@carbon/react 1.115.0-rc.0 → 1.115.0

package/es/components/Slider/Slider.js

@@ -7,10 +7,10 @@
 
 import { usePrefix } from "../../internal/usePrefix.js";
 import { Text } from "../Text/Text.js";
-import { ArrowDown, ArrowLeft, ArrowRight as ArrowRight$1, ArrowUp as ArrowUp$1, Enter } from "../../internal/keyboard/keys.js";
-import { matches } from "../../internal/keyboard/match.js";
 import { useId } from "../../internal/useId.js";
 import { deprecate } from "../../prop-types/deprecate.js";
+import { ArrowDown, ArrowLeft, ArrowRight as ArrowRight$1, ArrowUp as ArrowUp$1, Enter } from "../../internal/keyboard/keys.js";
+import { matches } from "../../internal/keyboard/match.js";
 import { Tooltip } from "../Tooltip/Tooltip.js";
 import { useNormalizedInputProps } from "../../internal/useNormalizedInputProps.js";
 import { clamp } from "../../internal/clamp.js";

package/es/components/Tabs/Tabs.js

@@ -7,14 +7,14 @@
 
 import { usePrefix } from "../../internal/usePrefix.js";
 import { Text } from "../Text/Text.js";
-import { ArrowDown, ArrowLeft, ArrowRight as ArrowRight$1, ArrowUp as ArrowUp$1, Delete, End, Home } from "../../internal/keyboard/keys.js";
-import { match, matches } from "../../internal/keyboard/match.js";
 import useIsomorphicEffect from "../../internal/useIsomorphicEffect.js";
 import { useId } from "../../internal/useId.js";
 import { deprecate } from "../../prop-types/deprecate.js";
 import { isComponentElement } from "../../internal/utils.js";
 import { useMergedRefs } from "../../internal/useMergedRefs.js";
 import { useEvent } from "../../internal/useEvent.js";
+import { ArrowDown, ArrowLeft, ArrowRight as ArrowRight$1, ArrowUp as ArrowUp$1, Delete, End, Home } from "../../internal/keyboard/keys.js";
+import { match, matches } from "../../internal/keyboard/match.js";
 import { Tooltip } from "../Tooltip/Tooltip.js";
 import { BadgeIndicator } from "../BadgeIndicator/index.js";
 import { useControllableState } from "../../internal/useControllableState.js";

package/es/components/Tile/Tile.js

@@ -7,14 +7,14 @@
 
 import { usePrefix } from "../../internal/usePrefix.js";
 import { Text } from "../Text/Text.js";
-import { Enter, Space } from "../../internal/keyboard/keys.js";
-import { matches } from "../../internal/keyboard/match.js";
 import useIsomorphicEffect from "../../internal/useIsomorphicEffect.js";
 import { useId } from "../../internal/useId.js";
 import { deprecate } from "../../prop-types/deprecate.js";
 import Link_default from "../Link/index.js";
 import { isComponentElement } from "../../internal/utils.js";
 import { useMergedRefs } from "../../internal/useMergedRefs.js";
+import { Enter, Space } from "../../internal/keyboard/keys.js";
+import { matches } from "../../internal/keyboard/match.js";
 import { useFeatureFlag } from "../FeatureFlags/index.js";
 import { getInteractiveContent, getRoleContent } from "../../internal/useNoInteractiveChildren.js";
 import { AILabel } from "../AILabel/index.js";

package/es/components/Toggletip/index.js

@@ -6,10 +6,10 @@
  */
 
 import { usePrefix } from "../../internal/usePrefix.js";
-import { Escape } from "../../internal/keyboard/keys.js";
-import { match } from "../../internal/keyboard/match.js";
 import { useId } from "../../internal/useId.js";
 import { useWindowEvent } from "../../internal/useEvent.js";
+import { Escape } from "../../internal/keyboard/keys.js";
+import { match } from "../../internal/keyboard/match.js";
 import { Popover, PopoverContent } from "../Popover/index.js";
 import React, { forwardRef, useContext, useEffect, useRef, useState } from "react";
 import cx from "classnames";

package/es/components/Tooltip/DefinitionTooltip.js

