baseui 11.2.1 → 12.1.1

package/es/map-marker/floating-marker.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 /*
 Copyright (c) Uber Technologies, Inc.
@@ -7,11 +7,11 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 import * as React from 'react';
-import { useStyletron } from '../styles/index.js';
-import PinHead from './pin-head.js';
-import { getOverrides } from '../helpers/overrides.js';
-import { StyledFloatingMarkerRoot, StyledFloatingMarkerAnchorContainer, StyledFloatingMarkerPinHeadContainer } from './styled-components.js';
-import { FLOATING_MARKER_ANCHOR_POSITIONS, PINHEAD_SIZES_SHAPES, PINHEAD_TYPES, FLOATING_MARKER_ANCHOR_TYPES, PINHEAD_DIMENSIONS } from './constants.js';
+import { useStyletron } from '../styles';
+import PinHead from './pin-head';
+import { getOverrides } from '../helpers/overrides';
+import { StyledFloatingMarkerRoot, StyledFloatingMarkerAnchorContainer, StyledFloatingMarkerPinHeadContainer } from './styled-components';
+import { FLOATING_MARKER_ANCHOR_POSITIONS, PINHEAD_SIZES_SHAPES, PINHEAD_TYPES, FLOATING_MARKER_ANCHOR_TYPES, PINHEAD_DIMENSIONS } from './constants';
 
 function getAnchorPinHeadSize(anchorType) {
   if (anchorType === FLOATING_MARKER_ANCHOR_TYPES.circle) {

package/es/map-marker/index.js

@@ -4,6 +4,9 @@ Copyright (c) Uber Technologies, Inc.
 This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
-export { default as FixedMarker } from './fixed-marker.js';
-export { default as FloatingMarker } from './floating-marker.js';
-export { FLOATING_MARKER_ANCHOR_POSITIONS, FLOATING_MARKER_SIZES, FLOATING_MARKER_ANCHOR_TYPES, NEEDLE_SIZES, PINHEAD_SIZES_SHAPES, BADGE_ENHANCER_SIZES, LABEL_ENHANCER_POSITIONS, KIND, PINHEAD_DIMENSIONS } from './constants.js';
+export { default as FixedMarker } from './fixed-marker';
+export { default as FloatingMarker } from './floating-marker';
+export { default as LocationPuck } from './location-puck';
+export { FLOATING_MARKER_ANCHOR_POSITIONS, FLOATING_MARKER_SIZES, FLOATING_MARKER_ANCHOR_TYPES, NEEDLE_SIZES, PINHEAD_SIZES_SHAPES, BADGE_ENHANCER_SIZES, LABEL_ENHANCER_POSITIONS, KIND, PINHEAD_DIMENSIONS, LOCATION_PUCK_SIZES, LOCATION_PUCK_TYPES } from './constants';
+export * from './types';
+/** @deprecated use AnchorPositions instead. To be removed in future versions.*/

