first pass

docs/data/base/components/badge/badge.md

@@ -64,7 +64,7 @@ The following code snippet applies a CSS class called `my-badge` to the badge sl
 
 #### Usage with TypeScript
 
-In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component. 
+In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component.
 This way, you can safely provide the custom root's props directly on the component:
 
 ```tsx

docs/data/base/components/form-control/form-control.md

@@ -43,7 +43,7 @@ Note that it also uses the `useFormControlContext` hook in order to pass props t
 
 #### Usage with TypeScript
 
-In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component. 
+In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component.
 This way, you can safely provide the custom root's props directly on the component:
 
 ```tsx

docs/data/base/components/input/input.md

@@ -66,7 +66,7 @@ The following code snippet applies a CSS class called `my-input` to the input sl
 
 #### Usage with TypeScript
 
-In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component. 
+In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component.
 This way, you can safely provide the custom root's props directly on the component:
 
 ```tsx

docs/data/base/components/menu/menu.md

@@ -19,10 +19,10 @@ waiAria: https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/
 
 Menus are implemented using a collection of related components:
 
-- [Dropdown]() - 
+- [Dropdown]() -
 - [Menu]() -
-- [Menu Item]() - 
-- [MenuButton]() - 
+- [Menu Item]() -
+- [MenuButton]() -
 
 {{"demo": "MenuIntroduction", "defaultCodeOpen": false, "bg": "gradient"}}
 

docs/data/base/components/number-input/number-input.md

@@ -52,7 +52,7 @@ For an open-ended range, define only `min` or `max`:
 <NumberInput min={0} />
 ```
 
-Use the `step` prop to define the granularity of the change in value when incrementing or decrementing. 
+Use the `step` prop to define the granularity of the change in value when incrementing or decrementing.
 For example, if `min={0}` and `step={2}`, valid values for the component would be 0, 2, 4, and on, since the value can only be changed in increments of 2.
 
 ```jsx
@@ -64,12 +64,12 @@ For example, if `min={0}` and `step={2}`, valid values for the component would b
 Support for decimal values or step sizes isn't available yet, but you can upvote [this GitHub issue](https://github.com/mui/material-ui/issues/38518) to see it arrive sooner.
 :::
 
-When the input field is in focus, you can enter values that fall outside the valid range. 
+When the input field is in focus, you can enter values that fall outside the valid range.
 The value will be clamped based on `min`, `max` and `step` once the input field is blurred.
 
 Holding down the <kbd>Shift</kbd> key when interacting with the stepper buttons applies a multipler (default 10x) to the value change of each step.
 
-This can be customized with the `shiftMultiplier` prop. 
+This can be customized with the `shiftMultiplier` prop.
 In the following snippet, if <kbd>Shift</kbd> is held when clicking the increment button, the value will change from 0, to 5, to 10, and on.
 
 ```jsx

docs/data/base/components/select/select.md

@@ -166,7 +166,7 @@ To instead render the popup where the component is defined, override the `disabl
 
 #### Usage with TypeScript
 
-In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component. 
+In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component.
 This way, you can safely provide the custom root's props directly on the component:
 
 ```tsx

docs/data/base/components/slider/slider.md

@@ -105,7 +105,7 @@ The following code snippet applies a CSS class called `my-rail` to the rail slot
 
 #### Usage with TypeScript
 
-In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component. 
+In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component.
 This way, you can safely provide the custom root's props directly on the component:
 
 ```tsx
@@ -177,7 +177,7 @@ To let users set the start and end of a range on a Slider, provide an array of v
 
 ### Value label
 
-A label for the value can be rendered around the thumb by using the optional `slots` prop with the `valueLabel` slot. 
+A label for the value can be rendered around the thumb by using the optional `slots` prop with the `valueLabel` slot.
 These are typical use cases for showing the value label:
 
 - always

docs/data/base/components/snackbar/snackbar.md

@@ -65,7 +65,7 @@ See [Overriding component structure](/base-ui/guides/overriding-component-struct
 
 #### Usage with TypeScript
 
-In TypeScript, you can specify the custom component type used in the `slots.root` as a generic to the unstyled component. 
+In TypeScript, you can specify the custom component type used in the `slots.root` as a generic to the unstyled component.
 This way, you can safely provide the custom component's props directly on the component:
 
 ```tsx

docs/data/base/components/switch/switch.md

@@ -61,7 +61,7 @@ The following code snippet applies a CSS class called `my-thumb` to the thumb sl
 
 #### Usage with TypeScript
 
-In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component. 
+In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component.
 This way, you can safely provide the custom root's props directly on the component:
 
 ```tsx

docs/data/base/components/table-pagination/table-pagination.md

@@ -107,7 +107,7 @@ The following code snippet applies a CSS class called `my-spacer` to the spacer
 
 ### Usage with TypeScript
 
-In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component. 
+In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component.
 This way, you can safely provide the custom root's props directly on the component:
 
 ```tsx

docs/data/base/components/tabs/tabs.md

@@ -92,7 +92,7 @@ When vertical, you must set `orientation="vertical"` on the `<Tabs />` component
 
 ### Usage with TypeScript
 
-In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component. 
+In TypeScript, you can specify the custom component type used in the `slots.root` as a generic parameter of the unstyled component.
 This way, you can safely provide the custom root's props directly on the component:
 
 ```tsx