baseui 0.0.0-next-1f43d22 → 0.0.0-next-c014e5b

package/a11y/a11y.js

@@ -11,13 +11,13 @@ var React = _interopRequireWildcard(require("react"));
 
 var _axeCore = _interopRequireDefault(require("axe-core"));
 
-var _index = require("../layer/index.js");
+var _layer = require("../layer");
 
-var _index2 = require("../typography/index.js");
+var _typography = require("../typography");
 
-var _index3 = require("../styles/index.js");
+var _styles = require("../styles");
 
-var _themeProvider = require("../styles/theme-provider.js");
+var _themeProvider = require("../styles/theme-provider");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -51,9 +51,13 @@ function validateNode(node) {
 function segmentViolationsByNode(violations) {
   var nodes = violations.reduce(function (map, violation) {
     violation.nodes.forEach(function (node) {
+      // @ts-expect-error todo(flow-ts) node.target is an Array
       if (!map[node.target]) {
+        // @ts-expect-error todo(flow-ts) node.target is an Array
         map[node.target] = [violation];
       } else {
+        // todo(flow->ts) node.target is an Array
+        // @ts-expect-error todo(flow-ts) result of Array.push is not Array
         map[node.target] = map[node.target].push(violation);
       }
     });
@@ -62,7 +66,7 @@ function segmentViolationsByNode(violations) {
   return Object.entries(nodes);
 }
 
-var ViolationContainer = (0, _index3.styled)('div', function (_ref) {
+var ViolationContainer = (0, _styles.styled)('div', function (_ref) {
   var $theme = _ref.$theme,
       $top = _ref.$top,
       $left = _ref.$left;
@@ -129,19 +133,19 @@ function Violation(props) {
     };
   }, [props.target]);
   if (!isHovered) return null;
-  return /*#__PURE__*/React.createElement(_index.Layer, null, /*#__PURE__*/React.createElement(_index.TetherBehavior, {
+  return /*#__PURE__*/React.createElement(_layer.Layer, null, /*#__PURE__*/React.createElement(_layer.TetherBehavior, {
     anchorRef: anchor,
     popperRef: popper,
     onPopperUpdate: function onPopperUpdate(update) {
       return setOffset(update.popper);
     },
-    placement: _index.TETHER_PLACEMENT.bottom
+    placement: _layer.TETHER_PLACEMENT.bottom
   }, /*#__PURE__*/React.createElement(ViolationContainer, {
     ref: setPopper,
     $top: "".concat(offset.top, "px") || '0px',
     $left: "".concat(offset.left, "px") || '0px'
-  }, /*#__PURE__*/React.createElement(_index2.ParagraphXSmall, null, props.target), props.violations.map(function (violation, index) {
-    return /*#__PURE__*/React.createElement(_index2.ParagraphSmall, {
+  }, /*#__PURE__*/React.createElement(_typography.ParagraphXSmall, null, props.target), props.violations.map(function (violation, index) {
+    return /*#__PURE__*/React.createElement(_typography.ParagraphSmall, {
       key: index
     }, violation.description);
   }))));
@@ -180,14 +184,10 @@ function A11y(props) {
         node = _ref3[0],
         violations = _ref3[1];
 
-    return (
-      /*#__PURE__*/
-      // flowlint-next-line unclear-type:off
-      React.createElement(Violation, {
-        target: node,
-        violations: violations,
-        key: index
-      })
-    );
+    return /*#__PURE__*/React.createElement(Violation, {
+      target: node,
+      violations: violations,
+      key: index
+    });
   })));
 }

package/a11y/index.js

@@ -10,6 +10,6 @@ Object.defineProperty(exports, "Unstable_A11y", {
   }
 });
 
-var _a11y = _interopRequireDefault(require("./a11y.js"));
+var _a11y = _interopRequireDefault(require("./a11y"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/a11y/types.js

@@ -1 +1,5 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/accordion/accordion.js

@@ -9,11 +9,11 @@ exports.default = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _overrides = require("../helpers/overrides.js");
+var _overrides = require("../helpers/overrides");
 
-var _styledComponents = require("./styled-components.js");
+var _styledComponents = require("./styled-components");
 
-var _constants = require("./constants.js");
+var _constants = require("./constants");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -94,8 +94,11 @@ var Accordion = /*#__PURE__*/function (_React$Component) {
 
   _createClass(Accordion, [{
     key: "onPanelChange",
-    value: //flowlint-next-line unclear-type:off
-    function onPanelChange(key, onChange) {
+    value: function onPanelChange(key, onChange) {
+      for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
+        args[_key2 - 2] = arguments[_key2];
+      }
+
       var activeKeys = this.state.expanded;
       var accordion = this.props.accordion;
 
@@ -119,10 +122,6 @@ var Accordion = /*#__PURE__*/function (_React$Component) {
       };
       this.internalSetState(_constants.STATE_CHANGE_TYPE.expand, newState); // Call individual panel's onChange handler
 
-      for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
-        args[_key2 - 2] = arguments[_key2];
-      }
-
       if (typeof onChange === 'function') onChange.apply(void 0, args);
     }
   }, {
@@ -196,8 +195,7 @@ var Accordion = /*#__PURE__*/function (_React$Component) {
           disabled = _this$props2.disabled,
           children = _this$props2.children,
           renderAll = _this$props2.renderAll,
-          overrides = _this$props2.overrides; // flowlint-next-line unclear-type:off
-
+          overrides = _this$props2.overrides;
       return React.Children.map(children, function (child, index) {
         if (!child) return;
         var itemRef = /*#__PURE__*/React.createRef();

package/accordion/index.js

@@ -3,6 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  Accordion: true,
+  Panel: true,
+  StatefulPanel: true,
+  StatefulPanelContainer: true,
+  StatelessAccordion: true,
+  STATE_CHANGE_TYPE: true,
+  StyledRoot: true,
+  StyledPanelContainer: true,
+  StyledHeader: true,
+  StyledContent: true,
+  StyledContentAnimationContainer: true,
+  StyledToggleIcon: true,
+  StyledToggleIconGroup: true
+};
 Object.defineProperty(exports, "Accordion", {
   enumerable: true,
   get: function get() {
@@ -82,18 +97,32 @@ Object.defineProperty(exports, "StyledToggleIconGroup", {
   }
 });
 
-var _accordion = _interopRequireDefault(require("./accordion.js"));
+var _accordion = _interopRequireDefault(require("./accordion"));
 
-var _panel = _interopRequireDefault(require("./panel.js"));
+var _panel = _interopRequireDefault(require("./panel"));
 
-var _statefulPanel = _interopRequireDefault(require("./stateful-panel.js"));
+var _statefulPanel = _interopRequireDefault(require("./stateful-panel"));
 
-var _statefulPanelContainer = _interopRequireDefault(require("./stateful-panel-container.js"));
+var _statefulPanelContainer = _interopRequireDefault(require("./stateful-panel-container"));
 
-var _statelessAccordion = _interopRequireDefault(require("./stateless-accordion.js"));
+var _statelessAccordion = _interopRequireDefault(require("./stateless-accordion"));
 
-var _constants = require("./constants.js");
+var _constants = require("./constants");
 
-var _styledComponents = require("./styled-components.js");
+var _styledComponents = require("./styled-components");
+
+var _types = require("./types");
+
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _types[key];
+    }
+  });
+});
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/accordion/panel.js

@@ -9,13 +9,13 @@ exports.default = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _index = require("../locale/index.js");
+var _locale = require("../locale");
 
-var _overrides = require("../helpers/overrides.js");
+var _overrides = require("../helpers/overrides");
 
-var _styledComponents = require("./styled-components.js");
+var _styledComponents = require("./styled-components");
 
-var _focusVisible = require("../utils/focusVisible.js");
+var _focusVisible = require("../utils/focusVisible");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -114,7 +114,7 @@ var Panel = function Panel(_ref, ref) {
     }
 
     typeof onKeyDown === 'function' && onKeyDown(e);
-  }, [expanded, disabled, onChange, onKeyDown]); // flowlint-next-line unclear-type:off
+  }, [expanded, disabled, onChange, onKeyDown]);
 
   var _animateRef = React.useRef(null);
 
@@ -200,7 +200,7 @@ var Panel = function Panel(_ref, ref) {
       ToggleIcon = _getOverrides12[0],
       toggleIconProps = _getOverrides12[1];
 
-  return /*#__PURE__*/React.createElement(_index.LocaleContext.Consumer, null, function (locale) {
+  return /*#__PURE__*/React.createElement(_locale.LocaleContext.Consumer, null, function (locale) {
     return /*#__PURE__*/React.createElement(PanelContainer, _extends({}, sharedProps, panelContainerProps), /*#__PURE__*/React.createElement(Header, _extends({
       tabIndex: 0,
       role: "button",

package/accordion/stateful-panel-container.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _constants = require("./constants.js");
+var _constants = require("./constants");
 
 var _excluded = ["children", "initialState", "stateReducer"];
 

package/accordion/stateful-panel.js

@@ -9,9 +9,9 @@ exports.default = StatefulPanel;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _statefulPanelContainer = _interopRequireDefault(require("./stateful-panel-container.js"));
+var _statefulPanelContainer = _interopRequireDefault(require("./stateful-panel-container"));
 
-var _panel = _interopRequireDefault(require("./panel.js"));
+var _panel = _interopRequireDefault(require("./panel"));
 
 var _excluded = ["children"];
 

package/accordion/stateless-accordion.js

@@ -9,9 +9,9 @@ exports.default = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _overrides = require("../helpers/overrides.js");
+var _overrides = require("../helpers/overrides");
 
-var _styledComponents = require("./styled-components.js");
+var _styledComponents = require("./styled-components");
 
 var _excluded = ["Root"];
 

package/accordion/styled-components.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ToggleIconGroup = exports.ToggleIcon = exports.Root = exports.PanelContainer = exports.Header = exports.ContentAnimationContainer = exports.Content = void 0;
 
-var _index = require("../styles/index.js");
+var _styles = require("../styles");
 
-var _styledComponents = require("../icon/styled-components.js");
+var _styledComponents = require("../icon/styled-components");
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -18,7 +18,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 /**
  * Main component container element
  */
-var Root = (0, _index.styled)('ul', {
+var Root = (0, _styles.styled)('ul', {
   listStyleType: 'none',
   marginBottom: 0,
   marginTop: 0,
@@ -28,7 +28,7 @@ var Root = (0, _index.styled)('ul', {
 });
 exports.Root = Root;
 Root.displayName = "Root";
-var PanelContainer = (0, _index.styled)('li', function (props) {
+var PanelContainer = (0, _styles.styled)('li', function (props) {
   var $expanded = props.$expanded,
       colors = props.$theme.colors;
   return {
@@ -41,7 +41,7 @@ var PanelContainer = (0, _index.styled)('li', function (props) {
 });
 exports.PanelContainer = PanelContainer;
 PanelContainer.displayName = "PanelContainer";
-var Header = (0, _index.styled)('div', function (props) {
+var Header = (0, _styles.styled)('div', function (props) {
   var $disabled = props.$disabled,
       $isFocusVisible = props.$isFocusVisible,
       _props$$theme = props.$theme,
@@ -72,7 +72,7 @@ var Header = (0, _index.styled)('div', function (props) {
 });
 exports.Header = Header;
 Header.displayName = "Header";
-var ToggleIcon = (0, _index.styled)('svg', function (props) {
+var ToggleIcon = (0, _styles.styled)('svg', function (props) {
   var $theme = props.$theme,
       $disabled = props.$disabled,
       $color = props.$color;
@@ -84,7 +84,7 @@ var ToggleIcon = (0, _index.styled)('svg', function (props) {
 });
 exports.ToggleIcon = ToggleIcon;
 ToggleIcon.displayName = "ToggleIcon";
-var ToggleIconGroup = (0, _index.styled)('g', function (props) {
+var ToggleIconGroup = (0, _styles.styled)('g', function (props) {
   var $theme = props.$theme,
       $expanded = props.$expanded;
   return {
@@ -97,7 +97,7 @@ var ToggleIconGroup = (0, _index.styled)('g', function (props) {
 });
 exports.ToggleIconGroup = ToggleIconGroup;
 ToggleIconGroup.displayName = "ToggleIconGroup";
-var Content = (0, _index.styled)('div', function (props) {
+var Content = (0, _styles.styled)('div', function (props) {
   var _props$$theme2 = props.$theme,
       animation = _props$$theme2.animation,
       colors = _props$$theme2.colors,
@@ -127,7 +127,7 @@ var Content = (0, _index.styled)('div', function (props) {
 });
 exports.Content = Content;
 Content.displayName = "Content";
-var ContentAnimationContainer = (0, _index.styled)('div', function (props) {
+var ContentAnimationContainer = (0, _styles.styled)('div', function (props) {
   var $height = props.$height,
       animation = props.$theme.animation;
   return {

package/accordion/types.js

@@ -1,11 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-var React = _interopRequireWildcard(require("react"));
-
-var _constants = require("./constants.js");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/app-nav-bar/app-nav-bar.js

@@ -9,21 +9,21 @@ exports.default = AppNavBar;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _overrides = require("../helpers/overrides.js");
+var _overrides = require("../helpers/overrides");
 
-var _index = require("../styles/index.js");
+var _styles = require("../styles");
 
-var _focusVisible = require("../utils/focusVisible.js");
+var _focusVisible = require("../utils/focusVisible");
 
-var _constants = require("./constants.js");
+var _constants = require("./constants");
 
-var _mobileMenu = _interopRequireDefault(require("./mobile-menu.js"));
+var _mobileMenu = _interopRequireDefault(require("./mobile-menu"));
 
-var _userMenu = _interopRequireDefault(require("./user-menu.js"));
+var _userMenu = _interopRequireDefault(require("./user-menu"));
 
-var _styledComponents = require("./styled-components.js");
+var _styledComponents = require("./styled-components");
 
-var _utils = require("./utils.js");
+var _utils = require("./utils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -136,7 +136,7 @@ function SecondaryMenu(props) {
 }
 
 function AppNavBar(props) {
-  var _useStyletron = (0, _index.useStyletron)(),
+  var _useStyletron = (0, _styles.useStyletron)(),
       _useStyletron2 = _slicedToArray(_useStyletron, 2),
       css = _useStyletron2[0],
       theme = _useStyletron2[1];
@@ -202,7 +202,8 @@ function AppNavBar(props) {
     className: css(_defineProperty({}, "@media screen and (min-width: ".concat(theme.breakpoints.large, "px)"), {
       display: 'none'
     }))
-  }, /*#__PURE__*/React.createElement(Spacing, spacingProps, mainItems.length || userItems.length ? /*#__PURE__*/React.createElement(_mobileMenu.default, props) : null, /*#__PURE__*/React.createElement(AppName, appNameProps, title)), secondaryMenu && mobileSubNavPosition === _constants.POSITION.horizontal && /*#__PURE__*/React.createElement(SecondaryMenu, {
+  }, /*#__PURE__*/React.createElement(Spacing, spacingProps, mainItems.length || userItems.length ? /*#__PURE__*/React.createElement(_mobileMenu.default, props) : null, /*#__PURE__*/React.createElement(AppName, appNameProps, title)), secondaryMenu && // @ts-expect-error todo(flow->ts) always false
+  mobileSubNavPosition === _constants.POSITION.horizontal && /*#__PURE__*/React.createElement(SecondaryMenu, {
     items: secondaryMenu,
     mapItemToNode: mapItemToNode,
     onSelect: onMainItemSelect,

package/app-nav-bar/index.js

@@ -27,11 +27,11 @@ Object.defineProperty(exports, "setItemActive", {
   }
 });
 
-var _appNavBar = _interopRequireDefault(require("./app-nav-bar.js"));
+var _appNavBar = _interopRequireDefault(require("./app-nav-bar"));
 
-var _constants = require("./constants.js");
+var _constants = require("./constants");
 
-var _styledComponents = require("./styled-components.js");
+var _styledComponents = require("./styled-components");
 
 Object.keys(_styledComponents).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -45,7 +45,7 @@ Object.keys(_styledComponents).forEach(function (key) {
   });
 });
 
-var _types = require("./types.js");
+var _types = require("./types");
 
 Object.keys(_types).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -59,6 +59,6 @@ Object.keys(_types).forEach(function (key) {
   });
 });
 
-var _utils = require("./utils.js");
+var _utils = require("./utils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/app-nav-bar/mobile-menu.js

@@ -9,25 +9,25 @@ exports.default = MobileMenu;
 
 var React = _interopRequireWildcard(require("react"));
 
-var _index = require("../button/index.js");
+var _button = require("../button");
 
-var _index2 = require("../drawer/index.js");
+var _drawer = require("../drawer");
 
-var _overrides = require("../helpers/overrides.js");
+var _overrides = require("../helpers/overrides");
 
-var _arrowLeft = _interopRequireDefault(require("../icon/arrow-left.js"));
+var _arrowLeft = _interopRequireDefault(require("../icon/arrow-left"));
 
-var _menu = _interopRequireDefault(require("../icon/menu.js"));
+var _menu = _interopRequireDefault(require("../icon/menu"));
 
-var _index3 = require("../list/index.js");
+var _list = require("../list");
 
-var _index4 = require("../menu/index.js");
+var _menu2 = require("../menu");
 
-var _styledComponents = require("./styled-components.js");
+var _styledComponents = require("./styled-components");
 
-var _userProfileTile = _interopRequireDefault(require("./user-profile-tile.js"));
+var _userProfileTile = _interopRequireDefault(require("./user-profile-tile"));
 
-var _utils = require("./utils.js");
+var _utils = require("./utils");
 
 var _excluded = ["item", "mapItemToNode", "overrides"],
     _excluded2 = ["mainItems", "userItems", "mapItemToNode", "overrides"];
@@ -88,11 +88,11 @@ var MobileNavMenuItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
       userMenuProfileListItemProps = _getOverrides2[1];
 
   if (item.PARENT_MENU_ITEM) {
-    return /*#__PURE__*/React.createElement(_index3.MenuAdapter, _extends({}, restProps, {
+    return /*#__PURE__*/React.createElement(_list.MenuAdapter, _extends({}, restProps, {
       ref: ref,
       artwork: item.navExitIcon || _arrowLeft.default,
-      artworkSize: _index3.ARTWORK_SIZES.LARGE
-    }), /*#__PURE__*/React.createElement(_index3.ListItemLabel, null, item.label));
+      artworkSize: _list.ARTWORK_SIZES.LARGE
+    }), /*#__PURE__*/React.createElement(_list.ListItemLabel, null, item.label));
   }
 
   if (item.USER_TITLE_ITEM) {
@@ -105,11 +105,11 @@ var MobileNavMenuItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return (
     /*#__PURE__*/
     // Replace with a main menu item renderer
-    React.createElement(_index3.MenuAdapter, _extends({}, restProps, {
+    React.createElement(_list.MenuAdapter, _extends({}, restProps, {
       ref: ref,
       artwork: item.icon || null,
-      artworkSize: _index3.ARTWORK_SIZES.LARGE
-    }), /*#__PURE__*/React.createElement(_index3.ListItemLabel, null, mapItemToNode(item)))
+      artworkSize: _list.ARTWORK_SIZES.LARGE
+    }), /*#__PURE__*/React.createElement(_list.ListItemLabel, null, mapItemToNode(item)))
   );
 });
 
@@ -151,7 +151,7 @@ function MobileMenu(props) {
     setIsOpen(!isOpen);
   };
 
-  var _getOverrides3 = (0, _overrides.getOverrides)(overrides.SideMenuButton, _index.Button),
+  var _getOverrides3 = (0, _overrides.getOverrides)(overrides.SideMenuButton, _button.Button),
       _getOverrides4 = _slicedToArray(_getOverrides3, 2),
       SideMenuButton = _getOverrides4[0],
       sideMenuButtonProps = _getOverrides4[1];
@@ -162,7 +162,7 @@ function MobileMenu(props) {
     }
   }, sideMenuButtonProps.overrides);
 
-  var _getOverrides5 = (0, _overrides.getOverrides)(overrides.MobileDrawer, _index2.Drawer),
+  var _getOverrides5 = (0, _overrides.getOverrides)(overrides.MobileDrawer, _drawer.Drawer),
       _getOverrides6 = _slicedToArray(_getOverrides5, 2),
       MobileDrawer = _getOverrides6[0],
       drawerProps = _getOverrides6[1];
@@ -185,7 +185,7 @@ function MobileMenu(props) {
     }
   }, drawerProps.overrides);
 
-  var _getOverrides7 = (0, _overrides.getOverrides)(overrides.MobileMenu, _index4.StatefulMenu),
+  var _getOverrides7 = (0, _overrides.getOverrides)(overrides.MobileMenu, _menu2.StatefulMenu),
       _getOverrides8 = _slicedToArray(_getOverrides7, 2),
       MobileMenu = _getOverrides8[0],
       menuProps = _getOverrides8[1];
@@ -214,7 +214,7 @@ function MobileMenu(props) {
   }, sideMenuButtonProps), /*#__PURE__*/React.createElement(_menu.default, {
     size: '24px'
   })), /*#__PURE__*/React.createElement(MobileDrawer, _extends({
-    anchor: _index2.ANCHOR.left,
+    anchor: _drawer.ANCHOR.left,
     isOpen: isOpen,
     onClose: toggleMenu,
     size: '75%'