@mui/material 7.0.0-beta.0 → 7.0.0-beta.2

package/modern/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,91 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { OverridableStringUnion } from '@mui/types';
+import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
+import { Theme } from "../index.js";
+import { ButtonGroupClasses } from "./buttonGroupClasses.js";
+export interface ButtonGroupPropsColorOverrides {}
+export interface ButtonGroupPropsVariantOverrides {}
+export interface ButtonGroupPropsSizeOverrides {}
+export interface ButtonGroupOwnProps {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<ButtonGroupClasses>;
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * @default 'primary'
+   */
+  color?: OverridableStringUnion<'inherit' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', ButtonGroupPropsColorOverrides>;
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * If `true`, no elevation is used.
+   * @default false
+   */
+  disableElevation?: boolean;
+  /**
+   * If `true`, the button keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple?: boolean;
+  /**
+   * If `true`, the button ripple effect is disabled.
+   * @default false
+   */
+  disableRipple?: boolean;
+  /**
+   * If `true`, the buttons will take up the full width of its container.
+   * @default false
+   */
+  fullWidth?: boolean;
+  /**
+   * The component orientation (layout flow direction).
+   * @default 'horizontal'
+   */
+  orientation?: 'vertical' | 'horizontal';
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense button styling.
+   * @default 'medium'
+   */
+  size?: OverridableStringUnion<'small' | 'medium' | 'large', ButtonGroupPropsSizeOverrides>;
+  /**
+   * The variant to use.
+   * @default 'outlined'
+   */
+  variant?: OverridableStringUnion<'text' | 'outlined' | 'contained', ButtonGroupPropsVariantOverrides>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+export interface ButtonGroupTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
+  props: AdditionalProps & ButtonGroupOwnProps;
+  defaultComponent: RootComponent;
+}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Button Group](https://next.mui.com/material-ui/react-button-group/)
+ *
+ * API:
+ *
+ * - [ButtonGroup API](https://next.mui.com/material-ui/api/button-group/)
+ */
+declare const ButtonGroup: OverridableComponent<ButtonGroupTypeMap>;
+export type ButtonGroupProps<RootComponent extends React.ElementType = ButtonGroupTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ButtonGroupTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
+export default ButtonGroup;

package/modern/ButtonGroup/ButtonGroupButtonContext.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+/**
+ * @ignore - internal component.
+ */
+declare const ButtonGroupButtonContext: React.Context<string | undefined>;
+export default ButtonGroupButtonContext;

package/modern/ButtonGroup/ButtonGroupContext.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import type { ButtonGroupProps } from "./ButtonGroup.js";
+interface ButtonGroupContextType {
+  className?: string;
+  color?: ButtonGroupProps['color'];
+  disabled?: boolean;
+  disableElevation?: boolean;
+  disableFocusRipple?: boolean;
+  disableRipple?: boolean;
+  fullWidth?: boolean;
+  size?: ButtonGroupProps['size'];
+  variant?: ButtonGroupProps['variant'];
+}
+/**
+ * @ignore - internal component.
+ */
+declare const ButtonGroupContext: React.Context<ButtonGroupContextType>;
+export default ButtonGroupContext;

package/modern/ButtonGroup/buttonGroupClasses.d.ts

@@ -0,0 +1,104 @@
+export interface ButtonGroupClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the root element if `variant="contained"`. */
+  contained: string;
+  /** Styles applied to the root element if `variant="outlined"`. */
+  outlined: string;
+  /** Styles applied to the root element if `variant="text"`. */
+  text: string;
+  /** Styles applied to the root element if `disableElevation={true}`. */
+  disableElevation: string;
+  /** State class applied to the child elements if `disabled={true}`. */
+  disabled: string;
+  /** Styles applied to the first button in the button group. */
+  firstButton: string;
+  /** Styles applied to the root element if `fullWidth={true}`. */
+  fullWidth: string;
+  /** Styles applied to the root element if `orientation="horizontal"`. */
+  horizontal: string;
+  /** Styles applied to the root element if `orientation="vertical"`. */
+  vertical: string;
+  /** Styles applied to the children. */
+  grouped: string;
+  /** Styles applied to the root element if `color="primary"` */
+  colorPrimary: string;
+  /** Styles applied to the root element if `color="secondary"` */
+  colorSecondary: string;
+  /** Styles applied to the children if `orientation="horizontal"`.
+   * @deprecated Combine the [.MuiButtonGroup-horizontal](/material-ui/api/button-group/#button-group-classes-horizontal) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  groupedHorizontal: string;
+  /** Styles applied to the children if `orientation="vertical"`.
+   * @deprecated Combine the [.MuiButtonGroup-vertical](/material-ui/api/button-group/#button-group-classes-vertical) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  groupedVertical: string;
+  /** Styles applied to the children if `variant="text"`.
+   * @deprecated Combine the [.MuiButtonGroup-text](/material-ui/api/button-group/#button-group-classes-text) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  groupedText: string;
+  /** Styles applied to the children if `variant="text"` and `orientation="horizontal"`.
+   * @deprecated Combine the [.MuiButtonGroup-text](/material-ui/api/button-group/#button-group-classes-text) , [.MuiButtonGroup-horizontal](/material-ui/api/button-group/#button-group-classes-horizontal) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  groupedTextHorizontal: string;
+  /** Styles applied to the children if `variant="text"` and `orientation="vertical"`.
+   * @deprecated Combine the [.MuiButtonGroup-text](/material-ui/api/button-group/#button-group-classes-text) , [.MuiButtonGroup-vertical](/material-ui/api/button-group/#button-group-classes-vertical) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  groupedTextVertical: string;
+  /** Styles applied to the children if `variant="text"` and `color="primary"`.
+   * @deprecated Combine the [.MuiButtonGroup-text](/material-ui/api/button-group/#button-group-classes-text) , [.MuiButtonGroup-colorPrimary](/material-ui/api/button-group/#button-group-classes-colorPrimary) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  groupedTextPrimary: string;
+  /** Styles applied to the children if `variant="text"` and `color="secondary"`.
+   * @deprecated Combine the [.MuiButtonGroup-text](/material-ui/api/button-group/#button-group-classes-text) , [.MuiButtonGroup-colorSecondary](/material-ui/api/button-group/#button-group-classes-colorSecondary) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  groupedTextSecondary: string;
+  /** Styles applied to the children if `variant="outlined"`.
+   * @deprecated Combine the [.MuiButtonGroup-outlined](/material-ui/api/button-group/#button-group-classes-outlined) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  groupedOutlined: string;
+  /** Styles applied to the children if `variant="outlined"` and `orientation="horizontal"`.
+   * @deprecated Combine the [.MuiButtonGroup-outlined](/material-ui/api/button-group/#button-group-classes-outlined) , [.MuiButtonGroup-horizontal](/material-ui/api/button-group/#button-group-classes-horizontal) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  groupedOutlinedHorizontal: string;
+  /** Styles applied to the children if `variant="outlined"` and `orientation="vertical"`.
+   * @deprecated Combine the [.MuiButtonGroup-outlined](/material-ui/api/button-group/#button-group-classes-outlined) , [.MuiButtonGroup-vertical](/material-ui/api/button-group/#button-group-classes-vertical) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  groupedOutlinedVertical: string;
+  /** Styles applied to the children if `variant="outlined"` and `color="primary"`.
+   * @deprecated Combine the [.MuiButtonGroup-outlined](/material-ui/api/button-group/#button-group-classes-outlined) , [.MuiButtonGroup-colorPrimary](/material-ui/api/button-group/#button-group-classes-colorPrimary) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  groupedOutlinedPrimary: string;
+  /** Styles applied to the children if `variant="outlined"` and `color="secondary"`.
+   * @deprecated Combine the [.MuiButtonGroup-outlined](/material-ui/api/button-group/#button-group-classes-outlined) , [.MuiButtonGroup-colorSecondary](/material-ui/api/button-group/#button-group-classes-colorSecondary) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  groupedOutlinedSecondary: string;
+  /** Styles applied to the children if `variant="contained"`.
+   * @deprecated Combine the [.MuiButtonGroup-contained](/material-ui/api/button-group/#button-group-classes-contained) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  groupedContained: string;
+  /** Styles applied to the children if `variant="contained"` and `orientation="horizontal"`.
+   * @deprecated Combine the [.MuiButtonGroup-contained](/material-ui/api/button-group/#button-group-classes-contained) , [.MuiButtonGroup-horizontal](/material-ui/api/button-group/#button-group-classes-horizontal) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  groupedContainedHorizontal: string;
+  /** Styles applied to the children if `variant="contained"` and `orientation="vertical"`.
+   * @deprecated Combine the [.MuiButtonGroup-contained](/material-ui/api/button-group/#button-group-classes-contained) , [.MuiButtonGroup-vertical](/material-ui/api/button-group/#button-group-classes-vertical) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  groupedContainedVertical: string;
+  /** Styles applied to the children if `variant="contained"` and `color="primary"`.
+   * @deprecated Combine the [.MuiButtonGroup-contained](/material-ui/api/button-group/#button-group-classes-contained) , [.MuiButtonGroup-colorPrimary](/material-ui/api/button-group/#button-group-classes-colorPrimary) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  groupedContainedPrimary: string;
+  /** Styles applied to the children if `variant="contained"` and `color="secondary"`.
+   * @deprecated Combine the [.MuiButtonGroup-contained](/material-ui/api/button-group/#button-group-classes-contained) , [.MuiButtonGroup-colorSecondary](/material-ui/api/button-group/#button-group-classes-colorSecondary) and [.MuiButtonGroup-grouped](/material-ui/api/button-group/#button-group-classes-grouped) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  groupedContainedSecondary: string;
+  /** Styles applied to the last button in the button group. */
+  lastButton: string;
+  /** Styles applied to buttons in the middle of the button group. */
+  middleButton: string;
+}
+export type ButtonGroupClassKey = keyof ButtonGroupClasses;
+export declare function getButtonGroupUtilityClass(slot: string): string;
+declare const buttonGroupClasses: ButtonGroupClasses;
+export default buttonGroupClasses;

package/modern/ButtonGroup/index.d.ts

@@ -0,0 +1,6 @@
+export { default } from "./ButtonGroup.js";
+export * from "./ButtonGroup.js";
+export { default as buttonGroupClasses } from "./buttonGroupClasses.js";
+export * from "./buttonGroupClasses.js";
+export { default as ButtonGroupContext } from "./ButtonGroupContext.js";
+export { default as ButtonGroupButtonContext } from "./ButtonGroupButtonContext.js";

package/modern/Card/Card.d.ts

@@ -0,0 +1,47 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { DistributiveOmit } from '@mui/types';
+import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
+import { Theme } from "../index.js";
+import { PaperOwnProps } from "../Paper/index.js";
+import { CardClasses } from "./cardClasses.js";
+
+// TODO: v6 remove this interface, it is not used
+export interface CardPropsColorOverrides {}
+export interface CardOwnProps extends DistributiveOmit<PaperOwnProps, 'classes'> {
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<CardClasses>;
+  /**
+   * If `true`, the card will use raised styling.
+   * @default false
+   */
+  raised?: boolean;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+export interface CardTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
+  props: AdditionalProps & CardOwnProps;
+  defaultComponent: RootComponent;
+}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Card](https://next.mui.com/material-ui/react-card/)
+ *
+ * API:
+ *
+ * - [Card API](https://next.mui.com/material-ui/api/card/)
+ * - inherits [Paper API](https://next.mui.com/material-ui/api/paper/)
+ */
+
+declare const Card: OverridableComponent<CardTypeMap>;
+export type CardProps<RootComponent extends React.ElementType = CardTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<CardTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
+export default Card;

package/modern/Card/cardClasses.d.ts

@@ -0,0 +1,8 @@
+export interface CardClasses {
+  /** Styles applied to the root element. */
+  root: string;
+}
+export type CardClassKey = keyof CardClasses;
+export declare function getCardUtilityClass(slot: string): string;
+declare const cardClasses: CardClasses;
+export default cardClasses;

package/modern/Card/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from "./Card.js";
+export * from "./Card.js";
+export { default as cardClasses } from "./cardClasses.js";
+export * from "./cardClasses.js";

package/modern/CardActionArea/CardActionArea.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { Theme } from "../index.js";
+import { ButtonBaseTypeMap, ExtendButtonBase, ExtendButtonBaseTypeMap } from "../ButtonBase/index.js";
+import { OverrideProps } from "../OverridableComponent/index.js";
+import { CardActionAreaClasses } from "./cardActionAreaClasses.js";
+export interface CardActionAreaOwnProps {
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<CardActionAreaClasses>;
+  focusVisibleClassName?: string;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+export type CardActionAreaTypeMap<AdditionalProps, RootComponent extends React.ElementType> = ExtendButtonBaseTypeMap<{
+  props: AdditionalProps & CardActionAreaOwnProps;
+  defaultComponent: RootComponent;
+}>;
+
+/**
+ *
+ * Demos:
+ *
+ * - [Card](https://next.mui.com/material-ui/react-card/)
+ *
+ * API:
+ *
+ * - [CardActionArea API](https://next.mui.com/material-ui/api/card-action-area/)
+ * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
+ */
+declare const CardActionArea: ExtendButtonBase<CardActionAreaTypeMap<{}, ButtonBaseTypeMap['defaultComponent']>>;
+export type CardActionAreaProps<RootComponent extends React.ElementType = ButtonBaseTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<CardActionAreaTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
+export default CardActionArea;

package/modern/CardActionArea/cardActionAreaClasses.d.ts

@@ -0,0 +1,12 @@
+export interface CardActionAreaClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** State class applied to the ButtonBase root element if the action area is keyboard focused. */
+  focusVisible: string;
+  /** Styles applied to the overlay that covers the action area when it is keyboard focused. */
+  focusHighlight: string;
+}
+export type CardActionAreaClassKey = keyof CardActionAreaClasses;
+export declare function getCardActionAreaUtilityClass(slot: string): string;
+declare const cardActionAreaClasses: CardActionAreaClasses;
+export default cardActionAreaClasses;

package/modern/CardActionArea/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from "./CardActionArea.js";
+export * from "./CardActionArea.js";
+export { default as cardActionAreaClasses } from "./cardActionAreaClasses.js";
+export * from "./cardActionAreaClasses.js";

package/modern/CardActions/CardActions.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { InternalStandardProps as StandardProps, Theme } from "../index.js";
+import { CardActionsClasses } from "./cardActionsClasses.js";
+export interface CardActionsProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<CardActionsClasses>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * If `true`, the actions do not have additional margin.
+   * @default false
+   */
+  disableSpacing?: boolean;
+}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Card](https://next.mui.com/material-ui/react-card/)
+ *
+ * API:
+ *
+ * - [CardActions API](https://next.mui.com/material-ui/api/card-actions/)
+ */
+export default function CardActions(props: CardActionsProps): React.JSX.Element;

package/modern/CardActions/cardActionsClasses.d.ts

@@ -0,0 +1,10 @@
+export interface CardActionsClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the root element unless `disableSpacing={true}`. */
+  spacing: string;
+}
+export type CardActionsClassKey = keyof CardActionsClasses;
+export declare function getCardActionsUtilityClass(slot: string): string;
+declare const cardActionsClasses: CardActionsClasses;
+export default cardActionsClasses;

package/modern/CardActions/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from "./CardActions.js";
+export * from "./CardActions.js";
+export { default as cardActionsClasses } from "./cardActionsClasses.js";
+export * from "./cardActionsClasses.js";

package/modern/CardContent/CardContent.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
+import { Theme } from "../index.js";
+import { CardContentClasses } from "./cardContentClasses.js";
+export interface CardContentOwnProps {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<CardContentClasses>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+export interface CardContentTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
+  props: AdditionalProps & CardContentOwnProps;
+  defaultComponent: RootComponent;
+}
+/**
+ *
+ * Demos:
+ *
+ * - [Card](https://next.mui.com/material-ui/react-card/)
+ *
+ * API:
+ *
+ * - [CardContent API](https://next.mui.com/material-ui/api/card-content/)
+ */
+declare const CardContent: OverridableComponent<CardContentTypeMap>;
+export type CardContentProps<RootComponent extends React.ElementType = CardContentTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<CardContentTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
+export default CardContent;

package/modern/CardContent/cardContentClasses.d.ts

@@ -0,0 +1,8 @@
+export interface CardContentClasses {
+  /** Styles applied to the root element. */
+  root: string;
+}
+export type CardContentClassKey = keyof CardContentClasses;
+export declare function getCardContentUtilityClass(slot: string): string;
+declare const cardContentClasses: CardContentClasses;
+export default cardContentClasses;

package/modern/CardContent/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from "./CardContent.js";
+export * from "./CardContent.js";
+export { default as cardContentClasses } from "./cardContentClasses.js";
+export * from "./cardContentClasses.js";

package/modern/CardHeader/CardHeader.d.ts

@@ -0,0 +1,157 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { TypographyProps } from "../Typography/index.js";
+import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
+import { Theme } from "../index.js";
+import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
+import { CardHeaderClasses } from "./cardHeaderClasses.js";
+export interface CardHeaderRootSlotPropsOverrides {}
+export interface CardHeaderAvatarSlotPropsOverrides {}
+export interface CardHeaderActionSlotPropsOverrides {}
+export interface CardHeaderContentSlotPropsOverrides {}
+export interface CardHeaderTitleSlotPropsOverrides {}
+export interface CardHeaderSubheaderSlotPropsOverrides {}
+export interface CardHeaderSlots {
+  /**
+   * The component that renders the root slot.
+   * @default 'div'
+   */
+  root: React.ElementType;
+  /**
+   * The component that renders the avatar slot.
+   * @default 'div'
+   */
+  avatar: React.ElementType;
+  /**
+   * The component that renders the action slot.
+   * @default 'div'
+   */
+  action: React.ElementType;
+  /**
+   * The component that renders the content slot.
+   * @default 'div'
+   */
+  content: React.ElementType;
+  /**
+   * The component that renders the title slot (as long as disableTypography is not `true`).
+   * [Follow this guide](https://mui.com/material-ui/api/typography/#props) to learn more about the requirements for this component.
+   * @default Typography
+   */
+  title: React.ElementType;
+  /**
+   * The component that renders the subheader slot (as long as disableTypography is not `true`).
+   * [Follow this guide](https://mui.com/material-ui/api/typography/#props) to learn more about the requirements for this component.
+   * @default Typography
+   */
+  subheader: React.ElementType;
+}
+export type CardHeaderSlotsAndSlotProps = CreateSlotsAndSlotProps<CardHeaderSlots, {
+  /**
+   * Props forwarded to the root slot.
+   * By default, the avaible props are based on the div element.
+   */
+  root: SlotProps<'div', CardHeaderRootSlotPropsOverrides, CardHeaderOwnerState>;
+  /**
+   * Props forwarded to the avatar slot.
+   * By default, the avaible props are based on the div element.
+   */
+  avatar: SlotProps<'div', CardHeaderAvatarSlotPropsOverrides, CardHeaderOwnerState>;
+  /**
+   * Props forwarded to the action slot.
+   * By default, the avaible props are based on the div element.
+   */
+  action: SlotProps<'div', CardHeaderActionSlotPropsOverrides, CardHeaderOwnerState>;
+  /**
+   * Props forwarded to the content slot.
+   * By default, the avaible props are based on the div element.
+   */
+  content: SlotProps<'div', CardHeaderContentSlotPropsOverrides, CardHeaderOwnerState>;
+  /**
+   * Props forwarded to the title slot (as long as disableTypography is not `true`).
+   * By default, the avaible props are based on the [Typography](https://mui.com/material-ui/api/typography/#props) component.
+   */
+  title: SlotProps<React.ElementType<TypographyProps>, CardHeaderTitleSlotPropsOverrides, CardHeaderOwnerState>;
+  /**
+   * Props forwarded to the subheader slot (as long as disableTypography is not `true`).
+   * By default, the avaible props are based on the [Typography](https://mui.com/material-ui/api/typography/#props) component.
+   */
+  subheader: SlotProps<React.ElementType<TypographyProps>, CardHeaderSubheaderSlotPropsOverrides, CardHeaderOwnerState>;
+}>;
+export interface CardHeaderOwnProps<TitleTypographyComponent extends React.ElementType = 'span', SubheaderTypographyComponent extends React.ElementType = 'span'> {
+  /**
+   * The action to display in the card header.
+   */
+  action?: React.ReactNode;
+  /**
+   * The Avatar element to display.
+   */
+  avatar?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<CardHeaderClasses>;
+  /**
+   * If `true`, `subheader` and `title` won't be wrapped by a Typography component.
+   * This can be useful to render an alternative Typography variant by wrapping
+   * the `title` text, and optional `subheader` text
+   * with the Typography component.
+   * @default false
+   */
+  disableTypography?: boolean;
+  /**
+   * The content of the component.
+   */
+  subheader?: React.ReactNode;
+  /**
+   * These props will be forwarded to the subheader
+   * (as long as disableTypography is not `true`).
+   * @deprecated Use `slotProps.subheader` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  subheaderTypographyProps?: TypographyProps<SubheaderTypographyComponent, {
+    component?: SubheaderTypographyComponent;
+  }>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The content of the component.
+   */
+  title?: React.ReactNode;
+  /**
+   * These props will be forwarded to the title
+   * (as long as disableTypography is not `true`).
+   * @deprecated Use `slotProps.title` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  titleTypographyProps?: TypographyProps<TitleTypographyComponent, {
+    component?: TitleTypographyComponent;
+  }>;
+}
+export interface CardHeaderOwnerState extends CardHeaderOwnProps {}
+export interface CardHeaderTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div', TitleTypographyComponent extends React.ElementType = 'span', SubheaderTypographyComponent extends React.ElementType = 'span'> {
+  props: AdditionalProps & CardHeaderOwnProps<TitleTypographyComponent, SubheaderTypographyComponent> & CardHeaderSlotsAndSlotProps;
+  defaultComponent: RootComponent;
+}
+/**
+ *
+ * Demos:
+ *
+ * - [Card](https://next.mui.com/material-ui/react-card/)
+ *
+ * API:
+ *
+ * - [CardHeader API](https://next.mui.com/material-ui/api/card-header/)
+ */
+declare const CardHeader: OverridableCardHeader;
+export interface OverridableCardHeader extends OverridableComponent<CardHeaderTypeMap> {
+  <RootComponent extends React.ElementType = CardHeaderTypeMap['defaultComponent'], AdditionalProps = {}, TitleTypographyComponent extends React.ElementType = 'span', SubheaderTypographyComponent extends React.ElementType = 'span'>(props: CardHeaderPropsWithComponent<RootComponent, AdditionalProps, TitleTypographyComponent, SubheaderTypographyComponent>): React.JSX.Element;
+}
+export type CardHeaderProps<RootComponent extends React.ElementType = CardHeaderTypeMap['defaultComponent'], AdditionalProps = {}, TitleTypographyComponent extends React.ElementType = 'span', SubheaderTypographyComponent extends React.ElementType = 'span'> = OverrideProps<CardHeaderTypeMap<AdditionalProps, RootComponent, TitleTypographyComponent, SubheaderTypographyComponent>, RootComponent>;
+export type CardHeaderPropsWithComponent<RootComponent extends React.ElementType = CardHeaderTypeMap['defaultComponent'], AdditionalProps = {}, TitleTypographyComponent extends React.ElementType = 'span', SubheaderTypographyComponent extends React.ElementType = 'span'> = {
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component?: RootComponent;
+} & CardHeaderProps<RootComponent, AdditionalProps, TitleTypographyComponent, SubheaderTypographyComponent>;
+export default CardHeader;

package/modern/CardHeader/cardHeaderClasses.d.ts

@@ -0,0 +1,18 @@
+export interface CardHeaderClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the avatar element. */
+  avatar: string;
+  /** Styles applied to the action element. */
+  action: string;
+  /** Styles applied to the content wrapper element. */
+  content: string;
+  /** Styles applied to the title Typography element. */
+  title: string;
+  /** Styles applied to the subheader Typography element. */
+  subheader: string;
+}
+export type CardHeaderClassKey = keyof CardHeaderClasses;
+export declare function getCardHeaderUtilityClass(slot: string): string;
+declare const cardHeaderClasses: CardHeaderClasses;
+export default cardHeaderClasses;

package/modern/CardHeader/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from "./CardHeader.js";
+export * from "./CardHeader.js";
+export { default as cardHeaderClasses } from "./cardHeaderClasses.js";
+export * from "./cardHeaderClasses.js";