package/es/map-marker/label-enhancer.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 /*
 Copyright (c) Uber Technologies, Inc.
@@ -7,9 +7,9 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 import * as React from 'react';
-import { getOverrides } from '../helpers/overrides.js';
-import { RelativeContainer, StyledStrokedLabel, StyledStrokedLabelContainer } from './styled-components.js';
-import { LABEL_ENHANCER_POSITIONS } from './constants.js';
+import { getOverrides } from '../helpers/overrides';
+import { RelativeContainer, StyledStrokedLabel, StyledStrokedLabelContainer } from './styled-components';
+import { LABEL_ENHANCER_POSITIONS } from './constants';
 
 const LabelEnhancer = ({
   labelEnhancerContent,

package/es/map-marker/location-puck.js

@@ -0,0 +1,142 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+import * as React from 'react';
+import { useStyletron } from '../styles';
+import { getOverrides } from '../helpers/overrides';
+import { LOCATION_PUCK_SIZES, LOCATION_PUCK_TYPES, EARNER_LOCATION_PUCK_CORE_SCALES } from './constants';
+import { LocationPuckContainer, StyledConsumerLocationPuckCore, StyledLocationPuckApproximation, StyledEarnerLocationPuckCore } from './styled-components';
+
+const ConsumerLocationPuckHeading = ({
+  heading
+}) => {
+  const [css, theme] = useStyletron();
+  return /*#__PURE__*/React.createElement("svg", {
+    className: css({
+      height: `${6}px`,
+      width: `${11}px`,
+      position: 'absolute',
+      color: theme.colors.contentAccent,
+      transition: `${theme.animation.timing300} ${theme.animation.easeOutCurve} all`
+    }),
+    style: {
+      transform: `rotate(${heading}deg) translateY(-16px)`
+    },
+    width: "11",
+    height: "6",
+    viewBox: "0 0 11 6",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5.5 0L0 6L5.5 5L11 6L5.5 0Z",
+    fill: "currentColor"
+  }));
+};
+
+const ConsumerLocationPuck = ({
+  heading,
+  showHeading,
+  confidenceRadius,
+  overrides
+}) => {
+  const [, theme] = useStyletron();
+  const [Root, rootProps] = getOverrides(overrides.Root, LocationPuckContainer);
+  const [ConsumerLocationPuckCore, consumerLocationPuckCoreProps] = getOverrides(overrides.ConsumerLocationPuckCore, StyledConsumerLocationPuckCore);
+  const [LocationPuckApproximation, locationPuckApproximationProps] = getOverrides(overrides.LocationPuckApproximation, StyledLocationPuckApproximation);
+  return /*#__PURE__*/React.createElement(Root, rootProps, /*#__PURE__*/React.createElement(LocationPuckApproximation, _extends({
+    $color: theme.colors.contentAccent,
+    $radius: confidenceRadius
+  }, locationPuckApproximationProps)), /*#__PURE__*/React.createElement(ConsumerLocationPuckCore, consumerLocationPuckCoreProps), showHeading && /*#__PURE__*/React.createElement(ConsumerLocationPuckHeading, {
+    heading: heading
+  }));
+};
+
+const EarnerLocationPuckHeading = ({
+  size,
+  color,
+  heading
+}) => {
+  const [css, theme] = useStyletron();
+  return /*#__PURE__*/React.createElement("svg", {
+    className: css({
+      position: 'absolute',
+      transition: `${theme.animation.timing300} ${theme.animation.easeOutCurve} all`
+    }),
+    style: {
+      transform: `rotate(${heading}deg) scale(${EARNER_LOCATION_PUCK_CORE_SCALES[size]})`
+    },
+    width: "72",
+    height: "72",
+    viewBox: "0 0 72 72",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M36 20L52 52L36 42.8571L20 52L36 20Z",
+    fill: color
+  }));
+};
+
+const EarnerLocationPuck = ({
+  heading,
+  confidenceRadius,
+  size,
+  overrides
+}) => {
+  const [, theme] = useStyletron();
+  const color = theme.colors.contentPrimary;
+  const [Root, rootProps] = getOverrides(overrides.Root, LocationPuckContainer);
+  const [LocationPuckApproximation, locationPuckApproximationProps] = getOverrides(overrides.LocationPuckApproximation, StyledLocationPuckApproximation);
+  const [EarnerLocationPuckCore, earnerLocationPuckCoreProps] = getOverrides(overrides.EarnerLocationPuckCore, StyledEarnerLocationPuckCore);
+  return /*#__PURE__*/React.createElement(Root, rootProps, /*#__PURE__*/React.createElement(LocationPuckApproximation, _extends({
+    $color: color,
+    $radius: confidenceRadius
+  }, locationPuckApproximationProps)), /*#__PURE__*/React.createElement(EarnerLocationPuckCore, _extends({
+    $color: color,
+    $size: size
+  }, earnerLocationPuckCoreProps)), /*#__PURE__*/React.createElement(EarnerLocationPuckHeading, {
+    size: size,
+    color: color,
+    heading: heading
+  }));
+};
+
+const LocationPuck = ({
+  size = LOCATION_PUCK_SIZES.medium,
+  heading = 0,
+  showHeading = true,
+  confidenceRadius = 0,
+  type = LOCATION_PUCK_TYPES.consumer,
+  overrides = {}
+}) => {
+  if (process.env.NODE_ENV !== "production") {
+    if (size !== LOCATION_PUCK_SIZES.medium && type === LOCATION_PUCK_TYPES.consumer) {
+      console.warn(`Location puck size can only be applied to type === LOCATION_PUCK_TYPES.earner`);
+    }
+
+    if (!showHeading && type === LOCATION_PUCK_TYPES.earner) {
+      console.warn(`Earner location puck must show the heading indicator`);
+    }
+  }
+
+  const sharedProps = {
+    heading,
+    confidenceRadius,
+    overrides
+  };
+  return type === LOCATION_PUCK_TYPES.consumer ? /*#__PURE__*/React.createElement(ConsumerLocationPuck, _extends({}, sharedProps, {
+    showHeading: showHeading
+  })) : /*#__PURE__*/React.createElement(EarnerLocationPuck, _extends({}, sharedProps, {
+    size: size
+  }));
+};
+
+export default LocationPuck;

