baseui 11.2.1 → 12.0.0

package/map-marker/styled-components.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledContentItem = exports.RelativeContainer = exports.StyledBadgeEnhancerRoot = exports.StyledStrokedLabel = exports.StyledStrokedLabelContainer = exports.StyledPinHead = exports.StyledInnerXSmallAnchor = exports.StyledOuterXSmallAnchor = exports.StyledInnerXXSmallAnchor = exports.StyledOuterXXSmallAnchor = exports.StyledFixedMarkerDragContainer = exports.StyledFixedMarkerRoot = exports.StyledFloatingMarkerAnchorContainer = exports.StyledFloatingMarkerPinHeadContainer = exports.StyledFloatingMarkerRoot = exports.StyledNeedle = exports.StyledDragShadow = exports.StyledDragShadowContainer = exports.getAnchorTransform = void 0;
+exports.getAnchorTransform = exports.StyledStrokedLabelContainer = exports.StyledStrokedLabel = exports.StyledPinHead = exports.StyledOuterXXSmallAnchor = exports.StyledOuterXSmallAnchor = exports.StyledNeedle = exports.StyledInnerXXSmallAnchor = exports.StyledInnerXSmallAnchor = exports.StyledFloatingMarkerRoot = exports.StyledFloatingMarkerPinHeadContainer = exports.StyledFloatingMarkerAnchorContainer = exports.StyledFixedMarkerRoot = exports.StyledFixedMarkerDragContainer = exports.StyledDragShadowContainer = exports.StyledDragShadow = exports.StyledContentItem = exports.StyledBadgeEnhancerRoot = exports.RelativeContainer = void 0;
 
-var _index = require("../styles/index.js");
+var _styles = require("../styles");
 
-var _constants = require("./constants.js");
+var _constants = require("./constants");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+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; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -22,7 +22,7 @@ var getAnchorTransform = function getAnchorTransform(anchor, anchorSize) {
 };
 
 exports.getAnchorTransform = getAnchorTransform;
