@carbon/react 1.82.1 → 1.83.0

package/es/components/DatePicker/DatePicker.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { useContext, useState, useCallback, useRef, useEffect, useImperativeHandle } from 'react';
+import React, { useContext, useState, useCallback, useRef, useEffect, useImperativeHandle } from 'react';
 import cx from 'classnames';
 import flatpickr from 'flatpickr';
 import l10n from 'flatpickr/dist/l10n/index';
@@ -132,7 +132,7 @@ function updateClassNames(calendar, prefix) {
     });
   }
 }
-const DatePicker = /*#__PURE__*/React__default.forwardRef(function DatePicker(_ref, ref) {
+const DatePicker = /*#__PURE__*/React.forwardRef(function DatePicker(_ref, ref) {
   let {
     allowInput,
     appendTo,
@@ -221,29 +221,29 @@ const DatePicker = /*#__PURE__*/React__default.forwardRef(function DatePicker(_r
   const wrapperClasses = cx(`${prefix}--form-item`, {
     [String(className)]: className
   });
-  const childrenWithProps = React__default.Children.toArray(children).map((child, index) => {
-    if (index === 0 && child.type === React__default.createElement(DatePickerInput, child.props).type) {
-      return /*#__PURE__*/React__default.cloneElement(child, {
+  const childrenWithProps = React.Children.toArray(children).map((child, index) => {
+    if (index === 0 && child.type === React.createElement(DatePickerInput, child.props).type) {
+      return /*#__PURE__*/React.cloneElement(child, {
         datePickerType,
         ref: startInputField,
         readOnly
       });
     }
-    if (index === 1 && child.type === React__default.createElement(DatePickerInput, child.props).type) {
-      return /*#__PURE__*/React__default.cloneElement(child, {
+    if (index === 1 && child.type === React.createElement(DatePickerInput, child.props).type) {
+      return /*#__PURE__*/React.cloneElement(child, {
         datePickerType,
         ref: endInputField,
         readOnly
       });
     }
     if (index === 0) {
-      return /*#__PURE__*/React__default.cloneElement(child, {
+      return /*#__PURE__*/React.cloneElement(child, {
         ref: startInputField,
         readOnly
       });
     }
     if (index === 1) {
-      return /*#__PURE__*/React__default.cloneElement(child, {
+      return /*#__PURE__*/React.cloneElement(child, {
         ref: endInputField,
         readOnly
       });
@@ -509,8 +509,11 @@ const DatePicker = /*#__PURE__*/React__default.forwardRef(function DatePicker(_r
     }
   }, [inline]);
   useEffect(() => {
-    //when value prop is set to empty, this clears the flatpicker's calendar instance and text input
-    if (value === '') {
+    // when value prop is manually reset, this clears the flatpickr calendar instance and text input
+    // run if both:
+    // 1. value prop is set to a falsy value (`""`, `undefined`, `null`, etc) OR an array of all falsy values
+    // 2. flatpickr instance contains values in its `selectedDates` property so it hasn't already been cleared
+    if ((!value || Array.isArray(value) && value.every(date => !date)) && calendarRef.current?.selectedDates.length) {
       calendarRef.current?.clear();
       if (startInputField.current) {
         startInputField.current.value = '';
@@ -565,35 +568,35 @@ const DatePicker = /*#__PURE__*/React__default.forwardRef(function DatePicker(_r
   let fluidError;
   if (isFluid) {
     if (invalid) {
-      fluidError = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(WarningFilled, {
+      fluidError = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WarningFilled, {
         className: `${prefix}--date-picker__icon ${prefix}--date-picker__icon--invalid`
-      }), /*#__PURE__*/React__default.createElement("hr", {
+      }), /*#__PURE__*/React.createElement("hr", {
         className: `${prefix}--date-picker__divider`
-      }), /*#__PURE__*/React__default.createElement("div", {
+      }), /*#__PURE__*/React.createElement("div", {
         className: `${prefix}--form-requirement`
       }, invalidText));
     }
     if (warn && !invalid) {
-      fluidError = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(WarningAltFilled, {
+      fluidError = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WarningAltFilled, {
         className: `${prefix}--date-picker__icon ${prefix}--date-picker__icon--warn`
-      }), /*#__PURE__*/React__default.createElement("hr", {
+      }), /*#__PURE__*/React.createElement("hr", {
         className: `${prefix}--date-picker__divider`
-      }), /*#__PURE__*/React__default.createElement("div", {
+      }), /*#__PURE__*/React.createElement("div", {
         className: `${prefix}--form-requirement`
       }, warnText));
     }
   }
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: wrapperClasses,
     ref: ref
-  }, rest), /*#__PURE__*/React__default.createElement("div", {
+  }, rest), /*#__PURE__*/React.createElement("div", {
     className: datePickerClasses
   }, childrenWithProps), fluidError);
 });
 DatePicker.propTypes = {
   /**
    * Flatpickr prop passthrough enables direct date input, and when set to false,
-   * we must clear dates manually by resetting the value prop to empty string making it a controlled input.
+   * we must clear dates manually by resetting the value prop to a falsy value (such as `""`, `null`, or `undefined`) or an array of all falsy values, making it a controlled input.
    */
   allowInput: PropTypes.bool,
   /**

package/es/components/DatePickerInput/DatePickerInput.d.ts

@@ -1,16 +1,15 @@
 /**
- * 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 { ReactElementLike } from 'prop-types';
-import React, { ReactNode } from 'react';
-import { ReactAttr } from '../../types/common';
+import React, { type HTMLAttributes, type ReactNode } from 'react';
 type ExcludedAttributes = 'value' | 'onChange' | 'locale' | 'children';
 export type ReactNodeLike = ReactElementLike | ReadonlyArray<ReactNode> | string | number | boolean | null | undefined;
 export type func = (...args: any[]) => any;
-export interface DatePickerInputProps extends Omit<ReactAttr<HTMLInputElement>, ExcludedAttributes> {
+export interface DatePickerInputProps extends Omit<HTMLAttributes<HTMLInputElement>, ExcludedAttributes> {
     /**
      * The type of the date picker:
      *

package/es/components/DatePickerInput/DatePickerInput.js

@@ -8,7 +8,7 @@
 import { WarningFilled, WarningAltFilled, Calendar } from '@carbon/icons-react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default, { useContext } from 'react';
+import React, { useContext } from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 import '../FluidForm/FluidForm.js';
 import { FormContext } from '../FluidForm/FormContext.js';
@@ -17,7 +17,7 @@ import '../Text/index.js';
 import deprecate from '../../prop-types/deprecate.js';
 import { Text } from '../Text/Text.js';
 
-const DatePickerInput = /*#__PURE__*/React__default.forwardRef(function DatePickerInput(props, ref) {
+const DatePickerInput = /*#__PURE__*/React.forwardRef(function DatePickerInput(props, ref) {
   const {
     datePickerType,
     decorator,
@@ -96,42 +96,42 @@ const DatePickerInput = /*#__PURE__*/React__default.forwardRef(function DatePick
   if (invalid) {
     inputProps['data-invalid'] = true;
   }
-  const input = /*#__PURE__*/React__default.createElement("input", inputProps);
+  const input = /*#__PURE__*/React.createElement("input", inputProps);
 
   // AILabel always size `mini`
-  let normalizedDecorator = /*#__PURE__*/React__default.isValidElement(slug ?? decorator) ? slug ?? decorator : null;
+  let normalizedDecorator = /*#__PURE__*/React.isValidElement(slug ?? decorator) ? slug ?? decorator : null;
   if (normalizedDecorator && normalizedDecorator['type']?.displayName === 'AILabel') {
-    normalizedDecorator = /*#__PURE__*/React__default.cloneElement(normalizedDecorator, {
+    normalizedDecorator = /*#__PURE__*/React.cloneElement(normalizedDecorator, {
       size: 'mini'
     });
   }
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: containerClasses
-  }, labelText && /*#__PURE__*/React__default.createElement(Text, {
+  }, labelText && /*#__PURE__*/React.createElement(Text, {
     as: "label",
     htmlFor: id,
     className: labelClasses
-  }, labelText), /*#__PURE__*/React__default.createElement("div", {
+  }, labelText), /*#__PURE__*/React.createElement("div", {
     className: wrapperClasses
-  }, /*#__PURE__*/React__default.createElement("span", null, input, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("span", null, input, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--date-picker-input-inner-wrapper--decorator`
-  }, normalizedDecorator) : '', isFluid && /*#__PURE__*/React__default.createElement(DatePickerIcon, {
+  }, normalizedDecorator) : '', isFluid && /*#__PURE__*/React.createElement(DatePickerIcon, {
     datePickerType: datePickerType
-  }), /*#__PURE__*/React__default.createElement(DatePickerIcon, {
+  }), /*#__PURE__*/React.createElement(DatePickerIcon, {
     datePickerType: datePickerType,
     invalid: invalid,
     warn: warn
-  }))), invalid && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isFluid && /*#__PURE__*/React__default.createElement("hr", {
+  }))), invalid && /*#__PURE__*/React.createElement(React.Fragment, null, isFluid && /*#__PURE__*/React.createElement("hr", {
     className: `${prefix}--date-picker__divider`
-  }), /*#__PURE__*/React__default.createElement(Text, {
+  }), /*#__PURE__*/React.createElement(Text, {
     as: "div",
     className: `${prefix}--form-requirement`
-  }, invalidText)), warn && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isFluid && /*#__PURE__*/React__default.createElement("hr", {
+  }, invalidText)), warn && /*#__PURE__*/React.createElement(React.Fragment, null, isFluid && /*#__PURE__*/React.createElement("hr", {
     className: `${prefix}--date-picker__divider`
-  }), /*#__PURE__*/React__default.createElement(Text, {
+  }), /*#__PURE__*/React.createElement(Text, {
     as: "div",
     className: `${prefix}--form-requirement`
-  }, warnText)), helperText && !invalid && /*#__PURE__*/React__default.createElement(Text, {
+  }, warnText)), helperText && !invalid && /*#__PURE__*/React.createElement(Text, {
     as: "div",
     id: datePickerInputHelperId,
     className: helperTextClasses
@@ -243,16 +243,16 @@ function DatePickerIcon(_ref) {
     }
   }
   if (invalid) {
-    return /*#__PURE__*/React__default.createElement(WarningFilled, {
+    return /*#__PURE__*/React.createElement(WarningFilled, {
       className: `${prefix}--date-picker__icon ${prefix}--date-picker__icon--invalid`
     });
   }
   if (!invalid && warn) {
-    return /*#__PURE__*/React__default.createElement(WarningAltFilled, {
+    return /*#__PURE__*/React.createElement(WarningAltFilled, {
       className: `${prefix}--date-picker__icon ${prefix}--date-picker__icon--warn`
     });
   }
-  return /*#__PURE__*/React__default.createElement(Calendar, {
+  return /*#__PURE__*/React.createElement(Calendar, {
     className: `${prefix}--date-picker__icon`,
     role: "img",
     "aria-hidden": "true"

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

@@ -4,9 +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 from 'react';
-import { ReactAttr } from '../../types/common';
-export interface DialogProps extends ReactAttr<HTMLDialogElement> {
+import React, { type HTMLAttributes } from 'react';
+export interface DialogProps extends HTMLAttributes<HTMLDialogElement> {
     /**
      * Provide the contents of the Dialog
      */
@@ -45,21 +44,21 @@ export interface DialogProps extends ReactAttr<HTMLDialogElement> {
     open?: boolean;
 }
 export declare const unstable__Dialog: React.ForwardRefExoticComponent<DialogProps & React.RefAttributes<unknown>>;
-export interface DialogHeaderProps extends ReactAttr<HTMLDivElement> {
+export interface DialogHeaderProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Provide the contents to be rendered inside of this component
      */
     children?: React.ReactNode;
 }
 export declare const DialogHeader: React.ForwardRefExoticComponent<DialogHeaderProps & React.RefAttributes<HTMLDivElement>>;
-export interface DialogControlsProps extends ReactAttr<HTMLDivElement> {
+export interface DialogControlsProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Provide the contents to be rendered inside of this component
      */
     children?: React.ReactNode;
 }
 export declare const DialogControls: React.ForwardRefExoticComponent<DialogControlsProps & React.RefAttributes<HTMLDivElement>>;
-export interface DialogCloseButtonProps extends ReactAttr<HTMLDivElement> {
+export interface DialogCloseButtonProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Specify a click handler applied to the IconButton
      */

package/es/components/Dialog/index.js

@@ -7,14 +7,14 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { useRef, useEffect } from 'react';
+import React, { useRef, useEffect } from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 import cx from 'classnames';
 import { Close } from '@carbon/icons-react';
 import { IconButton } from '../IconButton/index.js';
 import { noopFn } from '../../internal/noopFn.js';
 
-const unstable__Dialog = /*#__PURE__*/React__default.forwardRef((_ref, forwardRef) => {
+const unstable__Dialog = /*#__PURE__*/React.forwardRef((_ref, forwardRef) => {
   let {
     children,
     className,
@@ -69,7 +69,7 @@ const unstable__Dialog = /*#__PURE__*/React__default.forwardRef((_ref, forwardRe
       }
     }
   }, [modal, open]);
-  return /*#__PURE__*/React__default.createElement("dialog", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("dialog", _extends({}, rest, {
     className: cx(`${prefix}--dialog`, {
       [`${prefix}--dialog--modal`]: modal
     }, className),
@@ -104,13 +104,13 @@ unstable__Dialog.propTypes = {
    */
   open: PropTypes.bool
 };
-const DialogHeader = /*#__PURE__*/React__default.forwardRef((_ref2, ref) => {
+const DialogHeader = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
   let {
     children,
     ...rest
   } = _ref2;
   const prefix = usePrefix();
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: `${prefix}--dialog__header`,
     ref: ref
   }, rest), children);
@@ -121,7 +121,7 @@ DialogHeader.propTypes = {
    */
   children: PropTypes.node
 };
-const DialogControls = /*#__PURE__*/React__default.forwardRef((_ref3, ref) => {
+const DialogControls = /*#__PURE__*/React.forwardRef((_ref3, ref) => {
   let {
     children,
     ...rest
@@ -130,7 +130,7 @@ const DialogControls = /*#__PURE__*/React__default.forwardRef((_ref3, ref) => {
   return (
     /*#__PURE__*/
     // @ts-ignore
-    React__default.createElement("div", _extends({
+    React.createElement("div", _extends({
       className: `${prefix}--dialog__header-controls`,
       ref: ref
     }, rest), children)
@@ -142,7 +142,7 @@ DialogControls.propTypes = {
    */
   children: PropTypes.node
 };
-const DialogCloseButton = /*#__PURE__*/React__default.forwardRef((_ref4, ref) => {
+const DialogCloseButton = /*#__PURE__*/React.forwardRef((_ref4, ref) => {
   let {
     onClick,
     ...rest
@@ -151,7 +151,7 @@ const DialogCloseButton = /*#__PURE__*/React__default.forwardRef((_ref4, ref) =>
   return (
     /*#__PURE__*/
     // @ts-ignore
-    React__default.createElement(IconButton, _extends({
+    React.createElement(IconButton, _extends({
       kind: "ghost",
       className: `${prefix}--dialog__close`,
       label: "Close",
@@ -159,7 +159,7 @@ const DialogCloseButton = /*#__PURE__*/React__default.forwardRef((_ref4, ref) =>
       "aria-label": "Close",
       align: "left",
       onClick: onClick
-    }, rest), /*#__PURE__*/React__default.createElement(Close, {
+    }, rest), /*#__PURE__*/React.createElement(Close, {
       size: 20,
       "aria-hidden": "true",
       tabIndex: "-1",

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

@@ -4,10 +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 from 'react';
+import React, { type HTMLAttributes } from 'react';
 import { type ListBoxSize } from '../ListBox';
-import { ReactAttr } from '../../types/common';
-export interface DropdownSkeletonProps extends ReactAttr<HTMLDivElement> {
+export interface DropdownSkeletonProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Specify an optional className to add.
      */

package/es/components/Dropdown/Dropdown.Skeleton.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import cx from 'classnames';
 import '../ListBox/index.js';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -24,11 +24,11 @@ const DropdownSkeleton = _ref => {
   const wrapperClasses = cx(className, `${prefix}--skeleton`, `${prefix}--form-item`, {
     [`${prefix}--list-box--${size}`]: size
   });
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: wrapperClasses
-  }, rest), !hideLabel && /*#__PURE__*/React__default.createElement("span", {
+  }, rest), !hideLabel && /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--label ${prefix}--skeleton`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--skeleton ${prefix}--dropdown`
   }));
 };

package/es/components/Dropdown/Dropdown.d.ts

@@ -4,15 +4,15 @@
  * 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, Ref } from 'react';
+import React, { Ref, type HTMLAttributes, type ReactNode } from 'react';
 import { UseSelectProps } from 'downshift';
 import { type ListBoxMenuIconTranslationKey, type ListBoxSize, type ListBoxType } from '../ListBox';
-import { TranslateWithId, ReactAttr } from '../../types/common';
+import { TranslateWithId } from '../../types/common';
 type ExcludedAttributes = 'id' | 'onChange';
 export interface OnChangeData<ItemType> {
     selectedItem: ItemType | null;
 }
-export interface DropdownProps<ItemType> extends Omit<ReactAttr<HTMLDivElement>, ExcludedAttributes>, TranslateWithId<ListBoxMenuIconTranslationKey> {
+export interface DropdownProps<ItemType> extends Omit<HTMLAttributes<HTMLDivElement>, ExcludedAttributes>, TranslateWithId<ListBoxMenuIconTranslationKey> {
     /**
      * Specify a label to be read by screen readers on the container node
      * 'aria-label' of the ListBox component.

package/es/components/Dropdown/Dropdown.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useEffect, useContext, useCallback, useMemo, useState, isValidElement } from 'react';
+import React, { useEffect, useContext, useCallback, useMemo, useState, isValidElement } from 'react';
 import { useSelect } from 'downshift';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
@@ -74,7 +74,7 @@ function stateReducer(state, actionAndChanges) {
       return changes;
   }
 }
-const Dropdown = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+const Dropdown = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     autoAlign = false,
     className: containerClassName,
@@ -249,7 +249,7 @@ const Dropdown = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
   const toggleButtonProps = getToggleButtonProps({
     'aria-label': ariaLabel || deprecatedAriaLabel
   });
-  const helper = helperText && !isFluid ? /*#__PURE__*/React__default.createElement("div", {
+  const helper = helperText && !isFluid ? /*#__PURE__*/React.createElement("div", {
     id: helperId,
     className: helperClasses
   }, helperText) : null;
@@ -314,21 +314,21 @@ const Dropdown = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
   const normalizedDecorator = useMemo(() => {
     let element = slug ?? decorator;
     if (element && element['type']?.displayName === 'AILabel') {
-      return /*#__PURE__*/React__default.cloneElement(element, {
+      return /*#__PURE__*/React.cloneElement(element, {
         size: 'mini'
       });
     }
-    return /*#__PURE__*/React__default.isValidElement(element) ? element : null;
+    return /*#__PURE__*/React.isValidElement(element) ? element : null;
   }, [slug, decorator]);
   const allLabelProps = getLabelProps();
   const labelProps = /*#__PURE__*/isValidElement(titleText) ? {
     id: allLabelProps.id
   } : allLabelProps;
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: wrapperClasses
-  }, other), titleText && /*#__PURE__*/React__default.createElement("label", _extends({
+  }, other), titleText && /*#__PURE__*/React.createElement("label", _extends({
     className: titleClasses
-  }, labelProps), titleText), /*#__PURE__*/React__default.createElement(ListBox, {
+  }, labelProps), titleText), /*#__PURE__*/React.createElement(ListBox, {
     onFocus: handleFocus,
     onBlur: handleFocus,
     size: size$1,
@@ -341,11 +341,11 @@ const Dropdown = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     isOpen: isOpen,
     ref: enableFloatingStyles || autoAlign ? refs.setReference : null,
     id: id
-  }, invalid && /*#__PURE__*/React__default.createElement(WarningFilled, {
+  }, invalid && /*#__PURE__*/React.createElement(WarningFilled, {
     className: `${prefix}--list-box__invalid-icon`
-  }), showWarning && /*#__PURE__*/React__default.createElement(WarningAltFilled, {
+  }), showWarning && /*#__PURE__*/React.createElement(WarningAltFilled, {
     className: `${prefix}--list-box__invalid-icon ${prefix}--list-box__invalid-icon--warning`
-  }), /*#__PURE__*/React__default.createElement("button", _extends({
+  }), /*#__PURE__*/React.createElement("button", _extends({
     type: "button"
     // aria-expanded is already being passed through {...toggleButtonProps}
     ,
@@ -357,29 +357,29 @@ const Dropdown = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     title: selectedItem && itemToString !== undefined ? itemToString(selectedItem) : defaultItemToString(label)
   }, toggleButtonProps, readOnlyEventHandlers, {
     ref: mergedRef
-  }), /*#__PURE__*/React__default.createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--list-box__label`
-  }, selectedItem ? renderSelectedItem ? renderSelectedItem(selectedItem) : itemToString(selectedItem) : label), /*#__PURE__*/React__default.createElement(ListBox.MenuIcon, {
+  }, selectedItem ? renderSelectedItem ? renderSelectedItem(selectedItem) : itemToString(selectedItem) : label), /*#__PURE__*/React.createElement(ListBox.MenuIcon, {
     isOpen: isOpen,
     translateWithId: translateWithId
-  })), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default.createElement("div", {
+  })), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--list-box__inner-wrapper--decorator`
-  }, normalizedDecorator) : '', /*#__PURE__*/React__default.createElement(ListBox.Menu, menuProps, isOpen && items.map((item, index) => {
+  }, normalizedDecorator) : '', /*#__PURE__*/React.createElement(ListBox.Menu, menuProps, isOpen && items.map((item, index) => {
     const isObject = item !== null && typeof item === 'object';
     const itemProps = getItemProps({
       item,
       index
     });
     const title = isObject && 'text' in item && itemToElement ? item.text : itemToString(item);
-    return /*#__PURE__*/React__default.createElement(ListBox.MenuItem, _extends({
+    return /*#__PURE__*/React.createElement(ListBox.MenuItem, _extends({
       key: itemProps.id,
       isActive: selectedItem === item,
       isHighlighted: highlightedIndex === index,
       title: title,
       disabled: itemProps['aria-disabled']
-    }, itemProps), typeof item === 'object' && ItemToElement !== undefined && ItemToElement !== null ? /*#__PURE__*/React__default.createElement(ItemToElement, _extends({
+    }, itemProps), typeof item === 'object' && ItemToElement !== undefined && ItemToElement !== null ? /*#__PURE__*/React.createElement(ItemToElement, _extends({
       key: itemProps.id
-    }, item)) : itemToString(item), selectedItem === item && /*#__PURE__*/React__default.createElement(Checkmark, {
+    }, item)) : itemToString(item), selectedItem === item && /*#__PURE__*/React.createElement(Checkmark, {
       className: `${prefix}--list-box__menu-item__selected-icon`
     }));
   }))), !inline && !invalid && !warn && helper);

package/es/components/ErrorBoundary/ErrorBoundary.js

@@ -6,7 +6,7 @@
  */
 
 import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { ErrorBoundaryContext } from './ErrorBoundaryContext.js';
 
@@ -28,7 +28,7 @@ import { ErrorBoundaryContext } from './ErrorBoundaryContext.js';
  * https://reactjs.org/docs/error-boundaries.html#introducing-error-boundaries
  */
 
-class ErrorBoundary extends React__default.Component {
+class ErrorBoundary extends React.Component {
   constructor() {
     super(...arguments);
     _defineProperty(this, "context", void 0);

package/es/components/ExpandableSearch/ExpandableSearch.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useState, useRef, useEffect } from 'react';
+import React, { useState, useRef, useEffect } from 'react';
 import cx from 'classnames';
 import Search from '../Search/Search.js';
 import '../Search/Search.Skeleton.js';
@@ -16,7 +16,7 @@ import { Escape } from '../../internal/keyboard/keys.js';
 import { match } from '../../internal/keyboard/match.js';
 import mergeRefs from '../../tools/mergeRefs.js';
 
-const ExpandableSearch = /*#__PURE__*/React__default.forwardRef(function ExpandableSearch(_ref, forwardedRef) {
+const ExpandableSearch = /*#__PURE__*/React.forwardRef(function ExpandableSearch(_ref, forwardedRef) {
   let {
     onBlur,
     onChange,
@@ -59,7 +59,7 @@ const ExpandableSearch = /*#__PURE__*/React__default.forwardRef(function Expanda
   const classes = cx(`${prefix}--search--expandable`, {
     [`${prefix}--search--expanded`]: expanded
   }, props.className);
-  return /*#__PURE__*/React__default.createElement(Search, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Search, _extends({}, props, {
     defaultValue: defaultValue,
     isExpanded: expanded,
     ref: mergeRefs(searchRef, forwardedRef),

package/es/components/FeatureFlags/index.js

@@ -7,7 +7,7 @@
 
 import { createScope, FeatureFlags as FeatureFlags$1 } from '@carbon/feature-flags';
 import PropTypes from 'prop-types';
-import React__default, { useContext, useState, useRef, useEffect, createContext } from 'react';
+import React, { useContext, useState, useRef, useEffect, createContext } from 'react';
 import deprecate from '../../prop-types/deprecate.js';
 
 /**
@@ -65,7 +65,7 @@ function FeatureFlags(_ref) {
     scope.mergeWithScope(parentScope);
     updateScope(scope);
   });
-  return /*#__PURE__*/React__default.createElement(FeatureFlagContext.Provider, {
+  return /*#__PURE__*/React.createElement(FeatureFlagContext.Provider, {
     value: scope
   }, children);
 }

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

@@ -1,12 +1,12 @@
 /**
- * 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 { ReactAttr } from '../../types/common';
-export interface FileUploaderSkeletonProps extends ReactAttr<HTMLDivElement> {
+import { type HTMLAttributes } from 'react';
+export interface FileUploaderSkeletonProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Specify an optional className to add.
      */

package/es/components/FileUploader/FileUploader.Skeleton.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import cx from 'classnames';
 import SkeletonText from '../SkeletonText/SkeletonText.js';
 import ButtonSkeleton from '../Button/Button.Skeleton.js';
@@ -20,15 +20,15 @@ function FileUploaderSkeleton(_ref) {
     ...rest
   } = _ref;
   const prefix = usePrefix();
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: cx(`${prefix}--form-item`, className)
-  }, rest), _SkeletonText || (_SkeletonText = /*#__PURE__*/React__default.createElement(SkeletonText, {
+  }, rest), _SkeletonText || (_SkeletonText = /*#__PURE__*/React.createElement(SkeletonText, {
     heading: true,
     width: "100px"
-  })), /*#__PURE__*/React__default.createElement(SkeletonText, {
+  })), /*#__PURE__*/React.createElement(SkeletonText, {
     width: "225px",
     className: `${prefix}--label-description`
-  }), _ButtonSkeleton || (_ButtonSkeleton = /*#__PURE__*/React__default.createElement(ButtonSkeleton, null)));
+  }), _ButtonSkeleton || (_ButtonSkeleton = /*#__PURE__*/React.createElement(ButtonSkeleton, null)));
 }
 FileUploaderSkeleton.propTypes = {
   /**

package/es/components/FileUploader/FileUploader.d.ts

@@ -4,9 +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 from 'react';
-import { ReactAttr } from '../../types/common';
-export interface FileUploaderProps extends ReactAttr<HTMLSpanElement> {
+import React, { type HTMLAttributes } from 'react';
+export interface FileUploaderProps extends HTMLAttributes<HTMLSpanElement> {
     /**
      * Specify the types of files that this input should be able to receive
      */