mui · oliviertassinari · Sep 15, 2022 · Sep 3, 2022 · Sep 3, 2022 · Sep 3, 2022
diff --git a/docs/data/base/components/button/button.md b/docs/data/base/components/button/button.md
@@ -6,7 +6,7 @@ githubLabel: 'component: button'
 waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/button/
 ---
 
-# Unstyled button
+# Unstyled Button
 
 <p class="description">Buttons let users take actions and make choices with a single tap.</p>
 

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
@@ -5,7 +5,7 @@ components: ClickAwayListener
 githubLabel: 'component: ClickAwayListener'
 ---
 
-# Click-away listener
+# Click-Away Listener
 
 <p class="description">The ClickAwayListener component detects when a click event happens outside of its child element.</p>
 

diff --git a/docs/data/base/components/form-control/form-control.md b/docs/data/base/components/form-control/form-control.md
@@ -5,7 +5,7 @@ components: FormControlUnstyled
 githubLabel: 'component: FormControl'
 ---
 
-# Unstyled form control
+# Unstyled Form Control
 
 <p class="description">The FormControlUnstyled component is a utility that lets you associate a form input with auxiliary components, such as labels, error indicators, or helper text.</p>
 

diff --git a/docs/data/base/components/input/input.md b/docs/data/base/components/input/input.md
@@ -5,7 +5,7 @@ components: InputUnstyled
 githubLabel: 'component: input'
 ---
 
-# Unstyled input
+# Unstyled Input
 
 <p class="description">The InputUnstyled component provides users with a field to enter and edit text.</p>
 

diff --git a/docs/data/base/components/menu/menu.md b/docs/data/base/components/menu/menu.md
@@ -6,7 +6,7 @@ githubLabel: 'component: menu'
 waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/menubutton/
 ---
 
-# Unstyled menu
+# Unstyled Menu
 
 <p class="description">The menu components provide your users with a list of options on temporary surfaces.</p>
 

diff --git a/docs/data/base/components/modal/modal.md b/docs/data/base/components/modal/modal.md
@@ -6,7 +6,7 @@ githubLabel: 'component: modal'
 waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/dialogmodal/
 ---
 
-# Unstyled modal
+# Unstyled Modal
 
 <p class="description">The ModalUnstyled component lets you create dialogs, popovers, lightboxes, and other elements that force the user to take action before continuing.</p>
 

diff --git a/docs/data/base/components/popper/popper.md b/docs/data/base/components/popper/popper.md
@@ -6,7 +6,7 @@ githubLabel: 'component: Popper'
 waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/
 ---
 
-# Unstyled popper
+# Unstyled Popper
 
 <p class="description">The PopperUnstyled component lets you create tooltips and popovers that display information about an element on the page.</p>
 

diff --git a/docs/data/base/components/select/select.md b/docs/data/base/components/select/select.md
@@ -6,7 +6,7 @@ githubLabel: 'component: select'
 waiAria: https://www.w3.org/WAI/ARIA/apg/example-index/combobox/combobox-select-only.html
 ---
 
-# Unstyled select
+# Unstyled Select
 
 <p class="description">The select components let you create lists of options for users to choose from.</p>
 

diff --git a/docs/data/base/components/slider/slider.md b/docs/data/base/components/slider/slider.md
@@ -6,7 +6,7 @@ githubLabel: 'component: slider'
 waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/slidertwothumb/
 ---
 
-# Unstyled slider
+# Unstyled Slider
 
 <p class="description">A slider is a UI element that lets users select a single value or a range of values along a bar.
 </p>

diff --git a/docs/data/base/components/switch/switch.md b/docs/data/base/components/switch/switch.md
@@ -6,7 +6,7 @@ githubLabel: 'component: switch'
 waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/switch/
 ---
 
-# Unstyled switch
+# Unstyled Switch
 
 <p class="description">Switches are UI elements that let users choose between two states—most commonly on/off.</p>
 

