diff --git a/lib/a11y-snapshot/__snapshots__/aom.test.js.snap b/lib/a11y-snapshot/__snapshots__/aom.test.js.snap
index 3947f1792..58e8cca0a 100644
--- a/lib/a11y-snapshot/__snapshots__/aom.test.js.snap
+++ b/lib/a11y-snapshot/__snapshots__/aom.test.js.snap
@@ -100,6 +100,7 @@ exports[`chromium / 1`] = `
     <separator orientation="horizontal"></separator>
     <heading level="2">
       Material-UI's sponsors
+      <Anchor></Anchor>
       <text>Material-UI's sponsors</text>
     </heading>
     <paragraph>
@@ -110,6 +111,7 @@ exports[`chromium / 1`] = `
     </paragraph>
     <heading level="3">
       Diamond 💎
+      <Anchor></Anchor>
       <text>Diamond 💎</text>
     </heading>
     <link>
@@ -127,6 +129,7 @@ exports[`chromium / 1`] = `
     </paragraph>
     <heading level="3">
       Gold 🏆
+      <Anchor></Anchor>
       <text>Gold 🏆</text>
     </heading>
     <link>
@@ -159,6 +162,7 @@ exports[`chromium / 1`] = `
     </link>
     <heading level="3">
       There are more!
+      <Anchor></Anchor>
       <text>There are more!</text>
     </heading>
     <paragraph>
@@ -257,7 +261,7 @@ exports[`chromium / 1`] = `
     </list>
     <paragraph>
       <text>Currently</text>
-      <link>v5.0.0-alpha.31. View versions page.</link>
+      <link>v5.0.0-alpha.30. View versions page.</link>
       <text>. Released under the</text>
       <link>MIT License</link>
       <text>.Copyright ©2021Material-UI.</text>
@@ -282,6 +286,7 @@ exports[`chromium /api/button/ 1`] = `
   </paragraph>
   <heading level="2">
     Import
+    <Anchor></Anchor>
     <text>Import</text>
   </heading>
   <Pre>
@@ -292,6 +297,7 @@ exports[`chromium /api/button/ 1`] = `
   <text>.</text>
   <heading level="2">
     Component name
+    <Anchor></Anchor>
     <text>Component name</text>
   </heading>
   <text>The name</text>
@@ -303,6 +309,7 @@ exports[`chromium /api/button/ 1`] = `
   <text>in the theme.</text>
   <heading level="2">
     Props
+    <Anchor></Anchor>
     <text>Props</text>
   </heading>
   <table>
@@ -647,6 +654,7 @@ exports[`chromium /api/button/ 1`] = `
   <text>).</text>
   <heading level="3">
     Inheritance
+    <Anchor></Anchor>
     <text>Inheritance</text>
   </heading>
   <text>While not explicitly documented above, the props of the</text>
@@ -658,6 +666,7 @@ exports[`chromium /api/button/ 1`] = `
   <text>.</text>
   <heading level="2">
     CSS
+    <Anchor></Anchor>
     <text>CSS</text>
   </heading>
   <table>
@@ -1325,6 +1334,7 @@ exports[`chromium /api/button/ 1`] = `
   </list>
   <heading level="2">
     Demos
+    <Anchor></Anchor>
     <text>Demos</text>
   </heading>
   <list>
@@ -1365,6 +1375,7 @@ exports[`chromium /api/select/ 1`] = `
   </paragraph>
   <heading level="2">
     Import
+    <Anchor></Anchor>
     <text>Import</text>
   </heading>
   <Pre>
@@ -1375,6 +1386,7 @@ exports[`chromium /api/select/ 1`] = `
   <text>.</text>
   <heading level="2">
     Component name
+    <Anchor></Anchor>
     <text>Component name</text>
   </heading>
   <text>The name</text>
@@ -1386,6 +1398,7 @@ exports[`chromium /api/select/ 1`] = `
   <text>in the theme.</text>
   <heading level="2">
     Props
+    <Anchor></Anchor>
     <text>Props</text>
   </heading>
   <table>
@@ -1999,6 +2012,7 @@ exports[`chromium /api/select/ 1`] = `
   <text>).</text>
   <heading level="3">
     Inheritance
+    <Anchor></Anchor>
     <text>Inheritance</text>
   </heading>
   <text>While not explicitly documented above, the props of the</text>
@@ -2010,6 +2024,7 @@ exports[`chromium /api/select/ 1`] = `
   <text>.</text>
   <heading level="2">
     CSS
+    <Anchor></Anchor>
     <text>CSS</text>
   </heading>
   <table>
@@ -2214,6 +2229,7 @@ exports[`chromium /api/select/ 1`] = `
   </list>
   <heading level="2">
     Demos
+    <Anchor></Anchor>
     <text>Demos</text>
   </heading>
   <list>
@@ -2269,6 +2285,7 @@ exports[`chromium /components/breadcrumbs 1`] = `
   </list>
   <heading level="2">
     Basic breadcrumbs
+    <Anchor></Anchor>
     <text>Basic breadcrumbs</text>
   </heading>
   <button>
@@ -2305,6 +2322,7 @@ exports[`chromium /components/breadcrumbs 1`] = `
   </Pre>
   <heading level="2">
     Active last breadcrumb
+    <Anchor></Anchor>
     <text>Active last breadcrumb</text>
   </heading>
   <paragraph>
@@ -2342,6 +2360,7 @@ exports[`chromium /components/breadcrumbs 1`] = `
   </Pre>
   <heading level="2">
     Custom separator
+    <Anchor></Anchor>
     <text>Custom separator</text>
   </heading>
   <paragraph>
@@ -2416,6 +2435,7 @@ exports[`chromium /components/breadcrumbs 1`] = `
   </Pre>
   <heading level="2">
     Breadcrumbs with icons
+    <Anchor></Anchor>
     <text>Breadcrumbs with icons</text>
   </heading>
   <button>
@@ -2447,6 +2467,7 @@ exports[`chromium /components/breadcrumbs 1`] = `
   </toolbar>
   <heading level="2">
     Collapsed breadcrumbs
+    <Anchor></Anchor>
     <text>Collapsed breadcrumbs</text>
   </heading>
   <button>
@@ -2483,6 +2504,7 @@ exports[`chromium /components/breadcrumbs 1`] = `
   </Pre>
   <heading level="2">
     Customized breadcrumbs
+    <Anchor></Anchor>
     <text>Customized breadcrumbs</text>
   </heading>
   <paragraph>
@@ -2528,6 +2550,7 @@ exports[`chromium /components/breadcrumbs 1`] = `
   </Pre>
   <heading level="2">
     Integration with react-router
+    <Anchor></Anchor>
     <text>Integration with react-router</text>
   </heading>
   <button>
@@ -2591,6 +2614,7 @@ exports[`chromium /components/breadcrumbs 1`] = `
   </toolbar>
   <heading level="2">
     Accessibility
+    <Anchor></Anchor>
     <text>Accessibility</text>
   </heading>
   <paragraph>
@@ -2633,6 +2657,7 @@ exports[`chromium /components/breadcrumbs 1`] = `
   </list>
   <heading level="2">
     API
+    <Anchor></Anchor>
     <text>API</text>
   </heading>
   <list>
@@ -2698,6 +2723,7 @@ exports[`chromium /components/button-group/ 1`] = `
   </list>
   <heading level="2">
     Basic button group
+    <Anchor></Anchor>
     <text>Basic button group</text>
   </heading>
   <paragraph>
@@ -2738,6 +2764,7 @@ exports[`chromium /components/button-group/ 1`] = `
   </Pre>
   <heading level="2">
     Button variants
+    <Anchor></Anchor>
     <text>Button variants</text>
   </heading>
   <paragraph>
@@ -2791,6 +2818,7 @@ exports[`chromium /components/button-group/ 1`] = `
   </Pre>
   <heading level="2">
     Sizes and colors
+    <Anchor></Anchor>
     <text>Sizes and colors</text>
   </heading>
   <paragraph>
@@ -2865,6 +2893,7 @@ exports[`chromium /components/button-group/ 1`] = `
   </Pre>
   <heading level="2">
     Vertical group
+    <Anchor></Anchor>
     <text>Vertical group</text>
   </heading>
   <paragraph>
@@ -2932,6 +2961,7 @@ exports[`chromium /components/button-group/ 1`] = `
   </toolbar>
   <heading level="2">
     Split button
+    <Anchor></Anchor>
     <text>Split button</text>
   </heading>
   <paragraph>
@@ -2965,6 +2995,7 @@ exports[`chromium /components/button-group/ 1`] = `
   </toolbar>
   <heading level="2">
     Disabled elevation
+    <Anchor></Anchor>
     <text>Disabled elevation</text>
   </heading>
   <paragraph>
@@ -3000,6 +3031,7 @@ exports[`chromium /components/button-group/ 1`] = `
   </Pre>
   <heading level="2">
     API
+    <Anchor></Anchor>
     <text>API</text>
   </heading>
   <list>
@@ -3090,6 +3122,7 @@ exports[`chromium /components/buttons/ 1`] = `
   </list>
   <heading level="2">
     Contained buttons
+    <Anchor></Anchor>
     <text>Contained buttons</text>
   </heading>
   <paragraph>
@@ -3155,6 +3188,7 @@ exports[`chromium /components/buttons/ 1`] = `
   </Pre>
   <heading level="2">
     Text buttons
+    <Anchor></Anchor>
     <text>Text buttons</text>
   </heading>
   <paragraph>
@@ -3207,12 +3241,13 @@ exports[`chromium /components/buttons/ 1`] = `
   </Pre>
   <heading level="2">
     Outlined buttons
+    <Anchor></Anchor>
     <text>Outlined buttons</text>
   </heading>
   <paragraph>
     <link>Outlined buttons</link>
     <text>
-      are medium-emphasis buttons. They contain actions that are important but
+      are medium-emphasis buttons. They contain actions that are important, but
       aren't the primary action in an app.
     </text>
   </paragraph>
@@ -3253,6 +3288,7 @@ exports[`chromium /components/buttons/ 1`] = `
   </Pre>
   <heading level="2">
     Handling clicks
+    <Anchor></Anchor>
     <text>Handling clicks</text>
   </heading>
   <paragraph>
@@ -3273,6 +3309,7 @@ exports[`chromium /components/buttons/ 1`] = `
   </paragraph>
   <heading level="2">
     Upload button
+    <Anchor></Anchor>
     <text>Upload button</text>
   </heading>
   <button>
@@ -3302,10 +3339,11 @@ exports[`chromium /components/buttons/ 1`] = `
   </Pre>
   <heading level="2">
     Sizes
+    <Anchor></Anchor>
     <text>Sizes</text>
   </heading>
   <paragraph>
-    <text>For larger or smaller buttons, use the</text>
+    <text>For larger or smaller buttons use the</text>
     <code>$SOME_CODE</code>
     <text>prop.</text>
   </paragraph>
@@ -3364,6 +3402,7 @@ exports[`chromium /components/buttons/ 1`] = `
   </toolbar>
   <heading level="2">
     Buttons with icons and label
+    <Anchor></Anchor>
     <text>Buttons with icons and label</text>
   </heading>
   <paragraph>
@@ -3400,6 +3439,7 @@ exports[`chromium /components/buttons/ 1`] = `
   </Pre>
   <heading level="2">
     Icon button
+    <Anchor></Anchor>
     <text>Icon button</text>
   </heading>
   <paragraph>
@@ -3434,6 +3474,7 @@ exports[`chromium /components/buttons/ 1`] = `
   </Pre>
   <heading level="2">
     Customized buttons
+    <Anchor></Anchor>
     <text>Customized buttons</text>
   </heading>
   <paragraph>
@@ -3476,11 +3517,12 @@ exports[`chromium /components/buttons/ 1`] = `
   </paragraph>
   <heading level="2">
     Loading buttons
+    <Anchor></Anchor>
     <text>Loading buttons</text>
   </heading>
   <paragraph>
     <text>
-      The loading buttons can show loading state and disable interactions.
+      The loading buttons can show pending state and disable interactions.
     </text>
   </paragraph>
   <button>
@@ -3523,7 +3565,7 @@ exports[`chromium /components/buttons/ 1`] = `
     A generic container that is programmatically focused to test keyboard
     navigation of our components.
   </button>
-  <checkbox checked="false">Loading</checkbox>
+  <checkbox checked="false">Pending</checkbox>
   <button>
     SUBMIT
     <text>SUBMIT</text>
@@ -3551,6 +3593,7 @@ exports[`chromium /components/buttons/ 1`] = `
   </toolbar>
   <heading level="2">
     Complex buttons
+    <Anchor></Anchor>
     <text>Complex buttons</text>
   </heading>
   <paragraph>
@@ -3591,6 +3634,7 @@ exports[`chromium /components/buttons/ 1`] = `
   </toolbar>
   <heading level="2">
     Third-party routing library
+    <Anchor></Anchor>
     <text>Third-party routing library</text>
   </heading>
   <paragraph>
@@ -3602,7 +3646,7 @@ exports[`chromium /components/buttons/ 1`] = `
     <text>component provides the</text>
     <code>$SOME_CODE</code>
     <text>
-      prop to handle this use case. However, for certain focus polyfills
+      prop to handle this use case. However for certain focus polyfills
     </text>
     <code>$SOME_CODE</code>
     <text>
@@ -3621,10 +3665,12 @@ exports[`chromium /components/buttons/ 1`] = `
   </paragraph>
   <heading level="2">
     Limitations
+    <Anchor></Anchor>
     <text>Limitations</text>
   </heading>
   <heading level="3">
     Cursor not-allowed
+    <Anchor></Anchor>
     <text>Cursor not-allowed</text>
   </heading>
   <paragraph>
@@ -3642,7 +3688,7 @@ exports[`chromium /components/buttons/ 1`] = `
   <list>
     <listitem level="1">
       <text>
-        CSS only. You can remove the pointer-events style on the disabled state
+        CSS only. You can remove the pointer events style on the disabled state
         of the
       </text>
       <code>$SOME_CODE</code>
@@ -3689,6 +3735,7 @@ exports[`chromium /components/buttons/ 1`] = `
   </paragraph>
   <heading level="2">
     API
+    <Anchor></Anchor>
     <text>API</text>
   </heading>
   <list>
@@ -3778,19 +3825,20 @@ exports[`chromium /components/checkboxes/ 1`] = `
   </list>
   <heading level="2">
     Basic checkboxes
+    <Anchor></Anchor>
     <text>Basic checkboxes</text>
   </heading>
   <button>
     A generic container that is programmatically focused to test keyboard
     navigation of our components.
   </button>
-  <checkbox checked="true">Checkbox demo</checkbox>
-  <checkbox checked="false">Checkbox demo</checkbox>
+  <checkbox checked="true">checked</checkbox>
+  <checkbox checked="false">uncontrolled</checkbox>
   <checkbox checked="false" disabled="true">
-    Checkbox demo
+    disabled
   </checkbox>
   <checkbox checked="true" disabled="true">
-    Checkbox demo
+    disabled checked
   </checkbox>
   <toolbar>
     demo source
@@ -3806,6 +3854,7 @@ exports[`chromium /components/checkboxes/ 1`] = `
   </Pre>
   <heading level="2">
     Label
+    <Anchor></Anchor>
     <text>Label</text>
   </heading>
   <paragraph>
@@ -3837,6 +3886,7 @@ exports[`chromium /components/checkboxes/ 1`] = `
   </Pre>
   <heading level="2">
     Size
+    <Anchor></Anchor>
     <text>Size</text>
   </heading>
   <paragraph>
@@ -3851,9 +3901,9 @@ exports[`chromium /components/checkboxes/ 1`] = `
     A generic container that is programmatically focused to test keyboard
     navigation of our components.
   </button>
-  <checkbox checked="true">Checkbox demo</checkbox>
-  <checkbox checked="true">Checkbox demo</checkbox>
-  <checkbox checked="true">Checkbox demo</checkbox>
+  <checkbox checked="true">small</checkbox>
+  <checkbox checked="true">normal</checkbox>
+  <checkbox checked="true">large</checkbox>
   <toolbar>
     demo source
     <button>Show the full source</button>
@@ -3868,38 +3918,37 @@ exports[`chromium /components/checkboxes/ 1`] = `
   </Pre>
   <heading level="2">
     Color
+    <Anchor></Anchor>
     <text>Color</text>
   </heading>
   <button>
     A generic container that is programmatically focused to test keyboard
     navigation of our components.
   </button>
-  <checkbox checked="true">Checkbox demo</checkbox>
-  <checkbox checked="true">Checkbox demo</checkbox>
-  <checkbox checked="true">Checkbox demo</checkbox>
-  <checkbox checked="true">Checkbox demo</checkbox>
+  <checkbox checked="true">secondary</checkbox>
+  <checkbox checked="true">primary</checkbox>
+  <checkbox checked="true">default</checkbox>
+  <checkbox checked="true">custom</checkbox>
   <toolbar>
     demo source
-    <button>Show the full source</button>
+    <button>Show the source</button>
     <button>Edit in CodeSandbox</button>
     <button>Copy the source</button>
     <button>Reset focus to test keyboard navigation</button>
     <button>Reset demo</button>
     <combobox haspopup="menu">See more</combobox>
   </toolbar>
-  <Pre>
-    <code>$SOME_CODE</code>
-  </Pre>
   <heading level="2">
     Icon
+    <Anchor></Anchor>
     <text>Icon</text>
   </heading>
   <button>
     A generic container that is programmatically focused to test keyboard
     navigation of our components.
   </button>
-  <checkbox checked="false">Checkbox demo</checkbox>
-  <checkbox checked="false">Checkbox demo</checkbox>
+  <checkbox checked="false">favorite</checkbox>
+  <checkbox checked="false">bookmarked</checkbox>
   <toolbar>
     demo source
     <button>Show the full source</button>
@@ -3914,6 +3963,7 @@ exports[`chromium /components/checkboxes/ 1`] = `
   </Pre>
   <heading level="2">
     Controlled
+    <Anchor></Anchor>
     <text>Controlled</text>
   </heading>
   <paragraph>
