@carbon/ibm-products 2.94.0 → 2.95.0

package/es/components/Card/next/CardHeaderMedia.js

@@ -0,0 +1,44 @@
+/**
+ * Copyright IBM Corp. 2020, 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { __toESM } from "../../../_virtual/_rolldown/runtime.js";
+import { require_classnames } from "../../../node_modules/classnames/index.js";
+import { pkg } from "../../../settings.js";
+import { getDevtoolsProps } from "../../../global/js/utils/devtools.js";
+import React from "react";
+import PropTypes from "prop-types";
+//#region src/components/Card/next/CardHeaderMedia.tsx
+/**
+* Copyright IBM Corp. 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
+const blockClass = `${pkg.prefix}--card-next`;
+const componentName = "CardHeaderMedia";
+const CardHeaderMedia = ({ children, className, ...rest }) => {
+	const classes = (0, import_classnames.default)(`${blockClass}__header-media`, className);
+	return /* @__PURE__ */ React.createElement("div", {
+		...rest,
+		className: classes,
+		...getDevtoolsProps(componentName)
+	}, children);
+};
+CardHeaderMedia.propTypes = {
+	/**
+	* Provide the contents of the CardHeaderMedia.
+	*/
+	children: PropTypes.node,
+	/**
+	* Provide an optional class to be applied to the containing node.
+	*/
+	className: PropTypes.string
+};
+CardHeaderMedia.displayName = componentName;
+//#endregion
+export { CardHeaderMedia };

package/es/components/Card/next/CardLabel.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React, { ReactNode } from 'react';
+import PropTypes from 'prop-types';
+export interface CardLabelProps {
+    /**
+     * Provide the contents of the CardLabel.
+     */
+    children?: ReactNode;
+    /**
+     * Provide an optional class to be applied to the containing node.
+     */
+    className?: string;
+    /**
+     * Enable text truncation with ellipsis.
+     * @default false
+     */
+    truncate?: boolean;
+}
+/**
+ * CardLabel displays secondary text above the title in the card header.
+ * Uses $label-01 typography token and $text-secondary color.
+ */
+export declare const CardLabel: {
+    ({ children, className, truncate, ...rest }: CardLabelProps): React.JSX.Element;
+    propTypes: {
+        /**
+         * Provide the contents of the CardLabel.
+         */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Provide an optional class to be applied to the containing node.
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Enable text truncation with ellipsis.
+         */
+        truncate: PropTypes.Requireable<boolean>;
+    };
+    displayName: string;
+};
+//# sourceMappingURL=CardLabel.d.ts.map

package/es/components/Card/next/CardLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/next/CardLabel.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,SAAS,MAAM,YAAY,CAAC;AAQnC,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS;iDAKnB,cAAc;;QAiBf;;WAEG;;QAGH;;WAEG;;QAGH;;WAEG;;;;CAfJ,CAAC"}

package/es/components/Card/next/CardLabel.js

@@ -0,0 +1,52 @@
+/**
+ * Copyright IBM Corp. 2020, 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { __toESM } from "../../../_virtual/_rolldown/runtime.js";
+import { require_classnames } from "../../../node_modules/classnames/index.js";
+import { pkg } from "../../../settings.js";
+import { getDevtoolsProps } from "../../../global/js/utils/devtools.js";
+import React from "react";
+import PropTypes from "prop-types";
+//#region src/components/Card/next/CardLabel.tsx
+/**
+* Copyright IBM Corp. 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
+const blockClass = `${pkg.prefix}--card-next`;
+const componentName = "CardLabel";
+/**
+* CardLabel displays secondary text above the title in the card header.
+* Uses $label-01 typography token and $text-secondary color.
+*/
+const CardLabel = ({ children, className, truncate = false, ...rest }) => {
+	const classes = (0, import_classnames.default)(`${blockClass}__label`, { [`${blockClass}__label--truncate`]: truncate }, className);
+	return /* @__PURE__ */ React.createElement("div", {
+		...rest,
+		className: classes,
+		...getDevtoolsProps(componentName)
+	}, children);
+};
+CardLabel.propTypes = {
+	/**
+	* Provide the contents of the CardLabel.
+	*/
+	children: PropTypes.node,
+	/**
+	* Provide an optional class to be applied to the containing node.
+	*/
+	className: PropTypes.string,
+	/**
+	* Enable text truncation with ellipsis.
+	*/
+	truncate: PropTypes.bool
+};
+CardLabel.displayName = componentName;
+//#endregion
+export { CardLabel };

