@carbon/ibm-products 2.96.0 → 2.97.0

package/lib/components/AddSelect/next/AddSelectColumn.js

@@ -7,6 +7,7 @@
 
 const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
 const require_index = require("../../../node_modules/classnames/index.js");
+const require_useId = require("../../../global/js/utils/useId.js");
 const require_context = require("./context.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
@@ -23,10 +24,11 @@ let _carbon_react = require("@carbon/react");
 var import_classnames = /* @__PURE__ */ require_runtime.__toESM(require_index.default);
 const AddSelectColumn = (0, react.forwardRef)(({ children, title = "", searchLabel = "Search", searchPlaceholder = "Search", onSearch, actionsSlot, hideSearch = false, multi = false, showSelectAll = false, itemCount = 0, allSelected = false, allIndeterminate = false, onSelectAll, onNavigate, className, searchProps, tagProps, selectAllCheckboxProps, ...rest }, ref) => {
 	const parentContext = react.default.useContext(require_context.AddSelectContext);
-	const [searchTerm, setSearchTerm] = (0, react.useState)("");
+	const uid = require_useId.useId();
+	const [columnSearchTerm, setColumnSearchTerm] = (0, react.useState)("");
 	const handleSearch = (e) => {
 		const value = e.target.value;
-		setSearchTerm(value);
+		setColumnSearchTerm(value);
 		onSearch?.(value);
 	};
 	const handleSelectAll = (_event, { checked }) => {
@@ -47,10 +49,10 @@ const AddSelectColumn = (0, react.forwardRef)(({ children, title = "", searchLab
 		placeholder: searchPlaceholder,
 		size: "md",
 		onChange: handleSearch,
-		value: searchTerm,
+		value: columnSearchTerm,
 		...searchProps
 	})), actionsSlot && /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}-column__actions` }, actionsSlot)), (showSelectAll || title) && /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}-column__header` }, showSelectAll && multi ? /* @__PURE__ */ react.default.createElement(_carbon_react.Checkbox, {
-		id: `select-all-${title}`,
+		id: `${require_context.blockClass}-select-all-${uid}`,
 		className: `${require_context.blockClass}-column__select-all`,
 		checked: allSelected,
 		indeterminate: allIndeterminate,
@@ -65,7 +67,10 @@ const AddSelectColumn = (0, react.forwardRef)(({ children, title = "", searchLab
 		type: "gray",
 		size: "sm",
 		...tagProps
-	}, itemCount))), /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}-column__rows` }, children)));
+	}, itemCount))), /* @__PURE__ */ react.default.createElement("div", {
+		className: `${require_context.blockClass}-column__rows`,
+		role: "rowgroup"
+	}, children)));
 });
 AddSelectColumn.propTypes = {
 	actionsSlot: prop_types.default.node,

package/lib/components/AddSelect/next/AddSelectItemPanel.d.ts

@@ -42,6 +42,13 @@ export interface AddSelectItemPanelProps {
      * Optional class name
      */
     className?: string;
+    /**
+     * Controls visibility of the panel by toggling the
+     * `${blockClass}__item-summary-panel--open` CSS modifier class.
+     * Use this instead of conditional rendering when you need CSS-driven
+     * slide-in/out transitions.
+     */
+    open?: boolean;
     /**
      * Additional props to pass to the close IconButton
      */

package/lib/components/AddSelect/next/AddSelectItemPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddSelectItemPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/AddSelect/next/AddSelectItemPanel.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAGZ,SAAS,EAEV,MAAM,OAAO,CAAC;AAGf,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAEjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAG1D;;;;GAIG;AAEH,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,SAAS,CAAC;IAChD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,oBAAoB,CAAC,EAAE,IAAI,CACzB,eAAe,EACf,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,CACjE,CAAC;CACH;AAED;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,kBAAkB,gGA6FvB,CAAC;AAmBF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"AddSelectItemPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/AddSelect/next/AddSelectItemPanel.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAGZ,SAAS,EAEV,MAAM,OAAO,CAAC;AAGf,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAEjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAG1D;;;;GAIG;AAEH,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,SAAS,CAAC;IAChD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,oBAAoB,CAAC,EAAE,IAAI,CACzB,eAAe,EACf,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,CACjE,CAAC;CACH;AAED;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,kBAAkB,gGAqGvB,CAAC;AAoBF,eAAe,kBAAkB,CAAC"}

package/lib/components/AddSelect/next/AddSelectItemPanel.js

@@ -34,17 +34,16 @@ var import_classnames = /* @__PURE__ */ require_runtime.__toESM(require_index.de
 * />
 * ```
 */
-const AddSelectItemPanel = (0, react.forwardRef)(({ title = "Item details", item, onClose, closeIconDescription = "Close", children, renderItem, className, closeIconButtonProps, ...rest }, ref) => {
-	const panelClasses = (0, import_classnames.default)(`${require_context.blockClass}__item-summary-panel`, className);
+const AddSelectItemPanel = (0, react.forwardRef)(({ title = "Item details", item, onClose, closeIconDescription = "Close", children, renderItem, className, open, closeIconButtonProps, ...rest }, ref) => {
+	const panelClasses = (0, import_classnames.default)(`${require_context.blockClass}__item-summary-panel`, className, { [`${require_context.blockClass}__item-summary-panel--open`]: open });
 	const defaultContent = () => {
 		if (!item) return null;
 		const { itemDetails } = item;
-		if (!itemDetails || Object.keys(itemDetails).length === 0) return null;
-		const entries = Object.entries(itemDetails);
-		return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, entries.map(([key, val]) => /* @__PURE__ */ react.default.createElement("div", {
-			key,
+		if (!itemDetails || !Array.isArray(itemDetails) || itemDetails.length === 0) return null;
+		return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, itemDetails.map(({ label, value: val }) => /* @__PURE__ */ react.default.createElement("div", {
+			key: label,
 			className: `${require_context.blockClass}__item-summary-panel-entry`
-		}, /* @__PURE__ */ react.default.createElement("p", { className: `${require_context.blockClass}__item-summary-panel-entry-title` }, key), /* @__PURE__ */ react.default.createElement("p", { className: `${require_context.blockClass}__item-summary-panel-entry-body` }, String(val)))));
+		}, /* @__PURE__ */ react.default.createElement("p", { className: `${require_context.blockClass}__item-summary-panel-entry-title` }, label), /* @__PURE__ */ react.default.createElement("p", { className: `${require_context.blockClass}__item-summary-panel-entry-body` }, String(val)))));
 	};
 	const renderItemContent = () => {
 		if (children) return children;
@@ -75,6 +74,7 @@ AddSelectItemPanel.propTypes = {
 	item: prop_types.default.object,
 	/**@ts-ignore */
 	onClose: prop_types.default.func,
+	open: prop_types.default.bool,
 	/**@ts-ignore */
 	renderItem: prop_types.default.func,
 	title: prop_types.default.string

package/lib/components/AddSelect/next/AddSelectRow.d.ts

@@ -97,6 +97,12 @@ export interface AddSelectRowProps {
      * Additional props to pass to the RadioButton component (when multi=false)
      */
     radioButtonProps?: Omit<RadioButtonProps, 'id' | 'className' | 'checked' | 'disabled' | 'labelText' | 'hideLabel' | 'value' | 'onChange'>;
+    /**
+     * Accessible label for the navigation indicator button.
+     * Defaults to `Navigate into <title>` when not provided.
+     * Override this prop to localize the label.
+     */
+    navIndicatorLabel?: string;
     /**
      * Additional props to pass to the IconButton component (info panel)
      */

package/lib/components/AddSelect/next/AddSelectRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddSelectRow.d.ts","sourceRoot":"","sources":["../../../../src/components/AddSelect/next/AddSelectRow.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAGZ,SAAS,EAGV,MAAM,OAAO,CAAC;AAGf,OAAO,EAML,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACrB,MAAM,eAAe,CAAC;AAIvB;;;;GAIG;AAEH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,IAAI,CAClB,aAAa,EACX,IAAI,GACJ,WAAW,GACX,SAAS,GACT,UAAU,GACV,WAAW,GACX,WAAW,GACX,UAAU,CACb,CAAC;IACF;;OAEG;IACH,gBAAgB,CAAC,EAAE,IAAI,CACrB,gBAAgB,EACd,IAAI,GACJ,WAAW,GACX,SAAS,GACT,UAAU,GACV,WAAW,GACX,WAAW,GACX,OAAO,GACP,UAAU,CACb,CAAC;IACF;;OAEG;IACH,wBAAwB,CAAC,EAAE,IAAI,CAC7B,eAAe,EACf,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,CACjE,CAAC;CACH;AAED,QAAA,MAAM,YAAY,0FA0LjB,CAAC;AAgCF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"AddSelectRow.d.ts","sourceRoot":"","sources":["../../../../src/components/AddSelect/next/AddSelectRow.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAGZ,SAAS,EAGV,MAAM,OAAO,CAAC;AAGf,OAAO,EAML,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACrB,MAAM,eAAe,CAAC;AAIvB;;;;GAIG;AAEH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,IAAI,CAClB,aAAa,EACX,IAAI,GACJ,WAAW,GACX,SAAS,GACT,UAAU,GACV,WAAW,GACX,WAAW,GACX,UAAU,CACb,CAAC;IACF;;OAEG;IACH,gBAAgB,CAAC,EAAE,IAAI,CACrB,gBAAgB,EACd,IAAI,GACJ,WAAW,GACX,SAAS,GACT,UAAU,GACV,WAAW,GACX,WAAW,GACX,OAAO,GACP,UAAU,CACb,CAAC;IACF;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,wBAAwB,CAAC,EAAE,IAAI,CAC7B,eAAe,EACf,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,CACjE,CAAC;CACH;AAED,QAAA,MAAM,YAAY,0FAqMjB,CAAC;AAiCF,eAAe,YAAY,CAAC"}

package/lib/components/AddSelect/next/AddSelectRow.js

@@ -22,9 +22,12 @@ let _carbon_react_icons = require("@carbon/react/icons");
 * LICENSE file in the root directory of this source tree.
 */
 var import_classnames = /* @__PURE__ */ require_runtime.__toESM(require_index.default);
-const AddSelectRow = (0, react.forwardRef)(({ itemId, title, subtitle, value, selected = false, indeterminate = false, disabled = false, hasChildren = false, parentId = "", icon, children, rowContent, hasItemPanel = false, onItemPanelClick, itemPanelIconDescription = "View details", itemPanelOpen = false, skeleton = false, className, checkboxProps, radioButtonProps, itemPanelIconButtonProps, ...rest }, ref) => {
+const AddSelectRow = (0, react.forwardRef)(({ itemId, title, subtitle, value, selected = false, indeterminate = false, disabled = false, hasChildren = false, parentId = "", icon, children, rowContent, hasItemPanel = false, onItemPanelClick, itemPanelIconDescription = "View details", itemPanelOpen = false, skeleton = false, className, checkboxProps, radioButtonProps, navIndicatorLabel, itemPanelIconButtonProps, ...rest }, ref) => {
 	const { multi, onItemSelect, onNavigate, selectedItems } = (0, react.useContext)(require_context.AddSelectContext);
 	const isSelected = selectedItems?.has(itemId) ?? selected;
+	if (process.env.NODE_ENV !== "production") {
+		if (selectedItems !== void 0 && selected !== false) console.warn(`[AddSelectRow] Both the \`selected\` prop and \`selectedItems\` context are set on row "${itemId}". The context value takes precedence. Remove the \`selected\` prop when using controlled mode via AddSelect.`);
+	}
 	const handleSelect = () => {
 		if (disabled) return;
 		onItemSelect?.(itemId, !isSelected, value);
@@ -100,7 +103,7 @@ const AddSelectRow = (0, react.forwardRef)(({ itemId, title, subtitle, value, se
 		},
 		role: "button",
 		tabIndex: -1,
-		"aria-label": "Navigate to children"
+		"aria-label": navIndicatorLabel ?? `Navigate into ${title}`
 	}, /* @__PURE__ */ react.default.createElement(_carbon_react_icons.ChevronRight, { size: 16 })))));
 });
 AddSelectRow.propTypes = {
@@ -119,6 +122,7 @@ AddSelectRow.propTypes = {
 	itemPanelIconButtonProps: prop_types.default.object,
 	itemPanelIconDescription: prop_types.default.string,
 	itemPanelOpen: prop_types.default.bool,
+	navIndicatorLabel: prop_types.default.string,
 	/**@ts-ignore */
 	onItemPanelClick: prop_types.default.func,
 	parentId: prop_types.default.string,

package/lib/components/AddSelect/next/AddSelectSelectionSummary.d.ts

@@ -6,7 +6,6 @@
  */
 import React, { ReactNode } from 'react';
 import { type TagProps, type IconButtonProps } from '@carbon/react';
-import type { AddSelectItem } from '@carbon/ibm-products';
 /**
  * ----------------
  * AddSelectSelectionSummary
@@ -18,21 +17,19 @@ export interface AddSelectSelectionSummaryProps {
      */
     title?: string;
     /**
-     * Array of selected items
+     * Number of selected items — shown as a badge next to the title when
+     * provided. The badge is hidden when `selectedItemCount` is omitted.
      */
-    selectedItems?: AddSelectItem[];
+    selectedItemCount?: number;
     /**
-     * Custom content or SelectionSummaryPanelItem components
+     * Custom content or SelectionSummaryItem components
      */
     children?: ReactNode;
     /**
-     * Custom empty state component (user provides)
+     * Custom empty state component — shown when `selectedItemCount` is `0` or
+     * not provided.
      */
     emptyState?: ReactNode;
-    /**
-     * Show count badge
-     */
-    showCount?: boolean;
     /**
      * Show edit icon next to count
      */
@@ -49,10 +46,6 @@ export interface AddSelectSelectionSummaryProps {
      * Optional class name
      */
     className?: string;
-    /**
-     * Custom item renderer
-     */
-    renderItem?: (item: AddSelectItem) => ReactNode;
     /**
      * Custom header content (slot) - replaces entire header section
      */
@@ -71,49 +64,45 @@ export interface AddSelectSelectionSummaryProps {
     editIconButtonProps?: Omit<IconButtonProps, 'label' | 'onClick' | 'kind' | 'size' | 'className' | 'children'>;
 }
 /**
- * AddSelectSelectionSummary - Displays list of selected items
+ * AddSelectSelectionSummary - Displays list of selected items.
+ *
+ * - Pass `selectedItemCount` to show a numeric badge next to the title; omit it to hide the badge.
+ * - Pass `emptyState` to show a placeholder when `selectedItemCount` is `0` or not provided.
  * @example
- * Basic usage:
+ * With count badge:
  * ```jsx
- * <AddSelect.SelectionSummaryPanel
+ * <AddSelect.SelectionSummary
  *   title="Selected items"
- *   selectedItems={items}
- *   showCount
+ *   selectedItemCount={selectedItemsArray.length}
  *   showEditIcon
  *   onEdit={handleEdit}
- * />
+ * >
+ *   {selectedItemsArray.map((item) => (
+ *     <AddSelect.SelectionSummaryItem key={item.id} item={item} onRemove={handleRemove} />
+ *   ))}
+ * </AddSelect.SelectionSummary>
  * ```
  *
- * With custom header actions:
+ * Without badge (omit `selectedItemCount`):
  * ```jsx
- * <AddSelect.SelectionSummaryPanel
- *   title="Selected items"
- *   selectedItems={items}
- *   showCount
- *   headerActions={
- *     <>
- *       <IconButton label="Filter" kind="ghost" size="sm">
- *         <Filter />
- *       </IconButton>
- *       <IconButton label="Sort" kind="ghost" size="sm">
- *         <Sort />
- *       </IconButton>
- *     </>
- *   }
- * />
+ * <AddSelect.SelectionSummary title="Selected items">
+ *   {selectedItemsArray.map((item) => (
+ *     <AddSelect.SelectionSummaryItem key={item.id} item={item} onRemove={handleRemove} />
+ *   ))}
+ * </AddSelect.SelectionSummary>
  * ```
  *
- * With fully custom header:
+ * With empty state (shown when `selectedItemCount` is `0` or not provided):
  * ```jsx
- * <AddSelect.SelectionSummaryPanel
- *   selectedItems={items}
- *   headerContent={
- *     <div className="custom-header">
- *       <h3>My Custom Header</h3>
- *       <Button>Custom Action</Button>
- *     </div>
- *   }
- * />
+ * <AddSelect.SelectionSummary
+ *   title="Selected items"
+ *   selectedItemCount={selectedItemsArray.length}
+ *   emptyState={<NoDataEmptyState />}
+ * >
+ *   {selectedItemsArray.map((item) => (
+ *     <AddSelect.SelectionSummaryItem key={item.id} item={item} onRemove={handleRemove} />
+ *   ))}
+ * </AddSelect.SelectionSummary>
  * ```
  */
 declare const AddSelectSelectionSummary: React.ForwardRefExoticComponent<AddSelectSelectionSummaryProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/AddSelect/next/AddSelectSelectionSummary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddSelectSelectionSummary.d.ts","sourceRoot":"","sources":["../../../../src/components/AddSelect/next/AddSelectSelectionSummary.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAGnE,OAAO,EAGL,KAAK,QAAQ,EACb,KAAK,eAAe,EACrB,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAG1D;;;;GAIG;AAEH,MAAM,WAAW,8BAA8B;IAC7C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,EAAE,CAAC;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,SAAS,CAAC;IAChD;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC,CAAC;IAC/D;;OAEG;IACH,mBAAmB,CAAC,EAAE,IAAI,CACxB,eAAe,EACf,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,CACjE,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,QAAA,MAAM,yBAAyB,uGA0G9B,CAAC;AA0BF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"AddSelectSelectionSummary.d.ts","sourceRoot":"","sources":["../../../../src/components/AddSelect/next/AddSelectSelectionSummary.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAGnE,OAAO,EAGL,KAAK,QAAQ,EACb,KAAK,eAAe,EACrB,MAAM,eAAe,CAAC;AAIvB;;;;GAIG;AAEH,MAAM,WAAW,8BAA8B;IAC7C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC,CAAC;IAC/D;;OAEG;IACH,mBAAmB,CAAC,EAAE,IAAI,CACxB,eAAe,EACf,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,CACjE,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,QAAA,MAAM,yBAAyB,uGAqE9B,CAAC;AAsBF,eAAe,yBAAyB,CAAC"}

package/lib/components/AddSelect/next/AddSelectSelectionSummary.js

@@ -23,63 +23,58 @@ let _carbon_react_icons = require("@carbon/react/icons");
 */
 var import_classnames = /* @__PURE__ */ require_runtime.__toESM(require_index.default);
 /**
-* AddSelectSelectionSummary - Displays list of selected items
+* AddSelectSelectionSummary - Displays list of selected items.
+*
+* - Pass `selectedItemCount` to show a numeric badge next to the title; omit it to hide the badge.
+* - Pass `emptyState` to show a placeholder when `selectedItemCount` is `0` or not provided.
 * @example
-* Basic usage:
+* With count badge:
 * ```jsx
-* <AddSelect.SelectionSummaryPanel
+* <AddSelect.SelectionSummary
 *   title="Selected items"
-*   selectedItems={items}
-*   showCount
+*   selectedItemCount={selectedItemsArray.length}
 *   showEditIcon
 *   onEdit={handleEdit}
-* />
+* >
+*   {selectedItemsArray.map((item) => (
+*     <AddSelect.SelectionSummaryItem key={item.id} item={item} onRemove={handleRemove} />
+*   ))}
+* </AddSelect.SelectionSummary>
 * ```
 *
-* With custom header actions:
+* Without badge (omit `selectedItemCount`):
 * ```jsx
-* <AddSelect.SelectionSummaryPanel
-*   title="Selected items"
-*   selectedItems={items}
-*   showCount
-*   headerActions={
-*     <>
-*       <IconButton label="Filter" kind="ghost" size="sm">
-*         <Filter />
-*       </IconButton>
-*       <IconButton label="Sort" kind="ghost" size="sm">
-*         <Sort />
-*       </IconButton>
-*     </>
-*   }
-* />
+* <AddSelect.SelectionSummary title="Selected items">
+*   {selectedItemsArray.map((item) => (
+*     <AddSelect.SelectionSummaryItem key={item.id} item={item} onRemove={handleRemove} />
+*   ))}
+* </AddSelect.SelectionSummary>
 * ```
 *
-* With fully custom header:
+* With empty state (shown when `selectedItemCount` is `0` or not provided):
 * ```jsx
-* <AddSelect.SelectionSummaryPanel
-*   selectedItems={items}
-*   headerContent={
-*     <div className="custom-header">
-*       <h3>My Custom Header</h3>
-*       <Button>Custom Action</Button>
-*     </div>
-*   }
-* />
+* <AddSelect.SelectionSummary
+*   title="Selected items"
+*   selectedItemCount={selectedItemsArray.length}
+*   emptyState={<NoDataEmptyState />}
+* >
+*   {selectedItemsArray.map((item) => (
+*     <AddSelect.SelectionSummaryItem key={item.id} item={item} onRemove={handleRemove} />
+*   ))}
+* </AddSelect.SelectionSummary>
 * ```
 */
-const AddSelectSelectionSummary = (0, react.forwardRef)(({ title = "Selected items", selectedItems = [], children, emptyState, showCount = true, showEditIcon = false, onEdit, editIconDescription = "Edit selections", className, renderItem, headerContent, headerActions, tagProps, editIconButtonProps, ...rest }, ref) => {
+const AddSelectSelectionSummary = (0, react.forwardRef)(({ title = "Selected items", selectedItemCount, children, emptyState, showEditIcon = false, onEdit, editIconDescription = "Edit selections", className, headerContent, headerActions, tagProps, editIconButtonProps, ...rest }, ref) => {
 	const panelClasses = (0, import_classnames.default)(`${require_context.blockClass}__selection-summary`, className);
-	const hasSelections = selectedItems.length > 0;
 	return /* @__PURE__ */ react.default.createElement("div", {
 		className: panelClasses,
 		ref,
 		...rest
-	}, /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}__selection-summary-header` }, headerContent || /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement("p", { className: `${require_context.blockClass}__selection-summary-title` }, title), showCount && /* @__PURE__ */ react.default.createElement(_carbon_react.Tag, {
+	}, /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}__selection-summary-header` }, headerContent || /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement("p", { className: `${require_context.blockClass}__selection-summary-title` }, title), selectedItemCount !== void 0 && /* @__PURE__ */ react.default.createElement(_carbon_react.Tag, {
 		type: "gray",
 		size: "sm",
 		...tagProps
-	}, selectedItems.length), (showEditIcon || headerActions) && /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}__selection-summary-header-actions` }, headerActions, showEditIcon && /* @__PURE__ */ react.default.createElement(_carbon_react.IconButton, {
+	}, selectedItemCount), (showEditIcon || headerActions) && /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}__selection-summary-header-actions` }, headerActions, showEditIcon && /* @__PURE__ */ react.default.createElement(_carbon_react.IconButton, {
 		label: editIconDescription,
 		onClick: onEdit,
 		kind: "ghost",
@@ -87,10 +82,7 @@ const AddSelectSelectionSummary = (0, react.forwardRef)(({ title = "Selected ite
 		autoAlign: true,
 		className: `${require_context.blockClass}__selection-summary-edit-button`,
 		...editIconButtonProps
-	}, /* @__PURE__ */ react.default.createElement(_carbon_react_icons.Edit, { size: 16 }))))), /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}__selection-summary-body` }, hasSelections ? children ? children : renderItem ? selectedItems.map((item) => /* @__PURE__ */ react.default.createElement("div", { key: item.id }, renderItem(item))) : /* @__PURE__ */ react.default.createElement("div", null, selectedItems.map((item) => /* @__PURE__ */ react.default.createElement("div", {
-		key: item.id,
-		className: `${require_context.blockClass}__selection-summary-item-default`
-	}, /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}__selection-summary-item-default-title` }, item.title), item.subtitle && /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}__selection-summary-item-default-subtitle` }, item.subtitle)))) : emptyState));
+	}, /* @__PURE__ */ react.default.createElement(_carbon_react_icons.Edit, { size: 16 }))))), /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}__selection-summary-body` }, !selectedItemCount ? emptyState : children));
 });
 AddSelectSelectionSummary.propTypes = {
 	children: prop_types.default.node,
@@ -103,11 +95,7 @@ AddSelectSelectionSummary.propTypes = {
 	headerContent: prop_types.default.node,
 	/**@ts-ignore */
 	onEdit: prop_types.default.func,
-	/**@ts-ignore */
-	renderItem: prop_types.default.func,
-	/**@ts-ignore */
-	selectedItems: prop_types.default.arrayOf(prop_types.default.object),
-	showCount: prop_types.default.bool,
+	selectedItemCount: prop_types.default.number,
 	showEditIcon: prop_types.default.bool,
 	/**@ts-ignore */
 	tagProps: prop_types.default.object,

package/lib/components/AddSelect/next/AddSelectSelectionSummaryItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddSelectSelectionSummaryItem.d.ts","sourceRoot":"","sources":["../../../../src/components/AddSelect/next/AddSelectSelectionSummaryItem.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAAsC,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7E,OAAO,EAIL,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACvB,KAAK,eAAe,EACrB,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAG1D;;;;GAIG;AAEH,MAAM,WAAW,kCAAkC;IACjD;;OAEG;IACH,IAAI,EAAE,aAAa,CAAC;IACpB;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,SAAS,CAAC;IAC1D;;OAEG;IACH,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,SAAS,CAAC;IACzD;;;OAGG;IACH,UAAU,CAAC,EAAE,CACX,IAAI,EAAE,aAAa,EACnB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,KAC5B,SAAS,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;IAC5D;;OAEG;IACH,kBAAkB,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;IACpE;;OAEG;IACH,qBAAqB,CAAC,EAAE,IAAI,CAC1B,eAAe,EACf,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,CACxD,CAAC;CACH;AAED;;;;;;;;;;GAUG;AACH,QAAA,MAAM,6BAA6B,2GAiMlC,CAAC;AA4BF,eAAe,6BAA6B,CAAC"}
+{"version":3,"file":"AddSelectSelectionSummaryItem.d.ts","sourceRoot":"","sources":["../../../../src/components/AddSelect/next/AddSelectSelectionSummaryItem.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAAsC,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7E,OAAO,EAIL,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACvB,KAAK,eAAe,EACrB,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAG1D;;;;GAIG;AAEH,MAAM,WAAW,kCAAkC;IACjD;;OAEG;IACH,IAAI,EAAE,aAAa,CAAC;IACpB;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,SAAS,CAAC;IAC1D;;OAEG;IACH,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,SAAS,CAAC;IACzD;;;OAGG;IACH,UAAU,CAAC,EAAE,CACX,IAAI,EAAE,aAAa,EACnB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,KAC5B,SAAS,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;IAC5D;;OAEG;IACH,kBAAkB,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;IACpE;;OAEG;IACH,qBAAqB,CAAC,EAAE,IAAI,CAC1B,eAAe,EACf,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,CACxD,CAAC;CACH;AAED;;;;;;;;;;GAUG;AACH,QAAA,MAAM,6BAA6B,2GAgLlC,CAAC;AA4BF,eAAe,6BAA6B,CAAC"}

package/lib/components/AddSelect/next/AddSelectSelectionSummaryItem.js

@@ -54,14 +54,12 @@ const AddSelectSelectionSummaryItem = (0, react.forwardRef)(({ item, renderAccor
 	const defaultTitle = /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}__selection-summary-item-selected-item` }, /* @__PURE__ */ react.default.createElement("p", { className: `${require_context.blockClass}__selection-summary-item-title` }, item.title), item.subtitle && /* @__PURE__ */ react.default.createElement("p", { className: `${require_context.blockClass}__selection-summary-item-subtitle` }, item.subtitle));
 	const defaultTitleRow = /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}__selection-summary-item-title-wrapper` }, defaultTitle, onRemove && /* @__PURE__ */ react.default.createElement("div", { className: `${require_context.blockClass}__selection-summary-item-remove-button-container` }, RemoveButton));
 	const defaultContent = () => {
-		const itemProps = Object.entries(item).filter(([key]) => key !== "title" && key !== "subtitle" && key !== "icon" && key !== "id" && key !== "children" && key !== "selected" && key !== "status" && key !== "disabled" && key !== "itemDetails");
-		const itemDetailsProps = item.itemDetails ? Object.entries(item.itemDetails) : [];
-		const allEntries = [...itemProps, ...itemDetailsProps];
-		if (allEntries.length === 0) return null;
-		return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, allEntries.map(([key, val]) => /* @__PURE__ */ react.default.createElement("div", {
-			key,
+		if (!item?.itemDetails || !Array.isArray(item.itemDetails)) return null;
+		if (item.itemDetails.length === 0) return null;
+		return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, item.itemDetails.map(({ label, value: val }) => /* @__PURE__ */ react.default.createElement("div", {
+			key: label,
 			className: `${require_context.blockClass}__selection-summary-item-entry`
-		}, /* @__PURE__ */ react.default.createElement("p", { className: `${require_context.blockClass}__selection-summary-item-header` }, key), /* @__PURE__ */ react.default.createElement("p", { className: `${require_context.blockClass}__selection-summary-item-body` }, String(val)))));
+		}, /* @__PURE__ */ react.default.createElement("p", { className: `${require_context.blockClass}__selection-summary-item-header` }, label), /* @__PURE__ */ react.default.createElement("p", { className: `${require_context.blockClass}__selection-summary-item-body` }, String(val)))));
 	};
 	if (react.Children.count(children) > 0) return /* @__PURE__ */ react.default.createElement("div", {
 		className: itemClasses,

package/lib/components/AddSelect/next/context.d.ts

@@ -6,10 +6,18 @@
  */
 export declare const blockClass: string;
 export interface AddSelectContextType {
-    multi?: boolean;
     onItemSelect?: (itemId: string, selected: boolean, value: string) => void;
-    onNavigate?: (itemId: string, title: string, parentId: string) => void;
     selectedItems?: Set<string>;
+    /**
+     * Column-scoped: injected by AddSelectColumn, not by the root AddSelect.
+     * Determines whether rows use checkboxes (true) or radio buttons (false).
+     */
+    multi?: boolean;
+    /**
+     * Column-scoped: injected by AddSelectColumn, not by the root AddSelect.
+     * Called when a row's navigation indicator is clicked.
+     */
+    onNavigate?: (itemId: string, title: string, parentId: string) => void;
 }
 export declare const AddSelectContext: import("react").Context<AddSelectContextType>;
 //# sourceMappingURL=context.d.ts.map

package/lib/components/AddSelect/next/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/AddSelect/next/context.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,eAAO,MAAM,UAAU,QAAoC,CAAC;AAE5D,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1E,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvE,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CAC7B;AAED,eAAO,MAAM,gBAAgB,+CAG3B,CAAC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/components/AddSelect/next/context.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,eAAO,MAAM,UAAU,QAAoC,CAAC;AAE5D,MAAM,WAAW,oBAAoB;IACnC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1E,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC5B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACxE;AAED,eAAO,MAAM,gBAAgB,+CAE3B,CAAC"}

package/lib/components/AddSelect/next/context.js

@@ -16,10 +16,7 @@ let react = require("react");
 * LICENSE file in the root directory of this source tree.
 */
 const blockClass = `${require_settings.pkg.prefix}--add-select__next`;
-const AddSelectContext = (0, react.createContext)({
-	multi: false,
-	selectedItems: void 0
-});
+const AddSelectContext = (0, react.createContext)({ selectedItems: void 0 });
 //#endregion
 exports.AddSelectContext = AddSelectContext;
 exports.blockClass = blockClass;

package/lib/components/Card/next/Card.stories.internal.d.ts

@@ -0,0 +1,114 @@
+/**
+ * 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 './_storybook-styles.scss';
+import '@carbon/charts-react/styles.css';
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("./Card.types").CardProps & React.RefAttributes<HTMLDivElement>> & {
+        Header: React.ForwardRefExoticComponent<import("./Card.types").CardBaseProps & React.RefAttributes<HTMLDivElement>>;
+        Body: React.ForwardRefExoticComponent<import("./Card.types").CardBaseProps & React.RefAttributes<HTMLDivElement>>;
+        Footer: React.ForwardRefExoticComponent<import("./Card.types").CardBaseProps & React.RefAttributes<HTMLDivElement>>;
+        HeaderMedia: React.ForwardRefExoticComponent<import("./CardHeaderMedia").CardHeaderMediaProps & React.RefAttributes<HTMLDivElement>>;
+        Media: React.ForwardRefExoticComponent<import("./CardMedia").CardMediaProps & React.RefAttributes<HTMLDivElement>>;
+        Title: React.ForwardRefExoticComponent<import("./CardTitle").CardTitleProps & React.RefAttributes<HTMLDivElement>>;
+        TitleMedia: React.ForwardRefExoticComponent<import("./CardTitleMedia").CardTitleMediaProps & React.RefAttributes<HTMLDivElement>>;
+        Actions: React.ForwardRefExoticComponent<import("./CardActions").CardActionsProps & React.RefAttributes<HTMLDivElement>>;
+        Action: React.ForwardRefExoticComponent<import("./CardAction").CardActionProps & React.RefAttributes<HTMLDivElement>>;
+    };
+    subcomponents: {
+        CardHeader: React.ForwardRefExoticComponent<import("./Card.types").CardBaseProps & React.RefAttributes<HTMLDivElement>>;
+        CardBody: React.ForwardRefExoticComponent<import("./Card.types").CardBaseProps & React.RefAttributes<HTMLDivElement>>;
+        CardFooter: React.ForwardRefExoticComponent<import("./Card.types").CardBaseProps & React.RefAttributes<HTMLDivElement>>;
+        CardHeaderMedia: React.ForwardRefExoticComponent<import("./CardHeaderMedia").CardHeaderMediaProps & React.RefAttributes<HTMLDivElement>>;
+        CardMedia: React.ForwardRefExoticComponent<import("./CardMedia").CardMediaProps & React.RefAttributes<HTMLDivElement>>;
+        CardTitle: React.ForwardRefExoticComponent<import("./CardTitle").CardTitleProps & React.RefAttributes<HTMLDivElement>>;
+        CardTitleMedia: React.ForwardRefExoticComponent<import("./CardTitleMedia").CardTitleMediaProps & React.RefAttributes<HTMLDivElement>>;
+        CardActions: React.ForwardRefExoticComponent<import("./CardActions").CardActionsProps & React.RefAttributes<HTMLDivElement>>;
+        CardAction: React.ForwardRefExoticComponent<import("./CardAction").CardActionProps & React.RefAttributes<HTMLDivElement>>;
+    };
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        density: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            description: string;
+        };
+        clickable: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+        disabled: {
+            control: {
+                type: string;
+            };
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const Minimal: () => React.JSX.Element;
+export declare const Disabled: () => React.JSX.Element;
+export declare const ProductiveAndExpressive: () => React.JSX.Element;
+export declare const WithIcon: () => React.JSX.Element;
+export declare const WithMedia: () => React.JSX.Element;
+export declare const WithHeaderActions: () => React.JSX.Element;
+export declare const WithHeaderMedia: () => React.JSX.Element;
+export declare const WithTruncatedTitle: () => React.JSX.Element;
+export declare const WithAILabel: () => React.JSX.Element;
+/**
+ * Title Media Story
+ * Demonstrates CardTitleMedia component for icons alongside label+title+caption block
+ */
+export declare const WithTitleMedia: () => React.JSX.Element;
+/**
+ * Title leading icon story demonstrating the titleStart prop
+ * with both productive and expressive densities
+ */
+export declare const WithTitleLeadingIcon: () => React.JSX.Element;
+/**
+ * Title trailing icon story demonstrating the titleEnd prop
+ * with both productive and expressive densities
+ */
+export declare const WithTitleTrailingIcon: () => React.JSX.Element;
+/**
+ * Video card story demonstrating video content inside Card.Media
+ * Uses a sample video to show how video elements work within cards
+ */
+export declare const WithVideo: () => React.JSX.Element;
+/**
+ * Horizontal layout: Card.Media on the left, Header/Body/Footer stacked on the right.
+ *
+ * Usage notes:
+ * - Card.Media must be a direct child of Card (not inside Card.Header).
+ * - mediaWidth controls the media column width (default: 33.33%).
+ * - Content inside Card.Media should fill it: width/height 100% + object-fit: cover.
+ */
+export declare const WithHorizontalMedia: () => React.JSX.Element;
+/**
+ * Recreates the GetStartedCard pattern using composable Card primitives.
+ *
+ * The existing GetStartedCard wraps the legacy Card internally. This story
+ * demonstrates the same four variants using the new composable Card, showing
+ * that the pattern is achievable without a dedicated wrapper component.
+ *
+ * Variants:
+ * 1. Default      — vertical card, pictogram + label + title + metadata footer
+ * 2. withSequence — same but a sequence number replaces the pictogram
+ * 3. withMedia    — horizontal card, content left + image media right
+ * 4. withDisabled — disabled state
+ */
+export declare const GetStartedCard: () => React.JSX.Element;
+export declare const WithChart: () => React.JSX.Element;
+//# sourceMappingURL=Card.stories.internal.d.ts.map

package/lib/components/Card/next/Card.stories.internal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.stories.internal.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/next/Card.stories.internal.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AA0C1B,OAAO,0BAA0B,CAAC;AAClC,OAAO,iCAAiC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIzC,wBAkCE;AAEF,eAAO,MAAM,OAAO,yBA4BnB,CAAC;AAEF,eAAO,MAAM,QAAQ,yBA6CpB,CAAC;AAEF,eAAO,MAAM,uBAAuB,yBA2CnC,CAAC;AAEF,eAAO,MAAM,QAAQ,yBAgFpB,CAAC;AAEF,eAAO,MAAM,SAAS,yBAoErB,CAAC;AAEF,eAAO,MAAM,iBAAiB,yBAgO7B,CAAC;AAEF,eAAO,MAAM,eAAe,yBA0H3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,yBA+D9B,CAAC;AAEF,eAAO,MAAM,WAAW,yBAwIvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,yBAiL1B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,yBAkDhC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,yBAkDjC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,yBA+ErB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB,yBAgI/B,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,cAAc,yBAiF1B,CAAC;AAQF,eAAO,MAAM,SAAS,yBAyHrB,CAAC"}

package/lib/components/CreateModal/CreateModal.d.ts

@@ -64,5 +64,8 @@ resource. It is triggered by a user’s action, appears on top of the main page
 content, and is persistent until dismissed. The purpose of this modal should be
 immediately apparent to the user, with a clear and obvious path to completion.
  */
+/**
+ * @deprecated This component is deprecated.
+ */
 export declare const CreateModal: React.ForwardRefExoticComponent<CreateModalProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=CreateModal.d.ts.map

package/lib/components/CreateModal/CreateModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateModal.d.ts","sourceRoot":"","sources":["../../../src/components/CreateModal/CreateModal.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAYH,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AAWjE,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;IACzD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,IAAI,IAAI,CAAC;IACxB;;;OAGG;IACH,eAAe,CAAC,IAAI,IAAI,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,WAAW,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,oBAAoB,EAAE,MAAM,CAAC;CAC9B;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,yFAoEvB,CAAC"}
+{"version":3,"file":"CreateModal.d.ts","sourceRoot":"","sources":["../../../src/components/CreateModal/CreateModal.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAYH,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AAWjE,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;IACzD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,IAAI,IAAI,CAAC;IACxB;;;OAGG;IACH,eAAe,CAAC,IAAI,IAAI,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,WAAW,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,oBAAoB,EAAE,MAAM,CAAC;CAC9B;AAED;;;;;GAKG;AACH;;GAEG;AACH,eAAO,MAAM,WAAW,yFAoEvB,CAAC"}