@carbon/react 1.113.0 → 1.114.0-rc.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/index.d.ts

@@ -29,6 +29,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';

package/lib/index.js

@@ -100,6 +100,7 @@ const require_DataTableSkeleton = require("./components/DataTableSkeleton/DataTa
 const require_DatePickerInput = require("./components/DatePickerInput/DatePickerInput.js");
 const require_DatePicker = require("./components/DatePicker/DatePicker.js");
 const require_DatePicker_Skeleton = require("./components/DatePicker/DatePicker.Skeleton.js");
+const require_index$13 = require("./components/DatePicker/next/index.js");
 const require_Dropdown = require("./components/Dropdown/Dropdown.js");
 const require_Dropdown_Skeleton = require("./components/Dropdown/Dropdown.Skeleton.js");
 const require_ErrorBoundaryContext = require("./components/ErrorBoundary/ErrorBoundaryContext.js");
@@ -120,9 +121,9 @@ const require_Row = require("./components/Grid/Row.js");
 const require_Column = require("./components/Grid/Column.js");
 const require_ColumnHang = require("./components/Grid/ColumnHang.js");
 const require_Icon_Skeleton = require("./components/Icon/Icon.Skeleton.js");
-const require_index$13 = require("./components/IdPrefix/index.js");
+const require_index$14 = require("./components/IdPrefix/index.js");
 const require_ListItem = require("./components/ListItem/ListItem.js");
-const require_index$14 = require("./components/MenuButton/index.js");
+const require_index$15 = require("./components/MenuButton/index.js");
 const require_ModalPresence = require("./components/Modal/ModalPresence.js");
 const require_Modal = require("./components/Modal/Modal.js");
 const require_ModalWrapper = require("./components/ModalWrapper/ModalWrapper.js");
@@ -137,7 +138,7 @@ const require_DismissibleTag = require("./components/Tag/DismissibleTag.js");
 const require_OperationalTag = require("./components/Tag/OperationalTag.js");
 const require_SelectableTag = require("./components/Tag/SelectableTag.js");
 const require_Tag_Skeleton = require("./components/Tag/Tag.Skeleton.js");
-const require_index$15 = require("./components/PageHeader/index.js");
+const require_index$16 = require("./components/PageHeader/index.js");
 const require_Select = require("./components/Select/Select.js");
 const require_Select_Skeleton = require("./components/Select/Select.Skeleton.js");
 const require_SelectItem = require("./components/SelectItem/SelectItem.js");
@@ -232,18 +233,18 @@ const require_FluidNumberInput_Skeleton = require("./components/FluidNumberInput
 const require_FluidTimePickerSelect = require("./components/FluidTimePickerSelect/FluidTimePickerSelect.js");
 const require_FluidTimePicker = require("./components/FluidTimePicker/FluidTimePicker.js");
 const require_FluidTimePicker_Skeleton = require("./components/FluidTimePicker/FluidTimePicker.Skeleton.js");
-const require_index$16 = require("./components/OverflowMenuV2/index.js");
+const require_index$17 = require("./components/OverflowMenuV2/index.js");
 const require_Pagination$1 = require("./components/Pagination/experimental/Pagination.js");
 const require_PageSelector = require("./components/Pagination/experimental/PageSelector.js");
 const require_ProgressBar = require("./components/ProgressBar/ProgressBar.js");
-const require_index$17 = require("./components/IconIndicator/index.js");
-const require_index$18 = require("./components/ShapeIndicator/index.js");
+const require_index$18 = require("./components/IconIndicator/index.js");
+const require_index$19 = require("./components/ShapeIndicator/index.js");
 const require_ChatButton = require("./components/ChatButton/ChatButton.js");
 const require_ChatButton_Skeleton = require("./components/ChatButton/ChatButton.Skeleton.js");
 const require_AISkeletonPlaceholder = require("./components/AISkeleton/AISkeletonPlaceholder.js");
 const require_AISkeletonIcon = require("./components/AISkeleton/AISkeletonIcon.js");
 const require_AISkeletonText = require("./components/AISkeleton/AISkeletonText.js");
-const require_index$19 = require("./components/Theme/index.js");
+const require_index$20 = require("./components/Theme/index.js");
 //#region src/index.ts
 /**
 * Copyright IBM Corp. 2016, 2025
@@ -346,7 +347,7 @@ exports.FormContext = require_FormContext.FormContext;
 exports.FormGroup = require_FormGroup.default;
 exports.FormItem = require_FormItem.default;
 exports.FormLabel = require_FormLabel.default;
-exports.GlobalTheme = require_index$19.GlobalTheme;
+exports.GlobalTheme = require_index$20.GlobalTheme;
 exports.Grid = require_Grid.Grid;
 exports.GridSettings = require_GridContext.GridSettings;
 exports.HStack = require_HStack.HStack;
@@ -367,7 +368,7 @@ exports.IconButtonKinds = require_index$2.IconButtonKinds;
 exports.IconSkeleton = require_Icon_Skeleton.IconSkeleton;
 exports.IconSwitch = require_IconSwitch.default;
 exports.IconTab = require_Tabs.IconTab;
-exports.IdPrefix = require_index$13.IdPrefix;
+exports.IdPrefix = require_index$14.IdPrefix;
 exports.InlineCheckbox = require_InlineCheckbox.default;
 exports.InlineLoading = require_InlineLoading.default;
 exports.InlineNotification = require_Notification.InlineNotification;
@@ -376,7 +377,7 @@ exports.Link = require_Link.default;
 exports.ListItem = require_ListItem.default;
 exports.Loading = require_Loading.default;
 exports.Menu = require_Menu.Menu;
-exports.MenuButton = require_index$14.MenuButton;
+exports.MenuButton = require_index$15.MenuButton;
 exports.MenuItem = require_MenuItem.MenuItem;
 exports.MenuItemDivider = require_MenuItem.MenuItemDivider;
 exports.MenuItemGroup = require_MenuItem.MenuItemGroup;
@@ -493,8 +494,8 @@ exports.TextArea = require_TextArea.default;
 exports.TextAreaSkeleton = require_TextArea_Skeleton.TextAreaSkeleton;
 exports.TextInput = require_TextInput.default;
 exports.TextInputSkeleton = require_TextInput_Skeleton.TextInputSkeleton;
-exports.Theme = require_index$19.Theme;
-exports.ThemeContext = require_index$19.ThemeContext;
+exports.Theme = require_index$20.Theme;
+exports.ThemeContext = require_index$20.ThemeContext;
 exports.Tile = require_Tile.Tile;
 exports.TileAboveTheFoldContent = require_Tile.TileAboveTheFoldContent;
 exports.TileBelowTheFoldContent = require_Tile.TileBelowTheFoldContent;
@@ -518,7 +519,7 @@ exports.VStack = require_VStack.VStack;
 exports.preview_FeatureFlags = require_index.FeatureFlags;
 exports.preview_Layout = require_index$6.Layout;
 exports.preview_LayoutDirection = require_LayoutDirection.LayoutDirection;
-exports.preview_OverflowMenuV2 = require_index$16.OverflowMenuV2;
+exports.preview_OverflowMenuV2 = require_index$17.OverflowMenuV2;
 exports.preview_PageSelector = require_PageSelector.default;
 exports.preview_Pagination = require_Pagination$1.default;
 exports.preview_Text = require_Text.Text;
@@ -528,6 +529,12 @@ exports.preview__AiSkeletonPlaceholder = require_AISkeletonPlaceholder.default;
 exports.preview__AiSkeletonText = require_AISkeletonText.default;
 exports.preview__ChatButton = require_ChatButton.default;
 exports.preview__ChatButtonSkeleton = require_ChatButton_Skeleton.default;
+Object.defineProperty(exports, "preview__DatePicker", {
+	enumerable: true,
+	get: function() {
+		return require_index$13.next_exports;
+	}
+});
 Object.defineProperty(exports, "preview__Dialog", {
 	enumerable: true,
 	get: function() {
@@ -556,14 +563,14 @@ exports.preview__FluidTextInputSkeleton = require_FluidTextInput_Skeleton.defaul
 exports.preview__FluidTimePicker = require_FluidTimePicker.default;
 exports.preview__FluidTimePickerSelect = require_FluidTimePickerSelect.default;
 exports.preview__FluidTimePickerSkeleton = require_FluidTimePicker_Skeleton.default;
-exports.preview__IconIndicator = require_index$17.IconIndicator;
+exports.preview__IconIndicator = require_index$18.IconIndicator;
 Object.defineProperty(exports, "preview__PageHeader", {
 	enumerable: true,
 	get: function() {
-		return require_index$15.PageHeader_exports;
+		return require_index$16.PageHeader_exports;
 	}
 });
-exports.preview__ShapeIndicator = require_index$18.ShapeIndicator;
+exports.preview__ShapeIndicator = require_index$19.ShapeIndicator;
 exports.preview__Slug = require_index$4.AILabel;
 exports.preview__SlugActions = require_index$4.AILabelActions;
 exports.preview__SlugContent = require_index$4.AILabelContent;
@@ -573,7 +580,7 @@ exports.preview_useLayoutDirection = require_useLayoutDirection.useLayoutDirecti
 exports.unstable_FeatureFlags = require_index.FeatureFlags;
 exports.unstable_Layout = require_index$6.Layout;
 exports.unstable_LayoutDirection = require_LayoutDirection.LayoutDirection;
-exports.unstable_OverflowMenuV2 = require_index$16.OverflowMenuV2;
+exports.unstable_OverflowMenuV2 = require_index$17.OverflowMenuV2;
 exports.unstable_PageSelector = require_PageSelector.default;
 exports.unstable_Pagination = require_Pagination$1.default;
 exports.unstable_Text = require_Text.Text;
@@ -605,14 +612,14 @@ exports.unstable__FluidTextInputSkeleton = require_FluidTextInput_Skeleton.defau
 exports.unstable__FluidTimePicker = require_FluidTimePicker.default;
 exports.unstable__FluidTimePickerSelect = require_FluidTimePickerSelect.default;
 exports.unstable__FluidTimePickerSkeleton = require_FluidTimePicker_Skeleton.default;
-exports.unstable__IconIndicator = require_index$17.IconIndicator;
+exports.unstable__IconIndicator = require_index$18.IconIndicator;
 Object.defineProperty(exports, "unstable__PageHeader", {
 	enumerable: true,
 	get: function() {
-		return require_index$15.PageHeader_exports;
+		return require_index$16.PageHeader_exports;
 	}
 });
-exports.unstable__ShapeIndicator = require_index$18.ShapeIndicator;
+exports.unstable__ShapeIndicator = require_index$19.ShapeIndicator;
 exports.unstable__Slug = require_index$4.AILabel;
 exports.unstable__SlugActions = require_index$4.AILabelActions;
 exports.unstable__SlugContent = require_index$4.AILabelContent;
@@ -624,9 +631,9 @@ exports.useFeatureFlag = require_index.useFeatureFlag;
 exports.useFeatureFlags = require_index.useFeatureFlags;
 exports.useIdPrefix = require_useIdPrefix.useIdPrefix;
 exports.useLayer = require_index$8.useLayer;
-exports.usePrefersDarkScheme = require_index$19.usePrefersDarkScheme;
+exports.usePrefersDarkScheme = require_index$20.usePrefersDarkScheme;
 exports.usePrefix = require_usePrefix.usePrefix;
-exports.useTheme = require_index$19.useTheme;
+exports.useTheme = require_index$20.useTheme;
 exports.validateNumberSeparators = require_NumberInput.validateNumberSeparators;
 exports.withComposedModalPresence = require_ComposedModalPresence.withComposedModalPresence;
 exports.withModalPresence = require_ModalPresence.withModalPresence;

package/lib/internal/checkForOverflow.d.ts

@@ -0,0 +1,5 @@
+/**
+ * used to calculate if a element is overflowing the width or height of an area
+ */
+export declare const checkWidthOverflow: (el: HTMLElement | null) => boolean;
+export declare const checkHeightOverflow: (el: HTMLElement | null) => boolean;

package/lib/internal/useFocus.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Copyright IBM Corp. 2021, 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.
+ */
+import { RefObject } from 'react';
+/**
+ * Returns the first element matching `selector` within `container`, or null.
+TO DO: This hook will be removed https://github.com/carbon-design-system/ibm-products/issues/7731
+*/
+export declare const getSpecificElement: (container: HTMLElement | null, selector: string) => HTMLElement | null;
+/**
+ * Provides focus-trap helpers for a panel/modal container.
+ *
+ * - `firstElement` – the first tabbable element inside the container.
+ * - `keyDownListener` – an `onKeyDown` handler that cycles focus between the
+ *   first and last tabbable elements (Tab / Shift+Tab wrap-around).
+ */
+export declare const useFocus: (ref: RefObject<HTMLElement | null>) => {
+    firstElement: HTMLElement | null;
+    keyDownListener: (event: React.KeyboardEvent | KeyboardEvent) => void;
+};

package/lib/internal/usePrefersReducedMotion.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright IBM Corp. 2021, 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 `true` when the user has requested reduced motion via the
+ * `prefers-reduced-motion: reduce` media query.
+ */
+export declare const usePrefersReducedMotion: () => boolean;

package/lib/internal/useSidePanelPresence.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Copyright IBM Corp. 2021, 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.
+ */
+import { RefObject } from 'react';
+/**
+ * Controls the presence (mount/unmount) of a panel element, waiting for a
+ * named CSS exit animation to finish before removing it from the DOM.
+ *
+ * Signature mirrors the `usePresence` hook from `@carbon/ibm-products`:
+ *   `usePresence(open, ref, exitAnimationName)` → `{ shouldRender }`
+ *
+ * @param open - Whether the panel is currently open.
+ * @param ref - Ref to the panel's root DOM element.
+ * @param exitAnimationName - The CSS `animation-name` value used on exit.
+ */
+export declare const useSidePanelPresence: (open: boolean, ref: RefObject<HTMLElement | null>, exitAnimationName: string) => {
+    shouldRender: boolean;
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.113.0",
+  "version": "1.114.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -55,16 +55,16 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.27.3",
-    "@carbon/feature-flags": "^1.6.0",
-    "@carbon/icons-react": "^11.85.0",
-    "@carbon/layout": "^11.56.0",
-    "@carbon/motion": "^11.49.0",
-    "@carbon/styles": "^1.112.0",
-    "@carbon/utilities": "^0.23.0",
+    "@carbon/feature-flags": "^1.7.0-rc.0",
+    "@carbon/icons-react": "^11.86.0-rc.0",
+    "@carbon/layout": "^11.57.0-rc.0",
+    "@carbon/motion": "^11.50.0-rc.0",
+    "@carbon/styles": "^1.113.0-rc.0",
+    "@carbon/utilities": "^0.24.0-rc.0",
     "@floating-ui/react": "^0.27.4",
     "@ibm/telemetry-js": "^1.5.0",
     "classnames": "2.5.1",
-    "copy-to-clipboard": "^3.3.1",
+    "copy-to-clipboard": "^4.0.0",
     "downshift": "9.4.0",
     "es-toolkit": "^1.27.0",
     "flatpickr": "4.6.13",
@@ -84,8 +84,8 @@
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
     "@carbon/test-utils": "^10.41.0",
-    "@carbon/themes": "^11.78.0",
-    "@figma/code-connect": "^1.4.9",
+    "@carbon/themes": "^11.79.0-rc.0",
+    "@figma/code-connect": "^1.5.2",
     "@rolldown/plugin-babel": "^0.2.0",
     "@stackblitz/sdk": "^1.11.0",
     "@storybook/addon-a11y": "^10.3.5",
@@ -132,5 +132,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "a57cf8a896fe3fe09c5ab27648cd58947f37360a"
+  "gitHead": "82f04fbfdb385323883f4f8e3ce97a14865a744a"
 }

package/scss/components/action-set/_action-set.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// 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.
+//
+
+@forward '@carbon/styles/scss/components/action-set/action-set';

package/scss/components/action-set/_index.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// 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.
+//
+
+@forward '@carbon/styles/scss/components/action-set';

package/scss/components/resizer/_index.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// 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.
+//
+
+@forward '@carbon/styles/scss/components/resizer';

package/scss/components/resizer/_resizer.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// 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.
+//
+
+@forward '@carbon/styles/scss/components/resizer/resizer';