@carbon/react 1.114.0 → 1.115.0

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/es/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2025
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -7,6 +7,7 @@
 import './feature-flags';
 import './internal/warnAboutDeprecatedReactVersion';
 export * from './components/Accordion';
+export type { BigNumberProps as preview__BigNumberProps } from './components/BigNumber';
 export * from './components/AccordionItem';
 export * from './components/AspectRatio';
 export * from './components/Breadcrumb';

package/es/index.js

@@ -246,7 +246,7 @@ import AISkeletonText from "./components/AISkeleton/AISkeletonText.js";
 import { GlobalTheme, Theme, ThemeContext, usePrefersDarkScheme, useTheme } from "./components/Theme/index.js";
 //#region src/index.ts
 /**
-* Copyright IBM Corp. 2016, 2025
+* Copyright IBM Corp. 2016, 2026
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.

package/es/internal/DisplayBox.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright IBM Corp. 2022, 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { type ReactNode } from 'react';
+interface DisplayBoxProps {
+    children?: ReactNode;
+    className?: string;
+    msg?: ReactNode;
+}
+export declare const DisplayBox: ({ children, className, msg }: DisplayBoxProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/es/internal/getSupportedLocale.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.
+ */
+/**
+ * Returns the provided locale if it is supported by the runtime's
+ * `Intl.NumberFormat`, otherwise falls back to the provided fallback
+ * (or `'en-US'` when no fallback is given).
+ */
+export declare function getSupportedLocale(locale: string | undefined, fallback?: string): string;

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/BigNumber/BigNumber.d.ts

@@ -0,0 +1,82 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React, { ReactNode } from 'react';
+import { BigNumberSizeValues } from './constants';
+export interface BigNumberProps {
+    /**
+     * Provide an optional class to be applied to the containing node.
+     */
+    className?: string;
+    /**
+     * The default behavior will hide `total` if `undefined` or is the same as `value`.
+     *
+     * Set to `true` to ignore the default behavior and show the `total`.
+     */
+    forceShowTotal?: boolean;
+    /**
+     * Specifies the number of fraction digits when truncating `value` and `total`.
+     */
+    fractionDigits?: number;
+    /**
+     * Displays an icon button next to `value`.
+     */
+    iconButton?: ReactNode;
+    /**
+     * Text label above the `value`.
+     */
+    label: string;
+    /**
+     * When `true`, will show the loading state.
+     */
+    loading?: boolean;
+    /**
+     * Determines how `value` and `total` will be formatted.
+     */
+    locale?: string;
+    /**
+     * Appends a percent sign (_%_) after `value` and hides `total`.
+     */
+    percentage?: boolean;
+    /**
+     * Controls the visual size of the component.
+     */
+    size?: BigNumberSizeValues;
+    /**
+     * When applied, an information icon will be rendered next to the
+     * `label` and the description will be applied to its tooltip.
+     */
+    tooltipDescription?: string;
+    /**
+     * The number that will appear after the slash (i.e. the "denominator" of a fraction).
+     *
+     * This number will not be rendered if it's the same as `value` or
+     * `percentage` is true. See also the **forceShowTotal** prop.
+     */
+    total?: number;
+    /**
+     * When `true`, will render a "trending up" icon.
+     */
+    trending?: boolean;
+    /**
+     * Abbreviates the number when `true`. E.g. from _1,000_ to _1K_.
+     */
+    truncate?: boolean;
+    /**
+     * The primary value to display (or the "numerator" of a fraction).
+     */
+    value?: number;
+}
+/**
+ * BigNumber is used to display large values in a small area. The display of
+ * values can be the value itself, or grouped in a `numerator/denominator` fashion.
+ * Control over the total fraction decimals displayed as well as how the
+ * values/totals are displayed are done via a locale prop. Other optional props
+ * allow control over size, truncation, if the value is a percentage, the addition
+ * of a button as well as tooltip functionality.
+ * The default locale is English (`en-US`) if one is not provided or if the provided one is not supported.
+ */
+export declare const BigNumber: React.ForwardRefExoticComponent<BigNumberProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/BigNumber/BigNumberSkeleton.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+import { BigNumberProps } from './BigNumber';
+/**
+ * BigNumberSkeleton is used to display a skeleton version while
+ * content is loading (handled by the BigNumber prop `loading`).
+ *
+ * Note: This component is only used within BigNumber.
+ */
+export type BigNumberSkeletonProps = Pick<BigNumberProps, 'className' | 'size'> & React.HTMLAttributes<HTMLDivElement>;
+export declare const BigNumberSkeleton: React.ForwardRefExoticComponent<Pick<BigNumberProps, "className" | "size"> & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/lib/components/BigNumber/constants.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export declare enum BigNumberSize {
+    Default = "default",
+    Large = "lg",
+    XLarge = "xl"
+}
+export type BigNumberSizeValues = `${BigNumberSize}`;
+export declare enum Characters {
+    Dash = "\u2013",
+    Slash = "/"
+}
+export declare const DefaultLocale = "en-US";
+export declare const formatValue: (locale: Intl.LocalesArgument, value: number | null | undefined, fractionDigits: number, truncate: boolean) => string | null | undefined;
+export declare const getIconSize: (size: BigNumberSizeValues) => number;

