@carbon/react 1.113.0 → 1.114.0

package/lib/components/DatePicker/next/hooks/useDatePicker.js

@@ -0,0 +1,286 @@
+/**
+ * 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.
+ */
+
+let react = require("react");
+let _carbon_utilities_date_picker = require("@carbon/utilities/date-picker");
+//#region src/components/DatePicker/next/hooks/useDatePicker.ts
+/**
+* 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.
+*/
+/**
+* React hook for managing date picker state using the shared state machine
+* Maintains 100% backwards compatibility with Carbon React v11 API
+*
+* @param {UseDatePickerConfig} config - Configuration options
+* @returns {UseDatePickerReturn} Hook return object with state and handlers
+*/
+function useDatePicker(config = {}) {
+	const { datePickerType = "single", value = "", minDate = null, maxDate = null, dateFormat = "m/d/Y", closeOnSelect = true, disabled = false, readOnly = false, onChange, onOpen, onClose } = config;
+	const startInputRef = (0, react.useRef)(null);
+	const endInputRef = (0, react.useRef)(null);
+	const calendarRef = (0, react.useRef)(null);
+	const exitSentinelRef = (0, react.useRef)(null);
+	const machineRef = (0, react.useRef)(null);
+	const suppressOpenOnFocusRef = (0, react.useRef)(false);
+	const [context, setContext] = (0, react.useState)(() => {
+		const machine = new _carbon_utilities_date_picker.DatePickerStateMachine({
+			mode: datePickerType,
+			value,
+			minDate: (0, _carbon_utilities_date_picker.parseDateToPlainDate)(minDate),
+			maxDate: (0, _carbon_utilities_date_picker.parseDateToPlainDate)(maxDate),
+			dateFormat,
+			isDisabled: disabled,
+			isReadonly: readOnly
+		});
+		machineRef.current = machine;
+		return machine.getContext();
+	});
+	const [state, setState] = (0, react.useState)(() => {
+		return machineRef.current?.getState() || _carbon_utilities_date_picker.DatePickerState.IDLE;
+	});
+	(0, react.useEffect)(() => {
+		const machine = machineRef.current;
+		if (!machine) return;
+		let wasCalendarOpen = machine.getContext().isOpen;
+		return machine.subscribe((transition) => {
+			setContext(transition.context);
+			setState(transition.to);
+			if (transition.to === _carbon_utilities_date_picker.DatePickerState.CALENDAR_OPEN && onOpen) onOpen();
+			if (wasCalendarOpen && !transition.context.isOpen && onClose) onClose();
+			wasCalendarOpen = transition.context.isOpen;
+		});
+	}, [onOpen, onClose]);
+	(0, react.useEffect)(() => {
+		if (!context.shouldRestoreFocus) return;
+		const targetRef = context.restoreFocusTo === "to" ? endInputRef : startInputRef;
+		const timeoutId = window.setTimeout(() => {
+			suppressOpenOnFocusRef.current = true;
+			targetRef.current?.focus();
+			machineRef.current?.updateContext({
+				shouldRestoreFocus: false,
+				restoreFocusTo: null
+			});
+			setContext(machineRef.current.getContext());
+			queueMicrotask(() => {
+				suppressOpenOnFocusRef.current = false;
+			});
+		}, 0);
+		return () => {
+			window.clearTimeout(timeoutId);
+		};
+	}, [context.shouldRestoreFocus, context.restoreFocusTo]);
+	const prevDatesRef = (0, react.useRef)("");
+	(0, react.useEffect)(() => {
+		if (!onChange) return;
+		const dates = [];
+		if (context.startDate) {
+			const date = (0, _carbon_utilities_date_picker.plainDateToDate)(context.startDate);
+			if (date) dates.push(date);
+		}
+		if (context.endDate) {
+			const date = (0, _carbon_utilities_date_picker.plainDateToDate)(context.endDate);
+			if (date) dates.push(date);
+		}
+		const datesKey = dates.map((d) => d.toISOString()).join(",");
+		if (dates.length > 0 && datesKey !== prevDatesRef.current) {
+			prevDatesRef.current = datesKey;
+			onChange(dates);
+		}
+	}, [
+		context.startDate,
+		context.endDate,
+		onChange
+	]);
+	(0, react.useEffect)(() => {
+		const machine = machineRef.current;
+		if (!machine) return;
+		if (disabled !== context.isDisabled) machine.send(disabled ? _carbon_utilities_date_picker.DatePickerEvent.DISABLE : _carbon_utilities_date_picker.DatePickerEvent.ENABLE);
+		if (readOnly !== context.isReadonly) machine.send(readOnly ? _carbon_utilities_date_picker.DatePickerEvent.SET_READONLY : _carbon_utilities_date_picker.DatePickerEvent.UNSET_READONLY);
+		const newMinDate = (0, _carbon_utilities_date_picker.parseDateToPlainDate)(minDate);
+		const newMaxDate = (0, _carbon_utilities_date_picker.parseDateToPlainDate)(maxDate);
+		if (newMinDate) machine.send(_carbon_utilities_date_picker.DatePickerEvent.SET_MIN_DATE, { date: newMinDate });
+		if (newMaxDate) machine.send(_carbon_utilities_date_picker.DatePickerEvent.SET_MAX_DATE, { date: newMaxDate });
+	}, [
+		disabled,
+		readOnly,
+		minDate,
+		maxDate,
+		context.isDisabled,
+		context.isReadonly
+	]);
+	const send = (0, react.useCallback)((eventType, payload) => {
+		machineRef.current?.send(eventType, payload);
+	}, []);
+	const openCalendar = (0, react.useCallback)(() => {
+		send(_carbon_utilities_date_picker.DatePickerEvent.CALENDAR_ICON_CLICK);
+	}, [send]);
+	const closeCalendar = (0, react.useCallback)(() => {
+		send(_carbon_utilities_date_picker.DatePickerEvent.CALENDAR_CLOSE);
+	}, [send]);
+	const selectDate = (0, react.useCallback)((date) => {
+		if (datePickerType === "range") if (!context.startDate || context.endDate) send(_carbon_utilities_date_picker.DatePickerEvent.RANGE_START_SELECT, { date });
+		else {
+			send(_carbon_utilities_date_picker.DatePickerEvent.RANGE_END_SELECT, { date });
+			if (closeOnSelect) send(_carbon_utilities_date_picker.DatePickerEvent.CALENDAR_CLOSE);
+		}
+		else {
+			send(_carbon_utilities_date_picker.DatePickerEvent.DATE_SELECT, { date });
+			if (closeOnSelect) send(_carbon_utilities_date_picker.DatePickerEvent.CALENDAR_CLOSE);
+		}
+	}, [
+		closeOnSelect,
+		datePickerType,
+		context.startDate,
+		context.endDate,
+		send
+	]);
+	const handleInputFocus = (0, react.useCallback)((inputType = "from") => {
+		send(_carbon_utilities_date_picker.DatePickerEvent.INPUT_FOCUS, { inputType });
+		if (suppressOpenOnFocusRef.current) return;
+		send(_carbon_utilities_date_picker.DatePickerEvent.CALENDAR_OPEN);
+	}, [send]);
+	const handleInputBlur = (0, react.useCallback)(() => {
+		send(_carbon_utilities_date_picker.DatePickerEvent.INPUT_BLUR);
+	}, [send]);
+	const handleInputChange = (0, react.useCallback)((value, inputType = "from") => {
+		send(_carbon_utilities_date_picker.DatePickerEvent.VALUE_CHANGE, {
+			value,
+			inputType
+		});
+	}, [send]);
+	(0, react.useEffect)(() => {
+		if (!context.isOpen) return;
+		const handler = new _carbon_utilities_date_picker.ClickOutsideHandler({
+			isOpen: context.isOpen,
+			/**
+			* Check if a node is contained within the date picker elements
+			* @param {Node} node - The node to check
+			* @returns {boolean} True if the node is within the date picker
+			*/
+			containsNode: (node) => {
+				const calendarEl = calendarRef.current;
+				const startInputEl = startInputRef.current;
+				const endInputEl = endInputRef.current;
+				return (calendarEl?.contains(node) ?? false) || (startInputEl?.contains(node) ?? false) || (endInputEl?.contains(node) ?? false);
+			},
+			/**
+			* Handle clicks outside the date picker
+			*/
+			onOutsideClick: () => send(_carbon_utilities_date_picker.DatePickerEvent.OUTSIDE_CLICK),
+			useCapture: true,
+			attachDelay: 0
+		});
+		handler.attach();
+		return () => {
+			handler.detach();
+		};
+	}, [context.isOpen, send]);
+	(0, react.useEffect)(() => {
+		/**
+		* Handle keyboard events for calendar navigation
+		*
+		* @param {KeyboardEvent} event - Keyboard event
+		*/
+		const handleKeyDown = (event) => {
+			const { key } = event;
+			const target = event.target;
+			const calendarEl = calendarRef.current;
+			const startInputEl = startInputRef.current;
+			const endInputEl = endInputRef.current;
+			const isFocusInCalendar = calendarEl && (calendarEl.contains(target) || target === calendarEl || target.classList?.contains("cds--date-picker__calendar"));
+			const isFocusInInput = target === startInputEl || target === endInputEl || startInputEl && startInputEl.contains(target) || endInputEl && endInputEl.contains(target);
+			if (key === "Escape" && context.isOpen) {
+				event.preventDefault();
+				send(_carbon_utilities_date_picker.DatePickerEvent.ESCAPE_KEY);
+				return;
+			}
+			if (key === "Tab") {
+				if (isFocusInInput && !event.shiftKey) {
+					event.preventDefault();
+					if (calendarEl) calendarEl.querySelector(".cds--date-picker__calendar")?.focus();
+					return;
+				}
+				if (isFocusInCalendar && event.shiftKey) {
+					event.preventDefault();
+					if (datePickerType === "range" && context.lastFocusedInput === "to" && endInputEl) endInputEl.focus();
+					else if (startInputEl) startInputEl.focus();
+					return;
+				}
+				if (isFocusInCalendar && !event.shiftKey) {
+					send(_carbon_utilities_date_picker.DatePickerEvent.TAB_KEY);
+					if (exitSentinelRef.current) exitSentinelRef.current.tabIndex = 0;
+					return;
+				}
+				return;
+			}
+			if (!context.isOpen) return;
+			if (!isFocusInCalendar || isFocusInInput) return;
+			const mappedEvent = (0, _carbon_utilities_date_picker.mapKeyboardToStateMachineEvent)({
+				key,
+				shiftKey: event.shiftKey,
+				mode: datePickerType,
+				state,
+				focusedDate: context.focusedDate
+			});
+			if (mappedEvent) {
+				if (mappedEvent.preventDefault) event.preventDefault();
+				if (mappedEvent.eventType) send(mappedEvent.eventType, mappedEvent.payload);
+				return;
+			}
+		};
+		document.addEventListener("keydown", handleKeyDown);
+		return () => {
+			document.removeEventListener("keydown", handleKeyDown);
+		};
+	}, [
+		context.isOpen,
+		context.focusedDate,
+		context.lastFocusedInput,
+		state,
+		datePickerType,
+		send
+	]);
+	/**
+	* Called when the browser delivers focus to the exit sentinel.
+	* Closes the calendar (state machine already received TAB_KEY in _handleKeyDown)
+	* and immediately restores tabindex="-1" so future Tab presses skip the sentinel.
+	*
+	* TODO (carbon monorepo migration): replace this hand-rolled sentinel with the
+	* upstream Carbon wrapFocus utility, which implements the same start/end sentinel
+	* pattern for focus trapping and exit.
+	* Upstream location: packages/react/src/internal/wrapFocus.ts (wrapFocus /
+	* wrapFocusWithoutSentinels exports).  Note that wrapFocus is designed to trap
+	* focus inside a container (modal pattern) rather than release it; the exit-only
+	* direction we need maps to the endTrapNode path in that utility.
+	*/
+	const handleExitSentinelFocus = (0, react.useCallback)(() => {
+		if (exitSentinelRef.current) exitSentinelRef.current.tabIndex = -1;
+		if (context.isOpen) send(_carbon_utilities_date_picker.DatePickerEvent.TAB_KEY);
+	}, [context.isOpen, send]);
+	return {
+		context,
+		state,
+		isOpen: context.isOpen,
+		send,
+		openCalendar,
+		closeCalendar,
+		selectDate,
+		handleInputFocus,
+		handleInputBlur,
+		handleInputChange,
+		startInputRef,
+		endInputRef,
+		calendarRef,
+		exitSentinelRef,
+		handleExitSentinelFocus
+	};
+}
+//#endregion
+exports.useDatePicker = useDatePicker;

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

