@carbon/react 1.83.0 → 1.84.0

package/lib/components/UIShell/SideNavDivider.js

@@ -21,10 +21,9 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _hr;
-const SideNavDivider = _ref => {
-  let {
-    className
-  } = _ref;
+const SideNavDivider = ({
+  className
+}) => {
   const prefix = usePrefix.usePrefix();
   const classNames = cx__default["default"](`${prefix}--side-nav__divider`, className);
   return /*#__PURE__*/React__default["default"].createElement("li", {

package/lib/components/UIShell/SideNavFooter.js

@@ -27,13 +27,12 @@ var _Close, _ChevronRight;
  * navigation that is a part of the UI Shell. It is responsible for handling the
  * user interaction to expand or collapse the side navigation.
  */
-function SideNavFooter(_ref) {
-  let {
-    assistiveText = 'Toggle opening or closing the side navigation',
-    className: customClassName,
-    expanded,
-    onToggle
-  } = _ref;
+function SideNavFooter({
+  assistiveText = 'Toggle opening or closing the side navigation',
+  className: customClassName,
+  expanded,
+  onToggle
+}) {
   const prefix = usePrefix.usePrefix();
   const className = cx__default["default"](`${prefix}--side-nav__footer`, customClassName);
   return /*#__PURE__*/React__default["default"].createElement("footer", {

package/lib/components/UIShell/SideNavHeader.js

@@ -21,12 +21,11 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const SideNavHeader = _ref => {
-  let {
-    children,
-    className: customClassName,
-    renderIcon: IconElement
-  } = _ref;
+const SideNavHeader = ({
+  children,
+  className: customClassName,
+  renderIcon: IconElement
+}) => {
   const prefix = usePrefix.usePrefix();
   const className = cx__default["default"](`${prefix}--side-nav__header`, customClassName);
   return /*#__PURE__*/React__default["default"].createElement("header", {

package/lib/components/UIShell/SideNavIcon.js

@@ -20,12 +20,11 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const SideNavIcon = _ref => {
-  let {
-    children,
-    className: customClassName,
-    small = false
-  } = _ref;
+const SideNavIcon = ({
+  children,
+  className: customClassName,
+  small = false
+}) => {
   const prefix = usePrefix.usePrefix();
   const className = cx__default["default"]({
     [`${prefix}--side-nav__icon`]: true,

package/lib/components/UIShell/SideNavItem.js

@@ -20,12 +20,11 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const SideNavItem = _ref => {
-  let {
-    className: customClassName,
-    children,
-    large = false
-  } = _ref;
+const SideNavItem = ({
+  className: customClassName,
+  children,
+  large = false
+}) => {
   const prefix = usePrefix.usePrefix();
   const className = cx__default["default"]({
     [`${prefix}--side-nav__item`]: true,

package/lib/components/UIShell/SideNavItems.js

@@ -21,12 +21,11 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const SideNavItems = _ref => {
-  let {
-    className: customClassName,
-    children,
-    isSideNavExpanded
-  } = _ref;
+const SideNavItems = ({
+  className: customClassName,
+  children,
+  isSideNavExpanded
+}) => {
   const prefix = usePrefix.usePrefix();
   const className = cx__default["default"]([`${prefix}--side-nav__items`], customClassName);
   const childrenWithExpandedState = React__default["default"].Children.map(children, child => {

package/lib/components/UIShell/SideNavLink.js

@@ -28,17 +28,16 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 // First define a non-generic base component to work with forwardRef
 
-const SideNavLinkBase = (_ref, ref) => {
-  let {
-    children,
-    className: customClassName,
-    renderIcon: IconElement,
-    isActive,
-    isSideNavExpanded,
-    large = false,
-    tabIndex,
-    ...rest
-  } = _ref;
+const SideNavLinkBase = ({
+  children,
+  className: customClassName,
+  renderIcon: IconElement,
+  isActive,
+  isSideNavExpanded,
+  large = false,
+  tabIndex,
+  ...rest
+}, ref) => {
   const isRail = React.useContext(SideNav.SideNavContext);
   const prefix = usePrefix.usePrefix();
   const className = cx__default["default"]({

package/lib/components/UIShell/SideNavLinkText.js

@@ -21,12 +21,11 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
-function SideNavLinkText(_ref) {
-  let {
-    className: customClassName,
-    children,
-    ...rest
-  } = _ref;
+function SideNavLinkText({
+  className: customClassName,
+  children,
+  ...rest
+}) {
   const prefix = usePrefix.usePrefix();
   const className = cx__default["default"](`${prefix}--side-nav__link-text`, customClassName);
   return /*#__PURE__*/React__default["default"].createElement("span", _rollupPluginBabelHelpers["extends"]({}, rest, {

package/lib/components/UIShell/SideNavMenu.js

@@ -26,18 +26,17 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _ChevronDown;
-const SideNavMenu = /*#__PURE__*/React__default["default"].forwardRef(function SideNavMenu(_ref, ref) {
-  let {
-    className: customClassName,
-    children,
-    defaultExpanded = false,
-    isActive = false,
-    large = false,
-    renderIcon: IconElement,
-    isSideNavExpanded,
-    tabIndex,
-    title
-  } = _ref;
+const SideNavMenu = /*#__PURE__*/React__default["default"].forwardRef(function SideNavMenu({
+  className: customClassName,
+  children,
+  defaultExpanded = false,
+  isActive = false,
+  large = false,
+  renderIcon: IconElement,
+  isSideNavExpanded,
+  tabIndex,
+  title
+}, ref) {
   const {
     isRail
   } = React.useContext(SideNav.SideNavContext);

package/lib/components/UIShell/SkipToContent.js

@@ -21,14 +21,13 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
-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.usePrefix();
   const className = cx__default["default"](`${prefix}--skip-to-content`, customClassName);
   return /*#__PURE__*/React__default["default"].createElement("a", _rollupPluginBabelHelpers["extends"]({}, rest, {

package/lib/components/UIShell/Switcher.js

@@ -42,11 +42,10 @@ const Switcher = /*#__PURE__*/React.forwardRef(function Switcher(props, forwardR
   const className = cx__default["default"](`${prefix}--switcher`, {
     [customClassName || '']: !!customClassName
   });
-  const handleSwitcherItemFocus = _ref => {
-    let {
-      currentIndex,
-      direction
-    } = _ref;
+  const handleSwitcherItemFocus = ({
+    currentIndex,
+    direction
+  }) => {
     const enabledIndices = React__default["default"].Children.toArray(children).reduce((acc, curr, i) => {
       if (/*#__PURE__*/React__default["default"].isValidElement(curr) && Object.keys(curr.props).length !== 0 && curr.type === SwitcherItem["default"]) {
         acc.push(i);

package/lib/components/UIShell/SwitcherDivider.js

@@ -21,11 +21,10 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
-const SwitcherDivider = _ref => {
-  let {
-    className: customClassName,
-    ...other
-  } = _ref;
+const SwitcherDivider = ({
+  className: customClassName,
+  ...other
+}) => {
   const prefix = usePrefix.usePrefix();
   const classNames = cx__default["default"](`${prefix}--switcher__item--divider`, {
     [customClassName || '']: !!customClassName

package/lib/components/UnorderedList/UnorderedList.js

@@ -21,13 +21,12 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-function UnorderedList(_ref) {
-  let {
-    className,
-    nested = false,
-    isExpressive = false,
-    ...other
-  } = _ref;
+function UnorderedList({
+  className,
+  nested = false,
+  isExpressive = false,
+  ...other
+}) {
   const prefix = usePrefix.usePrefix();
   const classNames = cx__default["default"](`${prefix}--list--unordered`, className, {
     [`${prefix}--list--nested`]: nested,

package/lib/index.js

@@ -32,7 +32,7 @@ var ComposedModal = require('./components/ComposedModal/ComposedModal.js');
 var ModalHeader = require('./components/ComposedModal/ModalHeader.js');
 var ModalFooter = require('./components/ComposedModal/ModalFooter.js');
 require('./components/ContainedList/index.js');
-var index$9 = require('./components/ContentSwitcher/index.js');
+var ContentSwitcher = require('./components/ContentSwitcher/ContentSwitcher.js');
 var useContextMenu = require('./components/ContextMenu/useContextMenu.js');
 var Copy = require('./components/Copy/Copy.js');
 var CopyButton = require('./components/CopyButton/CopyButton.js');
@@ -89,14 +89,14 @@ var Column = require('./components/Grid/Column.js');
 var ColumnHang = require('./components/Grid/ColumnHang.js');
 var GridContext = require('./components/Grid/GridContext.js');
 var Icon_Skeleton = require('./components/Icon/Icon.Skeleton.js');
-var index$a = require('./components/IdPrefix/index.js');
+var index$9 = require('./components/IdPrefix/index.js');
 var InlineLoading = require('./components/InlineLoading/InlineLoading.js');
 var Link = require('./components/Link/Link.js');
 var ListItem = require('./components/ListItem/ListItem.js');
 var Loading = require('./components/Loading/Loading.js');
 var Menu = require('./components/Menu/Menu.js');
 var MenuItem = require('./components/Menu/MenuItem.js');
-var index$b = require('./components/MenuButton/index.js');
+var index$a = require('./components/MenuButton/index.js');
 var Modal = require('./components/Modal/Modal.js');
 var ModalWrapper = require('./components/ModalWrapper/ModalWrapper.js');
 var FilterableMultiSelect = require('./components/MultiSelect/FilterableMultiSelect.js');
@@ -105,7 +105,7 @@ var Notification = require('./components/Notification/Notification.js');
 var NumberInput_Skeleton = require('./components/NumberInput/NumberInput.Skeleton.js');
 var NumberInput = require('./components/NumberInput/NumberInput.js');
 var OrderedList = require('./components/OrderedList/OrderedList.js');
-var index$c = require('./components/OverflowMenu/index.js');
+var index$b = require('./components/OverflowMenu/index.js');
 var OverflowMenuItem = require('./components/OverflowMenuItem/OverflowMenuItem.js');
 var index = require('./components/PageHeader/index.js');
 var Pagination$1 = require('./components/Pagination/Pagination.js');
@@ -130,7 +130,7 @@ var SelectItemGroup = require('./components/SelectItemGroup/SelectItemGroup.js')
 var SkeletonIcon = require('./components/SkeletonIcon/SkeletonIcon.js');
 var SkeletonPlaceholder = require('./components/SkeletonPlaceholder/SkeletonPlaceholder.js');
 var SkeletonText = require('./components/SkeletonText/SkeletonText.js');
-var index$d = require('./components/Slider/index.js');
+var index$c = require('./components/Slider/index.js');
 var HStack = require('./components/Stack/HStack.js');
 var Stack = require('./components/Stack/Stack.js');
 var VStack = require('./components/Stack/VStack.js');
@@ -157,7 +157,7 @@ var TimePickerSelect = require('./components/TimePickerSelect/TimePickerSelect.j
 var Toggle = require('./components/Toggle/Toggle.js');
 var Toggle_Skeleton = require('./components/Toggle/Toggle.Skeleton.js');
 var ToggleSmall_Skeleton = require('./components/ToggleSmall/ToggleSmall.Skeleton.js');
-var index$e = require('./components/Toggletip/index.js');
+var index$d = require('./components/Toggletip/index.js');
 var TreeNode = require('./components/TreeView/TreeNode.js');
 var TreeView = require('./components/TreeView/TreeView.js');
 var Content = require('./components/UIShell/Content.js');
@@ -213,14 +213,14 @@ var FluidNumberInput_Skeleton = require('./components/FluidNumberInput/FluidNumb
 var FluidTimePicker = require('./components/FluidTimePicker/FluidTimePicker.js');
 var FluidTimePicker_Skeleton = require('./components/FluidTimePicker/FluidTimePicker.Skeleton.js');
 var FluidTimePickerSelect = require('./components/FluidTimePickerSelect/FluidTimePickerSelect.js');
-var index$f = require('./components/Heading/index.js');
-var index$g = require('./components/IconButton/index.js');
-var index$h = require('./components/Layer/index.js');
+var index$e = require('./components/Heading/index.js');
+var index$f = require('./components/IconButton/index.js');
+var index$g = require('./components/Layer/index.js');
 var index$2 = require('./components/Layout/index.js');
 var LayoutDirection = require('./components/LayoutDirection/LayoutDirection.js');
 var useLayoutDirection = require('./components/LayoutDirection/useLayoutDirection.js');
 var index$3 = require('./components/OverflowMenuV2/index.js');
-var index$i = require('./components/Popover/index.js');
+var index$h = require('./components/Popover/index.js');
 var ProgressBar = require('./components/ProgressBar/ProgressBar.js');
 var index$4 = require('./components/AILabel/index.js');
 var index$5 = require('./components/IconIndicator/index.js');
@@ -233,7 +233,7 @@ var AISkeletonText = require('./components/AISkeleton/AISkeletonText.js');
 var DefinitionTooltip = require('./components/Tooltip/DefinitionTooltip.js');
 var Tooltip = require('./components/Tooltip/Tooltip.js');
 require('./components/Text/index.js');
-var index$j = require('./components/Theme/index.js');
+var index$i = require('./components/Theme/index.js');
 var usePrefix = require('./internal/usePrefix.js');
 var useIdPrefix = require('./internal/useIdPrefix.js');
 var PageSelector = require('./components/Pagination/experimental/PageSelector.js');
@@ -272,7 +272,7 @@ exports.ComposedModal = ComposedModal["default"];
 exports.ModalBody = ComposedModal.ModalBody;
 exports.ModalHeader = ModalHeader.ModalHeader;
 exports.ModalFooter = ModalFooter.ModalFooter;
-exports.ContentSwitcher = index$9["default"];
+exports.ContentSwitcher = ContentSwitcher.ContentSwitcher;
 exports.useContextMenu = useContextMenu["default"];
 exports.Copy = Copy["default"];
 exports.CopyButton = CopyButton["default"];
@@ -334,7 +334,7 @@ exports.Column = Column["default"];
 exports.ColumnHang = ColumnHang.ColumnHang;
 exports.GridSettings = GridContext.GridSettings;
 exports.IconSkeleton = Icon_Skeleton["default"];
-exports.IdPrefix = index$a.IdPrefix;
+exports.IdPrefix = index$9.IdPrefix;
 exports.InlineLoading = InlineLoading["default"];
 exports.Link = Link["default"];
 exports.ListItem = ListItem["default"];
@@ -345,7 +345,7 @@ exports.MenuItemDivider = MenuItem.MenuItemDivider;
 exports.MenuItemGroup = MenuItem.MenuItemGroup;
 exports.MenuItemRadioGroup = MenuItem.MenuItemRadioGroup;
 exports.MenuItemSelectable = MenuItem.MenuItemSelectable;
-exports.MenuButton = index$b.MenuButton;
+exports.MenuButton = index$a.MenuButton;
 exports.Modal = Modal["default"];
 exports.ModalWrapper = ModalWrapper["default"];
 exports.FilterableMultiSelect = FilterableMultiSelect.FilterableMultiSelect;
@@ -360,7 +360,7 @@ exports.ToastNotification = Notification.ToastNotification;
 exports.NumberInputSkeleton = NumberInput_Skeleton["default"];
 exports.NumberInput = NumberInput.NumberInput;
 exports.OrderedList = OrderedList["default"];
-exports.OverflowMenu = index$c["default"];
+exports.OverflowMenu = index$b["default"];
 exports.OverflowMenuItem = OverflowMenuItem["default"];
 exports.unstable__PageHeader = index;
 exports.Pagination = Pagination$1["default"];
@@ -386,7 +386,7 @@ exports.SelectItemGroup = SelectItemGroup["default"];
 exports.SkeletonIcon = SkeletonIcon["default"];
 exports.SkeletonPlaceholder = SkeletonPlaceholder["default"];
 exports.SkeletonText = SkeletonText["default"];
-exports.Slider = index$d["default"];
+exports.Slider = index$c["default"];
 exports.HStack = HStack.HStack;
 exports.Stack = Stack.Stack;
 exports.VStack = VStack.VStack;
@@ -424,17 +424,17 @@ exports.SelectableTile = Tile.SelectableTile;
 exports.Tile = Tile.Tile;
 exports.TileAboveTheFoldContent = Tile.TileAboveTheFoldContent;
 exports.TileBelowTheFoldContent = Tile.TileBelowTheFoldContent;
-exports.TileGroup = TileGroup["default"];
+exports.TileGroup = TileGroup.TileGroup;
 exports.TimePicker = TimePicker["default"];
 exports.TimePickerSelect = TimePickerSelect["default"];
 exports.Toggle = Toggle.Toggle;
 exports.ToggleSkeleton = Toggle_Skeleton["default"];
 exports.ToggleSmallSkeleton = ToggleSmall_Skeleton.ToggleSmallSkeleton;
-exports.Toggletip = index$e.Toggletip;
-exports.ToggletipActions = index$e.ToggletipActions;
-exports.ToggletipButton = index$e.ToggletipButton;
-exports.ToggletipContent = index$e.ToggletipContent;
-exports.ToggletipLabel = index$e.ToggletipLabel;
+exports.Toggletip = index$d.Toggletip;
+exports.ToggletipActions = index$d.ToggletipActions;
+exports.ToggletipButton = index$d.ToggletipButton;
+exports.ToggletipContent = index$d.ToggletipContent;
+exports.ToggletipLabel = index$d.ToggletipLabel;
 exports.TreeNode = TreeNode["default"];
 exports.TreeView = TreeView["default"];
 exports.Content = Content["default"];
@@ -442,7 +442,7 @@ exports.Header = Header["default"];
 exports.HeaderContainer = HeaderContainer["default"];
 exports.HeaderGlobalAction = HeaderGlobalAction["default"];
 exports.HeaderGlobalBar = HeaderGlobalBar["default"];
-exports.HeaderMenu = HeaderMenu["default"];
+exports.HeaderMenu = HeaderMenu.HeaderMenu;
 exports.HeaderMenuButton = HeaderMenuButton["default"];
 exports.HeaderMenuItem = HeaderMenuItem["default"];
 exports.HeaderName = HeaderName["default"];
@@ -489,18 +489,18 @@ exports.unstable__FluidNumberInputSkeleton = FluidNumberInput_Skeleton["default"
 exports.unstable__FluidTimePicker = FluidTimePicker["default"];
 exports.unstable__FluidTimePickerSkeleton = FluidTimePicker_Skeleton["default"];
 exports.unstable__FluidTimePickerSelect = FluidTimePickerSelect["default"];
-exports.Heading = index$f.Heading;
-exports.Section = index$f.Section;
-exports.IconButton = index$g.IconButton;
-exports.IconButtonKinds = index$g.IconButtonKinds;
-exports.Layer = index$h.Layer;
-exports.useLayer = index$h.useLayer;
+exports.Heading = index$e.Heading;
+exports.Section = index$e.Section;
+exports.IconButton = index$f.IconButton;
+exports.IconButtonKinds = index$f.IconButtonKinds;
+exports.Layer = index$g.Layer;
+exports.useLayer = index$g.useLayer;
 exports.unstable_Layout = index$2.Layout;
 exports.unstable_LayoutDirection = LayoutDirection.LayoutDirection;
 exports.unstable_useLayoutDirection = useLayoutDirection.useLayoutDirection;
 exports.unstable_OverflowMenuV2 = index$3.OverflowMenuV2;
-exports.Popover = index$i.Popover;
-exports.PopoverContent = index$i.PopoverContent;
+exports.Popover = index$h.Popover;
+exports.PopoverContent = index$h.PopoverContent;
 exports.ProgressBar = ProgressBar["default"];
 exports.AILabel = index$4.AILabel;
 exports.AILabelActions = index$4.AILabelActions;
@@ -520,11 +520,11 @@ exports.AISkeletonText = AISkeletonText["default"];
 exports.unstable__AiSkeletonText = AISkeletonText["default"];
 exports.DefinitionTooltip = DefinitionTooltip.DefinitionTooltip;
 exports.Tooltip = Tooltip.Tooltip;
-exports.GlobalTheme = index$j.GlobalTheme;
-exports.Theme = index$j.Theme;
-exports.ThemeContext = index$j.ThemeContext;
-exports.usePrefersDarkScheme = index$j.usePrefersDarkScheme;
-exports.useTheme = index$j.useTheme;
+exports.GlobalTheme = index$i.GlobalTheme;
+exports.Theme = index$i.Theme;
+exports.ThemeContext = index$i.ThemeContext;
+exports.usePrefersDarkScheme = index$i.usePrefersDarkScheme;
+exports.useTheme = index$i.useTheme;
 exports.PrefixContext = usePrefix.PrefixContext;
 exports.usePrefix = usePrefix.usePrefix;
 exports.useIdPrefix = useIdPrefix.useIdPrefix;

package/lib/internal/FloatingMenu.js

@@ -54,16 +54,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,
@@ -106,24 +105,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 = React.useContext(usePrefix.PrefixContext);
   const [floatingPosition, setFloatingPosition] = React.useState(undefined);
   const menuBodyRef = React.useRef(null);

package/lib/internal/Selection.js

@@ -16,14 +16,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
 
-const callOnChangeHandler = _ref => {
-  let {
-    isControlled,
-    isMounted,
-    onChangeHandlerControlled,
-    onChangeHandlerUncontrolled,
-    selectedItems
-  } = _ref;
+const callOnChangeHandler = ({
+  isControlled,
+  isMounted,
+  onChangeHandlerControlled,
+  onChangeHandlerUncontrolled,
+  selectedItems
+}) => {
   if (isControlled) {
     if (isMounted && onChangeHandlerControlled) {
       onChangeHandlerControlled({
@@ -34,15 +33,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 = React.useRef(false);
   const savedOnChange = React.useRef(onChange);
   const [uncontrolledItems, setUncontrolledItems] = React.useState(initialSelectedItems);

package/lib/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/lib/internal/getAnnouncement.js

@@ -0,0 +1,26 @@
+/**
+ * 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.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/** 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;
+};
+
+exports.getAnnouncement = getAnnouncement;

package/lib/internal/keyboard/match.js

@@ -34,13 +34,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;
   }