@react-md/core 1.0.0-next.20 → 1.0.0-next.21

package/dist/button/_button.scss

@@ -1,3 +1,7 @@
+////
+/// @group button
+////
+
 @use "sass:list";
 @use "sass:map";
 @use "../utils";
@@ -11,155 +15,155 @@
 @use "../overlay/overlay";
 @use "../typography/typography";
 
-// Set to `true` to disable all the styles
-// @type boolean
+/// Set to `true` to disable all the styles
+/// @type Boolean
 $disable-everything: false !default;
 
-// Set to `true` to disable the text button styles
-// @type boolean
+/// Set to `true` to disable the text button styles
+/// @type Boolean
 $disable-text: false !default;
 
-// Set to `true` to disable the icon button styles
-// @type boolean
+/// Set to `true` to disable the icon button styles
+/// @type Boolean
 $disable-icon: false !default;
 
-// Set to `true` to disable the icon-square button styles
-// @type boolean
+/// Set to `true` to disable the icon-square button styles
+/// @type Boolean
 $disable-icon-square: false !default;
 
-// Set to `true` to disable the contained button styles
-// @type boolean
+/// Set to `true` to disable the contained button styles
+/// @type Boolean
 $disable-contained: false !default;
 
-// Set to `true` to disable the contained with pressed elevation button styles
-// @type boolean
+/// Set to `true` to disable the contained with pressed elevation button styles
+/// @type Boolean
 $disable-contained-pressed-elevation: false !default;
 
-// Contained buttons should _normally_ always force dark background colors for
-// the interaction states This means use the default light theme since it is
-// based off of the root background color.
-//
-// @type boolean
+/// Contained buttons should _normally_ always force dark background colors for
+/// the interaction states This means use the default light theme since it is
+/// based off of the root background color.
+///
+/// @type Boolean
 $disable-contained-interaction-colors: interaction.$light-surface-base-background-color
   == interaction.$dark-surface-base-background-color !default;
 
-// Set to `true` to disable the floating button styles
-// @type boolean
+/// Set to `true` to disable the floating button styles
+/// @type Boolean
 $disable-floating: false !default;
 
-// Set to `true` to disable the floating button `position: absolute` styles
-// @type boolean
+/// Set to `true` to disable the floating button `position: absolute` styles
+/// @type Boolean
 $disable-floating-absolute-position: false !default;
 
-// Set to `true` to disable updating the circular progress size within buttons
-// @type boolean
+/// Set to `true` to disable updating the circular progress size within buttons
+/// @type Boolean
 $disable-circular-progress: progress.$disable-circular !default;
 
-// Set to `true` to disable the async button styles
-// @type boolean
+/// Set to `true` to disable the async button styles
+/// @type Boolean
 $disable-async: $disable-circular-progress !default;
 
-// Set to `true` to disable `.rmd-button-unstyled` utility class
-// @type boolean
+/// Set to `true` to disable `.rmd-button-unstyled` utility class
+/// @type Boolean
 $disable-unstyled-utility-class: false !default;
 
-// The default border radius to apply to text buttons
-// @type number
+/// The default border radius to apply to text buttons
+/// @type Number
 $text-border-radius: 0.5rem !default;
 
-// The default horizontal padding to apply to text buttons
-// @type number
+/// The default horizontal padding to apply to text buttons
+/// @type Number
 $text-horizontal-padding: 1rem !default;
 
-// The default vertical padding to apply to text buttons
-// @type number
+/// The default vertical padding to apply to text buttons
+/// @type Number
 $text-vertical-padding: 0 !default;
 
-// The default min-height to apply to text buttons
-// @type number
+/// The default min-height to apply to text buttons
+/// @type Number
 $text-min-height: 2.25rem !default;
 
-// The default min-width to apply to text buttons
-// @type number
+/// The default min-width to apply to text buttons
+/// @type Number
 $text-min-width: 4rem !default;
 
-// The default size to set icons that appear as children of text buttons
-// @type number
+/// The default size to set icons that appear as children of text buttons
+/// @type Number
 $text-icon-size: 1.125rem !default;
 
-// The default border radius to apply to icon buttons
-// @type number
+/// The default border radius to apply to icon buttons
+/// @type Number
 $icon-border-radius: 50% !default;
 
-// The default border radius to apply to square icon buttons
-// @type number
+/// The default border radius to apply to square icon buttons
+/// @type Number
 $icon-square-border-radius: $text-border-radius !default;
 
-// The default height and width of icon buttons. This default value makes them
-// responsive based on the current font size.
-// @type number
+/// The default height and width of icon buttons. This default value makes them
+/// responsive based on the current font size.
+/// @type Number
 $icon-size: auto !default;
 
-// The default icon button small size
-// @type number
+/// The default icon button small size
+/// @type Number
 $icon-small-size: icon.$size - 0.25rem !default;
 
-// The default icon button large size
-// @type number
+/// The default icon button large size
+/// @type Number
 $icon-large-size: icon.$size + 0.25rem !default;
 
