@carbon/react 1.83.0-rc.0 → 1.84.0-rc.0

package/es/components/UIShell/SkipToContent.js

@@ -7,21 +7,20 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-function SkipToContent(_ref) {
-  let {
-    children = 'Skip to main content',
-    className: customClassName,
-    href = '#main-content',
-    tabIndex = 0,
-    ...rest
-  } = _ref;
+function SkipToContent({
+  children = 'Skip to main content',
+  className: customClassName,
+  href = '#main-content',
+  tabIndex = 0,
+  ...rest
+}) {
   const prefix = usePrefix();
   const className = cx(`${prefix}--skip-to-content`, customClassName);
-  return /*#__PURE__*/React__default.createElement("a", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("a", _extends({}, rest, {
     className: className,
     href: href,
     tabIndex: tabIndex

package/es/components/UIShell/Switcher.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef, useRef } from 'react';
+import React, { forwardRef, useRef } from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
@@ -32,13 +32,12 @@ const Switcher = /*#__PURE__*/forwardRef(function Switcher(props, forwardRef) {
   const className = cx(`${prefix}--switcher`, {
     [customClassName || '']: !!customClassName
   });
-  const handleSwitcherItemFocus = _ref => {
-    let {
-      currentIndex,
-      direction
-    } = _ref;
-    const enabledIndices = React__default.Children.toArray(children).reduce((acc, curr, i) => {
-      if (/*#__PURE__*/React__default.isValidElement(curr) && Object.keys(curr.props).length !== 0 && curr.type === SwitcherItem) {
+  const handleSwitcherItemFocus = ({
+    currentIndex,
+    direction
+  }) => {
+    const enabledIndices = React.Children.toArray(children).reduce((acc, curr, i) => {
+      if (/*#__PURE__*/React.isValidElement(curr) && Object.keys(curr.props).length !== 0 && curr.type === SwitcherItem) {
         acc.push(i);
       }
       return acc;
@@ -64,23 +63,23 @@ const Switcher = /*#__PURE__*/forwardRef(function Switcher(props, forwardRef) {
       switcherItem.focus();
     }
   };
-  const childrenWithProps = React__default.Children.toArray(children).map((child, index) => {
+  const childrenWithProps = React.Children.toArray(children).map((child, index) => {
     // only setup click handlers if onChange event is passed
-    if (/*#__PURE__*/React__default.isValidElement(child) && child.type === SwitcherItem) {
-      return /*#__PURE__*/React__default.cloneElement(child, {
+    if (/*#__PURE__*/React.isValidElement(child) && child.type === SwitcherItem) {
+      return /*#__PURE__*/React.cloneElement(child, {
         handleSwitcherItemFocus,
         index,
         key: index,
         expanded
       });
     }
-    return /*#__PURE__*/React__default.cloneElement(child, {
+    return /*#__PURE__*/React.cloneElement(child, {
       index,
       key: index,
       expanded
     });
   });
-  return /*#__PURE__*/React__default.createElement("ul", _extends({
+  return /*#__PURE__*/React.createElement("ul", _extends({
     ref: ref,
     className: className
   }, accessibilityLabel), childrenWithProps);

package/es/components/UIShell/SwitcherDivider.js

@@ -6,21 +6,20 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React from 'react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-const SwitcherDivider = _ref => {
-  let {
-    className: customClassName,
-    ...other
-  } = _ref;
+const SwitcherDivider = ({
+  className: customClassName,
+  ...other
+}) => {
   const prefix = usePrefix();
   const classNames = cx(`${prefix}--switcher__item--divider`, {
     [customClassName || '']: !!customClassName
   });
-  return /*#__PURE__*/React__default.createElement("hr", _extends({}, other, {
+  return /*#__PURE__*/React.createElement("hr", _extends({}, other, {
     className: classNames
   }));
 };

package/es/components/UIShell/SwitcherItem.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import Link from './Link.js';
@@ -59,9 +59,9 @@ const SwitcherItem = /*#__PURE__*/forwardRef(function SwitcherItem(props, forwar
       });
     }
   }
-  return /*#__PURE__*/React__default.createElement("li", {
+  return /*#__PURE__*/React.createElement("li", {
     className: classNames
-  }, /*#__PURE__*/React__default.createElement(Link, _extends({
+  }, /*#__PURE__*/React.createElement(Link, _extends({
     onKeyDown: evt => {
       setTabFocus(evt);
       onKeyDown(evt);

package/es/components/UnorderedList/UnorderedList.js

@@ -7,23 +7,22 @@
 
 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 { usePrefix } from '../../internal/usePrefix.js';
 
-function UnorderedList(_ref) {
-  let {
-    className,
-    nested = false,
-    isExpressive = false,
-    ...other
-  } = _ref;
+function UnorderedList({
+  className,
+  nested = false,
+  isExpressive = false,
+  ...other
+}) {
   const prefix = usePrefix();
   const classNames = cx(`${prefix}--list--unordered`, className, {
     [`${prefix}--list--nested`]: nested,
     [`${prefix}--list--expressive`]: isExpressive
   });
-  return /*#__PURE__*/React__default.createElement("ul", _extends({
+  return /*#__PURE__*/React.createElement("ul", _extends({
     className: classNames
   }, other));
 }

package/es/index.js

@@ -28,12 +28,34 @@ export { default as ComposedModal, ModalBody } from './components/ComposedModal/
 export { ModalHeader } from './components/ComposedModal/ModalHeader.js';
 export { ModalFooter } from './components/ComposedModal/ModalFooter.js';
 import './components/ContainedList/index.js';
-export { default as ContentSwitcher } from './components/ContentSwitcher/index.js';
+export { ContentSwitcher } from './components/ContentSwitcher/ContentSwitcher.js';
 export { default as useContextMenu } from './components/ContextMenu/useContextMenu.js';
 export { default as Copy } from './components/Copy/Copy.js';
 export { default as CopyButton } from './components/CopyButton/CopyButton.js';
 export { default as DangerButton } from './components/DangerButton/DangerButton.js';
-import './components/DataTable/index.js';
+export { default as DataTable } from './components/DataTable/DataTable.js';
+export { Table } from './components/DataTable/Table.js';
+export { default as TableActionList } from './components/DataTable/TableActionList.js';
+export { default as TableBatchAction } from './components/DataTable/TableBatchAction.js';
+export { default as TableBatchActions } from './components/DataTable/TableBatchActions.js';
+export { default as TableBody } from './components/DataTable/TableBody.js';
+export { default as TableCell } from './components/DataTable/TableCell.js';
+export { default as TableContainer } from './components/DataTable/TableContainer.js';
+export { default as TableExpandHeader } from './components/DataTable/TableExpandHeader.js';
+export { default as TableDecoratorRow } from './components/DataTable/TableDecoratorRow.js';
+export { default as TableExpandRow } from './components/DataTable/TableExpandRow.js';
+export { default as TableExpandedRow } from './components/DataTable/TableExpandedRow.js';
+export { default as TableHead } from './components/DataTable/TableHead.js';
+export { default as TableHeader } from './components/DataTable/TableHeader.js';
+export { default as TableRow } from './components/DataTable/TableRow.js';
+export { default as TableSelectAll } from './components/DataTable/TableSelectAll.js';
+export { default as TableSelectRow } from './components/DataTable/TableSelectRow.js';
+export { default as TableSlugRow } from './components/DataTable/TableSlugRow.js';
+export { default as TableToolbar } from './components/DataTable/TableToolbar.js';
+export { default as TableToolbarAction } from './components/DataTable/TableToolbarAction.js';
+export { default as TableToolbarContent } from './components/DataTable/TableToolbarContent.js';
+export { default as TableToolbarSearch } from './components/DataTable/TableToolbarSearch.js';
+export { default as TableToolbarMenu } from './components/DataTable/TableToolbarMenu.js';
 export { default as DataTableSkeleton } from './components/DataTableSkeleton/DataTableSkeleton.js';
 export { default as DatePicker } from './components/DatePicker/DatePicker.js';
 export { default as DatePickerSkeleton } from './components/DatePicker/DatePicker.Skeleton.js';
@@ -140,7 +162,7 @@ export { default as Header } from './components/UIShell/Header.js';
 export { default as HeaderContainer } from './components/UIShell/HeaderContainer.js';
 export { default as HeaderGlobalAction } from './components/UIShell/HeaderGlobalAction.js';
 export { default as HeaderGlobalBar } from './components/UIShell/HeaderGlobalBar.js';
-export { default as HeaderMenu } from './components/UIShell/HeaderMenu.js';
+export { HeaderMenu } from './components/UIShell/HeaderMenu.js';
 export { default as HeaderMenuButton } from './components/UIShell/HeaderMenuButton.js';
 export { default as HeaderMenuItem } from './components/UIShell/HeaderMenuItem.js';
 export { default as HeaderName } from './components/UIShell/HeaderName.js';
@@ -218,26 +240,3 @@ export { default as ContainedList } from './components/ContainedList/ContainedLi
 export { default as SliderSkeleton } from './components/Slider/Slider.Skeleton.js';
 export { Text as unstable_Text } from './components/Text/Text.js';
 export { TextDirection as unstable_TextDirection } from './components/Text/TextDirection.js';
-export { default as DataTable } from './components/DataTable/DataTable.js';
-export { Table } from './components/DataTable/Table.js';
-export { default as TableActionList } from './components/DataTable/TableActionList.js';
-export { default as TableBatchAction } from './components/DataTable/TableBatchAction.js';
-export { default as TableBatchActions } from './components/DataTable/TableBatchActions.js';
-export { default as TableBody } from './components/DataTable/TableBody.js';
-export { default as TableCell } from './components/DataTable/TableCell.js';
-export { default as TableContainer } from './components/DataTable/TableContainer.js';
-export { default as TableDecoratorRow } from './components/DataTable/TableDecoratorRow.js';
-export { default as TableExpandHeader } from './components/DataTable/TableExpandHeader.js';
-export { default as TableExpandRow } from './components/DataTable/TableExpandRow.js';
-export { default as TableExpandedRow } from './components/DataTable/TableExpandedRow.js';
-export { default as TableHead } from './components/DataTable/TableHead.js';
-export { default as TableHeader } from './components/DataTable/TableHeader.js';
-export { default as TableRow } from './components/DataTable/TableRow.js';
-export { default as TableSelectAll } from './components/DataTable/TableSelectAll.js';
-export { default as TableSelectRow } from './components/DataTable/TableSelectRow.js';
-export { default as TableSlugRow } from './components/DataTable/TableSlugRow.js';
-export { default as TableToolbar } from './components/DataTable/TableToolbar.js';
-export { default as TableToolbarAction } from './components/DataTable/TableToolbarAction.js';
-export { default as TableToolbarContent } from './components/DataTable/TableToolbarContent.js';
-export { default as TableToolbarSearch } from './components/DataTable/TableToolbarSearch.js';
-export { default as TableToolbarMenu } from './components/DataTable/TableToolbarMenu.js';

package/es/internal/FloatingMenu.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React__default, { useContext, useState, useRef, useCallback, useEffect, cloneElement } from 'react';
+import React, { useContext, useState, useRef, useCallback, useEffect, cloneElement } from 'react';
 import * as FeatureFlags from '@carbon/feature-flags';
 import ReactDOM from 'react-dom';
 import window from 'window-or-global';
@@ -25,16 +25,15 @@ const DIRECTION_BOTTOM = 'bottom';
  * Computes the floating menu's position based on the menu size, trigger element
  * position, offset, direction, and container.
  */
-const getFloatingPosition = _ref => {
-  let {
-    menuSize,
-    refPosition,
-    offset,
-    direction,
-    scrollX,
-    scrollY,
-    container
-  } = _ref;
+const getFloatingPosition = ({
+  menuSize,
+  refPosition,
+  offset,
+  direction,
+  scrollX,
+  scrollY,
+  container
+}) => {
   const {
     left: refLeft = 0,
     top: refTop = 0,
@@ -77,24 +76,23 @@ const getFloatingPosition = _ref => {
   };
   return positions[direction]();
 };
-const FloatingMenu = _ref2 => {
-  let {
-    children,
-    flipped,
-    focusTrap,
-    menuDirection = DIRECTION_BOTTOM,
-    menuOffset = {
-      top: 0,
-      left: 0
-    },
-    menuRef: externalMenuRef,
-    onPlace,
-    selectorPrimaryFocus,
-    styles,
-    target = () => document.body,
-    triggerRef,
-    updateOrientation
-  } = _ref2;
+const FloatingMenu = ({
+  children,
+  flipped,
+  focusTrap,
+  menuDirection = DIRECTION_BOTTOM,
+  menuOffset = {
+    top: 0,
+    left: 0
+  },
+  menuRef: externalMenuRef,
+  onPlace,
+  selectorPrimaryFocus,
+  styles,
+  target = () => document.body,
+  triggerRef,
+  updateOrientation
+}) => {
   const prefix = useContext(PrefixContext);
   const [floatingPosition, setFloatingPosition] = useState(undefined);
   const menuBodyRef = useRef(null);
@@ -276,15 +274,15 @@ const FloatingMenu = _ref2 => {
   const focusTrapWithoutSentinels = FeatureFlags.enabled('enable-experimental-focus-wrap-without-sentinels');
   if (typeof document !== 'undefined') {
     const portalTarget = target ? target() : document.body;
-    return /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/React__default.createElement("div", {
+    return /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/React.createElement("div", {
       onBlur: focusTrap && !focusTrapWithoutSentinels ? handleBlur : undefined,
       onKeyDown: focusTrapWithoutSentinels ? handleKeyDown : undefined
-    }, !focusTrapWithoutSentinels && /*#__PURE__*/React__default.createElement("span", {
+    }, !focusTrapWithoutSentinels && /*#__PURE__*/React.createElement("span", {
       ref: startSentinelRef,
       tabIndex: 0,
       role: "link",
       className: `${prefix}--visually-hidden`
-    }, "Focus sentinel"), getChildrenWithProps(), !focusTrapWithoutSentinels && /*#__PURE__*/React__default.createElement("span", {
+    }, "Focus sentinel"), getChildrenWithProps(), !focusTrapWithoutSentinels && /*#__PURE__*/React.createElement("span", {
       ref: endSentinelRef,
       tabIndex: 0,
       role: "link",

package/es/internal/Selection.js

@@ -8,14 +8,13 @@
 import { useRef, useState, useCallback, useEffect } from 'react';
 import isEqual from 'react-fast-compare';
 
-const callOnChangeHandler = _ref => {
-  let {
-    isControlled,
-    isMounted,
-    onChangeHandlerControlled,
-    onChangeHandlerUncontrolled,
-    selectedItems
-  } = _ref;
+const callOnChangeHandler = ({
+  isControlled,
+  isMounted,
+  onChangeHandlerControlled,
+  onChangeHandlerUncontrolled,
+  selectedItems
+}) => {
   if (isControlled) {
     if (isMounted && onChangeHandlerControlled) {
       onChangeHandlerControlled({
@@ -26,15 +25,14 @@ const callOnChangeHandler = _ref => {
     onChangeHandlerUncontrolled(selectedItems);
   }
 };
-const useSelection = _ref2 => {
-  let {
-    disabled,
-    onChange,
-    initialSelectedItems = [],
-    selectedItems: controlledItems,
-    selectAll = false,
-    filteredItems = []
-  } = _ref2;
+const useSelection = ({
+  disabled,
+  onChange,
+  initialSelectedItems = [],
+  selectedItems: controlledItems,
+  selectAll = false,
+  filteredItems = []
+}) => {
   const isMounted = useRef(false);
   const savedOnChange = useRef(onChange);
   const [uncontrolledItems, setUncontrolledItems] = useState(initialSelectedItems);

package/{lib/feature-flags.d.ts → es/internal/__mocks__/mockHTMLElement.d.ts}

@@ -1,7 +1,9 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2025, 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.
  */
-export {};
+export declare const mockHTMLElement: (options: HTMLElement) => {
+    mockRestore: () => void;
+};

package/es/internal/createClassWrapper.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React__default from 'react';
+import React from 'react';
 
 /**
  * Wrap a class component with a functional component. This prevents an end-user
@@ -13,7 +13,7 @@ import React__default from 'react';
  */
 const createClassWrapper = Component => {
   const ClassWrapper = props => {
-    return /*#__PURE__*/React__default.createElement(Component, props);
+    return /*#__PURE__*/React.createElement(Component, props);
   };
   const name = Component.displayName || Component.name;
   ClassWrapper.displayName = `ClassWrapper(${name})`;

package/es/internal/getAnnouncement.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 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.
+ */
+/** Returns an announcement message when the remaining count is low. */
+export declare const getAnnouncement: (count: number, maxCount?: number, singularEntityName?: string, pluralEntityName?: string) => string | null;

package/es/internal/getAnnouncement.js

@@ -0,0 +1,22 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** Returns an announcement message when the remaining count is low. */
+const getAnnouncement = (count, maxCount, singularEntityName = 'character', pluralEntityName = 'characters') => {
+  if (typeof maxCount === 'undefined') return null;
+  const remaining = maxCount - count;
+  if (remaining <= 10 && remaining > 0) {
+    const entityName = remaining === 1 ? singularEntityName : pluralEntityName;
+    return `${remaining} ${entityName} left.`;
+  }
+  if (remaining <= 0) {
+    return `Maximum ${pluralEntityName} reached.`;
+  }
+  return null;
+};
+
+export { getAnnouncement };

package/es/internal/keyboard/match.js

@@ -30,13 +30,12 @@ const matches = (event, keysToMatch) => {
  * @param keyObj - An object with key properties to match against.
  * @returns `true` if the event or code matches the key definition.
  */
-const match = (eventOrCode, _ref) => {
-  let {
-    key,
-    which,
-    keyCode,
-    code
-  } = _ref;
+const match = (eventOrCode, {
+  key,
+  which,
+  keyCode,
+  code
+}) => {
   if (typeof eventOrCode === 'string') {
     return eventOrCode === key;
   }

package/es/internal/useControllableState.d.ts

@@ -30,5 +30,5 @@ interface UseControllableStateConfig<T> {
  * Note: This hook will warn if the component switches between controlled and
  * uncontrolled states.
  */
-export declare const useControllableState: <T>({ defaultValue, name, onChange, value, }: UseControllableStateConfig<T>) => [T, (stateOrUpdater: T | ((prev: T) => T)) => void];
+export declare const useControllableState: <T>({ defaultValue, name, onChange, value, }: UseControllableStateConfig<T>) => [T, (stateOrUpdater: T | ((prev: T) => T)) => void, boolean];
 export {};

package/es/internal/useControllableState.js

@@ -16,13 +16,12 @@ import { warning } from './warning.js';
  * Note: This hook will warn if the component switches between controlled and
  * uncontrolled states.
  */
-const useControllableState = _ref => {
-  let {
-    defaultValue,
-    name = 'custom',
-    onChange,
-    value
-  } = _ref;
+const useControllableState = ({
+  defaultValue,
+  name = 'custom',
+  onChange,
+  value
+}) => {
   const [state, internalSetState] = useState(typeof value !== 'undefined' ? value : defaultValue);
   const controlled = useRef(null);
   if (controlled.current === null) {
@@ -51,9 +50,9 @@ const useControllableState = _ref => {
     }
   }, [name, value]);
   if (controlled.current === true) {
-    return [value, setState];
+    return [value, setState, controlled.current];
   }
-  return [state, setState];
+  return [state, setState, controlled.current];
 };
 
 export { useControllableState };

package/es/internal/useDelayedState.js

@@ -23,8 +23,7 @@ function useDelayedState(initialState) {
   const timeoutId = useRef(null);
   // We use `useCallback` to match the signature of React's `useState` which will
   // always return the same reference for the `setState` updater
-  const setStateWithDelay = useCallback(function (stateToSet) {
-    let delayMs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  const setStateWithDelay = useCallback((stateToSet, delayMs = 0) => {
     window.clearTimeout(timeoutId.current ?? undefined);
     timeoutId.current = null;
     if (delayMs === 0) {

package/es/internal/useDocumentLang.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Copyright IBM Corp. 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.
+ */
+/**
+ * React hook that returns the current document language and updates on changes.
+ *
+ * @returns {string} The current document language code.
+ */
+export declare function useDocumentLang(): string;

package/es/internal/useId.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React__default, { useState, useEffect, useLayoutEffect } from 'react';
+import React, { useState, useEffect, useLayoutEffect } from 'react';
 import { setupGetInstanceId } from '../tools/setupGetInstanceId.js';
 import { canUseDOM } from './environment.js';
 import { useIdPrefix } from './useIdPrefix.js';
@@ -17,7 +17,7 @@ import { useIdPrefix } from './useIdPrefix.js';
 // https://github.com/webpack/webpack/issues/14814
 // https://github.com/mui/material-ui/issues/41190
 const _React = {
-  ...React__default
+  ...React
 };
 const instanceId = setupGetInstanceId();
 const useIsomorphicLayoutEffect = canUseDOM ? useLayoutEffect : useEffect;
@@ -30,8 +30,7 @@ const defaultId = 'id';
  * @param {string} [prefix]
  * @returns {string}
  */
-function useCompatibleId() {
-  let prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultId;
+function useCompatibleId(prefix = defaultId) {
   const contextPrefix = useIdPrefix();
   const [id, setId] = useState(() => {
     if (serverHandoffCompleted) {
@@ -58,8 +57,7 @@ function useCompatibleId() {
  * @param {string} [prefix]
  * @returns {string}
  */
-function useReactId() {
-  let prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultId;
+function useReactId(prefix = defaultId) {
   const contextPrefix = useIdPrefix();
   return `${contextPrefix ? `${contextPrefix}-` : ``}${prefix}-${_React.useId()}`;
 }

package/es/internal/useIdPrefix.js

@@ -5,11 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React__default from 'react';
+import React from 'react';
 
-const IdPrefixContext = /*#__PURE__*/React__default.createContext(null);
+const IdPrefixContext = /*#__PURE__*/React.createContext(null);
 function useIdPrefix() {
-  return React__default.useContext(IdPrefixContext);
+  return React.useContext(IdPrefixContext);
 }
 
 export { IdPrefixContext, useIdPrefix };

package/es/internal/useMatchMedia.js

@@ -13,8 +13,7 @@ import { useState, useEffect } from 'react';
  * @param defaultState - The initial state to return before the media query is evaluated. Defaults to `false`.
  * @returns Whether the media query matches.
  */
-const useMatchMedia = function (mediaQuery) {
-  let defaultState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+const useMatchMedia = (mediaQuery, defaultState = false) => {
   const [matches, setMatches] = useState(defaultState);
   useEffect(() => {
     const listener = event => {

package/es/internal/useMergedRefs.d.ts

@@ -13,4 +13,4 @@ import { type ForwardedRef, type Ref } from 'react';
  * accepts an array of refs and returns a callback ref that, when attached to a
  * node, assigns that node to every ref in the array.
  */
-export declare const useMergedRefs: <T>(refs: ForwardedRef<T>[]) => Ref<T>;
+export declare const useMergedRefs: <T>(refs: (ForwardedRef<T> | undefined)[]) => Ref<T>;

package/es/internal/useNoInteractiveChildren.js

@@ -7,8 +7,7 @@
 
 import { useEffect } from 'react';
 
-function useNoInteractiveChildren(ref) {
-  let message = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'component should have no interactive child nodes';
+function useNoInteractiveChildren(ref, message = 'component should have no interactive child nodes') {
   if (process.env.NODE_ENV !== 'production') {
     // TODO: https://github.com/carbon-design-system/carbon/issues/19005
     /*
@@ -25,8 +24,7 @@ function useNoInteractiveChildren(ref) {
     }, []);
   }
 }
-function useInteractiveChildrenNeedDescription(ref) {
-  let message = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : `interactive child node(s) should have an \`aria-describedby\` property`;
+function useInteractiveChildrenNeedDescription(ref, message = `interactive child node(s) should have an \`aria-describedby\` property`) {
   if (process.env.NODE_ENV !== 'production') {
     // TODO: https://github.com/carbon-design-system/carbon/issues/19005
     /*