@carbon/react 1.82.1 → 1.83.0

package/es/components/Layout/index.js

@@ -8,7 +8,7 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 
 const sizes = ['xs', 'sm', 'md', 'lg', 'xl', '2xl'];
@@ -22,7 +22,7 @@ const densities = ['condensed', 'normal'];
  * Size of components within this layout
  */
 
-const Layout = /*#__PURE__*/React__default.forwardRef(function Layout(_ref, forwardRef) {
+const Layout = /*#__PURE__*/React.forwardRef(function Layout(_ref, forwardRef) {
   let {
     as: BaseComponent = 'div',
     children,
@@ -36,7 +36,7 @@ const Layout = /*#__PURE__*/React__default.forwardRef(function Layout(_ref, forw
     [`${prefix}--layout--size-${size}`]: size && sizes.includes(size),
     [`${prefix}--layout--density-${density}`]: density && densities.includes(density)
   });
-  return /*#__PURE__*/React__default.createElement(BaseComponent, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(BaseComponent, _extends({}, rest, {
     ref: forwardRef,
     className: classes
   }), children);
@@ -65,7 +65,7 @@ Layout.propTypes = {
    */
   size: PropTypes.oneOf(sizes)
 };
-const LayoutConstraint = /*#__PURE__*/React__default.forwardRef(function Layout(_ref2, forwardRef) {
+const LayoutConstraint = /*#__PURE__*/React.forwardRef(function Layout(_ref2, forwardRef) {
   let {
     as: BaseComponent = 'div',
     children,
@@ -86,7 +86,7 @@ const LayoutConstraint = /*#__PURE__*/React__default.forwardRef(function Layout(
       [`${prefix}--layout-constraint--${group}__max-${constraints?.max}`]: constraints?.max
     };
   }));
-  return /*#__PURE__*/React__default.createElement(BaseComponent, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(BaseComponent, _extends({}, rest, {
     ref: forwardRef,
     className: classes
   }), children);

package/es/components/LayoutDirection/LayoutDirection.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import { LayoutDirectionContext } from './LayoutDirectionContext.js';
 export { LayoutDirectionContext } from './LayoutDirectionContext.js';
 
@@ -18,14 +18,14 @@ function LayoutDirection(_ref) {
     dir,
     ...rest
   } = _ref;
-  const value = React__default.useMemo(() => {
+  const value = React.useMemo(() => {
     return {
       direction: dir
     };
   }, [dir]);
-  return /*#__PURE__*/React__default.createElement(LayoutDirectionContext.Provider, {
+  return /*#__PURE__*/React.createElement(LayoutDirectionContext.Provider, {
     value: value
-  }, /*#__PURE__*/React__default.createElement(BaseComponent, _extends({
+  }, /*#__PURE__*/React.createElement(BaseComponent, _extends({
     dir: dir
   }, rest), children));
 }

package/es/components/LayoutDirection/LayoutDirectionContext.js

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React__default from 'react';
+import React from 'react';
 
-const LayoutDirectionContext = /*#__PURE__*/React__default.createContext({
+const LayoutDirectionContext = /*#__PURE__*/React.createContext({
   direction: 'ltr'
 });
 

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

@@ -0,0 +1,8 @@
+/**
+ * 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.
+ */
+export { LayoutDirection } from './LayoutDirection';
+export { useLayoutDirection } from './useLayoutDirection';

package/es/components/Link/Link.js

@@ -8,11 +8,11 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 
 // First create the component with basic types
-const LinkBase = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+const LinkBase = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     as: BaseComponent,
     children,
@@ -35,7 +35,7 @@ const LinkBase = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
   });
   const rel = target === '_blank' ? 'noopener' : undefined;
   const linkProps = {
-    className: BaseComponent ? undefined : className,
+    className,
     rel,
     target
   };
@@ -49,11 +49,11 @@ const LinkBase = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     linkProps['aria-disabled'] = true;
   }
   const BaseComponentAsAny = BaseComponent ?? 'a';
-  return /*#__PURE__*/React__default.createElement(BaseComponentAsAny, _extends({
+  return /*#__PURE__*/React.createElement(BaseComponentAsAny, _extends({
     ref: ref
-  }, linkProps, rest), children, !inline && Icon && /*#__PURE__*/React__default.createElement("div", {
+  }, linkProps, rest), children, !inline && Icon && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--link__icon`
-  }, /*#__PURE__*/React__default.createElement(Icon, null)));
+  }, /*#__PURE__*/React.createElement(Icon, null)));
 });
 const Link = LinkBase;
 Link.displayName = 'Link';

package/es/components/ListBox/ListBox.d.ts

@@ -4,11 +4,10 @@
  * 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 React from 'react';
+import React, { type HTMLAttributes } from 'react';
 import { type ListBoxSize, type ListBoxType } from '.';
-import { ReactAttr } from '../../types/common';
 type ExcludedAttributes = 'onKeyDown' | 'onKeyPress' | 'ref';
-export interface ListBoxProps extends Omit<ReactAttr<HTMLDivElement>, ExcludedAttributes> {
+export interface ListBoxProps extends Omit<HTMLAttributes<HTMLDivElement>, ExcludedAttributes> {
     /**
      * Specify whether the ListBox is currently disabled
      */

package/es/components/ListBox/ListBox.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
-import React__default, { forwardRef, useContext } from 'react';
+import React, { forwardRef, useContext } from 'react';
 import PropTypes from 'prop-types';
 import deprecate from '../../prop-types/deprecate.js';
 import './index.js';
@@ -64,18 +64,18 @@ const ListBox = /*#__PURE__*/forwardRef((props, ref) => {
     [`${prefix}--list-box--invalid`]: invalid,
     [`${prefix}--list-box--warning`]: showWarning
   });
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({}, rest, {
     className: className,
     ref: ref,
     onKeyDown: handleOnKeyDown,
     onClick: handleClick,
     "data-invalid": invalid || undefined
-  }), children), isFluid && /*#__PURE__*/React__default.createElement("hr", {
+  }), children), isFluid && /*#__PURE__*/React.createElement("hr", {
     className: `${prefix}--list-box__divider`
-  }), invalid ? /*#__PURE__*/React__default.createElement("div", {
+  }), invalid ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-requirement`,
     id: invalidTextId
-  }, invalidText) : null, showWarning ? /*#__PURE__*/React__default.createElement("div", {
+  }, invalidText) : null, showWarning ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-requirement`,
     id: warnTextId
   }, warnText) : null);

package/es/components/ListBox/ListBoxField.d.ts

@@ -1,13 +1,12 @@
 /**
- * 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 React from 'react';
-import { ReactAttr } from '../../types/common';
+import React, { type HTMLAttributes } from 'react';
 export declare const translationIds: {};
-export interface ListBoxFieldProps extends ReactAttr<HTMLDivElement> {
+export interface ListBoxFieldProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Specify if the parent <ListBox> is disabled
      */

package/es/components/ListBox/ListBoxField.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { usePrefix } from '../../internal/usePrefix.js';
 
@@ -23,7 +23,7 @@ function ListBoxField(_ref) {
     ...rest
   } = _ref;
   const prefix = usePrefix();
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: `${prefix}--list-box__field`,
     tabIndex: !disabled && tabIndex || -1
   }, rest), children);

package/es/components/ListBox/ListBoxMenu.d.ts

@@ -4,10 +4,9 @@
  * 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 React from 'react';
-import { ReactAttr } from '../../types/common';
+import React, { type HTMLAttributes } from 'react';
 type ExcludedAttributes = 'id';
-export interface ListBoxMenuProps extends Omit<ReactAttr<HTMLUListElement>, ExcludedAttributes> {
+export interface ListBoxMenuProps extends Omit<HTMLAttributes<HTMLUListElement>, ExcludedAttributes> {
     children?: any;
     /**
      * Specify a custom `id`

package/es/components/ListBox/ListBoxMenu.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 import PropTypes from 'prop-types';
 import ListBoxMenuItem from './ListBoxMenuItem.js';
@@ -25,7 +25,7 @@ const ListBoxMenu = frFn((_ref, ref) => {
     ...rest
   } = _ref;
   const prefix = usePrefix();
-  return /*#__PURE__*/React__default.createElement("ul", _extends({
+  return /*#__PURE__*/React.createElement("ul", _extends({
     ref: ref,
     id: id,
     className: `${prefix}--list-box__menu`,

package/es/components/ListBox/ListBoxMenuIcon.js

@@ -6,7 +6,7 @@
  */
 
 import cx from 'classnames';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { ChevronDown } from '@carbon/icons-react';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -30,12 +30,12 @@ const ListBoxMenuIcon = _ref => {
     [`${prefix}--list-box__menu-icon--open`]: isOpen
   });
   const description = isOpen ? t('close.menu') : t('open.menu');
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: className
-  }, /*#__PURE__*/React__default.createElement(ChevronDown, {
+  }, /*#__PURE__*/React.createElement(ChevronDown, {
     name: "chevron--down",
     "aria-label": description
-  }, /*#__PURE__*/React__default.createElement("title", null, description)));
+  }, /*#__PURE__*/React.createElement("title", null, description)));
 };
 ListBoxMenuIcon.propTypes = {
   /**

package/es/components/ListBox/ListBoxMenuItem.d.ts

@@ -4,9 +4,8 @@
  * 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 React, { ReactNode } from 'react';
-import { ReactAttr } from '../../types/common';
-export interface ListBoxMenuItemProps extends ReactAttr<HTMLLIElement> {
+import React, { type HTMLAttributes, type ReactNode } from 'react';
+export interface ListBoxMenuItemProps extends HTMLAttributes<HTMLLIElement> {
     /**
      * Specify any children nodes that should be rendered inside of the ListBox
      * Menu Item

package/es/components/ListBox/ListBoxMenuItem.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
-import React__default, { forwardRef, useRef, useState, useEffect } from 'react';
+import React, { forwardRef, useRef, useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
@@ -65,10 +65,10 @@ const ListBoxMenuItem = /*#__PURE__*/forwardRef((_ref, forwardedRef) => {
     [`${prefix}--list-box__menu-item--active`]: isActive,
     [`${prefix}--list-box__menu-item--highlighted`]: isHighlighted
   });
-  return /*#__PURE__*/React__default.createElement("li", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("li", _extends({}, rest, {
     className: className,
     title: isTruncated ? title : undefined
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--list-box__menu-item__option`,
     ref: menuItemOptionRef
   }, children));

package/es/components/ListBox/ListBoxSelection.js

@@ -6,7 +6,7 @@
  */
 
 import cx from 'classnames';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { Close } from '@carbon/icons-react';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -62,12 +62,12 @@ const ListBoxSelection = _ref => {
   });
 
   /* eslint-disable jsx-a11y/click-events-have-key-events */
-  return selectionCount ? /*#__PURE__*/React__default.createElement("div", {
+  return selectionCount ? /*#__PURE__*/React.createElement("div", {
     className: tagClasses
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--tag__label`,
     title: `${selectionCount}`
-  }, selectionCount), /*#__PURE__*/React__default.createElement("div", {
+  }, selectionCount), /*#__PURE__*/React.createElement("div", {
     role: "button",
     tabIndex: -1,
     className: `${prefix}--tag__close-icon`,
@@ -75,14 +75,14 @@ const ListBoxSelection = _ref => {
     "aria-label": t('clear.all'),
     title: description,
     "aria-disabled": readOnly ? true : undefined
-  }, _Close || (_Close = /*#__PURE__*/React__default.createElement(Close, null)))) : /*#__PURE__*/React__default.createElement("div", {
+  }, _Close || (_Close = /*#__PURE__*/React.createElement(Close, null)))) : /*#__PURE__*/React.createElement("div", {
     role: "button",
     className: className,
     tabIndex: -1,
     onClick: handleOnClick,
     "aria-label": description,
     title: description
-  }, selectionCount, _Close2 || (_Close2 = /*#__PURE__*/React__default.createElement(Close, null)));
+  }, selectionCount, _Close2 || (_Close2 = /*#__PURE__*/React.createElement(Close, null)));
 };
 ListBoxSelection.propTypes = {
   /**

package/es/components/ListBox/next/ListBoxSelection.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { Close } from '@carbon/icons-react';
 import { usePrefix } from '../../../internal/usePrefix.js';
@@ -50,12 +50,12 @@ function ListBoxSelection(_ref) {
     }
   }
   if (selectionCount) {
-    return /*#__PURE__*/React__default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: tagClasses
-    }, /*#__PURE__*/React__default.createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       className: `${prefix}--tag__label`,
       title: selectionCount?.toString()
-    }, selectionCount), /*#__PURE__*/React__default.createElement("button", {
+    }, selectionCount), /*#__PURE__*/React.createElement("button", {
       "aria-label": description,
       className: `${prefix}--tag__close-icon`,
       disabled: disabled || readOnly,
@@ -64,9 +64,9 @@ function ListBoxSelection(_ref) {
       title: description,
       type: "button",
       "aria-disabled": readOnly ? true : undefined
-    }, _Close || (_Close = /*#__PURE__*/React__default.createElement(Close, null))));
+    }, _Close || (_Close = /*#__PURE__*/React.createElement(Close, null))));
   }
-  return /*#__PURE__*/React__default.createElement("button", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("button", _extends({}, rest, {
     "aria-label": description,
     className: className,
     disabled: disabled || readOnly,
@@ -75,7 +75,7 @@ function ListBoxSelection(_ref) {
     title: description,
     type: "button",
     "aria-disabled": readOnly ? true : undefined
-  }), _Close2 || (_Close2 = /*#__PURE__*/React__default.createElement(Close, null)));
+  }), _Close2 || (_Close2 = /*#__PURE__*/React.createElement(Close, null)));
 }
 ListBoxSelection.propTypes = {
   /**

package/es/components/ListBox/next/ListBoxTrigger.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { ChevronDown } from '@carbon/icons-react';
 import { usePrefix } from '../../../internal/usePrefix.js';
@@ -27,7 +27,7 @@ const defaultTranslateWithId = id => defaultTranslations[id];
  * state of the menu for a given `ListBox`
  */
 
-const ListBoxTrigger = /*#__PURE__*/React__default.forwardRef(function ListBoxTrigger(_ref, ref) {
+const ListBoxTrigger = /*#__PURE__*/React.forwardRef(function ListBoxTrigger(_ref, ref) {
   let {
     isOpen,
     translateWithId: t = defaultTranslateWithId,
@@ -39,14 +39,14 @@ const ListBoxTrigger = /*#__PURE__*/React__default.forwardRef(function ListBoxTr
     [`${prefix}--list-box__menu-icon--open`]: isOpen
   });
   const description = isOpen ? t('close.menu') : t('open.menu');
-  return /*#__PURE__*/React__default.createElement("button", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("button", _extends({}, rest, {
     "aria-label": description,
     title: description,
     className: className,
     type: "button",
     tabIndex: -1,
     ref: ref
-  }), _ChevronDown || (_ChevronDown = /*#__PURE__*/React__default.createElement(ChevronDown, null)));
+  }), _ChevronDown || (_ChevronDown = /*#__PURE__*/React.createElement(ChevronDown, null)));
 });
 ListBoxTrigger.propTypes = {
   /**

package/es/components/ListItem/ListItem.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 import '../Text/index.js';
@@ -21,7 +21,7 @@ function ListItem(_ref) {
   } = _ref;
   const prefix = usePrefix();
   const classNames = cx(`${prefix}--list__item`, className);
-  return /*#__PURE__*/React__default.createElement(Text, _extends({
+  return /*#__PURE__*/React.createElement(Text, _extends({
     as: "li",
     className: classNames
   }, other), children);

package/es/components/Loading/Loading.d.ts

@@ -1,12 +1,12 @@
 /**
- * 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 PropTypes from 'prop-types';
-import { ReactAttr } from '../../types/common';
-export interface LoadingProps extends ReactAttr<HTMLDivElement> {
+import { type HTMLAttributes } from 'react';
+export interface LoadingProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Specify whether you want the loading indicator to be spinning or not
      */

package/es/components/Loading/Loading.js

@@ -8,7 +8,7 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 import deprecate from '../../prop-types/deprecate.js';
 
@@ -31,25 +31,25 @@ function Loading(_ref) {
     [`${prefix}--loading-overlay`]: true,
     [`${prefix}--loading-overlay--stop`]: !active
   });
-  const loading = /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
+  const loading = /*#__PURE__*/React.createElement("div", _extends({}, rest, {
     "aria-atomic": "true",
     "aria-live": active ? 'assertive' : 'off',
     className: loadingClassName
-  }), /*#__PURE__*/React__default.createElement("svg", {
+  }), /*#__PURE__*/React.createElement("svg", {
     className: `${prefix}--loading__svg`,
     viewBox: "0 0 100 100"
-  }, /*#__PURE__*/React__default.createElement("title", null, description), small ? /*#__PURE__*/React__default.createElement("circle", {
+  }, /*#__PURE__*/React.createElement("title", null, description), small ? /*#__PURE__*/React.createElement("circle", {
     className: `${prefix}--loading__background`,
     cx: "50%",
     cy: "50%",
     r: "42"
-  }) : null, /*#__PURE__*/React__default.createElement("circle", {
+  }) : null, /*#__PURE__*/React.createElement("circle", {
     className: `${prefix}--loading__stroke`,
     cx: "50%",
     cy: "50%",
     r: small ? '42' : '44'
   })));
-  return withOverlay ? /*#__PURE__*/React__default.createElement("div", {
+  return withOverlay ? /*#__PURE__*/React.createElement("div", {
     className: overlayClassName
   }, loading) : loading;
 }

package/es/components/Menu/Menu.js

@@ -8,7 +8,7 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default, { forwardRef, useRef, useContext, useReducer, useMemo, useState, useEffect } from 'react';
+import React, { forwardRef, useRef, useContext, useReducer, useMemo, useState, useEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { Escape, ArrowLeft, ArrowUp, ArrowDown } from '../../internal/keyboard/keys.js';
 import { match } from '../../internal/keyboard/match.js';
@@ -16,8 +16,9 @@ import { useMergedRefs } from '../../internal/useMergedRefs.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import deprecate from '../../prop-types/deprecate.js';
 import { MenuContext, menuReducer } from './MenuContext.js';
-import { canUseDOM } from '../../internal/environment.js';
+import '../LayoutDirection/LayoutDirection.js';
 import { useLayoutDirection } from '../LayoutDirection/useLayoutDirection.js';
+import { canUseDOM } from '../../internal/environment.js';
 
 const spacing = 8; // distance to keep to window edges, in px
 
@@ -277,9 +278,9 @@ const Menu = /*#__PURE__*/forwardRef(function Menu(_ref, forwardRef) {
     [`${prefix}--menu--with-selectable-items`]: childContext.state.hasSelectableItems,
     [`${prefix}--autoalign`]: !legacyAutoalign
   });
-  const rendered = /*#__PURE__*/React__default.createElement(MenuContext.Provider, {
+  const rendered = /*#__PURE__*/React.createElement(MenuContext.Provider, {
     value: childContext
-  }, /*#__PURE__*/React__default.createElement("ul", _extends({}, rest, {
+  }, /*#__PURE__*/React.createElement("ul", _extends({}, rest, {
     className: classNames,
     role: "menu",
     ref: ref,