@carbon/react 1.30.0 → 1.31.0

package/lib/components/UIShell/SideNav.d.ts

@@ -18,6 +18,7 @@ interface SideNavProps extends ComponentProps<'nav'> {
     addMouseListeners?: boolean | undefined;
     onOverlayClick?: MouseEventHandler<HTMLDivElement> | undefined;
     onSideNavBlur?: () => void | undefined;
+    enterDelayMs?: number;
 }
-declare const SideNav: React.ForwardRefExoticComponent<Pick<SideNavProps, "children" | "className" | "slot" | "style" | "title" | "dir" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "onToggle" | "key" | "id" | "onAnimationEnd" | "aria-controls" | "aria-expanded" | "onClick" | "onKeyDown" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "href" | "expanded" | "defaultExpanded" | "isChildOfHeader" | "isFixedNav" | "isRail" | "isPersistent" | "addFocusListeners" | "addMouseListeners" | "onOverlayClick" | "onSideNavBlur"> & React.RefAttributes<HTMLElement>>;
+declare const SideNav: React.ForwardRefExoticComponent<Pick<SideNavProps, "children" | "className" | "slot" | "style" | "title" | "dir" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "onToggle" | "key" | "id" | "onAnimationEnd" | "aria-controls" | "aria-expanded" | "onClick" | "onKeyDown" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "href" | "enterDelayMs" | "expanded" | "defaultExpanded" | "isChildOfHeader" | "isFixedNav" | "isRail" | "isPersistent" | "addFocusListeners" | "addMouseListeners" | "onOverlayClick" | "onSideNavBlur"> & React.RefAttributes<HTMLElement>>;
 export default SideNav;

package/lib/components/UIShell/SideNav.js