@@ -3942,6 +3992,7 @@ exports[`chromium /components/checkboxes/ 1`] = `
   </Pre>
   <heading level="2">
     Indeterminate
+    <Anchor></Anchor>
     <text>Indeterminate</text>
   </heading>
   <paragraph>
@@ -3982,6 +4033,7 @@ exports[`chromium /components/checkboxes/ 1`] = `
   </blockquote>
   <heading level="2">
     FormGroup
+    <Anchor></Anchor>
     <text>FormGroup</text>
   </heading>
   <paragraph>
@@ -4029,6 +4081,7 @@ exports[`chromium /components/checkboxes/ 1`] = `
   </toolbar>
   <heading level="2">
     Label placement
+    <Anchor></Anchor>
     <text>Label placement</text>
   </heading>
   <paragraph>
@@ -4059,6 +4112,7 @@ exports[`chromium /components/checkboxes/ 1`] = `
   </toolbar>
   <heading level="2">
     Customized checkbox
+    <Anchor></Anchor>
     <text>Customized checkbox</text>
   </heading>
   <paragraph>
@@ -4073,10 +4127,10 @@ exports[`chromium /components/checkboxes/ 1`] = `
     A generic container that is programmatically focused to test keyboard
     navigation of our components.
   </button>
-  <checkbox checked="false">Checkbox demo</checkbox>
-  <checkbox checked="true">Checkbox demo</checkbox>
+  <checkbox checked="false">decorative checkbox</checkbox>
+  <checkbox checked="true">decorative checkbox</checkbox>
   <checkbox checked="false" disabled="true">
-    Checkbox demo
+    decorative checkbox
   </checkbox>
   <toolbar>
     demo source
@@ -4097,6 +4151,7 @@ exports[`chromium /components/checkboxes/ 1`] = `
   </paragraph>
   <heading level="2">
     When to use
+    <Anchor></Anchor>
     <text>When to use</text>
   </heading>
   <list>
@@ -4109,6 +4164,7 @@ exports[`chromium /components/checkboxes/ 1`] = `
   </list>
   <heading level="2">
     Accessibility
+    <Anchor></Anchor>
     <text>Accessibility</text>
   </heading>
   <paragraph>
@@ -4148,6 +4204,7 @@ exports[`chromium /components/checkboxes/ 1`] = `
   </Pre>
   <heading level="2">
     API
+    <Anchor></Anchor>
     <text>API</text>
   </heading>
   <list>
@@ -4249,6 +4306,7 @@ exports[`chromium /components/dialogs/ 1`] = `
   </list>
   <heading level="2">
     Basic dialog
+    <Anchor></Anchor>
     <text>Basic dialog</text>
   </heading>
   <paragraph>
@@ -4298,6 +4356,7 @@ exports[`chromium /components/dialogs/ 1`] = `
   </Pre>
   <heading level="2">
     Alerts
+    <Anchor></Anchor>
     <text>Alerts</text>
   </heading>
   <paragraph>
@@ -4365,6 +4424,7 @@ exports[`chromium /components/dialogs/ 1`] = `
   </toolbar>
   <heading level="2">
     Transitions
+    <Anchor></Anchor>
     <text>Transitions</text>
   </heading>
   <paragraph>
@@ -4391,6 +4451,7 @@ exports[`chromium /components/dialogs/ 1`] = `
   </toolbar>
   <heading level="2">
     Form dialogs
+    <Anchor></Anchor>
     <text>Form dialogs</text>
   </heading>
   <paragraph>
@@ -4420,6 +4481,7 @@ exports[`chromium /components/dialogs/ 1`] = `
   </toolbar>
   <heading level="2">
     Customized dialogs
+    <Anchor></Anchor>
     <text>Customized dialogs</text>
   </heading>
   <paragraph>
@@ -4452,6 +4514,7 @@ exports[`chromium /components/dialogs/ 1`] = `
   </toolbar>
   <heading level="2">
     Full-screen dialogs
+    <Anchor></Anchor>
     <text>Full-screen dialogs</text>
   </heading>
   <button>
@@ -4473,6 +4536,7 @@ exports[`chromium /components/dialogs/ 1`] = `
   </toolbar>
   <heading level="2">
     Optional sizes
+    <Anchor></Anchor>
     <text>Optional sizes</text>
   </heading>
   <paragraph>
@@ -4505,6 +4569,7 @@ exports[`chromium /components/dialogs/ 1`] = `
   </toolbar>
   <heading level="2">
     Responsive full-screen
+    <Anchor></Anchor>
     <text>Responsive full-screen</text>
   </heading>
   <paragraph>
@@ -4537,6 +4602,7 @@ exports[`chromium /components/dialogs/ 1`] = `
   </toolbar>
   <heading level="2">
     Confirmation dialogs
+    <Anchor></Anchor>
     <text>Confirmation dialogs</text>
   </heading>
   <paragraph>
@@ -4587,6 +4653,7 @@ exports[`chromium /components/dialogs/ 1`] = `
   </toolbar>
   <heading level="2">
     Draggable dialog
+    <Anchor></Anchor>
     <text>Draggable dialog</text>
   </heading>
   <paragraph>
@@ -4619,6 +4686,7 @@ exports[`chromium /components/dialogs/ 1`] = `
   </toolbar>
   <heading level="2">
     Scrolling long content
+    <Anchor></Anchor>
     <text>Scrolling long content</text>
   </heading>
   <paragraph>
@@ -4663,6 +4731,7 @@ exports[`chromium /components/dialogs/ 1`] = `
   </toolbar>
   <heading level="2">
     Performance
+    <Anchor></Anchor>
     <text>Performance</text>
   </heading>
   <paragraph>
@@ -4672,6 +4741,7 @@ exports[`chromium /components/dialogs/ 1`] = `
   </paragraph>
   <heading level="2">
     Limitations
+    <Anchor></Anchor>
     <text>Limitations</text>
   </heading>
   <paragraph>
@@ -4681,6 +4751,7 @@ exports[`chromium /components/dialogs/ 1`] = `
   </paragraph>
   <heading level="2">
     Accessibility
+    <Anchor></Anchor>
     <text>Accessibility</text>
   </heading>
   <paragraph>
@@ -4690,6 +4761,7 @@ exports[`chromium /components/dialogs/ 1`] = `
   </paragraph>
   <heading level="2">
     API
+    <Anchor></Anchor>
     <text>API</text>
   </heading>
   <list>
@@ -4776,6 +4848,7 @@ exports[`chromium /components/pagination/ 1`] = `
   </list>
   <heading level="2">
     Basic pagination
+    <Anchor></Anchor>
     <text>Basic pagination</text>
   </heading>
   <button>
@@ -4976,6 +5049,7 @@ exports[`chromium /components/pagination/ 1`] = `
   </Pre>
   <heading level="2">
     Outlined pagination
+    <Anchor></Anchor>
     <text>Outlined pagination</text>
   </heading>
   <button>
@@ -5176,6 +5250,7 @@ exports[`chromium /components/pagination/ 1`] = `
   </Pre>
   <heading level="2">
     Rounded pagination
+    <Anchor></Anchor>
     <text>Rounded pagination</text>
   </heading>
   <button>
@@ -5286,6 +5361,7 @@ exports[`chromium /components/pagination/ 1`] = `
   </Pre>
   <heading level="2">
     Pagination size
+    <Anchor></Anchor>
     <text>Pagination size</text>
   </heading>
   <button>
@@ -5441,6 +5517,7 @@ exports[`chromium /components/pagination/ 1`] = `
   </Pre>
   <heading level="2">
     Buttons
+    <Anchor></Anchor>
     <text>Buttons</text>
   </heading>
   <paragraph>
@@ -5557,6 +5634,7 @@ exports[`chromium /components/pagination/ 1`] = `
   </Pre>
   <heading level="2">
     Pagination ranges
+    <Anchor></Anchor>
     <text>Pagination ranges</text>
   </heading>
   <paragraph>
@@ -5761,6 +5839,7 @@ exports[`chromium /components/pagination/ 1`] = `
   </Pre>
   <heading level="2">
     Controlled pagination
+    <Anchor></Anchor>
     <text>Controlled pagination</text>
   </heading>
   <button>
@@ -5829,6 +5908,7 @@ exports[`chromium /components/pagination/ 1`] = `
   </Pre>
   <heading level="2">
     Router integration
+    <Anchor></Anchor>
     <text>Router integration</text>
   </heading>
   <button>
@@ -5891,6 +5971,7 @@ exports[`chromium /components/pagination/ 1`] = `
   </toolbar>
   <heading level="2">
     usePagination
+    <Anchor></Anchor>
     <code>$SOME_CODE</code>
   </heading>
   <paragraph>
@@ -5970,6 +6051,7 @@ exports[`chromium /components/pagination/ 1`] = `
   </toolbar>
   <heading level="2">
     Table pagination
+    <Anchor></Anchor>
     <text>Table pagination</text>
   </heading>
   <paragraph>
@@ -6036,10 +6118,12 @@ exports[`chromium /components/pagination/ 1`] = `
   </paragraph>
   <heading level="2">
     Accessibility
+    <Anchor></Anchor>
     <text>Accessibility</text>
   </heading>
   <heading level="3">
     ARIA
+    <Anchor></Anchor>
     <text>ARIA</text>
   </heading>
   <paragraph>
@@ -6055,6 +6139,7 @@ exports[`chromium /components/pagination/ 1`] = `
   </paragraph>
   <heading level="3">
     Keyboard
+    <Anchor></Anchor>
     <text>Keyboard</text>
   </heading>
   <paragraph>
@@ -6064,6 +6149,7 @@ exports[`chromium /components/pagination/ 1`] = `
   </paragraph>
   <heading level="2">
     API
+    <Anchor></Anchor>
     <text>API</text>
   </heading>
   <list>
@@ -6145,6 +6231,7 @@ exports[`chromium /components/pickers 1`] = `
   </list>
   <heading level="2">
     React components
+    <Anchor></Anchor>
     <text>React components</text>
   </heading>
   <button>
@@ -6194,6 +6281,7 @@ exports[`chromium /components/pickers 1`] = `
   </toolbar>
   <heading level="2">
     Native pickers
+    <Anchor></Anchor>
     <text>Native pickers</text>
   </heading>
   <paragraph>
@@ -6203,6 +6291,7 @@ exports[`chromium /components/pickers 1`] = `
   </paragraph>
   <heading level="3">
     Date picker
+    <Anchor></Anchor>
     <text>Date picker</text>
   </heading>
   <paragraph>
@@ -6250,6 +6339,7 @@ exports[`chromium /components/pickers 1`] = `
   </Pre>
   <heading level="3">
     Date & Time picker
+    <Anchor></Anchor>
     <text>Date & Time picker</text>
   </heading>
   <paragraph>
@@ -6312,6 +6402,7 @@ exports[`chromium /components/pickers 1`] = `
   </Pre>
   <heading level="3">
     Time picker
+    <Anchor></Anchor>
     <text>Time picker</text>
   </heading>
   <paragraph>
@@ -6359,6 +6450,7 @@ exports[`chromium /components/pickers 1`] = `
   </Pre>
   <heading level="2">
     API
+    <Anchor></Anchor>
     <text>API</text>
   </heading>
   <list>
@@ -6431,6 +6523,7 @@ exports[`chromium /components/radio-buttons 1`] = `
   </list>
   <heading level="2">
     Radio group
+    <Anchor></Anchor>
     <text>Radio group</text>
   </heading>
   <paragraph>
@@ -6472,6 +6565,7 @@ exports[`chromium /components/radio-buttons 1`] = `
   </Pre>
   <heading level="3">
     Direction
+    <Anchor></Anchor>
     <text>Direction</text>
   </heading>
   <paragraph>
@@ -6512,6 +6606,7 @@ exports[`chromium /components/radio-buttons 1`] = `
   </Pre>
   <heading level="3">
     Controlled
+    <Anchor></Anchor>
     <text>Controlled</text>
   </heading>
   <paragraph>
@@ -6550,6 +6645,7 @@ exports[`chromium /components/radio-buttons 1`] = `
   </Pre>
   <heading level="2">
     Standalone radio buttons
+    <Anchor></Anchor>
     <text>Standalone radio buttons</text>
   </heading>
   <paragraph>
@@ -6576,6 +6672,7 @@ exports[`chromium /components/radio-buttons 1`] = `
   </Pre>
   <heading level="2">
     Size
+    <Anchor></Anchor>
     <text>Size</text>
   </heading>
   <paragraph>
@@ -6607,6 +6704,7 @@ exports[`chromium /components/radio-buttons 1`] = `
   </Pre>
   <heading level="2">
     Color
+    <Anchor></Anchor>
     <text>Color</text>
   </heading>
   <button>
@@ -6631,6 +6729,7 @@ exports[`chromium /components/radio-buttons 1`] = `
   </Pre>
   <heading level="2">
     Label placement
+    <Anchor></Anchor>
     <text>Label placement</text>
   </heading>
   <paragraph>
@@ -6668,6 +6767,7 @@ exports[`chromium /components/radio-buttons 1`] = `
   </toolbar>
   <heading level="2">
     Show error
+    <Anchor></Anchor>
     <text>Show error</text>
   </heading>
   <paragraph>
@@ -6712,6 +6812,7 @@ exports[`chromium /components/radio-buttons 1`] = `
   </toolbar>
   <heading level="2">
     Customized radios
+    <Anchor></Anchor>
     <text>Customized radios</text>
   </heading>
   <paragraph>
@@ -6755,6 +6856,7 @@ exports[`chromium /components/radio-buttons 1`] = `
   </Pre>
   <heading level="2">
     useRadioGroup
+    <Anchor></Anchor>
     <code>$SOME_CODE</code>
   </heading>
   <paragraph>
@@ -6767,6 +6869,7 @@ exports[`chromium /components/radio-buttons 1`] = `
   </paragraph>
   <heading level="3">
     API
+    <Anchor></Anchor>
     <text>API</text>
   </heading>
   <Pre>
@@ -6824,6 +6927,7 @@ exports[`chromium /components/radio-buttons 1`] = `
   </Pre>
   <heading level="2">
     When to use
+    <Anchor></Anchor>
     <text>When to use</text>
   </heading>
   <list>
@@ -6833,6 +6937,7 @@ exports[`chromium /components/radio-buttons 1`] = `
   </list>
   <heading level="2">
     Accessibility
+    <Anchor></Anchor>
     <text>Accessibility</text>
   </heading>
   <paragraph>
@@ -6872,6 +6977,7 @@ exports[`chromium /components/radio-buttons 1`] = `
   </Pre>
   <heading level="2">
     API
+    <Anchor></Anchor>
     <text>API</text>
   </heading>
   <list>
@@ -6955,6 +7061,7 @@ exports[`chromium /components/rating/ 1`] = `
   </list>
   <heading level="2">
     Basic rating
+    <Anchor></Anchor>
     <text>Basic rating</text>
   </heading>
   <button>
@@ -7015,6 +7122,7 @@ exports[`chromium /components/rating/ 1`] = `
   </Pre>
   <heading level="2">
     Rating precision
+    <Anchor></Anchor>
     <text>Rating precision</text>
   </heading>
   <paragraph>
@@ -7054,6 +7162,7 @@ exports[`chromium /components/rating/ 1`] = `
   </Pre>
   <heading level="2">
     Hover feedback
+    <Anchor></Anchor>
     <text>Hover feedback</text>
   </heading>
   <paragraph>
@@ -7094,6 +7203,7 @@ exports[`chromium /components/rating/ 1`] = `
   </Pre>
   <heading level="2">
     Sizes
+    <Anchor></Anchor>
     <text>Sizes</text>
   </heading>
   <paragraph>
@@ -7137,6 +7247,7 @@ exports[`chromium /components/rating/ 1`] = `
   </Pre>
   <heading level="2">
     Customized rating
+    <Anchor></Anchor>
     <text>Customized rating</text>
   </heading>
   <paragraph>
@@ -7193,6 +7304,7 @@ exports[`chromium /components/rating/ 1`] = `
   </Pre>
   <heading level="2">
     Radio group
+    <Anchor></Anchor>
     <text>Radio group</text>
   </heading>
   <paragraph>
@@ -7224,6 +7336,7 @@ exports[`chromium /components/rating/ 1`] = `
   </Pre>
   <heading level="2">
     Accessibility
+    <Anchor></Anchor>
     <text>Accessibility</text>
   </heading>
   <paragraph>
@@ -7289,6 +7402,7 @@ exports[`chromium /components/rating/ 1`] = `
   </Pre>
   <heading level="3">
     ARIA
+    <Anchor></Anchor>
     <text>ARIA</text>
   </heading>
   <paragraph>
@@ -7299,6 +7413,7 @@ exports[`chromium /components/rating/ 1`] = `
   </paragraph>
   <heading level="3">
     Keyboard
+    <Anchor></Anchor>
     <text>Keyboard</text>
   </heading>
   <paragraph>
@@ -7313,6 +7428,7 @@ exports[`chromium /components/rating/ 1`] = `
   </paragraph>
   <heading level="2">
     API
+    <Anchor></Anchor>
     <text>API</text>
   </heading>
   <list>
@@ -7369,6 +7485,7 @@ exports[`chromium /components/selects/ 1`] = `
   </list>
   <heading level="2">
     Basic select
+    <Anchor></Anchor>
     <text>Basic select</text>
   </heading>
   <paragraph>
@@ -7402,6 +7519,7 @@ exports[`chromium /components/selects/ 1`] = `
   </Pre>
   <heading level="2">
     Advanced features
+    <Anchor></Anchor>
     <text>Advanced features</text>
   </heading>
   <paragraph>
@@ -7427,6 +7545,7 @@ exports[`chromium /components/selects/ 1`] = `
   </paragraph>
   <heading level="2">
     Props
+    <Anchor></Anchor>
     <text>Props</text>
   </heading>
   <paragraph>
@@ -7450,6 +7569,7 @@ exports[`chromium /components/selects/ 1`] = `
   </paragraph>
   <heading level="3">
     Filled and standard variants
+    <Anchor></Anchor>
     <text>Filled and standard variants</text>
   </heading>
   <button>