package/es/components/Card/next/CardMedia.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+import { AspectRatioProps } from '@carbon/react';
+export interface CardMediaProps extends Omit<AspectRatioProps, 'className'> {
+    /**
+     * Provide the contents of the CardMedia.
+     */
+    children?: React.ReactNode;
+    /**
+     * Provide an optional class to be applied to the containing node.
+     */
+    className?: string;
+}
+/**
+ * CardMedia is a media slot component that maintains aspect ratio using Carbon's AspectRatio.
+ * Used for images, profiles, tags, large pictograms, and other substantial content in the card.
+ * Supports all Carbon AspectRatio props including ratio: '1x1', '2x1', '2x3', '3x2', '4x3', '9x16', '16x9'
+ */
+export declare const CardMedia: {
+    ({ children, className, ...rest }: CardMediaProps): React.JSX.Element;
+    propTypes: {
+        /**
+         * Provide the contents of the CardMedia.
+         */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Provide an optional class to be applied to the containing node.
+         */
+        className: PropTypes.Requireable<string>;
+    };
+    displayName: string;
+};
+//# sourceMappingURL=CardMedia.d.ts.map

package/es/components/Card/next/CardMedia.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardMedia.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/next/CardMedia.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAO9D,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,gBAAgB,EAAE,WAAW,CAAC;IACzE;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,SAAS;uCAAsC,cAAc;;QAexE;;WAEG;;QAGH;;WAEG;;;;CAVJ,CAAC"}

package/es/components/Card/next/CardMedia.js

@@ -0,0 +1,50 @@
+/**
+ * Copyright IBM Corp. 2020, 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { __toESM } from "../../../_virtual/_rolldown/runtime.js";
+import { require_classnames } from "../../../node_modules/classnames/index.js";
+import { pkg } from "../../../settings.js";
+import { getDevtoolsProps } from "../../../global/js/utils/devtools.js";
+import React from "react";
+import PropTypes from "prop-types";
+import { AspectRatio } from "@carbon/react";
+//#region src/components/Card/next/CardMedia.tsx
+/**
+* Copyright IBM Corp. 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
+const blockClass = `${pkg.prefix}--card-next`;
+const componentName = "CardMedia";
+/**
+* CardMedia is a media slot component that maintains aspect ratio using Carbon's AspectRatio.
+* Used for images, profiles, tags, large pictograms, and other substantial content in the card.
+* Supports all Carbon AspectRatio props including ratio: '1x1', '2x1', '2x3', '3x2', '4x3', '9x16', '16x9'
+*/
+const CardMedia = ({ children, className, ...rest }) => {
+	const classes = (0, import_classnames.default)(`${blockClass}__media`, className);
+	return /* @__PURE__ */ React.createElement(AspectRatio, {
+		...rest,
+		className: classes,
+		...getDevtoolsProps(componentName)
+	}, children);
+};
+CardMedia.propTypes = {
+	/**
+	* Provide the contents of the CardMedia.
+	*/
+	children: PropTypes.node,
+	/**
+	* Provide an optional class to be applied to the containing node.
+	*/
+	className: PropTypes.string
+};
+CardMedia.displayName = componentName;
+//#endregion
+export { CardMedia };

package/es/components/Card/next/CardTitle.d.ts