diff --git a/docs/data/base/components/tabs/tabs.md b/docs/data/base/components/tabs/tabs.md
@@ -6,7 +6,7 @@ githubLabel: 'component: tabs'
 waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/tabpanel/
 ---
 
-# Unstyled tabs
+# Unstyled Tabs
 
 <p class="description">Tabs are UI elements for organizing and navigating between groups of related content.</p>
 

diff --git a/docs/data/base/pages.ts b/docs/data/base/pages.ts
@@ -50,8 +50,8 @@ const pages = [
         pathname: '/base/components/utils',
         subheader: 'utils',
         children: [
-          { pathname: '/base/react-click-away-listener', title: 'Click-away listener' },
-          { pathname: '/base/react-form-control', title: 'Form control' },
+          { pathname: '/base/react-click-away-listener', title: 'Click-Away Listener' },
+          { pathname: '/base/react-form-control', title: 'Form Control' },
           { pathname: '/base/react-modal', title: 'Modal' },
           { pathname: '/base/react-no-ssr', title: 'No SSR' },
           { pathname: '/base/react-popper', title: 'Popper' },

diff --git a/docs/data/joy/components/radio/radio.md b/docs/data/joy/components/radio/radio.md
@@ -1,11 +1,11 @@
 ---
 product: joy-ui
-title: React Radio button component
+title: React Radio Group component
 githubLabel: 'component: radio'
 waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/radiobutton/
 ---
 
-# Radio button
+# Radio Group
 
 <p class="description">Radio buttons allow the user to select one option from a set.</p>
 

diff --git a/docs/data/material/pages.ts b/docs/data/material/pages.ts
@@ -40,7 +40,7 @@ const pages = [
             pathname: '/material-ui/react-floating-action-button',
             title: 'Floating Action Button',
           },
-          { pathname: '/material-ui/react-radio-button' },
+          { pathname: '/material-ui/react-radio-button', title: 'Radio Group' },
           { pathname: '/material-ui/react-rating' },
           { pathname: '/material-ui/react-select' },
           { pathname: '/material-ui/react-slider' },

diff --git a/docs/pages/base/api/button-unstyled.json b/docs/pages/base/api/button-unstyled.json
@@ -24,6 +24,6 @@
   "forwardsRefTo": "HTMLButtonElement",
   "filename": "/packages/mui-base/src/ButtonUnstyled/ButtonUnstyled.tsx",
   "inheritance": null,
-  "demos": "<ul><li><a href=\"/base/react-button/\">Unstyled button</a></li></ul>",
+  "demos": "<ul><li><a href=\"/base/react-button/\">Unstyled Button</a></li></ul>",
   "cssComponent": false
 }
diff --git a/docs/pages/base/api/click-away-listener.json b/docs/pages/base/api/click-away-listener.json
@@ -23,6 +23,6 @@
   "spread": false,
   "filename": "/packages/mui-base/src/ClickAwayListener/ClickAwayListener.tsx",
   "inheritance": null,
-  "demos": "<ul><li><a href=\"/base/react-click-away-listener/\">Click-away listener</a></li></ul>",
+  "demos": "<ul><li><a href=\"/base/react-click-away-listener/\">Click-Away Listener</a></li></ul>",
   "cssComponent": false
 }
diff --git a/docs/pages/base/api/form-control-unstyled.json b/docs/pages/base/api/form-control-unstyled.json
@@ -16,6 +16,6 @@
   "forwardsRefTo": "HTMLDivElement",
   "filename": "/packages/mui-base/src/FormControlUnstyled/FormControlUnstyled.tsx",
   "inheritance": null,
-  "demos": "<ul><li><a href=\"/base/react-form-control/\">Unstyled form control</a></li></ul>",
+  "demos": "<ul><li><a href=\"/base/react-form-control/\">Unstyled Form Control</a></li></ul>",
   "cssComponent": false
 }
