From 0850a7b73c9afc907222a373ec4d623655153f71 Mon Sep 17 00:00:00 2001
From: Mikkel Laursen <mlaursen03@gmail.com>
Date: Fri, 19 Jul 2024 16:59:02 -0400
Subject: [PATCH] chore(core): removed the Server Component flags

They aren't really server components, they just don't require client
side JS
---
 packages/core/src/RootHtml.tsx                |  2 --
 packages/core/src/app-bar/AppBar.tsx          |  2 --
 packages/core/src/app-bar/AppBarTitle.tsx     |  2 --
 packages/core/src/avatar/Avatar.tsx           |  2 --
 packages/core/src/badge/Badge.tsx             |  2 --
 packages/core/src/box/Box.tsx                 |  2 --
 packages/core/src/button/ButtonUnstyled.tsx   |  2 --
 packages/core/src/card/Card.tsx               |  2 --
 packages/core/src/card/CardContent.tsx        |  2 --
 packages/core/src/card/CardFooter.tsx         |  2 --
 packages/core/src/card/CardHeader.tsx         |  2 --
 packages/core/src/card/CardSubtitle.tsx       |  2 --
 packages/core/src/card/CardTitle.tsx          |  2 --
 packages/core/src/chip/Chip.tsx               |  2 --
 packages/core/src/dialog/DialogContainer.tsx  |  2 --
 packages/core/src/dialog/DialogContent.tsx    |  6 ++--
 packages/core/src/dialog/DialogFooter.tsx     |  5 ++-
 packages/core/src/dialog/DialogHeader.tsx     |  6 ++--
 packages/core/src/dialog/DialogTitle.tsx      |  6 ++--
 packages/core/src/divider/Divider.tsx         |  2 --
 .../expansion-panel/ExpansionPanelHeader.tsx  |  1 -
 packages/core/src/form/Fieldset.tsx           |  2 --
 packages/core/src/form/FormMessage.tsx        |  2 --
 .../core/src/form/FormMessageContainer.tsx    |  1 -
 packages/core/src/form/FormMessageCounter.tsx |  2 --
 packages/core/src/form/InputToggleIcon.tsx    |  2 --
 packages/core/src/form/Label.tsx              |  2 --
 packages/core/src/form/Legend.tsx             |  2 --
 packages/core/src/form/NativeSelect.tsx       |  2 --
 packages/core/src/form/SelectedOption.tsx     |  2 --
 packages/core/src/form/SliderContainer.tsx    |  2 --
 packages/core/src/form/SliderMark.tsx         |  2 --
 packages/core/src/form/SliderMarkLabel.tsx    |  2 --
 packages/core/src/form/SliderTrack.tsx        |  2 --
 packages/core/src/form/SliderValueMarks.tsx   |  2 --
 packages/core/src/form/Switch.tsx             |  2 --
 packages/core/src/form/SwitchTrack.tsx        |  3 +-
 packages/core/src/form/TextField.tsx          |  2 --
 packages/core/src/form/TextFieldAddon.tsx     |  4 +--
 packages/core/src/icon/FontIcon.tsx           |  2 --
 packages/core/src/icon/IconRotator.tsx        |  2 --
 packages/core/src/icon/MaterialIcon.tsx       |  2 --
 packages/core/src/icon/MaterialSymbol.tsx     |  1 -
 packages/core/src/icon/SVGIcon.tsx            |  2 --
 packages/core/src/icon/TextIconSpacing.tsx    |  2 --
 .../core/src/interaction/RippleContainer.tsx  |  2 --
 packages/core/src/link/Link.tsx               |  2 --
 packages/core/src/list/List.tsx               | 34 +------------------
 packages/core/src/list/ListItem.tsx           | 17 ----------
 packages/core/src/list/ListItemAddon.tsx      |  2 --
 packages/core/src/list/ListItemChildren.tsx   |  2 --
 packages/core/src/list/ListItemText.tsx       |  2 --
 packages/core/src/list/ListSubheader.tsx      |  2 --
 packages/core/src/list/getListItemHeight.ts   |  4 +--
 packages/core/src/list/listItemStyles.ts      | 25 +++++++++++---
 packages/core/src/list/listStyles.ts          | 31 +++++++++++++++++
 packages/core/src/list/types.ts               | 12 +++++--
 packages/core/src/navigation/NavGroup.tsx     |  2 --
 packages/core/src/navigation/NavItem.tsx      |  2 --
 packages/core/src/navigation/NavSubheader.tsx |  2 --
 .../core/src/progress/CircularProgress.tsx    |  2 --
 packages/core/src/progress/LinearProgress.tsx |  2 --
 .../ResponsiveItemContainer.tsx               |  2 --
 .../responsive-item/ResponsiveItemOverlay.tsx |  2 --
 .../SegmentedButtonContainer.tsx              |  2 --
 .../src/suspense/CircularProgressSuspense.tsx |  2 --
 packages/core/src/suspense/NullSuspense.tsx   |  2 --
 packages/core/src/table/TableCellContent.tsx  |  3 --
 .../core/src/transition/SlideContainer.tsx    |  4 +--
 packages/core/src/typography/SrOnly.tsx       |  3 +-
 .../core/src/typography/TextContainer.tsx     |  2 --
 packages/core/src/typography/Typography.tsx   |  2 --
 .../src/window-splitter/WindowSplitter.tsx    |  4 +--
 73 files changed, 84 insertions(+), 194 deletions(-)
 create mode 100644 packages/core/src/list/listStyles.ts