package/es/map-marker/needle.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 /*
 Copyright (c) Uber Technologies, Inc.
@@ -7,9 +7,9 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 import * as React from 'react';
-import { getOverrides } from '../helpers/overrides.js';
-import { NEEDLE_HEIGHTS } from './constants.js';
-import { StyledNeedle } from './styled-components.js';
+import { getOverrides } from '../helpers/overrides';
+import { NEEDLE_HEIGHTS } from './constants';
+import { StyledNeedle } from './styled-components';
 
 const Needle = ({
   size,

package/es/map-marker/pin-head.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 /*
 Copyright (c) Uber Technologies, Inc.
@@ -7,11 +7,11 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 import * as React from 'react';
-import { getOverrides } from '../helpers/overrides.js';
-import { StyledInnerXXSmallAnchor, StyledOuterXXSmallAnchor, StyledInnerXSmallAnchor, StyledOuterXSmallAnchor, StyledPinHead, RelativeContainer, StyledContentItem } from './styled-components.js';
-import { PINHEAD_DIMENSIONS, PINHEAD_TYPES, PINHEAD_SIZES_SHAPES, NEEDLE_HEIGHTS, NEEDLE_SIZES } from './constants.js';
-import BadgeEnhancer from './badge-enhancer.js';
-import LabelEnhancer from './label-enhancer.js';
+import { getOverrides } from '../helpers/overrides';
+import { StyledInnerXXSmallAnchor, StyledOuterXXSmallAnchor, StyledInnerXSmallAnchor, StyledOuterXSmallAnchor, StyledPinHead, RelativeContainer, StyledContentItem } from './styled-components';
+import { PINHEAD_DIMENSIONS, PINHEAD_TYPES, PINHEAD_SIZES_SHAPES, NEEDLE_HEIGHTS, NEEDLE_SIZES } from './constants';
+import BadgeEnhancer from './badge-enhancer';
+import LabelEnhancer from './label-enhancer';
 
 const PinHead = ({
   size = PINHEAD_SIZES_SHAPES.medium,
@@ -21,6 +21,7 @@ const PinHead = ({
   color,
   background,
   type = PINHEAD_TYPES.fixed,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   anchorType,
   needle = NEEDLE_SIZES.none,
   labelEnhancerContent,

package/es/map-marker/styled-components.js

@@ -4,8 +4,8 @@ Copyright (c) Uber Technologies, Inc.
 This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
-import { styled } from '../styles/index.js';
-import { BADGE_ENHANCER_STYLES, FLOATING_MARKER_ANCHOR_POSITIONS, LABEL_SIZES } from './constants.js';
+import { styled } from '../styles';
+import { BADGE_ENHANCER_STYLES, FLOATING_MARKER_ANCHOR_POSITIONS, LABEL_SIZES, EARNER_LOCATION_PUCK_CORE_SCALES } from './constants';
 export const getAnchorTransform = (anchor, anchorSize) => ({
   [FLOATING_MARKER_ANCHOR_POSITIONS.none]: ``,
   [FLOATING_MARKER_ANCHOR_POSITIONS.topLeft]: `translate(${anchorSize}px, ${anchorSize}px)`,
@@ -28,6 +28,7 @@ export const StyledDragShadowContainer = styled('div', ({
   boxShadow: $theme.lighting.shadow600
 }));
 StyledDragShadowContainer.displayName = "StyledDragShadowContainer";
+StyledDragShadowContainer.displayName = 'StyledDragShadowContainer';
 export const StyledDragShadow = styled('div', ({
   $theme,
   $background,
@@ -41,6 +42,7 @@ export const StyledDragShadow = styled('div', ({
   bottom: 0
 }));
 StyledDragShadow.displayName = "StyledDragShadow";
+StyledDragShadow.displayName = 'StyledDragShadow';
 export const StyledNeedle = styled('div', ({
   $theme,
   $background,
@@ -52,6 +54,7 @@ export const StyledNeedle = styled('div', ({
   boxShadow: $theme.lighting.shadow600
 }));
 StyledNeedle.displayName = "StyledNeedle";
+StyledNeedle.displayName = 'StyledNeedle';
 export const StyledFloatingMarkerRoot = styled('div', ({
   $size
 }) => ({
@@ -60,6 +63,7 @@ export const StyledFloatingMarkerRoot = styled('div', ({
   width: `${$size}px`
 }));
 StyledFloatingMarkerRoot.displayName = "StyledFloatingMarkerRoot";
+StyledFloatingMarkerRoot.displayName = 'StyledFloatingMarkerRoot';
 export const StyledFloatingMarkerPinHeadContainer = styled('div', ({
   $theme,
   $anchor,
@@ -70,16 +74,19 @@ export const StyledFloatingMarkerPinHeadContainer = styled('div', ({
   transform: getAnchorTransform($anchor, $anchorSize)
 }));
 StyledFloatingMarkerPinHeadContainer.displayName = "StyledFloatingMarkerPinHeadContainer";
+StyledFloatingMarkerPinHeadContainer.displayName = 'StyledFloatingMarkerPinHeadContainer';
 export const StyledFloatingMarkerAnchorContainer = styled('div', () => ({
   position: 'absolute'
 }));
 StyledFloatingMarkerAnchorContainer.displayName = "StyledFloatingMarkerAnchorContainer";
+StyledFloatingMarkerAnchorContainer.displayName = 'StyledFloatingMarkerAnchorContainer';
 export const StyledFixedMarkerRoot = styled('div', () => ({
   display: 'flex',
   alignItems: 'center',
   flexDirection: 'column'
 }));
 StyledFixedMarkerRoot.displayName = "StyledFixedMarkerRoot";
+StyledFixedMarkerRoot.displayName = 'StyledFixedMarkerRoot';
 export const StyledFixedMarkerDragContainer = styled('div', ({
   $theme,
   $translateAmount,
@@ -94,6 +101,7 @@ export const StyledFixedMarkerDragContainer = styled('div', ({
   };
 });
 StyledFixedMarkerDragContainer.displayName = "StyledFixedMarkerDragContainer";
+StyledFixedMarkerDragContainer.displayName = 'StyledFixedMarkerDragContainer';
 export const StyledOuterXXSmallAnchor = styled('div', ({
   $theme,
   $round,
@@ -110,6 +118,7 @@ export const StyledOuterXXSmallAnchor = styled('div', ({
   boxShadow: $theme.lighting.shadow600
 }));
 StyledOuterXXSmallAnchor.displayName = "StyledOuterXXSmallAnchor";
+StyledOuterXXSmallAnchor.displayName = 'StyledOuterXXSmallAnchor';
 export const StyledInnerXXSmallAnchor = styled('div', ({
   $round,
   $color,
@@ -121,6 +130,7 @@ export const StyledInnerXXSmallAnchor = styled('div', ({
   borderRadius: $round ? '50%' : 0
 }));
 StyledInnerXXSmallAnchor.displayName = "StyledInnerXXSmallAnchor";
+StyledInnerXXSmallAnchor.displayName = 'StyledInnerXXSmallAnchor';
 export const StyledOuterXSmallAnchor = styled('div', ({
   $theme,
   $round,
@@ -137,6 +147,7 @@ export const StyledOuterXSmallAnchor = styled('div', ({
   boxShadow: $theme.lighting.shadow600
 }));
 StyledOuterXSmallAnchor.displayName = "StyledOuterXSmallAnchor";
+StyledOuterXSmallAnchor.displayName = 'StyledOuterXSmallAnchor';
 export const StyledInnerXSmallAnchor = styled('div', ({
   $round,
   $color,
@@ -148,6 +159,7 @@ export const StyledInnerXSmallAnchor = styled('div', ({
   borderRadius: $round ? '50%' : 0
 }));
 StyledInnerXSmallAnchor.displayName = "StyledInnerXSmallAnchor";
+StyledInnerXSmallAnchor.displayName = 'StyledInnerXSmallAnchor';
 export const StyledPinHead = styled('div', ({
   $theme,
   $height,
@@ -183,6 +195,7 @@ export const StyledPinHead = styled('div', ({
   };
 });
 StyledPinHead.displayName = "StyledPinHead";
+StyledPinHead.displayName = 'StyledPinHead';
 export const StyledStrokedLabelContainer = styled('div', ({
   $position,
   $theme,
@@ -229,6 +242,7 @@ export const StyledStrokedLabelContainer = styled('div', ({
   };
 });
 StyledStrokedLabelContainer.displayName = "StyledStrokedLabelContainer";
+StyledStrokedLabelContainer.displayName = 'StyledStrokedLabelContainer';
 export const StyledStrokedLabel = styled('div', ({
   $theme,
   $size
@@ -255,6 +269,7 @@ export const StyledStrokedLabel = styled('div', ({
   };
 });
 StyledStrokedLabel.displayName = "StyledStrokedLabel";
+StyledStrokedLabel.displayName = 'StyledStrokedLabel';
 export const StyledBadgeEnhancerRoot = styled('div', ({
   $theme,
   $size,
@@ -277,12 +292,14 @@ export const StyledBadgeEnhancerRoot = styled('div', ({
   };
 });
 StyledBadgeEnhancerRoot.displayName = "StyledBadgeEnhancerRoot";
+StyledBadgeEnhancerRoot.displayName = 'StyledBadgeEnhancerRoot';
 export const RelativeContainer = styled('div', () => {
   return {
     position: 'relative'
   };
 });
 RelativeContainer.displayName = "RelativeContainer";
+RelativeContainer.displayName = 'RelativeContainer';
 export const StyledContentItem = styled('div', ({
   $theme,
   $color,
@@ -298,4 +315,71 @@ export const StyledContentItem = styled('div', ({
     color: $color
   };
 });
-StyledContentItem.displayName = "StyledContentItem";
+StyledContentItem.displayName = "StyledContentItem";
+StyledContentItem.displayName = 'StyledContentItem';
+export const LocationPuckContainer = styled('div', () => {
+  return {
+    position: 'relative',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center'
+  };
+});
+LocationPuckContainer.displayName = "LocationPuckContainer";
+LocationPuckContainer.displayName = 'LocationPuckContainer';
+export const consumerLocationShadow = {
+  boxShadow: `0px 2px 4px 0px rgba(67, 76, 123, 0.2)`
+};
+export const earnerLocationShadow = {
+  boxShadow: `0px 3px 5px 0px rgba(67, 76, 123, 0.4)`
+};
+export const StyledConsumerLocationPuckCore = styled('div', ({
+  $theme
+}) => {
+  return {
+    height: `${12}px`,
+    width: `${12}px`,
+    background: $theme.colors.contentAccent,
+    borderRadius: `${100}px `,
+    position: 'absolute',
+    ...consumerLocationShadow
+  };
+});
+StyledConsumerLocationPuckCore.displayName = "StyledConsumerLocationPuckCore";
+export const StyledLocationPuckApproximation = styled('div', ({
+  $theme,
+  $color,
+  $radius
+}) => {
+  return {
+    background: $color,
+    opacity: 0.12,
+    height: `${$radius / 2}px`,
+    width: `${$radius / 2}px`,
+    borderRadius: `${10000}px `,
+    position: 'absolute',
+    transition: `${$theme.animation.timing300} ${$theme.animation.easeOutCurve} all`
+  };
+});
+StyledLocationPuckApproximation.displayName = "StyledLocationPuckApproximation";
+StyledLocationPuckApproximation.displayName = 'StyledLocationPuckApproximation';
+export const StyledEarnerLocationPuckCore = styled('div', ({
+  $theme,
+  $color,
+  $size
+}) => {
+  return {
+    position: 'absolute',
+    transform: `scale(${EARNER_LOCATION_PUCK_CORE_SCALES[$size]})`,
+    transition: `${$theme.animation.timing300} ${$theme.animation.easeOutCurve} all`,
+    ...earnerLocationShadow,
+    borderRadius: '50%',
+    height: `${72}px`,
+    width: `${72}px`,
+    background: $theme.colors.backgroundPrimary,
+    border: `${6}px solid ${$color}`,
+    boxSizing: 'border-box'
+  };
+});
+StyledEarnerLocationPuckCore.displayName = "StyledEarnerLocationPuckCore";
+StyledEarnerLocationPuckCore.displayName = 'StyledEarnerLocationPuckCore';

package/es/map-marker/types.js

@@ -1,8 +1 @@
-/*
-Copyright (c) Uber Technologies, Inc.
-
-This source code is licensed under the MIT license found in the
-LICENSE file in the root directory of this source tree.
-*/
-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.js';
+export {};