@@ -7483,6 +7603,7 @@ exports[`chromium /components/selects/ 1`] = `
   </toolbar>
   <heading level="3">
     Labels and helper text
+    <Anchor></Anchor>
     <text>Labels and helper text</text>
   </heading>
   <button>
@@ -7518,6 +7639,7 @@ exports[`chromium /components/selects/ 1`] = `
   </toolbar>
   <heading level="3">
     Auto width
+    <Anchor></Anchor>
     <text>Auto width</text>
   </heading>
   <button>
@@ -7542,6 +7664,7 @@ exports[`chromium /components/selects/ 1`] = `
   </toolbar>
   <heading level="3">
     Other props
+    <Anchor></Anchor>
     <text>Other props</text>
   </heading>
   <button>
@@ -7598,6 +7721,7 @@ exports[`chromium /components/selects/ 1`] = `
   </toolbar>
   <heading level="2">
     Native select
+    <Anchor></Anchor>
     <text>Native select</text>
   </heading>
   <paragraph>
@@ -7636,6 +7760,7 @@ exports[`chromium /components/selects/ 1`] = `
   </Pre>
   <heading level="2">
     TextField
+    <Anchor></Anchor>
     <text>TextField</text>
   </heading>
   <paragraph>
@@ -7650,6 +7775,7 @@ exports[`chromium /components/selects/ 1`] = `
   </paragraph>
   <heading level="2">
     Customized selects
+    <Anchor></Anchor>
     <text>Customized selects</text>
   </heading>
   <paragraph>
@@ -7723,6 +7849,7 @@ exports[`chromium /components/selects/ 1`] = `
   </paragraph>
   <heading level="2">
     Multiple select
+    <Anchor></Anchor>
     <text>Multiple select</text>
   </heading>
   <paragraph>
@@ -7746,6 +7873,7 @@ exports[`chromium /components/selects/ 1`] = `
   </paragraph>
   <heading level="3">
     Default
+    <Anchor></Anchor>
     <text>Default</text>
   </heading>
   <button>
@@ -7770,6 +7898,7 @@ exports[`chromium /components/selects/ 1`] = `
   </toolbar>
   <heading level="3">
     Checkmarks
+    <Anchor></Anchor>
     <text>Checkmarks</text>
   </heading>
   <button>
@@ -7794,6 +7923,7 @@ exports[`chromium /components/selects/ 1`] = `
   </toolbar>
   <heading level="3">
     Chip
+    <Anchor></Anchor>
     <text>Chip</text>
   </heading>
   <button>
@@ -7818,6 +7948,7 @@ exports[`chromium /components/selects/ 1`] = `
   </toolbar>
   <heading level="3">
     Placeholder
+    <Anchor></Anchor>
     <text>Placeholder</text>
   </heading>
   <button>
@@ -7840,6 +7971,7 @@ exports[`chromium /components/selects/ 1`] = `
   </toolbar>
   <heading level="3">
     Native
+    <Anchor></Anchor>
     <text>Native</text>
   </heading>
   <button>
@@ -7873,6 +8005,7 @@ exports[`chromium /components/selects/ 1`] = `
   </toolbar>
   <heading level="2">
     Controlled open select
+    <Anchor></Anchor>
     <text>Controlled open select</text>
   </heading>
   <button>
@@ -7901,6 +8034,7 @@ exports[`chromium /components/selects/ 1`] = `
   </toolbar>
   <heading level="2">
     With a dialog
+    <Anchor></Anchor>
     <text>With a dialog</text>
   </heading>
   <paragraph>
@@ -7928,6 +8062,7 @@ exports[`chromium /components/selects/ 1`] = `
   </toolbar>
   <heading level="2">
     Grouping
+    <Anchor></Anchor>
     <text>Grouping</text>
   </heading>
   <paragraph>
@@ -7972,6 +8107,7 @@ exports[`chromium /components/selects/ 1`] = `
   </toolbar>
   <heading level="2">
     Accessibility
+    <Anchor></Anchor>
     <text>Accessibility</text>
   </heading>
   <paragraph>
@@ -8018,6 +8154,7 @@ exports[`chromium /components/selects/ 1`] = `
   </Pre>
   <heading level="2">
     API
+    <Anchor></Anchor>
     <text>API</text>
   </heading>
   <list>
@@ -8099,6 +8236,7 @@ exports[`chromium /components/slider 1`] = `
   </list>
   <heading level="2">
     Continuous sliders
+    <Anchor></Anchor>
     <text>Continuous sliders</text>
   </heading>
   <paragraph>
@@ -8146,6 +8284,7 @@ exports[`chromium /components/slider 1`] = `
   </toolbar>
   <heading level="2">
     Discrete sliders
+    <Anchor></Anchor>
     <text>Discrete sliders</text>
   </heading>
   <paragraph>
@@ -8199,6 +8338,7 @@ exports[`chromium /components/slider 1`] = `
   </toolbar>
   <heading level="3">
     Small steps
+    <Anchor></Anchor>
     <text>Small steps</text>
   </heading>
   <paragraph>
@@ -8234,6 +8374,7 @@ exports[`chromium /components/slider 1`] = `
   </Pre>
   <heading level="3">
     Custom marks
+    <Anchor></Anchor>
     <text>Custom marks</text>
   </heading>
   <paragraph>
@@ -8271,6 +8412,7 @@ exports[`chromium /components/slider 1`] = `
   </Pre>
   <heading level="3">
     Restricted values
+    <Anchor></Anchor>
     <text>Restricted values</text>
   </heading>
   <paragraph>
@@ -8312,6 +8454,7 @@ exports[`chromium /components/slider 1`] = `
   </Pre>
   <heading level="3">
     Label always visible
+    <Anchor></Anchor>
     <text>Label always visible</text>
   </heading>
   <paragraph>
@@ -8349,6 +8492,7 @@ exports[`chromium /components/slider 1`] = `
   </Pre>
   <heading level="2">
     Range slider
+    <Anchor></Anchor>
     <text>Range slider</text>
   </heading>
   <paragraph>
@@ -8398,6 +8542,7 @@ exports[`chromium /components/slider 1`] = `
   </Pre>
   <heading level="3">
     Minimum distance
+    <Anchor></Anchor>
     <text>Minimum distance</text>
   </heading>
   <paragraph>
@@ -8475,6 +8620,7 @@ exports[`chromium /components/slider 1`] = `
   </toolbar>
   <heading level="2">
     Slider with input field
+    <Anchor></Anchor>
     <text>Slider with input field</text>
   </heading>
   <paragraph>
@@ -8512,6 +8658,7 @@ exports[`chromium /components/slider 1`] = `
   </toolbar>
   <heading level="2">
     Customized sliders
+    <Anchor></Anchor>
     <text>Customized sliders</text>
   </heading>
   <paragraph>
@@ -8594,6 +8741,7 @@ exports[`chromium /components/slider 1`] = `
   </toolbar>
   <heading level="2">
     Vertical sliders
+    <Anchor></Anchor>
     <text>Vertical sliders</text>
   </heading>
   <button>
@@ -8707,6 +8855,7 @@ exports[`chromium /components/slider 1`] = `
   </toolbar>
   <heading level="2">
     Track
+    <Anchor></Anchor>
     <text>Track</text>
   </heading>
   <paragraph>
@@ -8714,6 +8863,7 @@ exports[`chromium /components/slider 1`] = `
   </paragraph>
   <heading level="3">
     Removed track
+    <Anchor></Anchor>
     <text>Removed track</text>
   </heading>
   <paragraph>
@@ -8778,6 +8928,7 @@ exports[`chromium /components/slider 1`] = `
   </toolbar>
   <heading level="3">
     Inverted track
+    <Anchor></Anchor>
     <text>Inverted track</text>
   </heading>
   <paragraph>
@@ -8833,6 +8984,7 @@ exports[`chromium /components/slider 1`] = `
   </toolbar>
   <heading level="2">
     Non-linear scale
+    <Anchor></Anchor>
     <text>Non-linear scale</text>
   </heading>
   <paragraph>
@@ -8877,8 +9029,9 @@ exports[`chromium /components/slider 1`] = `
     <code>$SOME_CODE</code>
   </Pre>
   <heading level="2">
-    Unstyled
-    <text>Unstyled</text>
+    Unstyled slider
+    <Anchor></Anchor>
+    <text>Unstyled slider</text>
   </heading>
   <paragraph>
     <text>
@@ -8914,6 +9067,7 @@ exports[`chromium /components/slider 1`] = `
   </Pre>
   <heading level="2">
     Accessibility
+    <Anchor></Anchor>
     <text>Accessibility</text>
   </heading>
   <paragraph>
@@ -8951,6 +9105,7 @@ exports[`chromium /components/slider 1`] = `
   </list>
   <heading level="2">
     API
+    <Anchor></Anchor>
     <text>API</text>
   </heading>
   <list>
@@ -9020,19 +9175,20 @@ exports[`chromium /components/switches/ 1`] = `
   </list>
   <heading level="2">
     Basic switches
+    <Anchor></Anchor>
     <text>Basic switches</text>
   </heading>
   <button>
     A generic container that is programmatically focused to test keyboard
     navigation of our components.
   </button>
-  <checkbox checked="true">Switch demo</checkbox>
-  <checkbox checked="false">Switch demo</checkbox>
+  <checkbox checked="true">checked</checkbox>
+  <checkbox checked="false">unchecked</checkbox>
   <checkbox checked="true" disabled="true">
-    Switch demo
+    disabled checked
   </checkbox>
   <checkbox checked="false" disabled="true">
-    Switch demo
+    disabled unchecked
   </checkbox>
   <toolbar>
     demo source
@@ -9048,6 +9204,7 @@ exports[`chromium /components/switches/ 1`] = `
   </Pre>
   <heading level="2">
     Label
+    <Anchor></Anchor>
     <text>Label</text>
   </heading>
   <paragraph>
@@ -9079,6 +9236,7 @@ exports[`chromium /components/switches/ 1`] = `
   </Pre>
   <heading level="2">
     Size
+    <Anchor></Anchor>
     <text>Size</text>
   </heading>
   <paragraph>
@@ -9090,8 +9248,8 @@ exports[`chromium /components/switches/ 1`] = `
     A generic container that is programmatically focused to test keyboard
     navigation of our components.
   </button>
-  <checkbox checked="true">Switch demo</checkbox>
-  <checkbox checked="true">Switch demo</checkbox>
+  <checkbox checked="true">small</checkbox>
+  <checkbox checked="true">normal</checkbox>
   <toolbar>
     demo source
     <button>Show the full source</button>
@@ -9106,16 +9264,17 @@ exports[`chromium /components/switches/ 1`] = `
   </Pre>
   <heading level="2">
     Color
+    <Anchor></Anchor>
     <text>Color</text>
   </heading>
   <button>
     A generic container that is programmatically focused to test keyboard
     navigation of our components.
   </button>
-  <checkbox checked="true">Switch demo</checkbox>
-  <checkbox checked="true">Switch demo</checkbox>
-  <checkbox checked="true">Switch demo</checkbox>
-  <checkbox checked="true">Switch demo</checkbox>
+  <checkbox checked="true">secondary</checkbox>
+  <checkbox checked="true">primary</checkbox>
+  <checkbox checked="true">default</checkbox>
+  <checkbox checked="true">custom</checkbox>
   <toolbar>
     demo source
     <button>Show the full source</button>
@@ -9130,6 +9289,7 @@ exports[`chromium /components/switches/ 1`] = `
   </Pre>
   <heading level="2">
     Controlled
+    <Anchor></Anchor>
     <text>Controlled</text>
   </heading>
   <paragraph>
@@ -9158,6 +9318,7 @@ exports[`chromium /components/switches/ 1`] = `
   </Pre>
   <heading level="2">
     Switches with FormGroup
+    <Anchor></Anchor>
     <text>Switches with FormGroup</text>
   </heading>
   <paragraph>
@@ -9198,6 +9359,7 @@ exports[`chromium /components/switches/ 1`] = `
   </toolbar>
   <heading level="2">
     Customized switches
+    <Anchor></Anchor>
     <text>Customized switches</text>
   </heading>
   <paragraph>
@@ -9239,6 +9401,7 @@ exports[`chromium /components/switches/ 1`] = `
   </paragraph>
   <heading level="2">
     Label placement
+    <Anchor></Anchor>
     <text>Label placement</text>
   </heading>
   <paragraph>
@@ -9269,6 +9432,7 @@ exports[`chromium /components/switches/ 1`] = `
   </toolbar>
   <heading level="2">
     When to use
+    <Anchor></Anchor>
     <text>When to use</text>
   </heading>
   <list>
@@ -9278,6 +9442,7 @@ exports[`chromium /components/switches/ 1`] = `
   </list>
   <heading level="2">
     Accessibility
+    <Anchor></Anchor>
     <text>Accessibility</text>
   </heading>
   <list>
@@ -9324,6 +9489,7 @@ exports[`chromium /components/switches/ 1`] = `
   </Pre>
   <heading level="2">
     API
+    <Anchor></Anchor>
     <text>API</text>
   </heading>
   <list>
@@ -9415,6 +9581,7 @@ exports[`chromium /components/tabs/ 1`] = `
   </list>
   <heading level="2">
     Basic tabs
+    <Anchor></Anchor>
     <text>Basic tabs</text>
   </heading>
   <paragraph>
@@ -9459,6 +9626,7 @@ exports[`chromium /components/tabs/ 1`] = `
   </Pre>
   <heading level="2">
     Experimental API
+    <Anchor></Anchor>
     <text>Experimental API</text>
   </heading>
   <paragraph>
@@ -9507,12 +9675,13 @@ exports[`chromium /components/tabs/ 1`] = `
   </Pre>
   <heading level="2">
     Wrapped labels
+    <Anchor></Anchor>
     <text>Wrapped labels</text>
   </heading>
   <paragraph>
     <text>
       Long labels will automatically wrap on tabs. If the label is too long for
-      the tab, it will overflow, and the text will not be visible.
+      the tab, it will overflow and the text will not be visible.
     </text>
   </paragraph>
   <button>
@@ -9548,6 +9717,7 @@ exports[`chromium /components/tabs/ 1`] = `
   </Pre>
   <heading level="2">
     Colored tab
+    <Anchor></Anchor>
     <text>Colored tab</text>
   </heading>
   <button>
@@ -9583,6 +9753,7 @@ exports[`chromium /components/tabs/ 1`] = `
   </Pre>
   <heading level="2">
     Disabled tab
+    <Anchor></Anchor>
     <text>Disabled tab</text>
   </heading>
   <paragraph>
@@ -9623,16 +9794,18 @@ exports[`chromium /components/tabs/ 1`] = `
   </Pre>
   <heading level="2">
     Fixed tabs
+    <Anchor></Anchor>
     <text>Fixed tabs</text>
   </heading>
   <paragraph>
     <text>
-      Fixed tabs should be used with a limited number of tabs, and when a
+      Fixed tabs should be used with a limited number of tabs, and when
       consistent placement will aid muscle memory.
     </text>
   </paragraph>
   <heading level="3">
     Full width
+    <Anchor></Anchor>
     <text>Full width</text>
   </heading>
   <paragraph>
@@ -9683,6 +9856,7 @@ exports[`chromium /components/tabs/ 1`] = `
   </toolbar>
   <heading level="3">
     Centered
+    <Anchor></Anchor>
     <text>Centered</text>
   </heading>
   <paragraph>
@@ -9722,10 +9896,12 @@ exports[`chromium /components/tabs/ 1`] = `
   </Pre>
   <heading level="2">
     Scrollable tabs
+    <Anchor></Anchor>
     <text>Scrollable tabs</text>
   </heading>
   <heading level="3">
     Automatic scroll buttons
+    <Anchor></Anchor>
     <text>Automatic scroll buttons</text>
   </heading>
   <paragraph>
@@ -9783,6 +9959,7 @@ exports[`chromium /components/tabs/ 1`] = `
   </Pre>
   <heading level="3">
     Forced scroll buttons
+    <Anchor></Anchor>
     <text>Forced scroll buttons</text>
   </heading>
   <paragraph>
@@ -9896,6 +10073,7 @@ exports[`chromium /components/tabs/ 1`] = `
   </toolbar>
   <heading level="3">
     Prevent scroll buttons
+    <Anchor></Anchor>
     <text>Prevent scroll buttons</text>
   </heading>
   <paragraph>
@@ -9903,7 +10081,7 @@ exports[`chromium /components/tabs/ 1`] = `
     <code>$SOME_CODE</code>
     <text>
       . All scrolling must be initiated through user agent scrolling mechanisms
-      (e.g. left/right swipe, shift mouse wheel, etc.)
+      (e.g. left/right swipe, shift-mousewheel, etc.)
     </text>
   </paragraph>
   <button>
@@ -9955,6 +10133,7 @@ exports[`chromium /components/tabs/ 1`] = `
   </Pre>
   <heading level="2">
     Customized tabs
+    <Anchor></Anchor>
     <text>Customized tabs</text>
   </heading>
   <paragraph>
@@ -10012,6 +10191,7 @@ exports[`chromium /components/tabs/ 1`] = `
   </paragraph>
   <heading level="2">
     Vertical tabs
+    <Anchor></Anchor>
     <text>Vertical tabs</text>
   </heading>
   <paragraph>
@@ -10078,6 +10258,7 @@ exports[`chromium /components/tabs/ 1`] = `
   </paragraph>
   <heading level="2">
     Nav tabs
+    <Anchor></Anchor>
     <text>Nav tabs</text>
   </heading>
   <paragraph>
@@ -10121,6 +10302,7 @@ exports[`chromium /components/tabs/ 1`] = `
   </Pre>
   <heading level="2">
     Icon tabs
+    <Anchor></Anchor>
     <text>Icon tabs</text>
   </heading>
   <paragraph>
