@carbon/react 1.99.0 → 1.100.0-rc.0

package/lib/components/MultiSelect/MultiSelect.js

@@ -34,6 +34,7 @@ var index = require('../FeatureFlags/index.js');
 var index$1 = require('../AILabel/index.js');
 var defaultItemToString = require('../../internal/defaultItemToString.js');
 var utils = require('../../internal/utils.js');
+var useNormalizedInputProps = require('../../internal/useNormalizedInputProps.js');
 var ListBoxPropTypes = require('../ListBox/ListBoxPropTypes.js');
 
 const {
@@ -73,9 +74,9 @@ const MultiSelect = /*#__PURE__*/React.forwardRef(({
   clearAnnouncement = 'all items have been cleared',
   clearSelectionDescription = 'Total items selected: ',
   light,
-  invalid,
+  invalid = false,
   invalidText,
-  warn,
+  warn = false,
   warnText,
   useTitleInItem,
   translateWithId,
@@ -256,14 +257,22 @@ const MultiSelect = /*#__PURE__*/React.forwardRef(({
     setIsOpenWrapper(open);
     setPrevOpenProp(open);
   }
+  const normalizedProps = useNormalizedInputProps.useNormalizedInputProps({
+    id,
+    disabled,
+    readOnly,
+    invalid,
+    warn
+  });
   const inline = type === 'inline';
-  const showWarning = !invalid && warn;
+  const showWarning = normalizedProps.warn;
+  const showHelperText = !normalizedProps.warn && !normalizedProps.invalid && helperText;
   const wrapperClasses = cx(`${prefix}--multi-select__wrapper`, `${prefix}--list-box__wrapper`, containerClassName, {
     [`${prefix}--multi-select__wrapper--inline`]: inline,
     [`${prefix}--list-box__wrapper--inline`]: inline,
-    [`${prefix}--multi-select__wrapper--inline--invalid`]: inline && invalid,
-    [`${prefix}--list-box__wrapper--inline--invalid`]: inline && invalid,
-    [`${prefix}--list-box__wrapper--fluid--invalid`]: isFluid && invalid,
+    [`${prefix}--multi-select__wrapper--inline--invalid`]: inline && normalizedProps.invalid,
+    [`${prefix}--list-box__wrapper--inline--invalid`]: inline && normalizedProps.invalid,
+    [`${prefix}--list-box__wrapper--fluid--invalid`]: isFluid && normalizedProps.invalid,
     [`${prefix}--list-box__wrapper--slug`]: slug,
     [`${prefix}--list-box__wrapper--decorator`]: decorator
   });
@@ -277,8 +286,8 @@ const MultiSelect = /*#__PURE__*/React.forwardRef(({
     [`${prefix}--form__helper-text--disabled`]: disabled
   });
   const className = cx(`${prefix}--multi-select`, {
-    [`${prefix}--multi-select--invalid`]: invalid,
-    [`${prefix}--multi-select--invalid--focused`]: invalid && inputFocused,
+    [`${prefix}--multi-select--invalid`]: normalizedProps.invalid,
+    [`${prefix}--multi-select--invalid--focused`]: inputFocused && normalizedProps.invalid,
     [`${prefix}--multi-select--warning`]: showWarning,
     [`${prefix}--multi-select--inline`]: inline,
     [`${prefix}--multi-select--selected`]: selectedItems && selectedItems.length > 0,
@@ -449,13 +458,13 @@ const MultiSelect = /*#__PURE__*/React.forwardRef(({
     className: className,
     disabled: disabled,
     light: light,
-    invalid: invalid,
+    invalid: normalizedProps.invalid,
     invalidText: invalidText,
-    warn: warn,
+    warn: normalizedProps.warn,
     warnText: warnText,
     isOpen: isOpen,
     id: id
-  }, invalid && /*#__PURE__*/React.createElement(iconsReact.WarningFilled, {
+  }, normalizedProps.invalid && /*#__PURE__*/React.createElement(iconsReact.WarningFilled, {
     className: `${prefix}--list-box__invalid-icon`
   }), showWarning && /*#__PURE__*/React.createElement(iconsReact.WarningAltFilled, {
     className: `${prefix}--list-box__invalid-icon ${prefix}--list-box__invalid-icon--warning`
@@ -475,7 +484,7 @@ const MultiSelect = /*#__PURE__*/React.forwardRef(({
     className: `${prefix}--list-box__field`,
     disabled: disabled,
     "aria-disabled": disabled || readOnly,
-    "aria-describedby": !inline && !invalid && !warn && helperText ? helperId : undefined
+    "aria-describedby": !inline && showHelperText ? helperId : undefined
   }, toggleButtonProps, {
     ref: mergedRef
   }, readOnlyEventHandlers), /*#__PURE__*/React.createElement("span", {
@@ -530,7 +539,7 @@ const MultiSelect = /*#__PURE__*/React.forwardRef(({
   })), itemsCleared && /*#__PURE__*/React.createElement("span", {
     "aria-live": "assertive",
     "aria-label": clearAnnouncement
-  })), !inline && !invalid && !warn && helperText && /*#__PURE__*/React.createElement("div", {
+  })), !inline && showHelperText && /*#__PURE__*/React.createElement("div", {
     id: helperId,
     className: helperClasses
   }, helperText));

package/lib/components/Notification/Notification.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.
@@ -7,6 +7,7 @@
 import PropTypes from 'prop-types';
 import React, { type ReactNode, type MouseEvent, type ButtonHTMLAttributes, type HTMLAttributes, type ComponentProps } from 'react';
 import Button, { type ButtonProps } from '../Button';
+type NotificationCloseHandler = ((event: MouseEvent) => boolean) | ((event: MouseEvent) => void);
 export interface NotificationActionButtonProps extends ButtonProps<'button'> {
     /**
      * Specify the content of the notification action button.
@@ -151,7 +152,7 @@ export interface ToastNotificationProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Provide a function that is called when menu is closed
      */
-    onClose?(event: MouseEvent): boolean | void;
+    onClose?: NotificationCloseHandler;
     /**
      * Provide a function that is called when the close button is clicked
      */
@@ -277,7 +278,7 @@ export interface InlineNotificationProps extends HTMLAttributes<HTMLDivElement>
     /**
      * Provide a function that is called when menu is closed
      */
-    onClose?(event: MouseEvent): boolean | void;
+    onClose?: NotificationCloseHandler;
     /**
      * Provide a function that is called when the close button is clicked
      */
@@ -409,7 +410,7 @@ export interface ActionableNotificationProps extends HTMLAttributes<HTMLDivEleme
      * Provide a function that is called when menu is closed.
      * Default behavior of hiding the notification is prevented if this function returns false.
      */
-    onClose?(event: MouseEvent): boolean | void;
+    onClose?: NotificationCloseHandler;
     /**
      * Provide a function that is called when the close button is clicked
      */
@@ -617,6 +618,6 @@ export declare namespace Callout {
 /**
  * @deprecated Use `CalloutProps` instead.
  */
-export interface StaticNotificationProps extends CalloutProps {
-}
-export declare const StaticNotification: React.FC<StaticNotificationProps>;
+export type StaticNotificationProps = CalloutProps;
+export declare const StaticNotification: (props: StaticNotificationProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/Notification/Notification.js

@@ -812,7 +812,6 @@ Callout.propTypes = {
 /**
  * @deprecated Use `CalloutProps` instead.
  */
-// eslint-disable-next-line @typescript-eslint/no-empty-object-type -- https://github.com/carbon-design-system/carbon/issues/20452
 
 let didWarnAboutDeprecation = false;
 const StaticNotification = props => {

package/lib/components/OverflowMenu/OverflowMenu.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/lib/components/OverflowMenu/OverflowMenu.js

@@ -79,7 +79,6 @@ const getMenuOffset = (menuBody, direction, trigger, flip) => {
     case 'top':
     case 'bottom':
       {
-        // TODO: Ensure `trigger` is there for `<OverflowMenu open>`
         const triggerWidth = !trigger ? 0 : trigger.offsetWidth;
         return {
           left: (!flip ? 1 : -1) * (menuWidth / 2 - triggerWidth / 2),

package/lib/components/OverflowMenu/index.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/lib/components/PageHeader/PageHeader.d.ts

@@ -4,7 +4,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React, { type ComponentType, type FunctionComponent } from 'react';
+import React, { type ElementType } from 'react';
 import PropTypes from 'prop-types';
 import { TYPES } from '../Tag/Tag';
 /**
@@ -32,7 +32,7 @@ interface PageHeaderBreadcrumbBarProps {
     /**
      * Provide an optional icon to render in front of the PageHeaderContent's title.
      */
-    renderIcon?: ComponentType | FunctionComponent;
+    renderIcon?: ElementType;
     /**
      * The PageHeaderBreadcrumbBar's content actions
      */
@@ -68,7 +68,7 @@ interface PageHeaderContentProps {
     /**
      * Provide an optional icon to render in front of the PageHeaderContent's title.
      */
-    renderIcon?: ComponentType | FunctionComponent;
+    renderIcon?: ElementType;
     /**
      * The PageHeaderContent's title
      */

package/lib/components/Popover/index.js

@@ -149,7 +149,9 @@ forwardRef) {
     refs,
     floatingStyles,
     placement,
-    middlewareData
+    middlewareData,
+    elements,
+    update
   } = react.useFloating(enableFloatingStyles ? {
     placement: align,
     // The floating element is positioned relative to its nearest
@@ -169,12 +171,18 @@ forwardRef) {
     }), react.arrow({
       element: caretRef,
       padding: 16
-    }), autoAlign && react.hide()],
-    whileElementsMounted: react.autoUpdate
+    }), autoAlign && react.hide()]
   } : {}
   // When autoAlign is turned off & the `enable-v12-dynamic-floating-styles` feature flag is not
   // enabled, floating-ui will not be used
   );
+  React.useEffect(() => {
+    if (!enableFloatingStyles) return;
+    if (open && elements.reference && elements.floating) {
+      const cleanup = react.autoUpdate(elements.reference, elements.floating, update);
+      return cleanup;
+    }
+  }, [enableFloatingStyles, open, elements, update]);
   const value = React.useMemo(() => {
     return {
       floating,
@@ -399,11 +407,13 @@ Popover.propTypes = {
    */
   open: PropTypes.bool.isRequired
 };
-function PopoverContentRenderFunction({
-  className,
-  children,
-  ...rest
-}, forwardRef) {
+const frFn = React.forwardRef;
+const PopoverContent = frFn((props, forwardRef) => {
+  const {
+    className,
+    children,
+    ...rest
+  } = props;
   const prefix = usePrefix.usePrefix();
   const {
     setFloating,
@@ -429,8 +439,7 @@ function PopoverContentRenderFunction({
     }),
     ref: caretRef
   }));
-}
-const PopoverContent = /*#__PURE__*/React.forwardRef(PopoverContentRenderFunction);
+});
 PopoverContent.displayName = 'PopoverContent';
 PopoverContent.propTypes = {
   /**

package/lib/components/Search/Search.d.ts

@@ -4,7 +4,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React, { type ChangeEvent, type ComponentType, type FunctionComponent, type HTMLAttributes, type KeyboardEvent, type MouseEvent, type ReactNode } from 'react';
+import React, { type ChangeEvent, type ElementType, type HTMLAttributes, type KeyboardEvent, type MouseEvent, type ReactNode } from 'react';
 type InputPropsBase = Omit<HTMLAttributes<HTMLInputElement>, 'onChange'>;
 export interface SearchProps extends InputPropsBase {
     /**
@@ -61,7 +61,7 @@ export interface SearchProps extends InputPropsBase {
     /**
      * A component used to render an icon.
      */
-    renderIcon?: ComponentType | FunctionComponent;
+    renderIcon?: ElementType;
     /**
      * @deprecated Specify the role for the underlying `<input>`.
      * No longer needed since `<input type="search">` already provides the correct semantics.

package/lib/components/Select/Select.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/lib/components/SkeletonIcon/SkeletonIcon.d.ts

@@ -1,9 +1,23 @@
-import React from 'react';
+/**
+ * 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';
 export interface SkeletonIconProps {
     /**
      * Specify an optional className to add.
      */
     className?: string;
 }
-declare const SkeletonIcon: React.FC<SkeletonIconProps>;
+declare const SkeletonIcon: {
+    ({ className, ...other }: SkeletonIconProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        /**
+         * Specify an optional className to add.
+         */
+        className: PropTypes.Requireable<string>;
+    };
+};
 export default SkeletonIcon;

package/lib/components/SkeletonText/SkeletonText.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/lib/components/Tag/Tag.d.ts

@@ -72,7 +72,7 @@ export interface TagBaseProps {
      */
     slug?: ReactNode;
     /**
-     * @deprecated The `title` prop has been deprecated and will be removed in the next major version. Use DismissibleTag instead.
+     * @deprecated The `title` prop has been deprecated and will be removed in the next major version. Use `children` instead.
      */
     title?: string;
     /**

package/lib/components/Tag/Tag.js

@@ -156,6 +156,8 @@ const TagBase = /*#__PURE__*/React.forwardRef(({
   }, normalizedDecorator) : '');
 });
 const Tag = TagBase;
+
+// @ts-expect-error - `propTypes` isn't typed.
 Tag.propTypes = {
   /**
    * Provide an alternative tag or component to use instead of the default

package/lib/components/Text/Text.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/lib/components/Text/Text.js

@@ -13,7 +13,7 @@ var React = require('react');
 var TextDirectionContext = require('./TextDirectionContext.js');
 
 // eslint-disable-next-line react/display-name -- https://github.com/carbon-design-system/carbon/issues/20452
-const TextBase = /*#__PURE__*/React.forwardRef(({
+const Text = /*#__PURE__*/React.forwardRef(({
   as,
   children,
   dir = 'auto',
@@ -55,7 +55,8 @@ const TextBase = /*#__PURE__*/React.forwardRef(({
     ref: ref
   }, rest, textProps), children));
 });
-const Text = TextBase;
+
+// @ts-expect-error - `propTypes` isn't typed.
 Text.propTypes = {
   /**
    * Provide a custom element type used to render the outermost node

package/lib/components/Text/TextDirection.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/lib/components/Text/TextDirection.js

@@ -25,9 +25,7 @@ const TextDirection = ({
   }, [dir]);
   React.useEffect(() => {
     savedCallback.current = getTextDirection;
-    // TODO: Is this `useEffect` supposed to have a dependency on
-    // `getTextDirection`?
-  });
+  }, [getTextDirection]);
   return /*#__PURE__*/React.createElement(TextDirectionContext.TextDirectionContext.Provider, {
     value: value
   }, children);

package/lib/components/Text/TextDirectionContext.d.ts

@@ -1,14 +1,14 @@
 /**
- * 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 { type MutableRefObject } from 'react';
+import { type RefObject } from 'react';
 export type TextDir = 'ltr' | 'rtl' | 'auto' | string;
 export type GetTextDirection = (text: string | string[] | undefined) => TextDir;
 export interface TextDirectionContextType {
     direction: TextDir;
-    getTextDirection: MutableRefObject<GetTextDirection | undefined>;
+    getTextDirection: RefObject<GetTextDirection | undefined>;
 }
 export declare const TextDirectionContext: import("react").Context<TextDirectionContextType>;

package/lib/components/TextInput/ControlledPasswordInput.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.

package/lib/components/TextInput/PasswordInput.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.

package/lib/components/TextInput/TextInput.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/lib/components/Toggle/Toggle.Skeleton.d.ts

@@ -1,14 +1,20 @@
 /**
- * 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 React from 'react';
+import PropTypes from 'prop-types';
 export interface ToggleSkeletonProps {
     'aria-label'?: string;
     className?: string;
 }
-declare const ToggleSkeleton: React.FC<ToggleSkeletonProps>;
+declare const ToggleSkeleton: {
+    ({ className, ...rest }: ToggleSkeletonProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        'aria-label': PropTypes.Requireable<string>;
+        className: PropTypes.Requireable<string>;
+    };
+};
 export default ToggleSkeleton;
 export { ToggleSkeleton };

package/lib/components/Toggletip/index.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/lib/components/Toggletip/index.js

@@ -188,7 +188,6 @@ Toggletip.propTypes = {
  * `ToggletipButton` controls the visibility of the Toggletip through mouse
  * clicks and keyboard interactions.
  */
-
 const ToggletipButton = /*#__PURE__*/React.forwardRef(function ToggletipButton({
   children,
   className: customClassName,
@@ -229,15 +228,18 @@ ToggletipButton.propTypes = {
   label: PropTypes.string
 };
 ToggletipButton.displayName = 'ToggletipButton';
+const frFn = React.forwardRef;
+
 /**
  * `ToggletipContent` is a wrapper around `PopoverContent`. It places the
  * `children` passed in as a prop inside of `PopoverContent` so that they will
  * be rendered inside of the popover for this component.
  */
-const ToggletipContent = /*#__PURE__*/React.forwardRef(function ToggletipContent({
-  children,
-  className: customClassName
-}, ref) {
+const ToggletipContent = frFn((props, ref) => {
+  const {
+    children,
+    className: customClassName
+  } = props;
   const toggletip = useToggletip();
   const prefix = usePrefix.usePrefix();
   return /*#__PURE__*/React.createElement(index.PopoverContent, _rollupPluginBabelHelpers.extends({

package/lib/components/Tooltip/DefinitionTooltip.d.ts

@@ -4,6 +4,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+import PropTypes from 'prop-types';
 import React from 'react';
 import { PopoverAlignment } from '../Popover';
 export interface DefinitionTooltipProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'id' | 'classname' | 'children' | 'type'> {
@@ -54,5 +55,55 @@ export interface DefinitionTooltipProps extends Omit<React.ButtonHTMLAttributes<
      */
     triggerClassName?: string;
 }
-declare const DefinitionTooltip: React.FC<DefinitionTooltipProps>;
+declare const DefinitionTooltip: {
+    ({ align, autoAlign, className, children, definition, defaultOpen, id, openOnHover, tooltipText, triggerClassName, ...rest }: DefinitionTooltipProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        /**
+         * Specify how the trigger should align with the tooltip
+         */
+        align: PropTypes.Requireable<string>;
+        /**
+         * Will auto-align the popover. This prop is currently experimental and is
+         * subject to future changes. Requires React v17+
+         * @see https://github.com/carbon-design-system/carbon/issues/18714
+         */
+        autoAlign: PropTypes.Requireable<boolean>;
+        /**
+         * The `children` prop will be used as the value that is being defined
+         */
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        /**
+         * Specify an optional className to be applied to the container node
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Specify whether the tooltip should be open when it first renders
+         */
+        defaultOpen: PropTypes.Requireable<boolean>;
+        /**
+         * The `definition` prop is used as the content inside of the tooltip that
+         * appears when a user interacts with the element rendered by the `children`
+         * prop
+         */
+        definition: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        /**
+         * Provide a value that will be assigned as the id of the tooltip
+         */
+        id: PropTypes.Requireable<string>;
+        /**
+         * Specifies whether or not the `DefinitionTooltip` should open on hover or not
+         */
+        openOnHover: PropTypes.Requireable<boolean>;
+        /**
+         * [Deprecated in v11] Please use the `definition` prop instead.
+         *
+         * Provide the text that will be displayed in the tooltip when it is rendered.
+         */
+        tooltipText: (props: Record<string, any>, propName: string, componentName: string, ...rest: any[]) => any;
+        /**
+         * The CSS class name of the trigger element
+         */
+        triggerClassName: PropTypes.Requireable<string>;
+    };
+};
 export { DefinitionTooltip };

package/lib/components/Tooltip/Tooltip.js

@@ -189,6 +189,8 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
     }, label || description))
   );
 });
+
+// @ts-expect-error - `propTypes` isn't typed.
 Tooltip.propTypes = {
   /**
    * Specify how the trigger should align with the tooltip

package/lib/components/TreeView/TreeNode.d.ts

@@ -1,10 +1,10 @@
 /**
- * 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 React, { type ComponentType, type FunctionComponent } from 'react';
+import React, { type ElementType } from 'react';
 type UncontrolledOnToggle = (event: React.MouseEvent | React.KeyboardEvent, node: Pick<TreeNodeProps, 'id' | 'label' | 'value' | 'isExpanded'>) => void;
 type ControlledOnToggle = (isExpanded: TreeNodeProps['isExpanded']) => void;
 export type TreeNodeProps = {
@@ -78,7 +78,7 @@ export type TreeNodeProps = {
     /**
      * A component used to render an icon.
      */
-    renderIcon?: ComponentType | FunctionComponent;
+    renderIcon?: ElementType;
     /**
      * **Note:** this is controlled by the parent TreeView component, do not set manually.
      * Array containing all selected node IDs in the tree
@@ -178,7 +178,7 @@ declare const TreeNode: React.ForwardRefExoticComponent<{
     /**
      * A component used to render an icon.
      */
-    renderIcon?: ComponentType | FunctionComponent;
+    renderIcon?: ElementType;
     /**
      * **Note:** this is controlled by the parent TreeView component, do not set manually.
      * Array containing all selected node IDs in the tree

package/lib/components/UIShell/Header.d.ts

@@ -1,10 +1,11 @@
 /**
- * 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 React, { ReactNode } from 'react';
+import PropTypes from 'prop-types';
+import { ReactNode } from 'react';
 export interface HeaderProps {
     children?: ReactNode;
     /**
@@ -20,5 +21,21 @@ export interface HeaderProps {
      */
     className?: string;
 }
-declare const Header: React.FC<HeaderProps>;
+declare const Header: {
+    ({ className: customClassName, children, ...rest }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        /**
+         * Optionally provide aria-label
+         */
+        'aria-label': PropTypes.Requireable<string>;
+        /**
+         * Optionally provide aria-labelledby
+         */
+        'aria-labelledby': PropTypes.Requireable<string>;
+        /**
+         * Optionally provide a custom class name that is applied to the underlying header
+         */
+        className: PropTypes.Requireable<string>;
+    };
+};
 export default Header;