package/es/menu/index.js

@@ -4,13 +4,15 @@ Copyright (c) Uber Technologies, Inc.
 This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
-export { default as StatefulMenu } from './stateful-menu.js';
-export { default as StatefulContainer } from './stateful-container.js';
-export { default as OptionList } from './option-list.js';
-export { default as OptionProfile } from './option-profile.js';
-export { default as Menu } from './menu.js';
-export { default as NestedMenus, NestedMenuContext } from './nested-menus.js'; // Constants
+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 } from './nested-menus'; // Constants
 
-export { KEY_STRINGS, STATE_CHANGE_TYPES } from './constants.js'; // Styled elements
+export { KEY_STRINGS, STATE_CHANGE_TYPES } from './constants'; // Styled elements
 
-export { StyledEmptyState, StyledList, StyledListItem, StyledListItemProfile, StyledProfileImgContainer, StyledProfileImg, StyledProfileLabelsContainer, StyledProfileTitle, StyledProfileSubtitle, StyledProfileBody } from './styled-components.js'; // Flow
+export { StyledEmptyState, StyledList, StyledListItem, StyledListItemProfile, StyledProfileImgContainer, StyledProfileImg, StyledProfileLabelsContainer, StyledProfileTitle, StyledProfileSubtitle, StyledProfileBody, StyledMenuDivider } from './styled-components'; // Flow
+
+export * from './types';