diff --git a/docs/pages/base/api/input-unstyled.json b/docs/pages/base/api/input-unstyled.json
@@ -47,6 +47,6 @@
   "forwardsRefTo": "HTMLDivElement",
   "filename": "/packages/mui-base/src/InputUnstyled/InputUnstyled.tsx",
   "inheritance": null,
-  "demos": "<ul><li><a href=\"/base/react-input/\">Unstyled input</a></li></ul>",
+  "demos": "<ul><li><a href=\"/base/react-input/\">Unstyled Input</a></li></ul>",
   "cssComponent": false
 }
diff --git a/docs/pages/base/api/menu-item-unstyled.json b/docs/pages/base/api/menu-item-unstyled.json
@@ -18,6 +18,6 @@
   "forwardsRefTo": "HTMLLIElement",
   "filename": "/packages/mui-base/src/MenuItemUnstyled/MenuItemUnstyled.tsx",
   "inheritance": null,
-  "demos": "<ul><li><a href=\"/base/react-menu/\">Unstyled menu</a></li></ul>",
+  "demos": "<ul><li><a href=\"/base/react-menu/\">Unstyled Menu</a></li></ul>",
   "cssComponent": false
 }
diff --git a/docs/pages/base/api/menu-unstyled.json b/docs/pages/base/api/menu-unstyled.json
@@ -29,6 +29,6 @@
   "forwardsRefTo": "HTMLDivElement",
   "filename": "/packages/mui-base/src/MenuUnstyled/MenuUnstyled.tsx",
   "inheritance": null,
-  "demos": "<ul><li><a href=\"/base/react-menu/\">Unstyled menu</a></li></ul>",
+  "demos": "<ul><li><a href=\"/base/react-menu/\">Unstyled Menu</a></li></ul>",
   "cssComponent": false
 }
diff --git a/docs/pages/base/api/modal-unstyled.json b/docs/pages/base/api/modal-unstyled.json
@@ -42,6 +42,6 @@
   "forwardsRefTo": "HTMLDivElement",
   "filename": "/packages/mui-base/src/ModalUnstyled/ModalUnstyled.js",
   "inheritance": null,
-  "demos": "<ul><li><a href=\"/base/react-modal/\">Unstyled modal</a></li></ul>",
+  "demos": "<ul><li><a href=\"/base/react-modal/\">Unstyled Modal</a></li></ul>",
   "cssComponent": false
 }
diff --git a/docs/pages/base/api/multi-select-unstyled.json b/docs/pages/base/api/multi-select-unstyled.json
@@ -35,6 +35,6 @@
   "forwardsRefTo": "HTMLButtonElement",
   "filename": "/packages/mui-base/src/MultiSelectUnstyled/MultiSelectUnstyled.tsx",
   "inheritance": null,
-  "demos": "<ul><li><a href=\"/base/react-select/\">Unstyled select</a></li></ul>",
+  "demos": "<ul><li><a href=\"/base/react-select/\">Unstyled Select</a></li></ul>",
   "cssComponent": false
 }
diff --git a/docs/pages/base/api/option-group-unstyled.json b/docs/pages/base/api/option-group-unstyled.json
@@ -24,6 +24,6 @@
   "forwardsRefTo": "HTMLLIElement",
   "filename": "/packages/mui-base/src/OptionGroupUnstyled/OptionGroupUnstyled.tsx",
   "inheritance": null,
-  "demos": "<ul><li><a href=\"/base/react-select/\">Unstyled select</a></li></ul>",
+  "demos": "<ul><li><a href=\"/base/react-select/\">Unstyled Select</a></li></ul>",
   "cssComponent": false
 }
diff --git a/docs/pages/base/api/option-unstyled.json b/docs/pages/base/api/option-unstyled.json
@@ -19,6 +19,6 @@
   "forwardsRefTo": "HTMLLIElement",
   "filename": "/packages/mui-base/src/OptionUnstyled/OptionUnstyled.tsx",
   "inheritance": null,