-var StyledDragShadowContainer = (0, _index.styled)('div', function (_ref) {
+var StyledDragShadowContainer = (0, _styles.styled)('div', function (_ref) {
   var $theme = _ref.$theme,
       $height = _ref.$height,
       $width = _ref.$width,
@@ -39,7 +39,7 @@ var StyledDragShadowContainer = (0, _index.styled)('div', function (_ref) {
 });
 exports.StyledDragShadowContainer = StyledDragShadowContainer;
 StyledDragShadowContainer.displayName = "StyledDragShadowContainer";
-var StyledDragShadow = (0, _index.styled)('div', function (_ref2) {
+var StyledDragShadow = (0, _styles.styled)('div', function (_ref2) {
   var $theme = _ref2.$theme,
       $background = _ref2.$background,
       $width = _ref2.$width;
@@ -54,7 +54,7 @@ var StyledDragShadow = (0, _index.styled)('div', function (_ref2) {
 });
 exports.StyledDragShadow = StyledDragShadow;
 StyledDragShadow.displayName = "StyledDragShadow";
-var StyledNeedle = (0, _index.styled)('div', function (_ref3) {
+var StyledNeedle = (0, _styles.styled)('div', function (_ref3) {
   var $theme = _ref3.$theme,
       $background = _ref3.$background,
       $height = _ref3.$height;
@@ -67,7 +67,7 @@ var StyledNeedle = (0, _index.styled)('div', function (_ref3) {
 });
 exports.StyledNeedle = StyledNeedle;
 StyledNeedle.displayName = "StyledNeedle";
-var StyledFloatingMarkerRoot = (0, _index.styled)('div', function (_ref4) {
+var StyledFloatingMarkerRoot = (0, _styles.styled)('div', function (_ref4) {
   var $size = _ref4.$size;
   return {
     position: 'relative',
@@ -77,7 +77,7 @@ var StyledFloatingMarkerRoot = (0, _index.styled)('div', function (_ref4) {
 });
 exports.StyledFloatingMarkerRoot = StyledFloatingMarkerRoot;
 StyledFloatingMarkerRoot.displayName = "StyledFloatingMarkerRoot";
-var StyledFloatingMarkerPinHeadContainer = (0, _index.styled)('div', function (_ref5) {
+var StyledFloatingMarkerPinHeadContainer = (0, _styles.styled)('div', function (_ref5) {
   var $theme = _ref5.$theme,
       $anchor = _ref5.$anchor,
       $anchorSize = _ref5.$anchorSize;
@@ -89,14 +89,14 @@ var StyledFloatingMarkerPinHeadContainer = (0, _index.styled)('div', function (_
 });
 exports.StyledFloatingMarkerPinHeadContainer = StyledFloatingMarkerPinHeadContainer;
 StyledFloatingMarkerPinHeadContainer.displayName = "StyledFloatingMarkerPinHeadContainer";
-var StyledFloatingMarkerAnchorContainer = (0, _index.styled)('div', function () {
+var StyledFloatingMarkerAnchorContainer = (0, _styles.styled)('div', function () {
   return {
     position: 'absolute'
   };
 });
 exports.StyledFloatingMarkerAnchorContainer = StyledFloatingMarkerAnchorContainer;
 StyledFloatingMarkerAnchorContainer.displayName = "StyledFloatingMarkerAnchorContainer";
-var StyledFixedMarkerRoot = (0, _index.styled)('div', function () {
+var StyledFixedMarkerRoot = (0, _styles.styled)('div', function () {
   return {
     display: 'flex',
     alignItems: 'center',
@@ -105,7 +105,7 @@ var StyledFixedMarkerRoot = (0, _index.styled)('div', function () {
 });
 exports.StyledFixedMarkerRoot = StyledFixedMarkerRoot;
 StyledFixedMarkerRoot.displayName = "StyledFixedMarkerRoot";
-var StyledFixedMarkerDragContainer = (0, _index.styled)('div', function (_ref6) {
+var StyledFixedMarkerDragContainer = (0, _styles.styled)('div', function (_ref6) {
   var $theme = _ref6.$theme,
       $translateAmount = _ref6.$translateAmount,
       $performTranslate = _ref6.$performTranslate;
@@ -119,7 +119,7 @@ var StyledFixedMarkerDragContainer = (0, _index.styled)('div', function (_ref6)
 });
 exports.StyledFixedMarkerDragContainer = StyledFixedMarkerDragContainer;
 StyledFixedMarkerDragContainer.displayName = "StyledFixedMarkerDragContainer";
-var StyledOuterXXSmallAnchor = (0, _index.styled)('div', function (_ref7) {
+var StyledOuterXXSmallAnchor = (0, _styles.styled)('div', function (_ref7) {
   var $theme = _ref7.$theme,
       $round = _ref7.$round,
       $background = _ref7.$background,
@@ -137,7 +137,7 @@ var StyledOuterXXSmallAnchor = (0, _index.styled)('div', function (_ref7) {
 });
 exports.StyledOuterXXSmallAnchor = StyledOuterXXSmallAnchor;
 StyledOuterXXSmallAnchor.displayName = "StyledOuterXXSmallAnchor";
-var StyledInnerXXSmallAnchor = (0, _index.styled)('div', function (_ref8) {
+var StyledInnerXXSmallAnchor = (0, _styles.styled)('div', function (_ref8) {
   var $round = _ref8.$round,
       $color = _ref8.$color,
       $size = _ref8.$size;
@@ -150,7 +150,7 @@ var StyledInnerXXSmallAnchor = (0, _index.styled)('div', function (_ref8) {
 });
 exports.StyledInnerXXSmallAnchor = StyledInnerXXSmallAnchor;
 StyledInnerXXSmallAnchor.displayName = "StyledInnerXXSmallAnchor";
-var StyledOuterXSmallAnchor = (0, _index.styled)('div', function (_ref9) {
+var StyledOuterXSmallAnchor = (0, _styles.styled)('div', function (_ref9) {
   var $theme = _ref9.$theme,
       $round = _ref9.$round,
       $background = _ref9.$background,
@@ -168,7 +168,7 @@ var StyledOuterXSmallAnchor = (0, _index.styled)('div', function (_ref9) {
 });
 exports.StyledOuterXSmallAnchor = StyledOuterXSmallAnchor;
 StyledOuterXSmallAnchor.displayName = "StyledOuterXSmallAnchor";
-var StyledInnerXSmallAnchor = (0, _index.styled)('div', function (_ref10) {
+var StyledInnerXSmallAnchor = (0, _styles.styled)('div', function (_ref10) {
   var $round = _ref10.$round,
       $color = _ref10.$color,
       $size = _ref10.$size;
@@ -181,7 +181,7 @@ var StyledInnerXSmallAnchor = (0, _index.styled)('div', function (_ref10) {
 });
 exports.StyledInnerXSmallAnchor = StyledInnerXSmallAnchor;
 StyledInnerXSmallAnchor.displayName = "StyledInnerXSmallAnchor";
-var StyledPinHead = (0, _index.styled)('div', function (_ref11) {
+var StyledPinHead = (0, _styles.styled)('div', function (_ref11) {
   var $theme = _ref11.$theme,
       $height = _ref11.$height,
       $background = _ref11.$background,
@@ -214,7 +214,7 @@ var StyledPinHead = (0, _index.styled)('div', function (_ref11) {
 });
 exports.StyledPinHead = StyledPinHead;
 StyledPinHead.displayName = "StyledPinHead";
-var StyledStrokedLabelContainer = (0, _index.styled)('div', function (_ref12) {
+var StyledStrokedLabelContainer = (0, _styles.styled)('div', function (_ref12) {
   var $position = _ref12.$position,
       $theme = _ref12.$theme,
       $labelOffset = _ref12.$labelOffset;
@@ -259,7 +259,7 @@ var StyledStrokedLabelContainer = (0, _index.styled)('div', function (_ref12) {
 });
 exports.StyledStrokedLabelContainer = StyledStrokedLabelContainer;
 StyledStrokedLabelContainer.displayName = "StyledStrokedLabelContainer";
-var StyledStrokedLabel = (0, _index.styled)('div', function (_ref13) {
+var StyledStrokedLabel = (0, _styles.styled)('div', function (_ref13) {
   var $theme = _ref13.$theme,
       $size = _ref13.$size;
   var strokeWidth = 1.5;
@@ -278,7 +278,7 @@ var StyledStrokedLabel = (0, _index.styled)('div', function (_ref13) {
 });
 exports.StyledStrokedLabel = StyledStrokedLabel;
 StyledStrokedLabel.displayName = "StyledStrokedLabel";
-var StyledBadgeEnhancerRoot = (0, _index.styled)('div', function (_ref14) {
+var StyledBadgeEnhancerRoot = (0, _styles.styled)('div', function (_ref14) {
   var $theme = _ref14.$theme,
       $size = _ref14.$size,
       $position = _ref14.$position;
@@ -297,14 +297,14 @@ var StyledBadgeEnhancerRoot = (0, _index.styled)('div', function (_ref14) {
 });
 exports.StyledBadgeEnhancerRoot = StyledBadgeEnhancerRoot;
 StyledBadgeEnhancerRoot.displayName = "StyledBadgeEnhancerRoot";
-var RelativeContainer = (0, _index.styled)('div', function () {
+var RelativeContainer = (0, _styles.styled)('div', function () {
   return {
     position: 'relative'
   };
 });
 exports.RelativeContainer = RelativeContainer;
 RelativeContainer.displayName = "RelativeContainer";
-var StyledContentItem = (0, _index.styled)('div', function (_ref15) {
+var StyledContentItem = (0, _styles.styled)('div', function (_ref15) {
   var $theme = _ref15.$theme,
       $color = _ref15.$color,
       $height = _ref15.$height,

package/map-marker/types.d.ts

@@ -0,0 +1,126 @@
+import * as React from 'react';
+import { FLOATING_MARKER_ANCHOR_POSITIONS, NEEDLE_SIZES, PINHEAD_SIZES_SHAPES, FLOATING_MARKER_SIZES, PINHEAD_TYPES, FLOATING_MARKER_ANCHOR_TYPES, BADGE_ENHANCER_SIZES, LABEL_ENHANCER_POSITIONS, KIND } from './constants';
+import type { Override } from '../helpers/overrides';
+export declare type AnchorPositions = typeof FLOATING_MARKER_ANCHOR_POSITIONS[keyof typeof FLOATING_MARKER_ANCHOR_POSITIONS];
+export declare type NeedleSize = typeof NEEDLE_SIZES[keyof typeof NEEDLE_SIZES];
+export declare type PinHead = typeof PINHEAD_TYPES[keyof typeof PINHEAD_TYPES];
+export declare type PinHeadSize = typeof PINHEAD_SIZES_SHAPES[keyof typeof PINHEAD_SIZES_SHAPES];
+export declare type FloatingMarkerSize = typeof FLOATING_MARKER_SIZES[keyof typeof FLOATING_MARKER_SIZES];
+export declare type FloatingMarkerAnchorType = typeof FLOATING_MARKER_ANCHOR_TYPES[keyof typeof FLOATING_MARKER_ANCHOR_TYPES];
+export declare type BadgeEnhancerSize = typeof BADGE_ENHANCER_SIZES[keyof typeof BADGE_ENHANCER_SIZES];
+export declare type LabelEnhancerPosition = typeof LABEL_ENHANCER_POSITIONS[keyof typeof LABEL_ENHANCER_POSITIONS];
+export declare type Kind = typeof KIND[keyof typeof KIND];
+export declare type FixedMarkerOverrides = {
+    Root?: Override;
+    InnerAnchor?: Override;
+    OuterAnchor?: Override;
+    PinHead?: Override;
+    PinHeadContent?: Override;
+    PinHeadContainer?: Override;
+    Needle?: Override;
+    DragShadow?: Override;
+    DragShadowContainer?: Override;
+    DragContainer?: Override;
+    BadgeEnhancer?: Override;
+    LabelEnhancer?: Override;
+    LabelEnhancerContainer?: Override;
+};
+export declare type NeedleProps = {
+    size: NeedleSize;
+    background?: string;
+    overrides: FixedMarkerOverrides;
+};
+export declare type ItemProps = {
+    children?: React.ReactNode;
+    color?: string;
+    size?: number;
+};
+export declare type LabelEnhancer = {
+    labelEnhancerContent?: string;
+    labelEnhancerPosition?: LabelEnhancerPosition;
+};
+export declare type LabelEhancerComponent = {
+    needleHeight: number;
+    size: PinHeadSize;
+    overrides?: FixedMarkerOverrides;
+} & LabelEnhancer;
+export declare type BadgeEnhancer = {
+    badgeEnhancerSize?: BadgeEnhancerSize | null;
+    badgeEnhancerContent?: React.ComponentType<{
+        size: number;
+    }>;
+};
+export declare type BadgeEnhancerComponent = {
+    pinHeadSize: PinHeadSize;
+    markerType: PinHead;
+    overrides: FixedMarkerOverrides;
+} & BadgeEnhancer;
+export declare type BadgePosition = {
+    x: number;
+    y: number;
+};
+export declare type FixedMarkerProps = {
+    size?: PinHeadSize;
+    needle?: NeedleSize;
+    label?: string;
+    startEnhancer?: React.ComponentType<{
+        size: number;
+    }>;
+    endEnhancer?: React.ComponentType<{
+        size: number;
+    }>;
+    kind?: Kind;
+    dragging?: boolean;
+    overrides?: FixedMarkerOverrides;
+} & BadgeEnhancer & LabelEnhancer;
+export declare type FloatingMarkerOverrides = {
+    Root?: Override;
+    InnerAnchor?: Override;
+    OuterAnchor?: Override;
+    PinHead?: Override;
+    PinHeadContent?: Override;
+    PinHeadContainer?: Override;
+    AnchorContainer?: Override;
+    Needle?: Override;
+    DragShadow?: Override;
+    DragShadowContainer?: Override;
+    DragContainer?: Override;
+    BadgeEnhancer?: Override;
+    LabelEnhancer?: Override;
+    LabelEnhancerContainer?: Override;
+};
+export declare type FloatingMarkerProps = {
+    label?: string;
+    anchor?: AnchorPositions;
+    endEnhancer?: React.ComponentType<{
+        size: number;
+    }>;
+    startEnhancer?: React.ComponentType<{
+        size: number;
+    }>;
+    anchorType?: FloatingMarkerAnchorType;
+    size?: FloatingMarkerSize;
+    overrides?: FloatingMarkerOverrides;
+};
+export declare type PinHeadProps = {
+    size?: PinHeadSize;
+    label?: string;
+    endEnhancer?: React.ComponentType<{
+        size: number;
+    }>;
+    startEnhancer?: React.ComponentType<{
+        size: number;
+    }>;
+    color: string;
+    background: string;
+    type?: PinHead;
+    anchorType?: FloatingMarkerAnchorType;
+    needle?: NeedleSize;
+    overrides?: FloatingMarkerOverrides | FixedMarkerOverrides;
+} & BadgeEnhancer & LabelEnhancer;
+export declare type DragShadowProps = {
+    background: string;
+    dragging: boolean;
+    height: number;
+    overrides: FixedMarkerOverrides;
+};

package/map-marker/types.js

@@ -1,11 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-var React = _interopRequireWildcard(require("react"));
-
-var _constants = require("./constants.js");
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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/menu/constants.d.ts

@@ -0,0 +1,27 @@
+export declare const STATE_CHANGE_TYPES: {
+    readonly click: "click";
+    readonly moveUp: "moveUp";
+    readonly moveDown: "moveDown";
+    readonly mouseEnter: "mouseEnter";
+    readonly mouseLeave: "mouseLeave";
+    readonly focus: "focus";
+    readonly reset: "reset";
+    readonly character: "character";
+    readonly enter: "enter";
+};
+export declare const KEY_STRINGS: {
+    readonly ArrowUp: "ArrowUp";
+    readonly ArrowDown: "ArrowDown";
+    readonly ArrowLeft: "ArrowLeft";
+    readonly ArrowRight: "ArrowRight";
+    readonly Enter: "Enter";
+    readonly Space: " ";
+    readonly Escape: "Escape";
+    readonly Backspace: "Backspace";
+    readonly Home: "Home";
+    readonly End: "End";
+};
+export declare const OPTION_LIST_SIZE: {
+    readonly default: "default";
+    readonly compact: "compact";
+};

package/menu/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.OPTION_LIST_SIZE = exports.KEY_STRINGS = exports.STATE_CHANGE_TYPES = void 0;
+exports.STATE_CHANGE_TYPES = exports.OPTION_LIST_SIZE = exports.KEY_STRINGS = void 0;
 
 /*
 Copyright (c) Uber Technologies, Inc.

package/menu/index.d.ts

@@ -1,212 +1,28 @@
-import * as React from 'react';
-import { StyletronComponent } from 'styletron-react';
-import { Override } from '../overrides';
-
-export declare const KEY_STRINGS: {
-  ArrowUp: 'ArrowUp';
-  ArrowDown: 'ArrowDown';
-  ArrowLeft: 'ArrowLeft';
-  ArrowRight: 'ArrowRight';
-  Enter: 'Enter';
-  Space: ' ';
-  Escape: 'Escape';
-  Backspace: 'Backspace';
-};
-export declare const STATE_CHANGE_TYPES: {
-  click: 'click';
-  moveUp: 'moveUp';
-  moveDown: 'moveDown';
-  mouseEnter: 'mouseEnter';
-  focus: 'focus';
-  reset: 'reset';
-  character: 'character';
-  enter: 'enter';
-};
-
-export declare const OPTION_LIST_SIZE: {
-  default: 'default';
-  compact: 'compact';
-};
-
-export interface MenuOverrides {
-  EmptyState?: Override<any>;
-  List?: Override<any>;
-  Option?: Override<any>;
-  ListItem?: Override<any>;
-}
-
-export type BaseMenuPropsT = {
-  renderAll?: boolean;
-};
-
-export interface MenuOverrides {
-  EmptyState?: Override<any>;
-  List?: Override<any>;
-  Option?: Override<any>;
-  ListItem?: Override<any>;
-  OptgroupHeader?: Override<any>;
-}
-
-export interface MenuProps extends BaseMenuPropsT {
-  size?: typeof OPTION_LIST_SIZE[keyof typeof OPTION_LIST_SIZE];
-  overrides?: MenuOverrides;
-}
-
-export type ItemT = any;
-export type ArrayItemsT = ItemT[];
-export type GroupedItemsT = {
-  __ungrouped: ArrayItemsT;
-  [key: string]: ArrayItemsT;
-};
-export type ItemsT = ArrayItemsT | GroupedItemsT;
-
-export type StatefulMenuProps = StatefulContainerProps & MenuProps;
-export class StatefulMenu extends React.PureComponent<StatefulMenuProps> {}
-
-export interface RenderItemProps {
-  disabled?: boolean;
-  ref?: React.Ref<any>;
-  id?: string;
-  isFocused?: boolean;
-  isHighlighted?: boolean;
-}
-
-export type OnItemSelect = (args: {
-  item: any;
-  event?: React.SyntheticEvent<HTMLElement> | KeyboardEvent;
-}) => any;
-
-export type StateReducer = (
-  changeType: typeof STATE_CHANGE_TYPES[keyof typeof STATE_CHANGE_TYPES],
-  changes: StatefulContainerState,
-  currentState: StatefulContainerState
-) => StatefulContainerState;
-
-export type GetRequiredItemProps = (item: any, index: number) => RenderItemProps;
-
-export type RenderProps = StatefulContainerState & {
-  items: ItemsT;
-  getRequiredItemProps: GetRequiredItemProps;
-};
-
-export interface StatefulContainerProps {
-  items: ItemsT;
-  initialState?: StatefulContainerState;
-  stateReducer?: StateReducer;
-  getRequiredItemProps?: GetRequiredItemProps;
-  onActiveDescendantChange?: (id?: string) => void;
-  onItemSelect?: OnItemSelect;
-  rootRef?: React.Ref<any>;
-  keyboardControlNode?: React.Ref<any>;
-  typeAhead?: boolean;
-  children?: (args: RenderProps) => React.ReactNode;
-  addMenuToNesting?: (ref: React.Ref<HTMLElement>) => void;
-  removeMenuFromNesting?: (ref: React.Ref<HTMLElement>) => void;
-  getParentMenu?: (ref: React.Ref<HTMLElement>) => void;
-  getChildMenu?: (ref: React.Ref<HTMLElement>) => void;
-  nestedMenuHoverIndex?: number;
-  isNestedMenuVisible?: (ref: React.Ref<HTMLElement>) => boolean;
-}
-export interface StatefulContainerState {
-  activedescendantId?: string;
-  highlightedIndex: number;
-  isFocused: boolean;
-}
-export class StatefulContainer extends React.Component<
-  StatefulContainerProps,
-  StatefulContainerState
-> {}
-
-export interface OptionListProps extends BaseMenuPropsT {
-  item: any;
-  getItemLabel: (item: any) => React.ReactNode;
-  getChildMenu?: (item: any) => React.ReactNode;
-  onMouseDown?: (event: MouseEvent) => any;
-  onMouseEnter?: (event: MouseEvent) => any;
-  size?: typeof OPTION_LIST_SIZE[keyof typeof OPTION_LIST_SIZE];
-  overrides?: {
-    ListItem?: Override<any>;
-    ChildMenuPopover?: Override<any>;
-  };
-  renderHrefAsAnchor?: boolean;
-  $isHighlighted?: boolean;
-  $isFocused?: boolean;
-  renderAll?: boolean;
-  $disabled?: boolean;
-  'aria-disabled'?: boolean;
-  'aria-selected'?: boolean;
-  id?: string;
-  role?: string;
-}
-export declare const OptionList: React.FC<OptionListProps>;
-
-export interface OptionProfileProps extends BaseMenuPropsT {
-  item: any;
-  getChildMenu?: (item: any) => React.ReactNode;
-  getProfileItemLabels: (item: any) => {
-    title?: string;
-    subtitle?: string;
-    body?: string;
-  };
-  getProfileItemImg: (item: any) => string | React.ComponentType<any>;
-  getProfileItemImgText: (item: any) => string;
-  overrides?: {
-    ListItemProfile?: Override<any>;
-    ProfileImgContainer?: Override<any>;
-    ProfileImg?: Override<any>;
-    ProfileLabelsContainer?: Override<any>;
-    ProfileTitle?: Override<any>;
-    ProfileSubtitle?: Override<any>;
-    ProfileBody?: Override<any>;
-    ChildMenuPopover?: Override<any>;
-  };
-  $isHighlighted?: boolean;
-}
-export declare const OptionProfile: React.FC<OptionProfileProps>;
-
-export interface SharedStatelessProps {
-  activedescendantId?: string;
-  ariaLabel?: string;
-  'aria-label'?: string;
-  getRequiredItemProps?: (item: any, index: number) => RenderItemProps;
-  highlightedIndex?: number;
-  items: ItemsT;
-  isFocused?: boolean;
-  noResultsMsg?: React.ReactNode;
-  onBlur?: (event: React.FocusEvent<HTMLElement>) => any;
-  onFocus?: (event: React.FocusEvent<HTMLElement>) => any;
-  rootRef?: React.Ref<any>;
-  focusMenu?: (event: FocusEvent | MouseEvent | KeyboardEvent) => any;
-  unfocusMenu?: () => any;
-  handleKeyDown?: (event: KeyboardEvent) => any;
-}
-
-export type StatelessMenuProps = SharedStatelessProps & MenuProps;
-export declare const Menu: React.FC<StatelessMenuProps>;
-
-export interface NestedMenuProps {
-  children: React.ReactNode;
-}
-export interface NestedMenuState {
-  menus: Array<React.Ref<HTMLElement>>;
-}
-export class NestedMenus extends React.Component<NestedMenuProps, NestedMenuState> {
-  addMenuToNesting(ref: React.Ref<HTMLElement>): void;
-  removeMenuFromNesting(ref: React.Ref<HTMLElement>): void;
-  findMenuIndexByRef(ref: React.Ref<HTMLElement>): number;
-  getParentMenu(ref: React.Ref<HTMLElement>): React.Ref<HTMLElement>;
-  getChildMenu(ref: React.Ref<HTMLElement>): React.Ref<HTMLElement>;
-  nestedMenuHoverIndex: number;
-  isNestedMenuVisible(ref: React.Ref<HTMLElement>): boolean;
-}
-
-export declare const StyledEmptyState: StyletronComponent<any, any>;
-export declare const StyledList: StyletronComponent<any, any>;
-export declare const StyledListItem: StyletronComponent<any, any>;
-export declare const StyledListItemProfile: StyletronComponent<any, any>;
-export declare const StyledProfileImgContainer: StyletronComponent<any, any>;
-export declare const StyledProfileImg: StyletronComponent<any, any>;
-export declare const StyledProfileLabelsContainer: StyletronComponent<any, any>;
-export declare const StyledProfileTitle: StyletronComponent<any, any>;
-export declare const StyledProfileSubtitle: StyletronComponent<any, any>;
-export declare const StyledProfileBody: StyletronComponent<any, any>;
+import type { Item, ArrayItems, GroupedItems, Items, MenuProps, StatefulContainerProps } from './types';
+import { GetRequiredItemPropsFn, StateReducerFn } from './types';
+export { default as StatefulMenu } from './stateful-menu';
+export { default as StatefulContainer } from './stateful-container';
+export { default as OptionList } from './option-list';
+export { default as OptionProfile } from './option-profile';
+export { default as Menu } from './menu';
+export { default as NestedMenus, NestedMenuContext, type NestedMenuState, type NestedMenuProps, } from './nested-menus';
+export { KEY_STRINGS, STATE_CHANGE_TYPES } from './constants';
+export { StyledEmptyState, StyledList, StyledListItem, StyledListItemProfile, StyledProfileImgContainer, StyledProfileImg, StyledProfileLabelsContainer, StyledProfileTitle, StyledProfileSubtitle, StyledProfileBody, } from './styled-components';
+export * from './types';
+export type { MenuLocale } from './locale';
+/** @deprecated use Item instead. To be removed in future versions.*/
+export declare type ItemT = Item;
+/** @deprecated use ArrayItems instead. To be removed in future versions.*/
+export declare type ArrayItemsT = ArrayItems;
+/** @deprecated use GroupedItems instead. To be removed in future versions.*/
+export declare type GroupedItemsT = GroupedItems;
+/** @deprecated use Items instead. To be removed in future versions.*/
+export declare type ItemsT = Items;
+/** @deprecated To be removed in future versions.*/
+export declare type BaseMenuPropsT = MenuProps;
+/** @deprecated To be removed in future versions.*/
+export declare type OnItemSelect = StatefulContainerProps['onItemSelect'];
+/** @deprecated use StateReducerFn instead. To be removed in future versions.*/
+export declare type StateReducer = StateReducerFn;
+/** @deprecated use GetRequiredItemPropsFn instead. To be removed in future versions.*/
+export declare type GetRequiredItemProps = GetRequiredItemPropsFn;