package/es/menu/maybe-child-menu.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 /*
 Copyright (c) Uber Technologies, Inc.
@@ -7,17 +7,20 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 import * as React from 'react';
-import { NestedMenuContext } from './nested-menus.js';
-import { Popover } from '../popover/index.js';
-import { getOverrides, mergeOverrides } from '../helpers/overrides.js';
-export default function MaybeChildMenu(props) {
+import { NestedMenuContext } from './nested-menus';
+import { Popover } from '../popover';
+import { getOverrides, mergeOverrides } from '../helpers/overrides';
+
+const MaybeChildMenu = props => {
   if (!props.getChildMenu) {
+    // @ts-expect-error todo(flow->ts): children should be of type ReactElement or null
     return props.children;
   }
 
   const ChildMenu = props.getChildMenu(props.item);
 
   if (!ChildMenu) {
+    // @ts-expect-error todo(flow->ts): children should be of type ReactElement or null
     return props.children;
   }
 
@@ -56,4 +59,6 @@ export default function MaybeChildMenu(props) {
       }, popoverProps.overrides)
     }), props.children);
   });
-}
+};
+
+export default MaybeChildMenu;

package/es/menu/menu.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 /*
 Copyright (c) Uber Technologies, Inc.
@@ -7,13 +7,13 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 import * as React from 'react';
-import { LocaleContext } from '../locale/index.js'; // Components
+import { LocaleContext } from '../locale'; // Components
 
-import { StyledList, StyledEmptyState, StyledOptgroupHeader } from './styled-components.js';
-import OptionList from './option-list.js';
-import { getOverrides } from '../helpers/overrides.js'; // Types
+import { StyledList, StyledEmptyState, StyledOptgroupHeader, StyledMenuDivider } from './styled-components';
+import OptionList from './option-list';
+import { getOverrides } from '../helpers/overrides'; // Types
 
-import { isFocusVisible, forkFocus, forkBlur } from '../utils/focusVisible.js';
+import { isFocusVisible, forkFocus, forkBlur } from '../utils/focusVisible';
 export default function Menu(props) {
   const {
     overrides = {},
@@ -22,6 +22,7 @@ export default function Menu(props) {
     focusMenu = () => {},
     unfocusMenu = () => {},
     handleMouseLeave = () => {},
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     handleKeyDown = event => {},
     renderAll = false
   } = props;
@@ -31,7 +32,8 @@ export default function Menu(props) {
     if (isFocusVisible(event)) {
       setFocusVisible(true);
     }
-  };
+  }; // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
 
   const handleBlur = event => {
     if (focusVisible !== false) {
@@ -43,6 +45,7 @@ export default function Menu(props) {
   const [Option, optionProps] = getOverrides(overrides.Option, OptionList);
   const [EmptyState, emptyStateProps] = getOverrides(overrides.EmptyState, StyledEmptyState);
   const [OptgroupHeader, optgroupHeaderProps] = getOverrides(overrides.OptgroupHeader, StyledOptgroupHeader);
+  const [MenuDivider, menuDividerProps] = getOverrides(overrides.MenuDivider, StyledMenuDivider);
   const groupedItems = Array.isArray(props.items) ? {
     __ungrouped: props.items
   } : props.items;
@@ -52,13 +55,20 @@ export default function Menu(props) {
       els.push( /*#__PURE__*/React.createElement(OptgroupHeader, _extends({
         key: optgroup
       }, optgroupHeaderProps), optgroup));