@@ -0,0 +1,82 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React, { ReactNode } from 'react';
+import PropTypes from 'prop-types';
+export interface CardTitleProps {
+    /**
+     * Provide the contents of the CardTitle.
+     */
+    children?: ReactNode;
+    /**
+     * Provide an optional class to be applied to the containing node.
+     */
+    className?: string;
+    /**
+     * Enable text truncation with ellipsis.
+     * - `true`: Single line truncation
+     * - `number`: Multi-line truncation (line clamp)
+     * @default false
+     */
+    truncate?: boolean | number;
+    /**
+     * Maximum width for the title.
+     * @default '640px'
+     */
+    maxWidth?: string;
+    /**
+     * Optional leading icon or content to display before the title text.
+     * Typically used for icons that adapt to title size:
+     * - Productive density: 16px icon recommended
+     * - Expressive density: 24px icon recommended
+     */
+    titleStart?: ReactNode;
+    /**
+     * Optional trailing icon or content to display after the title text.
+     * Typically used for icons that adapt to title size:
+     * - Productive density: 16px icon recommended
+     * - Expressive density: 24px icon recommended
+     */
+    titleEnd?: ReactNode;
+}
+/**
+ * CardTitle displays the main title text in the card header.
+ * Typography is controlled via className:
+ * - Productive: Use $heading-compact-02 (16px/22px)
+ * - Expressive: Use $heading-03 (20px/28px)
+ * Color uses $text-primary token.
+ */
+export declare const CardTitle: {
+    ({ children, className, truncate, maxWidth, titleStart, titleEnd, ...rest }: CardTitleProps): React.JSX.Element;
+    propTypes: {
+        /**
+         * Provide the contents of the CardTitle.
+         */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Provide an optional class to be applied to the containing node.
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Maximum width for the title.
+         */
+        maxWidth: PropTypes.Requireable<string>;
+        /**
+         * Optional trailing icon or content to display after the title text.
+         */
+        titleEnd: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Optional leading icon or content to display before the title text.
+         */
+        titleStart: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Enable text truncation with ellipsis.
+         */
+        truncate: PropTypes.Requireable<NonNullable<number | boolean>>;
+    };
+    displayName: string;
+};
+//# sourceMappingURL=CardTitle.d.ts.map

package/es/components/Card/next/CardTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardTitle.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/next/CardTitle.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,SAAS,MAAM,YAAY,CAAC;AAQnC,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAE5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,SAAS;iFAQnB,cAAc;;QAuCf;;WAEG;;QAGH;;WAEG;;QAGH;;WAEG;;QAGH;;WAEG;;QAGH;;WAEG;;QAGH;;WAEG;;;;CA9BJ,CAAC"}

package/es/components/Card/next/CardTitle.js

