@instructure/ui-menu 11.7.4-snapshot-14 → 11.7.4-snapshot-49

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [11.7.4-snapshot-14](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-14) (2026-05-20)
+## [11.7.4-snapshot-49](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-49) (2026-06-17)
 
 
 ### Features

package/LICENSE.md

@@ -2,6 +2,7 @@
 title: The MIT License (MIT)
 category: Getting Started
 order: 9
+isWIP: true
 ---
 
 # The MIT License (MIT)

package/es/Menu/v1/MenuItem/index.js

@@ -30,10 +30,10 @@ import { omitProps, getElementType, withDeterministicId, callRenderProp } from '
 import { createChainedFunction } from '@instructure/ui-utils';
 import { isActiveElement, findDOMNode } from '@instructure/ui-dom-utils';
 import { withStyle } from '@instructure/emotion';
-import { MenuContext } from "../../../utils/v1/MenuContext.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-import { allowedProps } from "./props.js";
+import { MenuContext } from '../../../utils/v1/MenuContext.js';
+import generateStyle from './styles.js';
+import generateComponentTheme from './theme.js';
+import { allowedProps } from './props.js';
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -42,7 +42,7 @@ id: Menu.Item
 ---
 **/
 let MenuItem = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, generateComponentTheme), _dec(_class = _dec2(_class = class MenuItem extends Component {
-  static displayName = "MenuItem";
+  static displayName = 'MenuItem';
   static componentId = 'Menu.Item';
   static allowedProps = allowedProps;
   static defaultProps = {

package/es/Menu/v1/MenuItemGroup/index.js

@@ -27,10 +27,10 @@ import { Children, Component } from 'react';
 import { withStyle } from '@instructure/emotion';
 import { omitProps, safeCloneElement, matchComponentTypes, withDeterministicId } from '@instructure/ui-react-utils';
 import { hasVisibleChildren } from '@instructure/ui-a11y-utils';
-import { MenuItem } from "../MenuItem/index.js";
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-import { allowedProps } from "./props.js";
+import { MenuItem } from '../MenuItem/index.js';
+import generateStyle from './styles.js';
+import generateComponentTheme from './theme.js';
+import { allowedProps } from './props.js';
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -39,7 +39,7 @@ id: Menu.Group
 ---
 **/
 let MenuItemGroup = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, generateComponentTheme), _dec(_class = _dec2(_class = class MenuItemGroup extends Component {
-  static displayName = "MenuItemGroup";
+  static displayName = 'MenuItemGroup';
   static componentId = 'Menu.Group';
   static allowedProps = allowedProps;
   static defaultProps = {

package/es/Menu/v1/MenuItemSeparator/index.js

@@ -26,9 +26,9 @@ var _dec, _class;
 import { Component } from 'react';
 import { withStyle } from '@instructure/emotion';
 import { omitProps } from '@instructure/ui-react-utils';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-import { allowedProps } from "./props.js";
+import generateStyle from './styles.js';
+import generateComponentTheme from './theme.js';
+import { allowedProps } from './props.js';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -38,7 +38,7 @@ id: Menu.Separator
 @module MenuItemSeparator
 **/
 let MenuItemSeparator = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = class MenuItemSeparator extends Component {
-  static displayName = "MenuItemSeparator";
+  static displayName = 'MenuItemSeparator';
   static componentId = 'Menu.Separator';
   static allowedProps = allowedProps;
   ref = null;

package/es/Menu/v1/index.js

@@ -29,14 +29,14 @@ import { Popover } from '@instructure/ui-popover/v11_6';
 import { safeCloneElement, matchComponentTypes, withDeterministicId } from '@instructure/ui-react-utils';
 import { logError as error } from '@instructure/console';
 import { containsActiveElement } from '@instructure/ui-dom-utils';
-import { MenuContext } from "../../utils/v1/MenuContext.js";
-import { MenuItem } from "./MenuItem/index.js";
-import { MenuItemGroup } from "./MenuItemGroup/index.js";
-import { MenuItemSeparator } from "./MenuItemSeparator/index.js";
+import { MenuContext } from '../../utils/v1/MenuContext.js';
+import { MenuItem } from './MenuItem/index.js';
+import { MenuItemGroup } from './MenuItemGroup/index.js';
+import { MenuItemSeparator } from './MenuItemSeparator/index.js';
 import { withStyle } from '@instructure/emotion';
-import generateStyle from "./styles.js";
-import generateComponentTheme from "./theme.js";
-import { allowedProps } from "./props.js";
+import generateStyle from './styles.js';
+import generateComponentTheme from './theme.js';
+import { allowedProps } from './props.js';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -44,7 +44,7 @@ category: components
 ---
 **/
 let Menu = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, generateComponentTheme), _dec(_class = _dec2(_class = class Menu extends Component {
-  static displayName = "Menu";
+  static displayName = 'Menu';
   static componentId = 'Menu';
   static allowedProps = allowedProps;
   static defaultProps = {

package/es/Menu/v2/MenuItem/index.js

@@ -30,9 +30,9 @@ import { omitProps, getElementType, withDeterministicId, callRenderProp } from '
 import { createChainedFunction } from '@instructure/ui-utils';
 import { isActiveElement, findDOMNode } from '@instructure/ui-dom-utils';
 import { withStyleNew } from '@instructure/emotion';
-import { MenuContext } from "../../../utils/v1/MenuContext.js";
-import generateStyle from "./styles.js";
-import { allowedProps } from "./props.js";
+import { MenuContext } from '../../../utils/v1/MenuContext.js';
+import generateStyle from './styles.js';
+import { allowedProps } from './props.js';
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -41,7 +41,7 @@ id: Menu.Item
 ---
 **/
 let MenuItem = (_dec = withDeterministicId(), _dec2 = withStyleNew(generateStyle), _dec(_class = _dec2(_class = class MenuItem extends Component {
-  static displayName = "MenuItem";
+  static displayName = 'MenuItem';
   static componentId = 'Menu.Item';
   static allowedProps = allowedProps;
   static defaultProps = {

package/es/Menu/v2/MenuItemGroup/index.js

@@ -27,9 +27,9 @@ import { Children, Component } from 'react';
 import { withStyleNew } from '@instructure/emotion';
 import { omitProps, safeCloneElement, matchComponentTypes, withDeterministicId } from '@instructure/ui-react-utils';
 import { hasVisibleChildren } from '@instructure/ui-a11y-utils';
-import { MenuItem } from "../MenuItem/index.js";
-import generateStyle from "./styles.js";
-import { allowedProps } from "./props.js";
+import { MenuItem } from '../MenuItem/index.js';
+import generateStyle from './styles.js';
+import { allowedProps } from './props.js';
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -38,7 +38,7 @@ id: Menu.Group
 ---
 **/
 let MenuItemGroup = (_dec = withDeterministicId(), _dec2 = withStyleNew(generateStyle), _dec(_class = _dec2(_class = class MenuItemGroup extends Component {
-  static displayName = "MenuItemGroup";
+  static displayName = 'MenuItemGroup';
   static componentId = 'Menu.Group';
   static allowedProps = allowedProps;
   static defaultProps = {

package/es/Menu/v2/MenuItemSeparator/index.js

@@ -26,8 +26,8 @@ var _dec, _class;
 import { Component } from 'react';
 import { withStyleNew } from '@instructure/emotion';
 import { omitProps } from '@instructure/ui-react-utils';
-import generateStyle from "./styles.js";
-import { allowedProps } from "./props.js";
+import generateStyle from './styles.js';
+import { allowedProps } from './props.js';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -37,7 +37,7 @@ id: Menu.Separator
 @module MenuItemSeparator
 **/
 let MenuItemSeparator = (_dec = withStyleNew(generateStyle), _dec(_class = class MenuItemSeparator extends Component {
-  static displayName = "MenuItemSeparator";
+  static displayName = 'MenuItemSeparator';
   static componentId = 'Menu.Separator';
   static allowedProps = allowedProps;
   ref = null;

package/es/Menu/v2/index.js

@@ -29,13 +29,13 @@ import { Popover } from '@instructure/ui-popover/latest';
 import { safeCloneElement, matchComponentTypes, withDeterministicId } from '@instructure/ui-react-utils';
 import { logError as error } from '@instructure/console';
 import { containsActiveElement } from '@instructure/ui-dom-utils';
-import { MenuContext } from "../../utils/v1/MenuContext.js";
-import { MenuItem } from "./MenuItem/index.js";
-import { MenuItemGroup } from "./MenuItemGroup/index.js";
-import { MenuItemSeparator } from "./MenuItemSeparator/index.js";
+import { MenuContext } from '../../utils/v1/MenuContext.js';
+import { MenuItem } from './MenuItem/index.js';
+import { MenuItemGroup } from './MenuItemGroup/index.js';
+import { MenuItemSeparator } from './MenuItemSeparator/index.js';
 import { withStyleNew } from '@instructure/emotion';
-import generateStyle from "./styles.js";
-import { allowedProps } from "./props.js";
+import generateStyle from './styles.js';
+import { allowedProps } from './props.js';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /**
 ---
@@ -43,7 +43,7 @@ category: components
 ---
 **/
 let Menu = (_dec = withDeterministicId(), _dec2 = withStyleNew(generateStyle), _dec(_class = _dec2(_class = class Menu extends Component {
-  static displayName = "Menu";
+  static displayName = 'Menu';
   static componentId = 'Menu';
   static allowedProps = allowedProps;
   static defaultProps = {

package/es/exports/a.js

@@ -21,4 +21,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-export { Menu, MenuItem, MenuItemGroup, MenuItemSeparator } from "../Menu/v1/index.js";
+export { Menu, MenuItem, MenuItemGroup, MenuItemSeparator } from '../Menu/v1/index.js';

package/es/exports/b.js

@@ -21,4 +21,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-export { Menu, MenuItem, MenuItemGroup, MenuItemSeparator } from "../Menu/v2/index.js";
+export { Menu, MenuItem, MenuItemGroup, MenuItemSeparator } from '../Menu/v2/index.js';

package/lib/Menu/v1/MenuItem/index.js

@@ -17,10 +17,10 @@ var _createChainedFunction = require("@instructure/ui-utils/lib/createChainedFun
 var _isActiveElement = require("@instructure/ui-dom-utils/lib/isActiveElement.js");
 var _findDOMNode = require("@instructure/ui-dom-utils/lib/findDOMNode.js");
 var _emotion = require("@instructure/emotion");
-var _MenuContext = require("../../../utils/v1/MenuContext");
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _props = require("./props");
+var _MenuContext = require("../../../utils/v1/MenuContext.js");
+var _styles = _interopRequireDefault(require("./styles.js"));
+var _theme = _interopRequireDefault(require("./theme.js"));
+var _props = require("./props.js");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _dec2, _class;
 /*
@@ -53,7 +53,7 @@ id: Menu.Item
 ---
 **/
 let MenuItem = exports.MenuItem = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = class MenuItem extends _react.Component {
-  static displayName = "MenuItem";
+  static displayName = 'MenuItem';
   static componentId = 'Menu.Item';
   static allowedProps = _props.allowedProps;
   static defaultProps = {

package/lib/Menu/v1/MenuItemGroup/index.js

@@ -12,10 +12,10 @@ var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElemen
 var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
 var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
 var _hasVisibleChildren = require("@instructure/ui-a11y-utils/lib/hasVisibleChildren.js");
-var _MenuItem = require("../MenuItem");
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _props = require("./props");
+var _index = require("../MenuItem/index.js");
+var _styles = _interopRequireDefault(require("./styles.js"));
+var _theme = _interopRequireDefault(require("./theme.js"));
+var _props = require("./props.js");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _dec2, _class;
 /*
@@ -48,7 +48,7 @@ id: Menu.Group
 ---
 **/
 let MenuItemGroup = exports.MenuItemGroup = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = class MenuItemGroup extends _react.Component {
-  static displayName = "MenuItemGroup";
+  static displayName = 'MenuItemGroup';
   static componentId = 'Menu.Group';
   static allowedProps = _props.allowedProps;
   static defaultProps = {
@@ -117,7 +117,7 @@ let MenuItemGroup = exports.MenuItemGroup = (_dec = (0, _withDeterministicId.wit
     } = props;
     const selected = [];
     const items = _react.Children.toArray(children).filter(child => {
-      return (0, _matchComponentTypes.matchComponentTypes)(child, [_MenuItem.MenuItem]);
+      return (0, _matchComponentTypes.matchComponentTypes)(child, [_index.MenuItem]);
     });
     items.forEach((item, index) => {
       if ((selected.length === 0 || allowMultiple) && (item.props.selected || item.props.defaultSelected)) {
@@ -153,7 +153,7 @@ let MenuItemGroup = exports.MenuItemGroup = (_dec = (0, _withDeterministicId.wit
     const children = this.props.children;
     let index = -1;
     return _react.Children.map(children, child => {
-      if ((0, _matchComponentTypes.matchComponentTypes)(child, [_MenuItem.MenuItem])) {
+      if ((0, _matchComponentTypes.matchComponentTypes)(child, [_index.MenuItem])) {
         ++index;
         const value = child.props.value || index;
         return (0, _safeCloneElement.safeCloneElement)(child, {

package/lib/Menu/v1/MenuItemSeparator/index.js

@@ -8,9 +8,9 @@ exports.default = exports.MenuItemSeparator = void 0;
 var _react = require("react");
 var _emotion = require("@instructure/emotion");
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _props = require("./props");
+var _styles = _interopRequireDefault(require("./styles.js"));
+var _theme = _interopRequireDefault(require("./theme.js"));
+var _props = require("./props.js");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _class;
 /*
@@ -44,7 +44,7 @@ id: Menu.Separator
 @module MenuItemSeparator
 **/
 let MenuItemSeparator = exports.MenuItemSeparator = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = class MenuItemSeparator extends _react.Component {
-  static displayName = "MenuItemSeparator";
+  static displayName = 'MenuItemSeparator';
   static componentId = 'Menu.Separator';
   static allowedProps = _props.allowedProps;
   ref = null;

package/lib/Menu/v1/index.js

@@ -8,19 +8,19 @@ exports.Menu = void 0;
 Object.defineProperty(exports, "MenuItem", {
   enumerable: true,
   get: function () {
-    return _MenuItem.MenuItem;
+    return _index.MenuItem;
   }
 });
 Object.defineProperty(exports, "MenuItemGroup", {
   enumerable: true,
   get: function () {
-    return _MenuItemGroup.MenuItemGroup;
+    return _index2.MenuItemGroup;
   }
 });
 Object.defineProperty(exports, "MenuItemSeparator", {
   enumerable: true,
   get: function () {
-    return _MenuItemSeparator.MenuItemSeparator;
+    return _index3.MenuItemSeparator;
   }
 });
 exports.default = void 0;
@@ -32,14 +32,14 @@ var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchCompone
 var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
 var _console = require("@instructure/console");
 var _containsActiveElement = require("@instructure/ui-dom-utils/lib/containsActiveElement.js");
-var _MenuContext = require("../../utils/v1/MenuContext");
-var _MenuItem = require("./MenuItem");
-var _MenuItemGroup = require("./MenuItemGroup");
-var _MenuItemSeparator = require("./MenuItemSeparator");
+var _MenuContext = require("../../utils/v1/MenuContext.js");
+var _index = require("./MenuItem/index.js");
+var _index2 = require("./MenuItemGroup/index.js");
+var _index3 = require("./MenuItemSeparator/index.js");
 var _emotion = require("@instructure/emotion");
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _props = require("./props");
+var _styles = _interopRequireDefault(require("./styles.js"));
+var _theme = _interopRequireDefault(require("./theme.js"));
+var _props = require("./props.js");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _dec2, _class;
 /*
@@ -71,7 +71,7 @@ category: components
 ---
 **/
 let Menu = exports.Menu = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = class Menu extends _react.Component {
-  static displayName = "Menu";
+  static displayName = 'Menu';
   static componentId = 'Menu';
   static allowedProps = _props.allowedProps;
   static defaultProps = {
@@ -88,9 +88,9 @@ let Menu = exports.Menu = (_dec = (0, _withDeterministicId.withDeterministicId)(
     offsetX: 0,
     offsetY: 0
   };
-  static Item = _MenuItem.MenuItem;
-  static Group = _MenuItemGroup.MenuItemGroup;
-  static Separator = _MenuItemSeparator.MenuItemSeparator;
+  static Item = _index.MenuItem;
+  static Group = _index2.MenuItemGroup;
+  static Separator = _index3.MenuItemSeparator;
   state = {
     hasFocus: false
   };
@@ -324,7 +324,7 @@ let Menu = exports.Menu = (_dec = (0, _withDeterministicId.withDeterministicId)(
           withArrow: false,
           onToggle: this.handleSubMenuToggle,
           onDismiss: this.handleSubMenuDismiss,
-          trigger: (0, _jsxRuntime.jsx)(_MenuItem.MenuItem, {
+          trigger: (0, _jsxRuntime.jsx)(_index.MenuItem, {
             onMouseOver: this.handleMenuItemMouseOver,
             onFocus: this.handleMenuItemFocus,
             onBlur: this.handleMenuItemBlur,

package/lib/Menu/v2/MenuItem/index.js

@@ -16,9 +16,9 @@ var _createChainedFunction = require("@instructure/ui-utils/lib/createChainedFun
 var _isActiveElement = require("@instructure/ui-dom-utils/lib/isActiveElement.js");
 var _findDOMNode = require("@instructure/ui-dom-utils/lib/findDOMNode.js");
 var _emotion = require("@instructure/emotion");
-var _MenuContext = require("../../../utils/v1/MenuContext");
-var _styles = _interopRequireDefault(require("./styles"));
-var _props = require("./props");
+var _MenuContext = require("../../../utils/v1/MenuContext.js");
+var _styles = _interopRequireDefault(require("./styles.js"));
+var _props = require("./props.js");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _dec2, _class;
 /*
@@ -51,7 +51,7 @@ id: Menu.Item
 ---
 **/
 let MenuItem = exports.MenuItem = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = _dec2(_class = class MenuItem extends _react.Component {
-  static displayName = "MenuItem";
+  static displayName = 'MenuItem';
   static componentId = 'Menu.Item';
   static allowedProps = _props.allowedProps;
   static defaultProps = {

package/lib/Menu/v2/MenuItemGroup/index.js

@@ -12,9 +12,9 @@ var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElemen
 var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchComponentTypes.js");
 var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
 var _hasVisibleChildren = require("@instructure/ui-a11y-utils/lib/hasVisibleChildren.js");
-var _MenuItem = require("../MenuItem");
-var _styles = _interopRequireDefault(require("./styles"));
-var _props = require("./props");
+var _index = require("../MenuItem/index.js");
+var _styles = _interopRequireDefault(require("./styles.js"));
+var _props = require("./props.js");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _dec2, _class;
 /*
@@ -47,7 +47,7 @@ id: Menu.Group
 ---
 **/
 let MenuItemGroup = exports.MenuItemGroup = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = _dec2(_class = class MenuItemGroup extends _react.Component {
-  static displayName = "MenuItemGroup";
+  static displayName = 'MenuItemGroup';
   static componentId = 'Menu.Group';
   static allowedProps = _props.allowedProps;
   static defaultProps = {
@@ -116,7 +116,7 @@ let MenuItemGroup = exports.MenuItemGroup = (_dec = (0, _withDeterministicId.wit
     } = props;
     const selected = [];
     const items = _react.Children.toArray(children).filter(child => {
-      return (0, _matchComponentTypes.matchComponentTypes)(child, [_MenuItem.MenuItem]);
+      return (0, _matchComponentTypes.matchComponentTypes)(child, [_index.MenuItem]);
     });
     items.forEach((item, index) => {
       if ((selected.length === 0 || allowMultiple) && (item.props.selected || item.props.defaultSelected)) {
@@ -152,7 +152,7 @@ let MenuItemGroup = exports.MenuItemGroup = (_dec = (0, _withDeterministicId.wit
     const children = this.props.children;
     let index = -1;
     return _react.Children.map(children, child => {
-      if ((0, _matchComponentTypes.matchComponentTypes)(child, [_MenuItem.MenuItem])) {
+      if ((0, _matchComponentTypes.matchComponentTypes)(child, [_index.MenuItem])) {
         ++index;
         const value = child.props.value || index;
         return (0, _safeCloneElement.safeCloneElement)(child, {

package/lib/Menu/v2/MenuItemSeparator/index.js

@@ -8,8 +8,8 @@ exports.default = exports.MenuItemSeparator = void 0;
 var _react = require("react");
 var _emotion = require("@instructure/emotion");
 var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-var _styles = _interopRequireDefault(require("./styles"));
-var _props = require("./props");
+var _styles = _interopRequireDefault(require("./styles.js"));
+var _props = require("./props.js");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _class;
 /*
@@ -43,7 +43,7 @@ id: Menu.Separator
 @module MenuItemSeparator
 **/
 let MenuItemSeparator = exports.MenuItemSeparator = (_dec = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = class MenuItemSeparator extends _react.Component {
-  static displayName = "MenuItemSeparator";
+  static displayName = 'MenuItemSeparator';
   static componentId = 'Menu.Separator';
   static allowedProps = _props.allowedProps;
   ref = null;

package/lib/Menu/v2/index.js

@@ -8,19 +8,19 @@ exports.Menu = void 0;
 Object.defineProperty(exports, "MenuItem", {
   enumerable: true,
   get: function () {
-    return _MenuItem.MenuItem;
+    return _index.MenuItem;
   }
 });
 Object.defineProperty(exports, "MenuItemGroup", {
   enumerable: true,
   get: function () {
-    return _MenuItemGroup.MenuItemGroup;
+    return _index2.MenuItemGroup;
   }
 });
 Object.defineProperty(exports, "MenuItemSeparator", {
   enumerable: true,
   get: function () {
-    return _MenuItemSeparator.MenuItemSeparator;
+    return _index3.MenuItemSeparator;
   }
 });
 exports.default = void 0;
@@ -32,13 +32,13 @@ var _matchComponentTypes = require("@instructure/ui-react-utils/lib/matchCompone
 var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
 var _console = require("@instructure/console");
 var _containsActiveElement = require("@instructure/ui-dom-utils/lib/containsActiveElement.js");
-var _MenuContext = require("../../utils/v1/MenuContext");
-var _MenuItem = require("./MenuItem");
-var _MenuItemGroup = require("./MenuItemGroup");
-var _MenuItemSeparator = require("./MenuItemSeparator");
+var _MenuContext = require("../../utils/v1/MenuContext.js");
+var _index = require("./MenuItem/index.js");
+var _index2 = require("./MenuItemGroup/index.js");
+var _index3 = require("./MenuItemSeparator/index.js");
 var _emotion = require("@instructure/emotion");
-var _styles = _interopRequireDefault(require("./styles"));
-var _props = require("./props");
+var _styles = _interopRequireDefault(require("./styles.js"));
+var _props = require("./props.js");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _dec2, _class;
 /*
@@ -70,7 +70,7 @@ category: components
 ---
 **/
 let Menu = exports.Menu = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = _dec2(_class = class Menu extends _react.Component {
-  static displayName = "Menu";
+  static displayName = 'Menu';
   static componentId = 'Menu';
   static allowedProps = _props.allowedProps;
   static defaultProps = {
@@ -87,9 +87,9 @@ let Menu = exports.Menu = (_dec = (0, _withDeterministicId.withDeterministicId)(
     offsetX: 0,
     offsetY: 0
   };
-  static Item = _MenuItem.MenuItem;
-  static Group = _MenuItemGroup.MenuItemGroup;
-  static Separator = _MenuItemSeparator.MenuItemSeparator;
+  static Item = _index.MenuItem;
+  static Group = _index2.MenuItemGroup;
+  static Separator = _index3.MenuItemSeparator;
   state = {
     hasFocus: false
   };
@@ -323,7 +323,7 @@ let Menu = exports.Menu = (_dec = (0, _withDeterministicId.withDeterministicId)(
           withArrow: false,
           onToggle: this.handleSubMenuToggle,
           onDismiss: this.handleSubMenuDismiss,
-          trigger: (0, _jsxRuntime.jsx)(_MenuItem.MenuItem, {
+          trigger: (0, _jsxRuntime.jsx)(_index.MenuItem, {
             onMouseOver: this.handleMenuItemMouseOver,
             onFocus: this.handleMenuItemFocus,
             onBlur: this.handleMenuItemBlur,

package/lib/exports/a.js

@@ -6,25 +6,25 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "Menu", {
   enumerable: true,
   get: function () {
-    return _v.Menu;
+    return _index.Menu;
   }
 });
 Object.defineProperty(exports, "MenuItem", {
   enumerable: true,
   get: function () {
-    return _v.MenuItem;
+    return _index.MenuItem;
   }
 });
 Object.defineProperty(exports, "MenuItemGroup", {
   enumerable: true,
   get: function () {
-    return _v.MenuItemGroup;
+    return _index.MenuItemGroup;
   }
 });
 Object.defineProperty(exports, "MenuItemSeparator", {
   enumerable: true,
   get: function () {
-    return _v.MenuItemSeparator;
+    return _index.MenuItemSeparator;
   }
 });
-var _v = require("../Menu/v1");
+var _index = require("../Menu/v1/index.js");

package/lib/exports/b.js

@@ -6,25 +6,25 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "Menu", {
   enumerable: true,
   get: function () {
-    return _v.Menu;
+    return _index.Menu;
   }
 });
 Object.defineProperty(exports, "MenuItem", {
   enumerable: true,
   get: function () {
-    return _v.MenuItem;
+    return _index.MenuItem;
   }
 });
 Object.defineProperty(exports, "MenuItemGroup", {
   enumerable: true,
   get: function () {
-    return _v.MenuItemGroup;
+    return _index.MenuItemGroup;
   }
 });
 Object.defineProperty(exports, "MenuItemSeparator", {
   enumerable: true,
   get: function () {
-    return _v.MenuItemSeparator;
+    return _index.MenuItemSeparator;
   }
 });
-var _v = require("../Menu/v2");
+var _index = require("../Menu/v2/index.js");