@@ -10179,27 +10361,9 @@ exports[`chromium /components/tabs/ 1`] = `
   <Pre>
     <code>$SOME_CODE</code>
   </Pre>
-  <heading level="2">
-    Third-party routing library
-    <text>Third-party routing library</text>
-  </heading>
-  <paragraph>
-    <text>
-      One common use case is to perform navigation on the client only, without
-      an HTTP round-trip to the server. The
-    </text>
-    <code>$SOME_CODE</code>
-    <text>component provides the</text>
-    <code>$SOME_CODE</code>
-    <text>prop to handle this use case.</text>
-  </paragraph>
-  <paragraph>
-    <text>Here is an</text>
-    <link>integration example with react-router</link>
-    <text>.</text>
-  </paragraph>
   <heading level="2">
     Accessibility
+    <Anchor></Anchor>
     <text>Accessibility</text>
   </heading>
   <paragraph>
@@ -10248,6 +10412,7 @@ exports[`chromium /components/tabs/ 1`] = `
   </paragraph>
   <heading level="3">
     Keyboard navigation
+    <Anchor></Anchor>
     <text>Keyboard navigation</text>
   </heading>
   <paragraph>
@@ -10340,6 +10505,7 @@ exports[`chromium /components/tabs/ 1`] = `
   </toolbar>
   <heading level="2">
     API
+    <Anchor></Anchor>
     <text>API</text>
   </heading>
   <list>
@@ -10432,6 +10598,7 @@ exports[`chromium /components/text-fields/ 1`] = `
   </list>
   <heading level="2">
     Basic TextField
+    <Anchor></Anchor>
     <text>Basic TextField</text>
   </heading>
   <paragraph>
@@ -10488,6 +10655,7 @@ exports[`chromium /components/text-fields/ 1`] = `
   </paragraph>
   <heading level="2">
     Form props
+    <Anchor></Anchor>
     <text>Form props</text>
   </heading>
   <paragraph>
@@ -10664,6 +10832,7 @@ exports[`chromium /components/text-fields/ 1`] = `
   </toolbar>
   <heading level="2">
     Validation
+    <Anchor></Anchor>
     <text>Validation</text>
   </heading>
   <paragraph>
@@ -10747,6 +10916,7 @@ exports[`chromium /components/text-fields/ 1`] = `
   </toolbar>
   <heading level="2">
     Multiline
+    <Anchor></Anchor>
     <text>Multiline</text>
   </heading>
   <paragraph>
@@ -10847,6 +11017,7 @@ exports[`chromium /components/text-fields/ 1`] = `
   </toolbar>
   <heading level="2">
     Select
+    <Anchor></Anchor>
     <text>Select</text>
   </heading>
   <paragraph>
@@ -10952,6 +11123,7 @@ exports[`chromium /components/text-fields/ 1`] = `
   </toolbar>
   <heading level="2">
     Icons
+    <Anchor></Anchor>
     <text>Icons</text>
   </heading>
   <paragraph>
@@ -10987,6 +11159,7 @@ exports[`chromium /components/text-fields/ 1`] = `
   </toolbar>
   <heading level="3">
     Input Adornments
+    <Anchor></Anchor>
     <text>Input Adornments</text>
   </heading>
   <paragraph>
@@ -11098,6 +11271,7 @@ exports[`chromium /components/text-fields/ 1`] = `
   </toolbar>
   <heading level="2">
     Sizes
+    <Anchor></Anchor>
     <text>Sizes</text>
   </heading>
   <paragraph>
@@ -11207,6 +11381,7 @@ exports[`chromium /components/text-fields/ 1`] = `
   </toolbar>
   <heading level="2">
     Layout
+    <Anchor></Anchor>
     <text>Layout</text>
   </heading>
   <paragraph>
@@ -11365,6 +11540,7 @@ exports[`chromium /components/text-fields/ 1`] = `
   </toolbar>
   <heading level="2">
     Uncontrolled vs. Controlled
+    <Anchor></Anchor>
     <text>Uncontrolled vs. Controlled</text>
   </heading>
   <paragraph>
@@ -11404,6 +11580,7 @@ exports[`chromium /components/text-fields/ 1`] = `
   </Pre>
   <heading level="2">
     Components
+    <Anchor></Anchor>
     <text>Components</text>
   </heading>
   <paragraph>
@@ -11537,6 +11714,7 @@ exports[`chromium /components/text-fields/ 1`] = `
   </toolbar>
   <heading level="2">
     Inputs
+    <Anchor></Anchor>
     <text>Inputs</text>
   </heading>
   <button>
@@ -11576,6 +11754,7 @@ exports[`chromium /components/text-fields/ 1`] = `
   </Pre>
   <heading level="2">
     Color
+    <Anchor></Anchor>
     <text>Color</text>
   </heading>
   <paragraph>
@@ -11616,6 +11795,7 @@ exports[`chromium /components/text-fields/ 1`] = `
   </toolbar>
   <heading level="2">
     Customized inputs
+    <Anchor></Anchor>
     <text>Customized inputs</text>
   </heading>
   <paragraph>
@@ -11705,10 +11885,12 @@ exports[`chromium /components/text-fields/ 1`] = `
   </paragraph>
   <heading level="2">
     Limitations
+    <Anchor></Anchor>
     <text>Limitations</text>
   </heading>
   <heading level="3">
     Shrink
+    <Anchor></Anchor>
     <text>Shrink</text>
   </heading>
   <paragraph>
@@ -11740,6 +11922,7 @@ exports[`chromium /components/text-fields/ 1`] = `
   </Pre>
   <heading level="3">
     Floating label
+    <Anchor></Anchor>
     <text>Floating label</text>
   </heading>
   <paragraph>
@@ -11751,6 +11934,7 @@ exports[`chromium /components/text-fields/ 1`] = `
   </paragraph>
   <heading level="3">
     type="number"
+    <Anchor></Anchor>
     <text>type="number"</text>
   </heading>
   <paragraph>
@@ -11795,6 +11979,7 @@ exports[`chromium /components/text-fields/ 1`] = `
   </paragraph>
   <heading level="3">
     Helper text
+    <Anchor></Anchor>
     <text>Helper text</text>
   </heading>
   <paragraph>
@@ -11868,6 +12053,7 @@ exports[`chromium /components/text-fields/ 1`] = `
   </Pre>
   <heading level="2">
     Integration with 3rd party input libraries
+    <Anchor></Anchor>
     <text>Integration with 3rd party input libraries</text>
   </heading>
   <paragraph>
@@ -11932,6 +12118,7 @@ exports[`chromium /components/text-fields/ 1`] = `
   </Pre>
   <heading level="2">
     Accessibility
+    <Anchor></Anchor>
     <text>Accessibility</text>
   </heading>
   <paragraph>
@@ -11961,6 +12148,7 @@ exports[`chromium /components/text-fields/ 1`] = `
   </Pre>
   <heading level="2">
     Complementary projects
+    <Anchor></Anchor>
     <text>Complementary projects</text>
   </heading>
   <paragraph>
@@ -11994,6 +12182,7 @@ exports[`chromium /components/text-fields/ 1`] = `
   </list>
   <heading level="2">
     API
+    <Anchor></Anchor>
     <text>API</text>
   </heading>
   <list>
@@ -12110,6 +12299,7 @@ exports[`chromium /components/tooltips/ 1`] = `
   </list>
   <heading level="2">
     Basic tooltip
+    <Anchor></Anchor>
     <text>Basic tooltip</text>
   </heading>
   <button>
@@ -12131,6 +12321,7 @@ exports[`chromium /components/tooltips/ 1`] = `
   </Pre>
   <heading level="2">
     Positioned tooltips
+    <Anchor></Anchor>
     <text>Positioned tooltips</text>
   </heading>
   <paragraph>
@@ -12206,6 +12397,7 @@ exports[`chromium /components/tooltips/ 1`] = `
   </toolbar>
   <heading level="2">
     Customized tooltips
+    <Anchor></Anchor>
     <text>Customized tooltips</text>
   </heading>
   <paragraph>
@@ -12243,6 +12435,7 @@ exports[`chromium /components/tooltips/ 1`] = `
   </toolbar>
   <heading level="2">
     Arrow tooltips
+    <Anchor></Anchor>
     <text>Arrow tooltips</text>
   </heading>
   <paragraph>
@@ -12274,6 +12467,7 @@ exports[`chromium /components/tooltips/ 1`] = `
   </Pre>
   <heading level="2">
     Custom child element
+    <Anchor></Anchor>
     <text>Custom child element</text>
   </heading>
   <paragraph>
@@ -12293,6 +12487,7 @@ exports[`chromium /components/tooltips/ 1`] = `
   </paragraph>
   <heading level="2">
     Triggers
+    <Anchor></Anchor>
     <text>Triggers</text>
   </heading>
   <paragraph>
@@ -12331,6 +12526,7 @@ exports[`chromium /components/tooltips/ 1`] = `
   </toolbar>
   <heading level="2">
     Controlled tooltips
+    <Anchor></Anchor>
     <text>Controlled tooltips</text>
   </heading>
   <paragraph>
@@ -12364,6 +12560,7 @@ exports[`chromium /components/tooltips/ 1`] = `
   </Pre>
   <heading level="2">
     Variable width
+    <Anchor></Anchor>
     <text>Variable width</text>
   </heading>
   <paragraph>
@@ -12407,6 +12604,7 @@ exports[`chromium /components/tooltips/ 1`] = `
   </Pre>
   <heading level="2">
     Interactive
+    <Anchor></Anchor>
     <text>Interactive</text>
   </heading>
   <paragraph>
@@ -12445,6 +12643,7 @@ exports[`chromium /components/tooltips/ 1`] = `
   </Pre>
   <heading level="2">
     Disabled elements
+    <Anchor></Anchor>
     <text>Disabled elements</text>
   </heading>
   <paragraph>
@@ -12506,6 +12705,7 @@ exports[`chromium /components/tooltips/ 1`] = `
   </Pre>
   <heading level="2">
     Transitions
+    <Anchor></Anchor>
     <text>Transitions</text>
   </heading>
   <paragraph>
@@ -12541,6 +12741,7 @@ exports[`chromium /components/tooltips/ 1`] = `
   </Pre>
   <heading level="2">
     Follow cursor
+    <Anchor></Anchor>
     <text>Follow cursor</text>
   </heading>
   <paragraph>
@@ -12567,6 +12768,7 @@ exports[`chromium /components/tooltips/ 1`] = `
   </Pre>
   <heading level="2">
     Virtual element
+    <Anchor></Anchor>
     <text>Virtual element</text>
   </heading>
   <paragraph>
@@ -12602,6 +12804,7 @@ exports[`chromium /components/tooltips/ 1`] = `
   </toolbar>
   <heading level="2">
     Showing and hiding
+    <Anchor></Anchor>
     <text>Showing and hiding</text>
   </heading>
   <paragraph>
@@ -12645,6 +12848,7 @@ exports[`chromium /components/tooltips/ 1`] = `
   </Pre>
   <heading level="2">
     Accessibility
+    <Anchor></Anchor>
     <text>Accessibility</text>
   </heading>
   <paragraph>
@@ -12706,6 +12910,7 @@ exports[`chromium /components/tooltips/ 1`] = `
   </Pre>
   <heading level="2">
     API
+    <Anchor></Anchor>
     <text>API</text>
   </heading>
   <list>
@@ -12746,6 +12951,7 @@ exports[`chromium /components/transfer-list 1`] = `
   </paragraph>
   <heading level="2">
     Basic transfer list
+    <Anchor></Anchor>
     <text>Basic transfer list</text>
   </heading>
   <paragraph>
@@ -12823,6 +13029,7 @@ exports[`chromium /components/transfer-list 1`] = `
   </toolbar>
   <heading level="2">
     Enhanced transfer list
+    <Anchor></Anchor>
     <text>Enhanced transfer list</text>
   </heading>
   <paragraph>
@@ -12898,6 +13105,7 @@ exports[`chromium /components/transfer-list 1`] = `
   </toolbar>
   <heading level="2">
     API
+    <Anchor></Anchor>
     <text>API</text>
   </heading>
   <list>
@@ -12979,6 +13187,7 @@ exports[`chromium /components/tree-view/ 1`] = `
   </list>
   <heading level="2">
     Basic tree view
+    <Anchor></Anchor>
     <text>Basic tree view</text>
   </heading>
   <button>
@@ -13007,6 +13216,7 @@ exports[`chromium /components/tree-view/ 1`] = `
   </toolbar>
   <heading level="2">
     Multi-selection
+    <Anchor></Anchor>
     <text>Multi-selection</text>
   </heading>
   <paragraph>
@@ -13038,6 +13248,7 @@ exports[`chromium /components/tree-view/ 1`] = `
   </toolbar>
   <heading level="2">
     Controlled tree view
+    <Anchor></Anchor>
     <text>Controlled tree view</text>
   </heading>
   <paragraph>
@@ -13077,6 +13288,7 @@ exports[`chromium /components/tree-view/ 1`] = `
   </toolbar>
   <heading level="2">
     Rich object
+    <Anchor></Anchor>
     <text>Rich object</text>
   </heading>
   <paragraph>
@@ -13128,6 +13340,7 @@ exports[`chromium /components/tree-view/ 1`] = `
   </toolbar>
   <heading level="2">
     ContentComponent prop
+    <Anchor></Anchor>
     <text>ContentComponent prop</text>
   </heading>
   <paragraph>
@@ -13193,10 +13406,12 @@ exports[`chromium /components/tree-view/ 1`] = `
   </toolbar>
   <heading level="2">
     Customized tree view
+    <Anchor></Anchor>
     <text>Customized tree view</text>
   </heading>
   <heading level="3">
     Custom icons, border and animation
+    <Anchor></Anchor>
     <text>Custom icons, border and animation</text>
   </heading>
   <button>
@@ -13239,6 +13454,7 @@ exports[`chromium /components/tree-view/ 1`] = `
   </toolbar>
   <heading level="3">
     Gmail clone
+    <Anchor></Anchor>
     <text>Gmail clone</text>
   </heading>
   <button>
@@ -13313,6 +13529,7 @@ exports[`chromium /components/tree-view/ 1`] = `
   </toolbar>
   <heading level="2">
     Disabled tree items
+    <Anchor></Anchor>
     <text>Disabled tree items</text>
   </heading>
   <button>
@@ -13416,6 +13633,7 @@ exports[`chromium /components/tree-view/ 1`] = `
   </list>
   <heading level="2">
     Accessibility
+    <Anchor></Anchor>
     <text>Accessibility</text>
   </heading>
   <paragraph>
@@ -13439,6 +13657,7 @@ exports[`chromium /components/tree-view/ 1`] = `
   </paragraph>
   <heading level="2">
     API
+    <Anchor></Anchor>
     <text>API</text>
   </heading>
   <list>
@@ -13557,6 +13776,7 @@ exports[`firefox / 1`] = `
     <separator></separator>
     <heading level="2">
       Material-UI's sponsors
+      <link></link>
       <text>Material-UI's sponsors</text>
     </heading>
     <paragraph>
@@ -13567,6 +13787,7 @@ exports[`firefox / 1`] = `
     </paragraph>
     <heading level="3">
       Diamond 💎
+      <link></link>
       <text>Diamond 💎</text>
     </heading>
     <link>
@@ -13592,6 +13813,7 @@ exports[`firefox / 1`] = `
     </paragraph>
     <heading level="3">
       Gold 🏆
+      <link></link>
       <text>Gold 🏆</text>
     </heading>
     <link>
@@ -13637,6 +13859,7 @@ exports[`firefox / 1`] = `
     </link>
     <heading level="3">
       There are more!
+      <link></link>
       <text>There are more!</text>
     </heading>
     <paragraph>
@@ -13746,7 +13969,7 @@ exports[`firefox / 1`] = `
     </list>
     <paragraph>
       <text>Currently</text>
-      <link>v5.0.0-alpha.31. View versions page.</link>
+      <link>v5.0.0-alpha.30. View versions page.</link>
       <text>. Released under the</text>
       <link>MIT License</link>
       <text>. Copyright © 2021 Material-UI.</text>
@@ -13771,6 +13994,7 @@ exports[`firefox /api/button/ 1`] = `
   </paragraph>
   <heading level="2">
     Import
+    <link></link>
     <text>Import</text>
   </heading>
   <text>
@@ -13782,6 +14006,7 @@ exports[`firefox /api/button/ 1`] = `
   <text>.</text>
   <heading level="2">
     Component name
+    <link></link>
     <text>Component name</text>
   </heading>
   <text>The name MuiButton can be used when providing</text>
@@ -13791,6 +14016,7 @@ exports[`firefox /api/button/ 1`] = `
   <text>in the theme.</text>
   <heading level="2">
     Props
+    <link></link>
     <text>Props</text>
   </heading>
   <table>
@@ -14058,6 +14284,7 @@ exports[`firefox /api/button/ 1`] = `
   <text>).</text>
   <heading level="3">
     Inheritance
+    <link></link>
     <text>Inheritance</text>
   </heading>
   <text>While not explicitly documented above, the props of the</text>
@@ -14069,6 +14296,7 @@ exports[`firefox /api/button/ 1`] = `
   <text>.</text>
   <heading level="2">
     CSS
+    <link></link>
     <text>CSS</text>
   </heading>
   <table>
@@ -14588,6 +14816,7 @@ exports[`firefox /api/button/ 1`] = `
   </list>
   <heading level="2">
     Demos
+    <link></link>
     <text>Demos</text>
   </heading>
   <list>
@@ -14628,6 +14857,7 @@ exports[`firefox /api/select/ 1`] = `
   </paragraph>
   <heading level="2">
     Import
+    <link></link>
     <text>Import</text>
   </heading>
   <text>
@@ -14639,6 +14869,7 @@ exports[`firefox /api/select/ 1`] = `
   <text>.</text>
   <heading level="2">
     Component name
+    <link></link>
     <text>Component name</text>
   </heading>
   <text>The name MuiSelect can be used when providing</text>
@@ -14648,6 +14879,7 @@ exports[`firefox /api/select/ 1`] = `
   <text>in the theme.</text>
   <heading level="2">
     Props
+    <link></link>
     <text>Props</text>
   </heading>
   <table>
