@carbon/react 1.105.0-rc.0 → 1.106.0-rc.0

package/es/_virtual/_rolldown/runtime.js

@@ -9,17 +9,12 @@
 var __defProp = Object.defineProperty;
 var __exportAll = (all, no_symbols) => {
 	let target = {};
-	for (var name in all) {
-		__defProp(target, name, {
-			get: all[name],
-			enumerable: true
-		});
-	}
-	if (!no_symbols) {
-		__defProp(target, Symbol.toStringTag, { value: "Module" });
-	}
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
 	return target;
 };
-
 //#endregion
-export { __exportAll };
+export { __exportAll };

package/es/components/AILabel/index.js

@@ -15,7 +15,6 @@ import React from "react";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Undo } from "@carbon/icons-react";
-
 //#region src/components/AILabel/index.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -124,6 +123,5 @@ AILabel.propTypes = {
 	slugLabel: deprecate(PropTypes.string, "`slugLabel` on `AILabel` has been deprecated - Please use the `ariaLabel` prop instead"),
 	textLabel: PropTypes.string
 };
-
 //#endregion
-export { AILabel, AILabelActions, AILabelContent };
+export { AILabel, AILabelActions, AILabelContent };

package/es/components/AISkeleton/AISkeletonIcon.js

@@ -8,10 +8,9 @@
 import { usePrefix } from "../../internal/usePrefix.js";
 import SkeletonIcon from "../SkeletonIcon/SkeletonIcon.js";
 import classNames from "classnames";
-import React from "react";
+import "react";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/AISkeleton/AISkeletonIcon.tsx
 /**
 * Copyright IBM Corp. 2016, 2024
@@ -29,6 +28,5 @@ AISkeletonIcon.propTypes = {
 	className: PropTypes.string,
 	style: PropTypes.object
 };
-
 //#endregion
-export { AISkeletonIcon as default };
+export { AISkeletonIcon as default };

package/es/components/AISkeleton/AISkeletonPlaceholder.js

@@ -8,21 +8,16 @@
 import { usePrefix } from "../../internal/usePrefix.js";
 import SkeletonPlaceholder from "../SkeletonPlaceholder/SkeletonPlaceholder.js";
 import classNames from "classnames";
-import React from "react";
+import "react";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/AISkeleton/AISkeletonPlaceholder.tsx
 const AISkeletonPlaceholder = ({ className, ...other }) => {
 	return /* @__PURE__ */ jsx(SkeletonPlaceholder, {
-		className: classNames({
-			className,
-			[`${usePrefix()}--skeleton__placeholder--ai`]: true
-		}, className),
+		className: classNames(className, { [`${usePrefix()}--skeleton__placeholder--ai`]: true }),
 		...other
 	});
 };
 AISkeletonPlaceholder.propTypes = { className: PropTypes.string };
-
 //#endregion
-export { AISkeletonPlaceholder as default };
+export { AISkeletonPlaceholder as default };

package/es/components/AISkeleton/AISkeletonText.js

@@ -8,10 +8,9 @@
 import { usePrefix } from "../../internal/usePrefix.js";
 import SkeletonText from "../SkeletonText/SkeletonText.js";
 import classNames from "classnames";