@@ -18,6 +18,7 @@ var _utils = require('./_utils.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var useMergedRefs = require('../../internal/useMergedRefs.js');
 var useEvent = require('../../internal/useEvent.js');
+var useDelayedState = require('../../internal/useDelayedState.js');
 var match = require('../../internal/keyboard/match.js');
 var keys = require('../../internal/keyboard/keys.js');
 
@@ -49,27 +50,28 @@ function SideNavRenderFunction(_ref, ref) {
     addMouseListeners = true,
     onOverlayClick,
     onSideNavBlur,
+    enterDelayMs = 100,
     ...other
   } = _ref;
   const prefix = usePrefix.usePrefix();
   const {
     current: controlled
   } = React.useRef(expandedProp !== undefined);
-  const [expandedState, setExpandedState] = React.useState(defaultExpanded);
-  const [expandedViaHoverState, setExpandedViaHoverState] = React.useState(defaultExpanded);
+  const [expandedState, setExpandedState] = useDelayedState.useDelayedState(defaultExpanded);
+  const [expandedViaHoverState, setExpandedViaHoverState] = useDelayedState.useDelayedState(defaultExpanded);
   const expanded = controlled ? expandedProp : expandedState;
   const sideNavRef = React.useRef(null);
   const navRef = useMergedRefs.useMergedRefs([sideNavRef, ref]);
   const handleToggle = function (event) {
     let value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !expanded;
     if (!controlled) {
-      setExpandedState(value);
+      setExpandedState(value, enterDelayMs);
     }
     if (onToggle) {
       onToggle(event, value);
     }
     if (controlled || isRail) {
-      setExpandedViaHoverState(value);
+      setExpandedViaHoverState(value, enterDelayMs);
     }
   };
   const accessibilityLabel = {
@@ -140,8 +142,20 @@ function SideNavRenderFunction(_ref, ref) {
     };
   }
   if (addMouseListeners && isRail) {
-    eventHandlers.onMouseEnter = () => handleToggle(true, true);
-    eventHandlers.onMouseLeave = () => handleToggle(false, false);
+    eventHandlers.onMouseEnter = () => {
+      handleToggle(true, true);
+    };
+    eventHandlers.onMouseLeave = () => {
+      setExpandedState(false);
+      setExpandedViaHoverState(false);
+      handleToggle(false, false);
+    };
+    eventHandlers.onClick = () => {
+      //if delay is enabled, and user intentionally clicks it to see it expanded immediately
+      setExpandedState(true);
+      setExpandedViaHoverState(true);
+      handleToggle(true, true);
+    };
   }
   useEvent.useWindowEvent('keydown', event => {
     const focusedElement = document.activeElement;
@@ -184,6 +198,10 @@ SideNav.propTypes = {
    * If `true`, the SideNav will be open on initial render.
    */
   defaultExpanded: PropTypes__default["default"].bool,
+  /**
+   * Specify the duration in milliseconds to delay before displaying the sidenavigation
+   */
+  enterDelayMs: PropTypes__default["default"].number,
   /**
    * If `true`, the SideNav will be expanded, otherwise it will be collapsed.
    * Using this prop causes SideNav to become a controled component.

package/lib/index.d.ts

@@ -16,30 +16,37 @@ export * from './components/CheckboxGroup';
 export * from './components/ClassPrefix';
 export * from './components/CodeSnippet';
 export * from './components/ComboBox';
+export * from './components/ComboButton';
 export * from './components/ComposedModal';
 export * from './components/ContainedList';
 export * from './components/ContentSwitcher';
+export * from './components/ContextMenu';
 export * from './components/Copy';
 export * from './components/CopyButton';
 export * from './components/DangerButton';
 export * from './components/DataTable';
+export * from './components/DataTableSkeleton';
 export * from './components/DatePicker';
 export * from './components/DatePickerInput';
 export * from './components/Dropdown';
 export * from './components/ErrorBoundary';
+export * from './components/ExpandableSearch';
 export * from './components/FileUploader';
 export * from './components/FilterableMultiSelect';
-export * from './components/Form';
 export * from './components/FluidForm';
+export * from './components/Form';
 export * from './components/FormGroup';
 export * from './components/FormItem';
 export * from './components/FormLabel';
 export * from './components/Grid';
+export * from './components/Icon/Icon.Skeleton';
 export * from './components/IdPrefix';
 export * from './components/InlineLoading';
 export * from './components/Link';
 export * from './components/ListItem';
 export * from './components/Loading';
+export * from './components/Menu';
+export * from './components/MenuButton';
 export * from './components/Modal';
 export * from './components/ModalWrapper';
 export * from './components/MultiSelect';
@@ -49,48 +56,44 @@ export * from './components/OrderedList';
 export * from './components/OverflowMenu';
 export * from './components/OverflowMenuItem';
 export * from './components/Pagination';
+export * from './components/Pagination/Pagination.Skeleton';
 export * from './components/PaginationNav';
 export * from './components/PasswordInput';
 export * from './components/PrimaryButton';
 export * from './components/ProgressIndicator';
 export * from './components/RadioButton';
+export * from './components/RadioButton/RadioButton.Skeleton';
 export * from './components/RadioButtonGroup';
+export * from './components/RadioTile';
 export * from './components/Search';
-export * from './components/ExpandableSearch';
 export * from './components/SecondaryButton';
 export * from './components/Select';
 export * from './components/SelectItem';
 export * from './components/SelectItemGroup';
-export * from './components/Switch';
+export * from './components/SkeletonIcon';
+export * from './components/SkeletonPlaceholder';
+export * from './components/SkeletonText';
 export * from './components/Slider';
 export * from './components/StructuredList';
+export * from './components/Switch';
 export * from './components/Tab';
 export * from './components/TabContent';
 export * from './components/Tabs';
 export * from './components/Tag';
+export * from './components/Tag/Tag.Skeleton';
 export * from './components/TextArea';
 export * from './components/TextInput';
 export * from './components/Tile';
-export * from './components/RadioTile';
 export * from './components/TileGroup';
 export * from './components/TimePicker';
 export * from './components/TimePickerSelect';
 export * from './components/Toggle';
-export * from './components/Toggletip';
-export * from './components/TreeView';
-export * from './components/UnorderedList';
-export * from './components/SkeletonText';
-export * from './components/SkeletonPlaceholder';
-export * from './components/SkeletonIcon';
-export * from './components/DataTableSkeleton';
-export * from './components/Pagination/Pagination.Skeleton';
-export * from './components/RadioButton/RadioButton.Skeleton';
-export * from './components/Tag/Tag.Skeleton';
 export * from './components/Toggle/Toggle.Skeleton';
 export * from './components/ToggleSmall/ToggleSmall.Skeleton';
-export * from './components/Icon/Icon.Skeleton';
+export * from './components/Toggletip';
+export * from './components/TreeView';
 export * from './components/UIShell';
-export { useContextMenu as unstable_useContextMenu } from './components/ContextMenu';
+export * from './components/UnorderedList';
 export { FeatureFlags as unstable_FeatureFlags, useFeatureFlag as unstable_useFeatureFlag, useFeatureFlags as unstable_useFeatureFlags, } from './components/FeatureFlags';
 export { FluidComboBox as unstable__FluidComboBox, FluidComboBoxSkeleton as unstable__FluidComboBoxSkeleton, } from './components/FluidComboBox';
 export { FluidDatePicker as unstable__FluidDatePicker, FluidDatePickerSkeleton as unstable__FluidDatePickerSkeleton, } from './components/FluidDatePicker';
@@ -105,11 +108,9 @@ export { FluidTimePickerSelect as unstable__FluidTimePickerSelect } from './comp
 export * from './components/Heading';
 export * from './components/IconButton';
 export * from './components/Layer';
-export { LayoutDirection as unstable_LayoutDirection, useLayoutDirection as unstable_useLayoutDirection, } from './components/Layout';
-export { Menu as unstable_Menu, MenuItem as unstable_MenuItem, MenuItemDivider as unstable_MenuItemDivider, MenuItemGroup as unstable_MenuItemGroup, MenuItemRadioGroup as unstable_MenuItemRadioGroup, MenuItemSelectable as unstable_MenuItemSelectable, } from './components/Menu';
+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 { ComboButton as unstable_ComboButton } from './components/ComboButton';
-export { MenuButton as unstable_MenuButton } from './components/MenuButton';
 export { PageSelector as unstable_PageSelector, Pagination as unstable_Pagination, } from './components/Pagination/experimental';
 export * from './components/Popover';
 export * from './components/ProgressBar';

package/lib/index.js

@@ -10,55 +10,61 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('./feature-flags.js');
+var AspectRatio = require('./components/AspectRatio/AspectRatio.js');
 var Checkbox = require('./components/Checkbox/Checkbox.js');
 var Checkbox_Skeleton = require('./components/Checkbox/Checkbox.Skeleton.js');
-var index$4 = require('./components/ClassPrefix/index.js');
+var index$3 = require('./components/ClassPrefix/index.js');
+var index$4 = require('./components/ComboButton/index.js');
 var index$5 = require('./components/ContentSwitcher/index.js');
 require('./components/DataTable/index.js');
+var DataTableSkeleton = require('./components/DataTableSkeleton/DataTableSkeleton.js');
 var DatePicker = require('./components/DatePicker/DatePicker.js');
 var DatePicker_Skeleton = require('./components/DatePicker/DatePicker.Skeleton.js');
 var Dropdown = require('./components/Dropdown/Dropdown.js');
 var Dropdown_Skeleton = require('./components/Dropdown/Dropdown.Skeleton.js');
-var Form = require('./components/Form/Form.js');
 var FluidForm = require('./components/FluidForm/FluidForm.js');
 var FormContext = require('./components/FluidForm/FormContext.js');
+var Form = require('./components/Form/Form.js');
 var FlexGrid = require('./components/Grid/FlexGrid.js');
 var Grid = require('./components/Grid/Grid.js');
 var Row = require('./components/Grid/Row.js');
 var Column = require('./components/Grid/Column.js');
 var ColumnHang = require('./components/Grid/ColumnHang.js');
+var Icon_Skeleton = require('./components/Icon/Icon.Skeleton.js');
 var index$6 = require('./components/IdPrefix/index.js');
+var Link = require('./components/Link/Link.js');
 var ListItem = require('./components/ListItem/ListItem.js');
+var index$7 = require('./components/MenuButton/index.js');
 var OrderedList = require('./components/OrderedList/OrderedList.js');
-var index$7 = require('./components/OverflowMenu/index.js');
-var Search = require('./components/Search/Search.js');
-var Search_Skeleton = require('./components/Search/Search.Skeleton.js');
-var index$8 = require('./components/Slider/index.js');
-var index$9 = require('./components/TileGroup/index.js');
-var index$a = require('./components/Toggletip/index.js');
-var UnorderedList = require('./components/UnorderedList/UnorderedList.js');
+var index$8 = require('./components/OverflowMenu/index.js');
 var Pagination_Skeleton = require('./components/Pagination/Pagination.Skeleton.js');
 var RadioButton_Skeleton = require('./components/RadioButton/RadioButton.Skeleton.js');
+var Search = require('./components/Search/Search.js');
+var Search_Skeleton = require('./components/Search/Search.Skeleton.js');
+var index$9 = require('./components/Slider/index.js');
 var Tag_Skeleton = require('./components/Tag/Tag.Skeleton.js');
+var TextArea = require('./components/TextArea/TextArea.js');
+var TextArea_Skeleton = require('./components/TextArea/TextArea.Skeleton.js');
+require('./components/TextInput/index.js');
+var index$a = require('./components/TileGroup/index.js');
 var Toggle_Skeleton = require('./components/Toggle/Toggle.Skeleton.js');
 var ToggleSmall_Skeleton = require('./components/ToggleSmall/ToggleSmall.Skeleton.js');
-var Icon_Skeleton = require('./components/Icon/Icon.Skeleton.js');
+var index$b = require('./components/Toggletip/index.js');
+var UnorderedList = require('./components/UnorderedList/UnorderedList.js');
 var index = require('./components/FeatureFlags/index.js');
-var index$b = require('./components/Heading/index.js');
-var index$c = require('./components/IconButton/index.js');
-var index$d = require('./components/Layer/index.js');
-var index$1 = require('./components/OverflowMenuV2/index.js');
-var index$2 = require('./components/ComboButton/index.js');
-var index$3 = require('./components/MenuButton/index.js');
-var index$e = require('./components/Popover/index.js');
-var index$f = require('./components/Stack/index.js');
+var index$c = require('./components/Heading/index.js');
+var index$d = require('./components/IconButton/index.js');
+var index$e = require('./components/Layer/index.js');
+var index$1 = require('./components/Layout/index.js');
+var index$2 = require('./components/OverflowMenuV2/index.js');
+var index$f = require('./components/Popover/index.js');
+var index$g = require('./components/Stack/index.js');
 var DefinitionTooltip = require('./components/Tooltip/DefinitionTooltip.js');
 var Tooltip = require('./components/Tooltip/Tooltip.js');
 require('./components/Text/index.js');
-var index$g = require('./components/Theme/index.js');
+var index$h = require('./components/Theme/index.js');
 var usePrefix = require('./internal/usePrefix.js');
 var useIdPrefix = require('./internal/useIdPrefix.js');
-var useContextMenu = require('./components/ContextMenu/useContextMenu.js');
 var FluidDatePicker_Skeleton = require('./components/FluidDatePicker/FluidDatePicker.Skeleton.js');
 var FluidTextArea = require('./components/FluidTextArea/FluidTextArea.js');
 var FluidTextArea_Skeleton = require('./components/FluidTextArea/FluidTextArea.Skeleton.js');
@@ -69,16 +75,17 @@ var Pagination = require('./components/Pagination/experimental/Pagination.js');
 var AccordionItem = require('./components/Accordion/AccordionItem.js');
 var Accordion_Skeleton = require('./components/Accordion/Accordion.Skeleton.js');
 var Accordion = require('./components/Accordion/Accordion.js');
-var AspectRatio = require('./components/AspectRatio/AspectRatio.js');
 var Breadcrumb_Skeleton = require('./components/Breadcrumb/Breadcrumb.Skeleton.js');
 var CheckboxGroup = require('./components/CheckboxGroup/CheckboxGroup.js');
 var CodeSnippet_Skeleton = require('./components/CodeSnippet/CodeSnippet.Skeleton.js');
 var CodeSnippet = require('./components/CodeSnippet/CodeSnippet.js');
 var ContainedListItem = require('./components/ContainedList/ContainedListItem/ContainedListItem.js');
 var ContainedList = require('./components/ContainedList/ContainedList.js');
+var useContextMenu = require('./components/ContextMenu/useContextMenu.js');
 var Copy = require('./components/Copy/Copy.js');
 var CopyButton = require('./components/CopyButton/CopyButton.js');
 var ErrorBoundary = require('./components/ErrorBoundary/ErrorBoundary.js');
+var ExpandableSearch = require('./components/ExpandableSearch/ExpandableSearch.js');
 var Filename = require('./components/FileUploader/Filename.js');
 var FileUploader_Skeleton = require('./components/FileUploader/FileUploader.Skeleton.js');
 var FileUploaderButton = require('./components/FileUploader/FileUploaderButton.js');
@@ -92,8 +99,9 @@ var Loading = require('./components/Loading/Loading.js');
 var ModalWrapper = require('./components/ModalWrapper/ModalWrapper.js');
 var NumberInput_Skeleton = require('./components/NumberInput/NumberInput.Skeleton.js');
 var ProgressIndicator_Skeleton = require('./components/ProgressIndicator/ProgressIndicator.Skeleton.js');
-var ExpandableSearch = require('./components/ExpandableSearch/ExpandableSearch.js');
 var Tabs_Skeleton = require('./components/Tabs/Tabs.Skeleton.js');
+var TextInput_Skeleton = require('./components/TextInput/TextInput.Skeleton.js');
+var TextInput = require('./components/TextInput/TextInput.js');
 var Toggle = require('./components/Toggle/Toggle.js');
 var TreeNode = require('./components/TreeView/TreeNode.js');
 var TreeView = require('./components/TreeView/TreeView.js');
@@ -122,10 +130,8 @@ var FluidSelect_Skeleton = require('./components/FluidSelect/FluidSelect.Skeleto
 var FluidTimePicker = require('./components/FluidTimePicker/FluidTimePicker.js');
 var FluidTimePicker_Skeleton = require('./components/FluidTimePicker/FluidTimePicker.Skeleton.js');
 var FluidTimePickerSelect = require('./components/FluidTimePickerSelect/FluidTimePickerSelect.js');
-var LayoutDirection = require('./components/Layout/LayoutDirection.js');
-var useLayoutDirection = require('./components/Layout/useLayoutDirection.js');
-var Menu = require('./components/Menu/Menu.js');
-var MenuItem = require('./components/Menu/MenuItem.js');
+var LayoutDirection = require('./components/LayoutDirection/LayoutDirection.js');
+var useLayoutDirection = require('./components/LayoutDirection/useLayoutDirection.js');
 var Text = require('./components/Text/Text.js');
 var TextDirection = require('./components/Text/TextDirection.js');
 var Breadcrumb = require('./components/Breadcrumb/Breadcrumb.js');
@@ -163,7 +169,8 @@ var DatePickerInput = require('./components/DatePickerInput/DatePickerInput.js')
 var ErrorBoundaryContext = require('./components/ErrorBoundary/ErrorBoundaryContext.js');
 var FilterableMultiSelect = require('./components/MultiSelect/FilterableMultiSelect.js');
 var FormGroup = require('./components/FormGroup/FormGroup.js');
-var Link = require('./components/Link/Link.js');
+var Menu = require('./components/Menu/Menu.js');
+var MenuItem = require('./components/Menu/MenuItem.js');
 var Modal = require('./components/Modal/Modal.js');
 var MultiSelect = require('./components/MultiSelect/MultiSelect.js');
 var Notification = require('./components/Notification/Notification.js');
@@ -177,31 +184,26 @@ var PrimaryButton = require('./components/PrimaryButton/PrimaryButton.js');
 var ProgressIndicator = require('./components/ProgressIndicator/ProgressIndicator.js');
 var RadioButton = require('./components/RadioButton/RadioButton.js');
 var RadioButtonGroup = require('./components/RadioButtonGroup/RadioButtonGroup.js');
+var RadioTile = require('./components/RadioTile/RadioTile.js');
 var SecondaryButton = require('./components/SecondaryButton/SecondaryButton.js');
 var Select_Skeleton = require('./components/Select/Select.Skeleton.js');
 var Select = require('./components/Select/Select.js');
 var SelectItem = require('./components/SelectItem/SelectItem.js');
 var SelectItemGroup = require('./components/SelectItemGroup/SelectItemGroup.js');
-var Switch = require('./components/Switch/Switch.js');
-var IconSwitch = require('./components/Switch/IconSwitch.js');
+var SkeletonIcon = require('./components/SkeletonIcon/SkeletonIcon.js');
+var SkeletonPlaceholder = require('./components/SkeletonPlaceholder/SkeletonPlaceholder.js');
+var SkeletonText = require('./components/SkeletonText/SkeletonText.js');
 var Slider_Skeleton = require('./components/Slider/Slider.Skeleton.js');
 var StructuredList_Skeleton = require('./components/StructuredList/StructuredList.Skeleton.js');
 var StructuredList = require('./components/StructuredList/StructuredList.js');
+var Switch = require('./components/Switch/Switch.js');
+var IconSwitch = require('./components/Switch/IconSwitch.js');
 var Tabs = require('./components/Tabs/Tabs.js');
 var TabContent = require('./components/TabContent/TabContent.js');
 var Tag = require('./components/Tag/Tag.js');
-var TextArea_Skeleton = require('./components/TextArea/TextArea.Skeleton.js');
-var TextArea = require('./components/TextArea/TextArea.js');
-var TextInput_Skeleton = require('./components/TextInput/TextInput.Skeleton.js');
-var TextInput = require('./components/TextInput/TextInput.js');
 var Tile = require('./components/Tile/Tile.js');
-var RadioTile = require('./components/RadioTile/RadioTile.js');
 var TimePicker = require('./components/TimePicker/TimePicker.js');
 var TimePickerSelect = require('./components/TimePickerSelect/TimePickerSelect.js');
-var SkeletonText = require('./components/SkeletonText/SkeletonText.js');
-var SkeletonPlaceholder = require('./components/SkeletonPlaceholder/SkeletonPlaceholder.js');
-var SkeletonIcon = require('./components/SkeletonIcon/SkeletonIcon.js');
-var DataTableSkeleton = require('./components/DataTableSkeleton/DataTableSkeleton.js');
 var Content = require('./components/UIShell/Content.js');
 var Header = require('./components/UIShell/Header.js');
 var HeaderGlobalAction = require('./components/UIShell/HeaderGlobalAction.js');
@@ -224,67 +226,72 @@ var Stack = require('./components/Stack/Stack.js');
 
 
 
+exports.AspectRatio = AspectRatio["default"];
 exports.Checkbox = Checkbox["default"];
 exports.CheckboxSkeleton = Checkbox_Skeleton["default"];
-exports.ClassPrefix = index$4.ClassPrefix;
+exports.ClassPrefix = index$3.ClassPrefix;
+exports.ComboButton = index$4.ComboButton;
 exports.ContentSwitcher = index$5["default"];
+exports.DataTableSkeleton = DataTableSkeleton["default"];
 exports.DatePicker = DatePicker["default"];
 exports.DatePickerSkeleton = DatePicker_Skeleton["default"];
 exports.Dropdown = Dropdown["default"];
 exports.DropdownSkeleton = Dropdown_Skeleton["default"];
-exports.Form = Form["default"];
 exports.FluidForm = FluidForm["default"];
 exports.FormContext = FormContext.FormContext;
+exports.Form = Form["default"];
 exports.FlexGrid = FlexGrid.FlexGrid;
 exports.Grid = Grid.Grid;
 exports.Row = Row["default"];
 exports.Column = Column["default"];
 exports.ColumnHang = ColumnHang.ColumnHang;
+exports.IconSkeleton = Icon_Skeleton["default"];
 exports.IdPrefix = index$6.IdPrefix;
+exports.Link = Link["default"];
 exports.ListItem = ListItem["default"];
+exports.MenuButton = index$7.MenuButton;
 exports.OrderedList = OrderedList["default"];
-exports.OverflowMenu = index$7["default"];
-exports.Search = Search["default"];
-exports.SearchSkeleton = Search_Skeleton["default"];
-exports.Slider = index$8["default"];
-exports.TileGroup = index$9["default"];
-exports.Toggletip = index$a.Toggletip;
-exports.ToggletipActions = index$a.ToggletipActions;
-exports.ToggletipButton = index$a.ToggletipButton;
-exports.ToggletipContent = index$a.ToggletipContent;
-exports.ToggletipLabel = index$a.ToggletipLabel;
-exports.UnorderedList = UnorderedList["default"];
+exports.OverflowMenu = index$8["default"];
 exports.PaginationSkeleton = Pagination_Skeleton["default"];
 exports.RadioButtonSkeleton = RadioButton_Skeleton["default"];
+exports.Search = Search["default"];
+exports.SearchSkeleton = Search_Skeleton["default"];
+exports.Slider = index$9["default"];
 exports.TagSkeleton = Tag_Skeleton["default"];
+exports.TextArea = TextArea["default"];
+exports.TextAreaSkeleton = TextArea_Skeleton["default"];
+exports.TileGroup = index$a["default"];
 exports.ToggleSkeleton = Toggle_Skeleton["default"];
 exports.ToggleSmallSkeleton = ToggleSmall_Skeleton["default"];
-exports.IconSkeleton = Icon_Skeleton["default"];
+exports.Toggletip = index$b.Toggletip;
+exports.ToggletipActions = index$b.ToggletipActions;
+exports.ToggletipButton = index$b.ToggletipButton;
+exports.ToggletipContent = index$b.ToggletipContent;
+exports.ToggletipLabel = index$b.ToggletipLabel;
+exports.UnorderedList = UnorderedList["default"];
 exports.unstable_FeatureFlags = index.FeatureFlags;
 exports.unstable_useFeatureFlag = index.useFeatureFlag;
 exports.unstable_useFeatureFlags = index.useFeatureFlags;
-exports.Heading = index$b.Heading;
-exports.Section = index$b.Section;
-exports.IconButton = index$c.IconButton;
-exports.Layer = index$d.Layer;
-exports.useLayer = index$d.useLayer;
-exports.unstable_OverflowMenuV2 = index$1.OverflowMenuV2;
-exports.unstable_ComboButton = index$2.ComboButton;
-exports.unstable_MenuButton = index$3.MenuButton;
-exports.Popover = index$e.Popover;
-exports.PopoverContent = index$e.PopoverContent;
-exports.HStack = index$f.HStack;
-exports.VStack = index$f.VStack;
+exports.Heading = index$c.Heading;
+exports.Section = index$c.Section;
+exports.IconButton = index$d.IconButton;
+exports.Layer = index$e.Layer;
+exports.useLayer = index$e.useLayer;
+exports.unstable_Layout = index$1.Layout;
+exports.unstable_OverflowMenuV2 = index$2.OverflowMenuV2;
+exports.Popover = index$f.Popover;
+exports.PopoverContent = index$f.PopoverContent;
+exports.HStack = index$g.HStack;
+exports.VStack = index$g.VStack;
 exports.DefinitionTooltip = DefinitionTooltip.DefinitionTooltip;
 exports.Tooltip = Tooltip.Tooltip;
-exports.GlobalTheme = index$g.GlobalTheme;
-exports.Theme = index$g.Theme;
-exports.ThemeContext = index$g.ThemeContext;
-exports.useTheme = index$g.useTheme;
+exports.GlobalTheme = index$h.GlobalTheme;
+exports.Theme = index$h.Theme;
+exports.ThemeContext = index$h.ThemeContext;
+exports.useTheme = index$h.useTheme;
 exports.PrefixContext = usePrefix.PrefixContext;
 exports.usePrefix = usePrefix.usePrefix;
 exports.useIdPrefix = useIdPrefix.useIdPrefix;
-exports.unstable_useContextMenu = useContextMenu["default"];
 exports.unstable__FluidDatePickerSkeleton = FluidDatePicker_Skeleton["default"];
 exports.unstable__FluidTextArea = FluidTextArea["default"];
 exports.unstable__FluidTextAreaSkeleton = FluidTextArea_Skeleton["default"];
@@ -295,16 +302,17 @@ exports.unstable_Pagination = Pagination["default"];
 exports.AccordionItem = AccordionItem["default"];
 exports.AccordionSkeleton = Accordion_Skeleton["default"];
 exports.Accordion = Accordion["default"];
-exports.AspectRatio = AspectRatio["default"];
 exports.BreadcrumbSkeleton = Breadcrumb_Skeleton["default"];
 exports.CheckboxGroup = CheckboxGroup["default"];
 exports.CodeSnippetSkeleton = CodeSnippet_Skeleton["default"];
 exports.CodeSnippet = CodeSnippet["default"];
 exports.ContainedListItem = ContainedListItem["default"];
 exports.ContainedList = ContainedList["default"];
+exports.useContextMenu = useContextMenu["default"];
 exports.Copy = Copy["default"];
 exports.CopyButton = CopyButton["default"];
 exports.ErrorBoundary = ErrorBoundary["default"];
+exports.ExpandableSearch = ExpandableSearch["default"];
 exports.Filename = Filename["default"];
 exports.FileUploaderSkeleton = FileUploader_Skeleton["default"];
 exports.FileUploaderButton = FileUploaderButton["default"];
@@ -318,8 +326,9 @@ exports.Loading = Loading["default"];
 exports.ModalWrapper = ModalWrapper["default"];
 exports.NumberInputSkeleton = NumberInput_Skeleton["default"];
 exports.ProgressIndicatorSkeleton = ProgressIndicator_Skeleton["default"];
-exports.ExpandableSearch = ExpandableSearch["default"];
 exports.TabsSkeleton = Tabs_Skeleton["default"];
+exports.TextInputSkeleton = TextInput_Skeleton["default"];
+exports.TextInput = TextInput["default"];
 exports.Toggle = Toggle.Toggle;
 exports.TreeNode = TreeNode["default"];
 exports.TreeView = TreeView["default"];
@@ -350,12 +359,6 @@ exports.unstable__FluidTimePickerSkeleton = FluidTimePicker_Skeleton["default"];
 exports.unstable__FluidTimePickerSelect = FluidTimePickerSelect["default"];
 exports.unstable_LayoutDirection = LayoutDirection.LayoutDirection;
 exports.unstable_useLayoutDirection = useLayoutDirection.useLayoutDirection;
-exports.unstable_Menu = Menu.Menu;
-exports.unstable_MenuItem = MenuItem.MenuItem;
-exports.unstable_MenuItemDivider = MenuItem.MenuItemDivider;
-exports.unstable_MenuItemGroup = MenuItem.MenuItemGroup;
-exports.unstable_MenuItemRadioGroup = MenuItem.MenuItemRadioGroup;
-exports.unstable_MenuItemSelectable = MenuItem.MenuItemSelectable;
 exports.unstable_Text = Text.Text;
 exports.unstable_TextDirection = TextDirection.TextDirection;
 exports.Breadcrumb = Breadcrumb["default"];
@@ -394,7 +397,12 @@ exports.DatePickerInput = DatePickerInput["default"];
 exports.ErrorBoundaryContext = ErrorBoundaryContext.ErrorBoundaryContext;
 exports.FilterableMultiSelect = FilterableMultiSelect["default"];
 exports.FormGroup = FormGroup["default"];
-exports.Link = Link["default"];
+exports.Menu = Menu.Menu;
+exports.MenuItem = MenuItem.MenuItem;
+exports.MenuItemDivider = MenuItem.MenuItemDivider;
+exports.MenuItemGroup = MenuItem.MenuItemGroup;
+exports.MenuItemRadioGroup = MenuItem.MenuItemRadioGroup;
+exports.MenuItemSelectable = MenuItem.MenuItemSelectable;
 exports.Modal = Modal["default"];
 exports.MultiSelect = MultiSelect["default"];
 exports.ActionableNotification = Notification.ActionableNotification;
@@ -413,13 +421,15 @@ exports.ProgressIndicator = ProgressIndicator.ProgressIndicator;
 exports.ProgressStep = ProgressIndicator.ProgressStep;
 exports.RadioButton = RadioButton["default"];
 exports.RadioButtonGroup = RadioButtonGroup["default"];
+exports.RadioTile = RadioTile["default"];
 exports.SecondaryButton = SecondaryButton["default"];
 exports.SelectSkeleton = Select_Skeleton["default"];
 exports.Select = Select["default"];
 exports.SelectItem = SelectItem["default"];
 exports.SelectItemGroup = SelectItemGroup["default"];
-exports.Switch = Switch["default"];
-exports.IconSwitch = IconSwitch["default"];
+exports.SkeletonIcon = SkeletonIcon["default"];
+exports.SkeletonPlaceholder = SkeletonPlaceholder["default"];
+exports.SkeletonText = SkeletonText["default"];
 exports.SliderSkeleton = Slider_Skeleton["default"];
 exports.StructuredListSkeleton = StructuredList_Skeleton["default"];
 exports.StructuredListBody = StructuredList.StructuredListBody;
@@ -428,6 +438,8 @@ exports.StructuredListHead = StructuredList.StructuredListHead;
 exports.StructuredListInput = StructuredList.StructuredListInput;
 exports.StructuredListRow = StructuredList.StructuredListRow;
 exports.StructuredListWrapper = StructuredList.StructuredListWrapper;
+exports.Switch = Switch["default"];
+exports.IconSwitch = IconSwitch["default"];
 exports.IconTab = Tabs.IconTab;
 exports.Tab = Tabs.Tab;
 exports.TabList = Tabs.TabList;
@@ -437,23 +449,14 @@ exports.Tabs = Tabs.Tabs;
 exports.TabContent = TabContent["default"];
 exports.Tag = Tag["default"];
 exports.types = Tag.types;
-exports.TextAreaSkeleton = TextArea_Skeleton["default"];
-exports.TextArea = TextArea["default"];
-exports.TextInputSkeleton = TextInput_Skeleton["default"];
-exports.TextInput = TextInput["default"];
 exports.ClickableTile = Tile.ClickableTile;
 exports.ExpandableTile = Tile.ExpandableTile;
 exports.SelectableTile = Tile.SelectableTile;
 exports.Tile = Tile.Tile;
 exports.TileAboveTheFoldContent = Tile.TileAboveTheFoldContent;
 exports.TileBelowTheFoldContent = Tile.TileBelowTheFoldContent;
-exports.RadioTile = RadioTile["default"];
 exports.TimePicker = TimePicker["default"];
 exports.TimePickerSelect = TimePickerSelect["default"];
-exports.SkeletonText = SkeletonText["default"];
-exports.SkeletonPlaceholder = SkeletonPlaceholder["default"];
-exports.SkeletonIcon = SkeletonIcon["default"];
-exports.DataTableSkeleton = DataTableSkeleton["default"];
 exports.Content = Content["default"];
 exports.Header = Header["default"];
 exports.HeaderGlobalAction = HeaderGlobalAction["default"];