diff --git a/packages/core/src/RootHtml.tsx b/packages/core/src/RootHtml.tsx
index d1953a6cfa..3b6847a66c 100644
--- a/packages/core/src/RootHtml.tsx
+++ b/packages/core/src/RootHtml.tsx
@@ -42,8 +42,6 @@ export interface RootHtmlProps extends HtmlHTMLAttributes<HTMLHtmlElement> {
 }
 
 /**
- * **Server Component**
- *
  * This is mostly for creating the root html for next.js applications that
  * defaults to setting the `dir="ltr"` and `lang="en"`. Additional props can be
  * passed to the root `<html>` and `<body>` elements and children can be
diff --git a/packages/core/src/app-bar/AppBar.tsx b/packages/core/src/app-bar/AppBar.tsx
index 32c15c9a16..62e999b60d 100644
--- a/packages/core/src/app-bar/AppBar.tsx
+++ b/packages/core/src/app-bar/AppBar.tsx
@@ -202,8 +202,6 @@ export interface AppBarProps
 }
 
 /**
- * **Server Component**
- *
  * @example Simple Example
  * ```tsx
  * import { AppBar, AppBarTitle, Button } from "@react-md/core";
diff --git a/packages/core/src/app-bar/AppBarTitle.tsx b/packages/core/src/app-bar/AppBarTitle.tsx
index 6df02d6ceb..b3416c2e0d 100644
--- a/packages/core/src/app-bar/AppBarTitle.tsx
+++ b/packages/core/src/app-bar/AppBarTitle.tsx
@@ -67,8 +67,6 @@ export interface AppBarTitleProps
 }
 
 /**
- * **Server Component**
- *
  * @example Updating the Keyline
  * ```tsx
  * import { AppBar, AppBarTitle } from "@react-md/core";
diff --git a/packages/core/src/avatar/Avatar.tsx b/packages/core/src/avatar/Avatar.tsx
index 359af273f0..be2e7c0094 100644
--- a/packages/core/src/avatar/Avatar.tsx
+++ b/packages/core/src/avatar/Avatar.tsx
@@ -80,8 +80,6 @@ export interface AvatarProps
 }
 
 /**
- * **Server Component**
- *
  * An `Avatar` is generally used to represent objects or people within your app.
  * The avatar can consist of an image, an icon, or some text to display. When
  * the avatar is not an image, different themes can be applied to make the
diff --git a/packages/core/src/badge/Badge.tsx b/packages/core/src/badge/Badge.tsx
index 2b7afa0afe..f240f58771 100644
--- a/packages/core/src/badge/Badge.tsx
+++ b/packages/core/src/badge/Badge.tsx
@@ -47,8 +47,6 @@ export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
 }
 
 /**
- * **Server Component**
- *
  * @example Simple Example
  * ```tsx
  * import type { ReactElement } from "react";
diff --git a/packages/core/src/box/Box.tsx b/packages/core/src/box/Box.tsx
index a18ccd4f4a..9a6b35df31 100644
--- a/packages/core/src/box/Box.tsx
+++ b/packages/core/src/box/Box.tsx
@@ -7,8 +7,6 @@ import { box, type BoxOptions } from "./styles.js";
 export interface BoxProps extends HTMLAttributes<HTMLDivElement>, BoxOptions {}
 
 /**
- * **Server Component**
- *
  * The `Box` component is a wrapper around the CSS box model and should solve
  * most of your `flex` and `grid` layout requirements for responsive design.
  * There are pass-through props for all of the box module styling properties
diff --git a/packages/core/src/button/ButtonUnstyled.tsx b/packages/core/src/button/ButtonUnstyled.tsx
index 65aecd4baa..69a12fa780 100644
--- a/packages/core/src/button/ButtonUnstyled.tsx
+++ b/packages/core/src/button/ButtonUnstyled.tsx
@@ -14,8 +14,6 @@ export type ButtonUnstyledProps = Omit<
 >;
 
 /**
- * **Server Component**
- *
  * A simple wrapper for a `<button type="button">` that applies the unstyled
  * utility class.
  *
diff --git a/packages/core/src/card/Card.tsx b/packages/core/src/card/Card.tsx
index 9d172fb614..90117fd74d 100644
--- a/packages/core/src/card/Card.tsx
+++ b/packages/core/src/card/Card.tsx
@@ -18,8 +18,6 @@ export interface CardProps
     CardClassNameOptions {}
 
 /**
- * **Server Component**
- *
  * @example Simple Example
  * ```tsx
  * import {
diff --git a/packages/core/src/card/CardContent.tsx b/packages/core/src/card/CardContent.tsx
index 78cd499e3e..aaf864f33a 100644
--- a/packages/core/src/card/CardContent.tsx
+++ b/packages/core/src/card/CardContent.tsx
@@ -10,8 +10,6 @@ export interface CardContentProps
     CardContentClassNameOptions {}
 
 /**
- * **Server Component**
- *
  * @since 6.0.0 Renamed `disableExtraPadding` to `disableLastChildPadding` and
  * removed the `disableParagraphMargin` prop.
  */
diff --git a/packages/core/src/card/CardFooter.tsx b/packages/core/src/card/CardFooter.tsx
index 550339d3e7..cca2ad75f4 100644
--- a/packages/core/src/card/CardFooter.tsx
+++ b/packages/core/src/card/CardFooter.tsx
@@ -12,8 +12,6 @@ export interface CardFooterProps extends BoxProps {
 }
 
 /**
- * **Server Component**
- *
  * A simple wrapper around the {@link Box} component that applies additional
  * padding and applies `justify-content: flex-end;` by default.
  *
diff --git a/packages/core/src/card/CardHeader.tsx b/packages/core/src/card/CardHeader.tsx
index 3a5d675629..d0cc077b9c 100644
--- a/packages/core/src/card/CardHeader.tsx
+++ b/packages/core/src/card/CardHeader.tsx
@@ -30,8 +30,6 @@ export interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {
 }
 
 /**
- * **Server Component**
- *
  * @since 6.0.0 Removed the `align` prop.
  * @since 6.0.0 Renamed the `beforeChildren` and `afterChildren` props to
  * `beforeAddon` and `afterAddon`.
diff --git a/packages/core/src/card/CardSubtitle.tsx b/packages/core/src/card/CardSubtitle.tsx
index 05a3aa1ae8..34703f7468 100644
--- a/packages/core/src/card/CardSubtitle.tsx
+++ b/packages/core/src/card/CardSubtitle.tsx
@@ -29,8 +29,6 @@ export interface CardSubtitleProps extends TypographyProps {
 }
 
 /**
- * **Server Component**
- *
  * @since 6.0.0 Extends the {@link Typography} component and removed the
  * `noWrap`/`disableSecondaryColor` props.
  */
diff --git a/packages/core/src/card/CardTitle.tsx b/packages/core/src/card/CardTitle.tsx
index 41990b4b7b..baadc861be 100644
--- a/packages/core/src/card/CardTitle.tsx
+++ b/packages/core/src/card/CardTitle.tsx
@@ -22,8 +22,6 @@ export interface CardTitleProps extends TypographyProps {
 }
 
 /**
- * **Server Component**
- *
  * @since 6.0.0 Extends the {@link Typography} component and removed
  * the `small`/`noWrap` props.
  */