@@ -15097,6 +15329,7 @@ exports[`firefox /api/select/ 1`] = `
   <text>).</text>
   <heading level="3">
     Inheritance
+    <link></link>
     <text>Inheritance</text>
   </heading>
   <text>While not explicitly documented above, the props of the</text>
@@ -15108,6 +15341,7 @@ exports[`firefox /api/select/ 1`] = `
   <text>.</text>
   <heading level="2">
     CSS
+    <link></link>
     <text>CSS</text>
   </heading>
   <table>
@@ -15276,6 +15510,7 @@ exports[`firefox /api/select/ 1`] = `
   </list>
   <heading level="2">
     Demos
+    <link></link>
     <text>Demos</text>
   </heading>
   <list>
@@ -15335,6 +15570,7 @@ exports[`firefox /components/breadcrumbs 1`] = `
   </list>
   <heading level="2">
     Basic breadcrumbs
+    <link></link>
     <text>Basic breadcrumbs</text>
   </heading>
   <button>
@@ -15380,6 +15616,7 @@ exports[`firefox /components/breadcrumbs 1`] = `
   </text>
   <heading level="2">
     Active last breadcrumb
+    <link></link>
     <text>Active last breadcrumb</text>
   </heading>
   <paragraph>
@@ -15426,6 +15663,7 @@ exports[`firefox /components/breadcrumbs 1`] = `
   </text>
   <heading level="2">
     Custom separator
+    <link></link>
     <text>Custom separator</text>
   </heading>
   <paragraph>
@@ -15515,6 +15753,7 @@ exports[`firefox /components/breadcrumbs 1`] = `
   </text>
   <heading level="2">
     Breadcrumbs with icons
+    <link></link>
     <text>Breadcrumbs with icons</text>
   </heading>
   <button>
@@ -15549,6 +15788,7 @@ exports[`firefox /components/breadcrumbs 1`] = `
   </toolbar>
   <heading level="2">
     Collapsed breadcrumbs
+    <link></link>
     <text>Collapsed breadcrumbs</text>
   </heading>
   <button>
@@ -15595,6 +15835,7 @@ exports[`firefox /components/breadcrumbs 1`] = `
   </text>
   <heading level="2">
     Customized breadcrumbs
+    <link></link>
     <text>Customized breadcrumbs</text>
   </heading>
   <paragraph>
@@ -15649,6 +15890,7 @@ exports[`firefox /components/breadcrumbs 1`] = `
   </text>
   <heading level="2">
     Integration with react-router
+    <link></link>
     <text>Integration with react-router</text>
   </heading>
   <button>
@@ -15719,6 +15961,7 @@ exports[`firefox /components/breadcrumbs 1`] = `
   </toolbar>
   <heading level="2">
     Accessibility
+    <link></link>
     <text>Accessibility</text>
   </heading>
   <paragraph>
@@ -15764,6 +16007,7 @@ exports[`firefox /components/breadcrumbs 1`] = `
   </list>
   <heading level="2">
     API
+    <link></link>
     <text>API</text>
   </heading>
   <list>
@@ -15825,6 +16069,7 @@ exports[`firefox /components/button-group/ 1`] = `
   </list>
   <heading level="2">
     Basic button group
+    <link></link>
     <text>Basic button group</text>
   </heading>
   <paragraph>
@@ -15869,6 +16114,7 @@ exports[`firefox /components/button-group/ 1`] = `
   </text>
   <heading level="2">
     Button variants
+    <link></link>
     <text>Button variants</text>
   </heading>
   <paragraph>
@@ -15928,6 +16174,7 @@ exports[`firefox /components/button-group/ 1`] = `
   </text>
   <heading level="2">
     Sizes and colors
+    <link></link>
     <text>Sizes and colors</text>
   </heading>
   <paragraph>
@@ -16004,6 +16251,7 @@ exports[`firefox /components/button-group/ 1`] = `
   </text>
   <heading level="2">
     Vertical group
+    <link></link>
     <text>Vertical group</text>
   </heading>
   <paragraph>
@@ -16071,6 +16319,7 @@ exports[`firefox /components/button-group/ 1`] = `
   </toolbar>
   <heading level="2">
     Split button
+    <link></link>
     <text>Split button</text>
   </heading>
   <paragraph>
@@ -16103,6 +16352,7 @@ exports[`firefox /components/button-group/ 1`] = `
   </toolbar>
   <heading level="2">
     Disabled elevation
+    <link></link>
     <text>Disabled elevation</text>
   </heading>
   <paragraph>
@@ -16138,6 +16388,7 @@ exports[`firefox /components/button-group/ 1`] = `
   </text>
   <heading level="2">
     API
+    <link></link>
     <text>API</text>
   </heading>
   <list>
@@ -16233,6 +16484,7 @@ exports[`firefox /components/buttons/ 1`] = `
   </list>
   <heading level="2">
     Contained buttons
+    <link></link>
     <text>Contained buttons</text>
   </heading>
   <paragraph>
@@ -16302,6 +16554,7 @@ exports[`firefox /components/buttons/ 1`] = `
   </text>
   <heading level="2">
     Text buttons
+    <link></link>
     <text>Text buttons</text>
   </heading>
   <paragraph>
@@ -16359,12 +16612,13 @@ exports[`firefox /components/buttons/ 1`] = `
   </text>
   <heading level="2">
     Outlined buttons
+    <link></link>
     <text>Outlined buttons</text>
   </heading>
   <paragraph>
     <link>Outlined buttons</link>
     <text>
-      are medium-emphasis buttons. They contain actions that are important but
+      are medium-emphasis buttons. They contain actions that are important, but
       aren't the primary action in an app.
     </text>
   </paragraph>
@@ -16409,6 +16663,7 @@ exports[`firefox /components/buttons/ 1`] = `
   </text>
   <heading level="2">
     Handling clicks
+    <link></link>
     <text>Handling clicks</text>
   </heading>
   <paragraph>
@@ -16431,6 +16686,7 @@ exports[`firefox /components/buttons/ 1`] = `
   </paragraph>
   <heading level="2">
     Upload button
+    <link></link>
     <text>Upload button</text>
   </heading>
   <button>
@@ -16470,10 +16726,11 @@ exports[`firefox /components/buttons/ 1`] = `
   </text>
   <heading level="2">
     Sizes
+    <link></link>
     <text>Sizes</text>
   </heading>
   <paragraph>
-    <text>For larger or smaller buttons, use the size prop.</text>
+    <text>For larger or smaller buttons use the size prop.</text>
   </paragraph>
   <button>
     A generic container that is programmatically focused to test keyboard
@@ -16530,6 +16787,7 @@ exports[`firefox /components/buttons/ 1`] = `
   </toolbar>
   <heading level="2">
     Buttons with icons and label
+    <link></link>
     <text>Buttons with icons and label</text>
   </heading>
   <paragraph>
@@ -16569,6 +16827,7 @@ exports[`firefox /components/buttons/ 1`] = `
   </text>
   <heading level="2">
     Icon button
+    <link></link>
     <text>Icon button</text>
   </heading>
   <paragraph>
@@ -16609,6 +16868,7 @@ exports[`firefox /components/buttons/ 1`] = `
   </text>
   <heading level="2">
     Customized buttons
+    <link></link>
     <text>Customized buttons</text>
   </heading>
   <paragraph>
@@ -16651,11 +16911,12 @@ exports[`firefox /components/buttons/ 1`] = `
   </paragraph>
   <heading level="2">
     Loading buttons
+    <link></link>
     <text>Loading buttons</text>
   </heading>
   <paragraph>
     <text>
-      The loading buttons can show loading state and disable interactions.
+      The loading buttons can show pending state and disable interactions.
     </text>
   </paragraph>
   <button>
@@ -16689,11 +16950,11 @@ exports[`firefox /components/buttons/ 1`] = `
     <buttonmenu haspopup="true">See more</buttonmenu>
   </toolbar>
   <text>
-    <LoadingButton loading variant="outlined"> Submit
-    </LoadingButton> <LoadingButton loading
-    loadingIndicator="Loading..." variant="outlined">
-    Fetch data </LoadingButton> <LoadingButton loading
-    loadingPosition="start" startIcon={<SaveIcon />}
+    <LoadingButton pending variant="outlined"> Submit
+    </LoadingButton> <LoadingButton pending
+    pendingIndicator="Loading..." variant="outlined">
+    Fetch data </LoadingButton> <LoadingButton pending
+    pendingPosition="start" startIcon={<SaveIcon />}
     variant="outlined" > Save </LoadingButton>
   </text>
   <paragraph>
@@ -16706,9 +16967,9 @@ exports[`firefox /components/buttons/ 1`] = `
     navigation of our components.
   </button>
   <label>
-    Loading
-    <checkbox>Loading</checkbox>
-    <text>Loading</text>
+    Pending
+    <checkbox>Pending</checkbox>
+    <text>Pending</text>
   </label>
   <button>
     SUBMIT
@@ -16737,6 +16998,7 @@ exports[`firefox /components/buttons/ 1`] = `
   </toolbar>
   <heading level="2">
     Complex buttons
+    <link></link>
     <text>Complex buttons</text>
   </heading>
   <paragraph>
@@ -16773,13 +17035,14 @@ exports[`firefox /components/buttons/ 1`] = `
   </toolbar>
   <heading level="2">
     Third-party routing library
+    <link></link>
     <text>Third-party routing library</text>
   </heading>
   <paragraph>
     <text>
       One common use case is to use the button to trigger navigation to a new
       page. The ButtonBase component provides the component prop to handle this
-      use case. However, for certain focus polyfills ButtonBase requires the DOM
+      use case. However for certain focus polyfills ButtonBase requires the DOM
       node of the provided component. This is achieved by attaching a ref to the
       component and expecting that the component forwards this ref to the
       underlying DOM node. Given that many of the interactive components rely on
@@ -16793,10 +17056,12 @@ exports[`firefox /components/buttons/ 1`] = `
   </paragraph>
   <heading level="2">
     Limitations
+    <link></link>
     <text>Limitations</text>
   </heading>
   <heading level="3">
     Cursor not-allowed
+    <link></link>
     <text>Cursor not-allowed</text>
   </heading>
   <paragraph>
@@ -16810,10 +17075,10 @@ exports[`firefox /components/buttons/ 1`] = `
   </paragraph>
   <list>
     <listitem>
-      CSS only . You can remove the pointer-events style on the disabled state
+      CSS only . You can remove the pointer events style on the disabled state
       of the <button> element:
       <text>
-        CSS only. You can remove the pointer-events style on the disabled state
+        CSS only. You can remove the pointer events style on the disabled state
         of the <button> element:
       </text>
     </listitem>
@@ -16863,6 +17128,7 @@ exports[`firefox /components/buttons/ 1`] = `
   </paragraph>
   <heading level="2">
     API
+    <link></link>
     <text>API</text>
   </heading>
   <list>
@@ -16948,17 +17214,18 @@ exports[`firefox /components/checkboxes/ 1`] = `
   </list>
   <heading level="2">
     Basic checkboxes
+    <link></link>
     <text>Basic checkboxes</text>
   </heading>
   <button>
     A generic container that is programmatically focused to test keyboard
     navigation of our components.
   </button>
-  <checkbox checked="true">Checkbox demo</checkbox>
-  <checkbox>Checkbox demo</checkbox>
-  <checkbox disabled="true">Checkbox demo</checkbox>
+  <checkbox checked="true">checked</checkbox>
+  <checkbox>uncontrolled</checkbox>
+  <checkbox disabled="true">disabled</checkbox>
   <checkbox checked="true" disabled="true">
-    Checkbox demo
+    disabled checked
   </checkbox>
   <toolbar>
     demo source
@@ -16970,12 +17237,17 @@ exports[`firefox /components/checkboxes/ 1`] = `
     <buttonmenu haspopup="true">See more</buttonmenu>
   </toolbar>
   <text>
-    <Checkbox {...label} defaultChecked /> <Checkbox
-    {...label} /> <Checkbox {...label} disabled />
-    <Checkbox {...label} disabled checked />
+    <Checkbox defaultChecked inputProps={{ 'aria-label':
+    'checked' }} /> <Checkbox inputProps={{
+    'aria-label': 'uncontrolled' }} />
+    <Checkbox disabled inputProps={{ 'aria-label':
+    'disabled' }} /> <Checkbox disabled checked
+    inputProps={{ 'aria-label': 'disabled checked'
+    }} />
   </text>
   <heading level="2">
     Label
+    <link></link>
     <text>Label</text>
   </heading>
   <paragraph>
@@ -17015,6 +17287,7 @@ exports[`firefox /components/checkboxes/ 1`] = `
   </text>
   <heading level="2">
     Size
+    <link></link>
     <text>Size</text>
   </heading>
   <paragraph>
@@ -17027,9 +17300,9 @@ exports[`firefox /components/checkboxes/ 1`] = `
     A generic container that is programmatically focused to test keyboard
     navigation of our components.
   </button>
-  <checkbox checked="true">Checkbox demo</checkbox>
-  <checkbox checked="true">Checkbox demo</checkbox>
-  <checkbox checked="true">Checkbox demo</checkbox>
+  <checkbox checked="true">small</checkbox>
+  <checkbox checked="true">normal</checkbox>
+  <checkbox checked="true">large</checkbox>
   <toolbar>
     demo source
     <button>Show the full source</button>
@@ -17040,50 +17313,47 @@ exports[`firefox /components/checkboxes/ 1`] = `
     <buttonmenu haspopup="true">See more</buttonmenu>
   </toolbar>
   <text>
-    <Checkbox {...label} defaultChecked size="small"
-    /> <Checkbox {...label} defaultChecked /> <Checkbox
-    {...label} defaultChecked sx={{ '&
-    .MuiSvgIcon-root': { fontSize: 28 } }} />
+    <Checkbox defaultChecked inputProps={{ 'aria-label':
+    'small' }} size="small" /> <Checkbox
+    defaultChecked inputProps={{ 'aria-label':
+    'normal' }} /> <Checkbox defaultChecked
+    inputProps={{ 'aria-label': 'large'
+    }} sx={{ '& .MuiSvgIcon-root': {
+    fontSize: 28 } }} />
   </text>
   <heading level="2">
     Color
+    <link></link>
     <text>Color</text>
   </heading>
   <button>
     A generic container that is programmatically focused to test keyboard
     navigation of our components.
   </button>
-  <checkbox checked="true">Checkbox demo</checkbox>
-  <checkbox checked="true">Checkbox demo</checkbox>
-  <checkbox checked="true">Checkbox demo</checkbox>
-  <checkbox checked="true">Checkbox demo</checkbox>
+  <checkbox checked="true">secondary</checkbox>
+  <checkbox checked="true">primary</checkbox>
+  <checkbox checked="true">default</checkbox>
+  <checkbox checked="true">custom</checkbox>
   <toolbar>
     demo source
-    <button>Show the full source</button>
+    <button>Show the source</button>
     <button>Edit in CodeSandbox</button>
     <button>Copy the source</button>
     <button>Reset focus to test keyboard navigation</button>
     <button>Reset demo</button>
     <buttonmenu haspopup="true">See more</buttonmenu>
   </toolbar>
-  <text>
-    <Checkbox {...label} defaultChecked /> <Checkbox
-    {...label} defaultChecked color="primary" />
-    <Checkbox {...label} defaultChecked color="default"
-    /> <Checkbox {...label} defaultChecked sx={{
-    color: green[800], '&.Mui-checked': { color: green[600],
-    }, }} />
-  </text>
   <heading level="2">
     Icon
+    <link></link>
     <text>Icon</text>
   </heading>
   <button>
     A generic container that is programmatically focused to test keyboard
     navigation of our components.
   </button>
-  <checkbox>Checkbox demo</checkbox>
-  <checkbox>Checkbox demo</checkbox>
+  <checkbox>favorite</checkbox>
+  <checkbox>bookmarked</checkbox>
   <toolbar>
     demo source
     <button>Show the full source</button>
@@ -17094,13 +17364,16 @@ exports[`firefox /components/checkboxes/ 1`] = `
     <buttonmenu haspopup="true">See more</buttonmenu>
   </toolbar>
   <text>
-    <Checkbox {...label} icon={<FavoriteBorder />}
-    checkedIcon={<Favorite />} /> <Checkbox
-    {...label} icon={<BookmarkBorderIcon />}
-    checkedIcon={<BookmarkIcon />} />
+    <Checkbox icon={<FavoriteBorder />}
+    checkedIcon={<Favorite />} inputProps={{
+    'aria-label': 'favorite' }} /> <Checkbox
+    icon={<BookmarkBorderIcon />}
+    checkedIcon={<BookmarkIcon />} inputProps={{
+    'aria-label': 'bookmarked' }} />
   </text>
   <heading level="2">
     Controlled
+    <link></link>
     <text>Controlled</text>
   </heading>
   <paragraph>
@@ -17129,6 +17402,7 @@ exports[`firefox /components/checkboxes/ 1`] = `
   </text>
   <heading level="2">
     Indeterminate
+    <link></link>
     <text>Indeterminate</text>
   </heading>
   <paragraph>
@@ -17165,10 +17439,10 @@ exports[`firefox /components/checkboxes/ 1`] = `
     <buttonmenu haspopup="true">See more</buttonmenu>
   </toolbar>
   <text>
-    <FormControlLabel label="Parent" control={ <Checkbox
-    checked={checked[0] && checked[1]}
-    indeterminate={checked[0] !== checked[1]}
-    onChange={handleChange1} /> } /> {children}
+    <FormControlLabel control={ <Checkbox checked={checked[0]
+    && checked[1]} indeterminate={checked[0] !==
+    checked[1]} onChange={handleChange1} /> }
+    label="Parent" /> {children}
   </text>
   <blockquote>
     <paragraph>
@@ -17180,6 +17454,7 @@ exports[`firefox /components/checkboxes/ 1`] = `
   </blockquote>
   <heading level="2">
     FormGroup
+    <link></link>
     <text>FormGroup</text>
   </heading>
   <paragraph>
@@ -17252,6 +17527,7 @@ exports[`firefox /components/checkboxes/ 1`] = `
   </toolbar>
   <heading level="2">
     Label placement
+    <link></link>
     <text>Label placement</text>
   </heading>
   <paragraph>