-    }
+    } // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
 
     const groupItems = groupedItems[optgroup].map((item, index) => {
-      itemIndex = itemIndex + 1;
+      itemIndex = itemIndex + 1; // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
       const {
         getRequiredItemProps = (item, index) => ({})
       } = props;
+
+      if (item.divider === true) {
+        return /*#__PURE__*/React.createElement(MenuDivider, menuDividerProps);
+      }
+
       const {
         disabled,
         isFocused,

package/es/menu/nested-menus.js

@@ -10,7 +10,9 @@ import * as React from 'react';
 export const NestedMenuContext = /*#__PURE__*/React.createContext({
   addMenuToNesting: () => {},
   removeMenuFromNesting: () => {},
+  // @ts-expect-error todo(flow->ts): incorrect default value
   getParentMenu: () => {},
+  // @ts-expect-error todo(flow->ts): incorrect default value
   getChildMenu: () => {},
   nestedMenuHoverIndex: -1,
   isNestedMenuVisible: () => false,

package/es/menu/option-list.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 /*
 Copyright (c) Uber Technologies, Inc.
@@ -7,11 +7,11 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 import * as React from 'react';
-import { LocaleContext } from '../locale/index.js';
-import { getOverrides } from '../helpers/overrides.js';
-import { OPTION_LIST_SIZE } from './constants.js';
-import MaybeChildMenu from './maybe-child-menu.js';
-import { StyledListItem, StyledListItemAnchor } from './styled-components.js';
+import { LocaleContext } from '../locale';
+import { getOverrides } from '../helpers/overrides';
+import { OPTION_LIST_SIZE } from './constants';
+import MaybeChildMenu from './maybe-child-menu';
+import { StyledListItem, StyledListItemAnchor } from './styled-components';
 
 function OptionList(props, ref) {
   const {