-  "demos": "<ul><li><a href=\"/base/react-select/\">Unstyled select</a></li></ul>",
+  "demos": "<ul><li><a href=\"/base/react-select/\">Unstyled Select</a></li></ul>",
   "cssComponent": false
 }
diff --git a/docs/pages/base/api/popper-unstyled.json b/docs/pages/base/api/popper-unstyled.json
@@ -52,6 +52,6 @@
   "forwardsRefTo": "HTMLDivElement",
   "filename": "/packages/mui-base/src/PopperUnstyled/PopperUnstyled.js",
   "inheritance": null,
-  "demos": "<ul><li><a href=\"/base/react-popper/\">Unstyled popper</a></li></ul>",
+  "demos": "<ul><li><a href=\"/base/react-popper/\">Unstyled Popper</a></li></ul>",
   "cssComponent": false
 }
diff --git a/docs/pages/base/api/select-unstyled.json b/docs/pages/base/api/select-unstyled.json
@@ -35,6 +35,6 @@
   "forwardsRefTo": "HTMLButtonElement",
   "filename": "/packages/mui-base/src/SelectUnstyled/SelectUnstyled.tsx",
   "inheritance": null,
-  "demos": "<ul><li><a href=\"/base/react-select/\">Unstyled select</a></li></ul>",
+  "demos": "<ul><li><a href=\"/base/react-select/\">Unstyled Select</a></li></ul>",
   "cssComponent": false
 }
diff --git a/docs/pages/base/api/slider-unstyled.json b/docs/pages/base/api/slider-unstyled.json
@@ -117,6 +117,6 @@
   "forwardsRefTo": "HTMLSpanElement",
   "filename": "/packages/mui-base/src/SliderUnstyled/SliderUnstyled.js",
   "inheritance": null,
-  "demos": "<ul><li><a href=\"/base/react-slider/\">Unstyled slider</a></li></ul>",
+  "demos": "<ul><li><a href=\"/base/react-slider/\">Unstyled Slider</a></li></ul>",
   "cssComponent": false
 }
diff --git a/docs/pages/base/api/switch-unstyled.json b/docs/pages/base/api/switch-unstyled.json
@@ -28,6 +28,6 @@
   "forwardsRefTo": "HTMLSpanElement",
   "filename": "/packages/mui-base/src/SwitchUnstyled/SwitchUnstyled.tsx",
   "inheritance": null,
-  "demos": "<ul><li><a href=\"/base/react-switch/\">Unstyled switch</a></li></ul>",
+  "demos": "<ul><li><a href=\"/base/react-switch/\">Unstyled Switch</a></li></ul>",
   "cssComponent": false
 }
diff --git a/docs/pages/base/api/tab-panel-unstyled.json b/docs/pages/base/api/tab-panel-unstyled.json
@@ -21,6 +21,6 @@
   "forwardsRefTo": "HTMLDivElement",
   "filename": "/packages/mui-base/src/TabPanelUnstyled/TabPanelUnstyled.tsx",
   "inheritance": null,
-  "demos": "<ul><li><a href=\"/base/react-tabs/\">Unstyled tabs</a></li></ul>",
+  "demos": "<ul><li><a href=\"/base/react-tabs/\">Unstyled Tabs</a></li></ul>",
   "cssComponent": false
 }
diff --git a/docs/pages/base/api/tab-unstyled.json b/docs/pages/base/api/tab-unstyled.json
@@ -25,6 +25,6 @@
   "forwardsRefTo": "HTMLButtonElement",
   "filename": "/packages/mui-base/src/TabUnstyled/TabUnstyled.tsx",
   "inheritance": null,
-  "demos": "<ul><li><a href=\"/base/react-tabs/\">Unstyled tabs</a></li></ul>",
+  "demos": "<ul><li><a href=\"/base/react-tabs/\">Unstyled Tabs</a></li></ul>",
   "cssComponent": false
 }
