@carbon/react 1.104.1 → 1.105.0-rc.0

package/es/components/RadioButton/RadioButton.js

@@ -9,8 +9,8 @@ import { usePrefix } from "../../internal/usePrefix.js";
 import { Text } from "../Text/Text.js";
 import { useId } from "../../internal/useId.js";
 import { deprecate } from "../../prop-types/deprecate.js";
-import { AILabel } from "../AILabel/index.js";
 import { isComponentElement } from "../../internal/utils.js";
+import { AILabel } from "../AILabel/index.js";
 import { mergeRefs } from "../../tools/mergeRefs.js";
 import { useNormalizedInputProps } from "../../internal/useNormalizedInputProps.js";
 import classNames from "classnames";

package/es/components/RadioButtonGroup/RadioButtonGroup.js

@@ -8,8 +8,8 @@
 import { usePrefix } from "../../internal/usePrefix.js";
 import { useId } from "../../internal/useId.js";
 import { deprecate } from "../../prop-types/deprecate.js";
-import { AILabel } from "../AILabel/index.js";
 import { isComponentElement } from "../../internal/utils.js";
+import { AILabel } from "../AILabel/index.js";
 import { mergeRefs } from "../../tools/mergeRefs.js";
 import { Legend } from "../Text/createTextComponent.js";
 import classNames from "classnames";

package/es/components/RadioTile/RadioTile.js

@@ -12,9 +12,9 @@ import { matches } from "../../internal/keyboard/match.js";
 import { useFallbackId } from "../../internal/useId.js";
 import { noopFn } from "../../internal/noopFn.js";
 import { deprecate } from "../../prop-types/deprecate.js";
+import { isComponentElement } from "../../internal/utils.js";
 import { useFeatureFlag } from "../FeatureFlags/index.js";
 import { AILabel } from "../AILabel/index.js";
-import { isComponentElement } from "../../internal/utils.js";
 import classNames from "classnames";
 import React, { cloneElement } from "react";
 import PropTypes from "prop-types";

package/es/components/Select/Select.js

@@ -8,8 +8,8 @@
 import { usePrefix } from "../../internal/usePrefix.js";
 import { Text } from "../Text/Text.js";
 import { deprecate } from "../../prop-types/deprecate.js";
-import { AILabel } from "../AILabel/index.js";
 import { isComponentElement } from "../../internal/utils.js";
+import { AILabel } from "../AILabel/index.js";
 import { composeEventHandlers } from "../../tools/events.js";
 import { FormContext } from "../FluidForm/FormContext.js";
 import { useNormalizedInputProps } from "../../internal/useNormalizedInputProps.js";

package/es/components/Slider/Slider.js