-import React from "react";
+import "react";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/AISkeleton/AISkeletonText.tsx
 /**
 * Copyright IBM Corp. 2016, 2024
@@ -32,6 +31,5 @@ AISkeletonText.propTypes = {
 	paragraph: PropTypes.bool,
 	width: PropTypes.string
 };
-
 //#endregion
-export { AISkeletonText as default };
+export { AISkeletonText as default };

package/es/components/Accordion/Accordion.Skeleton.js

@@ -8,11 +8,10 @@
 import { usePrefix } from "../../internal/usePrefix.js";
 import SkeletonText_default from "../SkeletonText/index.js";
 import classNames from "classnames";
-import React from "react";
+import "react";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight } from "@carbon/icons-react";
-
 //#region src/components/Accordion/Accordion.Skeleton.tsx
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -63,6 +62,5 @@ function AccordionSkeletonItem() {
 		})
 	});
 }
-
 //#endregion
-export { AccordionSkeleton as default };
+export { AccordionSkeleton as default };

package/es/components/Accordion/Accordion.js

@@ -8,10 +8,9 @@
 import { usePrefix } from "../../internal/usePrefix.js";
 import { AccordionProvider } from "./AccordionProvider.js";
 import classNames from "classnames";
-import React from "react";
+import "react";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/Accordion/Accordion.tsx
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -49,6 +48,5 @@ Accordion.propTypes = {
 		"lg"
 	])
 };
-
 //#endregion
-export { Accordion as default };
+export { Accordion as default };

package/es/components/Accordion/AccordionItem.js

@@ -17,7 +17,6 @@ import React, { useContext, useEffect, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight } from "@carbon/icons-react";
-
 //#region src/components/Accordion/AccordionItem.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -108,6 +107,5 @@ AccordionItem.propTypes = {
 	renderToggle: PropTypes.func,
 	title: PropTypes.node
 };
-
 //#endregion
-export { AccordionItem as default };
+export { AccordionItem as default };

package/es/components/Accordion/AccordionProvider.js

@@ -5,9 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React, { createContext } from "react";
+import { createContext } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/Accordion/AccordionProvider.tsx
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -22,6 +21,5 @@ const AccordionProvider = ({ disabled, children }) => {
 		children
 	});
 };
-
 //#endregion
-export { AccordionContext, AccordionProvider };
+export { AccordionContext, AccordionProvider };

package/es/components/AspectRatio/AspectRatio.js

@@ -7,10 +7,9 @@
 
 import { usePrefix } from "../../internal/usePrefix.js";
 import classNames from "classnames";
-import React from "react";
+import "react";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/AspectRatio/AspectRatio.tsx
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -48,6 +47,5 @@ AspectRatio.propTypes = {
 		"1x1"
 	])
 };
-
 //#endregion
-export { AspectRatio as default };
+export { AspectRatio as default };

package/es/components/BadgeIndicator/index.js

@@ -7,19 +7,10 @@
 
 import { usePrefix } from "../../internal/usePrefix.js";
 import classNames from "classnames";
-import React, { forwardRef } from "react";
+import { forwardRef } from "react";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
-
-//#region src/components/BadgeIndicator/index.tsx
-/**
-* 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.
-*/
-const frFn = forwardRef;
-const BadgeIndicator = frFn((props, ref) => {
+const BadgeIndicator = forwardRef((props, ref) => {
 	const { className: customClassName, count, ...rest } = props;
 	const prefix = usePrefix();
 	const classNames$1 = classNames(`${prefix}--badge-indicator`, customClassName, { [`${prefix}--badge-indicator--count`]: count });
@@ -36,6 +27,5 @@ BadgeIndicator.propTypes = {
 	count: PropTypes.number,
 	id: PropTypes.string
 };
-
 //#endregion
-export { BadgeIndicator as default };
+export { BadgeIndicator as default };

package/es/components/Breadcrumb/Breadcrumb.Skeleton.js

@@ -7,10 +7,9 @@
 
 import { usePrefix } from "../../internal/usePrefix.js";
 import classNames from "classnames";
-import React from "react";
+import "react";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/Breadcrumb/Breadcrumb.Skeleton.tsx
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -47,6 +46,5 @@ BreadcrumbSkeleton.propTypes = {
 	noTrailingSlash: PropTypes.bool,
 	size: PropTypes.oneOf(["sm", "md"])
 };
-
 //#endregion
-export { BreadcrumbSkeleton as default };
+export { BreadcrumbSkeleton as default };

package/es/components/Breadcrumb/Breadcrumb.js

@@ -7,10 +7,9 @@
 
 import { usePrefix } from "../../internal/usePrefix.js";
 import classNames from "classnames";
-import React, { forwardRef } from "react";
+import { forwardRef } from "react";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/Breadcrumb/Breadcrumb.tsx
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -45,6 +44,5 @@ Breadcrumb.propTypes = {
 	noTrailingSlash: PropTypes.bool,
 	size: PropTypes.oneOf(["sm", "md"])
 };
-
 //#endregion
-export { Breadcrumb as default };
+export { Breadcrumb as default };

package/es/components/Breadcrumb/BreadcrumbItem.js

@@ -13,7 +13,6 @@ import React, { cloneElement, forwardRef, isValidElement } from "react";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
 import { OverflowMenuHorizontal } from "@carbon/icons-react";
-
 //#region src/components/Breadcrumb/BreadcrumbItem.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -86,6 +85,5 @@ BreadcrumbItem.propTypes = {
 	href: PropTypes.string,
 	isCurrentPage: PropTypes.bool
 };
-
 //#endregion
-export { BreadcrumbItem as default };
+export { BreadcrumbItem as default };

package/es/components/Button/Button.Skeleton.js

@@ -7,10 +7,9 @@
 
 import { usePrefix } from "../../internal/usePrefix.js";
 import classNames from "classnames";
-import React from "react";
+import "react";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/Button/Button.Skeleton.tsx
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -55,6 +54,5 @@ ButtonSkeleton.propTypes = {
 	]),
 	small: PropTypes.bool
 };
-
 //#endregion
-export { ButtonSkeleton as default };
+export { ButtonSkeleton as default };

package/es/components/Button/Button.js

@@ -10,7 +10,6 @@ import { IconButton, IconButtonKinds } from "../IconButton/index.js";
 import React from "react";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/Button/Button.tsx
 /**
 * Copyright IBM Corp. 2016, 2026
@@ -154,6 +153,5 @@ Button.propTypes = {
 		"submit"
 	])
 };
-
 //#endregion
-export { ButtonKinds, ButtonSizes, ButtonTooltipAlignments, ButtonTooltipPositions, Button as default };
+export { ButtonKinds, ButtonSizes, ButtonTooltipAlignments, ButtonTooltipPositions, Button as default };

package/es/components/Button/ButtonBase.js

@@ -10,7 +10,6 @@ import { useId } from "../../internal/useId.js";
 import classNames from "classnames";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/Button/ButtonBase.tsx
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -86,6 +85,5 @@ const ButtonBase = React.forwardRef(function ButtonBase({ as, children, classNam
 		...otherProps
 	}, assistiveText, children, buttonImage);
 });
-
 //#endregion
-export { ButtonBase as default };
+export { ButtonBase as default };

package/es/components/Button/index.js

@@ -5,9 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import Button, { ButtonKinds, ButtonSizes, ButtonTooltipAlignments, ButtonTooltipPositions } from "./Button.js";
-import ButtonSkeleton from "./Button.Skeleton.js";
-
+import Button from "./Button.js";
+import "./Button.Skeleton.js";
 //#region src/components/Button/index.ts
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -16,6 +15,5 @@ import ButtonSkeleton from "./Button.Skeleton.js";
 * LICENSE file in the root directory of this source tree.
 */
 var Button_default = Button;
-
 //#endregion
-export { Button_default as default };
+export { Button_default as default };

package/es/components/ButtonSet/ButtonSet.js

@@ -11,7 +11,6 @@ import classNames from "classnames";
 import React, { forwardRef, useEffect, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/ButtonSet/ButtonSet.tsx
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -82,6 +81,5 @@ ButtonSet.propTypes = {
 	fluid: PropTypes.bool,
 	stacked: PropTypes.bool
 };
-
 //#endregion
-export { ButtonSet as default };
+export { ButtonSet as default };

package/es/components/ButtonSet/index.js

@@ -6,7 +6,6 @@
  */
 
 import ButtonSet from "./ButtonSet.js";
-
 //#region src/components/ButtonSet/index.ts
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -15,6 +14,5 @@ import ButtonSet from "./ButtonSet.js";
 * LICENSE file in the root directory of this source tree.
 */
 var ButtonSet_default = ButtonSet;
-
 //#endregion
-export { ButtonSet_default as default };
+export { ButtonSet_default as default };

package/es/components/ChatButton/ChatButton.Skeleton.js

@@ -7,10 +7,9 @@
 
 import { usePrefix } from "../../internal/usePrefix.js";
 import classNames from "classnames";
-import React from "react";
+import "react";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/ChatButton/ChatButton.Skeleton.tsx
 /**
 * Copyright IBM Corp. 2024
@@ -33,6 +32,5 @@ ChatButtonSkeleton.propTypes = {
 		"lg"
 	])
 };
-
 //#endregion
-export { ChatButtonSkeleton as default };
+export { ChatButtonSkeleton as default };

package/es/components/ChatButton/ChatButton.js

@@ -11,7 +11,6 @@ import classNames from "classnames";
 import React from "react";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/ChatButton/ChatButton.tsx
 /**
 * Copyright IBM Corp. 2024, 2025
@@ -70,6 +69,5 @@ ChatButton.propTypes = {
 		"lg"
 	])
 };
-
 //#endregion
-export { ChatButton as default };
+export { ChatButton as default };

package/es/components/Checkbox/Checkbox.Skeleton.js

@@ -7,10 +7,9 @@
 
 import { usePrefix } from "../../internal/usePrefix.js";
 import classNames from "classnames";
-import React from "react";
+import "react";
 import PropTypes from "prop-types";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/Checkbox/Checkbox.Skeleton.tsx
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -30,6 +29,5 @@ const CheckboxSkeleton = ({ className, ...rest }) => {
 	});
 };
 CheckboxSkeleton.propTypes = { className: PropTypes.string };
-
 //#endregion
-export { CheckboxSkeleton as default };
+export { CheckboxSkeleton as default };

package/es/components/Checkbox/Checkbox.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.

package/es/components/Checkbox/Checkbox.js

@@ -11,24 +11,33 @@ import { useId } from "../../internal/useId.js";
 import { noopFn } from "../../internal/noopFn.js";
 import { deprecate } from "../../prop-types/deprecate.js";
 import { isComponentElement } from "../../internal/utils.js";
+import { useNormalizedInputProps } from "../../internal/useNormalizedInputProps.js";
 import { AILabel } from "../AILabel/index.js";
 import classNames from "classnames";
 import React, { cloneElement } from "react";
 import PropTypes from "prop-types";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { WarningAltFilled, WarningFilled } from "@carbon/icons-react";
-
 //#region src/components/Checkbox/Checkbox.tsx
 /**
-* 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.
 */
-const Checkbox$1 = React.forwardRef(({ className, decorator, helperText, id, labelText, onChange = noopFn, onClick, indeterminate = false, invalid, invalidText, hideLabel, readOnly, title = "", warn, warnText, slug, ...other }, ref) => {
+const Checkbox$1 = React.forwardRef(({ className, decorator, helperText, id, labelText, onChange = noopFn, onClick, indeterminate = false, invalid, invalidText, hideLabel, readOnly, title = "", warn, warnText, disabled, slug, ...other }, ref) => {
 	const prefix = usePrefix();
-	const showWarning = !readOnly && !invalid && warn;
-	const showHelper = !invalid && !warn;
+	const normalizedProps = useNormalizedInputProps({
+		id,
+		readOnly,
+		disabled: disabled ?? false,
+		invalid: invalid ?? false,
+		invalidText,
+		warn: warn ?? false,
+		warnText
+	});
+	const showWarning = normalizedProps.warn;
+	const showHelper = !normalizedProps.invalid && !normalizedProps.warn;
 	const checkboxGroupInstanceId = useId();
 	const hasHelper = typeof helperText !== "undefined" && helperText !== null;
 	const helperId = !hasHelper ? void 0 : `checkbox-helper-text-${checkboxGroupInstanceId}`;
@@ -39,7 +48,7 @@ const Checkbox$1 = React.forwardRef(({ className, decorator, helperText, id, lab
 	});
 	const wrapperClasses = classNames(`${prefix}--form-item`, `${prefix}--checkbox-wrapper`, className, {
 		[`${prefix}--checkbox-wrapper--readonly`]: readOnly,
-		[`${prefix}--checkbox-wrapper--invalid`]: !readOnly && invalid,
+		[`${prefix}--checkbox-wrapper--invalid`]: normalizedProps.invalid,
 		[`${prefix}--checkbox-wrapper--warning`]: showWarning,
 		[`${prefix}--checkbox-wrapper--slug`]: slug,
 		[`${prefix}--checkbox-wrapper--decorator`]: decorator
@@ -52,8 +61,9 @@ const Checkbox$1 = React.forwardRef(({ className, decorator, helperText, id, lab
 		children: [
 			/* @__PURE__ */ jsx("input", {
 				...other,
+				disabled,
 				type: "checkbox",
-				"data-invalid": invalid ? true : void 0,
+				"data-invalid": normalizedProps.invalid ? true : void 0,
 				onChange: (evt) => {
 					if (!readOnly && onChange) onChange(evt, {
 						checked: evt.target.checked,
@@ -88,7 +98,7 @@ const Checkbox$1 = React.forwardRef(({ className, decorator, helperText, id, lab
 			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: `${prefix}--checkbox__validation-msg`,
-				children: [!readOnly && invalid && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(WarningFilled, { className: `${prefix}--checkbox__invalid-icon` }), /* @__PURE__ */ jsx("div", {
+				children: [normalizedProps.invalid && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(WarningFilled, { className: `${prefix}--checkbox__invalid-icon` }), /* @__PURE__ */ jsx("div", {
 					className: `${prefix}--form-requirement`,
 					children: invalidText
 				})] }), showWarning && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(WarningAltFilled, { className: `${prefix}--checkbox__invalid-icon ${prefix}--checkbox__invalid-icon--warning` }), /* @__PURE__ */ jsx("div", {
@@ -121,6 +131,5 @@ Checkbox$1.propTypes = {
 	warnText: PropTypes.node
 };
 Checkbox$1.displayName = "Checkbox";
-
 //#endregion
-export { Checkbox$1 as default };
+export { Checkbox$1 as default };

package/es/components/Checkbox/index.js

@@ -6,8 +6,7 @@
  */
 
 import Checkbox from "./Checkbox.js";
-import CheckboxSkeleton from "./Checkbox.Skeleton.js";
-
+import "./Checkbox.Skeleton.js";
 //#region src/components/Checkbox/index.ts
 /**
 * Copyright IBM Corp. 2016, 2023
@@ -16,6 +15,5 @@ import CheckboxSkeleton from "./Checkbox.Skeleton.js";
 * LICENSE file in the root directory of this source tree.
 */
 var Checkbox_default = Checkbox;
-
 //#endregion
-export { Checkbox_default as default };
+export { Checkbox_default as default };

package/es/components/CheckboxGroup/CheckboxGroup.d.ts

@@ -17,6 +17,7 @@ export interface CheckboxGroupProps {
     orientation?: 'horizontal' | 'vertical';
     legendText: ReactNode;
     readOnly?: boolean;
+    disabled?: boolean;
     /**
      * * @deprecated please use decorator instead.
      * **Experimental**: Provide a `Slug` component to be rendered inside the `Checkbox` component
@@ -30,7 +31,7 @@ export interface CustomType {
     kind: string;
 }
 declare const CheckboxGroup: {
-    ({ children, className, decorator, helperText, invalid, invalidText, legendId, legendText, readOnly, warn, warnText, slug, orientation, ...rest }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, className, decorator, helperText, invalid, invalidText, legendId, legendText, readOnly, disabled, warn, warnText, slug, orientation, ...rest }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         /**
          * Provide the children form elements to be rendered inside of the <fieldset>