package/lib/components/BigNumber/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { BigNumber } from './BigNumber';
+export type { BigNumberProps } from './BigNumber';
+export { BigNumberSkeleton } from './BigNumberSkeleton';

package/lib/components/Card/Card.d.ts

@@ -17,7 +17,7 @@ import { CardActions } from './CardActions';
 import { CardAction } from './CardAction';
 export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>> & {
     Header: React.ForwardRefExoticComponent<import("./Card.types").CardBaseProps & React.RefAttributes<HTMLDivElement>>;
-    Body: React.ForwardRefExoticComponent<import("./Card.types").CardBaseProps & React.RefAttributes<HTMLDivElement>>;
+    Body: React.ForwardRefExoticComponent<import("./Card.types").CardBodyProps & React.RefAttributes<HTMLDivElement>>;
     Footer: React.ForwardRefExoticComponent<import("./Card.types").CardBaseProps & React.RefAttributes<HTMLDivElement>>;
     HeaderMedia: {
         ({ children, className, ...rest }: import("./CardHeaderMedia").CardHeaderMediaProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/Card/Card.js

@@ -23,6 +23,7 @@ react = require_runtime.__toESM(react);
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
+let _carbon_icons_react = require("@carbon/icons-react");
 //#region src/components/Card/Card.tsx
 /**
 * Copyright IBM Corp. 2026
@@ -34,19 +35,23 @@ const componentName = "Card";
 /**
 * Card component - Root container for composable card
 */
-const CardComponent = (0, react.forwardRef)(({ clickable = false, onClick, onKeyDown, disabled = false, density = "productive", decorator, horizontal = false, className, children, ...rest }, ref) => {
+const CardComponent = (0, react.forwardRef)(({ as, clickable = false, onClick, onKeyDown, disabled = false, density = "productive", decorator, horizontal = false, renderFooterIcon: FooterIcon = _carbon_icons_react.ArrowRight, className, children, ...rest }, ref) => {
 	const blockClass = `${require_usePrefix.usePrefix()}--card`;
 	const hasAILabel = (0, react.useMemo)(() => (0, react.isValidElement)(decorator) && decorator.type === require_index.AILabel, [decorator]);
+	if (FooterIcon !== _carbon_icons_react.ArrowRight && !clickable) console.error("[Card] `renderFooterIcon` only has effect when `clickable` is true.");
+	if (clickable && !rest["aria-label"] && !rest["aria-labelledby"]) console.error("[Card] A clickable card must have an accessible name. Pass `aria-label` or `aria-labelledby` to the Card.");
 	const contextValue = (0, react.useMemo)(() => ({
 		clickable,
 		disabled,
 		decorator,
-		horizontal
+		horizontal,
+		onClick
 	}), [
 		clickable,
 		disabled,
 		decorator,
-		horizontal
+		horizontal,
+		onClick
 	]);
 	const handleKeyDown = (0, react.useCallback)((event) => {
 		if (clickable && !disabled && (event.key === "Enter" || event.key === " ")) {
@@ -70,17 +75,20 @@ const CardComponent = (0, react.forwardRef)(({ clickable = false, onClick, onKey
 		[`${blockClass}--has-ai-label`]: hasAILabel,
 		[`${blockClass}--horizontal`]: horizontal
 	});
+	const BaseComponent = as ?? "div";
+	const isAnchor = BaseComponent === "a";
 	const cardProps = {
 		...rest,
 		ref,
 		className: cardClasses,
-		...clickable && {
+		...disabled && { "aria-disabled": true },
+		...clickable && { ...isAnchor ? { onClick: handleClick } : {
 			role: "button",
 			tabIndex: disabled ? -1 : 0,
 			onClick: handleClick,
 			onKeyDown: handleKeyDown,
 			"aria-disabled": disabled
-		}
+		} }
 	};
 	const { mediaChildren, contentChildren, mediaIsFirst } = (0, react.useMemo)(() => {
 		if (!horizontal) return {
@@ -106,9 +114,13 @@ const CardComponent = (0, react.forwardRef)(({ clickable = false, onClick, onKey
 	}
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CardContext.CardContext.Provider, {
 		value: contextValue,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(BaseComponent, {
 			...cardProps,
-			children: renderedChildren
+			children: [renderedChildren, clickable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: `${blockClass}__clickable-footer`,
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FooterIcon, { "aria-hidden": "true" })
+			})]
 		})
 	});
 });

package/lib/components/Card/Card.types.d.ts

@@ -4,7 +4,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 /**
  * Base props shared across card components
  */
@@ -23,17 +23,29 @@ export interface CardBaseProps {
  */
 export interface CardProps extends CardBaseProps {
     /**
-     * Makes the entire card clickable
+     * The underlying element or component to render the card as.
+     * Defaults to `'div'`. Use `'a'` or a router Link component for
+     * navigation cards when combined with `clickable`.
+     * @example <Card as="a" clickable href="/dashboard">...</Card>
+     * @example <Card as={RouterLink} clickable to="/dashboard">...</Card>
+     */
+    as?: React.ElementType;
+    /**
+     * Makes the entire card clickable. When true, the card gains interactive
+     * styles (hover, focus, active) and renders a built-in footer affordance
+     * with an arrow icon. Use `onClick` for action cards or `as="a"` with
+     * `href` for navigation cards.
      */
     clickable?: boolean;
     /**
-     * Click handler for clickable cards
+     * Click handler for clickable cards. Only has effect when `clickable`
+     * is true.
      */
-    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    onClick?: (event: React.MouseEvent) => void;
     /**
-     * Keyboard event handler for clickable cards
+     * Keyboard event handler. Only has effect when `clickable` is true.
      */
-    onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement>) => void;
+    onKeyDown?: (event: React.KeyboardEvent) => void;
     /**
      * Disables the card and all interactive elements
      */
@@ -52,6 +64,13 @@ export interface CardProps extends CardBaseProps {
      * header/body/footer stacked vertically on the right.
      */
     horizontal?: boolean;
+    /**
+     * Icon rendered in the built-in footer affordance of a clickable card.
+     * Only has effect when `clickable` is true. Defaults to ArrowRight.
+     * Pass any icon component from `@carbon/icons-react`.
+     * @example <Card clickable renderFooterIcon={Launch}>...</Card>
+     */
+    renderFooterIcon?: React.ElementType;
 }
 /**
  * Props for CardHeader component
@@ -60,7 +79,14 @@ export type CardHeaderProps = CardBaseProps;
 /**
  * Props for CardBody component
  */
-export type CardBodyProps = CardBaseProps;
+export interface CardBodyProps extends CardBaseProps {
+    /**
+     * When true, removes all padding so content fills the body edge-to-edge.
+     * Use when the body contains a component (e.g. a table, chart, or image)
+     * that manages its own internal spacing.
+     */
+    isFlush?: boolean;
+}
 /**
  * Props for CardFooter component
  */
@@ -85,4 +111,9 @@ export interface CardContextValue {
      * Whether the card is in horizontal layout mode
      */
     horizontal?: boolean;
+    /**
+     * Click handler forwarded from the Card root, available to child components
+     * (e.g. the built-in clickable footer affordance).
+     */
+    onClick?: (event: React.MouseEvent) => void;
 }

package/lib/components/Card/CardActions.js

@@ -76,7 +76,7 @@ const CardActions = ({ children, className, overflowMenuLabel = "More actions",
 			style: { position: "relative" },
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.OverflowMenu, {
 				size: "sm",
-				"aria-label": overflowMenuLabel,
+				label: overflowMenuLabel,
 				children: hiddenItems.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MenuItem.MenuItem, {
 					label: item.label || "Action",
 					onClick: () => {

package/lib/components/Card/CardBody.d.ts

@@ -5,7 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
+import { CardBodyProps } from './Card.types';
 /**
  * CardBody component - Body section of the card for free-form content
  */
-export declare const CardBody: React.ForwardRefExoticComponent<import("./Card.types").CardBaseProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CardBody: React.ForwardRefExoticComponent<CardBodyProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/Card/CardBody.js

@@ -23,8 +23,9 @@ const componentName = "CardBody";
 /**
 * CardBody component - Body section of the card for free-form content
 */
-const CardBody = (0, react.forwardRef)(({ className, children, ...rest }, ref) => {
-	const bodyClasses = (0, classnames.default)(`${require_usePrefix.usePrefix()}--card__body`, className);
+const CardBody = (0, react.forwardRef)(({ className, children, isFlush = false, ...rest }, ref) => {
+	const prefix = require_usePrefix.usePrefix();
+	const bodyClasses = (0, classnames.default)(`${prefix}--card__body`, className, { [`${prefix}--card__body--flush`]: isFlush });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		...rest,
 		ref,

package/lib/components/Card/CardFooter.d.ts

@@ -6,6 +6,10 @@
  */
 import React from 'react';
 /**
- * CardFooter component - Footer section of the card
+ * CardFooter component - Footer section of the card.
+ *
+ * Not supported inside a `clickable` card. A clickable card renders its own
+ * built-in footer affordance automatically. Use the `renderFooterIcon` prop on
+ * `Card` to customize the icon.
  */
 export declare const CardFooter: React.ForwardRefExoticComponent<import("./Card.types").CardBaseProps & React.RefAttributes<HTMLDivElement>>;

package/lib/components/Card/CardFooter.js

@@ -7,6 +7,7 @@
 
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
+const require_CardContext = require("./CardContext.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let classnames = require("classnames");
@@ -21,10 +22,20 @@ let react_jsx_runtime = require("react/jsx-runtime");
 */
 const componentName = "CardFooter";
 /**
-* CardFooter component - Footer section of the card
+* CardFooter component - Footer section of the card.
+*
+* Not supported inside a `clickable` card. A clickable card renders its own
+* built-in footer affordance automatically. Use the `renderFooterIcon` prop on
+* `Card` to customize the icon.
 */
 const CardFooter = (0, react.forwardRef)(({ className, children, ...rest }, ref) => {
-	const footerClasses = (0, classnames.default)(`${require_usePrefix.usePrefix()}--card__footer`, className);
+	const prefix = require_usePrefix.usePrefix();
+	const { clickable } = require_CardContext.useCardContext();
+	if (clickable) {
+		console.error("[Card] `Card.Footer` cannot be used inside a `clickable` card. A clickable card renders its own footer affordance automatically. Use the `renderFooterIcon` prop on `Card` to customize the icon.");
+		return null;
+	}
+	const footerClasses = (0, classnames.default)(`${prefix}--card__footer`, className);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		...rest,
 		ref,

package/lib/components/Card/CardTitle.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { ReactNode } from 'react';
-export interface CardTitleProps {
+export interface CardTitleProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Provide the contents of the CardTitle.
      */

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.d.ts

@@ -6,7 +6,7 @@
  */
 import React, { type ReactNode } from 'react';
 import flatpickr from 'flatpickr';
-import { DateLimit, DateOption } from 'flatpickr/dist/types/options';
+import type { DateLimit, DateOption } from 'flatpickr/dist/types/options';
 import { type SupportedLocale } from './DatePickerLocales';
 export type DatePickerTypes = 'simple' | 'single' | 'range';
 export interface DatePickerProps {

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/DatePicker/plugins/rangePlugin.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { type Config } from 'flatpickr/dist/plugins/rangePlugin';
-import { Instance } from 'flatpickr/dist/types/instance';
+import type { Instance } from 'flatpickr/dist/types/instance';
 /**
  * @param config Plugin configuration.
  * @returns An extension of Flatpickr `rangePlugin` that does the following:

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");