@@ -6,10 +6,10 @@
  */
 
 import { usePrefix } from "../../internal/usePrefix.js";
-import { Enter, Escape, Space } from "../../internal/keyboard/keys.js";
-import { match } from "../../internal/keyboard/match.js";
 import { useFallbackId } from "../../internal/useId.js";
 import { deprecate } from "../../prop-types/deprecate.js";
+import { Enter, Escape, Space } from "../../internal/keyboard/keys.js";
+import { match } from "../../internal/keyboard/match.js";
 import { Popover, PopoverContent } from "../Popover/index.js";
 import { useState } from "react";
 import cx from "classnames";

package/es/components/Tooltip/Tooltip.js

@@ -6,10 +6,10 @@
  */
 
 import { usePrefix } from "../../internal/usePrefix.js";
-import { Enter, Escape, Space } from "../../internal/keyboard/keys.js";
-import { match } from "../../internal/keyboard/match.js";
 import useIsomorphicEffect from "../../internal/useIsomorphicEffect.js";
 import { useId } from "../../internal/useId.js";
+import { Enter, Escape, Space } from "../../internal/keyboard/keys.js";
+import { match } from "../../internal/keyboard/match.js";
 import { Popover, PopoverContent } from "../Popover/index.js";
 import { useDelayedState } from "../../internal/useDelayedState.js";
 import { useNoInteractiveChildren } from "../../internal/useNoInteractiveChildren.js";

package/es/components/TreeView/TreeNode.js

@@ -6,10 +6,10 @@
  */
 
 import { usePrefix } from "../../internal/usePrefix.js";
-import { ArrowLeft, ArrowRight as ArrowRight$1, Enter, Space } from "../../internal/keyboard/keys.js";
-import { match, matches } from "../../internal/keyboard/match.js";
 import { useId } from "../../internal/useId.js";
 import { deprecate } from "../../prop-types/deprecate.js";
+import { ArrowLeft, ArrowRight as ArrowRight$1, Enter, Space } from "../../internal/keyboard/keys.js";
+import { match, matches } from "../../internal/keyboard/match.js";
 import { useFeatureFlag } from "../FeatureFlags/index.js";
 import { IconButton } from "../IconButton/index.js";
 import { useControllableState } from "../../internal/useControllableState.js";

package/es/components/TreeView/TreeView.js

@@ -6,9 +6,9 @@
  */
 
 import { usePrefix } from "../../internal/usePrefix.js";
+import { useId } from "../../internal/useId.js";
 import { ArrowDown, ArrowUp, End, Home } from "../../internal/keyboard/keys.js";
 import { match, matches } from "../../internal/keyboard/match.js";
-import { useId } from "../../internal/useId.js";
 import { useFeatureFlag } from "../FeatureFlags/index.js";
 import { useControllableState } from "../../internal/useControllableState.js";
 import { DepthContext, TreeContext } from "./TreeContext.js";

package/es/components/UIShell/HeaderContainer.js

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import { useWindowEvent } from "../../internal/useEvent.js";
 import { Escape } from "../../internal/keyboard/keys.js";
 import { match } from "../../internal/keyboard/match.js";
-import { useWindowEvent } from "../../internal/useEvent.js";
 import { useCallback, useState } from "react";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";

package/es/components/UIShell/HeaderMenu.js

@@ -6,11 +6,11 @@
  */
 
 import { PrefixContext } from "../../internal/usePrefix.js";
-import { Enter, Escape, Space } from "../../internal/keyboard/keys.js";
-import { matches } from "../../internal/keyboard/match.js";
 import { deprecate } from "../../prop-types/deprecate.js";
 import { isComponentElement } from "../../internal/utils.js";
 import { useMergedRefs } from "../../internal/useMergedRefs.js";
+import { Enter, Escape, Space } from "../../internal/keyboard/keys.js";
+import { matches } from "../../internal/keyboard/match.js";
 import { composeEventHandlers } from "../../tools/events.js";
 import { AriaLabelPropType } from "../../prop-types/AriaPropTypes.js";
 import HeaderMenuItem from "./HeaderMenuItem.js";

package/es/components/UIShell/HeaderPanel.js

