@carbon/ibm-products 2.96.0 → 2.97.0

package/es/components/AddSelect/next/AddSelectBody.d.ts

@@ -49,7 +49,9 @@ export interface AddSelectBodyProps {
         title: string;
     }>;
     /**
-     * Callback when search term changes
+     * Called when the global search input value changes.
+     * Intended to filter across ALL columns/rows in the Body.
+     * Independent of any per-column search in AddSelectColumn.
      */
     onSearch?: (searchTerm: string) => void;
     /**

package/es/components/AddSelect/next/AddSelectBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddSelectBody.d.ts","sourceRoot":"","sources":["../../../../src/components/AddSelect/next/AddSelectBody.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAGZ,SAAS,EAOV,MAAM,OAAO,CAAC;AAGf,OAAO,EAML,KAAK,WAAW,EAChB,KAAK,QAAQ,EACb,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACf,MAAM,eAAe,CAAC;AAGvB;;;;GAIG;AAEH,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACnC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAChB,WAAW,EACX,WAAW,GAAG,aAAa,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,CAC5D,CAAC;IACF;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC,CAAC;IAC/D;;OAEG;IACH,eAAe,CAAC,EAAE,IAAI,CACpB,eAAe,EACf,iBAAiB,GAAG,WAAW,GAAG,UAAU,CAC7C,CAAC;IACF;;OAEG;IACH,mBAAmB,CAAC,EAAE,IAAI,CACxB,mBAAmB,EACnB,KAAK,GAAG,eAAe,GAAG,UAAU,CACrC,CAAC;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;CACnE;AAED,QAAA,MAAM,aAAa,2FA2QlB,CAAC;AAyCF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"AddSelectBody.d.ts","sourceRoot":"","sources":["../../../../src/components/AddSelect/next/AddSelectBody.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAGZ,SAAS,EAMV,MAAM,OAAO,CAAC;AAGf,OAAO,EAML,KAAK,WAAW,EAChB,KAAK,QAAQ,EACb,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACf,MAAM,eAAe,CAAC;AAGvB;;;;GAIG;AAEH,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACnC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAChB,WAAW,EACX,WAAW,GAAG,aAAa,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,CAC5D,CAAC;IACF;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC,CAAC;IAC/D;;OAEG;IACH,eAAe,CAAC,EAAE,IAAI,CACpB,eAAe,EACf,iBAAiB,GAAG,WAAW,GAAG,UAAU,CAC7C,CAAC;IACF;;OAEG;IACH,mBAAmB,CAAC,EAAE,IAAI,CACxB,mBAAmB,EACnB,KAAK,GAAG,eAAe,GAAG,UAAU,CACrC,CAAC;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;CACnE;AAED,QAAA,MAAM,aAAa,2FAgRlB,CAAC;AAyCF,eAAe,aAAa,CAAC"}

package/es/components/AddSelect/next/AddSelectBody.js

@@ -7,8 +7,8 @@
 
 import { __toESM } from "../../../_virtual/_rolldown/runtime.js";
 import { require_classnames } from "../../../node_modules/classnames/index.js";
-import { AddSelectContext, blockClass } from "./context.js";
-import React, { forwardRef, useContext, useEffect, useRef, useState } from "react";
+import { blockClass } from "./context.js";
+import React, { forwardRef, useEffect, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import { Breadcrumb, BreadcrumbItem, Link, Search, Tag } from "@carbon/react";
 //#region src/components/AddSelect/next/AddSelectBody.tsx
@@ -20,13 +20,14 @@ import { Breadcrumb, BreadcrumbItem, Link, Search, Tag } from "@carbon/react";
 */
 var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
 const AddSelectBody = forwardRef(({ children, className, layout = "vertical", itemsLabel = "", globalSearchLabel = "Search", globalSearchPlaceholder = "Search", searchResultsTitle = "Search results", itemCount, path = [], onSearch, onBreadcrumbClick, headerContent, actionsSlot, subHeaderActions, hideSearch = false, searchProps, tagProps, breadcrumbProps, breadcrumbItemProps, linkProps, ...rest }, ref) => {
-	const { multi } = useContext(AddSelectContext);
-	const [searchTerm, setSearchTerm] = useState("");
+	const [globalSearchTerm, setGlobalSearchTerm] = useState("");
 	const listRef = useRef(null);
 	const focusedIndexRef = useRef(0);
+	const rowsCacheRef = useRef(null);
 	const getItems = () => {
 		if (!listRef.current) return [];
-		return Array.from(listRef.current.querySelectorAll("[role=\"row\"]"));
+		if (rowsCacheRef.current === null) rowsCacheRef.current = Array.from(listRef.current.querySelectorAll("[role=\"row\"]"));
+		return rowsCacheRef.current;
 	};
 	const updateItemFocus = (focusIndex, shouldFocus = true) => {
 		const items = getItems();
@@ -86,11 +87,12 @@ const AddSelectBody = forwardRef(({ children, className, layout = "vertical", it
 		if (handled) event.stopPropagation();
 	};
 	useEffect(() => {
+		rowsCacheRef.current = null;
 		updateItemFocus(0, false);
 	}, [children]);
 	const handleSearch = (event) => {
 		const value = event.target.value;
-		setSearchTerm(value);
+		setGlobalSearchTerm(value);
 		onSearch?.(value);
 	};
 	const bodyClasses = (0, import_classnames.default)(`${blockClass}__body`, className);
@@ -103,9 +105,9 @@ const AddSelectBody = forwardRef(({ children, className, layout = "vertical", it
 		placeholder: globalSearchPlaceholder,
 		size: "lg",
 		onChange: handleSearch,
-		value: searchTerm,
+		value: globalSearchTerm,
 		...searchProps
-	})), actionsSlot && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__global-actions` }, actionsSlot)), /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__sub-header` }, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__tags` }, searchTerm ? /* @__PURE__ */ React.createElement("p", { className: `${blockClass}__tags-label` }, searchResultsTitle) : path && path.length > 0 ? /* @__PURE__ */ React.createElement(Breadcrumb, {
+	})), actionsSlot && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__global-actions` }, actionsSlot)), /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__sub-header` }, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__tags` }, globalSearchTerm ? /* @__PURE__ */ React.createElement("p", { className: `${blockClass}__tags-label` }, searchResultsTitle) : path && path.length > 0 ? /* @__PURE__ */ React.createElement(Breadcrumb, {
 		noTrailingSlash: true,
 		className: `${blockClass}__breadcrumbs`,
 		...breadcrumbProps
@@ -131,10 +133,12 @@ const AddSelectBody = forwardRef(({ children, className, layout = "vertical", it
 		className: `${blockClass}__content`,
 		ref: listRef,
 		role: "grid",
-		"aria-multiselectable": multi,
 		tabIndex: 0,
 		onKeyDown: handleKeyDown
-	}, /* @__PURE__ */ React.createElement("div", { className: (0, import_classnames.default)(`${blockClass}-list-body`, { [`${blockClass}-list-body--horizontal`]: layout === "horizontal" }) }, children)));
+	}, /* @__PURE__ */ React.createElement("div", {
+		className: (0, import_classnames.default)(`${blockClass}-list-body`, { [`${blockClass}-list-body--horizontal`]: layout === "horizontal" }),
+		role: "rowgroup"
+	}, children)));
 });
 AddSelectBody.propTypes = {
 	actionsSlot: PropTypes.node,

package/es/components/AddSelect/next/AddSelectColumn.d.ts

@@ -32,9 +32,10 @@ export interface AddSelectColumnProps {
      */
     searchPlaceholder?: string;
     /**
-     * Callback when search value changes
+     * Called when this column's local search input changes.
+     * Scoped to this column only — independent of AddSelectBody's global search.
      */
-    onSearch?: (value: string) => void;
+    onSearch?: (columnSearchTerm: string) => void;
     /**
      * Actions slot - adds custom actions (filter/sort) next to search
      */

package/es/components/AddSelect/next/AddSelectColumn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddSelectColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/AddSelect/next/AddSelectColumn.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAGZ,SAAS,EAGV,MAAM,OAAO,CAAC;AAGf,OAAO,EAIL,KAAK,WAAW,EAChB,KAAK,QAAQ,EACb,KAAK,aAAa,EACnB,MAAM,eAAe,CAAC;AAGvB;;;;;;;GAOG;AAEH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAChB,WAAW,EACX,WAAW,GAAG,aAAa,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,CAC5D,CAAC;IACF;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC,CAAC;IAC/D;;OAEG;IACH,sBAAsB,CAAC,EAAE,IAAI,CAC3B,aAAa,EACb,IAAI,GAAG,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,CAC1D,CAAC;CACH;AAED,QAAA,MAAM,eAAe,6FA+HpB,CAAC;AA+BF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"AddSelectColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/AddSelect/next/AddSelectColumn.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAGZ,SAAS,EAGV,MAAM,OAAO,CAAC;AAGf,OAAO,EAIL,KAAK,WAAW,EAChB,KAAK,QAAQ,EACb,KAAK,aAAa,EACnB,MAAM,eAAe,CAAC;AAIvB;;;;;;;GAOG;AAEH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,gBAAgB,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAChB,WAAW,EACX,WAAW,GAAG,aAAa,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,CAC5D,CAAC;IACF;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC,CAAC;IAC/D;;OAEG;IACH,sBAAsB,CAAC,EAAE,IAAI,CAC3B,aAAa,EACb,IAAI,GAAG,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,CAC1D,CAAC;CACH;AAED,QAAA,MAAM,eAAe,6FAkIpB,CAAC;AA+BF,eAAe,eAAe,CAAC"}

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

@@ -7,6 +7,7 @@
 
 import { __toESM } from "../../../_virtual/_rolldown/runtime.js";
 import { require_classnames } from "../../../node_modules/classnames/index.js";
+import { useId } from "../../../global/js/utils/useId.js";
 import { AddSelectContext, blockClass } from "./context.js";
 import React, { forwardRef, useState } from "react";
 import PropTypes from "prop-types";
@@ -21,10 +22,11 @@ import { Checkbox, Search, Tag } from "@carbon/react";
 var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
 const AddSelectColumn = 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.useContext(AddSelectContext);
-	const [searchTerm, setSearchTerm] = useState("");
+	const uid = useId();
+	const [columnSearchTerm, setColumnSearchTerm] = useState("");
 	const handleSearch = (e) => {
 		const value = e.target.value;
-		setSearchTerm(value);
+		setColumnSearchTerm(value);
 		onSearch?.(value);
 	};
 	const handleSelectAll = (_event, { checked }) => {
@@ -45,10 +47,10 @@ const AddSelectColumn = forwardRef(({ children, title = "", searchLabel = "Searc
 		placeholder: searchPlaceholder,
 		size: "md",
 		onChange: handleSearch,
-		value: searchTerm,
+		value: columnSearchTerm,
 		...searchProps
 	})), actionsSlot && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}-column__actions` }, actionsSlot)), (showSelectAll || title) && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}-column__header` }, showSelectAll && multi ? /* @__PURE__ */ React.createElement(Checkbox, {
-		id: `select-all-${title}`,
+		id: `${blockClass}-select-all-${uid}`,
 		className: `${blockClass}-column__select-all`,
 		checked: allSelected,
 		indeterminate: allIndeterminate,
@@ -63,7 +65,10 @@ const AddSelectColumn = forwardRef(({ children, title = "", searchLabel = "Searc
 		type: "gray",
 		size: "sm",
 		...tagProps
-	}, itemCount))), /* @__PURE__ */ React.createElement("div", { className: `${blockClass}-column__rows` }, children)));
+	}, itemCount))), /* @__PURE__ */ React.createElement("div", {
+		className: `${blockClass}-column__rows`,
+		role: "rowgroup"
+	}, children)));
 });
 AddSelectColumn.propTypes = {
 	actionsSlot: PropTypes.node,

package/es/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/es/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/es/components/AddSelect/next/AddSelectItemPanel.js

@@ -32,17 +32,16 @@ var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
 * />
 * ```
 */
-const AddSelectItemPanel = forwardRef(({ title = "Item details", item, onClose, closeIconDescription = "Close", children, renderItem, className, closeIconButtonProps, ...rest }, ref) => {
-	const panelClasses = (0, import_classnames.default)(`${blockClass}__item-summary-panel`, className);
+const AddSelectItemPanel = forwardRef(({ title = "Item details", item, onClose, closeIconDescription = "Close", children, renderItem, className, open, closeIconButtonProps, ...rest }, ref) => {
+	const panelClasses = (0, import_classnames.default)(`${blockClass}__item-summary-panel`, className, { [`${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.createElement(React.Fragment, null, entries.map(([key, val]) => /* @__PURE__ */ React.createElement("div", {
-			key,
+		if (!itemDetails || !Array.isArray(itemDetails) || itemDetails.length === 0) return null;
+		return /* @__PURE__ */ React.createElement(React.Fragment, null, itemDetails.map(({ label, value: val }) => /* @__PURE__ */ React.createElement("div", {
+			key: label,
 			className: `${blockClass}__item-summary-panel-entry`
-		}, /* @__PURE__ */ React.createElement("p", { className: `${blockClass}__item-summary-panel-entry-title` }, key), /* @__PURE__ */ React.createElement("p", { className: `${blockClass}__item-summary-panel-entry-body` }, String(val)))));
+		}, /* @__PURE__ */ React.createElement("p", { className: `${blockClass}__item-summary-panel-entry-title` }, label), /* @__PURE__ */ React.createElement("p", { className: `${blockClass}__item-summary-panel-entry-body` }, String(val)))));
 	};
 	const renderItemContent = () => {
 		if (children) return children;
@@ -73,6 +72,7 @@ AddSelectItemPanel.propTypes = {
 	item: PropTypes.object,
 	/**@ts-ignore */
 	onClose: PropTypes.func,
+	open: PropTypes.bool,
 	/**@ts-ignore */
 	renderItem: PropTypes.func,
 	title: PropTypes.string

package/es/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/es/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/es/components/AddSelect/next/AddSelectRow.js

@@ -20,9 +20,10 @@ import { ChevronRight, View } from "@carbon/react/icons";
 * LICENSE file in the root directory of this source tree.
 */
 var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
-const AddSelectRow = 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 = 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 } = useContext(AddSelectContext);
 	const isSelected = selectedItems?.has(itemId) ?? selected;
+	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);
@@ -98,7 +99,7 @@ const AddSelectRow = forwardRef(({ itemId, title, subtitle, value, selected = fa
 		},
 		role: "button",
 		tabIndex: -1,
-		"aria-label": "Navigate to children"
+		"aria-label": navIndicatorLabel ?? `Navigate into ${title}`
 	}, /* @__PURE__ */ React.createElement(ChevronRight, { size: 16 })))));
 });
 AddSelectRow.propTypes = {
@@ -117,6 +118,7 @@ AddSelectRow.propTypes = {
 	itemPanelIconButtonProps: PropTypes.object,
 	itemPanelIconDescription: PropTypes.string,
 	itemPanelOpen: PropTypes.bool,
+	navIndicatorLabel: PropTypes.string,
 	/**@ts-ignore */
 	onItemPanelClick: PropTypes.func,
 	parentId: PropTypes.string,

package/es/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/es/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/es/components/AddSelect/next/AddSelectSelectionSummary.js

@@ -21,63 +21,58 @@ import { Edit } from "@carbon/react/icons";
 */
 var import_classnames = /* @__PURE__ */ __toESM(require_classnames());
 /**
-* 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 = 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 = 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)(`${blockClass}__selection-summary`, className);
-	const hasSelections = selectedItems.length > 0;
 	return /* @__PURE__ */ React.createElement("div", {
 		className: panelClasses,
 		ref,
 		...rest
-	}, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__selection-summary-header` }, headerContent || /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", { className: `${blockClass}__selection-summary-title` }, title), showCount && /* @__PURE__ */ React.createElement(Tag, {
+	}, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__selection-summary-header` }, headerContent || /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("p", { className: `${blockClass}__selection-summary-title` }, title), selectedItemCount !== void 0 && /* @__PURE__ */ React.createElement(Tag, {
 		type: "gray",
 		size: "sm",
 		...tagProps
-	}, selectedItems.length), (showEditIcon || headerActions) && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__selection-summary-header-actions` }, headerActions, showEditIcon && /* @__PURE__ */ React.createElement(IconButton, {
+	}, selectedItemCount), (showEditIcon || headerActions) && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__selection-summary-header-actions` }, headerActions, showEditIcon && /* @__PURE__ */ React.createElement(IconButton, {
 		label: editIconDescription,
 		onClick: onEdit,
 		kind: "ghost",
@@ -85,10 +80,7 @@ const AddSelectSelectionSummary = forwardRef(({ title = "Selected items", select
 		autoAlign: true,
 		className: `${blockClass}__selection-summary-edit-button`,
 		...editIconButtonProps
-	}, /* @__PURE__ */ React.createElement(Edit, { size: 16 }))))), /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__selection-summary-body` }, hasSelections ? children ? children : renderItem ? selectedItems.map((item) => /* @__PURE__ */ React.createElement("div", { key: item.id }, renderItem(item))) : /* @__PURE__ */ React.createElement("div", null, selectedItems.map((item) => /* @__PURE__ */ React.createElement("div", {
-		key: item.id,
-		className: `${blockClass}__selection-summary-item-default`
-	}, /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__selection-summary-item-default-title` }, item.title), item.subtitle && /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__selection-summary-item-default-subtitle` }, item.subtitle)))) : emptyState));
+	}, /* @__PURE__ */ React.createElement(Edit, { size: 16 }))))), /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__selection-summary-body` }, !selectedItemCount ? emptyState : children));
 });
 AddSelectSelectionSummary.propTypes = {
 	children: PropTypes.node,
@@ -101,11 +93,7 @@ AddSelectSelectionSummary.propTypes = {
 	headerContent: PropTypes.node,
 	/**@ts-ignore */
 	onEdit: PropTypes.func,
-	/**@ts-ignore */
-	renderItem: PropTypes.func,
-	/**@ts-ignore */
-	selectedItems: PropTypes.arrayOf(PropTypes.object),
-	showCount: PropTypes.bool,
+	selectedItemCount: PropTypes.number,
 	showEditIcon: PropTypes.bool,
 	/**@ts-ignore */
 	tagProps: PropTypes.object,

package/es/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/es/components/AddSelect/next/AddSelectSelectionSummaryItem.js

@@ -52,14 +52,12 @@ const AddSelectSelectionSummaryItem = forwardRef(({ item, renderAccordionTitle,
 	const defaultTitle = /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__selection-summary-item-selected-item` }, /* @__PURE__ */ React.createElement("p", { className: `${blockClass}__selection-summary-item-title` }, item.title), item.subtitle && /* @__PURE__ */ React.createElement("p", { className: `${blockClass}__selection-summary-item-subtitle` }, item.subtitle));
 	const defaultTitleRow = /* @__PURE__ */ React.createElement("div", { className: `${blockClass}__selection-summary-item-title-wrapper` }, defaultTitle, onRemove && /* @__PURE__ */ React.createElement("div", { className: `${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.createElement(React.Fragment, null, allEntries.map(([key, val]) => /* @__PURE__ */ React.createElement("div", {
-			key,
+		if (!item?.itemDetails || !Array.isArray(item.itemDetails)) return null;
+		if (item.itemDetails.length === 0) return null;
+		return /* @__PURE__ */ React.createElement(React.Fragment, null, item.itemDetails.map(({ label, value: val }) => /* @__PURE__ */ React.createElement("div", {
+			key: label,
 			className: `${blockClass}__selection-summary-item-entry`
-		}, /* @__PURE__ */ React.createElement("p", { className: `${blockClass}__selection-summary-item-header` }, key), /* @__PURE__ */ React.createElement("p", { className: `${blockClass}__selection-summary-item-body` }, String(val)))));
+		}, /* @__PURE__ */ React.createElement("p", { className: `${blockClass}__selection-summary-item-header` }, label), /* @__PURE__ */ React.createElement("p", { className: `${blockClass}__selection-summary-item-body` }, String(val)))));
 	};
 	if (Children.count(children) > 0) return /* @__PURE__ */ React.createElement("div", {
 		className: itemClasses,

package/es/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/es/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/es/components/AddSelect/next/context.js

@@ -15,9 +15,6 @@ import { createContext } from "react";
 * LICENSE file in the root directory of this source tree.
 */
 const blockClass = `${pkg.prefix}--add-select__next`;
-const AddSelectContext = createContext({
-	multi: false,
-	selectedItems: void 0
-});
+const AddSelectContext = createContext({ selectedItems: void 0 });
 //#endregion
 export { AddSelectContext, blockClass };