@@ -0,0 +1,77 @@
+/**
+ * Copyright IBM Corp. 2020, 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { __toESM } from "../../../_virtual/_rolldown/runtime.js";
+import { require_classnames } from "../../../node_modules/classnames/index.js";
+import { pkg } from "../../../settings.js";
+import { getDevtoolsProps } from "../../../global/js/utils/devtools.js";
+import React from "react";
+import PropTypes from "prop-types";
+//#region src/components/Card/next/CardTitle.tsx
+/**
+* Copyright IBM Corp. 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
+const blockClass = `${pkg.prefix}--card-next`;
+const componentName = "CardTitle";
+/**
+* CardTitle displays the main title text in the card header.
+* Typography is controlled via className:
+* - Productive: Use $heading-compact-02 (16px/22px)
+* - Expressive: Use $heading-03 (20px/28px)
+* Color uses $text-primary token.
+*/
+const CardTitle = ({ children, className, truncate = false, maxWidth = "640px", titleStart, titleEnd, ...rest }) => {
+	const classes = (0, import_classnames.default)(`${blockClass}__title`, {
+		[`${blockClass}__title--truncate`]: truncate === true,
+		[`${blockClass}__title--truncate-multi`]: typeof truncate === "number",
+		[`${blockClass}__title--with-start-icon`]: titleStart,
+		[`${blockClass}__title--with-end-icon`]: titleEnd
+	}, className);
+	const style = typeof truncate === "number" ? {
+		WebkitLineClamp: truncate,
+		maxWidth
+	} : { maxWidth };
+	return /* @__PURE__ */ React.createElement("div", {
+		...rest,
+		className: classes,
+		style,
+		...getDevtoolsProps(componentName)
+	}, titleStart && /* @__PURE__ */ React.createElement("span", { className: `${blockClass}__title-start-icon` }, titleStart), children, titleEnd && /* @__PURE__ */ React.createElement("span", { className: `${blockClass}__title-end-icon` }, titleEnd));
+};
+CardTitle.propTypes = {
+	/**
+	* Provide the contents of the CardTitle.
+	*/
+	children: PropTypes.node,
+	/**
+	* Provide an optional class to be applied to the containing node.
+	*/
+	className: PropTypes.string,
+	/**
+	* Maximum width for the title.
+	*/
+	maxWidth: PropTypes.string,
+	/**
+	* Optional trailing icon or content to display after the title text.
+	*/
+	titleEnd: PropTypes.node,
+	/**
+	* Optional leading icon or content to display before the title text.
+	*/
+	titleStart: PropTypes.node,
+	/**
+	* Enable text truncation with ellipsis.
+	*/
+	truncate: PropTypes.oneOfType([PropTypes.bool, PropTypes.number])
+};
+CardTitle.displayName = componentName;
+//#endregion
+export { CardTitle };

package/es/components/Card/next/CardTitleMedia.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React, { ReactNode } from 'react';
+export interface CardTitleMediaProps {
+    /**
+     * Content to be rendered in the title media slot (typically an icon or small image)
+     */
+    children?: ReactNode;
+    /**
+     * Optional class name for custom styling
+     */
+    className?: string;
+}
+/**
+ * CardTitleMedia provides a media slot positioned to the left of the card title.
+ * The media slot adapts to the heading area height (min 48px, max 64px) and stays
+ * top-aligned when the title wraps to multiple lines.
+ */
+export declare const CardTitleMedia: React.ForwardRefExoticComponent<CardTitleMediaProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=CardTitleMedia.d.ts.map

package/es/components/Card/next/CardTitleMedia.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardTitleMedia.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/next/CardTitleMedia.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAQrD,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,4FAU1B,CAAC"}

package/es/components/Card/next/CardTitleMedia.js

@@ -0,0 +1,48 @@
+/**
+ * Copyright IBM Corp. 2020, 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { __toESM } from "../../../_virtual/_rolldown/runtime.js";
+import { require_classnames } from "../../../node_modules/classnames/index.js";
+import { pkg } from "../../../settings.js";
+import React, { forwardRef } from "react";
+import PropTypes from "prop-types";
+//#region src/components/Card/next/CardTitleMedia.tsx
+/**
+* Copyright IBM Corp. 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
+const blockClass = `${pkg.prefix}--card-next__title-media`;
+const componentName = "CardTitleMedia";
+/**
+* CardTitleMedia provides a media slot positioned to the left of the card title.
+* The media slot adapts to the heading area height (min 48px, max 64px) and stays
+* top-aligned when the title wraps to multiple lines.
+*/
+const CardTitleMedia = forwardRef(({ className, children, ...rest }, ref) => {
+	const titleMediaClasses = (0, import_classnames.default)(blockClass, className);
+	return /* @__PURE__ */ React.createElement("div", {
+		...rest,
+		ref,
+		className: titleMediaClasses
+	}, children);
+});
+CardTitleMedia.displayName = componentName;
+CardTitleMedia.propTypes = {
+	/**
+	* Content to be rendered in the title media slot (typically an icon or small image)
+	*/
+	children: PropTypes.node,
+	/**
+	* Optional class name for custom styling
+	*/
+	className: PropTypes.string
+};
+//#endregion
+export { CardTitleMedia };