-// The default icon button font size which is used to update the total size of
-// the button as well.
-// @type number
+/// The default icon button font size which is used to update the total size of
+/// the button as well.
+/// @type Number
 $icon-font-size: icon.$size !default;
 
-// The default padding for icon buttons. The icon button size is determined by
-// adding the padding to the icon size.
-// @type number
+/// The default padding for icon buttons. The icon button size is determined by
+/// adding the padding to the icon size.
+/// @type Number
 $icon-padding: 0.5em !default;
 
-// The default material design elevation for the contained button theme. This
-// should be a number from 0 - 24.
-// @type number
+/// The default material design elevation for the contained button theme. This
+/// should be a number from 0 - 24.
+/// @type Number
 $contained-elevation: 2 !default;
 
-// The default material design elevation for the contained button theme while
-// pressed. This should be a number from 0 - 24.
-// @type number
+/// The default material design elevation for the contained button theme while
+/// pressed. This should be a number from 0 - 24.
+/// @type Number
 $contained-pressed-elevation: 4 !default;
 
-// The default background color to apply to contained buttons while the theme is
-// set to clear
-// @type Color
+/// The default background color to apply to contained buttons while the theme is
+/// set to clear
+/// @type Color
 $clear-contained-background-color: theme.$light-theme-surface-color !default;
 
-// The default text color to apply to contained buttons while the theme is set
-// to clear
-// @type Color
+/// The default text color to apply to contained buttons while the theme is set
+/// to clear
+/// @type Color
 $clear-contained-color: a11y.contrast-color(
   $clear-contained-background-color
 ) !default;
 
-// The default size for circular progress components that appear as a child of
-// a text button
-// @type number
+/// The default size for circular progress components that appear as a child of
+/// a text button
+/// @type Number
 $circular-progress-size: icon.get-var(size) !default;
 
-// The default viewport margin for a floating action button
-// @type number
+/// The default viewport margin for a floating action button
+/// @type Number
 $floating-margin: 1.5rem !default;
 
-// The default z-index for a floating action button
-// @type number
+/// The default z-index for a floating action button
+/// @type Number
 $floating-z-index: utils.$temporary-element-z-index !default;
 
-// The default z-index for an absolute positioned floating action button. This
-// should be a number lower than the `$app-bar-fixed-z-index`.
-// @type number
+/// The default z-index for an absolute positioned floating action button. This
+/// should be a number lower than the `$app-bar-fixed-z-index`.
+/// @type Number
 $floating-absolute-z-index: 5 !default;
 