@@ -46,13 +46,18 @@ const translationIds = { "carbon.slider.auto-correct-announcement": "carbon.slid
 const defaultTranslations = { [translationIds["carbon.slider.auto-correct-announcement"]]: "The inputted value \"{correctedValue}\" was corrected to the nearest allowed digit." };
 const defaultTranslateWithId = (messageId, args) => {
 	const template = defaultTranslations[messageId];
-	if (args?.correctedValue) return template.replace("{correctedValue}", args.correctedValue);
-	return template;
+	const correctedValue = args?.correctedValue ?? "";
+	return template.replace("{correctedValue}", correctedValue);
 };
 const defaultFormatLabel = (value, label) => {
 	return `${value}${label ?? ""}`;
 };
 const hasUpperValue = (valueUpper) => typeof valueUpper !== "undefined";
+const calcRawLeftPercent = ({ max, min, value }) => {
+	const range = max - min;
+	if (range === 0) return 0;
+	return clamp((value - min) / range, 0, 1);
+};
 /**
 * Minimum time between processed "drag" events in milliseconds.
 */
@@ -69,6 +74,12 @@ var HandlePosition = /* @__PURE__ */ function(HandlePosition) {
 	return HandlePosition;
 }(HandlePosition || {});
 const Slider = (props) => {
+	const controlledValue = props.value;
+	const controlledValueUpper = props.unstable_valueUpper;
+	const controlledMax = props.max;
+	const controlledMin = props.min;
+	const onChange = props.onChange;
+	const onRelease = props.onRelease;
 	const [state, setState] = useReducer((prev, args) => ({
 		...prev,
 		...args
@@ -141,18 +152,20 @@ const Slider = (props) => {
 		};
 	}, []);
 	useEffect(() => {
-		if (twoHandles) {
-			if (filledTrackRef.current) filledTrackRef.current.style.transform = state.isRtl ? `translate(${100 - state.leftUpper}%, -50%) scaleX(${(state.leftUpper - state.left) / 100})` : `translate(${state.left}%, -50%) scaleX(${(state.leftUpper - state.left) / 100})`;
-		} else if (filledTrackRef.current) filledTrackRef.current.style.transform = state.isRtl ? `translate(100%, -50%) scaleX(-${state.left / 100})` : `translate(0%, -50%) scaleX(${state.left / 100})`;
+		const el = filledTrackRef.current;
+		if (!el) return;
+		if (twoHandles) el.style.transform = state.isRtl ? `translate(${100 - state.leftUpper}%, -50%) scaleX(${(state.leftUpper - state.left) / 100})` : `translate(${state.left}%, -50%) scaleX(${(state.leftUpper - state.left) / 100})`;
+		else el.style.transform = state.isRtl ? `translate(100%, -50%) scaleX(-${state.left / 100})` : `translate(0%, -50%) scaleX(${state.left / 100})`;
 	}, [
+		state.isRtl,
 		state.left,
 		state.leftUpper,
-		state.isRtl
+		twoHandles
 	]);
 	const prevValsRef = useRef(null);
 	useEffect(() => {
 		const prev = prevValsRef.current;
-		if (prev && (prev.value !== state.value || prev.valueUpper !== state.valueUpper) && typeof props.onChange === "function") props.onChange({
+		if (prev && (prev.value !== state.value || prev.valueUpper !== state.valueUpper) && typeof onChange === "function") onChange({
 			value: state.value,
 			valueUpper: state.valueUpper
 		});
@@ -163,56 +176,59 @@ const Slider = (props) => {
 	}, [
 		state.value,
 		state.valueUpper,
-		props.onChange
+		onChange
 	]);
 	useEffect(() => {
-		if (state.needsOnRelease && typeof props.onRelease === "function") {
-			props.onRelease({
+		if (state.needsOnRelease && typeof onRelease === "function") {
+			onRelease({
 				value: state.value,
 				valueUpper: state.valueUpper
 			});
 			setState({ needsOnRelease: false });
 		}
 	}, [
+		onRelease,
 		state.needsOnRelease,
 		state.value,
-		state.valueUpper,
-		props.onRelease
+		state.valueUpper
 	]);
 	const prevSyncKeysRef = useRef(null);
 	useEffect(() => {
 		const prev = prevSyncKeysRef.current;
 		const next = [
-			props.value,
-			props.unstable_valueUpper,
-			props.max,
-			props.min
+			controlledValue,
+			controlledValueUpper,
+			controlledMax,
+			controlledMin
 		];
 		if (!prev || prev[0] !== next[0] || prev[1] !== next[1] || prev[2] !== next[2] || prev[3] !== next[3]) {
-			setState(calcValue({
-				value: props.value,
-				useRawValue: true
-			}));
-			if (typeof props.unstable_valueUpper !== "undefined") {
-				const { value: valueUpper, left: leftUpper } = calcValue({
-					value: props.unstable_valueUpper,
-					useRawValue: true
-				});
-				setState({
-					valueUpper,
-					leftUpper
-				});
-			} else setState({
+			setState({
+				value: controlledValue,
+				left: calcRawLeftPercent({
+					max: controlledMax,
+					min: controlledMin,
+					value: controlledValue
+				}) * 100
+			});
+			if (typeof controlledValueUpper !== "undefined") setState({
+				valueUpper: controlledValueUpper,
+				leftUpper: calcRawLeftPercent({
+					max: controlledMax,
+					min: controlledMin,
+					value: controlledValueUpper
+				}) * 100
+			});
+			else setState({
 				valueUpper: void 0,
 				leftUpper: void 0
 			});
 			prevSyncKeysRef.current = next;
 		}
 	}, [
-		props.value,
-		props.unstable_valueUpper,
-		props.max,
-		props.min
+		controlledMax,
+		controlledMin,
+		controlledValue,
+		controlledValueUpper
 	]);
 	/**
 	* Rounds a given value to the nearest step defined by the slider's `step`
@@ -287,7 +303,7 @@ const Slider = (props) => {
 	const _onDragRef = useRef(null);
 	_onDragRef.current = (evt, activeHandle) => {
 		activeHandle = activeHandle ?? stateRef.current.activeHandle;
-		if (propsRef.current.disabled || propsRef.current.readOnly || !evt) return;
+		if (propsRef.current.disabled || propsRef.current.readOnly) return;
 		const { value, left } = calcValue({
 			clientX: getClientXFromEvent(evt),
 			value: stateRef.current.value
@@ -354,7 +370,6 @@ const Slider = (props) => {
 	*/
 	const onChangeInput = (evt) => {
 		if (props.disabled || props.readOnly) return;
-		if (!evt || !("target" in evt) || typeof evt.target.value !== "string") return;
 		const activeHandle = evt.target.dataset.handlePosition ?? HandlePosition.LOWER;
 		const targetValue = Number.parseFloat(evt.target.value);
 		if (twoHandles) if (isNaN(targetValue)) setValueForHandle(activeHandle, evt.target.value);
@@ -378,7 +393,6 @@ const Slider = (props) => {
 	* Handles state change to isValid state.
 	*/
 	const onBlurInput = (evt) => {
-		if (!evt || !("target" in evt) || typeof evt.target.value !== "string") return;
 		const { value: targetValue } = evt.target;
 		processNewInputValue(evt.target);
 		props.onBlur?.({
@@ -388,7 +402,6 @@ const Slider = (props) => {
 	};
 	const onInputKeyDown = (evt) => {
 		if (props.disabled || props.readOnly || !(evt.target instanceof HTMLInputElement)) return;
-		if (!evt || !("target" in evt) || typeof evt.target.value !== "string") return;
 		if (matches(evt, [Enter])) processNewInputValue(evt.target);
 	};
 	const processNewInputValue = (input) => {
@@ -435,13 +448,17 @@ const Slider = (props) => {
 			});
 		}
 	};
-	const calcLeftPercent = ({ clientX, value, range }) => {
+	const calcLeftPercent = ({ clientX, value }) => {
 		const boundingRect = elementRef.current?.getBoundingClientRect?.();
 		let width = boundingRect ? boundingRect.right - boundingRect.left : 0;
+		const nextValue = value ?? props.min;
 		if (width <= 0) width = 1;
 		if (clientX) return (state.isRtl ? (boundingRect?.right ?? 0) - clientX : clientX - (boundingRect?.left ?? 0)) / width;
-		else if (value !== null && typeof value !== "undefined" && range) return range === 0 ? 0 : (value - props.min) / range;
-		return 0;
+		return calcRawLeftPercent({
+			max: props.max,
+			min: props.min,
+			value: nextValue
+		});
 	};
 	/**
 	* Calculates the discrete value (snapped to the nearest step) along
@@ -465,8 +482,7 @@ const Slider = (props) => {
 		/** `leftPercentRaw` clamped between 0 and 1. */
 		const leftPercent = clamp(calcLeftPercent({
 			clientX,
-			value,
-			range: props.max - props.min
+			value
 		}), 0, 1);
 		if (useRawValue) return {
 			value,
@@ -535,8 +551,7 @@ const Slider = (props) => {
 			max
 		})) return false;
 		if (handle === HandlePosition.LOWER) return !valueUpper || newValue <= valueUpper;
-		else if (handle === HandlePosition.UPPER) return !value || newValue >= value;
-		return false;
+		return !value || newValue >= value;
 	};
 	const isValidValue = ({ value, min, max }) => {
 		return !(value < min || value > max);

package/es/components/Tabs/Tabs.js

@@ -12,11 +12,11 @@ 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 { Tooltip } from "../Tooltip/Tooltip.js";
 import BadgeIndicator from "../BadgeIndicator/index.js";
-import { isComponentElement } from "../../internal/utils.js";
 import { useControllableState } from "../../internal/useControllableState.js";
 import { GridAsGridComponent } from "../Grid/Grid.js";
 import { useMatchMedia } from "../../internal/useMatchMedia.js";

package/es/components/Tag/DismissibleTag.js

@@ -10,9 +10,9 @@ import { Text } from "../Text/Text.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 { Tooltip } from "../Tooltip/Tooltip.js";
 import { AILabel } from "../AILabel/index.js";
-import { isComponentElement } from "../../internal/utils.js";
 import { mergeRefs } from "../../tools/mergeRefs.js";
 import { isEllipsisActive } from "./isEllipsisActive.js";
 import Tag, { SIZES, TYPES } from "./Tag.js";

package/es/components/Tag/Tag.js

@@ -10,10 +10,10 @@ import { Text } from "../Text/Text.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 { DefinitionTooltip } from "../Tooltip/DefinitionTooltip.js";
 import { AILabel } from "../AILabel/index.js";
-import { isComponentElement } from "../../internal/utils.js";
 import { isEllipsisActive } from "./isEllipsisActive.js";
 import classNames from "classnames";
 import React, { cloneElement, useRef, useState } from "react";

package/es/components/TextArea/TextArea.js

@@ -11,9 +11,9 @@ import useIsomorphicEffect from "../../internal/useIsomorphicEffect.js";
 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 { useMergedRefs } from "../../internal/useMergedRefs.js";
 import { AILabel } from "../AILabel/index.js";
-import { isComponentElement } from "../../internal/utils.js";
 import { FormContext } from "../FluidForm/FormContext.js";
 import { getAnnouncement } from "../../internal/getAnnouncement.js";
 import classNames from "classnames";

package/es/components/TextInput/TextInput.js

@@ -8,9 +8,9 @@
 import { usePrefix } from "../../internal/usePrefix.js";
 import { Text } from "../Text/Text.js";
 import { deprecate } from "../../prop-types/deprecate.js";
+import { isComponentElement } from "../../internal/utils.js";
 import { useMergedRefs } from "../../internal/useMergedRefs.js";
 import { AILabel } from "../AILabel/index.js";
-import { isComponentElement } from "../../internal/utils.js";
 import { FormContext } from "../FluidForm/FormContext.js";
 import { useNormalizedInputProps } from "../../internal/useNormalizedInputProps.js";
 import { getTextInputProps } from "./util.js";

package/es/components/Tile/Tile.js

@@ -13,11 +13,11 @@ 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 { useFeatureFlag } from "../FeatureFlags/index.js";
 import { getInteractiveContent, getRoleContent } from "../../internal/useNoInteractiveChildren.js";
 import { AILabel } from "../AILabel/index.js";
-import { isComponentElement } from "../../internal/utils.js";
 import { composeEventHandlers } from "../../tools/events.js";
 import classNames from "classnames";
 import React, { Children, cloneElement, forwardRef, useCallback, useEffect, useRef, useState } from "react";

package/es/components/UIShell/HeaderPanel.js

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

package/es/components/UIShell/Switcher.js

@@ -6,8 +6,8 @@
  */
 
 import { usePrefix } from "../../internal/usePrefix.js";
-import { useMergedRefs } from "../../internal/useMergedRefs.js";
 import { isComponentElement } from "../../internal/utils.js";
+import { useMergedRefs } from "../../internal/useMergedRefs.js";
 import { AriaLabelPropType } from "../../prop-types/AriaPropTypes.js";
 import SwitcherItem from "./SwitcherItem.js";
 import SwitcherDivider from "./SwitcherDivider.js";

package/es/internal/useNoInteractiveChildren.d.ts

@@ -8,18 +8,10 @@ import { type RefObject } from 'react';
 export declare const useNoInteractiveChildren: (ref: RefObject<HTMLElement | null>, message?: string) => void;
 export declare const useInteractiveChildrenNeedDescription: (ref: RefObject<HTMLElement | null>, message?: string) => void;
 /**
- * Determines if a given DOM node has interactive content, or is itself
- * interactive. It returns the interactive node if one is found.
- *
- * @param node - The node to check.
- * @returns The interactive node, or `null` if none is found.
+ * Finds an interactive node in a given DOM node, including the node itself.
  */
 export declare const getInteractiveContent: (node: HTMLElement) => HTMLElement | null;
 /**
- * Determines if a given DOM node has a `role`, or has itself a `role`.
- * It returns the node with a `role` if one is found.
- *
- * @param node - The node to check.
- * @returns The node with a `role`, or `null` if none is found.
+ * Finds a node with a `role` in a given DOM node, including the node itself.
  */
 export declare const getRoleContent: (node: HTMLElement) => HTMLElement | null;

package/es/internal/useNoInteractiveChildren.js

@@ -32,39 +32,28 @@ const useInteractiveChildrenNeedDescription = (ref, message = `interactive child
 		if (node && !node.hasAttribute("aria-describedby")) throw new Error(`Error: ${message}.\n\nInstead found: ${node.outerHTML}`);
 	}, [message, ref]);
 };
-/**
-* Determines if a given DOM node has interactive content, or is itself
-* interactive. It returns the interactive node if one is found.
-*
-* @param node - The node to check.
-* @returns The interactive node, or `null` if none is found.
-*/
-const getInteractiveContent = (node) => {
-	if (!node || !node.childNodes) return null;
-	if (isFocusable(node)) return node;
-	for (const childNode of node.childNodes) if (childNode instanceof HTMLElement) {
-		const interactiveNode = getInteractiveContent(childNode);
-		if (interactiveNode) return interactiveNode;
+const findMatchingContent = (node, matcher) => {
+	if (matcher(node)) return node;
+	for (const child of node.children) {
+		if (!(child instanceof HTMLElement)) continue;
+		const matchingChild = findMatchingContent(child, matcher);
+		if (matchingChild) return matchingChild;
 	}
 	return null;
 };
 /**
-* Determines if a given DOM node has a `role`, or has itself a `role`.
-* It returns the node with a `role` if one is found.
-*
-* @param node - The node to check.
-* @returns The node with a `role`, or `null` if none is found.
+* Finds an interactive node in a given DOM node, including the node itself.
 */
-const getRoleContent = (node) => {
-	if (!node || !node.childNodes) return null;
-	if (node.getAttribute("role") && node.getAttribute("role") !== "") return node;
-	for (const childNode of node.childNodes) if (childNode instanceof HTMLElement) {
-		const roleNode = getRoleContent(childNode);
-		if (roleNode) return roleNode;
-	}
-	return null;
+const getInteractiveContent = (node) => findMatchingContent(node, isFocusable);
+const hasRole = (element) => {
+	const role = element.getAttribute("role");
+	return role !== null && role !== "";
 };
 /**
+* Finds a node with a `role` in a given DOM node, including the node itself.
+*/
+const getRoleContent = (node) => findMatchingContent(node, hasRole);
+/**
 * Determines if the given element is focusable.
 *
 * @param element - The element to check.
@@ -72,7 +61,7 @@ const getRoleContent = (node) => {
 * @see https://github.com/w3c/aria-practices/blob/0553bb51588ffa517506e2a1b2ca1422ed438c5f/examples/js/utils.js#L68
 */
 const isFocusable = (element) => {
-	if (element.tabIndex === void 0 || element.tabIndex < 0) return false;
+	if (element.tabIndex < 0) return false;
 	if (element instanceof HTMLButtonElement || element instanceof HTMLInputElement || element instanceof HTMLSelectElement || element instanceof HTMLTextAreaElement) {
 		if (element.disabled) return false;
 	}

package/lib/components/AISkeleton/AISkeletonPlaceholder.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2024
+ * 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/lib/components/AISkeleton/AISkeletonPlaceholder.js

@@ -18,7 +18,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/AISkeleton/AISkeletonPlaceholder.tsx
 /**
-* Copyright IBM Corp. 2016, 2024
+* 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/lib/components/Checkbox/Checkbox.js

@@ -11,8 +11,8 @@ const require_Text = require('../Text/Text.js');
 const require_useId = require('../../internal/useId.js');
 const require_noopFn = require('../../internal/noopFn.js');
 const require_deprecate = require('../../prop-types/deprecate.js');
-const require_index = require('../AILabel/index.js');
 const require_utils = require('../../internal/utils.js');
+const require_index = require('../AILabel/index.js');
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");

package/lib/components/CheckboxGroup/CheckboxGroup.js

@@ -9,8 +9,8 @@ const require_runtime = require('../../_virtual/_rolldown/runtime.js');
 const require_usePrefix = require('../../internal/usePrefix.js');
 const require_useId = require('../../internal/useId.js');
 const require_deprecate = require('../../prop-types/deprecate.js');
-const require_index = require('../AILabel/index.js');
 const require_utils = require('../../internal/utils.js');
+const require_index = require('../AILabel/index.js');
 const require_Checkbox = require('../Checkbox/Checkbox.js');
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);

package/lib/components/ComboBox/ComboBox.js

@@ -12,10 +12,10 @@ 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_index = require('../FeatureFlags/index.js');
-const require_index$1 = require('../AILabel/index.js');
 const require_defaultItemToString = require('../../internal/defaultItemToString.js');
 const require_utils = require('../../internal/utils.js');
+const require_index = require('../FeatureFlags/index.js');
+const require_index$1 = require('../AILabel/index.js');
 const require_ListBoxPropTypes = require('../ListBox/ListBoxPropTypes.js');
 const require_FormContext = require('../FluidForm/FormContext.js');
 const require_index$2 = require('../ListBox/index.js');

package/lib/components/ComposedModal/ComposedModal.js

@@ -12,9 +12,9 @@ const require_match = require('../../internal/keyboard/match.js');
 const require_useId = require('../../internal/useId.js');
 const require_warning = require('../../internal/warning.js');
 const require_deprecate = require('../../prop-types/deprecate.js');
+const require_utils = require('../../internal/utils.js');
 const require_index = require('../FeatureFlags/index.js');
 const require_index$1 = require('../AILabel/index.js');
-const require_utils = require('../../internal/utils.js');
 const require_useResizeObserver = require('../../internal/useResizeObserver.js');
 const require_events = require('../../tools/events.js');
 const require_mergeRefs = require('../../tools/mergeRefs.js');

package/lib/components/DataTable/TableDecoratorRow.js

@@ -7,8 +7,8 @@
 
 const require_runtime = require('../../_virtual/_rolldown/runtime.js');
 const require_usePrefix = require('../../internal/usePrefix.js');
-const require_index = require('../AILabel/index.js');
 const require_utils = require('../../internal/utils.js');
+const require_index = require('../AILabel/index.js');
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react = require("react");

package/lib/components/DataTable/TableExpandRow.js

@@ -7,8 +7,8 @@
 
 const require_runtime = require('../../_virtual/_rolldown/runtime.js');
 const require_usePrefix = require('../../internal/usePrefix.js');
-const require_index = require('../AILabel/index.js');
 const require_utils = require('../../internal/utils.js');
+const require_index = require('../AILabel/index.js');
 const require_TableCell = require('./TableCell.js');
 const require_TableDecoratorRow = require('./TableDecoratorRow.js');
 const require_TableSlugRow = require('./TableSlugRow.js');

package/lib/components/DataTable/TableHeader.js

@@ -8,8 +8,8 @@
 const require_runtime = require('../../_virtual/_rolldown/runtime.js');
 const require_usePrefix = require('../../internal/usePrefix.js');
 const require_useId = require('../../internal/useId.js');
-const require_index = require('../AILabel/index.js');
 const require_utils = require('../../internal/utils.js');
+const require_index = require('../AILabel/index.js');
 const require_sortStates = require('./state/sortStates.js');
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);

package/lib/components/DataTable/TableRow.js

@@ -7,8 +7,8 @@
 
 const require_runtime = require('../../_virtual/_rolldown/runtime.js');
 const require_usePrefix = require('../../internal/usePrefix.js');
-const require_index = require('../AILabel/index.js');
 const require_utils = require('../../internal/utils.js');
+const require_index = require('../AILabel/index.js');
 const require_TableDecoratorRow = require('./TableDecoratorRow.js');
 const require_TableSlugRow = require('./TableSlugRow.js');
 let classnames = require("classnames");

package/lib/components/DataTable/tools/normalize.js

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const require_index = require('../../AILabel/index.js');
 const require_utils = require('../../../internal/utils.js');
+const require_index = require('../../AILabel/index.js');
 const require_cells = require('./cells.js');
 
 //#region src/components/DataTable/tools/normalize.js

package/lib/components/DatePicker/DatePicker.d.ts

@@ -61,10 +61,6 @@ export interface DatePickerProps {
      * Specify whether or not the control is invalid (Fluid only)
      */
     invalid?: boolean;
-    /**
-     * Provide the text that is displayed when the control is in error state (Fluid Only)
-     */
-    invalidText?: ReactNode;
     /**
      * `true` to use the light version.
      */
@@ -116,10 +112,6 @@ export interface DatePickerProps {
      * Specify whether the control is currently in warning state (Fluid only)
      */
     warn?: boolean;
-    /**
-     * Provide the text that is displayed when the control is in warning state (Fluid only)
-     */
-    warnText?: ReactNode;
     /**
      * Accessible aria-label for the "next month" arrow icon.
      */