init project

packages/mui-material/src/CardContent/CardContent.d.ts

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { OverridableComponent, OverrideProps } from '../OverridableComponent';
+import { Theme } from '../styles';
+import { CardContentClasses } from './cardContentClasses';
+
+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://mui.com/material-ui/react-card/)
+ *
+ * API:
+ *
+ * - [CardContent API](https://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;

packages/mui-material/src/CardContent/CardContent.js

@@ -0,0 +1,85 @@
+'use client';
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import composeClasses from '@mui/utils/composeClasses';
+import { styled } from '../zero-styled';
+import { useDefaultProps } from '../DefaultPropsProvider';
+import { getCardContentUtilityClass } from './cardContentClasses';
+
+const useUtilityClasses = (ownerState) => {
+  const { classes } = ownerState;
+
+  const slots = {
+    root: ['root'],
+  };
+
+  return composeClasses(slots, getCardContentUtilityClass, classes);
+};
+
+const CardContentRoot = styled('div', {
+  name: 'MuiCardContent',
+  slot: 'Root',
+})({
+  padding: 16,
+  '&:last-child': {
+    paddingBottom: 24,
+  },
+});
+
+const CardContent = React.forwardRef(function CardContent(inProps, ref) {
+  const props = useDefaultProps({
+    props: inProps,
+    name: 'MuiCardContent',
+  });
+
+  const { className, component = 'div', ...other } = props;
+
+  const ownerState = { ...props, component };
+
+  const classes = useUtilityClasses(ownerState);
+
+  return (
+    <CardContentRoot
+      as={component}
+      className={clsx(classes.root, className)}
+      ownerState={ownerState}
+      ref={ref}
+      {...other}
+    />
+  );
+});
+
+CardContent.propTypes /* remove-proptypes */ = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: PropTypes.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object,
+  /**
+   * @ignore
+   */
+  className: PropTypes.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: PropTypes.elementType,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: PropTypes.oneOfType([
+    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])),
+    PropTypes.func,
+    PropTypes.object,
+  ]),
+};
+
+export default CardContent;

packages/mui-material/src/CardContent/CardContent.test.js

@@ -0,0 +1,17 @@
+import { createRenderer } from '@mui/internal-test-utils';
+import CardContent, { cardContentClasses as classes } from '@mui/material/CardContent';
+import describeConformance from '../../test/describeConformance';
+
+describe('<CardContent />', () => {
+  const { render } = createRenderer();
+
+  describeConformance(<CardContent />, () => ({
+    classes,
+    inheritComponent: 'div',
+    render,
+    muiName: 'MuiCardContent',
+    refInstanceof: window.HTMLDivElement,
+    skip: ['componentsProp', 'themeVariants'],
+    testComponentPropWith: 'span',
+  }));
+});

packages/mui-material/src/CardContent/cardContentClasses.ts

@@ -0,0 +1,17 @@
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+
+export interface CardContentClasses {
+  /** Styles applied to the root element. */
+  root: string;
+}
+
+export type CardContentClassKey = keyof CardContentClasses;
+
+export function getCardContentUtilityClass(slot: string): string {
+  return generateUtilityClass('MuiCardContent', slot);
+}
+
+const cardContentClasses: CardContentClasses = generateUtilityClasses('MuiCardContent', ['root']);
+
+export default cardContentClasses;

packages/mui-material/src/CardContent/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from './CardContent';
+export * from './CardContent';
+
+export { default as cardContentClasses } from './cardContentClasses';
+export * from './cardContentClasses';

packages/mui-material/src/CardContent/index.js

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