diff --git a/packages/core/src/chip/Chip.tsx b/packages/core/src/chip/Chip.tsx
index 720b81e173..3c5432f8cb 100644
--- a/packages/core/src/chip/Chip.tsx
+++ b/packages/core/src/chip/Chip.tsx
@@ -156,8 +156,6 @@ export interface ChipProps extends ButtonHTMLAttributes<HTMLButtonElement> {
 }
 
 /**
- * **Server Component**
- *
  * @example Simple Example
  * ```tsx
  * import { Chip } from "@react-md/core";
diff --git a/packages/core/src/dialog/DialogContainer.tsx b/packages/core/src/dialog/DialogContainer.tsx
index bcf4c9ce37..ac01e21add 100644
--- a/packages/core/src/dialog/DialogContainer.tsx
+++ b/packages/core/src/dialog/DialogContainer.tsx
@@ -11,8 +11,6 @@ export interface DialogContainerProps extends HTMLAttributes<HTMLDivElement> {
 }
 
 /**
- * **Server Component**
- *
  * @since 6.0.0
  * @internal
  */
diff --git a/packages/core/src/dialog/DialogContent.tsx b/packages/core/src/dialog/DialogContent.tsx
index 769c081786..e7612c3a0d 100644
--- a/packages/core/src/dialog/DialogContent.tsx
+++ b/packages/core/src/dialog/DialogContent.tsx
@@ -6,9 +6,9 @@ export interface DialogContentProps
     DialogContentClassNameOptions {}
 
 /**
- * **Server Component**
- *
- * Look at the `Dialog` or `FixedDialog` components for example usage.
+ * The `DialogContent` component should be used as a child of the `Dialog`
+ * component that applies some reasonable default styles. Look at the `Dialog`
+ * or `FixedDialog` components for example usage.
  */
 export const DialogContent = forwardRef<HTMLDivElement, DialogContentProps>(
   function DialogContent(
diff --git a/packages/core/src/dialog/DialogFooter.tsx b/packages/core/src/dialog/DialogFooter.tsx
index 06e3954e27..05627d6adf 100644
--- a/packages/core/src/dialog/DialogFooter.tsx
+++ b/packages/core/src/dialog/DialogFooter.tsx
@@ -6,9 +6,8 @@ export interface DialogFooterProps
     DialogFooterClassNameOptions {}
 
 /**
- * **Server Component**
- *
- * Look at the `Dialog` or `FixedDialog` components for example usage.
+ * The `DialogFooter` is a simple `<footer>` with simple `display: flex` styles
+ * applied. Look at the `Dialog` or `FixedDialog` components for example usage.
  */
 export const DialogFooter = forwardRef<HTMLDivElement, DialogFooterProps>(
   function DialogFooter({ children, className, align = "end", ...props }, ref) {
diff --git a/packages/core/src/dialog/DialogHeader.tsx b/packages/core/src/dialog/DialogHeader.tsx
index 115787f255..c16535c2ae 100644
--- a/packages/core/src/dialog/DialogHeader.tsx
+++ b/packages/core/src/dialog/DialogHeader.tsx
@@ -4,9 +4,9 @@ import { dialogHeader } from "./styles.js";
 export type DialogHeaderProps = HTMLAttributes<HTMLDivElement>;
 
 /**
- * **Server Component**
- *
- * Look at the `Dialog` or `FixedDialog` components for example usage.
+ * The `DialogHeader` component should be rendered within a `Dialog` component
+ * and generally contains the `DialogTitle`. Look at the `Dialog` or
+ * `FixedDialog` components for example usage.
  */
 export const DialogHeader = forwardRef<HTMLDivElement, DialogHeaderProps>(
   function DialogHeader(props, ref) {
diff --git a/packages/core/src/dialog/DialogTitle.tsx b/packages/core/src/dialog/DialogTitle.tsx
index 659a40807c..a557911030 100644
--- a/packages/core/src/dialog/DialogTitle.tsx
+++ b/packages/core/src/dialog/DialogTitle.tsx
@@ -24,9 +24,9 @@ export interface DialogTitleProps extends TypographyProps {
 }
 
 /**
- * **Server Component**
- *
- * Look at the `Dialog` or `FixedDialog` components for example usage.
+ * The `DialogTitle` component is a simple `Typography` component wrapper with
+ * sensible defaults to be rendered within a `Dialog`. Look at the `Dialog` or
+ * `FixedDialog` components for example usage.
  */
 export const DialogTitle = forwardRef<HTMLHeadingElement, DialogTitleProps>(
   function DialogTitle(
diff --git a/packages/core/src/divider/Divider.tsx b/packages/core/src/divider/Divider.tsx
index 2aa813f53d..40d26e3fdd 100644
--- a/packages/core/src/divider/Divider.tsx
+++ b/packages/core/src/divider/Divider.tsx
@@ -23,8 +23,6 @@ export interface DividerProps
     DividerClassNameOptions {}
 
 /**
- * **Server Component**
- *
  * @example Simple Example
  * ```tsx
  * import { Divider } from "@react-md/core";
diff --git a/packages/core/src/expansion-panel/ExpansionPanelHeader.tsx b/packages/core/src/expansion-panel/ExpansionPanelHeader.tsx
index 624017a68f..ab1875b506 100644
--- a/packages/core/src/expansion-panel/ExpansionPanelHeader.tsx
+++ b/packages/core/src/expansion-panel/ExpansionPanelHeader.tsx
@@ -81,7 +81,6 @@ export interface ExpansionPanelHeaderProps
 }
 
 /**
- * **Server Component**
  * This is mostly an internal component, but can also be used to implement a
  * custom header implementation if needed. This might really be a client
  * component in practice since the `onClick` prop must be provided.
diff --git a/packages/core/src/form/Fieldset.tsx b/packages/core/src/form/Fieldset.tsx
index 9f17eb776c..6bfc6950d6 100644
--- a/packages/core/src/form/Fieldset.tsx
+++ b/packages/core/src/form/Fieldset.tsx
@@ -35,8 +35,6 @@ export function fieldset(options: FieldsetClassNameOptions = {}): string {
 }
 
 /**
- * **Server Component**
- *
  * @since 6.0.0 Removed the `legend`, `legendStyle`,
  * `legendClassName`, and `legendSROnly` props. You must provide a `Legend`
  * yourself manually instead of using a prop.
diff --git a/packages/core/src/form/FormMessage.tsx b/packages/core/src/form/FormMessage.tsx
index 0d163481d9..b2d27e487c 100644
--- a/packages/core/src/form/FormMessage.tsx
+++ b/packages/core/src/form/FormMessage.tsx
@@ -9,8 +9,6 @@ import {
 } from "./types.js";
 
 /**
- * **Server Component**
- *
  * The `FormMessage` component is used to create additional helper messages or
  * error messages and generally placed below the related `TextField`. If a
  * `length` (of the `value`) and `maxLength` are provided, a counter will also
diff --git a/packages/core/src/form/FormMessageContainer.tsx b/packages/core/src/form/FormMessageContainer.tsx
index 67f1a3ec62..641fdb3d17 100644
--- a/packages/core/src/form/FormMessageContainer.tsx
+++ b/packages/core/src/form/FormMessageContainer.tsx
@@ -18,7 +18,6 @@ export interface FormMessageContainerProps
 }
 
 /**
- * **Server Component**
  * Conditionally wraps the `children` in a `.rmd-form-message-container` wrapper
  * and renders the {@link FormMessage} component.
  *
diff --git a/packages/core/src/form/FormMessageCounter.tsx b/packages/core/src/form/FormMessageCounter.tsx
index 58f9e48b54..f03258ef13 100644
--- a/packages/core/src/form/FormMessageCounter.tsx
+++ b/packages/core/src/form/FormMessageCounter.tsx
@@ -16,8 +16,6 @@ export interface FormMessageCounterProps
 }
 
 /**
- * **Server Component**
- *
  * This component can be used to create a "counter" within the
  * {@link FormMessage} component.
  *
diff --git a/packages/core/src/form/InputToggleIcon.tsx b/packages/core/src/form/InputToggleIcon.tsx
index 528fa41024..2134adf671 100644
--- a/packages/core/src/form/InputToggleIcon.tsx
+++ b/packages/core/src/form/InputToggleIcon.tsx
@@ -53,8 +53,6 @@ export interface InputToggleIconProps extends HTMLAttributes<HTMLSpanElement> {
 }
 
 /**
- * **Server Component**
- *
  * @since 2.8.0
  * @since 6.0.0 Updated to use different icons for each checked state instead
  * of a css overlay hack.
diff --git a/packages/core/src/form/Label.tsx b/packages/core/src/form/Label.tsx
index 73542311bc..55a6382186 100644
--- a/packages/core/src/form/Label.tsx
+++ b/packages/core/src/form/Label.tsx
@@ -65,8 +65,6 @@ export function label(options: LabelClassNameOptions): string {
 }
 
 /**
- * **Server Component**
- *
  * Most of the form components already use this `Label` internally when a
  * `label` prop has been provided. You should generally use this component if
  * you need to separate the label from an existing form component or you need to
diff --git a/packages/core/src/form/Legend.tsx b/packages/core/src/form/Legend.tsx
index b4fda29737..6f946be642 100644
--- a/packages/core/src/form/Legend.tsx
+++ b/packages/core/src/form/Legend.tsx
@@ -14,8 +14,6 @@ export interface LegendProps extends TypographyProps {
 }
 
 /**
- * **Server Component**
- *
  * This should be used within a `Fieldset` to apply a label.
  *
  * @since 6.0.0
diff --git a/packages/core/src/form/NativeSelect.tsx b/packages/core/src/form/NativeSelect.tsx
index 675dfbd619..25bbc142b4 100644
--- a/packages/core/src/form/NativeSelect.tsx
+++ b/packages/core/src/form/NativeSelect.tsx
@@ -65,8 +65,6 @@ export interface NativeSelectProps
 }
 
 /**
- * **Server Component**
- *
  * This component is a wrapper for the native `<select>` field that applies the
  * same theming as `TextField` and `TextArea` components. This component might
  * not be used much since the `Select` offers more styling options.
diff --git a/packages/core/src/form/SelectedOption.tsx b/packages/core/src/form/SelectedOption.tsx
index 071a21b86d..97c1f8ee8e 100644
--- a/packages/core/src/form/SelectedOption.tsx
+++ b/packages/core/src/form/SelectedOption.tsx
@@ -16,8 +16,6 @@ export interface SelectedOptionProps extends BoxProps {
 }
 
 /**
- * **Server Component**
- *
  * This component is used to render the current option.
  *
  * @since 6.0.0
diff --git a/packages/core/src/form/SliderContainer.tsx b/packages/core/src/form/SliderContainer.tsx
index fdfe6c66ee..609a0f0afb 100644
--- a/packages/core/src/form/SliderContainer.tsx
+++ b/packages/core/src/form/SliderContainer.tsx
@@ -40,8 +40,6 @@ export interface SliderContainerProps
 }
 
 /**
- * **Server Component**
- *
  * The `SliderContainer` component is mostly an internal component that is
  * built-in to the `Slider` and `RangeSlider` components to add addons to the
  * left or right of the `SliderTrack`. When vertical, it will add addons to the
diff --git a/packages/core/src/form/SliderMark.tsx b/packages/core/src/form/SliderMark.tsx
index 0c0225d8a3..042dbb4966 100644
--- a/packages/core/src/form/SliderMark.tsx
+++ b/packages/core/src/form/SliderMark.tsx
@@ -15,8 +15,6 @@ export interface SliderMarkProps extends HTMLAttributes<HTMLSpanElement> {
 }
 
 /**
- * **Server Component**
- *
  * @internal
  * @since 6.0.0
  */
diff --git a/packages/core/src/form/SliderMarkLabel.tsx b/packages/core/src/form/SliderMarkLabel.tsx
index 14110a47e3..1d8fc5584e 100644
--- a/packages/core/src/form/SliderMarkLabel.tsx
+++ b/packages/core/src/form/SliderMarkLabel.tsx
@@ -31,8 +31,6 @@ export interface SliderMarkLabelProps extends CustomizableSliderMarkLabelProps {
 }
 
 /**
- * **Server Component**
- *
  * @internal
  * @since 6.0.0
  */
diff --git a/packages/core/src/form/SliderTrack.tsx b/packages/core/src/form/SliderTrack.tsx
index 94d2c863ee..609c506cf5 100644
--- a/packages/core/src/form/SliderTrack.tsx
+++ b/packages/core/src/form/SliderTrack.tsx
@@ -24,8 +24,6 @@ export interface SliderTrackProps
 }
 
 /**
- * **Server Component**
- *
  * @internal
  * @since 2.5.0
  * @since 6.0.0 Updated to be internal only.
diff --git a/packages/core/src/form/SliderValueMarks.tsx b/packages/core/src/form/SliderValueMarks.tsx
index 1ea91bd4e9..f4aa4badf6 100644
--- a/packages/core/src/form/SliderValueMarks.tsx
+++ b/packages/core/src/form/SliderValueMarks.tsx
@@ -135,8 +135,6 @@ export interface SliderValueMarksProps
 }
 
 /**
- * **Server Component**
- *
  * @internal
  * @since 6.0.0
  */
diff --git a/packages/core/src/form/Switch.tsx b/packages/core/src/form/Switch.tsx
index aec9d66f24..6a0989a710 100644
--- a/packages/core/src/form/Switch.tsx
+++ b/packages/core/src/form/Switch.tsx
@@ -38,8 +38,6 @@ export interface SwitchProps
 }
 
 /**
- * **Server Component**
- *
  * @example Simple Example
  * ```tsx
  * import { Form, Switch } from "@react-md/core";
diff --git a/packages/core/src/form/SwitchTrack.tsx b/packages/core/src/form/SwitchTrack.tsx
index da8424fc78..0ae162bf82 100644
--- a/packages/core/src/form/SwitchTrack.tsx
+++ b/packages/core/src/form/SwitchTrack.tsx
@@ -20,7 +20,8 @@ export interface SwitchTrackProps extends HTMLAttributes<HTMLDivElement> {
 }
 
 /**
- * **Server Component**
+ * Used to create the switch track styles
+ * @internal
  */
 export const SwitchTrack = forwardRef<HTMLDivElement, SwitchTrackProps>(
   function SwitchTrack(props, ref) {
diff --git a/packages/core/src/form/TextField.tsx b/packages/core/src/form/TextField.tsx
index 3854728ebc..2b5f88a865 100644
--- a/packages/core/src/form/TextField.tsx
+++ b/packages/core/src/form/TextField.tsx
@@ -91,8 +91,6 @@ export interface TextFieldProps
 }
 
 /**
- * **Server Component**
- *
  * The structure for this component is:
  * @example Component Structure
  * ```tsx
diff --git a/packages/core/src/form/TextFieldAddon.tsx b/packages/core/src/form/TextFieldAddon.tsx
index db5054215d..ab1dcb2571 100644
--- a/packages/core/src/form/TextFieldAddon.tsx
+++ b/packages/core/src/form/TextFieldAddon.tsx
@@ -60,9 +60,7 @@ export interface TextFieldAddonProps extends ConfigurableTextFieldAddonProps {
 }
 
 /**
- * **Server Component**
- *
- * This component is used to add an an icon before or after the text field with
+ * This component is used to add an icon before or after the text field with
  * correct styling.
  */
 export const TextFieldAddon = forwardRef<HTMLSpanElement, TextFieldAddonProps>(
diff --git a/packages/core/src/icon/FontIcon.tsx b/packages/core/src/icon/FontIcon.tsx
index b01647c70f..1620a20e47 100644
--- a/packages/core/src/icon/FontIcon.tsx
+++ b/packages/core/src/icon/FontIcon.tsx
@@ -26,8 +26,6 @@ export interface FontIconProps
 }
 
 /**
- * **Server Component**
- *
  * The `FontIcon` component is used for rendering a font-icon library's icon.
  * The default is to use the `material-icons` library, but others can be used as
  * well.
diff --git a/packages/core/src/icon/IconRotator.tsx b/packages/core/src/icon/IconRotator.tsx
index 0faa8db4e8..17efd4e6aa 100644
--- a/packages/core/src/icon/IconRotator.tsx
+++ b/packages/core/src/icon/IconRotator.tsx
@@ -42,8 +42,6 @@ export interface IconRotatorProps extends IconRotatorBaseProps {
 }
 
 /**
- * **Server Component**
- *
  * The `IconRotator` is a simple component that is used to rotate an icon from a
  * one degrees to another.
  */
diff --git a/packages/core/src/icon/MaterialIcon.tsx b/packages/core/src/icon/MaterialIcon.tsx
index 5c98f7b03f..cce02026d0 100644
--- a/packages/core/src/icon/MaterialIcon.tsx
+++ b/packages/core/src/icon/MaterialIcon.tsx
@@ -21,8 +21,6 @@ export interface MaterialIconProps
 }
 
 /**
- * **Server Component**
- *
  * The `MaterialIcon` component is used for rendering a material icon using the
  * Google Fonts stylesheet (handled separately). This is mostly a convenience
  * wrapper around the `FontIcon` that will catch typos for the supported icon
diff --git a/packages/core/src/icon/MaterialSymbol.tsx b/packages/core/src/icon/MaterialSymbol.tsx
index 3d1d0be6a4..0dbdffa7c5 100644
--- a/packages/core/src/icon/MaterialSymbol.tsx
+++ b/packages/core/src/icon/MaterialSymbol.tsx
@@ -33,7 +33,6 @@ export interface MaterialSymbolProps
 }
 
 /**
- * **Server Component**
  * This is a convenience component that provides autocomplete for all the
  * available material symbols via the `name` prop.
  *
diff --git a/packages/core/src/icon/SVGIcon.tsx b/packages/core/src/icon/SVGIcon.tsx
index b45ee18a42..e09de9d2fb 100644
--- a/packages/core/src/icon/SVGIcon.tsx
+++ b/packages/core/src/icon/SVGIcon.tsx
@@ -73,8 +73,6 @@ export interface SVGIconProps
 }
 
 /**
- * **Server Component**
- *
  * The `SVGIcon` component is used to render inline SVG icons or SVG icons in a
  * sprite map as an icon.
  */
diff --git a/packages/core/src/icon/TextIconSpacing.tsx b/packages/core/src/icon/TextIconSpacing.tsx
index e0a6e1d9d6..cc58c50e03 100644
--- a/packages/core/src/icon/TextIconSpacing.tsx
+++ b/packages/core/src/icon/TextIconSpacing.tsx
@@ -104,8 +104,6 @@ export interface TextIconSpacingProps {
 }
 
 /**
- * **Server Component**
- *
  * Note: This component **must** be rendered within a flex container unless the
  * {@link TextIconSpacingProps.forceIconWrap} is set to `true`.
  *
diff --git a/packages/core/src/interaction/RippleContainer.tsx b/packages/core/src/interaction/RippleContainer.tsx
index 9048b3f8e9..6a85874d79 100644
--- a/packages/core/src/interaction/RippleContainer.tsx
+++ b/packages/core/src/interaction/RippleContainer.tsx
@@ -16,8 +16,6 @@ export interface RippleContainerProps extends ProvidedRippleContainerProps {
 }
 
 /**
- * **Server Component**
- *
  * This component should generally only be used internally within `react-md`
  * unless you are implementing a custom component interaction with
  * `useElementInteraction`.
diff --git a/packages/core/src/link/Link.tsx b/packages/core/src/link/Link.tsx
index 91ed45117e..b49389fafd 100644
--- a/packages/core/src/link/Link.tsx
+++ b/packages/core/src/link/Link.tsx
@@ -48,8 +48,6 @@ export interface LinkProps
 }
 
 /**
- * **Server Component**
- *
  * @example Simple Example
  * ```tsx
  * import { Link, Typography } from "@react-md/core";
diff --git a/packages/core/src/list/List.tsx b/packages/core/src/list/List.tsx
index f9cc106645..e3ebe19355 100644
--- a/packages/core/src/list/List.tsx
+++ b/packages/core/src/list/List.tsx
@@ -1,35 +1,5 @@
-import { cnb } from "cnbuilder";
 import { forwardRef, type HTMLAttributes } from "react";
-import { bem } from "../utils/bem.js";
-
-declare module "react" {
-  interface CSSProperties {
-    "--rmd-list-padding-h"?: string | number;
-    "--rmd-list-padding-v"?: string | number;
-  }
-}
-
-const styles = bem("rmd-list");
-
-/** @since 6.0.0 */
-export interface ListClassNameOptions {
-  className?: string;
-
-  /** @defaultValue `false` */
-  dense?: boolean;
-
-  /** @defaultValue `false` */
-  horizontal?: boolean;
-}
-
-/**
- * @since 6.0.0
- */
-export function list(options: ListClassNameOptions = {}): string {
-  const { dense = false, horizontal = false, className } = options;
-
-  return cnb(styles({ dense, horizontal }), className);
-}
+import { list } from "./listStyles.js";
 
 export type ListElement = HTMLUListElement | HTMLOListElement;
 
@@ -64,8 +34,6 @@ export interface ListProps extends HTMLAttributes<ListElement> {
 }
 
 /**
- * **Server Component**
- *
  * The `List` component is used to render a collection of clickable actions
  * vertically or horizontally and does not include the default `ol`/`ul` styles.
  *
diff --git a/packages/core/src/list/ListItem.tsx b/packages/core/src/list/ListItem.tsx
index 4b5e812908..04517498f6 100644
--- a/packages/core/src/list/ListItem.tsx
+++ b/packages/core/src/list/ListItem.tsx
@@ -7,23 +7,6 @@ import { ListItemChildren } from "./ListItemChildren.js";
 import { listItem } from "./listItemStyles.js";
 import { type ListItemChildrenProps, type ListItemHeight } from "./types.js";
 
-declare module "react" {
-  interface CSSProperties {
-    "--rmd-list-item-keyline"?: string | number;
-    "--rmd-list-item-padding-h"?: string | number;
-    "--rmd-list-item-padding-v"?: string | number;
-    "--rmd-list-item-height"?: string | number;
-    "--rmd-list-item-medium-height"?: string | number;
-    "--rmd-list-item-large-height"?: string | number;
-    "--rmd-list-item-extra-large-height"?: string | number;
-    "--rmd-list-item-multiline-clamp"?: string | number;
-    "--rmd-list-item-multiline-height"?: string | number;
-    "--rmd-list-item-media-size"?: string | number;
-    "--rmd-list-item-media-spacing"?: string | number;
-    "--rmd-list-item-text-multiline-height"?: string | number;
-  }
-}
-
 /**
  * @since 6.0.0 Renamed `threeLines` to `multiline` since it can
  * support more than three lines of text.
diff --git a/packages/core/src/list/ListItemAddon.tsx b/packages/core/src/list/ListItemAddon.tsx
index 854deaa674..59f65698ec 100644
--- a/packages/core/src/list/ListItemAddon.tsx
+++ b/packages/core/src/list/ListItemAddon.tsx
@@ -23,8 +23,6 @@ export interface ListItemAddonProps
 }
 
 /**
- * **Server Component**
- *
  * The `ListItemAddon` is used to create an addon to the left or right of the
  * text/children of a `ListItem`.
  *
diff --git a/packages/core/src/list/ListItemChildren.tsx b/packages/core/src/list/ListItemChildren.tsx
index b2d84260bc..8d1feb9844 100644
--- a/packages/core/src/list/ListItemChildren.tsx
+++ b/packages/core/src/list/ListItemChildren.tsx
@@ -4,8 +4,6 @@ import { ListItemText } from "./ListItemText.js";
 import { type ListItemChildrenProps } from "./types.js";
 
 /**
- * **Server Component**
- *
  * The `ListItemChildren` component is used to create a styled list item that
  * can have optional addons to the left or right of the children in the form of
  * icons, avatars, or media. The `children` can be replaced by the `primaryText`
diff --git a/packages/core/src/list/ListItemText.tsx b/packages/core/src/list/ListItemText.tsx
index d03543efc8..84c6017d26 100644
--- a/packages/core/src/list/ListItemText.tsx
+++ b/packages/core/src/list/ListItemText.tsx
@@ -18,8 +18,6 @@ export interface ListItemTextProps extends HTMLAttributes<HTMLSpanElement> {
 }
 
 /**
- * **Server Component**
- *
  * This is mostly an internal component that can conditionally render secondary
  * text within list items.
  *
diff --git a/packages/core/src/list/ListSubheader.tsx b/packages/core/src/list/ListSubheader.tsx
index 55eefcd353..20958825ab 100644
--- a/packages/core/src/list/ListSubheader.tsx
+++ b/packages/core/src/list/ListSubheader.tsx
@@ -45,8 +45,6 @@ export interface ListSubheaderProps
 }
 
 /**
- * **Server Component**
- *
  * The `ListSubheader` is a wrapper for the `<li>` element to apply subheader
  * typography styles and {@link ListItemText} layout.
  */
diff --git a/packages/core/src/list/getListItemHeight.ts b/packages/core/src/list/getListItemHeight.ts
index 0a47a90ec9..46d64e7305 100644
--- a/packages/core/src/list/getListItemHeight.ts
+++ b/packages/core/src/list/getListItemHeight.ts
@@ -20,8 +20,8 @@ export interface ListItemHeightOptions
 }
 
 /**
- * Gets the expected height for the `ListItem` or `SimpleListItem` based on the
- * addons and `secondaryText` props.
+ * Gets the expected height for the `ListItem` based on the addons and
+ * `secondaryText` props.
  *
  * @see {@link ListItemHeight}
  * @internal
diff --git a/packages/core/src/list/listItemStyles.ts b/packages/core/src/list/listItemStyles.ts
index 83683157ca..b0d2bffe36 100644
--- a/packages/core/src/list/listItemStyles.ts
+++ b/packages/core/src/list/listItemStyles.ts
@@ -1,12 +1,29 @@
 import { cnb } from "cnbuilder";
 import { cssUtils } from "../cssUtils.js";
 import { bem } from "../utils/bem.js";
-import type {
-  ListItemAddonPosition,
-  ListItemAddonType,
-  ListItemHeight,
+import {
+  type ListItemAddonPosition,
+  type ListItemAddonType,
+  type ListItemHeight,
 } from "./types.js";
 
+declare module "react" {
+  interface CSSProperties {
+    "--rmd-list-item-keyline"?: string | number;
+    "--rmd-list-item-padding-h"?: string | number;
+    "--rmd-list-item-padding-v"?: string | number;
+    "--rmd-list-item-height"?: string | number;
+    "--rmd-list-item-medium-height"?: string | number;
+    "--rmd-list-item-large-height"?: string | number;
+    "--rmd-list-item-extra-large-height"?: string | number;
+    "--rmd-list-item-multiline-clamp"?: string | number;
+    "--rmd-list-item-multiline-height"?: string | number;
+    "--rmd-list-item-media-size"?: string | number;
+    "--rmd-list-item-media-spacing"?: string | number;
+    "--rmd-list-item-text-multiline-height"?: string | number;
+  }
+}
+
 const styles = bem("rmd-list-item");
 
 /** @since 6.0.0 */
diff --git a/packages/core/src/list/listStyles.ts b/packages/core/src/list/listStyles.ts
new file mode 100644
index 0000000000..2f468f4d0b
--- /dev/null
+++ b/packages/core/src/list/listStyles.ts
@@ -0,0 +1,31 @@
+import { cnb } from "cnbuilder";
+import { bem } from "../utils/bem.js";
+
+declare module "react" {
+  interface CSSProperties {
+    "--rmd-list-padding-h"?: string | number;
+    "--rmd-list-padding-v"?: string | number;
+  }
+}
+
+const styles = bem("rmd-list");
+
+/** @since 6.0.0 */
+export interface ListClassNameOptions {
+  className?: string;
+
+  /** @defaultValue `false` */
+  dense?: boolean;
+
+  /** @defaultValue `false` */
+  horizontal?: boolean;
+}
+
+/**
+ * @since 6.0.0
+ */
+export function list(options: ListClassNameOptions = {}): string {
+  const { dense = false, horizontal = false, className } = options;
+
+  return cnb(styles({ dense, horizontal }), className);
+}
diff --git a/packages/core/src/list/types.ts b/packages/core/src/list/types.ts
index 013f7404eb..0079b4721e 100644
--- a/packages/core/src/list/types.ts
+++ b/packages/core/src/list/types.ts
@@ -147,9 +147,9 @@ export interface ListItemChildrenAddonProps {
  */
 export interface ListItemChildrenTextProps {
   /**
-   * The main content to display. When the `textChildren` prop is enabled and
-   * there is child content, it will be treated as primary text and update the
-   * styles automatically.
+   * The main content to display that defaults to being wrapped in the
+   * `ListItemText` component. Enable the {@link disableTextChildren} prop to
+   * render without the additional `ListItemText` wrapper.
    */
   children?: ReactNode;
 
@@ -222,6 +222,12 @@ export interface ListItemChildrenTextProps {
   multiline?: boolean;
 }
 
+/**
+ * @since 6.0.0 Extends the `ListItemChildrenTextProps` and
+ * `ListItemChildrenAddonProps` interfaces.
+ * @since 6.0.0 Added `textProps` and `secondaryTextClassName`
+ * @since 6.0.0 Renamed `textChildren` to `disableTextChildren`
+ */
 export interface ListItemChildrenProps
   extends ListItemChildrenTextProps,
     ListItemChildrenAddonProps {}
diff --git a/packages/core/src/navigation/NavGroup.tsx b/packages/core/src/navigation/NavGroup.tsx
index f0beace886..3356e53e84 100644
--- a/packages/core/src/navigation/NavGroup.tsx
+++ b/packages/core/src/navigation/NavGroup.tsx
@@ -11,8 +11,6 @@ export interface NavGroupProps extends ListProps {
 }
 
 /**
- * **Server Component**
- *
  * A simple wrapper around the {@link Link} component that ads the
  * `--rmd-tree-depth: depth` custom property to allow for incremented padding.
  *
diff --git a/packages/core/src/navigation/NavItem.tsx b/packages/core/src/navigation/NavItem.tsx
index f4039977b7..95bbcc385e 100644
--- a/packages/core/src/navigation/NavItem.tsx
+++ b/packages/core/src/navigation/NavItem.tsx
@@ -9,8 +9,6 @@ export interface NavItemProps extends LiHTMLAttributes<HTMLLIElement> {
 }
 
 /**
- * **Server Component**
- *
  * This component is just used to add padding based on the depth of the nav item
  * and should not be used on its own. See the `CollapsibleNavGroup` and
  * `NavItemLink` instead.
diff --git a/packages/core/src/navigation/NavSubheader.tsx b/packages/core/src/navigation/NavSubheader.tsx
index aa1d9461ea..0ccf9d4b89 100644
--- a/packages/core/src/navigation/NavSubheader.tsx
+++ b/packages/core/src/navigation/NavSubheader.tsx
@@ -11,8 +11,6 @@ import { navItem } from "./navItemStyles.js";
 export interface NavSubheaderProps extends ListSubheaderProps {}
 
 /**
- * **Server Component**
- *
  * A simple wrapper around the {@Link ListSubheader} that updates the padding
  * based on the current navigation item depth to match the other items.
  *
diff --git a/packages/core/src/progress/CircularProgress.tsx b/packages/core/src/progress/CircularProgress.tsx
index 8cd3e46408..915e4dab22 100644
--- a/packages/core/src/progress/CircularProgress.tsx
+++ b/packages/core/src/progress/CircularProgress.tsx
@@ -115,8 +115,6 @@ export interface CircularProgressProps
 const styles = bem("rmd-circular-progress");
 
 /**
- * **Server Component**
- *
  * @example Indeterminate Example
  * ```tsx
  * import { CircularProgress } from "@react-md/core":
diff --git a/packages/core/src/progress/LinearProgress.tsx b/packages/core/src/progress/LinearProgress.tsx
index ac3b84cff0..e5cf84a0db 100644
--- a/packages/core/src/progress/LinearProgress.tsx
+++ b/packages/core/src/progress/LinearProgress.tsx
@@ -63,8 +63,6 @@ export interface LinearProgressProps
 const styles = bem("rmd-linear-progress");
 
 /**
- * **Server Component**
- *
  * @example Indeterminate Example
  * ```tsx
  * import { LinearProgress } from "@react-md/core";
diff --git a/packages/core/src/responsive-item/ResponsiveItemContainer.tsx b/packages/core/src/responsive-item/ResponsiveItemContainer.tsx
index 6ab9e173b6..629a855991 100644
--- a/packages/core/src/responsive-item/ResponsiveItemContainer.tsx
+++ b/packages/core/src/responsive-item/ResponsiveItemContainer.tsx
@@ -95,8 +95,6 @@ export interface ResponsiveItemContainerProps
     ResponsiveItemContainerClassNameOptions {}
 
 /**
- * **Server Component**
- *
  * @example Image Example
  * ```tsx
  * import { ResponsiveItemContainer } from "@react-md/core";
diff --git a/packages/core/src/responsive-item/ResponsiveItemOverlay.tsx b/packages/core/src/responsive-item/ResponsiveItemOverlay.tsx
index 91a312f693..670d15264c 100644
--- a/packages/core/src/responsive-item/ResponsiveItemOverlay.tsx
+++ b/packages/core/src/responsive-item/ResponsiveItemOverlay.tsx
@@ -55,8 +55,6 @@ export interface ResponsiveItemOverlayProps
     ResponsiveItemOverlayClassNameOptions {}
 
 /**
- * **Server Component**
- *
  * @example Simple Example
  * ```tsx
  * import { ResponsiveItemContainer, ResponsiveItemOverlay } from "@react-md/core";
diff --git a/packages/core/src/segmented-button/SegmentedButtonContainer.tsx b/packages/core/src/segmented-button/SegmentedButtonContainer.tsx
index 68c0e6fbe8..1a10a05389 100644
--- a/packages/core/src/segmented-button/SegmentedButtonContainer.tsx
+++ b/packages/core/src/segmented-button/SegmentedButtonContainer.tsx
@@ -14,8 +14,6 @@ export interface SegmentedButtonContainerProps
 }
 
 /**
- * **Server Component**
- *
  * Simple wrapper `div` to apply the segmented button container styles. You can
  * just use the {@link segmentedButtonContainerStyles} util function instead.
  *
diff --git a/packages/core/src/suspense/CircularProgressSuspense.tsx b/packages/core/src/suspense/CircularProgressSuspense.tsx
index 82fe1ff9a4..dfd9e2dbf9 100644
--- a/packages/core/src/suspense/CircularProgressSuspense.tsx
+++ b/packages/core/src/suspense/CircularProgressSuspense.tsx
@@ -16,8 +16,6 @@ export interface CircularProgressSuspenseProps extends CircularProgressProps {
 }
 
 /**
- * **Server Component**
- *
  * This is just a convenience component to set the `fallback` to the
  * {@link CircularProgress} component.
  *
diff --git a/packages/core/src/suspense/NullSuspense.tsx b/packages/core/src/suspense/NullSuspense.tsx
index 324842e6dc..adf6aefa05 100644
--- a/packages/core/src/suspense/NullSuspense.tsx
+++ b/packages/core/src/suspense/NullSuspense.tsx
@@ -8,8 +8,6 @@ export interface NullSuspenseProps {
 }
 
 /**
- * **Server Component**
- *
  * This is just a convenience component to set the `fallback` to `null`.
  *
  * @example Simple Example
diff --git a/packages/core/src/table/TableCellContent.tsx b/packages/core/src/table/TableCellContent.tsx
index 62646665e5..7ba766e7e7 100644
--- a/packages/core/src/table/TableCellContent.tsx
+++ b/packages/core/src/table/TableCellContent.tsx
@@ -54,9 +54,6 @@ export interface TableCellContentProps
 const styles = bem("rmd-table-cell");
 
 /**
- * **Server Component**
- * This might actually be a client component.
- *
  * This is mostly an internal component since it is automatically used within
  * the `TableCell` component but this will conditionally wrap the `children`
  * within an `UnstyledButton` to make a clickable cell. This is really to help
diff --git a/packages/core/src/transition/SlideContainer.tsx b/packages/core/src/transition/SlideContainer.tsx
index 7b0541c0f0..b2843e14f1 100644
--- a/packages/core/src/transition/SlideContainer.tsx
+++ b/packages/core/src/transition/SlideContainer.tsx
@@ -73,8 +73,8 @@ export interface SlideContainerProps
     SlideContainerClassNameOptions {}
 
 /**
- * **Server Component**
- * This is a server component, but generally relies on state so probably a client component.
+ * The `SlideContainer` is used to enable a slide transition when child `Slide`
+ * components change.
  *
  * @example Simple Example
  * ```tsx
diff --git a/packages/core/src/typography/SrOnly.tsx b/packages/core/src/typography/SrOnly.tsx
index 6cf63e15a1..632f042f95 100644
--- a/packages/core/src/typography/SrOnly.tsx
+++ b/packages/core/src/typography/SrOnly.tsx
@@ -27,7 +27,8 @@ export interface SrOnlyProps extends HTMLAttributes<TypographyHTMLElement> {
 }
 
 /**
- * **Server Component**
+ * The `SrOnly` component is used to render content that is only visible to
+ * screen readers.
  *
  * @example Simple Example
  * ```tsx
diff --git a/packages/core/src/typography/TextContainer.tsx b/packages/core/src/typography/TextContainer.tsx
index e979d33b6d..dd170611a8 100644
--- a/packages/core/src/typography/TextContainer.tsx
+++ b/packages/core/src/typography/TextContainer.tsx
@@ -15,8 +15,6 @@ export interface TextContainerProps
     TextContainerClassNameOptions {}
 
 /**
- * **Server Component**
- *
  * This component should be used to render text based content with an
  * appropriate max line length to optimize legibility.
  *
diff --git a/packages/core/src/typography/Typography.tsx b/packages/core/src/typography/Typography.tsx
index e5fa53b5de..294b242e2f 100644
--- a/packages/core/src/typography/Typography.tsx
+++ b/packages/core/src/typography/Typography.tsx
@@ -97,8 +97,6 @@ export interface TypographyProps
 }
 
 /**
- * **Server Component**
- *
  * Render text with one of the material design typography styles applied and
  * optional styles like font-weight, font-style, text color, etc.
  *
diff --git a/packages/core/src/window-splitter/WindowSplitter.tsx b/packages/core/src/window-splitter/WindowSplitter.tsx
index 7a31e46ae2..0a46d2807c 100644
--- a/packages/core/src/window-splitter/WindowSplitter.tsx
+++ b/packages/core/src/window-splitter/WindowSplitter.tsx
@@ -82,8 +82,8 @@ export interface BaseWindowSplitterProps
 export type WindowSplitterProps = LabelRequiredForA11y<BaseWindowSplitterProps>;
 
 /**
- * **Server Component**
- * Most likely a client component since it relies on `useWindowSplitter`
+ * The `WindowSplitter` should be used with the `useWindowSplitter` hook to
+ * resize parts of a layout.
  *
  * @see {@link useWindowSplitter} for an example usage
  * @since 6.0.0