@carbon/react 1.91.0-rc.0 → 1.92.0-rc.0

package/es/components/Text/createTextComponent.js

@@ -7,7 +7,6 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
-import './index.js';
 import { Text } from './Text.js';
 
 /**
@@ -27,5 +26,6 @@ const createTextComponent = (element, displayName) => {
   }
   return TextWrapper;
 };
+const Legend = createTextComponent('legend', 'Legend');
 
-export { createTextComponent };
+export { Legend };

package/es/components/Text/index.d.ts

@@ -7,11 +7,3 @@
 export * from './Text';
 export * from './TextDirection';
 export * from './TextDirectionContext';
-export declare const Label: {
-    (props: import("./Text").TextProps<import("react").ElementType>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export declare const Legend: {
-    (props: import("./Text").TextProps<import("react").ElementType>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/es/components/TextArea/TextArea.js

@@ -19,10 +19,10 @@ import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
 import { useId } from '../../internal/useId.js';
 import { noopFn } from '../../internal/noopFn.js';
-import '../Text/index.js';
+import { Text } from '../Text/Text.js';
+import '../Text/TextDirection.js';
 import { AILabel } from '../AILabel/index.js';
 import { isComponentElement } from '../../internal/utils.js';
-import { Text } from '../Text/Text.js';
 
 const frFn = forwardRef;
 const TextArea = frFn((props, forwardRef) => {

package/es/components/TextInput/TextInput.js

@@ -16,10 +16,10 @@ import { FormContext } from '../FluidForm/FormContext.js';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { getAnnouncement } from '../../internal/getAnnouncement.js';
-import '../Text/index.js';
+import { Text } from '../Text/Text.js';
+import '../Text/TextDirection.js';
 import { AILabel } from '../AILabel/index.js';
 import { isComponentElement } from '../../internal/utils.js';
-import { Text } from '../Text/Text.js';
 
 const TextInput = /*#__PURE__*/React.forwardRef(({
   className,

package/es/components/Tile/Tile.js

@@ -21,10 +21,10 @@ import { getInteractiveContent, getRoleContent } from '../../internal/useNoInter
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
 import { useFeatureFlag } from '../FeatureFlags/index.js';
 import { useId } from '../../internal/useId.js';
-import '../Text/index.js';
+import { Text } from '../Text/Text.js';
+import '../Text/TextDirection.js';
 import { AILabel } from '../AILabel/index.js';
 import { isComponentElement } from '../../internal/utils.js';
-import { Text } from '../Text/Text.js';
 
 var _CheckboxCheckedFille, _Checkbox, _ChevronDown, _ChevronDown2;
 const Tile = /*#__PURE__*/React.forwardRef(({

package/es/components/Toggle/Toggle.js

@@ -11,8 +11,8 @@ import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { useControllableState } from '../../internal/useControllableState.js';
 import { usePrefix } from '../../internal/usePrefix.js';
-import '../Text/index.js';
 import { Text } from '../Text/Text.js';
+import '../Text/TextDirection.js';
 
 var _path;
 function Toggle({
@@ -101,7 +101,7 @@ function Toggle({
       className: appearanceClasses
     }, /*#__PURE__*/React.createElement("div", {
       className: switchClasses
-    }, isSm && /*#__PURE__*/React.createElement("svg", {
+    }, isSm && !readOnly && /*#__PURE__*/React.createElement("svg", {
       "aria-hidden": "true",
       focusable: "false",
       className: `${prefix}--toggle__check`,

package/es/components/UIShell/Switcher.js

@@ -12,34 +12,8 @@ import { usePrefix } from '../../internal/usePrefix.js';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
 import PropTypes from 'prop-types';
 import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';
-import './Content.js';
-import './Header.js';
-import './HeaderContainer.js';
-import './HeaderGlobalAction.js';
-import './HeaderGlobalBar.js';
-import './HeaderMenu.js';
-import './HeaderMenuButton.js';
-import './HeaderMenuItem.js';
-import './HeaderName.js';
-import './HeaderNavigation.js';
-import './HeaderPanel.js';
-import './HeaderSideNavItems.js';
 import SwitcherItem from './SwitcherItem.js';
 import SwitcherDivider from './SwitcherDivider.js';
-import './SkipToContent.js';
-import './SideNav.js';
-import './SideNavDetails.js';
-import './SideNavDivider.js';
-import './SideNavFooter.js';
-import './SideNavHeader.js';
-import './SideNavIcon.js';
-import './SideNavItem.js';
-import './SideNavItems.js';
-import './SideNavLink.js';
-import './SideNavLinkText.js';
-import './SideNavMenu.js';
-import './SideNavMenuItem.js';
-import './SideNavSwitcher.js';
 
 const Switcher = /*#__PURE__*/forwardRef((props, forwardRef) => {
   const switcherRef = useRef(null);

package/es/index.d.ts

@@ -33,7 +33,10 @@ export * from './components/ErrorBoundary';
 export * from './components/ExpandableSearch';
 export { FeatureFlags, useFeatureFlag, useFeatureFlags, FeatureFlags as unstable_FeatureFlags, // this export can be removed in v12
 useFeatureFlag as unstable_useFeatureFlag, // this export can be removed in v12
-useFeatureFlags as unstable_useFeatureFlags, } from './components/FeatureFlags';
+useFeatureFlags as unstable_useFeatureFlags, // this export can be removed in v12
+FeatureFlags as preview_FeatureFlags, // this export can be removed in v12
+useFeatureFlag as preview_useFeatureFlag, // this export can be removed in v12
+useFeatureFlags as preview_useFeatureFlags, } from './components/FeatureFlags';
 export * from './components/FileUploader';
 export * from './components/FluidForm';
 export * from './components/Form';
@@ -58,6 +61,7 @@ export * from './components/OrderedList';
 export * from './components/OverflowMenu';
 export * from './components/OverflowMenuItem';
 export * as unstable__PageHeader from './components/PageHeader';
+export * as preview__PageHeader from './components/PageHeader';
 export * as preview__Dialog from './components/Dialog';
 export * from './components/Pagination';
 export * from './components/Pagination/Pagination.Skeleton';
@@ -99,36 +103,36 @@ export * from './components/Toggletip';
 export * from './components/TreeView';
 export * from './components/UIShell';
 export * from './components/UnorderedList';
-export { FluidComboBox, FluidComboBoxSkeleton, FluidComboBox as unstable__FluidComboBox, FluidComboBoxSkeleton as unstable__FluidComboBoxSkeleton, } from './components/FluidComboBox';
-export { FluidDatePicker, FluidDatePickerSkeleton, FluidDatePicker as unstable__FluidDatePicker, FluidDatePickerSkeleton as unstable__FluidDatePickerSkeleton, } from './components/FluidDatePicker';
-export { FluidDatePickerInput, FluidDatePickerInput as unstable__FluidDatePickerInput, } from './components/FluidDatePickerInput';
-export { FluidDropdown, FluidDropdownSkeleton, FluidDropdown as unstable__FluidDropdown, FluidDropdownSkeleton as unstable__FluidDropdownSkeleton, } from './components/FluidDropdown';
-export { FluidMultiSelect, FluidMultiSelectSkeleton, FluidMultiSelect as unstable__FluidMultiSelect, FluidMultiSelectSkeleton as unstable__FluidMultiSelectSkeleton, } from './components/FluidMultiSelect';
-export { FluidSelect, FluidSelectSkeleton, FluidSelect as unstable__FluidSelect, FluidSelectSkeleton as unstable__FluidSelectSkeleton, } from './components/FluidSelect';
-export { FluidSearch, FluidSearchSkeleton, FluidSearch as unstable__FluidSearch, FluidSearchSkeleton as unstable__FluidSearchSkeleton, } from './components/FluidSearch';
-export { FluidTextArea, FluidTextAreaSkeleton, FluidTextArea as unstable__FluidTextArea, FluidTextAreaSkeleton as unstable__FluidTextAreaSkeleton, } from './components/FluidTextArea';
-export { FluidTextInput, FluidTextInputSkeleton, FluidTextInput as unstable__FluidTextInput, FluidTextInputSkeleton as unstable__FluidTextInputSkeleton, } from './components/FluidTextInput';
-export { FluidNumberInput, FluidNumberInputSkeleton, FluidNumberInput as unstable__FluidNumberInput, FluidNumberInputSkeleton as unstable__FluidNumberInputSkeleton, } from './components/FluidNumberInput';
-export { FluidTimePicker, FluidTimePickerSkeleton, FluidTimePicker as unstable__FluidTimePicker, FluidTimePickerSkeleton as unstable__FluidTimePickerSkeleton, } from './components/FluidTimePicker';
-export { FluidTimePickerSelect, FluidTimePickerSelect as unstable__FluidTimePickerSelect, } from './components/FluidTimePickerSelect';
+export { FluidComboBox, FluidComboBoxSkeleton, FluidComboBox as unstable__FluidComboBox, FluidComboBoxSkeleton as unstable__FluidComboBoxSkeleton, FluidComboBox as preview__FluidComboBox, FluidComboBoxSkeleton as preview__FluidComboBoxSkeleton, } from './components/FluidComboBox';
+export { FluidDatePicker, FluidDatePickerSkeleton, FluidDatePicker as unstable__FluidDatePicker, FluidDatePickerSkeleton as unstable__FluidDatePickerSkeleton, FluidDatePicker as preview__FluidDatePicker, FluidDatePickerSkeleton as preview__FluidDatePickerSkeleton, } from './components/FluidDatePicker';
+export { FluidDatePickerInput, FluidDatePickerInput as unstable__FluidDatePickerInput, FluidDatePickerInput as preview__FluidDatePickerInput, } from './components/FluidDatePickerInput';
+export { FluidDropdown, FluidDropdownSkeleton, FluidDropdown as unstable__FluidDropdown, FluidDropdownSkeleton as unstable__FluidDropdownSkeleton, FluidDropdown as preview__FluidDropdown, FluidDropdownSkeleton as preview__FluidDropdownSkeleton, } from './components/FluidDropdown';
+export { FluidMultiSelect, FluidMultiSelectSkeleton, FluidMultiSelect as unstable__FluidMultiSelect, FluidMultiSelectSkeleton as unstable__FluidMultiSelectSkeleton, FluidMultiSelect as preview__FluidMultiSelect, FluidMultiSelectSkeleton as preview__FluidMultiSelectSkeleton, } from './components/FluidMultiSelect';
+export { FluidSelect, FluidSelectSkeleton, FluidSelect as unstable__FluidSelect, FluidSelectSkeleton as unstable__FluidSelectSkeleton, FluidSelect as preview__FluidSelect, FluidSelectSkeleton as preview__FluidSelectSkeleton, } from './components/FluidSelect';
+export { FluidSearch, FluidSearchSkeleton, FluidSearch as unstable__FluidSearch, FluidSearchSkeleton as unstable__FluidSearchSkeleton, FluidSearch as preview__FluidSearch, FluidSearchSkeleton as preview__FluidSearchSkeleton, } from './components/FluidSearch';
+export { FluidTextArea, FluidTextAreaSkeleton, FluidTextArea as unstable__FluidTextArea, FluidTextAreaSkeleton as unstable__FluidTextAreaSkeleton, FluidTextArea as preview__FluidTextArea, FluidTextAreaSkeleton as preview__FluidTextAreaSkeleton, } from './components/FluidTextArea';
+export { FluidPasswordInput, FluidTextInput, FluidTextInputSkeleton, FluidTextInput as unstable__FluidTextInput, FluidTextInputSkeleton as unstable__FluidTextInputSkeleton, FluidTextInput as preview__FluidTextInput, FluidTextInputSkeleton as preview__FluidTextInputSkeleton, } from './components/FluidTextInput';
+export { FluidNumberInput, FluidNumberInputSkeleton, FluidNumberInput as unstable__FluidNumberInput, FluidNumberInputSkeleton as unstable__FluidNumberInputSkeleton, FluidNumberInput as preview__FluidNumberInput, FluidNumberInputSkeleton as preview__FluidNumberInputSkeleton, } from './components/FluidNumberInput';
+export { FluidTimePicker, FluidTimePickerSkeleton, FluidTimePicker as unstable__FluidTimePicker, FluidTimePickerSkeleton as unstable__FluidTimePickerSkeleton, FluidTimePicker as preview__FluidTimePicker, FluidTimePickerSkeleton as preview__FluidTimePickerSkeleton, } from './components/FluidTimePicker';
+export { FluidTimePickerSelect, FluidTimePickerSelect as unstable__FluidTimePickerSelect, FluidTimePickerSelect as preview__FluidTimePickerSelect, } from './components/FluidTimePickerSelect';
 export * from './components/Heading';
 export * from './components/IconButton';
 export * from './components/Layer';
-export { Layout as unstable_Layout } from './components/Layout';
-export { LayoutDirection as unstable_LayoutDirection, useLayoutDirection as unstable_useLayoutDirection, } from './components/LayoutDirection';
-export { OverflowMenuV2 as unstable_OverflowMenuV2 } from './components/OverflowMenuV2';
-export { PageSelector as unstable_PageSelector, Pagination as unstable_Pagination, } from './components/Pagination/experimental';
+export { Layout as unstable_Layout, Layout as preview_Layout, } from './components/Layout';
+export { LayoutDirection as unstable_LayoutDirection, useLayoutDirection as unstable_useLayoutDirection, LayoutDirection as preview_LayoutDirection, useLayoutDirection as preview_useLayoutDirection, } from './components/LayoutDirection';
+export { OverflowMenuV2 as unstable_OverflowMenuV2, OverflowMenuV2 as preview_OverflowMenuV2, } from './components/OverflowMenuV2';
+export { PageSelector as unstable_PageSelector, Pagination as unstable_Pagination, PageSelector as preview_PageSelector, Pagination as preview_Pagination, } from './components/Pagination/experimental';
 export * from './components/Popover';
 export * from './components/ProgressBar';
 export { AILabel, AILabelContent, AILabelActions } from './components/AILabel';
-export { IconIndicator as unstable__IconIndicator } from './components/IconIndicator';
-export { ShapeIndicator as unstable__ShapeIndicator } from './components/ShapeIndicator';
-export { AILabel as unstable__Slug, AILabelContent as unstable__SlugContent, AILabelActions as unstable__SlugActions, } from './components/AILabel';
-export { ChatButton as unstable__ChatButton, ChatButtonSkeleton as unstable__ChatButtonSkeleton, } from './components/ChatButton';
+export { IconIndicator as unstable__IconIndicator, IconIndicator as preview__IconIndicator, } from './components/IconIndicator';
+export { ShapeIndicator as unstable__ShapeIndicator, ShapeIndicator as preview__ShapeIndicator, } from './components/ShapeIndicator';
+export { AILabel as unstable__Slug, AILabelContent as unstable__SlugContent, AILabelActions as unstable__SlugActions, AILabel as preview__Slug, AILabelContent as preview__SlugContent, AILabelActions as preview__SlugActions, } from './components/AILabel';
+export { ChatButton as unstable__ChatButton, ChatButtonSkeleton as unstable__ChatButtonSkeleton, ChatButton as preview__ChatButton, ChatButtonSkeleton as preview__ChatButtonSkeleton, } from './components/ChatButton';
 export { AISkeletonText, AISkeletonIcon, AISkeletonPlaceholder, } from './components/AISkeleton';
-export { AISkeletonText as unstable__AiSkeletonText, AISkeletonIcon as unstable__AiSkeletonIcon, AISkeletonPlaceholder as unstable__AiSkeletonPlaceholder, } from './components/AISkeleton';
+export { AISkeletonText as unstable__AiSkeletonText, AISkeletonIcon as unstable__AiSkeletonIcon, AISkeletonPlaceholder as unstable__AiSkeletonPlaceholder, AISkeletonText as preview__AiSkeletonText, AISkeletonIcon as preview__AiSkeletonIcon, AISkeletonPlaceholder as preview__AiSkeletonPlaceholder, } from './components/AISkeleton';
 export * from './components/Tooltip';
-export { Text as unstable_Text, TextDirection as unstable_TextDirection, } from './components/Text';
+export { Text as unstable_Text, TextDirection as unstable_TextDirection, Text as preview_Text, TextDirection as preview_TextDirection, } from './components/Text';
 export * from './components/Tooltip/DefinitionTooltip';
 export * from './components/Theme';
 export * from './internal/usePrefix';

package/es/index.js

@@ -26,6 +26,7 @@ export { default as CodeSnippetSkeleton } from './components/CodeSnippet/CodeSni
 export { default as ComboBox } from './components/ComboBox/ComboBox.js';
 export { ComboButton } from './components/ComboButton/index.js';
 export { default as ComposedModal, ModalBody } from './components/ComposedModal/ComposedModal.js';
+export { ComposedModalPresence } from './components/ComposedModal/ComposedModalPresence.js';
 export { ModalHeader } from './components/ComposedModal/ModalHeader.js';
 export { ModalFooter } from './components/ComposedModal/ModalFooter.js';
 import './components/ContainedList/index.js';
@@ -66,7 +67,7 @@ export { default as DropdownSkeleton } from './components/Dropdown/Dropdown.Skel
 export { default as ErrorBoundary } from './components/ErrorBoundary/ErrorBoundary.js';
 export { ErrorBoundaryContext } from './components/ErrorBoundary/ErrorBoundaryContext.js';
 export { default as ExpandableSearch } from './components/ExpandableSearch/ExpandableSearch.js';
-export { FeatureFlags, FeatureFlags as unstable_FeatureFlags, useFeatureFlag as unstable_useFeatureFlag, useFeatureFlags as unstable_useFeatureFlags, useFeatureFlag, useFeatureFlags } from './components/FeatureFlags/index.js';
+export { FeatureFlags, FeatureFlags as preview_FeatureFlags, useFeatureFlag as preview_useFeatureFlag, useFeatureFlags as preview_useFeatureFlags, FeatureFlags as unstable_FeatureFlags, useFeatureFlag as unstable_useFeatureFlag, useFeatureFlags as unstable_useFeatureFlags, useFeatureFlag, useFeatureFlags } from './components/FeatureFlags/index.js';
 export { default as FileUploader } from './components/FileUploader/FileUploader.js';
 export { default as Filename } from './components/FileUploader/Filename.js';
 export { default as FileUploaderSkeleton } from './components/FileUploader/FileUploader.Skeleton.js';
@@ -95,6 +96,7 @@ export { Menu } from './components/Menu/Menu.js';
 export { MenuItem, MenuItemDivider, MenuItemGroup, MenuItemRadioGroup, MenuItemSelectable } from './components/Menu/MenuItem.js';
 export { MenuButton } from './components/MenuButton/index.js';
 export { default as Modal } from './components/Modal/Modal.js';
+export { ModalPresence } from './components/Modal/ModalPresence.js';
 export { default as ModalWrapper } from './components/ModalWrapper/ModalWrapper.js';
 export { FilterableMultiSelect } from './components/MultiSelect/FilterableMultiSelect.js';
 export { MultiSelect } from './components/MultiSelect/MultiSelect.js';
@@ -105,6 +107,7 @@ export { default as OrderedList } from './components/OrderedList/OrderedList.js'
 export { default as OverflowMenu } from './components/OverflowMenu/index.js';
 export { default as OverflowMenuItem } from './components/OverflowMenuItem/OverflowMenuItem.js';
 import * as index from './components/PageHeader/index.js';
+export { index as preview__PageHeader };
 export { index as unstable__PageHeader };
 import * as index$1 from './components/Dialog/index.js';
 export { index$1 as preview__Dialog };
@@ -191,55 +194,55 @@ export { default as SideNavMenu } from './components/UIShell/SideNavMenu.js';
 export { default as SideNavMenuItem } from './components/UIShell/SideNavMenuItem.js';
 export { default as SideNavSwitcher } from './components/UIShell/SideNavSwitcher.js';
 export { default as UnorderedList } from './components/UnorderedList/UnorderedList.js';
-export { default as FluidComboBox, default as unstable__FluidComboBox } from './components/FluidComboBox/FluidComboBox.js';
-export { default as FluidComboBoxSkeleton, default as unstable__FluidComboBoxSkeleton } from './components/FluidComboBox/FluidComboBox.Skeleton.js';
-export { default as FluidDatePicker, default as unstable__FluidDatePicker } from './components/FluidDatePicker/FluidDatePicker.js';
-export { default as FluidDatePickerSkeleton, default as unstable__FluidDatePickerSkeleton } from './components/FluidDatePicker/FluidDatePicker.Skeleton.js';
-export { default as FluidDatePickerInput, default as unstable__FluidDatePickerInput } from './components/FluidDatePickerInput/FluidDatePickerInput.js';
-export { default as FluidDropdown, default as unstable__FluidDropdown } from './components/FluidDropdown/FluidDropdown.js';
-export { default as FluidDropdownSkeleton, default as unstable__FluidDropdownSkeleton } from './components/FluidDropdown/FluidDropdown.Skeleton.js';
-export { default as FluidMultiSelect, default as unstable__FluidMultiSelect } from './components/FluidMultiSelect/FluidMultiSelect.js';
-export { default as FluidMultiSelectSkeleton, default as unstable__FluidMultiSelectSkeleton } from './components/FluidMultiSelect/FluidMultiSelect.Skeleton.js';
-export { default as FluidSelect, default as unstable__FluidSelect } from './components/FluidSelect/FluidSelect.js';
-export { default as FluidSelectSkeleton, default as unstable__FluidSelectSkeleton } from './components/FluidSelect/FluidSelect.Skeleton.js';
-export { default as FluidSearch, default as unstable__FluidSearch } from './components/FluidSearch/FluidSearch.js';
-export { default as FluidSearchSkeleton, default as unstable__FluidSearchSkeleton } from './components/FluidSearch/FluidSearch.Skeleton.js';
-export { default as FluidTextArea, default as unstable__FluidTextArea } from './components/FluidTextArea/FluidTextArea.js';
-export { default as FluidTextAreaSkeleton, default as unstable__FluidTextAreaSkeleton } from './components/FluidTextArea/FluidTextArea.Skeleton.js';
-export { default as FluidTextInput, default as unstable__FluidTextInput } from './components/FluidTextInput/FluidTextInput.js';
-import './components/FluidTextInput/FluidPasswordInput.js';
-export { default as FluidTextInputSkeleton, default as unstable__FluidTextInputSkeleton } from './components/FluidTextInput/FluidTextInput.Skeleton.js';
-export { default as FluidNumberInput, default as unstable__FluidNumberInput } from './components/FluidNumberInput/FluidNumberInput.js';
-export { default as FluidNumberInputSkeleton, default as unstable__FluidNumberInputSkeleton } from './components/FluidNumberInput/FluidNumberInput.Skeleton.js';
-export { default as FluidTimePicker, default as unstable__FluidTimePicker } from './components/FluidTimePicker/FluidTimePicker.js';
-export { default as FluidTimePickerSkeleton, default as unstable__FluidTimePickerSkeleton } from './components/FluidTimePicker/FluidTimePicker.Skeleton.js';
-export { default as FluidTimePickerSelect, default as unstable__FluidTimePickerSelect } from './components/FluidTimePickerSelect/FluidTimePickerSelect.js';
+export { default as FluidComboBox, default as preview__FluidComboBox, default as unstable__FluidComboBox } from './components/FluidComboBox/FluidComboBox.js';
+export { default as FluidComboBoxSkeleton, default as preview__FluidComboBoxSkeleton, default as unstable__FluidComboBoxSkeleton } from './components/FluidComboBox/FluidComboBox.Skeleton.js';
+export { default as FluidDatePicker, default as preview__FluidDatePicker, default as unstable__FluidDatePicker } from './components/FluidDatePicker/FluidDatePicker.js';
+export { default as FluidDatePickerSkeleton, default as preview__FluidDatePickerSkeleton, default as unstable__FluidDatePickerSkeleton } from './components/FluidDatePicker/FluidDatePicker.Skeleton.js';
+export { default as FluidDatePickerInput, default as preview__FluidDatePickerInput, default as unstable__FluidDatePickerInput } from './components/FluidDatePickerInput/FluidDatePickerInput.js';
+export { default as FluidDropdown, default as preview__FluidDropdown, default as unstable__FluidDropdown } from './components/FluidDropdown/FluidDropdown.js';
+export { default as FluidDropdownSkeleton, default as preview__FluidDropdownSkeleton, default as unstable__FluidDropdownSkeleton } from './components/FluidDropdown/FluidDropdown.Skeleton.js';
+export { default as FluidMultiSelect, default as preview__FluidMultiSelect, default as unstable__FluidMultiSelect } from './components/FluidMultiSelect/FluidMultiSelect.js';
+export { default as FluidMultiSelectSkeleton, default as preview__FluidMultiSelectSkeleton, default as unstable__FluidMultiSelectSkeleton } from './components/FluidMultiSelect/FluidMultiSelect.Skeleton.js';
+export { default as FluidSelect, default as preview__FluidSelect, default as unstable__FluidSelect } from './components/FluidSelect/FluidSelect.js';
+export { default as FluidSelectSkeleton, default as preview__FluidSelectSkeleton, default as unstable__FluidSelectSkeleton } from './components/FluidSelect/FluidSelect.Skeleton.js';
+export { default as FluidSearch, default as preview__FluidSearch, default as unstable__FluidSearch } from './components/FluidSearch/FluidSearch.js';
+export { default as FluidSearchSkeleton, default as preview__FluidSearchSkeleton, default as unstable__FluidSearchSkeleton } from './components/FluidSearch/FluidSearch.Skeleton.js';
+export { default as FluidTextArea, default as preview__FluidTextArea, default as unstable__FluidTextArea } from './components/FluidTextArea/FluidTextArea.js';
+export { default as FluidTextAreaSkeleton, default as preview__FluidTextAreaSkeleton, default as unstable__FluidTextAreaSkeleton } from './components/FluidTextArea/FluidTextArea.Skeleton.js';
+export { default as FluidTextInput, default as preview__FluidTextInput, default as unstable__FluidTextInput } from './components/FluidTextInput/FluidTextInput.js';
+export { default as FluidPasswordInput } from './components/FluidTextInput/FluidPasswordInput.js';
+export { default as FluidTextInputSkeleton, default as preview__FluidTextInputSkeleton, default as unstable__FluidTextInputSkeleton } from './components/FluidTextInput/FluidTextInput.Skeleton.js';
+export { default as FluidNumberInput, default as preview__FluidNumberInput, default as unstable__FluidNumberInput } from './components/FluidNumberInput/FluidNumberInput.js';
+export { default as FluidNumberInputSkeleton, default as preview__FluidNumberInputSkeleton, default as unstable__FluidNumberInputSkeleton } from './components/FluidNumberInput/FluidNumberInput.Skeleton.js';
+export { default as FluidTimePicker, default as preview__FluidTimePicker, default as unstable__FluidTimePicker } from './components/FluidTimePicker/FluidTimePicker.js';
+export { default as FluidTimePickerSkeleton, default as preview__FluidTimePickerSkeleton, default as unstable__FluidTimePickerSkeleton } from './components/FluidTimePicker/FluidTimePicker.Skeleton.js';
+export { default as FluidTimePickerSelect, default as preview__FluidTimePickerSelect, default as unstable__FluidTimePickerSelect } from './components/FluidTimePickerSelect/FluidTimePickerSelect.js';
 export { Heading, Section } from './components/Heading/index.js';
 export { IconButton, IconButtonKinds } from './components/IconButton/index.js';
 export { Layer, useLayer } from './components/Layer/index.js';
-export { Layout as unstable_Layout } from './components/Layout/index.js';
-export { LayoutDirection as unstable_LayoutDirection } from './components/LayoutDirection/LayoutDirection.js';
-export { useLayoutDirection as unstable_useLayoutDirection } from './components/LayoutDirection/useLayoutDirection.js';
-export { OverflowMenuV2 as unstable_OverflowMenuV2 } from './components/OverflowMenuV2/index.js';
+export { Layout as preview_Layout, Layout as unstable_Layout } from './components/Layout/index.js';
+export { LayoutDirection as preview_LayoutDirection, LayoutDirection as unstable_LayoutDirection } from './components/LayoutDirection/LayoutDirection.js';
+export { useLayoutDirection as preview_useLayoutDirection, useLayoutDirection as unstable_useLayoutDirection } from './components/LayoutDirection/useLayoutDirection.js';
+export { OverflowMenuV2 as preview_OverflowMenuV2, OverflowMenuV2 as unstable_OverflowMenuV2 } from './components/OverflowMenuV2/index.js';
 export { Popover, PopoverContent } from './components/Popover/index.js';
 export { default as ProgressBar } from './components/ProgressBar/ProgressBar.js';
-export { AILabel, AILabelActions, AILabelContent, AILabel as unstable__Slug, AILabelActions as unstable__SlugActions, AILabelContent as unstable__SlugContent } from './components/AILabel/index.js';
-export { IconIndicator as unstable__IconIndicator } from './components/IconIndicator/index.js';
-export { ShapeIndicator as unstable__ShapeIndicator } from './components/ShapeIndicator/index.js';
-export { default as unstable__ChatButton } from './components/ChatButton/ChatButton.js';
-export { default as unstable__ChatButtonSkeleton } from './components/ChatButton/ChatButton.Skeleton.js';
-export { default as AISkeletonPlaceholder, default as unstable__AiSkeletonPlaceholder } from './components/AISkeleton/AISkeletonPlaceholder.js';
-export { default as AISkeletonIcon, default as unstable__AiSkeletonIcon } from './components/AISkeleton/AISkeletonIcon.js';
-export { default as AISkeletonText, default as unstable__AiSkeletonText } from './components/AISkeleton/AISkeletonText.js';
+export { AILabel, AILabelActions, AILabelContent, AILabel as preview__Slug, AILabelActions as preview__SlugActions, AILabelContent as preview__SlugContent, AILabel as unstable__Slug, AILabelActions as unstable__SlugActions, AILabelContent as unstable__SlugContent } from './components/AILabel/index.js';
+export { IconIndicator as preview__IconIndicator, IconIndicator as unstable__IconIndicator } from './components/IconIndicator/index.js';
+export { ShapeIndicator as preview__ShapeIndicator, ShapeIndicator as unstable__ShapeIndicator } from './components/ShapeIndicator/index.js';
+export { default as preview__ChatButton, default as unstable__ChatButton } from './components/ChatButton/ChatButton.js';
+export { default as preview__ChatButtonSkeleton, default as unstable__ChatButtonSkeleton } from './components/ChatButton/ChatButton.Skeleton.js';
+export { default as AISkeletonPlaceholder, default as preview__AiSkeletonPlaceholder, default as unstable__AiSkeletonPlaceholder } from './components/AISkeleton/AISkeletonPlaceholder.js';
+export { default as AISkeletonIcon, default as preview__AiSkeletonIcon, default as unstable__AiSkeletonIcon } from './components/AISkeleton/AISkeletonIcon.js';
+export { default as AISkeletonText, default as preview__AiSkeletonText, default as unstable__AiSkeletonText } from './components/AISkeleton/AISkeletonText.js';
 export { DefinitionTooltip } from './components/Tooltip/DefinitionTooltip.js';
 export { Tooltip } from './components/Tooltip/Tooltip.js';
-import './components/Text/index.js';
+export { Text as preview_Text, Text as unstable_Text } from './components/Text/Text.js';
+export { TextDirection as preview_TextDirection, TextDirection as unstable_TextDirection } from './components/Text/TextDirection.js';
+import 'react';
 export { GlobalTheme, Theme, ThemeContext, usePrefersDarkScheme, useTheme } from './components/Theme/index.js';
 export { PrefixContext, usePrefix } from './internal/usePrefix.js';
 export { useIdPrefix } from './internal/useIdPrefix.js';
-export { default as unstable_PageSelector } from './components/Pagination/experimental/PageSelector.js';
-export { default as unstable_Pagination } from './components/Pagination/experimental/Pagination.js';
+export { default as preview_PageSelector, default as unstable_PageSelector } from './components/Pagination/experimental/PageSelector.js';
+export { default as preview_Pagination, default as unstable_Pagination } from './components/Pagination/experimental/Pagination.js';
 export { default as ContainedListItem } from './components/ContainedList/ContainedListItem/ContainedListItem.js';
 export { default as ContainedList } from './components/ContainedList/ContainedList.js';
-export { Text as unstable_Text } from './components/Text/Text.js';
-export { TextDirection as unstable_TextDirection } from './components/Text/TextDirection.js';

package/es/internal/useNormalizedInputProps.js

@@ -7,9 +7,9 @@
 
 import React from 'react';
 import { WarningFilled, WarningAltFilled } from '@carbon/icons-react';
-import '../components/Text/index.js';
-import { usePrefix } from './usePrefix.js';
 import { Text } from '../components/Text/Text.js';
+import '../components/Text/TextDirection.js';
+import { usePrefix } from './usePrefix.js';
 
 /**
  * Returns an object containing normalized properties for an input component.

package/es/internal/usePresence.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 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.
+ */
+import { type RefObject } from 'react';
+export declare const usePresence: (ref: RefObject<HTMLElement | null>, isOpen: boolean) => {
+    /**
+     * Indicates whether the ref object is supposed to be mounted
+     */
+    isPresent: boolean;
+    /**
+     * Indicates whether the ref object is currently exiting
+     */
+    isExiting: boolean;
+};

package/es/internal/usePresence.js

@@ -0,0 +1,66 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 { useState, useCallback, useLayoutEffect } from 'react';
+import { usePrefix } from './usePrefix.js';
+
+const usePresence = (ref, isOpen) => {
+  const prefix = usePrefix();
+  const [exitState, setExitState] = useState(isOpen ? 'idle' : 'finished');
+  const isExiting = exitState === 'active';
+
+  // element is exiting
+  if (!isOpen && exitState === 'idle') {
+    setExitState('active');
+  }
+
+  // element exit was interrupted
+  if (isOpen && exitState !== 'idle') {
+    setExitState('idle');
+  }
+  const handleAnimationEnd = useCallback(() => {
+    setExitState('finished');
+  }, []);
+  useLayoutEffect(() => {
+    if (!ref.current || !isExiting) return;
+
+    // resolve for JSDOM
+    if (!('getAnimations' in ref.current)) {
+      handleAnimationEnd();
+      return;
+    }
+
+    // cover all animations that start with the presence prefix
+    const animations = ref.current.getAnimations({
+      subtree: true
+    }).filter(animation => animation instanceof CSSAnimation && animation.animationName.startsWith(`${prefix}--presence`));
+    if (!animations.length) {
+      handleAnimationEnd();
+      return;
+    }
+    let cancelled = false;
+    Promise.all(animations.map(animation => animation.finished)).finally(() => {
+      if (cancelled) return;
+      handleAnimationEnd();
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [ref, isExiting, prefix, handleAnimationEnd]);
+  return {
+    /**
+     * Indicates whether the ref object is supposed to be mounted
+     */
+    isPresent: isOpen || exitState !== 'finished',
+    /**
+     * Indicates whether the ref object is currently exiting
+     */
+    isExiting
+  };
+};
+
+export { usePresence };

package/es/internal/usePresenceContext.d.ts

@@ -0,0 +1,25 @@
+/**
+ * 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.
+ */
+import { type RefObject } from 'react';
+export interface PresenceContext {
+    /**
+     * The ref object the presence mode is mounted with
+     */
+    presenceRef: RefObject<HTMLDivElement | null>;
+    /**
+     * Indicates whether the ref object is currently exiting
+     */
+    isExiting: boolean;
+    /**
+     * Returns if the caller is exclusive to this presence context
+     */
+    isPresenceExclusive: (id: string) => boolean;
+}
+/**
+ * Returns if the presence node is present and the context value to be used by a presence context, e.g. ModalPresence.
+ */
+export declare const usePresenceContext: (open: boolean, initialPresenceId?: string) => readonly [boolean, PresenceContext];

package/es/internal/usePresenceContext.js

@@ -0,0 +1,46 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * 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 { useRef, useCallback, useMemo } from 'react';
+import { usePresence } from './usePresence.js';
+
+/**
+ * Returns if the presence node is present and the context value to be used by a presence context, e.g. ModalPresence.
+ */
+const usePresenceContext = (open, initialPresenceId) => {
+  const presenceIdRef = useRef(initialPresenceId);
+  const presenceRef = useRef(null);
+  const prevPresenceRef = useRef(null);
+
+  // clean up the presence id, if not predefined and if the presence node was unmounted
+  if (!initialPresenceId && prevPresenceRef.current && !presenceRef.current) {
+    presenceIdRef.current = null;
+  }
+  prevPresenceRef.current = presenceRef.current;
+  const {
+    isPresent,
+    isExiting
+  } = usePresence(presenceRef, open);
+  const isPresenceExclusive = useCallback(id => {
+    if (!id) return false;
+
+    // return false if the presence context is occupied
+    if (presenceIdRef.current && presenceIdRef.current !== id) return false;
+
+    // otherwise occupy presence context and return true
+    presenceIdRef.current = id;
+    return true;
+  }, []);
+  const contextValue = useMemo(() => ({
+    presenceRef,
+    isPresenceExclusive,
+    isExiting
+  }), [presenceRef, isPresenceExclusive, isExiting]);
+  return [isPresent, contextValue];
+};
+
+export { usePresenceContext };

package/es/tools/mergeRefs.d.ts

@@ -1,12 +1,12 @@
-export default mergeRefs;
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 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 type { Ref, RefCallback } from 'react';
 /**
- * @param {...Ref<Element>} refs List of React refs to merge.
- * @returns {Ref<Element>} Merged React ref.
+ * @param refs Refs to merge.
+ * @returns Merged ref.
  */
-declare function mergeRefs(...refs: Ref<Element>[]): Ref<Element>;
+export declare const mergeRefs: <T>(...refs: (Ref<T> | null | undefined)[]) => RefCallback<T>;

package/es/tools/mergeRefs.js

@@ -6,18 +6,22 @@
  */
 
 /**
- * @param {...Ref<Element>} refs List of React refs to merge.
- * @returns {Ref<Element>} Merged React ref.
+ * @param refs Refs to merge.
+ * @returns Merged ref.
  */
-const mergeRefs = (...refs) => el => {
-  refs.forEach(ref => {
-    // https://github.com/facebook/react/issues/13029#issuecomment-410002316
-    if (typeof ref === 'function') {
-      ref(el);
-    } else if (Object(ref) === ref) {
-      ref.current = el;
-    }
-  });
+const mergeRefs = (...refs) => {
+  return value => {
+    refs.forEach(ref => {
+      if (!ref) return;
+
+      // https://github.com/facebook/react/issues/13029#issuecomment-410002316
+      if (typeof ref === 'function') {
+        ref(value);
+      } else if (typeof ref === 'object' && 'current' in ref) {
+        ref.current = value;
+      }
+    });
+  };
 };
 
-export { mergeRefs as default };
+export { mergeRefs };

package/lib/components/Accordion/AccordionItem.d.ts

@@ -12,6 +12,11 @@ export interface AccordionItemProps {
      * this value will be managed by the parent Accordion.
      */
     disabled?: boolean;
+    /**
+     * Specify a custom label for the accordion button.
+     * This is important for accessibility when the accordion has no visible title.
+     */
+    'aria-label'?: AriaAttributes['aria-label'];
     /**
      * The handler of the massaged `click` event.
      */
@@ -52,6 +57,7 @@ export interface AccordionItemProps {
 export interface AccordionToggleProps {
     'aria-controls'?: AriaAttributes['aria-controls'];
     'aria-expanded'?: AriaAttributes['aria-expanded'];
+    'aria-label'?: AriaAttributes['aria-label'];
     className?: string;
     disabled?: boolean;
     onClick?: MouseEventHandler<HTMLButtonElement>;
@@ -59,7 +65,7 @@ export interface AccordionToggleProps {
     type?: 'button';
 }
 declare function AccordionItem({ children, className: customClassName, open, onHeadingClick, renderExpando, // remove renderExpando in next major release
-renderToggle, title, disabled: controlledDisabled, handleAnimationEnd, ...rest }: PropsWithChildren<AccordionItemProps>): import("react/jsx-runtime").JSX.Element;
+renderToggle, title, disabled: controlledDisabled, handleAnimationEnd, 'aria-label': ariaLabel, ...rest }: PropsWithChildren<AccordionItemProps>): import("react/jsx-runtime").JSX.Element;
 declare namespace AccordionItem {
     var propTypes: {
         /**
@@ -74,6 +80,11 @@ declare namespace AccordionItem {
          * Specify whether an individual AccordionItem should be disabled
          */
         disabled: PropTypes.Requireable<boolean>;
+        /**
+         * Specify a custom label for the accordion button.
+         * This is important for accessibility when the accordion has no visible title.
+         */
+        'aria-label': PropTypes.Requireable<string>;
         /**
          * The handler of the massaged `click` event.
          */