-// The default floating action button positions and their margin styles.
-// @type number
+/// The default floating action button positions and their margin styles.
+/// @type Number
 $floating-positions: (
   tl: (
     left: $floating-margin,
@@ -179,9 +183,9 @@ $floating-positions: (
   ),
 ) !default;
 
-// The available configurable css variables and mostly used internally for the
-// `get-var`, `set-var`, and `use-var` utils.
-// @type List
+/// The available configurable css variables and mostly used internally for the
+/// `get-var`, `set-var`, and `use-var` utils.
+/// @type List
 $variables: (
   background-color,
   color,
@@ -198,9 +202,9 @@ $variables: (
   fab-offset
 );
 
-// @param {string} name - The supported variable name
-// @param {any} fallback - An optional fallback value
-// @returns {string} a `var()` statement
+/// @param {String} name - The supported variable name
+/// @param {any} fallback [null] - An optional fallback value
+/// @returns {String} a `var()` statement
 @function get-var($name, $fallback: null) {
   $var: utils.get-var-name($variables, $name, "button");
   @if $fallback {
@@ -210,23 +214,36 @@ $variables: (
   @return var(#{$var});
 }
 
-// @param {string} name - The supported variable name
-// @param {any} value - The value to set the variable to. Supports `null` which
-// will just be a no-op.
+/// @param {String} name - The supported variable name
+/// @param {any} value - The value to set the variable to. Supports `null` which
+/// will just be a no-op.
 @mixin set-var($name, $value) {
   @if $value {
     #{utils.get-var-name($variables, $name, "button")}: #{$value};
   }
 }
 
-// @param {string} property - The css property to apply the variable to
-// @param {string} name - The supported variable name
-// @param {any} fallback - An optional fallback value if the variable has not
-// been set
+/// @param {String} property - The css property to apply the variable to
+/// @param {String} name [$property] - The supported variable name
+/// @param {any} fallback [null] - An optional fallback value if the variable
+/// has not been set
 @mixin use-var($property, $name: $property, $fallback: null) {
   #{$property}: get-var($name, $fallback);
 }
 
+/// Used to create button that does not have the default browser button styles
+///
+/// @example scss - Example SCSS Usage
+///   .button {
+///     @include unstyled($hoverable: true, $css-modules: false);
+///   }
+///
+/// @param {Boolean} hoverable [false] - Pass-through to
+/// `interaction.surface($hoverable)`
+/// @param {Boolean} css-modules [false] - Pass-through to
+/// `interaction.surface($css-modules)`
+/// @param {Boolean} box-shadow [interaction.$focus-box-shadow] - Pass-through
+/// to `interaction.surface($box-shadow)`
 @mixin unstyled(
   $hoverable: false,
   $css-modules: false,
@@ -245,6 +262,19 @@ $variables: (
   }
 }
 
+/// Used to apply the text button styles to an element and most likely an
+/// internal only mixin.
+///
+/// @example scss - Example SCSS Usage
+///   .button {
+///     @include text-styles;
+///
+///     align-items: center;
+///     border-width: 0;
+///     display: inline-flex;
+///     flex-shrink: 0;
+///     justify-content: center;
+///   }
 @mixin text-styles {
   @include icon.set-var(size, $text-icon-size);
   @include set-var(border-radius, $text-border-radius);
@@ -256,7 +286,7 @@ $variables: (
   padding: get-var(text-vertical-padding) get-var(text-horizontal-padding);
 }
 
-// Conditionally applies the css variables based on feature flags
+/// Conditionally applies the css variables based on feature flags
 @mixin variables {
   @if not $disable-everything {
     @include set-var(background-color, transparent);
@@ -287,10 +317,10 @@ $variables: (
   }
 }
 
-// Generates all the styles based on feature flags.
-//
-// @param {boolean} disable-layer - Set this to `true` to disable the
-// layer behavior
+/// Generates all the styles based on feature flags.
+///
+/// @param {Boolean} disable-layer [false] - Set this to `true` to disable the
+/// layer behavior
 @mixin styles($disable-layer: false) {
   @if not $disable-everything {
     @include utils.optional-layer(button, $disable-layer) {

package/dist/button/{buttonStyles.d.ts → styles.d.ts}

@@ -92,3 +92,13 @@ export interface ButtonClassNameOptions extends ButtonClassNameThemeOptions {
  * @since 6.0.0 This used to be called `buttonThemeClassNames`.
  */
 export declare function button(options?: ButtonClassNameOptions): string;
+/** @since 6.0.0 */
+export interface ButtonUnstyledClassNameOptions {
+    className?: string;
+}
+/**
+ * This requires the `$disable-unstyled-utility-class` to be `false` to use.
+ *
+ * @since 6.0.0
+ */
+export declare function buttonUnstyled(options?: ButtonUnstyledClassNameOptions): string;

package/dist/button/{buttonStyles.js → styles.js}

@@ -52,5 +52,13 @@ const styles = bem("rmd-button");
         backgroundColor
     }), className);
 }
+/**
+ * This requires the `$disable-unstyled-utility-class` to be `false` to use.
+ *
+ * @since 6.0.0
+ */ export function buttonUnstyled(options = {}) {
+    const { className } = options;
+    return cnb("rmd-button-unstyled", className);
+}
 
-//# sourceMappingURL=buttonStyles.js.map
+//# sourceMappingURL=styles.js.map

package/dist/button/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/button/styles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\n\nimport {\n  type OutlineColor,\n  type TextColor,\n  type ThemeColor,\n  cssUtils,\n} from \"../cssUtils.js\";\nimport { bem } from \"../utils/bem.js\";\n\ndeclare module \"react\" {\n  interface CSSProperties {\n    \"--rmd-button-background-color\"?: string;\n    \"--rmd-button-color\"?: string;\n    \"--rmd-button-border-radius\"?: string | number;\n    \"--rmd-button-contained-background-color\"?: string;\n    \"--rmd-button-contained-color\"?: string;\n    \"--rmd-button-text-horizontal-padding\"?: string | number;\n    \"--rmd-button-text-vertical-padding\"?: string | number;\n    \"--rmd-button-text-min-height\"?: string | number;\n    \"--rmd-button-text-min-width\"?: string | number;\n    \"--rmd-button-icon-size\"?: string | number;\n    \"--rmd-button-icon-radius\"?: string | number;\n  }\n}\n\nconst styles = bem(\"rmd-button\");\n\n/**\n * When this is set to `\"text\"`, the size of the button will be determined by\n * the content and will be more block-like. Icons can still be rendered in\n * `\"text\"` buttons and will have spacing automatically applied between other\n * content in the button.\n *\n * When this is set to `\"icon\"`, the button will be equal height/width and\n * circular.\n */\nexport type ButtonType = \"text\" | \"icon\" | \"icon-square\";\n\n/**\n * One of the valid material design default button themes that can be used. This\n * will update the general look and feel by updating the colors within the\n * button while the `ButtonThemeType` will update the borders or box shadow.\n */\nexport type ButtonTheme = ThemeColor | \"clear\" | \"disabled\";\n\n/**\n * When this is set to `\"flat\"`, the button will have no `background-color`,\n * `border`, and `box-shadow`. It will only set the `color` to the\n * {@link ButtonTheme}.\n *\n * When this is set to `\"outline\"`, the button will have no `background-color`,\n * but gain a `border` and `color` set to the {@link ButtonTheme}.\n *\n * When this is set to `\"contained\"`, the button will set the `background-color`\n * to the {@link ButtonTheme}, add some `box-shadow`, and set the `color` to\n * either `#000` or `#fff`. (The `color` defaults to whichever value has the\n * highest contrast ratio with the `background-color`)\n */\nexport type ButtonThemeType = \"flat\" | \"outline\" | \"contained\";\n\n/** @since 6.0.0 */\nexport interface ButtonClassNameThemeOptions {\n  className?: string;\n\n  /** @defaultValue `false` */\n  disabled?: boolean;\n\n  /**\n   * @see {@link ButtonTheme} for information about the different types.\n   * @defaultValue `\"text\"`\n   */\n  buttonType?: ButtonType;\n\n  /** @defaultValue `\"clear\"` */\n  theme?: ButtonTheme;\n\n  /**\n   * @see {@link ButtonThemeType} for information about the theming behavior.\n   * @defaultValue `\"flat\"`\n   */\n  themeType?: ButtonThemeType;\n\n  /**\n   * This will display the button as an icon button until the tablet breakpoint\n   * which will then display as a button with an icon.\n   *\n   * @defaultValue `false`\n   */\n  responsive?: boolean;\n\n  /**\n   * @defaultValue `\"normal\"`\n   */\n  iconSize?: \"small\" | \"normal\" | \"large\";\n}\n\n/**\n * @since 6.0.0\n */\nexport interface ButtonClassNameOptions extends ButtonClassNameThemeOptions {\n  /** @defaultValue `false` */\n  pressed?: boolean;\n  pressedClassName?: string;\n}\n\n/**\n * Creates a button theme based on the button theming props. This is really just\n * used so that other elements like clickable `<div>`s or `<input type=\"file\">`\n * can look like buttons.\n *\n * @param options - An object containing the themeable button props to generate a\n * button theme className.\n * @returns a string of class names to create an element with a button theme.\n * @since 6.0.0 This used to be called `buttonThemeClassNames`.\n */\nexport function button(options: ButtonClassNameOptions = {}): string {\n  const {\n    theme: propTheme = \"clear\",\n    themeType = \"flat\",\n    iconSize,\n    buttonType = \"text\",\n    disabled: propDisabled = false,\n    responsive,\n    pressed = false,\n    pressedClassName,\n    className,\n  } = options;\n\n  const theme = propTheme === \"disabled\" ? \"clear\" : propTheme;\n  const disabled = propDisabled || propTheme === \"disabled\";\n  const text = buttonType === \"text\" && !responsive && !iconSize;\n  const icon = !text;\n  const outline = themeType === \"outline\";\n  const contained = themeType === \"contained\";\n  const clear = theme === \"clear\";\n  const isThemed = !disabled && !clear;\n\n  let textColor: ThemeColor | TextColor | undefined;\n  let outlineColor: OutlineColor | undefined;\n  let backgroundColor: ThemeColor | undefined;\n  if (isThemed && !contained) {\n    textColor = theme;\n  } else if (disabled) {\n    textColor = \"text-disabled\";\n  }\n  if (isThemed && contained) {\n    backgroundColor = theme;\n  }\n  if (outline) {\n    outlineColor = clear ? \"greyscale\" : theme;\n  }\n\n  return cnb(\n    styles({\n      text,\n      icon,\n      \"icon-square\": buttonType === \"icon-square\",\n      disabled,\n      contained: !disabled && contained,\n      pressed: contained && pressed,\n      responsive,\n      small: icon && iconSize === \"small\",\n      large: icon && iconSize === \"large\",\n    }),\n    pressedClassName,\n    cssUtils({\n      surface: true,\n      textColor,\n      outlineColor,\n      backgroundColor,\n    }),\n    className\n  );\n}\n\n/** @since 6.0.0 */\nexport interface ButtonUnstyledClassNameOptions {\n  className?: string;\n}\n\n/**\n * This requires the `$disable-unstyled-utility-class` to be `false` to use.\n *\n * @since 6.0.0\n */\nexport function buttonUnstyled(\n  options: ButtonUnstyledClassNameOptions = {}\n): string {\n  const { className } = options;\n\n  return cnb(\"rmd-button-unstyled\", className);\n}\n"],"names":["cnb","cssUtils","bem","styles","button","options","theme","propTheme","themeType","iconSize","buttonType","disabled","propDisabled","responsive","pressed","pressedClassName","className","text","icon","outline","contained","clear","isThemed","textColor","outlineColor","backgroundColor","small","large","surface","buttonUnstyled"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAEhC,SAIEC,QAAQ,QACH,iBAAiB;AACxB,SAASC,GAAG,QAAQ,kBAAkB;AAkBtC,MAAMC,SAASD,IAAI;AAgFnB;;;;;;;;;CASC,GACD,OAAO,SAASE,OAAOC,UAAkC,CAAC,CAAC;IACzD,MAAM,EACJC,OAAOC,YAAY,OAAO,EAC1BC,YAAY,MAAM,EAClBC,QAAQ,EACRC,aAAa,MAAM,EACnBC,UAAUC,eAAe,KAAK,EAC9BC,UAAU,EACVC,UAAU,KAAK,EACfC,gBAAgB,EAChBC,SAAS,EACV,GAAGX;IAEJ,MAAMC,QAAQC,cAAc,aAAa,UAAUA;IACnD,MAAMI,WAAWC,gBAAgBL,cAAc;IAC/C,MAAMU,OAAOP,eAAe,UAAU,CAACG,cAAc,CAACJ;IACtD,MAAMS,OAAO,CAACD;IACd,MAAME,UAAUX,cAAc;IAC9B,MAAMY,YAAYZ,cAAc;IAChC,MAAMa,QAAQf,UAAU;IACxB,MAAMgB,WAAW,CAACX,YAAY,CAACU;IAE/B,IAAIE;IACJ,IAAIC;IACJ,IAAIC;IACJ,IAAIH,YAAY,CAACF,WAAW;QAC1BG,YAAYjB;IACd,OAAO,IAAIK,UAAU;QACnBY,YAAY;IACd;IACA,IAAID,YAAYF,WAAW;QACzBK,kBAAkBnB;IACpB;IACA,IAAIa,SAAS;QACXK,eAAeH,QAAQ,cAAcf;IACvC;IAEA,OAAON,IACLG,OAAO;QACLc;QACAC;QACA,eAAeR,eAAe;QAC9BC;QACAS,WAAW,CAACT,YAAYS;QACxBN,SAASM,aAAaN;QACtBD;QACAa,OAAOR,QAAQT,aAAa;QAC5BkB,OAAOT,QAAQT,aAAa;IAC9B,IACAM,kBACAd,SAAS;QACP2B,SAAS;QACTL;QACAC;QACAC;IACF,IACAT;AAEJ;AAOA;;;;CAIC,GACD,OAAO,SAASa,eACdxB,UAA0C,CAAC,CAAC;IAE5C,MAAM,EAAEW,SAAS,EAAE,GAAGX;IAEtB,OAAOL,IAAI,uBAAuBgB;AACpC"}

package/dist/card/Card.d.ts

@@ -21,16 +21,14 @@ export interface CardProps extends HTMLAttributes<HTMLDivElement>, CardClassName
 /**
  * @example Simple Example
  * ```tsx
- * import {
- *   Button,
- *   Card,
- *   CardContent,
- *   CardFooter,
- *   CardHeader,
- *   CardTitle,
- *   CardSubtitle,
- *   Typography,
- * } from "@react-md/core";
+ * import { Button } from "@react-md/core/button/Button";
+ * import { Card } from "@react-md/core/card/Card";
+ * import { CardContent } from "@react-md/core/card/CardContent";
+ * import { CardFooter } from "@react-md/core/card/CardFooter";
+ * import { CardHeader } from "@react-md/core/card/CardHeader";
+ * import { CardTitle } from "@react-md/core/card/CardTitle";
+ * import { CardSubtitle } from "@react-md/core/card/CardSubtitle";
+ * import { Typography } from "@react-md/core/typography/Typography";
  * import type { ReactElement } from "react";
  *
  * function Example(): ReactElement {
@@ -54,6 +52,7 @@ export interface CardProps extends HTMLAttributes<HTMLDivElement>, CardClassName
  * }
  * ```
  *
+ * @see {@link https://next.react-md.dev/components/card | Card Demos}
  * @since 6.0.0 Removed the deprecated `raiseable` prop
  * @since 6.0.0 Uses the `Box` component and displays as `flex` instead of
  * `block`/`inline-block`.

package/dist/card/Card.js

@@ -5,16 +5,14 @@ import { card } from "./styles.js";
 /**
  * @example Simple Example
  * ```tsx
- * import {
- *   Button,
- *   Card,
- *   CardContent,
- *   CardFooter,
- *   CardHeader,
- *   CardTitle,
- *   CardSubtitle,
- *   Typography,
- * } from "@react-md/core";
+ * import { Button } from "@react-md/core/button/Button";
+ * import { Card } from "@react-md/core/card/Card";
+ * import { CardContent } from "@react-md/core/card/CardContent";
+ * import { CardFooter } from "@react-md/core/card/CardFooter";
+ * import { CardHeader } from "@react-md/core/card/CardHeader";
+ * import { CardTitle } from "@react-md/core/card/CardTitle";
+ * import { CardSubtitle } from "@react-md/core/card/CardSubtitle";
+ * import { Typography } from "@react-md/core/typography/Typography";
  * import type { ReactElement } from "react";
  *
  * function Example(): ReactElement {
@@ -38,6 +36,7 @@ import { card } from "./styles.js";
  * }
  * ```
  *
+ * @see {@link https://next.react-md.dev/components/card | Card Demos}
  * @since 6.0.0 Removed the deprecated `raiseable` prop
  * @since 6.0.0 Uses the `Box` component and displays as `flex` instead of
  * `block`/`inline-block`.

package/dist/card/Card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/card/Card.tsx"],"sourcesContent":["import { type HTMLAttributes, forwardRef } from \"react\";\n\nimport { Box } from \"../box/Box.js\";\nimport { type BoxAlignItems, type BoxOptions } from \"../box/styles.js\";\nimport { type CardClassNameOptions, card } 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} and removed the\n * deprecated `raiseable` prop\n */\nexport interface CardProps\n  extends HTMLAttributes<HTMLDivElement>,\n    CardClassNameOptions,\n    Pick<BoxOptions, \"align\" | \"justify\" | \"fullWidth\" | \"disableWrap\"> {\n  /** @defaultValue `\"stretch\"` */\n  align?: BoxAlignItems;\n\n  /** @defaultValue `\"start\"` */\n  justify?: BoxAlignItems;\n}\n\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 * @since 6.0.0 Uses the `Box` component and displays as `flex` instead of\n * `block`/`inline-block`.\n */\nexport const Card = forwardRef<HTMLDivElement, CardProps>(\n  function Card(props, ref) {\n    const {\n      children,\n      className,\n      align = \"stretch\",\n      justify = \"stretch\",\n      bordered,\n      raisable,\n      interactable,\n      ...remaining\n    } = props;\n\n    return (\n      <Box\n        align={align}\n        justify={justify}\n        disableWrap\n        {...remaining}\n        stacked\n        disableGap\n        disablePadding\n        ref={ref}\n        className={card({\n          className,\n          bordered,\n          raisable,\n          interactable,\n        })}\n      >\n        {children}\n      </Box>\n    );\n  }\n);\n"],"names":["forwardRef","Box","card","Card","props","ref","children","className","align","justify","bordered","raisable","interactable","remaining","disableWrap","stacked","disableGap","disablePadding"],"mappings":";AAAA,SAA8BA,UAAU,QAAQ,QAAQ;AAExD,SAASC,GAAG,QAAQ,gBAAgB;AAEpC,SAAoCC,IAAI,QAAQ,cAAc;AAyB9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCC,GACD,OAAO,MAAMC,qBAAOH,WAClB,SAASG,KAAKC,KAAK,EAAEC,GAAG;IACtB,MAAM,EACJC,QAAQ,EACRC,SAAS,EACTC,QAAQ,SAAS,EACjBC,UAAU,SAAS,EACnBC,QAAQ,EACRC,QAAQ,EACRC,YAAY,EACZ,GAAGC,WACJ,GAAGT;IAEJ,qBACE,KAACH;QACCO,OAAOA;QACPC,SAASA;QACTK,WAAW;QACV,GAAGD,SAAS;QACbE,OAAO;QACPC,UAAU;QACVC,cAAc;QACdZ,KAAKA;QACLE,WAAWL,KAAK;YACdK;YACAG;YACAC;YACAC;QACF;kBAECN;;AAGP,GACA"}
+{"version":3,"sources":["../../src/card/Card.tsx"],"sourcesContent":["import { type HTMLAttributes, forwardRef } from \"react\";\n\nimport { Box } from \"../box/Box.js\";\nimport { type BoxAlignItems, type BoxOptions } from \"../box/styles.js\";\nimport { type CardClassNameOptions, card } 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} and removed the\n * deprecated `raiseable` prop\n */\nexport interface CardProps\n  extends HTMLAttributes<HTMLDivElement>,\n    CardClassNameOptions,\n    Pick<BoxOptions, \"align\" | \"justify\" | \"fullWidth\" | \"disableWrap\"> {\n  /** @defaultValue `\"stretch\"` */\n  align?: BoxAlignItems;\n\n  /** @defaultValue `\"start\"` */\n  justify?: BoxAlignItems;\n}\n\n/**\n * @example Simple Example\n * ```tsx\n * import { Button } from \"@react-md/core/button/Button\";\n * import { Card } from \"@react-md/core/card/Card\";\n * import { CardContent } from \"@react-md/core/card/CardContent\";\n * import { CardFooter } from \"@react-md/core/card/CardFooter\";\n * import { CardHeader } from \"@react-md/core/card/CardHeader\";\n * import { CardTitle } from \"@react-md/core/card/CardTitle\";\n * import { CardSubtitle } from \"@react-md/core/card/CardSubtitle\";\n * import { Typography } from \"@react-md/core/typography/Typography\";\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 * @see {@link https://next.react-md.dev/components/card | Card Demos}\n * @since 6.0.0 Removed the deprecated `raiseable` prop\n * @since 6.0.0 Uses the `Box` component and displays as `flex` instead of\n * `block`/`inline-block`.\n */\nexport const Card = forwardRef<HTMLDivElement, CardProps>(\n  function Card(props, ref) {\n    const {\n      children,\n      className,\n      align = \"stretch\",\n      justify = \"stretch\",\n      bordered,\n      raisable,\n      interactable,\n      ...remaining\n    } = props;\n\n    return (\n      <Box\n        align={align}\n        justify={justify}\n        disableWrap\n        {...remaining}\n        stacked\n        disableGap\n        disablePadding\n        ref={ref}\n        className={card({\n          className,\n          bordered,\n          raisable,\n          interactable,\n        })}\n      >\n        {children}\n      </Box>\n    );\n  }\n);\n"],"names":["forwardRef","Box","card","Card","props","ref","children","className","align","justify","bordered","raisable","interactable","remaining","disableWrap","stacked","disableGap","disablePadding"],"mappings":";AAAA,SAA8BA,UAAU,QAAQ,QAAQ;AAExD,SAASC,GAAG,QAAQ,gBAAgB;AAEpC,SAAoCC,IAAI,QAAQ,cAAc;AAyB9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCC,GACD,OAAO,MAAMC,qBAAOH,WAClB,SAASG,KAAKC,KAAK,EAAEC,GAAG;IACtB,MAAM,EACJC,QAAQ,EACRC,SAAS,EACTC,QAAQ,SAAS,EACjBC,UAAU,SAAS,EACnBC,QAAQ,EACRC,QAAQ,EACRC,YAAY,EACZ,GAAGC,WACJ,GAAGT;IAEJ,qBACE,KAACH;QACCO,OAAOA;QACPC,SAASA;QACTK,WAAW;QACV,GAAGD,SAAS;QACbE,OAAO;QACPC,UAAU;QACVC,cAAc;QACdZ,KAAKA;QACLE,WAAWL,KAAK;YACdK;YACAG;YACAC;YACAC;QACF;kBAECN;;AAGP,GACA"}

package/dist/card/CardContent.d.ts

@@ -7,6 +7,7 @@ import { type CardContentClassNameOptions } from "./styles.js";
 export interface CardContentProps extends HTMLAttributes<HTMLDivElement>, CardContentClassNameOptions {
 }
 /**
+ * @see {@link https://next.react-md.dev/components/card | Card Demos}
  * @since 6.0.0 Renamed `disableExtraPadding` to `disableLastChildPadding` and
  * removed the `disableParagraphMargin` prop.
  */

package/dist/card/CardContent.js

@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { cardContent } from "./styles.js";
 /**
+ * @see {@link https://next.react-md.dev/components/card | Card Demos}
  * @since 6.0.0 Renamed `disableExtraPadding` to `disableLastChildPadding` and
  * removed the `disableParagraphMargin` prop.
  */ export const CardContent = /*#__PURE__*/ forwardRef(function CardContent(props, ref) {

package/dist/card/CardContent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/card/CardContent.tsx"],"sourcesContent":["import { type HTMLAttributes, forwardRef } from \"react\";\n\nimport { type CardContentClassNameOptions, cardContent } 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 * @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"],"mappings":";AAAA,SAA8BA,UAAU,QAAQ,QAAQ;AAExD,SAA2CC,WAAW,QAAQ,cAAc;AAU5E;;;CAGC,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 { type HTMLAttributes, forwardRef } from \"react\";\n\nimport { type CardContentClassNameOptions, cardContent } 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 * @see {@link https://next.react-md.dev/components/card | Card Demos}\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"],"mappings":";AAAA,SAA8BA,UAAU,QAAQ,QAAQ;AAExD,SAA2CC,WAAW,QAAQ,cAAc;AAU5E;;;;CAIC,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

@@ -11,6 +11,7 @@ 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.
  *
+ * @see {@link https://next.react-md.dev/components/card | Card Demos}
  * @since 6.0.0
  */
 export declare const CardFooter: import("react").ForwardRefExoticComponent<CardFooterProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/card/CardFooter.js

@@ -6,6 +6,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.
  *
+ * @see {@link https://next.react-md.dev/components/card | Card Demos}
  * @since 6.0.0
  */ export const CardFooter = /*#__PURE__*/ forwardRef(function CardFooter(props, ref) {
     const { className, children, justify = "flex-end", ...remaining } = props;

package/dist/card/CardFooter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/card/CardFooter.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\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 * 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"],"mappings":";AAAA,SAASA,UAAU,QAAQ,QAAQ;AAEnC,SAASC,GAAG,QAAuB,gBAAgB;AAEnD,SAASC,UAAU,QAAQ,cAAc;AAUzC;;;;;CAKC,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\";\n\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 * A simple wrapper around the {@link Box} component that applies additional\n * padding and applies `justify-content: flex-end;` by default.\n *\n * @see {@link https://next.react-md.dev/components/card | Card Demos}\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"],"mappings":";AAAA,SAASA,UAAU,QAAQ,QAAQ;AAEnC,SAASC,GAAG,QAAuB,gBAAgB;AAEnD,SAASC,UAAU,QAAQ,cAAc;AAUzC;;;;;;CAMC,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

@@ -25,6 +25,7 @@ export interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {
     contentProps?: PropsWithRef<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
 }
 /**
+ * @see {@link https://next.react-md.dev/components/card | Card Demos}
  * @since 6.0.0 Removed the `align` prop.
  * @since 6.0.0 Renamed the `beforeChildren` and `afterChildren` props to
  * `beforeAddon` and `afterAddon`.

package/dist/card/CardHeader.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { cardHeader, cardHeaderContent } from "./styles.js";
 /**
+ * @see {@link https://next.react-md.dev/components/card | Card Demos}
  * @since 6.0.0 Removed the `align` prop.
  * @since 6.0.0 Renamed the `beforeChildren` and `afterChildren` props to
  * `beforeAddon` and `afterAddon`.

package/dist/card/CardHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/card/CardHeader.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactNode, forwardRef } from \"react\";\n\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 * @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"],"mappings":";AAAA,SAA8CA,UAAU,QAAQ,QAAQ;AAGxE,SAASC,UAAU,EAAEC,iBAAiB,QAAQ,cAAc;AA6B5D;;;;;;;;;CASC,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 { type HTMLAttributes, type ReactNode, forwardRef } from \"react\";\n\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 * @see {@link https://next.react-md.dev/components/card | Card Demos}\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"],"mappings":";AAAA,SAA8CA,UAAU,QAAQ,QAAQ;AAGxE,SAASC,UAAU,EAAEC,iBAAiB,QAAQ,cAAc;AA6B5D;;;;;;;;;;CAUC,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

@@ -18,6 +18,7 @@ export interface CardSubtitleProps extends TypographyProps {
     textColor?: TypographyProps["textColor"];
 }
 /**
+ * @see {@link https://next.react-md.dev/components/card | Card Demos}
  * @since 6.0.0 Extends the {@link Typography} component and removed the
  * `noWrap`/`disableSecondaryColor` props.
  */

package/dist/card/CardSubtitle.js

@@ -3,6 +3,7 @@ import { forwardRef } from "react";
 import { Typography } from "../typography/Typography.js";
 import { cardSubtitle } from "./styles.js";
 /**
+ * @see {@link https://next.react-md.dev/components/card | Card Demos}
  * @since 6.0.0 Extends the {@link Typography} component and removed the
  * `noWrap`/`disableSecondaryColor` props.
  */ export const CardSubtitle = /*#__PURE__*/ forwardRef(function CardSubtitle(props, ref) {

package/dist/card/CardSubtitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/card/CardSubtitle.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\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   * Set this to `null` to inherit the current color.\n   *\n   * @defaultValue `\"text-secondary\"`\n   */\n  textColor?: TypographyProps[\"textColor\"];\n}\n\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    textColor = \"text-secondary\",\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      textColor={textColor}\n      className={cardSubtitle({ className })}\n    >\n      {children}\n    </Typography>\n  );\n});\n"],"names":["forwardRef","Typography","cardSubtitle","CardSubtitle","props","ref","children","as","type","margin","textColor","className","remaining"],"mappings":";AAAA,SAASA,UAAU,QAAQ,QAAQ;AAEnC,SACEC,UAAU,QAGL,8BAA8B;AACrC,SAASC,YAAY,QAAQ,cAAc;AAwB3C;;;CAGC,GACD,OAAO,MAAMC,6BAAeH,WAG1B,SAASG,aAAaC,KAAK,EAAEC,GAAG;IAChC,MAAM,EACJC,QAAQ,EACRC,KAAK,IAAI,EACTC,OAAO,YAAY,EACnBC,SAAS,MAAM,EACfC,YAAY,gBAAgB,EAC5BC,SAAS,EACT,GAAGC,WACJ,GAAGR;IAEJ,qBACE,KAACH;QACE,GAAGW,SAAS;QACbP,KAAKA;QACLE,IAAIA;QACJC,MAAMA;QACNC,QAAQA;QACRC,WAAWA;QACXC,WAAWT,aAAa;YAAES;QAAU;kBAEnCL;;AAGP,GAAG"}
+{"version":3,"sources":["../../src/card/CardSubtitle.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\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   * Set this to `null` to inherit the current color.\n   *\n   * @defaultValue `\"text-secondary\"`\n   */\n  textColor?: TypographyProps[\"textColor\"];\n}\n\n/**\n * @see {@link https://next.react-md.dev/components/card | Card Demos}\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    textColor = \"text-secondary\",\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      textColor={textColor}\n      className={cardSubtitle({ className })}\n    >\n      {children}\n    </Typography>\n  );\n});\n"],"names":["forwardRef","Typography","cardSubtitle","CardSubtitle","props","ref","children","as","type","margin","textColor","className","remaining"],"mappings":";AAAA,SAASA,UAAU,QAAQ,QAAQ;AAEnC,SACEC,UAAU,QAGL,8BAA8B;AACrC,SAASC,YAAY,QAAQ,cAAc;AAwB3C;;;;CAIC,GACD,OAAO,MAAMC,6BAAeH,WAG1B,SAASG,aAAaC,KAAK,EAAEC,GAAG;IAChC,MAAM,EACJC,QAAQ,EACRC,KAAK,IAAI,EACTC,OAAO,YAAY,EACnBC,SAAS,MAAM,EACfC,YAAY,gBAAgB,EAC5BC,SAAS,EACT,GAAGC,WACJ,GAAGR;IAEJ,qBACE,KAACH;QACE,GAAGW,SAAS;QACbP,KAAKA;QACLE,IAAIA;QACJC,MAAMA;QACNC,QAAQA;QACRC,WAAWA;QACXC,WAAWT,aAAa;YAAES;QAAU;kBAEnCL;;AAGP,GAAG"}