@react-md/core 1.0.0-next.12 → 1.0.0-next.13

package/dist/card/Card.js

@@ -4,8 +4,7 @@ import { card } from "./styles.js";
 /**
  * **Server Component**
  *
- * @example
- * Simple Example
+ * @example Simple Example
  * ```tsx
  * import {
  *   Button,
@@ -40,7 +39,7 @@ import { card } from "./styles.js";
  * }
  * ```
  *
- * @remarks \@since 6.0.0 Removed the deprecated `raiseable` prop
+ * @since 6.0.0 Removed the deprecated `raiseable` prop
  */ export const Card = /*#__PURE__*/ forwardRef(function Card(props, ref) {
     const { children, className, bordered, raisable, fullWidth, interactable, ...remaining } = props;
     return /*#__PURE__*/ _jsx("div", {

package/dist/card/Card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/card/Card.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { card, type CardClassNameOptions } from \"./styles.js\";\n\ndeclare module \"react\" {\n  interface CSSProperties {\n    \"--rmd-card-background-color\"?: string;\n    \"--rmd-card-color\"?: string;\n    \"--rmd-card-secondary-color\"?: string;\n  }\n}\n\n/**\n * @remarks \\@since 6.0.0 Extends the {@link CardClassNameOptions}.\n */\nexport interface CardProps\n  extends HTMLAttributes<HTMLDivElement>,\n    CardClassNameOptions {}\n\n/**\n * **Server Component**\n *\n * @example\n * Simple Example\n * ```tsx\n * import {\n *   Button,\n *   Card,\n *   CardContent,\n *   CardFooter,\n *   CardHeader,\n *   CardTitle,\n *   CardSubtitle,\n *   Typography,\n * } from \"@react-md/core\";\n * import type { ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n *   return (\n *     <Card>\n *       <CardHeader>\n *         <CardTitle>Main Title</CardTitle>\n *         <CardSubtitle>A subtitle</CardSubtitle>\n *       </CardHeader>\n *       <CardContent>\n *         <Typography margin=\"none\">\n *           Some paragraph of text.\n *         </Typography>\n *       </CardContent>\n *       <CardFooter>\n *         <Button>Action 1</Button>\n *         <Button>Action 2</Button>\n *       </CardFooter>\n *     </Card>\n *   );\n * }\n * ```\n *\n * @remarks \\@since 6.0.0 Removed the deprecated `raiseable` prop\n */\nexport const Card = forwardRef<HTMLDivElement, CardProps>(\n  function Card(props, ref) {\n    const {\n      children,\n      className,\n      bordered,\n      raisable,\n      fullWidth,\n      interactable,\n      ...remaining\n    } = props;\n\n    return (\n      <div\n        {...remaining}\n        ref={ref}\n        className={card({\n          className,\n          bordered,\n          raisable,\n          fullWidth,\n          interactable,\n        })}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n"],"names":["forwardRef","card","Card","props","ref","children","className","bordered","raisable","fullWidth","interactable","remaining","div"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,UAAU,QAA6B,QAAQ;AACxD,SAASC,IAAI,QAAmC,cAAc;AAiB9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCC,GACD,OAAO,MAAMC,qBAAOF,WAClB,SAASE,KAAKC,KAAK,EAAEC,GAAG;IACtB,MAAM,EACJC,QAAQ,EACRC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACRC,SAAS,EACTC,YAAY,EACZ,GAAGC,WACJ,GAAGR;IAEJ,qBACE,KAACS;QACE,GAAGD,SAAS;QACbP,KAAKA;QACLE,WAAWL,KAAK;YACdK;YACAC;YACAC;YACAC;YACAC;QACF;kBAECL;;AAGP,GACA"}
+{"version":3,"sources":["../../src/card/Card.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { card, type CardClassNameOptions } from \"./styles.js\";\n\ndeclare module \"react\" {\n  interface CSSProperties {\n    \"--rmd-card-background-color\"?: string;\n    \"--rmd-card-color\"?: string;\n    \"--rmd-card-secondary-color\"?: string;\n  }\n}\n\n/**\n * @since 6.0.0 Extends the {@link CardClassNameOptions}.\n */\nexport interface CardProps\n  extends HTMLAttributes<HTMLDivElement>,\n    CardClassNameOptions {}\n\n/**\n * **Server Component**\n *\n * @example Simple Example\n * ```tsx\n * import {\n *   Button,\n *   Card,\n *   CardContent,\n *   CardFooter,\n *   CardHeader,\n *   CardTitle,\n *   CardSubtitle,\n *   Typography,\n * } from \"@react-md/core\";\n * import type { ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n *   return (\n *     <Card>\n *       <CardHeader>\n *         <CardTitle>Main Title</CardTitle>\n *         <CardSubtitle>A subtitle</CardSubtitle>\n *       </CardHeader>\n *       <CardContent>\n *         <Typography margin=\"none\">\n *           Some paragraph of text.\n *         </Typography>\n *       </CardContent>\n *       <CardFooter>\n *         <Button>Action 1</Button>\n *         <Button>Action 2</Button>\n *       </CardFooter>\n *     </Card>\n *   );\n * }\n * ```\n *\n * @since 6.0.0 Removed the deprecated `raiseable` prop\n */\nexport const Card = forwardRef<HTMLDivElement, CardProps>(\n  function Card(props, ref) {\n    const {\n      children,\n      className,\n      bordered,\n      raisable,\n      fullWidth,\n      interactable,\n      ...remaining\n    } = props;\n\n    return (\n      <div\n        {...remaining}\n        ref={ref}\n        className={card({\n          className,\n          bordered,\n          raisable,\n          fullWidth,\n          interactable,\n        })}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n"],"names":["forwardRef","card","Card","props","ref","children","className","bordered","raisable","fullWidth","interactable","remaining","div"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,UAAU,QAA6B,QAAQ;AACxD,SAASC,IAAI,QAAmC,cAAc;AAiB9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCC,GACD,OAAO,MAAMC,qBAAOF,WAClB,SAASE,KAAKC,KAAK,EAAEC,GAAG;IACtB,MAAM,EACJC,QAAQ,EACRC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACRC,SAAS,EACTC,YAAY,EACZ,GAAGC,WACJ,GAAGR;IAEJ,qBACE,KAACS;QACE,GAAGD,SAAS;QACbP,KAAKA;QACLE,WAAWL,KAAK;YACdK;YACAC;YACAC;YACAC;YACAC;QACF;kBAECL;;AAGP,GACA"}

package/dist/card/CardContent.d.ts

@@ -1,8 +1,7 @@
 import { type HTMLAttributes } from "react";
 import { type CardContentClassNameOptions } from "./styles.js";
 /**
- * @remarks
- * \@since 6.0.0 Renamed `disableExtraPadding` to `disableLastChildPadding` and
+ * @since 6.0.0 Renamed `disableExtraPadding` to `disableLastChildPadding` and
  * removed the `disableParagraphMargin` prop.
  */
 export interface CardContentProps extends HTMLAttributes<HTMLDivElement>, CardContentClassNameOptions {
@@ -10,8 +9,7 @@ export interface CardContentProps extends HTMLAttributes<HTMLDivElement>, CardCo
 /**
  * **Server Component**
  *
- * @remarks
- * \@since 6.0.0 Renamed `disableExtraPadding` to `disableLastChildPadding` and
+ * @since 6.0.0 Renamed `disableExtraPadding` to `disableLastChildPadding` and
  * removed the `disableParagraphMargin` prop.
  */
 export declare const CardContent: import("react").ForwardRefExoticComponent<CardContentProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/card/CardContent.js

@@ -4,8 +4,7 @@ import { cardContent } from "./styles.js";
 /**
  * **Server Component**
  *
- * @remarks
- * \@since 6.0.0 Renamed `disableExtraPadding` to `disableLastChildPadding` and
+ * @since 6.0.0 Renamed `disableExtraPadding` to `disableLastChildPadding` and
  * removed the `disableParagraphMargin` prop.
  */ export const CardContent = /*#__PURE__*/ forwardRef(function CardContent(props, ref) {
     const { children, className, disablePadding, disableSecondaryColor, disableLastChildPadding, ...remaining } = props;

package/dist/card/CardContent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/card/CardContent.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cardContent, type CardContentClassNameOptions } from \"./styles.js\";\n\n/**\n * @remarks\n * \\@since 6.0.0 Renamed `disableExtraPadding` to `disableLastChildPadding` and\n * removed the `disableParagraphMargin` prop.\n */\nexport interface CardContentProps\n  extends HTMLAttributes<HTMLDivElement>,\n    CardContentClassNameOptions {}\n\n/**\n * **Server Component**\n *\n * @remarks\n * \\@since 6.0.0 Renamed `disableExtraPadding` to `disableLastChildPadding` and\n * removed the `disableParagraphMargin` prop.\n */\nexport const CardContent = forwardRef<HTMLDivElement, CardContentProps>(\n  function CardContent(props, ref) {\n    const {\n      children,\n      className,\n      disablePadding,\n      disableSecondaryColor,\n      disableLastChildPadding,\n      ...remaining\n    } = props;\n\n    return (\n      <div\n        {...remaining}\n        ref={ref}\n        className={cardContent({\n          className,\n          disablePadding,\n          disableSecondaryColor,\n          disableLastChildPadding,\n        })}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n"],"names":["forwardRef","cardContent","CardContent","props","ref","children","className","disablePadding","disableSecondaryColor","disableLastChildPadding","remaining","div"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,UAAU,QAA6B,QAAQ;AACxD,SAASC,WAAW,QAA0C,cAAc;AAW5E;;;;;;CAMC,GACD,OAAO,MAAMC,4BAAcF,WACzB,SAASE,YAAYC,KAAK,EAAEC,GAAG;IAC7B,MAAM,EACJC,QAAQ,EACRC,SAAS,EACTC,cAAc,EACdC,qBAAqB,EACrBC,uBAAuB,EACvB,GAAGC,WACJ,GAAGP;IAEJ,qBACE,KAACQ;QACE,GAAGD,SAAS;QACbN,KAAKA;QACLE,WAAWL,YAAY;YACrBK;YACAC;YACAC;YACAC;QACF;kBAECJ;;AAGP,GACA"}
+{"version":3,"sources":["../../src/card/CardContent.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cardContent, type CardContentClassNameOptions } from \"./styles.js\";\n\n/**\n * @since 6.0.0 Renamed `disableExtraPadding` to `disableLastChildPadding` and\n * removed the `disableParagraphMargin` prop.\n */\nexport interface CardContentProps\n  extends HTMLAttributes<HTMLDivElement>,\n    CardContentClassNameOptions {}\n\n/**\n * **Server Component**\n *\n * @since 6.0.0 Renamed `disableExtraPadding` to `disableLastChildPadding` and\n * removed the `disableParagraphMargin` prop.\n */\nexport const CardContent = forwardRef<HTMLDivElement, CardContentProps>(\n  function CardContent(props, ref) {\n    const {\n      children,\n      className,\n      disablePadding,\n      disableSecondaryColor,\n      disableLastChildPadding,\n      ...remaining\n    } = props;\n\n    return (\n      <div\n        {...remaining}\n        ref={ref}\n        className={cardContent({\n          className,\n          disablePadding,\n          disableSecondaryColor,\n          disableLastChildPadding,\n        })}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n"],"names":["forwardRef","cardContent","CardContent","props","ref","children","className","disablePadding","disableSecondaryColor","disableLastChildPadding","remaining","div"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,UAAU,QAA6B,QAAQ;AACxD,SAASC,WAAW,QAA0C,cAAc;AAU5E;;;;;CAKC,GACD,OAAO,MAAMC,4BAAcF,WACzB,SAASE,YAAYC,KAAK,EAAEC,GAAG;IAC7B,MAAM,EACJC,QAAQ,EACRC,SAAS,EACTC,cAAc,EACdC,qBAAqB,EACrBC,uBAAuB,EACvB,GAAGC,WACJ,GAAGP;IAEJ,qBACE,KAACQ;QACE,GAAGD,SAAS;QACbN,KAAKA;QACLE,WAAWL,YAAY;YACrBK;YACAC;YACAC;YACAC;QACF;kBAECJ;;AAGP,GACA"}

package/dist/card/CardFooter.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { type BoxProps } from "../box/Box.js";
 import { type BoxJustifyContent } from "../box/styles.js";
-/** @remarks \@since 6.0.0 */
+/** @since 6.0.0 */
 export interface CardFooterProps extends BoxProps {
     /**
      * @defaultValue `"flex-end"`
@@ -14,6 +14,6 @@ export interface CardFooterProps extends BoxProps {
  * A simple wrapper around the {@link Box} component that applies additional
  * padding and applies `justify-content: flex-end;` by default.
  *
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export declare const CardFooter: import("react").ForwardRefExoticComponent<CardFooterProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/card/CardFooter.js

@@ -8,7 +8,7 @@ import { cardFooter } from "./styles.js";
  * A simple wrapper around the {@link Box} component that applies additional
  * padding and applies `justify-content: flex-end;` by default.
  *
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */ export const CardFooter = /*#__PURE__*/ forwardRef(function CardFooter(props, ref) {
     const { className, children, justify = "flex-end", ...remaining } = props;
     return /*#__PURE__*/ _jsx(Box, {

package/dist/card/CardFooter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/card/CardFooter.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Box, type BoxProps } from \"../box/Box.js\";\nimport { type BoxJustifyContent } from \"../box/styles.js\";\nimport { cardFooter } from \"./styles.js\";\n\n/** @remarks \\@since 6.0.0 */\nexport interface CardFooterProps extends BoxProps {\n  /**\n   * @defaultValue `\"flex-end\"`\n   */\n  justify?: BoxJustifyContent;\n}\n\n/**\n * **Server Component**\n *\n * A simple wrapper around the {@link Box} component that applies additional\n * padding and applies `justify-content: flex-end;` by default.\n *\n * @remarks \\@since 6.0.0\n */\nexport const CardFooter = forwardRef<HTMLDivElement, CardFooterProps>(\n  function CardFooter(props, ref) {\n    const { className, children, justify = \"flex-end\", ...remaining } = props;\n\n    return (\n      <Box\n        {...remaining}\n        ref={ref}\n        className={cardFooter({ className })}\n        justify={justify}\n      >\n        {children}\n      </Box>\n    );\n  }\n);\n"],"names":["forwardRef","Box","cardFooter","CardFooter","props","ref","className","children","justify","remaining"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,UAAU,QAAQ,QAAQ;AACnC,SAASC,GAAG,QAAuB,gBAAgB;AAEnD,SAASC,UAAU,QAAQ,cAAc;AAUzC;;;;;;;CAOC,GACD,OAAO,MAAMC,2BAAaH,WACxB,SAASG,WAAWC,KAAK,EAAEC,GAAG;IAC5B,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,UAAU,UAAU,EAAE,GAAGC,WAAW,GAAGL;IAEpE,qBACE,KAACH;QACE,GAAGQ,SAAS;QACbJ,KAAKA;QACLC,WAAWJ,WAAW;YAAEI;QAAU;QAClCE,SAASA;kBAERD;;AAGP,GACA"}
+{"version":3,"sources":["../../src/card/CardFooter.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Box, type BoxProps } from \"../box/Box.js\";\nimport { type BoxJustifyContent } from \"../box/styles.js\";\nimport { cardFooter } from \"./styles.js\";\n\n/** @since 6.0.0 */\nexport interface CardFooterProps extends BoxProps {\n  /**\n   * @defaultValue `\"flex-end\"`\n   */\n  justify?: BoxJustifyContent;\n}\n\n/**\n * **Server Component**\n *\n * A simple wrapper around the {@link Box} component that applies additional\n * padding and applies `justify-content: flex-end;` by default.\n *\n * @since 6.0.0\n */\nexport const CardFooter = forwardRef<HTMLDivElement, CardFooterProps>(\n  function CardFooter(props, ref) {\n    const { className, children, justify = \"flex-end\", ...remaining } = props;\n\n    return (\n      <Box\n        {...remaining}\n        ref={ref}\n        className={cardFooter({ className })}\n        justify={justify}\n      >\n        {children}\n      </Box>\n    );\n  }\n);\n"],"names":["forwardRef","Box","cardFooter","CardFooter","props","ref","className","children","justify","remaining"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,UAAU,QAAQ,QAAQ;AACnC,SAASC,GAAG,QAAuB,gBAAgB;AAEnD,SAASC,UAAU,QAAQ,cAAc;AAUzC;;;;;;;CAOC,GACD,OAAO,MAAMC,2BAAaH,WACxB,SAASG,WAAWC,KAAK,EAAEC,GAAG;IAC5B,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,UAAU,UAAU,EAAE,GAAGC,WAAW,GAAGL;IAEpE,qBACE,KAACH;QACE,GAAGQ,SAAS;QACbJ,KAAKA;QACLC,WAAWJ,WAAW;YAAEI;QAAU;QAClCE,SAASA;kBAERD;;AAGP,GACA"}

package/dist/card/CardHeader.d.ts

@@ -1,12 +1,11 @@
 import { type HTMLAttributes, type ReactNode } from "react";
 import { type PropsWithRef } from "../types.js";
 /**
- * @remarks
- * \@since 6.0.0 Removed the `align` prop.
- * \@since 6.0.0 Renamed the `beforeChildren` and `afterChildren` props to
+ * @since 6.0.0 Removed the `align` prop.
+ * @since 6.0.0 Renamed the `beforeChildren` and `afterChildren` props to
  * `beforeAddon` and `afterAddon`.
- * \@since 6.0.0 Removed the `contentClassName` prop in favor of the
- * {@link contentProps}.
+ * @since 6.0.0 Removed the `contentClassName` prop in favor of the
+ * `contentProps`.
  */
 export interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {
     /**
@@ -28,14 +27,13 @@ export interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {
 /**
  * **Server Component**
  *
- * @remarks
- * \@since 6.0.0 Removed the `align` prop.
- * \@since 6.0.0 Renamed the `beforeChildren` and `afterChildren` props to
+ * @since 6.0.0 Removed the `align` prop.
+ * @since 6.0.0 Renamed the `beforeChildren` and `afterChildren` props to
  * `beforeAddon` and `afterAddon`.
- * \@since 6.0.0 Removed the `contentClassName` prop in favor of the
- * {@link contentProps}.
- * \@since 6.0.0 No longer uses the `TextIconSpacing` component and instead
+ * @since 6.0.0 Removed the `contentClassName` prop in favor of the
+ * `contentProps`.
+ * @since 6.0.0 No longer uses the `TextIconSpacing` component and instead
  * relies on the CSS `gap` for spacing.
- * \@since 6.0.0 Renders as a `<div>` instead of a `<header>`
+ * @since 6.0.0 Renders as a `<div>` instead of a `<header>`
  */
 export declare const CardHeader: import("react").ForwardRefExoticComponent<CardHeaderProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/card/CardHeader.js

@@ -4,15 +4,14 @@ import { cardHeader, cardHeaderContent } from "./styles.js";
 /**
  * **Server Component**
  *
- * @remarks
- * \@since 6.0.0 Removed the `align` prop.
- * \@since 6.0.0 Renamed the `beforeChildren` and `afterChildren` props to
+ * @since 6.0.0 Removed the `align` prop.
+ * @since 6.0.0 Renamed the `beforeChildren` and `afterChildren` props to
  * `beforeAddon` and `afterAddon`.
- * \@since 6.0.0 Removed the `contentClassName` prop in favor of the
- * {@link contentProps}.
- * \@since 6.0.0 No longer uses the `TextIconSpacing` component and instead
+ * @since 6.0.0 Removed the `contentClassName` prop in favor of the
+ * `contentProps`.
+ * @since 6.0.0 No longer uses the `TextIconSpacing` component and instead
  * relies on the CSS `gap` for spacing.
- * \@since 6.0.0 Renders as a `<div>` instead of a `<header>`
+ * @since 6.0.0 Renders as a `<div>` instead of a `<header>`
  */ export const CardHeader = /*#__PURE__*/ forwardRef(function CardHeader(props, ref) {
     const { className, children, beforeAddon, afterAddon, contentProps, ...remaining } = props;
     return /*#__PURE__*/ _jsxs("div", {

package/dist/card/CardHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/card/CardHeader.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { type PropsWithRef } from \"../types.js\";\nimport { cardHeader, cardHeaderContent } from \"./styles.js\";\n\n/**\n * @remarks\n * \\@since 6.0.0 Removed the `align` prop.\n * \\@since 6.0.0 Renamed the `beforeChildren` and `afterChildren` props to\n * `beforeAddon` and `afterAddon`.\n * \\@since 6.0.0 Removed the `contentClassName` prop in favor of the\n * {@link contentProps}.\n */\nexport interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Any content to display after the children in the header. This could be an\n   * expander icon button, visual media like an image or video, etc.\n   */\n  afterAddon?: ReactNode;\n\n  /**\n   * Any content to display before the children in the header. This could be an\n   * expander icon button, visual media like an image or video, etc.\n   */\n  beforeAddon?: ReactNode;\n\n  /**\n   * Any props to pass to the `<div>` that surrounds the `children`. This is\n   * generally used to apply custom `style` or `className`.\n   */\n  contentProps?: PropsWithRef<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;\n}\n\n/**\n * **Server Component**\n *\n * @remarks\n * \\@since 6.0.0 Removed the `align` prop.\n * \\@since 6.0.0 Renamed the `beforeChildren` and `afterChildren` props to\n * `beforeAddon` and `afterAddon`.\n * \\@since 6.0.0 Removed the `contentClassName` prop in favor of the\n * {@link contentProps}.\n * \\@since 6.0.0 No longer uses the `TextIconSpacing` component and instead\n * relies on the CSS `gap` for spacing.\n * \\@since 6.0.0 Renders as a `<div>` instead of a `<header>`\n */\nexport const CardHeader = forwardRef<HTMLDivElement, CardHeaderProps>(\n  function CardHeader(props, ref) {\n    const {\n      className,\n      children,\n      beforeAddon,\n      afterAddon,\n      contentProps,\n      ...remaining\n    } = props;\n\n    return (\n      <div\n        {...remaining}\n        ref={ref}\n        className={cardHeader({\n          className,\n          addonBefore: !!beforeAddon,\n          addonAfter: !!afterAddon,\n        })}\n      >\n        {beforeAddon}\n        <div\n          {...contentProps}\n          className={cardHeaderContent({ className: contentProps?.className })}\n        >\n          {children}\n        </div>\n        {afterAddon}\n      </div>\n    );\n  }\n);\n"],"names":["forwardRef","cardHeader","cardHeaderContent","CardHeader","props","ref","className","children","beforeAddon","afterAddon","contentProps","remaining","div","addonBefore","addonAfter"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,UAAU,QAA6C,QAAQ;AAExE,SAASC,UAAU,EAAEC,iBAAiB,QAAQ,cAAc;AA8B5D;;;;;;;;;;;;CAYC,GACD,OAAO,MAAMC,2BAAaH,WACxB,SAASG,WAAWC,KAAK,EAAEC,GAAG;IAC5B,MAAM,EACJC,SAAS,EACTC,QAAQ,EACRC,WAAW,EACXC,UAAU,EACVC,YAAY,EACZ,GAAGC,WACJ,GAAGP;IAEJ,qBACE,MAACQ;QACE,GAAGD,SAAS;QACbN,KAAKA;QACLC,WAAWL,WAAW;YACpBK;YACAO,aAAa,CAAC,CAACL;YACfM,YAAY,CAAC,CAACL;QAChB;;YAECD;0BACD,KAACI;gBACE,GAAGF,YAAY;gBAChBJ,WAAWJ,kBAAkB;oBAAEI,WAAWI,cAAcJ;gBAAU;0BAEjEC;;YAEFE;;;AAGP,GACA"}
+{"version":3,"sources":["../../src/card/CardHeader.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { type PropsWithRef } from \"../types.js\";\nimport { cardHeader, cardHeaderContent } from \"./styles.js\";\n\n/**\n * @since 6.0.0 Removed the `align` prop.\n * @since 6.0.0 Renamed the `beforeChildren` and `afterChildren` props to\n * `beforeAddon` and `afterAddon`.\n * @since 6.0.0 Removed the `contentClassName` prop in favor of the\n * `contentProps`.\n */\nexport interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Any content to display after the children in the header. This could be an\n   * expander icon button, visual media like an image or video, etc.\n   */\n  afterAddon?: ReactNode;\n\n  /**\n   * Any content to display before the children in the header. This could be an\n   * expander icon button, visual media like an image or video, etc.\n   */\n  beforeAddon?: ReactNode;\n\n  /**\n   * Any props to pass to the `<div>` that surrounds the `children`. This is\n   * generally used to apply custom `style` or `className`.\n   */\n  contentProps?: PropsWithRef<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;\n}\n\n/**\n * **Server Component**\n *\n * @since 6.0.0 Removed the `align` prop.\n * @since 6.0.0 Renamed the `beforeChildren` and `afterChildren` props to\n * `beforeAddon` and `afterAddon`.\n * @since 6.0.0 Removed the `contentClassName` prop in favor of the\n * `contentProps`.\n * @since 6.0.0 No longer uses the `TextIconSpacing` component and instead\n * relies on the CSS `gap` for spacing.\n * @since 6.0.0 Renders as a `<div>` instead of a `<header>`\n */\nexport const CardHeader = forwardRef<HTMLDivElement, CardHeaderProps>(\n  function CardHeader(props, ref) {\n    const {\n      className,\n      children,\n      beforeAddon,\n      afterAddon,\n      contentProps,\n      ...remaining\n    } = props;\n\n    return (\n      <div\n        {...remaining}\n        ref={ref}\n        className={cardHeader({\n          className,\n          addonBefore: !!beforeAddon,\n          addonAfter: !!afterAddon,\n        })}\n      >\n        {beforeAddon}\n        <div\n          {...contentProps}\n          className={cardHeaderContent({ className: contentProps?.className })}\n        >\n          {children}\n        </div>\n        {afterAddon}\n      </div>\n    );\n  }\n);\n"],"names":["forwardRef","cardHeader","cardHeaderContent","CardHeader","props","ref","className","children","beforeAddon","afterAddon","contentProps","remaining","div","addonBefore","addonAfter"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,UAAU,QAA6C,QAAQ;AAExE,SAASC,UAAU,EAAEC,iBAAiB,QAAQ,cAAc;AA6B5D;;;;;;;;;;;CAWC,GACD,OAAO,MAAMC,2BAAaH,WACxB,SAASG,WAAWC,KAAK,EAAEC,GAAG;IAC5B,MAAM,EACJC,SAAS,EACTC,QAAQ,EACRC,WAAW,EACXC,UAAU,EACVC,YAAY,EACZ,GAAGC,WACJ,GAAGP;IAEJ,qBACE,MAACQ;QACE,GAAGD,SAAS;QACbN,KAAKA;QACLC,WAAWL,WAAW;YACpBK;YACAO,aAAa,CAAC,CAACL;YACfM,YAAY,CAAC,CAACL;QAChB;;YAECD;0BACD,KAACI;gBACE,GAAGF,YAAY;gBAChBJ,WAAWJ,kBAAkB;oBAAEI,WAAWI,cAAcJ;gBAAU;0BAEjEC;;YAEFE;;;AAGP,GACA"}

package/dist/card/CardSubtitle.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { type TypographyHTMLElement, type TypographyProps } from "../typography/Typography.js";
 /**
- * @remarks \@since 6.0.0 Extends the {@link TypographyProps} and removed the
+ * @since 6.0.0 Extends the {@link TypographyProps} and removed the
  * `noWrap`/`disableSecondaryColor` props.
  */
 export interface CardSubtitleProps extends TypographyProps {
@@ -15,7 +15,7 @@ export interface CardSubtitleProps extends TypographyProps {
 /**
  * **Server Component**
  *
- * @remarks \@since 6.0.0 Extends the {@link Typography} component and removed the
+ * @since 6.0.0 Extends the {@link Typography} component and removed the
  * `noWrap`/`disableSecondaryColor` props.
  */
 export declare const CardSubtitle: import("react").ForwardRefExoticComponent<CardSubtitleProps & import("react").RefAttributes<TypographyHTMLElement>>;

package/dist/card/CardSubtitle.js

@@ -5,7 +5,7 @@ import { cardSubtitle } from "./styles.js";
 /**
  * **Server Component**
  *
- * @remarks \@since 6.0.0 Extends the {@link Typography} component and removed the
+ * @since 6.0.0 Extends the {@link Typography} component and removed the
  * `noWrap`/`disableSecondaryColor` props.
  */ export const CardSubtitle = /*#__PURE__*/ forwardRef(function CardSubtitle(props, ref) {
     const { children, as = "h6", type = "subtitle-2", margin = "none", className, ...remaining } = props;

package/dist/card/CardSubtitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/card/CardSubtitle.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport {\n  Typography,\n  type TypographyHTMLElement,\n  type TypographyProps,\n} from \"../typography/Typography.js\";\nimport { cardSubtitle } from \"./styles.js\";\n\n/**\n * @remarks \\@since 6.0.0 Extends the {@link TypographyProps} and removed the\n * `noWrap`/`disableSecondaryColor` props.\n */\nexport interface CardSubtitleProps extends TypographyProps {\n  /** @defaultValue `\"h6\"` */\n  as?: TypographyProps[\"as\"];\n\n  /** @defaultValue `\"subtitle-2\"` */\n  type?: TypographyProps[\"type\"];\n\n  /** @defaultValue `\"none\"` */\n  margin?: TypographyProps[\"margin\"];\n}\n\n/**\n * **Server Component**\n *\n * @remarks \\@since 6.0.0 Extends the {@link Typography} component and removed the\n * `noWrap`/`disableSecondaryColor` props.\n */\nexport const CardSubtitle = forwardRef<\n  TypographyHTMLElement,\n  CardSubtitleProps\n>(function CardSubtitle(props, ref) {\n  const {\n    children,\n    as = \"h6\",\n    type = \"subtitle-2\",\n    margin = \"none\",\n    className,\n    ...remaining\n  } = props;\n\n  return (\n    <Typography\n      {...remaining}\n      ref={ref}\n      as={as}\n      type={type}\n      margin={margin}\n      className={cardSubtitle({ className })}\n    >\n      {children}\n    </Typography>\n  );\n});\n"],"names":["forwardRef","Typography","cardSubtitle","CardSubtitle","props","ref","children","as","type","margin","className","remaining"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,UAAU,QAAQ,QAAQ;AACnC,SACEC,UAAU,QAGL,8BAA8B;AACrC,SAASC,YAAY,QAAQ,cAAc;AAiB3C;;;;;CAKC,GACD,OAAO,MAAMC,6BAAeH,WAG1B,SAASG,aAAaC,KAAK,EAAEC,GAAG;IAChC,MAAM,EACJC,QAAQ,EACRC,KAAK,IAAI,EACTC,OAAO,YAAY,EACnBC,SAAS,MAAM,EACfC,SAAS,EACT,GAAGC,WACJ,GAAGP;IAEJ,qBACE,KAACH;QACE,GAAGU,SAAS;QACbN,KAAKA;QACLE,IAAIA;QACJC,MAAMA;QACNC,QAAQA;QACRC,WAAWR,aAAa;YAAEQ;QAAU;kBAEnCJ;;AAGP,GAAG"}
+{"version":3,"sources":["../../src/card/CardSubtitle.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport {\n  Typography,\n  type TypographyHTMLElement,\n  type TypographyProps,\n} from \"../typography/Typography.js\";\nimport { cardSubtitle } from \"./styles.js\";\n\n/**\n * @since 6.0.0 Extends the {@link TypographyProps} and removed the\n * `noWrap`/`disableSecondaryColor` props.\n */\nexport interface CardSubtitleProps extends TypographyProps {\n  /** @defaultValue `\"h6\"` */\n  as?: TypographyProps[\"as\"];\n\n  /** @defaultValue `\"subtitle-2\"` */\n  type?: TypographyProps[\"type\"];\n\n  /** @defaultValue `\"none\"` */\n  margin?: TypographyProps[\"margin\"];\n}\n\n/**\n * **Server Component**\n *\n * @since 6.0.0 Extends the {@link Typography} component and removed the\n * `noWrap`/`disableSecondaryColor` props.\n */\nexport const CardSubtitle = forwardRef<\n  TypographyHTMLElement,\n  CardSubtitleProps\n>(function CardSubtitle(props, ref) {\n  const {\n    children,\n    as = \"h6\",\n    type = \"subtitle-2\",\n    margin = \"none\",\n    className,\n    ...remaining\n  } = props;\n\n  return (\n    <Typography\n      {...remaining}\n      ref={ref}\n      as={as}\n      type={type}\n      margin={margin}\n      className={cardSubtitle({ className })}\n    >\n      {children}\n    </Typography>\n  );\n});\n"],"names":["forwardRef","Typography","cardSubtitle","CardSubtitle","props","ref","children","as","type","margin","className","remaining"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,UAAU,QAAQ,QAAQ;AACnC,SACEC,UAAU,QAGL,8BAA8B;AACrC,SAASC,YAAY,QAAQ,cAAc;AAiB3C;;;;;CAKC,GACD,OAAO,MAAMC,6BAAeH,WAG1B,SAASG,aAAaC,KAAK,EAAEC,GAAG;IAChC,MAAM,EACJC,QAAQ,EACRC,KAAK,IAAI,EACTC,OAAO,YAAY,EACnBC,SAAS,MAAM,EACfC,SAAS,EACT,GAAGC,WACJ,GAAGP;IAEJ,qBACE,KAACH;QACE,GAAGU,SAAS;QACbN,KAAKA;QACLE,IAAIA;QACJC,MAAMA;QACNC,QAAQA;QACRC,WAAWR,aAAa;YAAEQ;QAAU;kBAEnCJ;;AAGP,GAAG"}

package/dist/card/CardTitle.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { type TypographyHTMLElement, type TypographyProps } from "../typography/Typography.js";
 /**
- * @remarks \@since 6,0.0 Extends the {@link TypographyProps} and removed the
+ * @since 6,0.0 Extends the {@link TypographyProps} and removed the
  * `small`/`noWrap` props.
  */
 export interface CardTitleProps extends TypographyProps {
@@ -15,7 +15,7 @@ export interface CardTitleProps extends TypographyProps {
 /**
  * **Server Component**
  *
- * @remarks \@since 6.0.0 Extends the {@Link Typography} component and removed
+ * @since 6.0.0 Extends the {@link Typography} component and removed
  * the `small`/`noWrap` props.
  */
 export declare const CardTitle: import("react").ForwardRefExoticComponent<CardTitleProps & import("react").RefAttributes<TypographyHTMLElement>>;

package/dist/card/CardTitle.js

@@ -5,7 +5,7 @@ import { cardTitle } from "./styles.js";
 /**
  * **Server Component**
  *
- * @remarks \@since 6.0.0 Extends the {@Link Typography} component and removed
+ * @since 6.0.0 Extends the {@link Typography} component and removed
  * the `small`/`noWrap` props.
  */ export const CardTitle = /*#__PURE__*/ forwardRef(function CardTitle(props, ref) {
     const { children, as = "h5", type = "headline-5", margin = "none", className, ...remaining } = props;

package/dist/card/CardTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/card/CardTitle.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport {\n  Typography,\n  type TypographyHTMLElement,\n  type TypographyProps,\n} from \"../typography/Typography.js\";\nimport { cardTitle } from \"./styles.js\";\n\n/**\n * @remarks \\@since 6,0.0 Extends the {@link TypographyProps} and removed the\n * `small`/`noWrap` props.\n */\nexport interface CardTitleProps extends TypographyProps {\n  /** @defaultValue `\"h5\"` */\n  as?: TypographyProps[\"as\"];\n\n  /** @defaultValue `\"headline-5\"` */\n  type?: TypographyProps[\"type\"];\n\n  /** @defaultValue \"none\" */\n  margin?: TypographyProps[\"margin\"];\n}\n\n/**\n * **Server Component**\n *\n * @remarks \\@since 6.0.0 Extends the {@Link Typography} component and removed\n * the `small`/`noWrap` props.\n */\nexport const CardTitle = forwardRef<TypographyHTMLElement, CardTitleProps>(\n  function CardTitle(props, ref) {\n    const {\n      children,\n      as = \"h5\",\n      type = \"headline-5\",\n      margin = \"none\",\n      className,\n      ...remaining\n    } = props;\n\n    return (\n      <Typography\n        {...remaining}\n        ref={ref}\n        as={as}\n        type={type}\n        margin={margin}\n        className={cardTitle({ className })}\n      >\n        {children}\n      </Typography>\n    );\n  }\n);\n"],"names":["forwardRef","Typography","cardTitle","CardTitle","props","ref","children","as","type","margin","className","remaining"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,UAAU,QAAQ,QAAQ;AACnC,SACEC,UAAU,QAGL,8BAA8B;AACrC,SAASC,SAAS,QAAQ,cAAc;AAiBxC;;;;;CAKC,GACD,OAAO,MAAMC,0BAAYH,WACvB,SAASG,UAAUC,KAAK,EAAEC,GAAG;IAC3B,MAAM,EACJC,QAAQ,EACRC,KAAK,IAAI,EACTC,OAAO,YAAY,EACnBC,SAAS,MAAM,EACfC,SAAS,EACT,GAAGC,WACJ,GAAGP;IAEJ,qBACE,KAACH;QACE,GAAGU,SAAS;QACbN,KAAKA;QACLE,IAAIA;QACJC,MAAMA;QACNC,QAAQA;QACRC,WAAWR,UAAU;YAAEQ;QAAU;kBAEhCJ;;AAGP,GACA"}
+{"version":3,"sources":["../../src/card/CardTitle.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport {\n  Typography,\n  type TypographyHTMLElement,\n  type TypographyProps,\n} from \"../typography/Typography.js\";\nimport { cardTitle } from \"./styles.js\";\n\n/**\n * @since 6,0.0 Extends the {@link TypographyProps} and removed the\n * `small`/`noWrap` props.\n */\nexport interface CardTitleProps extends TypographyProps {\n  /** @defaultValue `\"h5\"` */\n  as?: TypographyProps[\"as\"];\n\n  /** @defaultValue `\"headline-5\"` */\n  type?: TypographyProps[\"type\"];\n\n  /** @defaultValue \"none\" */\n  margin?: TypographyProps[\"margin\"];\n}\n\n/**\n * **Server Component**\n *\n * @since 6.0.0 Extends the {@link Typography} component and removed\n * the `small`/`noWrap` props.\n */\nexport const CardTitle = forwardRef<TypographyHTMLElement, CardTitleProps>(\n  function CardTitle(props, ref) {\n    const {\n      children,\n      as = \"h5\",\n      type = \"headline-5\",\n      margin = \"none\",\n      className,\n      ...remaining\n    } = props;\n\n    return (\n      <Typography\n        {...remaining}\n        ref={ref}\n        as={as}\n        type={type}\n        margin={margin}\n        className={cardTitle({ className })}\n      >\n        {children}\n      </Typography>\n    );\n  }\n);\n"],"names":["forwardRef","Typography","cardTitle","CardTitle","props","ref","children","as","type","margin","className","remaining"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,UAAU,QAAQ,QAAQ;AACnC,SACEC,UAAU,QAGL,8BAA8B;AACrC,SAASC,SAAS,QAAQ,cAAc;AAiBxC;;;;;CAKC,GACD,OAAO,MAAMC,0BAAYH,WACvB,SAASG,UAAUC,KAAK,EAAEC,GAAG;IAC3B,MAAM,EACJC,QAAQ,EACRC,KAAK,IAAI,EACTC,OAAO,YAAY,EACnBC,SAAS,MAAM,EACfC,SAAS,EACT,GAAGC,WACJ,GAAGP;IAEJ,qBACE,KAACH;QACE,GAAGU,SAAS;QACbN,KAAKA;QACLE,IAAIA;QACJC,MAAMA;QACNC,QAAQA;QACRC,WAAWR,UAAU;YAAEQ;QAAU;kBAEhCJ;;AAGP,GACA"}

package/dist/card/ClickableCard.d.ts

@@ -1,7 +1,7 @@
 import { type MouseEventHandler } from "react";
 import { type CardProps } from "./Card.js";
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export interface ClickableCardProps extends CardProps {
     onClick: MouseEventHandler<HTMLDivElement>;
@@ -18,8 +18,7 @@ export interface ClickableCardProps extends CardProps {
  * A Small wrapper around the `Card` component that is clickable and has the
  * element interaction enabled (ripples).
  *
- * @example
- * SImple Example
+ * @example Simple Example
  * ```tsx
  * import { CardContent, ClickableCard } from "@react-md/core";
  * import { type ReactElement } from "react";
@@ -37,6 +36,6 @@ export interface ClickableCardProps extends CardProps {
  * }
  * ```
  *
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export declare const ClickableCard: import("react").ForwardRefExoticComponent<ClickableCardProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/card/ClickableCard.js

@@ -12,8 +12,7 @@ const noop = ()=>{
  * A Small wrapper around the `Card` component that is clickable and has the
  * element interaction enabled (ripples).
  *
- * @example
- * SImple Example
+ * @example Simple Example
  * ```tsx
  * import { CardContent, ClickableCard } from "@react-md/core";
  * import { type ReactElement } from "react";
@@ -31,7 +30,7 @@ const noop = ()=>{
  * }
  * ```
  *
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */ export const ClickableCard = /*#__PURE__*/ forwardRef(function ClickableCard(props, ref) {
     const { role = "button", disabled, tabIndex = disabled ? undefined : 0, onClick, onKeyDown = noop, className, children: propChildren, ...remaining } = props;
     const { handlers, ripples } = useElementInteraction(remaining);

package/dist/card/ClickableCard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/card/ClickableCard.tsx"],"sourcesContent":["\"use client\";\nimport { cnb } from \"cnbuilder\";\nimport { forwardRef, type MouseEventHandler } from \"react\";\nimport { useElementInteraction } from \"../interaction/useElementInteraction.js\";\nimport { useHigherContrastChildren } from \"../interaction/useHigherContrastChildren.js\";\nimport { Card, type CardProps } from \"./Card.js\";\n\nconst noop = (): void => {\n  // do nothing\n};\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface ClickableCardProps extends CardProps {\n  onClick: MouseEventHandler<HTMLDivElement>;\n\n  /**\n   * Set this to `true` to disable all click events.\n   *\n   * Note: Any disabled styling will need to be manually applied.\n   *\n   * @defaultValue `false`\n   */\n  disabled?: boolean;\n}\n\n/**\n * A Small wrapper around the `Card` component that is clickable and has the\n * element interaction enabled (ripples).\n *\n * @example\n * SImple Example\n * ```tsx\n * import { CardContent, ClickableCard } from \"@react-md/core\";\n * import { type ReactElement } from \"react\";\n *\n * export default function ClickableCardExample(): ReactElement {\n *   return (\n *     <ClickableCard\n *       onClick={() => {\n *         // do something\n *       }}\n *     >\n *       <CardContent>Wow</CardContent>\n *     </ClickableCard>\n *   );\n * }\n * ```\n *\n * @remarks \\@since 6.0.0\n */\nexport const ClickableCard = forwardRef<HTMLDivElement, ClickableCardProps>(\n  function ClickableCard(props, ref) {\n    const {\n      role = \"button\",\n      disabled,\n      tabIndex = disabled ? undefined : 0,\n      onClick,\n      onKeyDown = noop,\n      className,\n      children: propChildren,\n      ...remaining\n    } = props;\n    const { handlers, ripples } = useElementInteraction(remaining);\n    const children = useHigherContrastChildren(propChildren);\n\n    return (\n      <Card\n        {...remaining}\n        {...handlers}\n        aria-disabled={disabled || undefined}\n        ref={ref}\n        role={role}\n        tabIndex={tabIndex}\n        className={cnb(\"rmd-card--clickable\", className)}\n        onClick={(event) => {\n          if (disabled) {\n            return;\n          }\n\n          onClick(event);\n        }}\n        onKeyDown={(event) => {\n          onKeyDown(event);\n          if (disabled) {\n            return;\n          }\n\n          const isSpace = event.key === \" \";\n          if (isSpace || event.key === \"Enter\") {\n            if (isSpace) {\n              event.preventDefault();\n            }\n\n            event.currentTarget.click();\n          }\n        }}\n      >\n        {children}\n        {ripples}\n      </Card>\n    );\n  }\n);\n"],"names":["cnb","forwardRef","useElementInteraction","useHigherContrastChildren","Card","noop","ClickableCard","props","ref","role","disabled","tabIndex","undefined","onClick","onKeyDown","className","children","propChildren","remaining","handlers","ripples","aria-disabled","event","isSpace","key","preventDefault","currentTarget","click"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAASC,UAAU,QAAgC,QAAQ;AAC3D,SAASC,qBAAqB,QAAQ,0CAA0C;AAChF,SAASC,yBAAyB,QAAQ,8CAA8C;AACxF,SAASC,IAAI,QAAwB,YAAY;AAEjD,MAAMC,OAAO;AACX,aAAa;AACf;AAkBA;;;;;;;;;;;;;;;;;;;;;;;;CAwBC,GACD,OAAO,MAAMC,8BAAgBL,WAC3B,SAASK,cAAcC,KAAK,EAAEC,GAAG;IAC/B,MAAM,EACJC,OAAO,QAAQ,EACfC,QAAQ,EACRC,WAAWD,WAAWE,YAAY,CAAC,EACnCC,OAAO,EACPC,YAAYT,IAAI,EAChBU,SAAS,EACTC,UAAUC,YAAY,EACtB,GAAGC,WACJ,GAAGX;IACJ,MAAM,EAAEY,QAAQ,EAAEC,OAAO,EAAE,GAAGlB,sBAAsBgB;IACpD,MAAMF,WAAWb,0BAA0Bc;IAE3C,qBACE,MAACb;QACE,GAAGc,SAAS;QACZ,GAAGC,QAAQ;QACZE,iBAAeX,YAAYE;QAC3BJ,KAAKA;QACLC,MAAMA;QACNE,UAAUA;QACVI,WAAWf,IAAI,uBAAuBe;QACtCF,SAAS,CAACS;YACR,IAAIZ,UAAU;gBACZ;YACF;YAEAG,QAAQS;QACV;QACAR,WAAW,CAACQ;YACVR,UAAUQ;YACV,IAAIZ,UAAU;gBACZ;YACF;YAEA,MAAMa,UAAUD,MAAME,GAAG,KAAK;YAC9B,IAAID,WAAWD,MAAME,GAAG,KAAK,SAAS;gBACpC,IAAID,SAAS;oBACXD,MAAMG,cAAc;gBACtB;gBAEAH,MAAMI,aAAa,CAACC,KAAK;YAC3B;QACF;;YAECX;YACAI;;;AAGP,GACA"}
+{"version":3,"sources":["../../src/card/ClickableCard.tsx"],"sourcesContent":["\"use client\";\nimport { cnb } from \"cnbuilder\";\nimport { forwardRef, type MouseEventHandler } from \"react\";\nimport { useElementInteraction } from \"../interaction/useElementInteraction.js\";\nimport { useHigherContrastChildren } from \"../interaction/useHigherContrastChildren.js\";\nimport { Card, type CardProps } from \"./Card.js\";\n\nconst noop = (): void => {\n  // do nothing\n};\n\n/**\n * @since 6.0.0\n */\nexport interface ClickableCardProps extends CardProps {\n  onClick: MouseEventHandler<HTMLDivElement>;\n\n  /**\n   * Set this to `true` to disable all click events.\n   *\n   * Note: Any disabled styling will need to be manually applied.\n   *\n   * @defaultValue `false`\n   */\n  disabled?: boolean;\n}\n\n/**\n * A Small wrapper around the `Card` component that is clickable and has the\n * element interaction enabled (ripples).\n *\n * @example Simple Example\n * ```tsx\n * import { CardContent, ClickableCard } from \"@react-md/core\";\n * import { type ReactElement } from \"react\";\n *\n * export default function ClickableCardExample(): ReactElement {\n *   return (\n *     <ClickableCard\n *       onClick={() => {\n *         // do something\n *       }}\n *     >\n *       <CardContent>Wow</CardContent>\n *     </ClickableCard>\n *   );\n * }\n * ```\n *\n * @since 6.0.0\n */\nexport const ClickableCard = forwardRef<HTMLDivElement, ClickableCardProps>(\n  function ClickableCard(props, ref) {\n    const {\n      role = \"button\",\n      disabled,\n      tabIndex = disabled ? undefined : 0,\n      onClick,\n      onKeyDown = noop,\n      className,\n      children: propChildren,\n      ...remaining\n    } = props;\n    const { handlers, ripples } = useElementInteraction(remaining);\n    const children = useHigherContrastChildren(propChildren);\n\n    return (\n      <Card\n        {...remaining}\n        {...handlers}\n        aria-disabled={disabled || undefined}\n        ref={ref}\n        role={role}\n        tabIndex={tabIndex}\n        className={cnb(\"rmd-card--clickable\", className)}\n        onClick={(event) => {\n          if (disabled) {\n            return;\n          }\n\n          onClick(event);\n        }}\n        onKeyDown={(event) => {\n          onKeyDown(event);\n          if (disabled) {\n            return;\n          }\n\n          const isSpace = event.key === \" \";\n          if (isSpace || event.key === \"Enter\") {\n            if (isSpace) {\n              event.preventDefault();\n            }\n\n            event.currentTarget.click();\n          }\n        }}\n      >\n        {children}\n        {ripples}\n      </Card>\n    );\n  }\n);\n"],"names":["cnb","forwardRef","useElementInteraction","useHigherContrastChildren","Card","noop","ClickableCard","props","ref","role","disabled","tabIndex","undefined","onClick","onKeyDown","className","children","propChildren","remaining","handlers","ripples","aria-disabled","event","isSpace","key","preventDefault","currentTarget","click"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAASC,UAAU,QAAgC,QAAQ;AAC3D,SAASC,qBAAqB,QAAQ,0CAA0C;AAChF,SAASC,yBAAyB,QAAQ,8CAA8C;AACxF,SAASC,IAAI,QAAwB,YAAY;AAEjD,MAAMC,OAAO;AACX,aAAa;AACf;AAkBA;;;;;;;;;;;;;;;;;;;;;;;CAuBC,GACD,OAAO,MAAMC,8BAAgBL,WAC3B,SAASK,cAAcC,KAAK,EAAEC,GAAG;IAC/B,MAAM,EACJC,OAAO,QAAQ,EACfC,QAAQ,EACRC,WAAWD,WAAWE,YAAY,CAAC,EACnCC,OAAO,EACPC,YAAYT,IAAI,EAChBU,SAAS,EACTC,UAAUC,YAAY,EACtB,GAAGC,WACJ,GAAGX;IACJ,MAAM,EAAEY,QAAQ,EAAEC,OAAO,EAAE,GAAGlB,sBAAsBgB;IACpD,MAAMF,WAAWb,0BAA0Bc;IAE3C,qBACE,MAACb;QACE,GAAGc,SAAS;QACZ,GAAGC,QAAQ;QACZE,iBAAeX,YAAYE;QAC3BJ,KAAKA;QACLC,MAAMA;QACNE,UAAUA;QACVI,WAAWf,IAAI,uBAAuBe;QACtCF,SAAS,CAACS;YACR,IAAIZ,UAAU;gBACZ;YACF;YAEAG,QAAQS;QACV;QACAR,WAAW,CAACQ;YACVR,UAAUQ;YACV,IAAIZ,UAAU;gBACZ;YACF;YAEA,MAAMa,UAAUD,MAAME,GAAG,KAAK;YAC9B,IAAID,WAAWD,MAAME,GAAG,KAAK,SAAS;gBACpC,IAAID,SAAS;oBACXD,MAAMG,cAAc;gBACtB;gBAEAH,MAAMI,aAAa,CAACC,KAAK;YAC3B;QACF;;YAECX;YACAI;;;AAGP,GACA"}

package/dist/card/styles.d.ts

@@ -1,4 +1,4 @@
-/** @remarks \@since 6.0.0 */
+/** @since 6.0.0 */
 export interface CardClassNameOptions {
     className?: string;
     /**
@@ -32,10 +32,10 @@ export interface CardClassNameOptions {
     interactable?: boolean;
 }
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export declare function card(options?: CardClassNameOptions): string;
-/** @remarks \@since 6.0.0 */
+/** @since 6.0.0 */
 export interface CardHeaderClassNameOptions {
     className?: string;
     /** @defaultValue `false` */
@@ -44,34 +44,34 @@ export interface CardHeaderClassNameOptions {
     addonBefore?: boolean;
 }
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export declare function cardHeader(options?: CardHeaderClassNameOptions): string;
-/** @remarks \@since 6.0.0 */
+/** @since 6.0.0 */
 export interface CardHeaderContentClassNameOptions {
     className?: string;
 }
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export declare function cardHeaderContent(options?: CardHeaderContentClassNameOptions): string;
-/** @remarks \@since 6.0.0 */
+/** @since 6.0.0 */
 export interface CardTitleClassNameOptions {
     className?: string;
 }
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export declare function cardTitle(options?: CardTitleClassNameOptions): string;
-/** @remarks \@since 6.0.0 */
+/** @since 6.0.0 */
 export interface CardSubtitleClassNameOptions {
     className?: string;
 }
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export declare function cardSubtitle(options?: CardSubtitleClassNameOptions): string;
-/** @remarks \@since 6.0.0 */
+/** @since 6.0.0 */
 export interface CardContentClassNameOptions {
     className?: string;
     /**
@@ -91,19 +91,19 @@ export interface CardContentClassNameOptions {
      * `CardContent` component is the last child.
      *
      * @defaultValue `false`
-     * @remarks \@since 6.0.0 Renamed from `disableExtraPadding`
+     * @since 6.0.0 Renamed from `disableExtraPadding`
      */
     disableLastChildPadding?: boolean;
 }
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export declare function cardContent(options?: CardContentClassNameOptions): string;
-/** @remarks \@since 6.0.0 */
+/** @since 6.0.0 */
 export interface CardFooterClassNameOptions {
     className?: string;
 }
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export declare function cardFooter(options?: CardFooterClassNameOptions): string;

package/dist/card/styles.js

@@ -3,7 +3,7 @@ import { bem } from "../utils/bem.js";
 import { cssUtils } from "../cssUtils.js";
 const cardStyles = bem("rmd-card");
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */ export function card(options = {}) {
     const { className, bordered, raisable, fullWidth, interactable } = options;
     return cnb(cardStyles({
@@ -15,7 +15,7 @@ const cardStyles = bem("rmd-card");
     }), className);
 }
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */ export function cardHeader(options = {}) {
     const { className, addonAfter = false, addonBefore = false } = options;
     return cnb(cardStyles("header", {
@@ -25,19 +25,19 @@ const cardStyles = bem("rmd-card");
     }), className);
 }
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */ export function cardHeaderContent(options = {}) {
     const { className } = options;
     return cnb(cardStyles("header-content"), className);
 }
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */ export function cardTitle(options = {}) {
     const { className } = options;
     return cnb(cardStyles("title"), className);
 }
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */ export function cardSubtitle(options = {}) {
     const { className } = options;
     return cnb(cardStyles("subtitle"), cssUtils({
@@ -45,7 +45,7 @@ const cardStyles = bem("rmd-card");
     }), className);
 }
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */ export function cardContent(options = {}) {
     const { className, disablePadding, disableSecondaryColor, disableLastChildPadding } = options;
     return cnb(cardStyles("content", {
@@ -56,7 +56,7 @@ const cardStyles = bem("rmd-card");
     }), className);
 }
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */ export function cardFooter(options = {}) {
     const { className } = options;
     return cnb(cardStyles("footer"), className);

package/dist/card/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/card/styles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport { bem } from \"../utils/bem.js\";\nimport { cssUtils } from \"../cssUtils.js\";\n\nconst cardStyles = bem(\"rmd-card\");\n\n/** @remarks \\@since 6.0.0 */\nexport interface CardClassNameOptions {\n  className?: string;\n\n  /**\n   * Set this to `true` if the card should use apply an inset `border` instead\n   * of `box-shadow`.\n   *\n   * @defaultValue `false`\n   */\n  bordered?: boolean;\n\n  /**\n   * Set this to `true` if the card should gain additional box shadow while\n   * hovered.\n   *\n   * @defaultValue `false`\n   */\n  raisable?: boolean;\n\n  /**\n   * Update the card to have `display: block` and `width: 100%` instead of\n   * `display: inline-block`.\n   *\n   * @defaultValue `false`\n   */\n  fullWidth?: boolean;\n\n  /**\n   * Set this to `true` if the card should gain the pointer cursor while\n   * hovering and other interaction styles and not using the `ClickableCard`\n   * component.\n   *\n   * @defaultValue `false`\n   */\n  interactable?: boolean;\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport function card(options: CardClassNameOptions = {}): string {\n  const { className, bordered, raisable, fullWidth, interactable } = options;\n\n  return cnb(\n    cardStyles({\n      bordered,\n      shadowed: !bordered,\n      raisable: !bordered && raisable,\n      interactable,\n      \"full-width\": fullWidth,\n    }),\n    className\n  );\n}\n\n/** @remarks \\@since 6.0.0 */\nexport interface CardHeaderClassNameOptions {\n  className?: string;\n\n  /** @defaultValue `false` */\n  addonAfter?: boolean;\n\n  /** @defaultValue `false` */\n  addonBefore?: boolean;\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport function cardHeader(options: CardHeaderClassNameOptions = {}): string {\n  const { className, addonAfter = false, addonBefore = false } = options;\n\n  return cnb(\n    cardStyles(\"header\", {\n      \"addon-after\": addonAfter && !addonBefore,\n      \"addon-before\": addonBefore && !addonAfter,\n      surrounded: addonAfter && addonBefore,\n    }),\n    className\n  );\n}\n\n/** @remarks \\@since 6.0.0 */\nexport interface CardHeaderContentClassNameOptions {\n  className?: string;\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport function cardHeaderContent(\n  options: CardHeaderContentClassNameOptions = {}\n): string {\n  const { className } = options;\n\n  return cnb(cardStyles(\"header-content\"), className);\n}\n\n/** @remarks \\@since 6.0.0 */\nexport interface CardTitleClassNameOptions {\n  className?: string;\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport function cardTitle(options: CardTitleClassNameOptions = {}): string {\n  const { className } = options;\n\n  return cnb(cardStyles(\"title\"), className);\n}\n\n/** @remarks \\@since 6.0.0 */\nexport interface CardSubtitleClassNameOptions {\n  className?: string;\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport function cardSubtitle(\n  options: CardSubtitleClassNameOptions = {}\n): string {\n  const { className } = options;\n\n  return cnb(\n    cardStyles(\"subtitle\"),\n    cssUtils({ textColor: \"text-secondary\" }),\n    className\n  );\n}\n\n/** @remarks \\@since 6.0.0 */\nexport interface CardContentClassNameOptions {\n  className?: string;\n\n  /**\n   * Set this to `true` to disable the card's padding.\n   *\n   * @defaultValue `false`\n   */\n  disablePadding?: boolean;\n\n  /**\n   * Set this to `true` to disable applying the `text-secondary-color`.\n   *\n   * @defaultValue `false`\n   */\n  disableSecondaryColor?: boolean;\n\n  /**\n   * Set this to `true` to disable applying extra `padding-bottom` if the\n   * `CardContent` component is the last child.\n   *\n   * @defaultValue `false`\n   * @remarks \\@since 6.0.0 Renamed from `disableExtraPadding`\n   */\n  disableLastChildPadding?: boolean;\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport function cardContent(options: CardContentClassNameOptions = {}): string {\n  const {\n    className,\n    disablePadding,\n    disableSecondaryColor,\n    disableLastChildPadding,\n  } = options;\n\n  return cnb(\n    cardStyles(\"content\", {\n      padded: !disablePadding,\n      \"padding-bottom\": !disableLastChildPadding,\n    }),\n    cssUtils({\n      textColor: !disableSecondaryColor ? \"text-secondary\" : undefined,\n    }),\n    className\n  );\n}\n\n/** @remarks \\@since 6.0.0 */\nexport interface CardFooterClassNameOptions {\n  className?: string;\n}\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport function cardFooter(options: CardFooterClassNameOptions = {}): string {\n  const { className } = options;\n\n  return cnb(cardStyles(\"footer\"), className);\n}\n"],"names":["cnb","bem","cssUtils","cardStyles","card","options","className","bordered","raisable","fullWidth","interactable","shadowed","cardHeader","addonAfter","addonBefore","surrounded","cardHeaderContent","cardTitle","cardSubtitle","textColor","cardContent","disablePadding","disableSecondaryColor","disableLastChildPadding","padded","undefined","cardFooter"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAASC,GAAG,QAAQ,kBAAkB;AACtC,SAASC,QAAQ,QAAQ,iBAAiB;AAE1C,MAAMC,aAAaF,IAAI;AAwCvB;;CAEC,GACD,OAAO,SAASG,KAAKC,UAAgC,CAAC,CAAC;IACrD,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,YAAY,EAAE,GAAGL;IAEnE,OAAOL,IACLG,WAAW;QACTI;QACAI,UAAU,CAACJ;QACXC,UAAU,CAACD,YAAYC;QACvBE;QACA,cAAcD;IAChB,IACAH;AAEJ;AAaA;;CAEC,GACD,OAAO,SAASM,WAAWP,UAAsC,CAAC,CAAC;IACjE,MAAM,EAAEC,SAAS,EAAEO,aAAa,KAAK,EAAEC,cAAc,KAAK,EAAE,GAAGT;IAE/D,OAAOL,IACLG,WAAW,UAAU;QACnB,eAAeU,cAAc,CAACC;QAC9B,gBAAgBA,eAAe,CAACD;QAChCE,YAAYF,cAAcC;IAC5B,IACAR;AAEJ;AAOA;;CAEC,GACD,OAAO,SAASU,kBACdX,UAA6C,CAAC,CAAC;IAE/C,MAAM,EAAEC,SAAS,EAAE,GAAGD;IAEtB,OAAOL,IAAIG,WAAW,mBAAmBG;AAC3C;AAOA;;CAEC,GACD,OAAO,SAASW,UAAUZ,UAAqC,CAAC,CAAC;IAC/D,MAAM,EAAEC,SAAS,EAAE,GAAGD;IAEtB,OAAOL,IAAIG,WAAW,UAAUG;AAClC;AAOA;;CAEC,GACD,OAAO,SAASY,aACdb,UAAwC,CAAC,CAAC;IAE1C,MAAM,EAAEC,SAAS,EAAE,GAAGD;IAEtB,OAAOL,IACLG,WAAW,aACXD,SAAS;QAAEiB,WAAW;IAAiB,IACvCb;AAEJ;AA8BA;;CAEC,GACD,OAAO,SAASc,YAAYf,UAAuC,CAAC,CAAC;IACnE,MAAM,EACJC,SAAS,EACTe,cAAc,EACdC,qBAAqB,EACrBC,uBAAuB,EACxB,GAAGlB;IAEJ,OAAOL,IACLG,WAAW,WAAW;QACpBqB,QAAQ,CAACH;QACT,kBAAkB,CAACE;IACrB,IACArB,SAAS;QACPiB,WAAW,CAACG,wBAAwB,mBAAmBG;IACzD,IACAnB;AAEJ;AAOA;;CAEC,GACD,OAAO,SAASoB,WAAWrB,UAAsC,CAAC,CAAC;IACjE,MAAM,EAAEC,SAAS,EAAE,GAAGD;IAEtB,OAAOL,IAAIG,WAAW,WAAWG;AACnC"}
+{"version":3,"sources":["../../src/card/styles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport { bem } from \"../utils/bem.js\";\nimport { cssUtils } from \"../cssUtils.js\";\n\nconst cardStyles = bem(\"rmd-card\");\n\n/** @since 6.0.0 */\nexport interface CardClassNameOptions {\n  className?: string;\n\n  /**\n   * Set this to `true` if the card should use apply an inset `border` instead\n   * of `box-shadow`.\n   *\n   * @defaultValue `false`\n   */\n  bordered?: boolean;\n\n  /**\n   * Set this to `true` if the card should gain additional box shadow while\n   * hovered.\n   *\n   * @defaultValue `false`\n   */\n  raisable?: boolean;\n\n  /**\n   * Update the card to have `display: block` and `width: 100%` instead of\n   * `display: inline-block`.\n   *\n   * @defaultValue `false`\n   */\n  fullWidth?: boolean;\n\n  /**\n   * Set this to `true` if the card should gain the pointer cursor while\n   * hovering and other interaction styles and not using the `ClickableCard`\n   * component.\n   *\n   * @defaultValue `false`\n   */\n  interactable?: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport function card(options: CardClassNameOptions = {}): string {\n  const { className, bordered, raisable, fullWidth, interactable } = options;\n\n  return cnb(\n    cardStyles({\n      bordered,\n      shadowed: !bordered,\n      raisable: !bordered && raisable,\n      interactable,\n      \"full-width\": fullWidth,\n    }),\n    className\n  );\n}\n\n/** @since 6.0.0 */\nexport interface CardHeaderClassNameOptions {\n  className?: string;\n\n  /** @defaultValue `false` */\n  addonAfter?: boolean;\n\n  /** @defaultValue `false` */\n  addonBefore?: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport function cardHeader(options: CardHeaderClassNameOptions = {}): string {\n  const { className, addonAfter = false, addonBefore = false } = options;\n\n  return cnb(\n    cardStyles(\"header\", {\n      \"addon-after\": addonAfter && !addonBefore,\n      \"addon-before\": addonBefore && !addonAfter,\n      surrounded: addonAfter && addonBefore,\n    }),\n    className\n  );\n}\n\n/** @since 6.0.0 */\nexport interface CardHeaderContentClassNameOptions {\n  className?: string;\n}\n\n/**\n * @since 6.0.0\n */\nexport function cardHeaderContent(\n  options: CardHeaderContentClassNameOptions = {}\n): string {\n  const { className } = options;\n\n  return cnb(cardStyles(\"header-content\"), className);\n}\n\n/** @since 6.0.0 */\nexport interface CardTitleClassNameOptions {\n  className?: string;\n}\n\n/**\n * @since 6.0.0\n */\nexport function cardTitle(options: CardTitleClassNameOptions = {}): string {\n  const { className } = options;\n\n  return cnb(cardStyles(\"title\"), className);\n}\n\n/** @since 6.0.0 */\nexport interface CardSubtitleClassNameOptions {\n  className?: string;\n}\n\n/**\n * @since 6.0.0\n */\nexport function cardSubtitle(\n  options: CardSubtitleClassNameOptions = {}\n): string {\n  const { className } = options;\n\n  return cnb(\n    cardStyles(\"subtitle\"),\n    cssUtils({ textColor: \"text-secondary\" }),\n    className\n  );\n}\n\n/** @since 6.0.0 */\nexport interface CardContentClassNameOptions {\n  className?: string;\n\n  /**\n   * Set this to `true` to disable the card's padding.\n   *\n   * @defaultValue `false`\n   */\n  disablePadding?: boolean;\n\n  /**\n   * Set this to `true` to disable applying the `text-secondary-color`.\n   *\n   * @defaultValue `false`\n   */\n  disableSecondaryColor?: boolean;\n\n  /**\n   * Set this to `true` to disable applying extra `padding-bottom` if the\n   * `CardContent` component is the last child.\n   *\n   * @defaultValue `false`\n   * @since 6.0.0 Renamed from `disableExtraPadding`\n   */\n  disableLastChildPadding?: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport function cardContent(options: CardContentClassNameOptions = {}): string {\n  const {\n    className,\n    disablePadding,\n    disableSecondaryColor,\n    disableLastChildPadding,\n  } = options;\n\n  return cnb(\n    cardStyles(\"content\", {\n      padded: !disablePadding,\n      \"padding-bottom\": !disableLastChildPadding,\n    }),\n    cssUtils({\n      textColor: !disableSecondaryColor ? \"text-secondary\" : undefined,\n    }),\n    className\n  );\n}\n\n/** @since 6.0.0 */\nexport interface CardFooterClassNameOptions {\n  className?: string;\n}\n\n/**\n * @since 6.0.0\n */\nexport function cardFooter(options: CardFooterClassNameOptions = {}): string {\n  const { className } = options;\n\n  return cnb(cardStyles(\"footer\"), className);\n}\n"],"names":["cnb","bem","cssUtils","cardStyles","card","options","className","bordered","raisable","fullWidth","interactable","shadowed","cardHeader","addonAfter","addonBefore","surrounded","cardHeaderContent","cardTitle","cardSubtitle","textColor","cardContent","disablePadding","disableSecondaryColor","disableLastChildPadding","padded","undefined","cardFooter"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAASC,GAAG,QAAQ,kBAAkB;AACtC,SAASC,QAAQ,QAAQ,iBAAiB;AAE1C,MAAMC,aAAaF,IAAI;AAwCvB;;CAEC,GACD,OAAO,SAASG,KAAKC,UAAgC,CAAC,CAAC;IACrD,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,YAAY,EAAE,GAAGL;IAEnE,OAAOL,IACLG,WAAW;QACTI;QACAI,UAAU,CAACJ;QACXC,UAAU,CAACD,YAAYC;QACvBE;QACA,cAAcD;IAChB,IACAH;AAEJ;AAaA;;CAEC,GACD,OAAO,SAASM,WAAWP,UAAsC,CAAC,CAAC;IACjE,MAAM,EAAEC,SAAS,EAAEO,aAAa,KAAK,EAAEC,cAAc,KAAK,EAAE,GAAGT;IAE/D,OAAOL,IACLG,WAAW,UAAU;QACnB,eAAeU,cAAc,CAACC;QAC9B,gBAAgBA,eAAe,CAACD;QAChCE,YAAYF,cAAcC;IAC5B,IACAR;AAEJ;AAOA;;CAEC,GACD,OAAO,SAASU,kBACdX,UAA6C,CAAC,CAAC;IAE/C,MAAM,EAAEC,SAAS,EAAE,GAAGD;IAEtB,OAAOL,IAAIG,WAAW,mBAAmBG;AAC3C;AAOA;;CAEC,GACD,OAAO,SAASW,UAAUZ,UAAqC,CAAC,CAAC;IAC/D,MAAM,EAAEC,SAAS,EAAE,GAAGD;IAEtB,OAAOL,IAAIG,WAAW,UAAUG;AAClC;AAOA;;CAEC,GACD,OAAO,SAASY,aACdb,UAAwC,CAAC,CAAC;IAE1C,MAAM,EAAEC,SAAS,EAAE,GAAGD;IAEtB,OAAOL,IACLG,WAAW,aACXD,SAAS;QAAEiB,WAAW;IAAiB,IACvCb;AAEJ;AA8BA;;CAEC,GACD,OAAO,SAASc,YAAYf,UAAuC,CAAC,CAAC;IACnE,MAAM,EACJC,SAAS,EACTe,cAAc,EACdC,qBAAqB,EACrBC,uBAAuB,EACxB,GAAGlB;IAEJ,OAAOL,IACLG,WAAW,WAAW;QACpBqB,QAAQ,CAACH;QACT,kBAAkB,CAACE;IACrB,IACArB,SAAS;QACPiB,WAAW,CAACG,wBAAwB,mBAAmBG;IACzD,IACAnB;AAEJ;AAOA;;CAEC,GACD,OAAO,SAASoB,WAAWrB,UAAsC,CAAC,CAAC;IACjE,MAAM,EAAEC,SAAS,EAAE,GAAGD;IAEtB,OAAOL,IAAIG,WAAW,WAAWG;AACnC"}

package/dist/chip/Chip.d.ts

@@ -13,7 +13,7 @@ declare module "react" {
     }
 }
 /**
- * @remarks \@since 6.0.0 Renamed the `noninteractive` prop to
+ * @since 6.0.0 Renamed the `noninteractive` prop to
  * `noninteractable`.
  */
 export interface ChipProps extends ButtonHTMLAttributes<HTMLButtonElement> {
@@ -64,7 +64,7 @@ export interface ChipProps extends ButtonHTMLAttributes<HTMLButtonElement> {
      * {@link rightAddon} instead of the {@link leftAddon}.
      *
      * @defaultValue `false`
-     * @remarks \@since 6.0.0
+     * @since 6.0.0
      */
     selectedIconAfter?: boolean;
     /**
@@ -77,16 +77,15 @@ export interface ChipProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Set this to `true` to render the chip as a `<span>` instead of a button.
      *
-     * @remarks
-     * \@since 2.6.0
-     * \@since 6.0.0 Renamed from `noninteractable`
+     * @since 2.6.0
+     * @since 6.0.0 Renamed from `noninteractable`
      * @defaultValue `false`
      */
     noninteractive?: boolean;
     /**
      * An optional background color theme to use.
      *
-     * @remarks \@since 6.0.0
+     * @since 6.0.0
      */
     backgroundColor?: BackgroundColor;
     /**
@@ -112,7 +111,7 @@ export interface ChipProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * This will be ignored if {@link disableContentWrap} is `true`.
      *
-     * @remarks \@since 6.0.0
+     * @since 6.0.0
      */
     contentProps?: PropsWithRef<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>;
     /**
@@ -127,8 +126,7 @@ export interface ChipProps extends ButtonHTMLAttributes<HTMLButtonElement> {
 /**
  * **Server Component**
  *
- * @example
- * Simple Example
+ * @example Simple Example
  * ```tsx
  * import { Chip } from "@react-md/core";
  * import type { ReactElement } from "react";
@@ -138,8 +136,7 @@ export interface ChipProps extends ButtonHTMLAttributes<HTMLButtonElement> {
  * }
  * ```
  *
- * @example
- * Outlined Example
+ * @example Outlined Example
  * ```tsx
  * import { Chip } from "@react-md/core";
  * import type { ReactElement } from "react";
@@ -149,8 +146,7 @@ export interface ChipProps extends ButtonHTMLAttributes<HTMLButtonElement> {
  * }
  * ```
  *
- * @example
- * Addons Example
+ * @example Addons Example
  * ```tsx
  * import { Avatar, Chip } from "@react-md/core";
  * import AddCircleIcon from "@react-md/material-icons/AddCircleIcon";
@@ -172,7 +168,7 @@ export interface ChipProps extends ButtonHTMLAttributes<HTMLButtonElement> {
  * }
  * ```
  *
- * @remarks \@since 6.0.0 Renamed the `noninteractable` prop to
+ * @since 6.0.0 Renamed the `noninteractable` prop to
  * `noninteractive`.
  */
 export declare const Chip: import("react").ForwardRefExoticComponent<ChipProps & import("react").RefAttributes<HTMLButtonElement>>;