diff --git a/docs/pages/base/api/tabs-list-unstyled.json b/docs/pages/base/api/tabs-list-unstyled.json
@@ -17,6 +17,6 @@
   "forwardsRefTo": "HTMLDivElement",
   "filename": "/packages/mui-base/src/TabsListUnstyled/TabsListUnstyled.tsx",
   "inheritance": null,
-  "demos": "<ul><li><a href=\"/base/react-tabs/\">Unstyled tabs</a></li></ul>",
+  "demos": "<ul><li><a href=\"/base/react-tabs/\">Unstyled Tabs</a></li></ul>",
   "cssComponent": false
 }
diff --git a/docs/pages/base/api/tabs-unstyled.json b/docs/pages/base/api/tabs-unstyled.json
@@ -39,6 +39,6 @@
   "forwardsRefTo": "HTMLDivElement",
   "filename": "/packages/mui-base/src/TabsUnstyled/TabsUnstyled.tsx",
   "inheritance": null,
-  "demos": "<ul><li><a href=\"/base/react-tabs/\">Unstyled tabs</a></li></ul>",
+  "demos": "<ul><li><a href=\"/base/react-tabs/\">Unstyled Tabs</a></li></ul>",
   "cssComponent": false
 }
diff --git a/docs/pages/blog/2021.md b/docs/pages/blog/2021.md
@@ -74,14 +74,15 @@ We have achieved most of what we could have hoped for.
 - We have broken down the demos into smaller and focus on one aspect at a time.
 - We have polished and promoted most of the components that were in the lab to `@mui/material`.
 - We have introduced many new components:
+
   - [Masonry](/material-ui/react-masonry/)
   - [Stack](/material-ui/react-stack/)
   - [Trap Focus](/base/react-trap-focus/)