@@ -17299,6 +17575,7 @@ exports[`firefox /components/checkboxes/ 1`] = `
   </toolbar>
   <heading level="2">
     Customized checkbox
+    <link></link>
     <text>Customized checkbox</text>
   </heading>
   <paragraph>
@@ -17313,9 +17590,9 @@ exports[`firefox /components/checkboxes/ 1`] = `
     A generic container that is programmatically focused to test keyboard
     navigation of our components.
   </button>
-  <checkbox>Checkbox demo</checkbox>
-  <checkbox checked="true">Checkbox demo</checkbox>
-  <checkbox disabled="true">Checkbox demo</checkbox>
+  <checkbox>decorative checkbox</checkbox>
+  <checkbox checked="true">decorative checkbox</checkbox>
+  <checkbox disabled="true">decorative checkbox</checkbox>
   <toolbar>
     demo source
     <button>Show the full source</button>
@@ -17336,6 +17613,7 @@ exports[`firefox /components/checkboxes/ 1`] = `
   </paragraph>
   <heading level="2">
     When to use
+    <link></link>
     <text>When to use</text>
   </heading>
   <list>
@@ -17350,6 +17628,7 @@ exports[`firefox /components/checkboxes/ 1`] = `
   </list>
   <heading level="2">
     Accessibility
+    <link></link>
     <text>Accessibility</text>
   </heading>
   <paragraph>
@@ -17389,6 +17668,7 @@ exports[`firefox /components/checkboxes/ 1`] = `
   </text>
   <heading level="2">
     API
+    <link></link>
     <text>API</text>
   </heading>
   <list>
@@ -17484,6 +17764,7 @@ exports[`firefox /components/dialogs/ 1`] = `
   </list>
   <heading level="2">
     Basic dialog
+    <link></link>
     <text>Basic dialog</text>
   </heading>
   <paragraph>
@@ -17541,6 +17822,7 @@ exports[`firefox /components/dialogs/ 1`] = `
   </text>
   <heading level="2">
     Alerts
+    <link></link>
     <text>Alerts</text>
   </heading>
   <paragraph>
@@ -17614,6 +17896,7 @@ exports[`firefox /components/dialogs/ 1`] = `
   </toolbar>
   <heading level="2">
     Transitions
+    <link></link>
     <text>Transitions</text>
   </heading>
   <paragraph>
@@ -17640,6 +17923,7 @@ exports[`firefox /components/dialogs/ 1`] = `
   </toolbar>
   <heading level="2">
     Form dialogs
+    <link></link>
     <text>Form dialogs</text>
   </heading>
   <paragraph>
@@ -17669,6 +17953,7 @@ exports[`firefox /components/dialogs/ 1`] = `
   </toolbar>
   <heading level="2">
     Customized dialogs
+    <link></link>
     <text>Customized dialogs</text>
   </heading>
   <paragraph>
@@ -17701,6 +17986,7 @@ exports[`firefox /components/dialogs/ 1`] = `
   </toolbar>
   <heading level="2">
     Full-screen dialogs
+    <link></link>
     <text>Full-screen dialogs</text>
   </heading>
   <button>
@@ -17722,6 +18008,7 @@ exports[`firefox /components/dialogs/ 1`] = `
   </toolbar>
   <heading level="2">
     Optional sizes
+    <link></link>
     <text>Optional sizes</text>
   </heading>
   <paragraph>
@@ -17750,6 +18037,7 @@ exports[`firefox /components/dialogs/ 1`] = `
   </toolbar>
   <heading level="2">
     Responsive full-screen
+    <link></link>
     <text>Responsive full-screen</text>
   </heading>
   <paragraph>
@@ -17782,6 +18070,7 @@ exports[`firefox /components/dialogs/ 1`] = `
   </toolbar>
   <heading level="2">
     Confirmation dialogs
+    <link></link>
     <text>Confirmation dialogs</text>
   </heading>
   <paragraph>
@@ -17832,6 +18121,7 @@ exports[`firefox /components/dialogs/ 1`] = `
   </toolbar>
   <heading level="2">
     Draggable dialog
+    <link></link>
     <text>Draggable dialog</text>
   </heading>
   <paragraph>
@@ -17862,6 +18152,7 @@ exports[`firefox /components/dialogs/ 1`] = `
   </toolbar>
   <heading level="2">
     Scrolling long content
+    <link></link>
     <text>Scrolling long content</text>
   </heading>
   <paragraph>
@@ -17910,6 +18201,7 @@ exports[`firefox /components/dialogs/ 1`] = `
   </toolbar>
   <heading level="2">
     Performance
+    <link></link>
     <text>Performance</text>
   </heading>
   <paragraph>
@@ -17919,6 +18211,7 @@ exports[`firefox /components/dialogs/ 1`] = `
   </paragraph>
   <heading level="2">
     Limitations
+    <link></link>
     <text>Limitations</text>
   </heading>
   <paragraph>
@@ -17928,6 +18221,7 @@ exports[`firefox /components/dialogs/ 1`] = `
   </paragraph>
   <heading level="2">
     Accessibility
+    <link></link>
     <text>Accessibility</text>
   </heading>
   <paragraph>
@@ -17937,6 +18231,7 @@ exports[`firefox /components/dialogs/ 1`] = `
   </paragraph>
   <heading level="2">
     API
+    <link></link>
     <text>API</text>
   </heading>
   <list>
@@ -18013,6 +18308,7 @@ exports[`firefox /components/pagination/ 1`] = `
   </list>
   <heading level="2">
     Basic pagination
+    <link></link>
     <text>Basic pagination</text>
   </heading>
   <button>
@@ -18252,6 +18548,7 @@ exports[`firefox /components/pagination/ 1`] = `
   </text>
   <heading level="2">
     Outlined pagination
+    <link></link>
     <text>Outlined pagination</text>
   </heading>
   <button>
@@ -18493,6 +18790,7 @@ exports[`firefox /components/pagination/ 1`] = `
   </text>
   <heading level="2">
     Rounded pagination
+    <link></link>
     <text>Rounded pagination</text>
   </heading>
   <button>
@@ -18623,6 +18921,7 @@ exports[`firefox /components/pagination/ 1`] = `
   </text>
   <heading level="2">
     Pagination size
+    <link></link>
     <text>Pagination size</text>
   </heading>
   <button>
@@ -18807,6 +19106,7 @@ exports[`firefox /components/pagination/ 1`] = `
   </text>
   <heading level="2">
     Buttons
+    <link></link>
     <text>Buttons</text>
   </heading>
   <paragraph>
@@ -18942,6 +19242,7 @@ exports[`firefox /components/pagination/ 1`] = `
   </text>
   <heading level="2">
     Pagination ranges
+    <link></link>
     <text>Pagination ranges</text>
   </heading>
   <paragraph>
@@ -19185,6 +19486,7 @@ exports[`firefox /components/pagination/ 1`] = `
   </text>
   <heading level="2">
     Controlled pagination
+    <link></link>
     <text>Controlled pagination</text>
   </heading>
   <button>
@@ -19264,6 +19566,7 @@ exports[`firefox /components/pagination/ 1`] = `
   </text>
   <heading level="2">
     Router integration
+    <link></link>
     <text>Router integration</text>
   </heading>
   <button>
@@ -19335,6 +19638,7 @@ exports[`firefox /components/pagination/ 1`] = `
   </toolbar>
   <heading level="2">
     usePagination
+    <link></link>
     <text>usePagination</text>
   </heading>
   <paragraph>
@@ -19422,6 +19726,7 @@ exports[`firefox /components/pagination/ 1`] = `
   </toolbar>
   <heading level="2">
     Table pagination
+    <link></link>
     <text>Table pagination</text>
   </heading>
   <paragraph>
@@ -19485,10 +19790,12 @@ exports[`firefox /components/pagination/ 1`] = `
   </paragraph>
   <heading level="2">
     Accessibility
+    <link></link>
     <text>Accessibility</text>
   </heading>
   <heading level="3">
     ARIA
+    <link></link>
     <text>ARIA</text>
   </heading>
   <paragraph>
@@ -19502,6 +19809,7 @@ exports[`firefox /components/pagination/ 1`] = `
   </paragraph>
   <heading level="3">
     Keyboard
+    <link></link>
     <text>Keyboard</text>
   </heading>
   <paragraph>
@@ -19511,6 +19819,7 @@ exports[`firefox /components/pagination/ 1`] = `
   </paragraph>
   <heading level="2">
     API
+    <link></link>
     <text>API</text>
   </heading>
   <list>
@@ -19595,6 +19904,7 @@ exports[`firefox /components/pickers 1`] = `
   </list>
   <heading level="2">
     React components
+    <link></link>
     <text>React components</text>
   </heading>
   <button>
@@ -19647,6 +19957,7 @@ exports[`firefox /components/pickers 1`] = `
   </toolbar>
   <heading level="2">
     Native pickers
+    <link></link>
     <text>Native pickers</text>
   </heading>
   <paragraph>
@@ -19656,6 +19967,7 @@ exports[`firefox /components/pickers 1`] = `
   </paragraph>
   <heading level="3">
     Date picker
+    <link></link>
     <text>Date picker</text>
   </heading>
   <paragraph>
@@ -19710,6 +20022,7 @@ exports[`firefox /components/pickers 1`] = `
   </text>
   <heading level="3">
     Date & Time picker
+    <link></link>
     <text>Date & Time picker</text>
   </heading>
   <paragraph>
@@ -19750,6 +20063,7 @@ exports[`firefox /components/pickers 1`] = `
   </text>
   <heading level="3">
     Time picker
+    <link></link>
     <text>Time picker</text>
   </heading>
   <paragraph>
@@ -19804,6 +20118,7 @@ exports[`firefox /components/pickers 1`] = `
   </text>
   <heading level="2">
     API
+    <link></link>
     <text>API</text>
   </heading>
   <list>
@@ -19878,6 +20193,7 @@ exports[`firefox /components/radio-buttons 1`] = `
   </list>
   <heading level="2">
     Radio group
+    <link></link>
     <text>Radio group</text>
   </heading>
   <paragraph>
@@ -19938,6 +20254,7 @@ exports[`firefox /components/radio-buttons 1`] = `
   </text>
   <heading level="3">
     Direction
+    <link></link>
     <text>Direction</text>
   </heading>
   <paragraph>
@@ -20001,6 +20318,7 @@ exports[`firefox /components/radio-buttons 1`] = `
   </text>
   <heading level="3">
     Controlled
+    <link></link>
     <text>Controlled</text>
   </heading>
   <paragraph>
@@ -20052,6 +20370,7 @@ exports[`firefox /components/radio-buttons 1`] = `
   </text>
   <heading level="2">
     Standalone radio buttons
+    <link></link>
     <text>Standalone radio buttons</text>
   </heading>
   <paragraph>
@@ -20086,6 +20405,7 @@ exports[`firefox /components/radio-buttons 1`] = `
   </text>
   <heading level="2">
     Size
+    <link></link>
     <text>Size</text>
   </heading>
   <paragraph>
@@ -20118,6 +20438,7 @@ exports[`firefox /components/radio-buttons 1`] = `
   </text>
   <heading level="2">
     Color
+    <link></link>
     <text>Color</text>
   </heading>
   <button>
@@ -20148,6 +20469,7 @@ exports[`firefox /components/radio-buttons 1`] = `
   </text>
   <heading level="2">
     Label placement
+    <link></link>
     <text>Label placement</text>
   </heading>
   <paragraph>
@@ -20201,6 +20523,7 @@ exports[`firefox /components/radio-buttons 1`] = `
   </toolbar>
   <heading level="2">
     Show error
+    <link></link>
     <text>Show error</text>
   </heading>
   <paragraph>
@@ -20254,6 +20577,7 @@ exports[`firefox /components/radio-buttons 1`] = `
   </toolbar>
   <heading level="2">
     Customized radios
+    <link></link>
     <text>Customized radios</text>
   </heading>
   <paragraph>
@@ -20323,6 +20647,7 @@ exports[`firefox /components/radio-buttons 1`] = `
   </text>
   <heading level="2">
     useRadioGroup
+    <link></link>
     <text>useRadioGroup</text>
   </heading>
   <paragraph>
@@ -20334,6 +20659,7 @@ exports[`firefox /components/radio-buttons 1`] = `
   </paragraph>
   <heading level="3">
     API
+    <link></link>
     <text>API</text>
   </heading>
   <text>
@@ -20410,6 +20736,7 @@ exports[`firefox /components/radio-buttons 1`] = `
   </text>
   <heading level="2">
     When to use
+    <link></link>
     <text>When to use</text>
   </heading>
   <list>
@@ -20420,6 +20747,7 @@ exports[`firefox /components/radio-buttons 1`] = `
   </list>
   <heading level="2">
     Accessibility
+    <link></link>
     <text>Accessibility</text>
   </heading>
   <paragraph>
@@ -20459,6 +20787,7 @@ exports[`firefox /components/radio-buttons 1`] = `
   </text>
   <heading level="2">
     API
+    <link></link>
     <text>API</text>
   </heading>
   <list>
@@ -20535,6 +20864,7 @@ exports[`firefox /components/rating/ 1`] = `
   </list>
   <heading level="2">
     Basic rating
+    <link></link>
     <text>Basic rating</text>
   </heading>
   <button>
@@ -20669,6 +20999,7 @@ exports[`firefox /components/rating/ 1`] = `
   </text>
   <heading level="2">
     Rating precision
+    <link></link>
     <text>Rating precision</text>
   </heading>
   <paragraph>
@@ -20753,6 +21084,7 @@ exports[`firefox /components/rating/ 1`] = `
   </text>
   <heading level="2">
     Hover feedback
+    <link></link>
     <text>Hover feedback</text>
   </heading>
   <paragraph>
@@ -20842,6 +21174,7 @@ exports[`firefox /components/rating/ 1`] = `
   </text>
   <heading level="2">
     Sizes
+    <link></link>
     <text>Sizes</text>
   </heading>
   <paragraph>
@@ -20958,6 +21291,7 @@ exports[`firefox /components/rating/ 1`] = `
   </text>
   <heading level="2">
     Customized rating
+    <link></link>
     <text>Customized rating</text>
   </heading>
   <paragraph>
@@ -21113,6 +21447,7 @@ exports[`firefox /components/rating/ 1`] = `
   </text>
   <heading level="2">
     Radio group
+    <link></link>
     <text>Radio group</text>
   </heading>
   <paragraph>
@@ -21171,6 +21506,7 @@ exports[`firefox /components/rating/ 1`] = `
   </text>
   <heading level="2">
     Accessibility
+    <link></link>
     <text>Accessibility</text>
   </heading>
   <paragraph>
@@ -21250,6 +21586,7 @@ exports[`firefox /components/rating/ 1`] = `
   </text>
   <heading level="3">
     ARIA
+    <link></link>
     <text>ARIA</text>
   </heading>
   <paragraph>
@@ -21260,6 +21597,7 @@ exports[`firefox /components/rating/ 1`] = `
   </paragraph>
   <heading level="3">
     Keyboard
+    <link></link>
     <text>Keyboard</text>
   </heading>
   <paragraph>
@@ -21274,6 +21612,7 @@ exports[`firefox /components/rating/ 1`] = `
   </paragraph>
   <heading level="2">
     API
+    <link></link>
     <text>API</text>
   </heading>
   <list>
@@ -21330,6 +21669,7 @@ exports[`firefox /components/selects/ 1`] = `
   </list>
   <heading level="2">
     Basic select
+    <link></link>
     <text>Basic select</text>
   </heading>
   <paragraph>
@@ -21371,6 +21711,7 @@ exports[`firefox /components/selects/ 1`] = `
   </text>
   <heading level="2">
     Advanced features
+    <link></link>
     <text>Advanced features</text>
   </heading>
   <paragraph>
@@ -21392,6 +21733,7 @@ exports[`firefox /components/selects/ 1`] = `
   </paragraph>
   <heading level="2">
     Props
+    <link></link>
     <text>Props</text>
   </heading>
   <paragraph>
@@ -21416,6 +21758,7 @@ exports[`firefox /components/selects/ 1`] = `
   </paragraph>
   <heading level="3">
     Filled and standard variants
+    <link></link>
     <text>Filled and standard variants</text>
   </heading>
   <button>
@@ -21449,6 +21792,7 @@ exports[`firefox /components/selects/ 1`] = `
   </toolbar>
   <heading level="3">
     Labels and helper text
+    <link></link>
     <text>Labels and helper text</text>
   </heading>
   <button>
@@ -21483,6 +21827,7 @@ exports[`firefox /components/selects/ 1`] = `
   </toolbar>
   <heading level="3">
     Auto width
+    <link></link>
     <text>Auto width</text>
   </heading>
   <button>
@@ -21507,6 +21852,7 @@ exports[`firefox /components/selects/ 1`] = `
   </toolbar>
   <heading level="3">
     Other props
+    <link></link>
     <text>Other props</text>
   </heading>
   <button>
@@ -21564,6 +21910,7 @@ exports[`firefox /components/selects/ 1`] = `
   </toolbar>
   <heading level="2">
     Native select
+    <link></link>
     <text>Native select</text>
   </heading>
   <paragraph>
@@ -21619,6 +21966,7 @@ exports[`firefox /components/selects/ 1`] = `
   </text>
   <heading level="2">
     TextField
+    <link></link>
     <text>TextField</text>
   </heading>
   <paragraph>
@@ -21631,6 +21979,7 @@ exports[`firefox /components/selects/ 1`] = `
   </paragraph>
   <heading level="2">
     Customized selects
+    <link></link>
     <text>Customized selects</text>
   </heading>
   <paragraph>
@@ -21704,6 +22053,7 @@ exports[`firefox /components/selects/ 1`] = `
   </paragraph>
   <heading level="2">
     Multiple select
+    <link></link>
     <text>Multiple select</text>
   </heading>
   <paragraph>
@@ -21721,6 +22071,7 @@ exports[`firefox /components/selects/ 1`] = `
   </paragraph>
   <heading level="3">
     Default
+    <link></link>
     <text>Default</text>
   </heading>
   <button>
@@ -21745,6 +22096,7 @@ exports[`firefox /components/selects/ 1`] = `
   </toolbar>
   <heading level="3">
     Checkmarks