package/es/components/Card/next/index.d.ts

@@ -4,7 +4,6 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-export { Card, CardHeader, CardBody, CardFooter, Root, Header, Body, Footer, } from './Card';
-export type { CardHeaderProps, CardBodyProps, CardFooterProps } from './Card';
-export type { CardProps } from './Card';
+export { Card, CardHeader, CardBody, CardFooter, CardHeaderMedia, CardMedia, CardLabel, CardTitle, CardTitleMedia, CardCaption, CardActions, CardAction, } from './Card';
+export type { CardProps, CardHeaderProps, CardBodyProps, CardFooterProps, CardHeaderMediaProps, CardMediaProps, CardLabelProps, CardTitleProps, CardTitleMediaProps, CardCaptionProps, CardActionsProps, CardActionProps, } from './Card';
 //# sourceMappingURL=index.d.ts.map

package/es/components/Card/next/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/next/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EACL,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,UAAU,EAEV,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,MAAM,GACP,MAAM,QAAQ,CAAC;AAChB,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC9E,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/next/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EACL,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,UAAU,EACV,eAAe,EACf,SAAS,EACT,SAAS,EACT,SAAS,EACT,cAAc,EACd,WAAW,EACX,WAAW,EACX,UAAU,GACX,MAAM,QAAQ,CAAC;AAEhB,YAAY,EACV,SAAS,EACT,eAAe,EACf,aAAa,EACb,eAAe,EACf,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,GAChB,MAAM,QAAQ,CAAC"}

package/es/components/Card/next/index.js

@@ -9,17 +9,29 @@ import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
 import { CardHeader } from "./CardHeader.js";
 import { CardBody } from "./CardBody.js";
 import { CardFooter } from "./CardFooter.js";
-import { Body, Card, Footer, Header, Root } from "./Card.js";
+import { CardHeaderMedia } from "./CardHeaderMedia.js";
+import { CardMedia } from "./CardMedia.js";
+import { CardLabel } from "./CardLabel.js";
+import { CardTitle } from "./CardTitle.js";
+import { CardTitleMedia } from "./CardTitleMedia.js";
+import { CardCaption } from "./CardCaption.js";
+import { CardActions } from "./CardActions.js";
+import { CardAction } from "./CardAction.js";
+import { Card } from "./Card.js";
 //#region src/components/Card/next/index.ts
 var next_exports = /* @__PURE__ */ __exportAll({
-	Body: () => Body,
 	Card: () => Card,
+	CardAction: () => CardAction,
+	CardActions: () => CardActions,
 	CardBody: () => CardBody,
+	CardCaption: () => CardCaption,
 	CardFooter: () => CardFooter,
 	CardHeader: () => CardHeader,
-	Footer: () => Footer,
-	Header: () => Header,
-	Root: () => Root
+	CardHeaderMedia: () => CardHeaderMedia,
+	CardLabel: () => CardLabel,
+	CardMedia: () => CardMedia,
+	CardTitle: () => CardTitle,
+	CardTitleMedia: () => CardTitleMedia
 });
 //#endregion
 export { next_exports };

package/es/components/Coachmark/next/Coachmark/Coachmark.d.ts

@@ -4,7 +4,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { FC, ForwardRefExoticComponent, ReactNode, RefAttributes } from 'react';
+import { FC, ForwardRefExoticComponent, ReactNode, RefAttributes, RefObject } from 'react';
 import { CoachmarkContentProps } from './CoachmarkContent';
 import { NewPopoverAlignment } from '@carbon/react';
 import { CoachmarkContentHeaderProps } from './CoachmarkContentHeader';
