@carbon/react 1.99.0 → 1.100.0-rc.0

package/es/components/BadgeIndicator/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 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.

package/es/components/BadgeIndicator/index.js

@@ -7,15 +7,17 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React from 'react';
+import React, { forwardRef } from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-const BadgeIndicator = /*#__PURE__*/React.forwardRef(function BadgeIndicatorContent({
-  className: customClassName,
-  count,
-  ...rest
-}, ref) {
+const frFn = forwardRef;
+const BadgeIndicator = frFn((props, ref) => {
+  const {
+    className: customClassName,
+    count,
+    ...rest
+  } = props;
   const prefix = usePrefix();
   const classNames = cx(`${prefix}--badge-indicator`, customClassName, {
     [`${prefix}--badge-indicator--count`]: count

package/es/components/Breadcrumb/BreadcrumbItem.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 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.

package/es/components/Breadcrumb/BreadcrumbItem.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React, { forwardRef } from 'react';
+import React, { forwardRef, cloneElement, isValidElement } from 'react';
 import cx from 'classnames';
 import Link from '../Link/Link.js';
 import { OverflowMenuHorizontal } from '@carbon/icons-react';
@@ -33,10 +33,9 @@ const BreadcrumbItem = frFn((props, ref) => {
     [`${prefix}--breadcrumb-item--current`]: isCurrentPage && ariaCurrent !== 'page',
     [customClassName]: !!customClassName
   });
-
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452
-  const child = children;
-  if (child.type && child.type.displayName !== undefined && child.type.displayName.includes('OverflowMenu')) {
+  const child = /*#__PURE__*/isValidElement(children) ? children : null;
+  const childType = child?.type;
+  if (child && typeof child.type !== 'string' && childType?.displayName?.includes('OverflowMenu')) {
     const horizontalOverflowIcon = /*#__PURE__*/React.createElement(OverflowMenuHorizontal, {
       className: `${prefix}--overflow-menu__icon`
     });
@@ -66,10 +65,10 @@ const BreadcrumbItem = frFn((props, ref) => {
   return /*#__PURE__*/React.createElement("li", _extends({
     className: className,
     ref: ref
-  }, rest), /*#__PURE__*/React.cloneElement(child, {
+  }, rest), child ? /*#__PURE__*/cloneElement(child, {
     'aria-current': ariaCurrent,
     className: cx(`${prefix}--link`, child.props.className)
-  }));
+  }) : children);
 });
 BreadcrumbItem.displayName = 'BreadcrumbItem';
 BreadcrumbItem.propTypes = {

package/es/components/Button/Button.Skeleton.d.ts

@@ -1,9 +1,10 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * 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 PropTypes from 'prop-types';
 import React from 'react';
 import { ButtonSize } from './Button';
 export interface ButtonSkeletonProps extends React.HTMLAttributes<HTMLElement> {
@@ -23,6 +24,31 @@ export interface ButtonSkeletonProps extends React.HTMLAttributes<HTMLElement> {
      */
     small?: boolean;
 }
-declare const ButtonSkeleton: React.FC<ButtonSkeletonProps>;
+declare const ButtonSkeleton: {
+    ({ className, small, href, size, ...rest }: ButtonSkeletonProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        /**
+         * Specify an optional className to add.
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Optionally specify an href for your Button to become an `<a>` element
+         */
+        href: PropTypes.Requireable<string>;
+        /**
+         * Specify the size of the button, from a list of available sizes.
+         * For `default` buttons, this prop can remain unspecified or use `default`.
+         * In the next major release of Carbon, `default`, `field`, and `small` will be removed
+         */
+        size: PropTypes.Requireable<string>;
+        /**
+         * @deprecated This property will be removed in the next major Carbon version,
+         * use size={sm} instead.
+         *
+         * Specify whether the Button should be a small variant
+         */
+        small: PropTypes.Requireable<boolean>;
+    };
+};
 export default ButtonSkeleton;
 export { ButtonSkeleton };

package/es/components/Button/Button.js

@@ -21,8 +21,6 @@ function isIconOnlyButton(hasIconOnly, _kind) {
   }
   return false;
 }
-
-// eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
 const Button = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     as,
@@ -104,7 +102,10 @@ const Button = /*#__PURE__*/React.forwardRef((props, ref) => {
     );
   }
 });
+
+// @ts-expect-error - `displayName` isn't typed.
 Button.displayName = 'Button';
+// @ts-expect-error - `propTypes` isn't typed.
 Button.propTypes = {
   /**
    * Specify how the button itself should be rendered.

package/es/components/ChatButton/ChatButton.d.ts

@@ -4,7 +4,8 @@
  * 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, { type ComponentType, type FunctionComponent } from 'react';
+import React, { type ComponentProps } from 'react';
+import Button from '../Button';
 export type ChatButtonKind = 'primary' | 'secondary' | 'danger' | 'ghost' | 'tertiary';
 export type ChatButtonSize = 'sm' | 'md' | 'lg';
 export interface ChatButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
@@ -35,7 +36,7 @@ export interface ChatButtonProps extends React.ButtonHTMLAttributes<HTMLButtonEl
     /**
      * A component used to render an icon.
      */
-    renderIcon?: ComponentType | FunctionComponent;
+    renderIcon?: ComponentProps<typeof Button>['renderIcon'];
     /**
      * Specify the size of the `ChatButton`, from the following list of sizes:
      */

package/es/components/CheckboxGroup/CheckboxGroup.d.ts

@@ -4,7 +4,8 @@
  * 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, { type ReactNode } from 'react';
+import PropTypes from 'prop-types';
+import { type ReactNode } from 'react';
 export interface CheckboxGroupProps {
     children?: ReactNode;
     className?: string;
@@ -28,5 +29,62 @@ export interface CustomType {
     size: string;
     kind: string;
 }
-declare const CheckboxGroup: React.FC<CheckboxGroupProps>;
+declare const CheckboxGroup: {
+    ({ children, className, decorator, helperText, invalid, invalidText, legendId, legendText, readOnly, warn, warnText, slug, orientation, ...rest }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        /**
+         * Provide the children form elements to be rendered inside of the <fieldset>
+         */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Provide a custom className to be applied to the containing <fieldset> node
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * **Experimental**: Provide a decorator component to be rendered inside the `CheckboxGroup` component
+         */
+        decorator: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Provide text for the form group for additional help
+         */
+        helperText: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Specify whether the form group is currently invalid
+         */
+        invalid: PropTypes.Requireable<boolean>;
+        /**
+         * Provide the text that is displayed when the form group is in an invalid state
+         */
+        invalidText: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Provide id for the fieldset <legend> which corresponds to the fieldset
+         * `aria-labelledby`
+         */
+        legendId: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Provide the text to be rendered inside of the fieldset <legend>
+         */
+        legendText: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        /**
+         * Provide the orientation for how the checkbox should be displayed
+         */
+        orientation: PropTypes.Requireable<string>;
+        /**
+         * Whether the CheckboxGroup should be read-only
+         */
+        readOnly: PropTypes.Requireable<boolean>;
+        /**
+         * **Experimental**: Provide a `Slug` component to be rendered inside the `CheckboxGroup` component
+         */
+        slug: (props: Record<string, any>, propName: string, componentName: string, ...rest: any[]) => any;
+        /**
+         * Specify whether the form group is currently in warning state
+         */
+        warn: PropTypes.Requireable<boolean>;
+        /**
+         * Provide the text that is displayed when the form group is in warning state
+         */
+        warnText: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+};
 export default CheckboxGroup;

package/es/components/ComboBox/ComboBox.d.ts

@@ -1,11 +1,11 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 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 { UseComboboxProps, UseComboboxActions } from 'downshift';
-import React, { type ComponentType, type InputHTMLAttributes, type MouseEvent, type PropsWithChildren, type PropsWithRef, type ReactElement, type ReactNode, type RefAttributes } from 'react';
+import { type ComponentType, type InputHTMLAttributes, type MouseEvent, type PropsWithChildren, type ReactElement, type ReactNode, type RefAttributes, type RefObject } from 'react';
 import { type ListBoxMenuIconTranslationKey, type ListBoxSelectionTranslationKey, type ListBoxSize } from '../ListBox';
 import type { TranslateWithId } from '../../types/common';
 type ExcludedAttributes = 'id' | 'onChange' | 'onClick' | 'type' | 'size';
@@ -74,7 +74,7 @@ export interface ComboBoxProps<ItemType> extends Omit<InputHTMLAttributes<HTMLIn
      * cases they can not be shimmed by Carbon to shield you from potentially breaking
      * changes.
      */
-    downshiftActions?: React.MutableRefObject<UseComboboxActions<ItemType> | undefined>;
+    downshiftActions?: RefObject<UseComboboxActions<ItemType> | undefined>;
     /**
      * Provide helper text that is used alongside the control label for
      * additional help
@@ -196,7 +196,7 @@ export interface ComboBoxProps<ItemType> extends Omit<InputHTMLAttributes<HTMLIn
      */
     inputProps?: InputHTMLAttributes<HTMLInputElement>;
 }
-type ComboboxComponentProps<ItemType> = PropsWithRef<PropsWithChildren<ComboBoxProps<ItemType>> & RefAttributes<HTMLInputElement>>;
+type ComboboxComponentProps<ItemType> = PropsWithChildren<ComboBoxProps<ItemType>> & RefAttributes<HTMLInputElement>;
 export interface ComboBoxComponent {
     <ItemType>(props: ComboboxComponentProps<ItemType>): ReactElement<any> | null;
 }

package/es/components/ComboBox/ComboBox.js

@@ -193,6 +193,7 @@ const ComboBox = /*#__PURE__*/forwardRef((props, ref) => {
     // eslint-disable-next-line  react-hooks/exhaustive-deps -- https://github.com/carbon-design-system/carbon/issues/20452
   }, [typeahead, inputValue, items, itemToString, autocompleteCustomFilter]);
   const isManualClearingRef = useRef(false);
+  const committedCustomValueRef = useRef('');
   const [isClearing, setIsClearing] = useState(false);
   const prefix = usePrefix();
   const {
@@ -282,11 +283,13 @@ const ComboBox = /*#__PURE__*/forwardRef((props, ref) => {
               return changes;
             }
             const nextSelectedItem = items.find(item => itemToString(item) === inputValue) ?? inputValue;
+            const isCustomSelection = typeof nextSelectedItem === 'string' && !items.some(item => isEqual(item, nextSelectedItem));
             if (!isEqual(currentSelectedItem, nextSelectedItem) && onChange) {
               onChange({
                 selectedItem: nextSelectedItem,
                 inputValue
               });
+              committedCustomValueRef.current = isCustomSelection ? inputValue : '';
             }
             return {
               ...changes,
@@ -525,6 +528,9 @@ const ComboBox = /*#__PURE__*/forwardRef((props, ref) => {
         return;
       }
       if ((type === ItemClick || type === FunctionSelectItem || type === InputKeyDownEnter) && typeof newSelectedItem !== 'undefined' && !isEqual(selectedItemProp, newSelectedItem)) {
+        if (items.some(item => isEqual(item, newSelectedItem))) {
+          committedCustomValueRef.current = '';
+        }
         onChange({
           selectedItem: newSelectedItem
         });
@@ -534,7 +540,7 @@ const ComboBox = /*#__PURE__*/forwardRef((props, ref) => {
 
   // Keep the dropdown highlight in sync with either the controlled value or
   // Downshift's own selection when uncontrolled.
-  const menuSelectedItem = typeof selectedItemProp !== 'undefined' ? selectedItemProp : selectedItem;
+  const currentSelectedItem = typeof selectedItemProp !== 'undefined' ? selectedItemProp : selectedItem;
   useEffect(() => {
     // Used to expose the downshift actions to consumers for use with downshiftProps
     // An odd pattern, here we mutate the value stored in the ref provided from the consumer.
@@ -649,8 +655,18 @@ const ComboBox = /*#__PURE__*/forwardRef((props, ref) => {
     ...inputProps,
     onChange: e => {
       const newValue = e.target.value;
+      const shouldClearSelection = allowCustomValue && committedCustomValueRef.current && inputValue === committedCustomValueRef.current && newValue === '';
       setInputValue(newValue);
       downshiftSetInputValue(newValue);
+      if (shouldClearSelection) {
+        setIsClearing(true);
+        onChange({
+          selectedItem: null,
+          inputValue: ''
+        });
+        selectItem(null);
+        committedCustomValueRef.current = '';
+      }
     },
     ref: mergeRefs(textInput, ref, inputRef),
     onKeyDown: event => {
@@ -667,6 +683,7 @@ const ComboBox = /*#__PURE__*/forwardRef((props, ref) => {
         // manually fire it when `allowCustomValue` is provided, the menu is closing,
         // and there is a value.
         if (allowCustomValue && isOpen && inputValue && highlightedIndex === -1) {
+          committedCustomValueRef.current = inputValue;
           onChange({
             selectedItem: null,
             inputValue
@@ -731,6 +748,7 @@ const ComboBox = /*#__PURE__*/forwardRef((props, ref) => {
         selectedItem: null
       });
       selectItem(null);
+      committedCustomValueRef.current = '';
       handleSelectionClear();
     },
     translateWithId: translateWithId,
@@ -762,13 +780,13 @@ const ComboBox = /*#__PURE__*/forwardRef((props, ref) => {
     } = itemProps;
     return /*#__PURE__*/React.createElement(ListBox.MenuItem, _extends({
       key: itemProps.id,
-      isActive: isEqual(menuSelectedItem, item),
+      isActive: isEqual(currentSelectedItem, item),
       isHighlighted: highlightedIndex === index,
       title: title,
       disabled: disabled
     }, modifiedItemProps), ItemToElement ? /*#__PURE__*/React.createElement(ItemToElement, _extends({
       key: itemProps.id
-    }, item)) : itemToString(item), isEqual(menuSelectedItem, item) && /*#__PURE__*/React.createElement(Checkmark, {
+    }, item)) : itemToString(item), isEqual(currentSelectedItem, item) && /*#__PURE__*/React.createElement(Checkmark, {
       className: `${prefix}--list-box__menu-item__selected-icon`
     }));
   }) : null)), helperText && !invalid && !warn && !isFluid && /*#__PURE__*/React.createElement(Text, {

package/es/components/ComposedModal/ComposedModal.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2023, 2025
+ * Copyright IBM Corp. 2023, 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.
@@ -61,7 +61,7 @@ export interface ComposedModalProps extends HTMLAttributes<HTMLDivElement> {
      * Specify an optional handler for closing modal.
      * Returning `false` here prevents closing modal.
      */
-    onClose?(event: MouseEvent): void | boolean;
+    onClose?: ((event: MouseEvent) => boolean) | ((event: MouseEvent) => void);
     /**
      * Called for all `onKeyDown` events that do not close the modal
      */

package/es/components/ContainedList/ContainedList.d.ts

@@ -4,12 +4,9 @@
  * 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 ContainedListItem from './ContainedListItem';
+import { ReactNode } from 'react';
+import PropTypes from 'prop-types';
 declare const variants: readonly ["on-page", "disclosed"];
-export type ContainedListType = React.FC<ContainedListProps> & {
-    ContainedListItem: typeof ContainedListItem;
-};
 export type Variants = (typeof variants)[number];
 export interface ContainedListProps {
     /**
@@ -41,5 +38,37 @@ export interface ContainedListProps {
      */
     size?: 'sm' | 'md' | 'lg' | 'xl';
 }
-declare const ContainedList: ContainedListType;
+declare const ContainedList: {
+    ({ action, children, className, isInset, kind, label, size, ...rest }: ContainedListProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        /**
+         * A slot for a possible interactive element to render.
+         */
+        action: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * A collection of ContainedListItems to be rendered in the ContainedList
+         */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Additional CSS class names.
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Specify whether the dividing lines in between list items should be inset.
+         */
+        isInset: PropTypes.Requireable<boolean>;
+        /**
+         * The kind of ContainedList you want to display
+         */
+        kind: PropTypes.Requireable<"on-page" | "disclosed">;
+        /**
+         * A label describing the contained list.
+         */
+        label: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        /**
+         * Specify the size of the contained list.
+         */
+        size: PropTypes.Requireable<string>;
+    };
+};
 export default ContainedList;

package/es/components/ContainedList/ContainedList.js

@@ -132,6 +132,8 @@ ContainedList.propTypes = {
    */
   size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl'])
 };
-ContainedList.ContainedListItem = ContainedListItem;
+Object.assign(ContainedList, {
+  ContainedListItem
+});
 
 export { ContainedList as default };

package/es/components/ContainedList/ContainedListItem/ContainedListItem.d.ts

@@ -4,7 +4,8 @@
  * 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, { type ComponentType, type FunctionComponent, ReactNode } from 'react';
+import { type ElementType, type ReactNode } from 'react';
+import PropTypes from 'prop-types';
 interface ContainedListItemProps {
     /**
      * A slot for a possible interactive element to render within the item.
@@ -29,7 +30,35 @@ interface ContainedListItemProps {
     /**
      * A component used to render an icon.
      */
-    renderIcon?: ComponentType | FunctionComponent;
+    renderIcon?: ElementType;
 }
-declare const ContainedListItem: React.FC<ContainedListItemProps>;
+declare const ContainedListItem: {
+    ({ action, children, className, disabled, onClick, renderIcon: IconElement, ...rest }: ContainedListItemProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        /**
+         * A slot for a possible interactive element to render within the item.
+         */
+        action: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * The content of this item. Must not contain any interactive elements. Use props.action to include those.
+         */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /**
+         * Additional CSS class names.
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Whether this item is disabled.
+         */
+        disabled: PropTypes.Requireable<boolean>;
+        /**
+         * Provide an optional function to be called when the item is clicked.
+         */
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * A component used to render an icon.
+         */
+        renderIcon: PropTypes.Requireable<object>;
+    };
+};
 export default ContainedListItem;

package/es/components/ContainedList/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2022
+ * Copyright IBM Corp. 2022, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/components/ContainedList/index.js

@@ -9,8 +9,11 @@ import { deprecateFieldOnObject } from '../../internal/deprecateFieldOnObject.js
 import ContainedList from './ContainedList.js';
 import ContainedListItem from './ContainedListItem/ContainedListItem.js';
 
-ContainedList.ContainedListItem = ContainedListItem;
 if (process.env.NODE_ENV !== 'production') {
+  // @ts-expect-error - This component did not have a `displayName` before it
+  // was properly typed. After adding proper typing, a type error appears here.
+  // The warning logged to the console includes `undefined` because no
+  // `displayName` is set.
   deprecateFieldOnObject(ContainedList, 'ContainedListItem', ContainedListItem);
 }
 

package/es/components/DangerButton/DangerButton.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 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.

package/es/components/DataTable/DataTable.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 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.
@@ -140,7 +140,7 @@ export interface DataTableRenderProps<RowType, ColTypes extends any[]> {
         [key: string]: unknown;
     }) => {
         onCancel: () => void;
-        onSelectAll?: () => void | undefined;
+        onSelectAll?: () => void;
         shouldShowBatchActions: boolean;
         totalCount: number;
         totalSelected: number;
@@ -367,7 +367,15 @@ export declare const DataTable: {
             slug: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         };
     };
-    TableToolbar: React.FC<import("./TableToolbar").TableToolbarProps>;
+    TableToolbar: {
+        ({ ["aria-label"]: ariaLabel, ariaLabel: deprecatedAriaLabel, children, size, ...rest }: import("./TableToolbar").TableToolbarProps): import("react/jsx-runtime").JSX.Element;
+        propTypes: {
+            "aria-label": PropTypes.Requireable<string>;
+            ariaLabel: (props: Record<string, any>, propName: string, componentName: string, ...rest: any[]) => any;
+            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            size: PropTypes.Requireable<string>;
+        };
+    };
     TableToolbarAction: React.ForwardRefExoticComponent<import("./TableToolbarAction").TableToolbarActionProps & React.RefAttributes<HTMLDivElement>>;
     TableToolbarContent: (props: React.HTMLAttributes<"div">) => React.ReactElement<any>;
     TableToolbarSearch: {
@@ -394,12 +402,21 @@ export declare const DataTable: {
             translateWithId: PropTypes.Requireable<(...args: any[]) => any>;
         };
     };
-    TableToolbarMenu: React.FC<import("./TableToolbarMenu").TableToolbarMenuProps>;
+    TableToolbarMenu: {
+        ({ className, renderIcon, iconDescription, children, menuOptionsClass, ...rest }: import("./TableToolbarMenu").TableToolbarMenuProps): import("react/jsx-runtime").JSX.Element;
+        propTypes: {
+            children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+            className: PropTypes.Requireable<string>;
+            iconDescription: PropTypes.Requireable<string>;
+            menuOptionsClass: PropTypes.Requireable<string>;
+            renderIcon: PropTypes.Requireable<object>;
+        };
+    };
     propTypes: {
         /**
          * Pass in the children that will be rendered within the Table
          */
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        children: PropTypes.Requireable<(...args: any[]) => any>;
         /**
          * Experimental property. Allows table to align cell contents to the top if there is text wrapping in the content. Might have performance issues, intended for smaller tables
          */

package/es/components/DataTable/DataTable.js

@@ -582,7 +582,7 @@ DataTable.propTypes = {
   /**
    * Pass in the children that will be rendered within the Table
    */
-  children: PropTypes.node,
+  children: PropTypes.func,
   /**
    * Experimental property. Allows table to align cell contents to the top if there is text wrapping in the content. Might have performance issues, intended for smaller tables
    */

package/es/components/DataTable/TableExpandRow.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 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.

package/es/components/DataTable/TableExpandRow.js

@@ -8,7 +8,7 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React, { Children, isValidElement } from 'react';
+import React, { forwardRef, Children, isValidElement } from 'react';
 import { ChevronRight } from '@carbon/icons-react';
 import TableCell from './TableCell.js';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -19,7 +19,7 @@ import { isComponentElement } from '../../internal/utils.js';
 
 /** Props shared between `TableRow` and `TableExpandRow`. */
 
-const TableExpandRow = /*#__PURE__*/React.forwardRef(({
+const TableExpandRow = /*#__PURE__*/forwardRef(({
   ['aria-controls']: ariaControls,
   ['aria-label']: ariaLabel,
   ariaLabel: deprecatedAriaLabel,

package/es/components/DataTable/TableHeader.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 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.