@@ -7,11 +7,11 @@
 
 import { noopFn } from "../../internal/noopFn.js";
 import { usePrefix } from "../../internal/usePrefix.js";
-import { Escape } from "../../internal/keyboard/keys.js";
-import { match } from "../../internal/keyboard/match.js";
 import { isComponentElement } from "../../internal/utils.js";
 import { useMergedRefs } from "../../internal/useMergedRefs.js";
 import { useWindowEvent } from "../../internal/useEvent.js";
+import { Escape } from "../../internal/keyboard/keys.js";
+import { match } from "../../internal/keyboard/match.js";
 import Switcher from "./Switcher.js";
 import React, { useRef, useState } from "react";
 import cx from "classnames";

package/es/components/UIShell/SideNav.js

@@ -6,10 +6,10 @@
  */
 
 import { usePrefix } from "../../internal/usePrefix.js";
-import { Escape, Tab } from "../../internal/keyboard/keys.js";
-import { match } from "../../internal/keyboard/match.js";
 import { useMergedRefs } from "../../internal/useMergedRefs.js";
 import { useWindowEvent } from "../../internal/useEvent.js";
+import { Escape, Tab } from "../../internal/keyboard/keys.js";
+import { match } from "../../internal/keyboard/match.js";
 import { useDelayedState } from "../../internal/useDelayedState.js";
 import { useMatchMedia } from "../../internal/useMatchMedia.js";
 import { AriaLabelPropType } from "../../prop-types/AriaPropTypes.js";

package/lib/components/Accordion/AccordionItem.d.ts

@@ -61,6 +61,11 @@ export interface AccordionToggleProps {
     className?: string;
     disabled?: boolean;
     onClick?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * @deprecated `AccordionItem` no longer passes an `onKeyDown` handler to
+     * the toggle. This prop is kept only so custom `renderToggle`
+     * implementations that reference it don't hit a breaking type change.
+     */
     onKeyDown?: (event: KeyboardEvent<HTMLButtonElement>) => void;
     type?: 'button';
 }

package/lib/components/Accordion/AccordionItem.js

@@ -9,8 +9,6 @@ const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
 const require_AccordionProvider = require("./AccordionProvider.js");
 const require_Text = require("../Text/Text.js");
-const require_keys = require("../../internal/keyboard/keys.js");
-const require_match = require("../../internal/keyboard/match.js");
 const require_useId = require("../../internal/useId.js");
 const require_deprecate = require("../../prop-types/deprecate.js");
 let react = require("react");
@@ -64,9 +62,6 @@ function AccordionItem({ children, className: customClassName = "", open = false
 			event
 		});
 	}
-	function onKeyDown(event) {
-		if (isOpen && require_match.match(event, require_keys.Escape)) setIsOpen(false);
-	}
 	function onAnimationEnd(event) {
 		if (handleAnimationEnd) handleAnimationEnd(event);
 	}