+    <link></link>
     <text>Checkmarks</text>
   </heading>
   <button>
@@ -21769,6 +22121,7 @@ exports[`firefox /components/selects/ 1`] = `
   </toolbar>
   <heading level="3">
     Chip
+    <link></link>
     <text>Chip</text>
   </heading>
   <button>
@@ -21793,6 +22146,7 @@ exports[`firefox /components/selects/ 1`] = `
   </toolbar>
   <heading level="3">
     Placeholder
+    <link></link>
     <text>Placeholder</text>
   </heading>
   <button>
@@ -21814,6 +22168,7 @@ exports[`firefox /components/selects/ 1`] = `
   </toolbar>
   <heading level="3">
     Native
+    <link></link>
     <text>Native</text>
   </heading>
   <button>
@@ -21878,6 +22233,7 @@ exports[`firefox /components/selects/ 1`] = `
   </toolbar>
   <heading level="2">
     Controlled open select
+    <link></link>
     <text>Controlled open select</text>
   </heading>
   <button>
@@ -21906,6 +22262,7 @@ exports[`firefox /components/selects/ 1`] = `
   </toolbar>
   <heading level="2">
     With a dialog
+    <link></link>
     <text>With a dialog</text>
   </heading>
   <paragraph>
@@ -21933,6 +22290,7 @@ exports[`firefox /components/selects/ 1`] = `
   </toolbar>
   <heading level="2">
     Grouping
+    <link></link>
     <text>Grouping</text>
   </heading>
   <paragraph>
@@ -21991,6 +22349,7 @@ exports[`firefox /components/selects/ 1`] = `
   </toolbar>
   <heading level="2">
     Accessibility
+    <link></link>
     <text>Accessibility</text>
   </heading>
   <paragraph>
@@ -22034,6 +22393,7 @@ exports[`firefox /components/selects/ 1`] = `
   </text>
   <heading level="2">
     API
+    <link></link>
     <text>API</text>
   </heading>
   <list>
@@ -22117,6 +22477,7 @@ exports[`firefox /components/slider 1`] = `
   </list>
   <heading level="2">
     Continuous sliders
+    <link></link>
     <text>Continuous sliders</text>
   </heading>
   <paragraph>
@@ -22151,6 +22512,7 @@ exports[`firefox /components/slider 1`] = `
   </toolbar>
   <heading level="2">
     Discrete sliders
+    <link></link>
     <text>Discrete sliders</text>
   </heading>
   <paragraph>
@@ -22196,6 +22558,7 @@ exports[`firefox /components/slider 1`] = `
   </toolbar>
   <heading level="3">
     Small steps
+    <link></link>
     <text>Small steps</text>
   </heading>
   <paragraph>
@@ -22230,6 +22593,7 @@ exports[`firefox /components/slider 1`] = `
   </text>
   <heading level="3">
     Custom marks
+    <link></link>
     <text>Custom marks</text>
   </heading>
   <paragraph>
@@ -22265,6 +22629,7 @@ exports[`firefox /components/slider 1`] = `
   </text>
   <heading level="3">
     Restricted values
+    <link></link>
     <text>Restricted values</text>
   </heading>
   <paragraph>
@@ -22302,6 +22667,7 @@ exports[`firefox /components/slider 1`] = `
   </text>
   <heading level="3">
     Label always visible
+    <link></link>
     <text>Label always visible</text>
   </heading>
   <paragraph>
@@ -22338,6 +22704,7 @@ exports[`firefox /components/slider 1`] = `
   </text>
   <heading level="2">
     Range slider
+    <link></link>
     <text>Range slider</text>
   </heading>
   <paragraph>
@@ -22377,6 +22744,7 @@ exports[`firefox /components/slider 1`] = `
   </text>
   <heading level="3">
     Minimum distance
+    <link></link>
     <text>Minimum distance</text>
   </heading>
   <paragraph>
@@ -22422,6 +22790,7 @@ exports[`firefox /components/slider 1`] = `
   </toolbar>
   <heading level="2">
     Slider with input field
+    <link></link>
     <text>Slider with input field</text>
   </heading>
   <paragraph>
@@ -22453,6 +22822,7 @@ exports[`firefox /components/slider 1`] = `
   </toolbar>
   <heading level="2">
     Customized sliders
+    <link></link>
     <text>Customized sliders</text>
   </heading>
   <paragraph>
@@ -22505,6 +22875,7 @@ exports[`firefox /components/slider 1`] = `
   </toolbar>
   <heading level="2">
     Vertical sliders
+    <link></link>
     <text>Vertical sliders</text>
   </heading>
   <button>
@@ -22581,6 +22952,7 @@ exports[`firefox /components/slider 1`] = `
   </toolbar>
   <heading level="2">
     Track
+    <link></link>
     <text>Track</text>
   </heading>
   <paragraph>
@@ -22588,6 +22960,7 @@ exports[`firefox /components/slider 1`] = `
   </paragraph>
   <heading level="3">
     Removed track
+    <link></link>
     <text>Removed track</text>
   </heading>
   <paragraph>
@@ -22626,6 +22999,7 @@ exports[`firefox /components/slider 1`] = `
   </toolbar>
   <heading level="3">
     Inverted track
+    <link></link>
     <text>Inverted track</text>
   </heading>
   <paragraph>
@@ -22661,6 +23035,7 @@ exports[`firefox /components/slider 1`] = `
   </toolbar>
   <heading level="2">
     Non-linear scale
+    <link></link>
     <text>Non-linear scale</text>
   </heading>
   <paragraph>
@@ -22704,8 +23079,9 @@ exports[`firefox /components/slider 1`] = `
     aria-labelledby="non-linear-slider" />
   </text>
   <heading level="2">
-    Unstyled
-    <text>Unstyled</text>
+    Unstyled slider
+    <link></link>
+    <text>Unstyled slider</text>
   </heading>
   <paragraph>
     <text>
@@ -22733,6 +23109,7 @@ exports[`firefox /components/slider 1`] = `
   <text><StyledSlider defaultValue={10} /></text>
   <heading level="2">
     Accessibility
+    <link></link>
     <text>Accessibility</text>
   </heading>
   <paragraph>
@@ -22768,6 +23145,7 @@ exports[`firefox /components/slider 1`] = `
   </list>
   <heading level="2">
     API
+    <link></link>
     <text>API</text>
   </heading>
   <list>
@@ -22836,18 +23214,19 @@ exports[`firefox /components/switches/ 1`] = `
   </list>
   <heading level="2">
     Basic switches
+    <link></link>
     <text>Basic switches</text>
   </heading>
   <button>
     A generic container that is programmatically focused to test keyboard
     navigation of our components.
   </button>
-  <checkbox checked="true">Switch demo</checkbox>
-  <checkbox>Switch demo</checkbox>
+  <checkbox checked="true">checked</checkbox>
+  <checkbox>unchecked</checkbox>
   <checkbox checked="true" disabled="true">
-    Switch demo
+    disabled checked
   </checkbox>
-  <checkbox disabled="true">Switch demo</checkbox>
+  <checkbox disabled="true">disabled unchecked</checkbox>
   <toolbar>
     demo source
     <button>Show the full source</button>
@@ -22858,12 +23237,17 @@ exports[`firefox /components/switches/ 1`] = `
     <buttonmenu haspopup="true">See more</buttonmenu>
   </toolbar>
   <text>