@@ -0,0 +1,12 @@
+/**
+ * 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 { DatePicker } from './components/DatePicker';
+export { DatePickerInput } from './components/DatePickerInput';
+export { DatePickerSkeleton } from './components/DatePickerSkeleton';
+export type { DatePickerProps } from './components/DatePicker';
+export type { DatePickerInputProps } from './components/DatePickerInput';
+export type { DatePickerSkeletonProps } from './components/DatePickerSkeleton';

package/lib/components/DatePicker/next/index.js

@@ -0,0 +1,27 @@
+/**
+ * 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 require_runtime = require("../../../_virtual/_rolldown/runtime.js");
+const require_DatePicker = require("./components/DatePicker.js");
+const require_DatePickerInput = require("./components/DatePickerInput.js");
+const require_DatePickerSkeleton = require("./components/DatePickerSkeleton.js");
+//#region src/components/DatePicker/next/index.tsx
+var next_exports = /* @__PURE__ */ require_runtime.__exportAll({
+	DatePicker: () => require_DatePicker.DatePicker,
+	DatePickerInput: () => require_DatePickerInput.DatePickerInput,
+	DatePickerSkeleton: () => require_DatePickerSkeleton.DatePickerSkeleton
+});
+//#endregion
+exports.DatePicker = require_DatePicker.DatePicker;
+exports.DatePickerInput = require_DatePickerInput.DatePickerInput;
+exports.DatePickerSkeleton = require_DatePickerSkeleton.DatePickerSkeleton;
+Object.defineProperty(exports, "next_exports", {
+	enumerable: true,
+	get: function() {
+		return next_exports;
+	}
+});