@@ -80,7 +75,6 @@ function AccordionItem({ children, className: customClassName = "", open = false
 			"aria-label": ariaLabel,
 			className: `${prefix}--accordion__heading`,
 			onClick,
-			onKeyDown,
 			type: "button",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.ChevronRight, { className: `${prefix}--accordion__arrow` }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
 				as: "div",

package/lib/components/ComboBox/ComboBox.js

@@ -8,13 +8,13 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
 const require_Text = require("../Text/Text.js");
-const require_keys = require("../../internal/keyboard/keys.js");
-const require_match = require("../../internal/keyboard/match.js");
 const require_useId = require("../../internal/useId.js");
 const require_deprecate = require("../../prop-types/deprecate.js");
 const require_defaultItemToString = require("../../internal/defaultItemToString.js");
 const require_isItemDisabled = require("../../internal/isItemDisabled.js");
 const require_utils = require("../../internal/utils.js");
+const require_keys = require("../../internal/keyboard/keys.js");
+const require_match = require("../../internal/keyboard/match.js");
 const require_index = require("../FeatureFlags/index.js");
 const require_index$1 = require("../AILabel/index.js");
 const require_mergeRefs = require("../../tools/mergeRefs.js");

package/lib/components/ComposedModal/ComposedModal.js

@@ -8,11 +8,11 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_warning = require("../../internal/warning.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
-const require_keys = require("../../internal/keyboard/keys.js");
-const require_match = require("../../internal/keyboard/match.js");
 const require_useId = require("../../internal/useId.js");
 const require_deprecate = require("../../prop-types/deprecate.js");
 const require_utils = require("../../internal/utils.js");
+const require_keys = require("../../internal/keyboard/keys.js");
+const require_match = require("../../internal/keyboard/match.js");
 const require_index = require("../FeatureFlags/index.js");
 const require_index$1 = require("../AILabel/index.js");
 const require_mergeRefs = require("../../tools/mergeRefs.js");

package/lib/components/ContentSwitcher/ContentSwitcher.js

@@ -7,11 +7,11 @@
 
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
+const require_deprecate = require("../../prop-types/deprecate.js");
+const require_utils = require("../../internal/utils.js");
 const require_keys = require("../../internal/keyboard/keys.js");
 const require_match = require("../../internal/keyboard/match.js");
 const require_navigation = require("../../internal/keyboard/navigation.js");
-const require_deprecate = require("../../prop-types/deprecate.js");
-const require_utils = require("../../internal/utils.js");
 const require_index = require("../Layout/index.js");
 const require_Switch = require("../Switch/Switch.js");
 const require_IconSwitch = require("../Switch/IconSwitch.js");

package/lib/components/DatePicker/DatePicker.js

@@ -7,10 +7,10 @@
 
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
-const require_keys = require("../../internal/keyboard/keys.js");
-const require_match = require("../../internal/keyboard/match.js");
 const require_deprecate = require("../../prop-types/deprecate.js");
 const require_utils = require("../../internal/utils.js");
+const require_keys = require("../../internal/keyboard/keys.js");
+const require_match = require("../../internal/keyboard/match.js");
 const require_index = require("../DatePickerInput/index.js");
 const require_appendToPlugin = require("./plugins/appendToPlugin.js");
 const require_fixEventsPlugin = require("./plugins/fixEventsPlugin.js");

package/lib/components/FileUploader/FileUploader.js

@@ -8,9 +8,9 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
 const require_Text = require("../Text/Text.js");
+const require_useId = require("../../internal/useId.js");
 const require_keys = require("../../internal/keyboard/keys.js");
 const require_match = require("../../internal/keyboard/match.js");
-const require_useId = require("../../internal/useId.js");
 const require_index = require("../FeatureFlags/index.js");
 const require_Button = require("../Button/Button.js");
 const require_Filename = require("./Filename.js");

package/lib/components/FileUploader/FileUploaderButton.js

@@ -8,10 +8,10 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_noopFn = require("../../internal/noopFn.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
-const require_keys = require("../../internal/keyboard/keys.js");
-const require_match = require("../../internal/keyboard/match.js");
 const require_useId = require("../../internal/useId.js");
 const require_deprecate = require("../../prop-types/deprecate.js");
+const require_keys = require("../../internal/keyboard/keys.js");
+const require_match = require("../../internal/keyboard/match.js");
 const require_Button = require("../Button/Button.js");
 let react = require("react");
 react = require_runtime.__toESM(react);

package/lib/components/FileUploader/FileUploaderDropContainer.js

@@ -8,10 +8,10 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_noopFn = require("../../internal/noopFn.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
-const require_keys = require("../../internal/keyboard/keys.js");
-const require_match = require("../../internal/keyboard/match.js");
 const require_useId = require("../../internal/useId.js");
 const require_deprecate = require("../../prop-types/deprecate.js");
+const require_keys = require("../../internal/keyboard/keys.js");
+const require_match = require("../../internal/keyboard/match.js");
 const require_events = require("../../tools/events.js");
 let react = require("react");
 react = require_runtime.__toESM(react);

package/lib/components/FileUploader/FileUploaderItem.js

@@ -9,10 +9,10 @@ const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_noopFn = require("../../internal/noopFn.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
 const require_Text = require("../Text/Text.js");
-const require_keys = require("../../internal/keyboard/keys.js");
-const require_match = require("../../internal/keyboard/match.js");
 const require_useIsomorphicEffect = require("../../internal/useIsomorphicEffect.js");
 const require_useId = require("../../internal/useId.js");
+const require_keys = require("../../internal/keyboard/keys.js");
+const require_match = require("../../internal/keyboard/match.js");
 const require_Tooltip = require("../Tooltip/Tooltip.js");
 const require_Filename = require("./Filename.js");
 let react = require("react");

package/lib/components/Loading/Loading.js

@@ -8,6 +8,8 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
 const require_deprecate = require("../../prop-types/deprecate.js");
+const require_keys = require("../../internal/keyboard/keys.js");
+const require_match = require("../../internal/keyboard/match.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let classnames = require("classnames");
@@ -22,8 +24,78 @@ let react_jsx_runtime = require("react/jsx-runtime");
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */
+const isModalDialog = (element) => {
+	if (element.matches("[aria-modal=\"true\"]")) return true;
+	if (!(element instanceof HTMLDialogElement) || !element.open) return false;
+	try {
+		return element.matches(":modal");
+	} catch {
+		return true;
+	}
+};
+const isLayeredOnTop = (target, overlay) => {
+	if (!(target instanceof Element)) return false;
+	for (let element = target; element; element = element.parentElement) if (isModalDialog(element)) return !element.contains(overlay);
+	return false;
+};
+const focusWithBorrowedTabIndex = (element) => {
+	const hadTabIndex = element.hasAttribute("tabindex");
+	if (!hadTabIndex) element.setAttribute("tabindex", "-1");
+	element.focus();
+	if (hadTabIndex) return;
+	if (document.activeElement === element) element.addEventListener("blur", () => element.removeAttribute("tabindex"), { once: true });
+	else element.removeAttribute("tabindex");
+};
+const restoreFocus = (overlay, previouslyFocused) => {
+	const activeElement = document.activeElement;
+	if (!(!activeElement || activeElement === document.body || overlay.contains(activeElement)) || !previouslyFocused?.isConnected) return;
+	previouslyFocused.focus();
+	if (document.activeElement === previouslyFocused) return;
+	const fallback = previouslyFocused.parentElement;
+	if (!fallback || fallback === document.body || fallback === document.documentElement) return;
+	focusWithBorrowedTabIndex(fallback);
+};
+const useFocusTrap = (overlayRef, active) => {
+	(0, react.useEffect)(() => {
+		const overlay = overlayRef.current;
+		if (!active || !overlay) return;
+		const previouslyFocused = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+		if (!isLayeredOnTop(previouslyFocused, overlay)) overlay.focus();
+		let reclaiming = false;
+		const reclaimFocus = () => {
+			if (reclaiming) return;
+			reclaiming = true;
+			try {
+				overlay.focus();
+			} finally {
+				reclaiming = false;
+			}
+		};
+		const handleFocusIn = (event) => {
+			const { target } = event;
+			if (!(target instanceof Node) || overlay.contains(target)) return;
+			if (isLayeredOnTop(target, overlay)) return;
+			reclaimFocus();
+		};
+		const handleKeyDown = (event) => {
+			if (!require_match.match(event, require_keys.Tab)) return;
+			if (isLayeredOnTop(event.target, overlay)) return;
+			event.preventDefault();
+			reclaimFocus();
+		};
+		document.addEventListener("focusin", handleFocusIn, true);
+		document.addEventListener("keydown", handleKeyDown, true);
+		return () => {
+			document.removeEventListener("focusin", handleFocusIn, true);
+			document.removeEventListener("keydown", handleKeyDown, true);
+			restoreFocus(overlay, previouslyFocused);
+		};
+	}, [overlayRef, active]);
+};
 function Loading({ active = true, className: customClassName, withOverlay = true, small = false, description = "loading", ...rest }) {
 	const prefix = require_usePrefix.usePrefix();
+	const overlayRef = (0, react.useRef)(null);
+	useFocusTrap(overlayRef, withOverlay && active);
 	const loadingClassName = (0, classnames.default)(customClassName, {
 		[`${prefix}--loading`]: true,
 		[`${prefix}--loading--small`]: small,
@@ -62,7 +134,15 @@ function Loading({ active = true, className: customClassName, withOverlay = true
 	});
 	return withOverlay ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: overlayClassName,
-		children: loading
+		role: "presentation",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			ref: overlayRef,
+			role: active ? "dialog" : void 0,
+			"aria-modal": active ? "true" : void 0,
+			"aria-label": active ? description : void 0,
+			tabIndex: active ? -1 : void 0,
+			children: loading
+		})
 	}) : loading;
 }
 Loading.propTypes = {

package/lib/components/Menu/Menu.js

@@ -7,10 +7,10 @@
 
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
-const require_keys = require("../../internal/keyboard/keys.js");
-const require_match = require("../../internal/keyboard/match.js");
 const require_deprecate = require("../../prop-types/deprecate.js");
 const require_useMergedRefs = require("../../internal/useMergedRefs.js");
+const require_keys = require("../../internal/keyboard/keys.js");
+const require_match = require("../../internal/keyboard/match.js");
 const require_MenuContext = require("./MenuContext.js");
 const require_useLayoutDirection = require("../LayoutDirection/useLayoutDirection.js");
 const require_environment = require("../../internal/environment.js");

package/lib/components/Menu/MenuItem.js

@@ -8,11 +8,11 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
 const require_Text = require("../Text/Text.js");
-const require_keys = require("../../internal/keyboard/keys.js");
-const require_match = require("../../internal/keyboard/match.js");
 const require_useId = require("../../internal/useId.js");
 const require_defaultItemToString = require("../../internal/defaultItemToString.js");
 const require_useMergedRefs = require("../../internal/useMergedRefs.js");
+const require_keys = require("../../internal/keyboard/keys.js");
+const require_match = require("../../internal/keyboard/match.js");
 const require_MenuContext = require("./MenuContext.js");
 const require_useLayoutDirection = require("../LayoutDirection/useLayoutDirection.js");
 const require_Menu = require("./Menu.js");

package/lib/components/Modal/Modal.js

@@ -10,13 +10,13 @@ const require_noopFn = require("../../internal/noopFn.js");
 const require_warning = require("../../internal/warning.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
 const require_Text = require("../Text/Text.js");
-const require_keys = require("../../internal/keyboard/keys.js");
-const require_match = require("../../internal/keyboard/match.js");
-const require_navigation = require("../../internal/keyboard/navigation.js");
 const require_useId = require("../../internal/useId.js");
 const require_deprecate = require("../../prop-types/deprecate.js");
 const require_utils = require("../../internal/utils.js");
 const require_useMergedRefs = require("../../internal/useMergedRefs.js");
+const require_keys = require("../../internal/keyboard/keys.js");
+const require_match = require("../../internal/keyboard/match.js");
+const require_navigation = require("../../internal/keyboard/navigation.js");
 const require_index = require("../FeatureFlags/index.js");
 const require_index$1 = require("../IconButton/index.js");
 const require_index$2 = require("../Button/index.js");

package/lib/components/MultiSelect/FilterableMultiSelect.js

@@ -7,14 +7,14 @@
 
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
-const require_keys = require("../../internal/keyboard/keys.js");
-const require_match = require("../../internal/keyboard/match.js");
 const require_useIsomorphicEffect = require("../../internal/useIsomorphicEffect.js");
 const require_useId = require("../../internal/useId.js");
 const require_deprecate = require("../../prop-types/deprecate.js");
 const require_defaultItemToString = require("../../internal/defaultItemToString.js");
 const require_isItemDisabled = require("../../internal/isItemDisabled.js");
 const require_utils = require("../../internal/utils.js");
+const require_keys = require("../../internal/keyboard/keys.js");
+const require_match = require("../../internal/keyboard/match.js");
 const require_index = require("../AILabel/index.js");
 const require_mergeRefs = require("../../tools/mergeRefs.js");
 const require_hasHelperText = require("../../internal/hasHelperText.js");

package/lib/components/MultiSelect/MultiSelect.js

@@ -8,14 +8,14 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_noopFn = require("../../internal/noopFn.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
-const require_keys = require("../../internal/keyboard/keys.js");
-const require_match = require("../../internal/keyboard/match.js");
 const require_useIsomorphicEffect = require("../../internal/useIsomorphicEffect.js");
 const require_useId = require("../../internal/useId.js");
 const require_deprecate = require("../../prop-types/deprecate.js");
 const require_defaultItemToString = require("../../internal/defaultItemToString.js");
 const require_isItemDisabled = require("../../internal/isItemDisabled.js");
 const require_utils = require("../../internal/utils.js");
+const require_keys = require("../../internal/keyboard/keys.js");
+const require_match = require("../../internal/keyboard/match.js");
 const require_index = require("../FeatureFlags/index.js");
 const require_index$1 = require("../AILabel/index.js");
 const require_mergeRefs = require("../../tools/mergeRefs.js");

package/lib/components/Notification/Notification.js

@@ -10,12 +10,12 @@ const require_noopFn = require("../../internal/noopFn.js");
 const require_warning = require("../../internal/warning.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
 const require_Text = require("../Text/Text.js");
-const require_keys = require("../../internal/keyboard/keys.js");
-const require_match = require("../../internal/keyboard/match.js");
 const require_useIsomorphicEffect = require("../../internal/useIsomorphicEffect.js");
 const require_useId = require("../../internal/useId.js");
 const require_deprecate = require("../../prop-types/deprecate.js");
 const require_deprecateValuesWithin = require("../../prop-types/deprecateValuesWithin.js");
+const require_keys = require("../../internal/keyboard/keys.js");
+const require_match = require("../../internal/keyboard/match.js");
 const require_index = require("../FeatureFlags/index.js");
 const require_useNoInteractiveChildren = require("../../internal/useNoInteractiveChildren.js");
 const require_index$1 = require("../Button/index.js");

package/lib/components/NumberInput/NumberInput.js

@@ -8,11 +8,11 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
 const require_Text = require("../Text/Text.js");
-const require_keys = require("../../internal/keyboard/keys.js");
-const require_match = require("../../internal/keyboard/match.js");
 const require_deprecate = require("../../prop-types/deprecate.js");
 const require_utils = require("../../internal/utils.js");
 const require_useMergedRefs = require("../../internal/useMergedRefs.js");
+const require_keys = require("../../internal/keyboard/keys.js");
+const require_match = require("../../internal/keyboard/match.js");
 const require_index = require("../AILabel/index.js");
 const require_useControllableState = require("../../internal/useControllableState.js");
 const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");

package/lib/components/OverflowMenu/OverflowMenu.js

@@ -8,11 +8,11 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_noopFn = require("../../internal/noopFn.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
-const require_keys = require("../../internal/keyboard/keys.js");
-const require_match = require("../../internal/keyboard/match.js");
 const require_setupGetInstanceId = require("../../tools/setupGetInstanceId.js");
 const require_deprecate = require("../../prop-types/deprecate.js");
 const require_deprecateValuesWithin = require("../../prop-types/deprecateValuesWithin.js");
+const require_keys = require("../../internal/keyboard/keys.js");
+const require_match = require("../../internal/keyboard/match.js");
 const require_mapPopoverAlign = require("../../tools/mapPopoverAlign.js");
 const require_index = require("../IconButton/index.js");
 const require_mergeRefs = require("../../tools/mergeRefs.js");

package/lib/components/OverflowMenuItem/OverflowMenuItem.js

@@ -9,9 +9,9 @@ const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_warning = require("../../internal/warning.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
 const require_Text = require("../Text/Text.js");
+const require_useId = require("../../internal/useId.js");
 const require_keys = require("../../internal/keyboard/keys.js");
 const require_match = require("../../internal/keyboard/match.js");
-const require_useId = require("../../internal/useId.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let classnames = require("classnames");

package/lib/components/Pagination/Pagination.d.ts

@@ -108,7 +108,7 @@ export interface PaginationProps extends Omit<React.HTMLAttributes<HTMLDivElemen
     /**
      * The choices for `pageSize`.
      */
-    pageSizes: number[] | PaginationPageSize[];
+    pageSizes?: Array<number | PaginationPageSize>;
     /**
      * The translatable text showing the current page.
      */