-    <Switch {...label} defaultChecked /> <Switch
-    {...label} /> <Switch {...label} disabled
-    defaultChecked /> <Switch {...label} disabled />
+    <Switch defaultChecked inputProps={{ 'aria-label':
+    'checked' }} /> <Switch inputProps={{
+    'aria-label': 'unchecked' }} /> <Switch
+    disabled defaultChecked inputProps={{ 'aria-label':
+    'disabled checked' }} /> <Switch disabled
+    inputProps={{ 'aria-label': 'disabled
+    unchecked' }} />
   </text>
   <heading level="2">
     Label
+    <link></link>
     <text>Label</text>
   </heading>
   <paragraph>
@@ -22903,6 +23287,7 @@ exports[`firefox /components/switches/ 1`] = `
   </text>
   <heading level="2">
     Size
+    <link></link>
     <text>Size</text>
   </heading>
   <paragraph>
@@ -22912,8 +23297,8 @@ exports[`firefox /components/switches/ 1`] = `
     A generic container that is programmatically focused to test keyboard
     navigation of our components.
   </button>
-  <checkbox checked="true">Switch demo</checkbox>
-  <checkbox checked="true">Switch demo</checkbox>
+  <checkbox checked="true">small</checkbox>
+  <checkbox checked="true">normal</checkbox>
   <toolbar>
     demo source
     <button>Show the full source</button>
@@ -22924,21 +23309,24 @@ exports[`firefox /components/switches/ 1`] = `
     <buttonmenu haspopup="true">See more</buttonmenu>
   </toolbar>
   <text>
-    <Switch {...label} defaultChecked size="small" />
-    <Switch {...label} defaultChecked />
+    <Switch defaultChecked size="small" inputProps={{
+    'aria-label': 'small' }} /> <Switch
+    defaultChecked inputProps={{ 'aria-label':
+    'normal' }} />
   </text>
   <heading level="2">
     Color
+    <link></link>
     <text>Color</text>
   </heading>
   <button>
     A generic container that is programmatically focused to test keyboard
     navigation of our components.
   </button>
-  <checkbox checked="true">Switch demo</checkbox>
-  <checkbox checked="true">Switch demo</checkbox>
-  <checkbox checked="true">Switch demo</checkbox>
-  <checkbox checked="true">Switch demo</checkbox>
+  <checkbox checked="true">secondary</checkbox>
+  <checkbox checked="true">primary</checkbox>
+  <checkbox checked="true">default</checkbox>
+  <checkbox checked="true">custom</checkbox>
   <toolbar>
     demo source
     <button>Show the full source</button>
@@ -22949,13 +23337,18 @@ exports[`firefox /components/switches/ 1`] = `
     <buttonmenu haspopup="true">See more</buttonmenu>
   </toolbar>
   <text>
-    <Switch {...label} defaultChecked /> <Switch
-    {...label} defaultChecked color="primary" />
-    <Switch {...label} defaultChecked color="default"
-    /> <GreenSwitch {...label} defaultChecked />
+    <Switch defaultChecked inputProps={{ 'aria-label':
+    'secondary' }} /> <Switch defaultChecked
+    color="primary" inputProps={{ 'aria-label':
+    'primary' }} /> <Switch defaultChecked
+    color="default" inputProps={{ 'aria-label':
+    'default' }} /> <GreenSwitch defaultChecked
+    inputProps={{ 'aria-label': 'custom'
+    }} />
   </text>
   <heading level="2">
     Controlled
+    <link></link>
     <text>Controlled</text>
   </heading>
   <paragraph>
@@ -22982,6 +23375,7 @@ exports[`firefox /components/switches/ 1`] = `
   </text>
   <heading level="2">
     Switches with FormGroup
+    <link></link>
     <text>Switches with FormGroup</text>
   </heading>
   <paragraph>
@@ -23034,6 +23428,7 @@ exports[`firefox /components/switches/ 1`] = `
   </toolbar>
   <heading level="2">
     Customized switches
+    <link></link>
     <text>Customized switches</text>
   </heading>
   <paragraph>
@@ -23085,6 +23480,7 @@ exports[`firefox /components/switches/ 1`] = `
   </paragraph>
   <heading level="2">
     Label placement
+    <link></link>
     <text>Label placement</text>
   </heading>
   <paragraph>
@@ -23132,6 +23528,7 @@ exports[`firefox /components/switches/ 1`] = `
   </toolbar>
   <heading level="2">
     When to use
+    <link></link>
     <text>When to use</text>
   </heading>
   <list>
@@ -23142,6 +23539,7 @@ exports[`firefox /components/switches/ 1`] = `
   </list>
   <heading level="2">
     Accessibility
+    <link></link>
     <text>Accessibility</text>
   </heading>
   <list>
@@ -23190,6 +23588,7 @@ exports[`firefox /components/switches/ 1`] = `
   </text>
   <heading level="2">
     API
+    <link></link>
     <text>API</text>
   </heading>
   <list>
@@ -23275,6 +23674,7 @@ exports[`firefox /components/tabs/ 1`] = `
   </list>
   <heading level="2">
     Basic tabs
+    <link></link>
     <text>Basic tabs</text>
   </heading>
   <paragraph>
@@ -23329,6 +23729,7 @@ exports[`firefox /components/tabs/ 1`] = `
   </text>
   <heading level="2">
     Experimental API
+    <link></link>
     <text>Experimental API</text>
   </heading>
   <paragraph>
@@ -23384,12 +23785,13 @@ exports[`firefox /components/tabs/ 1`] = `
   </text>
   <heading level="2">
     Wrapped labels
+    <link></link>
     <text>Wrapped labels</text>
   </heading>
   <paragraph>
     <text>
       Long labels will automatically wrap on tabs. If the label is too long for
-      the tab, it will overflow, and the text will not be visible.
+      the tab, it will overflow and the text will not be visible.
     </text>
   </paragraph>
   <button>
@@ -23430,6 +23832,7 @@ exports[`firefox /components/tabs/ 1`] = `
   </text>
   <heading level="2">
     Colored tab
+    <link></link>
     <text>Colored tab</text>
   </heading>
   <button>
@@ -23470,6 +23873,7 @@ exports[`firefox /components/tabs/ 1`] = `
   </text>
   <heading level="2">
     Disabled tab
+    <link></link>
     <text>Disabled tab</text>
   </heading>
   <paragraph>
@@ -23511,16 +23915,18 @@ exports[`firefox /components/tabs/ 1`] = `
   </text>
   <heading level="2">
     Fixed tabs
+    <link></link>
     <text>Fixed tabs</text>
   </heading>
   <paragraph>
     <text>
-      Fixed tabs should be used with a limited number of tabs, and when a
+      Fixed tabs should be used with a limited number of tabs, and when
       consistent placement will aid muscle memory.
     </text>
   </paragraph>
   <heading level="3">
     Full width
+    <link></link>
     <text>Full width</text>
   </heading>
   <paragraph>
@@ -23570,6 +23976,7 @@ exports[`firefox /components/tabs/ 1`] = `
   </toolbar>
   <heading level="3">
     Centered
+    <link></link>
     <text>Centered</text>
   </heading>
   <paragraph>
@@ -23610,10 +24017,12 @@ exports[`firefox /components/tabs/ 1`] = `
   </text>
   <heading level="2">
     Scrollable tabs
+    <link></link>
     <text>Scrollable tabs</text>
   </heading>
   <heading level="3">
     Automatic scroll buttons
+    <link></link>
     <text>Automatic scroll buttons</text>
   </heading>
   <paragraph>
@@ -23678,6 +24087,7 @@ exports[`firefox /components/tabs/ 1`] = `
   </text>
   <heading level="3">
     Forced scroll buttons
+    <link></link>
     <text>Forced scroll buttons</text>
   </heading>
   <paragraph>
@@ -23794,13 +24204,14 @@ exports[`firefox /components/tabs/ 1`] = `
   </toolbar>
   <heading level="3">
     Prevent scroll buttons
+    <link></link>
     <text>Prevent scroll buttons</text>
   </heading>
   <paragraph>
     <text>
       Left and right scroll buttons are never be presented with
       scrollButtons={false}. All scrolling must be initiated through
-      user agent scrolling mechanisms (e.g. left/right swipe, shift mouse wheel,
+      user agent scrolling mechanisms (e.g. left/right swipe, shift-mousewheel,
       etc.)
     </text>
   </paragraph>
@@ -23860,6 +24271,7 @@ exports[`firefox /components/tabs/ 1`] = `
   </text>
   <heading level="2">
     Customized tabs
+    <link></link>
     <text>Customized tabs</text>
   </heading>
   <paragraph>
@@ -23917,6 +24329,7 @@ exports[`firefox /components/tabs/ 1`] = `
   </paragraph>
   <heading level="2">
     Vertical tabs
+    <link></link>
     <text>Vertical tabs</text>
   </heading>
   <paragraph>
@@ -23980,6 +24393,7 @@ exports[`firefox /components/tabs/ 1`] = `
   </paragraph>
   <heading level="2">
     Nav tabs
+    <link></link>
     <text>Nav tabs</text>
   </heading>
   <paragraph>
@@ -24025,6 +24439,7 @@ exports[`firefox /components/tabs/ 1`] = `
   </text>
   <heading level="2">
     Icon tabs
+    <link></link>
     <text>Icon tabs</text>
   </heading>
   <paragraph>
@@ -24093,24 +24508,9 @@ exports[`firefox /components/tabs/ 1`] = `
     <Tab icon={<PersonPinIcon />} label="NEARBY"
     /> </Tabs>
   </text>
-  <heading level="2">
-    Third-party routing library
-    <text>Third-party routing library</text>
-  </heading>
-  <paragraph>
-    <text>
-      One common use case is to perform navigation on the client only, without
-      an HTTP round-trip to the server. The Link component provides the
-      component prop to handle this use case.
-    </text>
-  </paragraph>
-  <paragraph>
-    <text>Here is an</text>
-    <link>integration example with react-router</link>
-    <text>.</text>
-  </paragraph>
   <heading level="2">
     Accessibility
+    <link></link>
     <text>Accessibility</text>
   </heading>
   <paragraph>
@@ -24150,6 +24550,7 @@ exports[`firefox /components/tabs/ 1`] = `
   </paragraph>
   <heading level="3">
     Keyboard navigation
+    <link></link>
     <text>Keyboard navigation</text>
   </heading>
   <paragraph>
@@ -24239,6 +24640,7 @@ exports[`firefox /components/tabs/ 1`] = `
   </toolbar>
   <heading level="2">
     API
+    <link></link>
     <text>API</text>
   </heading>
   <list>
@@ -24322,6 +24724,7 @@ exports[`firefox /components/text-fields/ 1`] = `
   </list>
   <heading level="2">
     Basic TextField
+    <link></link>
     <text>Basic TextField</text>
   </heading>
   <paragraph>
@@ -24382,6 +24785,7 @@ exports[`firefox /components/text-fields/ 1`] = `
   </paragraph>
   <heading level="2">
     Form props
+    <link></link>
     <text>Form props</text>
   </heading>
   <paragraph>
@@ -24572,6 +24976,7 @@ exports[`firefox /components/text-fields/ 1`] = `
   </toolbar>
   <heading level="2">
     Validation
+    <link></link>
     <text>Validation</text>
   </heading>
   <paragraph>
@@ -24658,6 +25063,7 @@ exports[`firefox /components/text-fields/ 1`] = `
   </toolbar>
   <heading level="2">
     Multiline
+    <link></link>
     <text>Multiline</text>
   </heading>
   <paragraph>
@@ -24756,6 +25162,7 @@ exports[`firefox /components/text-fields/ 1`] = `
   </toolbar>
   <heading level="2">
     Select
+    <link></link>
     <text>Select</text>
   </heading>
   <paragraph>
@@ -24898,6 +25305,7 @@ exports[`firefox /components/text-fields/ 1`] = `
   </toolbar>
   <heading level="2">
     Icons
+    <link></link>
     <text>Icons</text>
   </heading>
   <paragraph>
@@ -24938,6 +25346,7 @@ exports[`firefox /components/text-fields/ 1`] = `
   </toolbar>
   <heading level="3">
     Input Adornments
+    <link></link>
     <text>Input Adornments</text>
   </heading>
   <paragraph>
@@ -25057,6 +25466,7 @@ exports[`firefox /components/text-fields/ 1`] = `
   </toolbar>
   <heading level="2">
     Sizes
+    <link></link>
     <text>Sizes</text>
   </heading>
   <paragraph>
@@ -25170,6 +25580,7 @@ exports[`firefox /components/text-fields/ 1`] = `
   </toolbar>
   <heading level="2">
     Layout
+    <link></link>
     <text>Layout</text>
   </heading>
   <paragraph>
@@ -25332,6 +25743,7 @@ exports[`firefox /components/text-fields/ 1`] = `
   </toolbar>
   <heading level="2">
     Uncontrolled vs. Controlled
+    <link></link>
     <text>Uncontrolled vs. Controlled</text>
   </heading>
   <paragraph>
@@ -25376,6 +25788,7 @@ exports[`firefox /components/text-fields/ 1`] = `
   </text>
   <heading level="2">
     Components
+    <link></link>
     <text>Components</text>
   </heading>
   <paragraph>
@@ -25488,6 +25901,7 @@ exports[`firefox /components/text-fields/ 1`] = `
   </toolbar>
   <heading level="2">
     Inputs
+    <link></link>
     <text>Inputs</text>
   </heading>
   <button>
@@ -25532,6 +25946,7 @@ exports[`firefox /components/text-fields/ 1`] = `
   </text>
   <heading level="2">
     Color
+    <link></link>
     <text>Color</text>
   </heading>
   <paragraph>
@@ -25573,6 +25988,7 @@ exports[`firefox /components/text-fields/ 1`] = `
   </toolbar>
   <heading level="2">
     Customized inputs
+    <link></link>
     <text>Customized inputs</text>
   </heading>
   <paragraph>
@@ -25663,10 +26079,12 @@ exports[`firefox /components/text-fields/ 1`] = `
   </paragraph>
   <heading level="2">
     Limitations
+    <link></link>
     <text>Limitations</text>
   </heading>
   <heading level="3">
     Shrink
+    <link></link>
     <text>Shrink</text>
   </heading>
   <paragraph>
@@ -25696,6 +26114,7 @@ exports[`firefox /components/text-fields/ 1`] = `
   <text><InputLabel shrink>Count</InputLabel></text>
   <heading level="3">
     Floating label
+    <link></link>
     <text>Floating label</text>
   </heading>
   <paragraph>
@@ -25707,6 +26126,7 @@ exports[`firefox /components/text-fields/ 1`] = `
   </paragraph>
   <heading level="3">
     type="number"
+    <link></link>
     <text>type="number"</text>
   </heading>
   <paragraph>
@@ -25756,6 +26176,7 @@ exports[`firefox /components/text-fields/ 1`] = `
   </paragraph>
   <heading level="3">
     Helper text
+    <link></link>
     <text>Helper text</text>
   </heading>
   <paragraph>
@@ -25840,6 +26261,7 @@ exports[`firefox /components/text-fields/ 1`] = `
   </text>
   <heading level="2">
     Integration with 3rd party input libraries
+    <link></link>
     <text>Integration with 3rd party input libraries</text>
   </heading>
   <paragraph>
@@ -25909,6 +26331,7 @@ exports[`firefox /components/text-fields/ 1`] = `
   </text>
   <heading level="2">
     Accessibility
+    <link></link>
     <text>Accessibility</text>
   </heading>
   <paragraph>
@@ -25948,6 +26371,7 @@ exports[`firefox /components/text-fields/ 1`] = `
   </text>
   <heading level="2">
     Complementary projects
+    <link></link>
     <text>Complementary projects</text>
   </heading>
   <paragraph>
@@ -25985,6 +26409,7 @@ exports[`firefox /components/text-fields/ 1`] = `
   </list>
   <heading level="2">
     API
+    <link></link>
     <text>API</text>
   </heading>
   <list>
@@ -26087,6 +26512,7 @@ exports[`firefox /components/tooltips/ 1`] = `
   </list>
   <heading level="2">
     Basic tooltip
+    <link></link>
     <text>Basic tooltip</text>
   </heading>
   <button>
@@ -26109,6 +26535,7 @@ exports[`firefox /components/tooltips/ 1`] = `
   </text>
   <heading level="2">
     Positioned tooltips
+    <link></link>
     <text>Positioned tooltips</text>
   </heading>
   <paragraph>
@@ -26183,6 +26610,7 @@ exports[`firefox /components/tooltips/ 1`] = `
   </toolbar>
   <heading level="2">
     Customized tooltips
+    <link></link>
     <text>Customized tooltips</text>
   </heading>
   <paragraph>
@@ -26220,6 +26648,7 @@ exports[`firefox /components/tooltips/ 1`] = `
   </toolbar>
   <heading level="2">
     Arrow tooltips
+    <link></link>
     <text>Arrow tooltips</text>
   </heading>
   <paragraph>
@@ -26251,6 +26680,7 @@ exports[`firefox /components/tooltips/ 1`] = `
   </text>
   <heading level="2">
     Custom child element
+    <link></link>
     <text>Custom child element</text>
   </heading>
   <paragraph>
@@ -26274,6 +26704,7 @@ exports[`firefox /components/tooltips/ 1`] = `
   </paragraph>
   <heading level="2">
     Triggers
+    <link></link>
     <text>Triggers</text>
   </heading>
   <paragraph>
@@ -26312,6 +26743,7 @@ exports[`firefox /components/tooltips/ 1`] = `
   </toolbar>
   <heading level="2">
     Controlled tooltips
+    <link></link>
     <text>Controlled tooltips</text>
   </heading>
   <paragraph>
@@ -26344,6 +26776,7 @@ exports[`firefox /components/tooltips/ 1`] = `
   </text>
   <heading level="2">
     Variable width
+    <link></link>
     <text>Variable width</text>
   </heading>
   <paragraph>
@@ -26393,6 +26826,7 @@ exports[`firefox /components/tooltips/ 1`] = `
   </text>
   <heading level="2">
     Interactive
+    <link></link>
     <text>Interactive</text>
   </heading>
   <paragraph>
@@ -26428,6 +26862,7 @@ exports[`firefox /components/tooltips/ 1`] = `
   </text>
   <heading level="2">
     Disabled elements
+    <link></link>
     <text>Disabled elements</text>
   </heading>
   <paragraph>
@@ -26486,6 +26921,7 @@ exports[`firefox /components/tooltips/ 1`] = `
   </text>
   <heading level="2">
     Transitions
+    <link></link>
     <text>Transitions</text>
   </heading>
   <paragraph>
@@ -26526,6 +26962,7 @@ exports[`firefox /components/tooltips/ 1`] = `
   </text>
   <heading level="2">
     Follow cursor
+    <link></link>
     <text>Follow cursor</text>
   </heading>
   <paragraph>
@@ -26556,6 +26993,7 @@ exports[`firefox /components/tooltips/ 1`] = `
   </text>
   <heading level="2">
     Virtual element
+    <link></link>
     <text>Virtual element</text>
   </heading>
   <paragraph>
@@ -26583,6 +27021,7 @@ exports[`firefox /components/tooltips/ 1`] = `
   </toolbar>
   <heading level="2">
     Showing and hiding
+    <link></link>
     <text>Showing and hiding</text>
   </heading>
   <paragraph>
@@ -26625,6 +27064,7 @@ exports[`firefox /components/tooltips/ 1`] = `
   </text>
   <heading level="2">
     Accessibility
+    <link></link>
     <text>Accessibility</text>
   </heading>
   <paragraph>
@@ -26680,6 +27120,7 @@ exports[`firefox /components/tooltips/ 1`] = `
   </text>
   <heading level="2">
     API
+    <link></link>
     <text>API</text>
   </heading>
   <list>
@@ -26716,6 +27157,7 @@ exports[`firefox /components/transfer-list 1`] = `
   </paragraph>
   <heading level="2">
     Basic transfer list
+    <link></link>
     <text>Basic transfer list</text>
   </heading>
   <paragraph>
@@ -26793,6 +27235,7 @@ exports[`firefox /components/transfer-list 1`] = `
   </toolbar>
   <heading level="2">
     Enhanced transfer list
+    <link></link>
     <text>Enhanced transfer list</text>
   </heading>
   <paragraph>
@@ -26868,6 +27311,7 @@ exports[`firefox /components/transfer-list 1`] = `
   </toolbar>
   <heading level="2">
     API
+    <link></link>
     <text>API</text>
   </heading>
   <list>
@@ -26944,6 +27388,7 @@ exports[`firefox /components/tree-view/ 1`] = `
   </list>
   <heading level="2">
     Basic tree view
+    <link></link>
     <text>Basic tree view</text>
   </heading>
   <button>
@@ -26972,6 +27417,7 @@ exports[`firefox /components/tree-view/ 1`] = `
   </toolbar>
   <heading level="2">
     Multi-selection
+    <link></link>
     <text>Multi-selection</text>
   </heading>
   <paragraph>
@@ -27003,6 +27449,7 @@ exports[`firefox /components/tree-view/ 1`] = `
   </toolbar>
   <heading level="2">
     Controlled tree view
+    <link></link>
     <text>Controlled tree view</text>
   </heading>
   <paragraph>
@@ -27042,6 +27489,7 @@ exports[`firefox /components/tree-view/ 1`] = `
   </toolbar>
   <heading level="2">
     Rich object
+    <link></link>
     <text>Rich object</text>
   </heading>
   <paragraph>
@@ -27091,6 +27539,7 @@ exports[`firefox /components/tree-view/ 1`] = `
   </toolbar>
   <heading level="2">
     ContentComponent prop
+    <link></link>
     <text>ContentComponent prop</text>
   </heading>
   <paragraph>
@@ -27155,10 +27604,12 @@ exports[`firefox /components/tree-view/ 1`] = `
   </toolbar>
   <heading level="2">
     Customized tree view
+    <link></link>
     <text>Customized tree view</text>
   </heading>
   <heading level="3">
     Custom icons, border and animation
+    <link></link>
     <text>Custom icons, border and animation</text>
   </heading>
   <button>
@@ -27201,6 +27652,7 @@ exports[`firefox /components/tree-view/ 1`] = `
   </toolbar>
   <heading level="3">
     Gmail clone
+    <link></link>
     <text>Gmail clone</text>
   </heading>
   <button>
@@ -27275,6 +27727,7 @@ exports[`firefox /components/tree-view/ 1`] = `
   </toolbar>
   <heading level="2">
     Disabled tree items
+    <link></link>
     <text>Disabled tree items</text>
   </heading>
   <button>
@@ -27400,6 +27853,7 @@ exports[`firefox /components/tree-view/ 1`] = `
   </list>
   <heading level="2">
     Accessibility
+    <link></link>
     <text>Accessibility</text>
   </heading>
   <paragraph>
@@ -27420,6 +27874,7 @@ exports[`firefox /components/tree-view/ 1`] = `
   </paragraph>
   <heading level="2">
     API
+    <link></link>
     <text>API</text>
   </heading>
   <list>
diff --git a/lib/a11y-snapshot/__snapshots__/axe.test.js.snap b/lib/a11y-snapshot/__snapshots__/axe.test.js.snap
index 1ac029f33..3511c1bb7 100644
--- a/lib/a11y-snapshot/__snapshots__/axe.test.js.snap
+++ b/lib/a11y-snapshot/__snapshots__/axe.test.js.snap
@@ -26,16 +26,16 @@ Array [
     "canMismatch__helpUrl": "https://dequeuniversity.com/rules/axe/4.1/aria-progressbar-name?application=axeAPI",
     "id": "aria-progressbar-name",
     "nodes": Array [
-      ".MuiLoadingButton-loadingIndicatorCenter.MuiLoadingButton-loadingIndicator > .MuiCircularProgress-root.MuiCircularProgress-indeterminate.MuiCircularProgress-colorInherit",
-      ".MuiLoadingButton-loadingIndicatorStart > .MuiCircularProgress-root.MuiCircularProgress-indeterminate.MuiCircularProgress-colorInherit",
+      ".MuiLoadingButton-pendingIndicatorCenter.MuiLoadingButton-pendingIndicator > .MuiCircularProgress-root.MuiCircularProgress-indeterminate.MuiCircularProgress-colorInherit",
+      ".MuiLoadingButton-pendingIndicatorStart > .MuiCircularProgress-root.MuiCircularProgress-indeterminate.MuiCircularProgress-colorInherit",
     ],
   },
   Object {
     "canMismatch__helpUrl": "https://dequeuniversity.com/rules/axe/4.1/button-name?application=axeAPI",
     "id": "button-name",
     "nodes": Array [
-      ".MuiLoadingButton-loading.Mui-disabled.MuiLoadingButton-root:nth-child(1)",
-      ".MuiLoadingButton-loading.Mui-disabled.MuiLoadingButton-root:nth-child(2)",
+      ".MuiLoadingButton-pending.Mui-disabled.MuiLoadingButton-root:nth-child(1)",
+      ".MuiLoadingButton-pending.Mui-disabled.MuiLoadingButton-root:nth-child(2)",
     ],
   },
 ]
diff --git a/lib/a11y-snapshot/deploy.json b/lib/a11y-snapshot/deploy.json
index d88c03e3a..f60d32ee1 100644
--- a/lib/a11y-snapshot/deploy.json
+++ b/lib/a11y-snapshot/deploy.json
@@ -1,33 +1,33 @@
 {
-	"id": "608308c6ba164c00079cda7c",
+	"id": "60859d159cc2c1000779d8dc",
 	"site_id": "64f32322-7c26-4008-b886-60800cd747b0",
-	"build_id": "608308c6ba164c00079cda7a",
+	"build_id": "60859d159cc2c1000779d8da",
 	"state": "ready",
 	"name": "material-ui",
 	"url": "http://material-ui.netlify.app",
 	"admin_url": "https://app.netlify.com/sites/material-ui",
-	"deploy_url": "http://next--material-ui.netlify.app",
-	"deploy_ssl_url": "https://next--material-ui.netlify.app",
-	"created_at": "2021-04-23T17:49:58.027Z",
-	"updated_at": "2021-04-23T18:12:47.120Z",
-	"commit_ref": "ddafaa0cb23d3ee86c5084996e5051dcee2084e2",
-	"review_id": null,
+	"deploy_url": "http://deploy-preview-25835--material-ui.netlify.app",
+	"deploy_ssl_url": "https://deploy-preview-25835--material-ui.netlify.app",
+	"created_at": "2021-04-25T16:47:17.067Z",
+	"updated_at": "2021-04-25T16:59:54.949Z",
+	"commit_ref": "a3234edd37fcc89c44cac2dbcddad4d676acfeca",
+	"review_id": 25835,
 	"skipped": null,
 	"locked": null,
-	"branch": "next",
-	"commit_url": "https://github.com/mui-org/material-ui/commit/ddafaa0cb23d3ee86c5084996e5051dcee2084e2",
+	"branch": "tree-item-emotion",
+	"commit_url": "https://github.com/mui-org/material-ui/commit/a3234edd37fcc89c44cac2dbcddad4d676acfeca",
 	"log_access_attributes": {
 		"type": "firebase",
-		"url": "https://netlify-builds5.firebaseio.com/builds/608308c6ba164c00079cda7a/log",
+		"url": "https://netlify-builds5.firebaseio.com/builds/60859d159cc2c1000779d8da/log",
 		"endpoint": "https://netlify-builds5.firebaseio.com",
-		"path": "/builds/608308c6ba164c00079cda7a/log",
-		"token": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ2IjowLCJpYXQiOjE2MTkyMDIyODgsImQiOnsidWlkIjoiIn19.H1d9n0I5NdGmANFMRAYfWbkphWL0epFBZVDbRSMXVF0"
+		"path": "/builds/60859d159cc2c1000779d8da/log",
+		"token": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ2IjowLCJpYXQiOjE2MTkzNzA1NDQsImQiOnsidWlkIjoiIn19.8UplNTVQrbdM9KYRrZLcvCAgsvnxl9GlFzi89T2IL8I"
 	},
-	"title": "[Button] Rename `pending` prop to `loading` in LoadingButton (#25874)\n\nCo-authored-by: Guillermo Pincay <guillermo.pincay@htmniseko.com>",
-	"review_url": null,
+	"title": "[TreeView] Migrate TreeItem to emotion",
+	"review_url": "https://github.com/mui-org/material-ui/pull/25835",
 	"published_at": null,
-	"context": "branch-deploy",
-	"deploy_time": 1362,
+	"context": "deploy-preview",
+	"deploy_time": 751,
 	"public": true,
 	"plugin_state": "success"
 }