-  - [Unstyled button](/material-ui/react-button/#unstyled)
-  - [Unstyled slider](/material-ui/react-slider/#unstyled)
-  - [Unstyled modal](/material-ui/react-modal/#unstyled)
-  - [Unstyled slider](/material-ui/react-switch/#unstyled)
-  - [Unstyled tabs](/material-ui/react-tabs/#unstyled)
+  - [Unstyled Button](/base/react-button/)
+  - [Unstyled Slider](/base/react-slider/)
+  - [Unstyled Modal](/base/react-modal/)
+  - [Unstyled Slider](/base/react-switch/)
+  - [Unstyled Tabs](/base/react-tabs/)
 
 ### MUI X
 

diff --git a/docs/scripts/buildApiUtils.test.ts b/docs/scripts/buildApiUtils.test.ts
@@ -150,7 +150,7 @@ describe('buildApiUtils', () => {
       if (existed) {
         expect(info.getDemos()).to.deep.equal([
           {
-            name: 'Unstyled button',
+            name: 'Unstyled Button',
             demoPathname: '/base/react-button/',
           },
         ]);

diff --git a/docs/translations/translations.json b/docs/translations/translations.json
@@ -207,8 +207,8 @@
     "/base/react-table-pagination": "Table pagination",
     "/base/react-tabs": "Tabs",
     "utils": "Utils",
-    "/base/react-click-away-listener": "Click-away listener",
-    "/base/react-form-control": "Form control",
+    "/base/react-click-away-listener": "Click-Away Listener",
+    "/base/react-form-control": "Form Control",
     "/base/react-modal": "Modal",
     "/base/react-no-ssr": "No SSR",
     "/base/react-popper": "Popper",
@@ -234,7 +234,7 @@
     "/material-ui/react-button-group": "Button Group",
     "/material-ui/react-checkbox": "Checkbox",
     "/material-ui/react-floating-action-button": "Floating Action Button",
-    "/material-ui/react-radio-button": "Radio button",
+    "/material-ui/react-radio-button": "Radio Group",
     "/material-ui/react-rating": "Rating",
     "/material-ui/react-select": "Select",
     "/material-ui/react-slider": "Slider",

diff --git a/packages/mui-base/src/ButtonUnstyled/ButtonUnstyled.tsx b/packages/mui-base/src/ButtonUnstyled/ButtonUnstyled.tsx
@@ -32,7 +32,7 @@ const useUtilityClasses = (ownerState: ButtonUnstyledOwnerState) => {
  *
  * Demos:
  *
- * - [Unstyled button](https://mui.com/base/react-button/)
+ * - [Unstyled Button](https://mui.com/base/react-button/)
  *
  * API:
  *

diff --git a/packages/mui-base/src/ClickAwayListener/ClickAwayListener.tsx b/packages/mui-base/src/ClickAwayListener/ClickAwayListener.tsx
@@ -63,7 +63,7 @@ export interface ClickAwayListenerProps {
  *
  * Demos:
  *
- * - [Click-away listener](https://mui.com/base/react-click-away-listener/)
+ * - [Click-Away Listener](https://mui.com/base/react-click-away-listener/)
  *
  * API:
  *

diff --git a/packages/mui-base/src/FormControlUnstyled/FormControlUnstyled.tsx b/packages/mui-base/src/FormControlUnstyled/FormControlUnstyled.tsx
@@ -62,7 +62,7 @@ function useUtilityClasses(ownerState: FormControlUnstyledOwnerState) {
  *
  * Demos:
  *
- * - [Unstyled form control](https://mui.com/base/react-form-control/)
+ * - [Unstyled Form Control](https://mui.com/base/react-form-control/)
  *
  * API:
  *

diff --git a/packages/mui-base/src/InputUnstyled/InputUnstyled.tsx b/packages/mui-base/src/InputUnstyled/InputUnstyled.tsx
@@ -17,7 +17,7 @@ import { EventHandlers, useSlotProps, WithOptionalOwnerState } from '../utils';
  *
  * Demos:
  *
- * - [Unstyled input](https://mui.com/base/react-input/)
+ * - [Unstyled Input](https://mui.com/base/react-input/)
  *
  * API:
  *

diff --git a/packages/mui-base/src/MenuItemUnstyled/MenuItemUnstyled.tsx b/packages/mui-base/src/MenuItemUnstyled/MenuItemUnstyled.tsx
@@ -25,7 +25,7 @@ function getUtilityClasses(ownerState: MenuItemUnstyledOwnerState) {
  *
  * Demos:
  *
- * - [Unstyled menu](https://mui.com/base/react-menu/)
+ * - [Unstyled Menu](https://mui.com/base/react-menu/)
  *
  * API:
  *

diff --git a/packages/mui-base/src/MenuUnstyled/MenuUnstyled.tsx b/packages/mui-base/src/MenuUnstyled/MenuUnstyled.tsx
@@ -28,7 +28,7 @@ function getUtilityClasses(ownerState: MenuUnstyledOwnerState) {
  *
  * Demos:
  *
- * - [Unstyled menu](https://mui.com/base/react-menu/)
+ * - [Unstyled Menu](https://mui.com/base/react-menu/)
  *
  * API:
  *

diff --git a/packages/mui-base/src/ModalUnstyled/ModalUnstyled.d.ts b/packages/mui-base/src/ModalUnstyled/ModalUnstyled.d.ts
@@ -16,7 +16,7 @@ import { ModalUnstyledTypeMap } from './ModalUnstyled.types';
  *
  * Demos:
  *
- * - [Unstyled modal](https://mui.com/base/react-modal/)
+ * - [Unstyled Modal](https://mui.com/base/react-modal/)
  *
  * API:
  *

diff --git a/packages/mui-base/src/MultiSelectUnstyled/MultiSelectUnstyled.tsx b/packages/mui-base/src/MultiSelectUnstyled/MultiSelectUnstyled.tsx
@@ -69,7 +69,7 @@ function useUtilityClasses(ownerState: MultiSelectUnstyledOwnerState<any>) {
  *
  * Demos:
  *
- * - [Unstyled select](https://mui.com/base/react-select/)
+ * - [Unstyled Select](https://mui.com/base/react-select/)
  *
  * API:
  *