package/lib/components/DatePickerInput/DatePickerInput.js

@@ -12,8 +12,8 @@ const require_Text = require("../Text/Text.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_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
 const require_index = require("../AILabel/index.js");
+const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
 const require_FormContext = require("../FluidForm/FormContext.js");
 let react = require("react");
 react = require_runtime.__toESM(react);

package/lib/components/Dropdown/Dropdown.js

@@ -12,12 +12,12 @@ const require_defaultItemToString = require("../../internal/defaultItemToString.
 const require_isItemDisabled = require("../../internal/isItemDisabled.js");
 const require_utils = require("../../internal/utils.js");
 const require_index = require("../FeatureFlags/index.js");
-const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
 const require_index$1 = require("../AILabel/index.js");
+const require_mergeRefs = require("../../tools/mergeRefs.js");
+const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
 const require_ListBoxPropTypes = require("../ListBox/ListBoxPropTypes.js");
 const require_FormContext = require("../FluidForm/FormContext.js");
 const require_index$2 = require("../ListBox/index.js");
-const require_mergeRefs = require("../../tools/mergeRefs.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let classnames = require("classnames");

package/lib/components/ExpandableSearch/ExpandableSearch.js

@@ -9,8 +9,8 @@ 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_events = require("../../tools/events.js");
 const require_mergeRefs = require("../../tools/mergeRefs.js");
+const require_events = require("../../tools/events.js");
 const require_utils = require("../Search/utils.js");
 const require_index = require("../Search/index.js");
 let react = require("react");

package/lib/components/MenuButton/index.js

@@ -11,8 +11,8 @@ const require_useIsomorphicEffect = require("../../internal/useIsomorphicEffect.
 const require_useId = require("../../internal/useId.js");
 const require_index = require("../FeatureFlags/index.js");
 const require_index$1 = require("../Button/index.js");
-const require_mergeRefs = require("../../tools/mergeRefs.js");
 const require_Menu = require("../Menu/Menu.js");
+const require_mergeRefs = require("../../tools/mergeRefs.js");
 const require_useAttachedMenu = require("../../internal/useAttachedMenu.js");
 let react = require("react");
 react = require_runtime.__toESM(react);

package/lib/components/MultiSelect/FilterableMultiSelect.js

@@ -15,16 +15,16 @@ 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_index = require("../AILabel/index.js");
+const require_mergeRefs = require("../../tools/mergeRefs.js");
 const require_hasHelperText = require("../../internal/hasHelperText.js");
 const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
-const require_index = require("../AILabel/index.js");
 const require_index$1 = require("../Checkbox/index.js");
 const require_ListBoxPropTypes = require("../ListBox/ListBoxPropTypes.js");
 const require_FormContext = require("../FluidForm/FormContext.js");
 const require_index$2 = require("../ListBox/index.js");
 const require_ListBoxSelection = require("../ListBox/next/ListBoxSelection.js");
 const require_ListBoxTrigger = require("../ListBox/next/ListBoxTrigger.js");
-const require_mergeRefs = require("../../tools/mergeRefs.js");
 const require_filter = require("./filter.js");
 const require_MultiSelectPropTypes = require("./MultiSelectPropTypes.js");
 const require_isSelectAllItem = require("./tools/isSelectAllItem.js");

package/lib/components/MultiSelect/MultiSelect.js

@@ -17,13 +17,13 @@ const require_defaultItemToString = require("../../internal/defaultItemToString.
 const require_isItemDisabled = require("../../internal/isItemDisabled.js");
 const require_utils = require("../../internal/utils.js");
 const require_index = require("../FeatureFlags/index.js");
-const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
 const require_index$1 = require("../AILabel/index.js");
+const require_mergeRefs = require("../../tools/mergeRefs.js");
+const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
 const require_index$2 = require("../Checkbox/index.js");
 const require_ListBoxPropTypes = require("../ListBox/ListBoxPropTypes.js");
 const require_FormContext = require("../FluidForm/FormContext.js");
 const require_index$3 = require("../ListBox/index.js");
-const require_mergeRefs = require("../../tools/mergeRefs.js");
 const require_MultiSelectPropTypes = require("./MultiSelectPropTypes.js");
 const require_isSelectAllItem = require("./tools/isSelectAllItem.js");
 const require_sorting = require("./tools/sorting.js");

package/lib/components/NumberInput/NumberInput.js

@@ -13,10 +13,10 @@ 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_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
 const require_index = require("../AILabel/index.js");
-const require_FormContext = require("../FluidForm/FormContext.js");
 const require_useControllableState = require("../../internal/useControllableState.js");
+const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
+const require_FormContext = require("../FluidForm/FormContext.js");
 const require_clamp = require("../../internal/clamp.js");
 const require_NumberFormatPropTypes = require("./NumberFormatPropTypes.js");
 let react = require("react");

package/lib/components/OverflowMenu/next/index.js

@@ -12,8 +12,8 @@ const require_deprecateValuesWithin = require("../../../prop-types/deprecateValu
 const require_mapPopoverAlign = require("../../../tools/mapPopoverAlign.js");
 const require_index = require("../../FeatureFlags/index.js");
 const require_index$1 = require("../../IconButton/index.js");
-const require_mergeRefs = require("../../../tools/mergeRefs.js");
 const require_Menu = require("../../Menu/Menu.js");
+const require_mergeRefs = require("../../../tools/mergeRefs.js");
 const require_useAttachedMenu = require("../../../internal/useAttachedMenu.js");
 let react = require("react");
 react = require_runtime.__toESM(react);

package/lib/components/RadioButton/RadioButton.js

@@ -11,9 +11,9 @@ const require_Text = require("../Text/Text.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_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
 const require_index = require("../AILabel/index.js");
 const require_mergeRefs = require("../../tools/mergeRefs.js");
+const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let classnames = require("classnames");

package/lib/components/RadioButtonGroup/RadioButtonGroup.js

@@ -10,9 +10,9 @@ const require_usePrefix = require("../../internal/usePrefix.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_hasHelperText = require("../../internal/hasHelperText.js");
 const require_index = require("../AILabel/index.js");
 const require_mergeRefs = require("../../tools/mergeRefs.js");
+const require_hasHelperText = require("../../internal/hasHelperText.js");
 const require_index$1 = require("../RadioButton/index.js");
 const require_createTextComponent = require("../Text/createTextComponent.js");
 let react = require("react");

package/lib/components/Select/Select.js

@@ -10,9 +10,9 @@ const require_usePrefix = require("../../internal/usePrefix.js");
 const require_Text = require("../Text/Text.js");
 const require_deprecate = require("../../prop-types/deprecate.js");
 const require_utils = require("../../internal/utils.js");
+const require_index = require("../AILabel/index.js");
 const require_hasHelperText = require("../../internal/hasHelperText.js");
 const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
-const require_index = require("../AILabel/index.js");
 const require_events = require("../../tools/events.js");
 const require_FormContext = require("../FluidForm/FormContext.js");
 let react = require("react");

package/lib/components/Tag/SelectableTag.js

@@ -11,8 +11,8 @@ const require_Text = require("../Text/Text.js");
 const require_useIsomorphicEffect = require("../../internal/useIsomorphicEffect.js");
 const require_useId = require("../../internal/useId.js");
 const require_Tooltip = require("../Tooltip/Tooltip.js");
-const require_mergeRefs = require("../../tools/mergeRefs.js");
 const require_useControllableState = require("../../internal/useControllableState.js");
+const require_mergeRefs = require("../../tools/mergeRefs.js");
 const require_isEllipsisActive = require("./isEllipsisActive.js");
 const require_Tag = require("./Tag.js");
 let react = require("react");

package/lib/components/TextArea/TextArea.js

@@ -14,8 +14,8 @@ 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_hasHelperText = require("../../internal/hasHelperText.js");
 const require_index = require("../AILabel/index.js");
+const require_hasHelperText = require("../../internal/hasHelperText.js");
 const require_FormContext = require("../FluidForm/FormContext.js");
 const require_getAnnouncement = require("../../internal/getAnnouncement.js");
 let react = require("react");

package/lib/components/TextInput/TextInput.js

@@ -11,9 +11,9 @@ const require_Text = require("../Text/Text.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_index = require("../AILabel/index.js");
 const require_hasHelperText = require("../../internal/hasHelperText.js");
 const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
-const require_index = require("../AILabel/index.js");
 const require_FormContext = require("../FluidForm/FormContext.js");
 const require_util = require("./util.js");
 const require_getAnnouncement = require("../../internal/getAnnouncement.js");

package/lib/index.d.ts

@@ -12,6 +12,7 @@ export * from './components/AspectRatio';
 export * from './components/Breadcrumb';
 export * from './components/Button';
 export * from './components/ButtonSet';
+export * as preview__Card from './components/Card';
 export * from './components/Checkbox';
 export * from './components/CheckboxGroup';
 export * from './components/ClassPrefix';
@@ -29,6 +30,7 @@ export * from './components/DataTable';
 export * from './components/DataTableSkeleton';
 export * from './components/DatePicker';
 export * from './components/DatePickerInput';
+export * as preview__DatePicker from './components/DatePicker/next';
 export * from './components/Dropdown';
 export * from './components/ErrorBoundary';
 export * from './components/ExpandableSearch';