@@ -31,7 +31,7 @@ export interface CoachmarkPropsNext {
      */
     align?: NewPopoverAlignment;
     /**
-     * Fine tune the position of the target in pixels.
+     * Fine tune the position of the target in pixels. Applies only to Beacons.
      */
     position?: {
         x: number;
@@ -55,13 +55,19 @@ export interface CoachmarkPropsNext {
     caret?: boolean;
     /**
      * CSS selector for the element that should receive focus when the coachmark opens.
-     * If not provided, no automatic focus management will occur.
      */
     selectorPrimaryFocus?: string;
     /**
      * Prevents the Coachmark from closing when clicking outside of it.
      */
     preventCloseOnClickOutside?: boolean;
+    /**
+     * A ref to the trigger element that launched the Coachmark. When provided,
+     * focus returns to this element when the Coachmark closes, and `aria-expanded`
+     * is automatically managed on that element — do not set `aria-expanded`
+     * directly on the trigger when using this prop.
+     */
+    launcherButtonRef?: RefObject<HTMLElement | null>;
 }
 export type CoachmarkComponent = ForwardRefExoticComponent<CoachmarkPropsNext & RefAttributes<HTMLDivElement>> & {
     Content: FC<CoachmarkContentProps>;

package/es/components/Coachmark/next/Coachmark/Coachmark.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Coachmark.d.ts","sourceRoot":"","sources":["../../../../../src/components/Coachmark/next/Coachmark/Coachmark.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAc,EACZ,EAAE,EACF,yBAAyB,EACzB,SAAS,EACT,aAAa,EAMd,MAAM,OAAO,CAAC;AAOf,OAAyB,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC7E,OAAO,EAAW,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAE7D,OAAO,EAEL,2BAA2B,EAC5B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAEL,yBAAyB,EAC1B,MAAM,wBAAwB,CAAC;AAiBhC,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC;AAGD,MAAM,MAAM,kBAAkB,GAAG,yBAAyB,CACxD,kBAAkB,GAAG,aAAa,CAAC,cAAc,CAAC,CACnD,GAAG;IACF,OAAO,EAAE,EAAE,CAAC,qBAAqB,CAAC,CAAC;IACnC,aAAa,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAC/C,WAAW,EAAE,EAAE,CAAC,yBAAyB,CAAC,CAAC;CAC5C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,SAAS,EA4IjB,kBAAkB,CAAC"}
+{"version":3,"file":"Coachmark.d.ts","sourceRoot":"","sources":["../../../../../src/components/Coachmark/next/Coachmark/Coachmark.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAc,EACZ,EAAE,EACF,yBAAyB,EACzB,SAAS,EACT,aAAa,EACb,SAAS,EAKV,MAAM,OAAO,CAAC;AAOf,OAAyB,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC7E,OAAO,EAAW,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAE7D,OAAO,EAEL,2BAA2B,EAC5B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAEL,yBAAyB,EAC1B,MAAM,wBAAwB,CAAC;AAiBhC,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACnD;AAGD,MAAM,MAAM,kBAAkB,GAAG,yBAAyB,CACxD,kBAAkB,GAAG,aAAa,CAAC,cAAc,CAAC,CACnD,GAAG;IACF,OAAO,EAAE,EAAE,CAAC,qBAAqB,CAAC,CAAC;IACnC,aAAa,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAC;IAC/C,WAAW,EAAE,EAAE,CAAC,yBAAyB,CAAC,CAAC;CAC5C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAwHjB,kBAAkB,CAAC"}

package/es/components/Coachmark/next/Coachmark/Coachmark.js

@@ -34,8 +34,7 @@ const Coachmark = forwardRef((props, ref) => {
 	const { children, className, onClose, align = "bottom", open, position = {
 		x: 0,
 		y: 0
-	}, floating, dropShadow, highContrast, caret, selectorPrimaryFocus, preventCloseOnClickOutside, ...rest } = props;
-	const triggerRef = useRef(null);
+	}, floating, dropShadow, highContrast, caret, selectorPrimaryFocus, preventCloseOnClickOutside, launcherButtonRef, ...rest } = props;
 	const internalRef = useRef(null);
 	const [contentRef, setContentRef] = useState(null);
 	const [openState, setOpenState] = useState(false);
@@ -47,15 +46,9 @@ const Coachmark = forwardRef((props, ref) => {
 	const currentOpen = open ?? openState;
 	const caretValue = caret !== void 0 ? caret : floating === true ? false : true;
 	useEffect(() => {
-		const container = internalRef.current;
-		if (!container) return;
-		const firstFocusable = Array.from(container.querySelectorAll("*")).find((el) => el.tabIndex >= 0 && !el.hasAttribute("disabled"));
-		if (firstFocusable) triggerRef.current = firstFocusable;
-	}, [children, triggerRef]);
-	useEffect(() => {
-		const el = triggerRef.current;
-		if (el) el.setAttribute("aria-expanded", String(!!open));
-	}, [open, triggerRef]);
+		const el = launcherButtonRef?.current;
+		if (el) el.setAttribute("aria-expanded", String(currentOpen));
+	}, [currentOpen, launcherButtonRef]);
 	useEffect(() => {
 		if (!open && contentRef && floating) {
 			contentRef.style.transform = "none";
@@ -87,18 +80,18 @@ const Coachmark = forwardRef((props, ref) => {
 		open: currentOpen,
 		setOpen,
 		align,
-		triggerRef,
+		launcherButtonRef,
 		position,
 		contentRef,
 		setContentRef,
 		floating,
 		selectorPrimaryFocus
 	} }, /* @__PURE__ */ React.createElement("div", {
-		...rest,
 		ref: setRef,
 		className: (0, import_classnames.default)(blockClass, className, { [`${blockClass}--floating`]: floating }),
 		...getDevtoolsProps(componentName)
 	}, /* @__PURE__ */ React.createElement(Popover, {
+		...rest,
 		open: currentOpen,
 		onRequestClose: handleRequestClose,
 		align,

package/es/components/Coachmark/next/Coachmark/CoachmarkContent.d.ts

@@ -20,7 +20,7 @@ export interface CoachmarkContentProps {
     /**
      * Accessible label for the coachmark content region.
      */
-    'aria-label': string;
+    'aria-label'?: string;
 }
 export type CoachmarkContentComponent = ForwardRefExoticComponent<CoachmarkContentProps & RefAttributes<HTMLDivElement>> & {
     Header: FC<CoachmarkContentHeaderProps>;

package/es/components/Coachmark/next/Coachmark/CoachmarkContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CoachmarkContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Coachmark/next/Coachmark/CoachmarkContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAc,EACZ,EAAE,EAEF,yBAAyB,EACzB,YAAY,EACZ,SAAS,EACT,aAAa,EAId,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAMnE,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;IACnC;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,MAAM,yBAAyB,GAAG,yBAAyB,CAC/D,qBAAqB,GAAG,aAAa,CAAC,cAAc,CAAC,CACtD,GAAG;IACF,MAAM,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAC;IACxC,IAAI,EAAE,EAAE,CAAC,yBAAyB,CAAC,CAAC;CACrC,CAAC;AAEF,QAAA,MAAM,gBAAgB,EAwHjB,yBAAyB,CAAC;AAE/B,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"CoachmarkContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Coachmark/next/Coachmark/CoachmarkContent.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAc,EACZ,EAAE,EAEF,yBAAyB,EACzB,YAAY,EACZ,SAAS,EACT,aAAa,EAId,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAMnE,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;IACnC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,MAAM,yBAAyB,GAAG,yBAAyB,CAC/D,qBAAqB,GAAG,aAAa,CAAC,cAAc,CAAC,CACtD,GAAG;IACF,MAAM,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAC;IACxC,IAAI,EAAE,EAAE,CAAC,yBAAyB,CAAC,CAAC;CACrC,CAAC;AAEF,QAAA,MAAM,gBAAgB,EAkHjB,yBAAyB,CAAC;AAE/B,eAAe,gBAAgB,CAAC"}