baseui 12.1.3 → 13.0.0

package/map-marker/styled-components.d.ts

@@ -1,4 +1,4 @@
-import type { AnchorPositions, LabelEnhancerPosition, BadgeEnhancerSize, BadgePosition, PinHeadSize, LocationPuckSize } from './types';
+import type { AnchorPositions, LabelEnhancerPosition, BadgeEnhancerSize, BadgePosition, PinHeadSize, LocationPuckSize, FloatingRouteMarkerAnchorPositions } from './types';
 export declare const getAnchorTransform: (anchor: AnchorPositions, anchorSize: number) => string;
 export declare const StyledDragShadowContainer: import("styletron-react").StyletronComponent<"div", {
     $height: number;
@@ -67,11 +67,26 @@ export declare const StyledBadgeEnhancerRoot: import("styletron-react").Styletro
     $position: BadgePosition;
 }>;
 export declare const RelativeContainer: import("styletron-react").StyletronComponent<"div", {}>;
-export declare const StyledContentItem: import("styletron-react").StyletronComponent<"div", {
+export declare const StyledEnhancerSlot: import("styletron-react").StyletronComponent<"div", {
     $color: string;
     $height: number;
     $size: PinHeadSize;
 }>;
+export declare const StyledFloatingRouteMarkerRoot: import("styletron-react").StyletronComponent<"div", {
+    $height: number;
+    $background: string;
+    $gridTemplateColumns: string;
+}>;
+export declare const StyledLabelSlot: import("styletron-react").StyletronComponent<"div", {
+    $color: string;
+    $height: number;
+    $size: PinHeadSize;
+}>;
+export declare const StyledLabel: import("styletron-react").StyletronComponent<"div", {
+    $size: PinHeadSize;
+    $renderSecondaryLabel: boolean;
+    $color: String;
+}>;
 export declare const LocationPuckContainer: import("styletron-react").StyletronComponent<"div", {}>;
 export declare const consumerLocationShadow: {
     boxShadow: string;
@@ -88,3 +103,9 @@ export declare const StyledEarnerLocationPuckCore: import("styletron-react").Sty
     $color: string;
     $size: LocationPuckSize;
 }>;
+export declare const StyledFloatingRouteMarkerPointerContainer: import("styletron-react").StyletronComponent<"svg", {
+    $position: FloatingRouteMarkerAnchorPositions;
+}>;
+export declare const StyledFloatingRouteMarkerPointer: import("styletron-react").StyletronComponent<"path", {
+    $background: string;
+}>;

package/map-marker/styled-components.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getAnchorTransform = exports.earnerLocationShadow = exports.consumerLocationShadow = exports.StyledStrokedLabelContainer = exports.StyledStrokedLabel = exports.StyledPinHead = exports.StyledOuterXXSmallAnchor = exports.StyledOuterXSmallAnchor = exports.StyledNeedle = exports.StyledLocationPuckApproximation = exports.StyledInnerXXSmallAnchor = exports.StyledInnerXSmallAnchor = exports.StyledFloatingMarkerRoot = exports.StyledFloatingMarkerPinHeadContainer = exports.StyledFloatingMarkerAnchorContainer = exports.StyledFixedMarkerRoot = exports.StyledFixedMarkerDragContainer = exports.StyledEarnerLocationPuckCore = exports.StyledDragShadowContainer = exports.StyledDragShadow = exports.StyledContentItem = exports.StyledConsumerLocationPuckCore = exports.StyledBadgeEnhancerRoot = exports.RelativeContainer = exports.LocationPuckContainer = void 0;
+exports.getAnchorTransform = exports.earnerLocationShadow = exports.consumerLocationShadow = exports.StyledStrokedLabelContainer = exports.StyledStrokedLabel = exports.StyledPinHead = exports.StyledOuterXXSmallAnchor = exports.StyledOuterXSmallAnchor = exports.StyledNeedle = exports.StyledLocationPuckApproximation = exports.StyledLabelSlot = exports.StyledLabel = exports.StyledInnerXXSmallAnchor = exports.StyledInnerXSmallAnchor = exports.StyledFloatingRouteMarkerRoot = exports.StyledFloatingRouteMarkerPointerContainer = exports.StyledFloatingRouteMarkerPointer = exports.StyledFloatingMarkerRoot = exports.StyledFloatingMarkerPinHeadContainer = exports.StyledFloatingMarkerAnchorContainer = exports.StyledFixedMarkerRoot = exports.StyledFixedMarkerDragContainer = exports.StyledEnhancerSlot = exports.StyledEarnerLocationPuckCore = exports.StyledDragShadowContainer = exports.StyledDragShadow = exports.StyledConsumerLocationPuckCore = exports.StyledBadgeEnhancerRoot = exports.RelativeContainer = exports.LocationPuckContainer = void 0;
 
 var _styles = require("../styles");
 
@@ -321,7 +321,7 @@ var RelativeContainer = (0, _styles.styled)('div', function () {
 exports.RelativeContainer = RelativeContainer;
 RelativeContainer.displayName = "RelativeContainer";
 RelativeContainer.displayName = 'RelativeContainer';
-var StyledContentItem = (0, _styles.styled)('div', function (_ref15) {
+var StyledEnhancerSlot = (0, _styles.styled)('div', function (_ref15) {
   var $theme = _ref15.$theme,
       $color = _ref15.$color,
       $height = _ref15.$height,
@@ -335,9 +335,63 @@ var StyledContentItem = (0, _styles.styled)('div', function (_ref15) {
     color: $color
   });
 });
-exports.StyledContentItem = StyledContentItem;
-StyledContentItem.displayName = "StyledContentItem";
-StyledContentItem.displayName = 'StyledContentItem';
+exports.StyledEnhancerSlot = StyledEnhancerSlot;
+StyledEnhancerSlot.displayName = "StyledEnhancerSlot";
+var StyledFloatingRouteMarkerRoot = (0, _styles.styled)('div', function (_ref16) {
+  var $theme = _ref16.$theme,
+      $height = _ref16.$height,
+      $background = _ref16.$background,
+      $gridTemplateColumns = _ref16.$gridTemplateColumns;
+  return {
+    position: 'absolute',
+    backgroundColor: $background,
+    height: "".concat($height, "px"),
+    display: 'grid',
+    gridTemplateColumns: $gridTemplateColumns,
+    gap: '8px',
+    filter: "drop-shadow(".concat($theme.lighting.shadow600, ")"),
+    whiteSpace: 'nowrap',
+    borderRadius: "".concat(8, "px"),
+    padding: "".concat(4, "px ", 8, "px"),
+    transition: "".concat($theme.animation.timing300, " ").concat($theme.animation.easeOutCurve, " all")
+  };
+});
+exports.StyledFloatingRouteMarkerRoot = StyledFloatingRouteMarkerRoot;
+StyledFloatingRouteMarkerRoot.displayName = "StyledFloatingRouteMarkerRoot";
+StyledFloatingRouteMarkerRoot.displayName = 'StyledFloatingRouteMarkerRoot';
+StyledEnhancerSlot.displayName = 'StyledEnhancerSlot';
+var StyledLabelSlot = (0, _styles.styled)('div', function () {
+  return {
+    display: 'flex',
+    justifyContent: 'center',
+    flexDirection: 'column'
+  };
+});
+exports.StyledLabelSlot = StyledLabelSlot;
+StyledLabelSlot.displayName = "StyledLabelSlot";
+StyledLabelSlot.displayName = 'StyledLabelSlot';
+var StyledLabel = (0, _styles.styled)('div', function (_ref17) {
+  var $theme = _ref17.$theme,
+      $size = _ref17.$size,
+      $renderSecondaryLabel = _ref17.$renderSecondaryLabel,
+      $color = _ref17.$color;
+  var pinheadSizeOrder = Object.values(_constants.PINHEAD_SIZES_SHAPES);
+  var labelSizeIndex = pinheadSizeOrder.findIndex(function (x) {
+    return $size === x;
+  });
+
+  if ($renderSecondaryLabel) {
+    labelSizeIndex--;
+  }
+
+  var typographyStyle = _constants.LABEL_SIZES[pinheadSizeOrder[labelSizeIndex]];
+  return _objectSpread(_objectSpread({}, $theme.typography[typographyStyle]), {}, {
+    color: $color
+  });
+});
+exports.StyledLabel = StyledLabel;
+StyledLabel.displayName = "StyledLabel";
+StyledLabel.displayName = 'StyledLabel';
 var LocationPuckContainer = (0, _styles.styled)('div', function () {
   return {
     position: 'relative',
@@ -357,8 +411,8 @@ var earnerLocationShadow = {
   boxShadow: "0px 3px 5px 0px rgba(67, 76, 123, 0.4)"
 };
 exports.earnerLocationShadow = earnerLocationShadow;
-var StyledConsumerLocationPuckCore = (0, _styles.styled)('div', function (_ref16) {
-  var $theme = _ref16.$theme;
+var StyledConsumerLocationPuckCore = (0, _styles.styled)('div', function (_ref18) {
+  var $theme = _ref18.$theme;
   return _objectSpread({
     height: "".concat(12, "px"),
     width: "".concat(12, "px"),
@@ -369,10 +423,10 @@ var StyledConsumerLocationPuckCore = (0, _styles.styled)('div', function (_ref16
 });
 exports.StyledConsumerLocationPuckCore = StyledConsumerLocationPuckCore;
 StyledConsumerLocationPuckCore.displayName = "StyledConsumerLocationPuckCore";
-var StyledLocationPuckApproximation = (0, _styles.styled)('div', function (_ref17) {
-  var $theme = _ref17.$theme,
-      $color = _ref17.$color,
-      $radius = _ref17.$radius;
+var StyledLocationPuckApproximation = (0, _styles.styled)('div', function (_ref19) {
+  var $theme = _ref19.$theme,
+      $color = _ref19.$color,
+      $radius = _ref19.$radius;
   return {
     background: $color,
     opacity: 0.12,
@@ -386,10 +440,10 @@ var StyledLocationPuckApproximation = (0, _styles.styled)('div', function (_ref1
 exports.StyledLocationPuckApproximation = StyledLocationPuckApproximation;
 StyledLocationPuckApproximation.displayName = "StyledLocationPuckApproximation";
 StyledLocationPuckApproximation.displayName = 'StyledLocationPuckApproximation';
-var StyledEarnerLocationPuckCore = (0, _styles.styled)('div', function (_ref18) {
-  var $theme = _ref18.$theme,
-      $color = _ref18.$color,
-      $size = _ref18.$size;
+var StyledEarnerLocationPuckCore = (0, _styles.styled)('div', function (_ref20) {
+  var $theme = _ref20.$theme,
+      $color = _ref20.$color,
+      $size = _ref20.$size;
   return _objectSpread(_objectSpread({
     position: 'absolute',
     transform: "scale(".concat(_constants.EARNER_LOCATION_PUCK_CORE_SCALES[$size], ")"),
@@ -405,4 +459,24 @@ var StyledEarnerLocationPuckCore = (0, _styles.styled)('div', function (_ref18)
 });
 exports.StyledEarnerLocationPuckCore = StyledEarnerLocationPuckCore;
 StyledEarnerLocationPuckCore.displayName = "StyledEarnerLocationPuckCore";
-StyledEarnerLocationPuckCore.displayName = 'StyledEarnerLocationPuckCore';
+StyledEarnerLocationPuckCore.displayName = 'StyledEarnerLocationPuckCore';
+var StyledFloatingRouteMarkerPointerContainer = (0, _styles.styled)('svg', function (_ref21) {
+  var $position = _ref21.$position;
+  return _objectSpread({
+    position: 'absolute'
+  }, _constants.FLOATING_ROUTE_MARKER_POINTER_TRANSFORMS[$position]);
+});
+exports.StyledFloatingRouteMarkerPointerContainer = StyledFloatingRouteMarkerPointerContainer;
+StyledFloatingRouteMarkerPointerContainer.displayName = "StyledFloatingRouteMarkerPointerContainer";
+StyledFloatingRouteMarkerPointerContainer.displayName = 'StyledFloatingRouteMarkerPointerContainer';
+var StyledFloatingRouteMarkerPointer = (0, _styles.styled)('path', function (_ref22) {
+  var $theme = _ref22.$theme,
+      $background = _ref22.$background;
+  return {
+    transition: "".concat($theme.animation.timing300, " ").concat($theme.animation.easeOutCurve, " all"),
+    fill: $background
+  };
+});
+exports.StyledFloatingRouteMarkerPointer = StyledFloatingRouteMarkerPointer;
+StyledFloatingRouteMarkerPointer.displayName = "StyledFloatingRouteMarkerPointer";
+StyledFloatingRouteMarkerPointer.displayName = 'StyledFloatingRouteMarkerPointer';

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

@@ -298,17 +298,60 @@ export const StyledContentItem = styled<{
   $height: number,
   $size: PinHeadSizeT,
 }>('div', ({ $theme, $color, $height, $size }) => {
+  const { fontFamily, fontSize, fontWeight, lineHeight } = $theme.typography[LABEL_SIZES[$size]];
   return {
-    ...$theme.typography[LABEL_SIZES[$size]],
+    fontFamily,
+    fontSize,
+    fontWeight,
+    lineHeight: $height ? `${$height}px` : lineHeight,
     display: 'flex',
     alignItems: 'center',
     textAlign: 'center',
-    lineHeight: `${$height}px`,
     height: `${$height}px`,
     color: $color,
   };
 });
 
+export const StyledFloatingRouteMarkerRoot = styled<{
+  $height: number,
+  $background: string,
+  $gridTemplateColumns: string,
+}>('div', ({ $theme, $height, $background, $gridTemplateColumns }) => {
+  return {
+    position: 'absolute',
+    backgroundColor: $background,
+    height: `${$height}px`,
+    display: 'grid',
+    gridTemplateColumns: $gridTemplateColumns,
+    gap: '8px',
+    boxShadow: $theme.lighting.shadow600,
+    whiteSpace: 'nowrap',
+    borderRadius: `${8}px`,
+    padding: `${4}px ${8}px`,
+    transition: `${$theme.animation.timing300} ${$theme.animation.easeOutCurve} all`,
+  };
+});
+
+export const StyledLabelContent = styled<{
+  $color: string,
+  $height: number,
+  $size: PinHeadSizeT,
+}>('div', ({ $theme, $color, $height, $size }) => {
+  return {
+    ...$theme.typography[LABEL_SIZES[$size]],
+    display: 'flex',
+    flexDirection: 'column',
+  };
+});
+
+export const StyledLabel = styled<{
+  $color: string,
+}>('div', ({ $theme, $color }) => {
+  return {
+    color: $color,
+  };
+});
+
 export const LocationPuckContainer = styled<{}>('div', () => {
   return {
     position: 'relative',

package/map-marker/types.d.ts

@@ -1,24 +1,29 @@
 import type * as React from 'react';
-import type { 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, LOCATION_PUCK_SIZES, LOCATION_PUCK_TYPES } from './constants';
+import type { 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, LOCATION_PUCK_SIZES, LOCATION_PUCK_TYPES, FLOATING_ROUTE_MARKER_ANCHOR_POSITIONS } 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 LocationPuckSize = typeof LOCATION_PUCK_SIZES[keyof typeof LOCATION_PUCK_SIZES];
-export declare type LocationPuckType = typeof LOCATION_PUCK_TYPES[keyof typeof LOCATION_PUCK_TYPES];
-export declare type FixedMarkerOverrides = {
+export type AnchorPositions = (typeof FLOATING_MARKER_ANCHOR_POSITIONS)[keyof typeof FLOATING_MARKER_ANCHOR_POSITIONS];
+export type NeedleSize = (typeof NEEDLE_SIZES)[keyof typeof NEEDLE_SIZES];
+export type PinHead = (typeof PINHEAD_TYPES)[keyof typeof PINHEAD_TYPES];
+export type PinHeadSize = (typeof PINHEAD_SIZES_SHAPES)[keyof typeof PINHEAD_SIZES_SHAPES];
+export type FloatingMarkerSize = (typeof FLOATING_MARKER_SIZES)[keyof typeof FLOATING_MARKER_SIZES];
+export type FloatingMarkerAnchorType = (typeof FLOATING_MARKER_ANCHOR_TYPES)[keyof typeof FLOATING_MARKER_ANCHOR_TYPES];
+export type BadgeEnhancerSize = (typeof BADGE_ENHANCER_SIZES)[keyof typeof BADGE_ENHANCER_SIZES];
+export type LabelEnhancerPosition = (typeof LABEL_ENHANCER_POSITIONS)[keyof typeof LABEL_ENHANCER_POSITIONS];
+export type Kind = (typeof KIND)[keyof typeof KIND];
+export type LocationPuckSize = (typeof LOCATION_PUCK_SIZES)[keyof typeof LOCATION_PUCK_SIZES];
+export type LocationPuckType = (typeof LOCATION_PUCK_TYPES)[keyof typeof LOCATION_PUCK_TYPES];
+export type FloatingRouteMarkerAnchorPositions = (typeof FLOATING_ROUTE_MARKER_ANCHOR_POSITIONS)[keyof typeof FLOATING_ROUTE_MARKER_ANCHOR_POSITIONS];
+export type FixedMarkerOverrides = {
     Root?: Override;
     InnerAnchor?: Override;
     OuterAnchor?: Override;
     PinHead?: Override;
-    PinHeadContent?: Override;
+    LabelSlot?: Override;
+    Label?: Override;
+    SecondaryLabel?: Override;
+    EnhancerSlot?: Override;
     PinHeadContainer?: Override;
+    AnchorContainer?: Override;
     Needle?: Override;
     DragShadow?: Override;
     DragShadowContainer?: Override;
@@ -27,41 +32,41 @@ export declare type FixedMarkerOverrides = {
     LabelEnhancer?: Override;
     LabelEnhancerContainer?: Override;
 };
-export declare type NeedleProps = {
+export type NeedleProps = {
     size: NeedleSize;
     background?: string;
     overrides: FixedMarkerOverrides;
 };
-export declare type ItemProps = {
+export type ItemProps = {
     children?: React.ReactNode;
     color?: string;
     size?: number;
 };
-export declare type LabelEnhancer = {
+export type LabelEnhancer = {
     labelEnhancerContent?: string;
     labelEnhancerPosition?: LabelEnhancerPosition;
 };
-export declare type LabelEhancerComponent = {
+export type LabelEhancerComponent = {
     needleHeight: number;
     size: PinHeadSize;
     overrides?: FixedMarkerOverrides;
 } & LabelEnhancer;
-export declare type BadgeEnhancer = {
+export type BadgeEnhancer = {
     badgeEnhancerSize?: BadgeEnhancerSize | null;
     badgeEnhancerContent?: React.ComponentType<{
         size: number;
     }>;
 };
-export declare type BadgeEnhancerComponent = {
+export type BadgeEnhancerComponent = {
     pinHeadSize: PinHeadSize;
     markerType: PinHead;
     overrides: FixedMarkerOverrides;
 } & BadgeEnhancer;
-export declare type BadgePosition = {
+export type BadgePosition = {
     x: number;
     y: number;
 };
-export declare type FixedMarkerProps = {
+export type FixedMarkerProps = {
     size?: PinHeadSize;
     needle?: NeedleSize;
     label?: React.ReactNode;
@@ -75,12 +80,15 @@ export declare type FixedMarkerProps = {
     dragging?: boolean;
     overrides?: FixedMarkerOverrides;
 } & BadgeEnhancer & LabelEnhancer;
-export declare type FloatingMarkerOverrides = {
+export type FloatingMarkerOverrides = {
     Root?: Override;
     InnerAnchor?: Override;
     OuterAnchor?: Override;
     PinHead?: Override;
-    PinHeadContent?: Override;
+    LabelSlot?: Override;
+    Label?: Override;
+    SecondaryLabel?: Override;
+    EnhancerSlot?: Override;
     PinHeadContainer?: Override;
     AnchorContainer?: Override;
     Needle?: Override;
@@ -91,8 +99,9 @@ export declare type FloatingMarkerOverrides = {
     LabelEnhancer?: Override;
     LabelEnhancerContainer?: Override;
 };
-export declare type FloatingMarkerProps = {
+export type FloatingMarkerProps = {
     label?: React.ReactNode;
+    secondaryLabel?: React.ReactNode;
     anchor?: AnchorPositions;
     endEnhancer?: React.ComponentType<{
         size: number;
@@ -104,9 +113,10 @@ export declare type FloatingMarkerProps = {
     size?: FloatingMarkerSize;
     overrides?: FloatingMarkerOverrides;
 };
-export declare type PinHeadProps = {
+export type PinHeadProps = {
     size?: PinHeadSize;
     label?: React.ReactNode;
+    secondaryLabel?: React.ReactNode;
     endEnhancer?: React.ComponentType<{
         size: number;
     }>;
@@ -120,19 +130,19 @@ export declare type PinHeadProps = {
     needle?: NeedleSize;
     overrides?: FloatingMarkerOverrides | FixedMarkerOverrides;
 } & BadgeEnhancer & LabelEnhancer;
-export declare type DragShadowProps = {
+export type DragShadowProps = {
     background: string;
     dragging: boolean;
     height: number;
     overrides: FixedMarkerOverrides;
 };
-export declare type LocationPuckOverrides = {
+export type LocationPuckOverrides = {
     Root?: Override;
     LocationPuckApproximation?: Override;
     ConsumerLocationPuckCore?: Override;
     EarnerLocationPuckCore?: Override;
 };
-export declare type LocationPuckProps = {
+export type LocationPuckProps = {
     size?: LocationPuckSize;
     heading?: number;
     confidenceRadius?: number;
@@ -140,15 +150,36 @@ export declare type LocationPuckProps = {
     type?: LocationPuckType;
     overrides?: LocationPuckOverrides;
 };
-export declare type ConsumerLocationPuckProps = {
+export type ConsumerLocationPuckProps = {
     heading: number;
     confidenceRadius?: number;
     showHeading?: boolean;
     overrides: LocationPuckOverrides;
 };
-export declare type EarnerLocationPuckProps = {
+export type EarnerLocationPuckProps = {
     heading: number;
     confidenceRadius?: number;
     size: LocationPuckSize;
     overrides?: LocationPuckOverrides;
 };
+export type FloatingRouteMarkerOverrides = {
+    Root?: Override;
+    PointerContainer?: Override;
+    Pointer?: Override;
+    Label?: Override;
+    SecondaryLabel?: Override;
+    IconContainer?: Override;
+};
+export type FloatingRouteMarkerProps = {
+    label?: React.ReactNode;
+    secondaryLabel?: React.ReactNode;
+    startEnhancer?: React.ComponentType<{
+        size: number;
+    }>;
+    endEnhancer?: React.ComponentType<{
+        size: number;
+    }>;
+    anchorPosition?: FloatingRouteMarkerAnchorPositions;
+    overrides?: FloatingRouteMarkerOverrides;
+    selected?: boolean;
+};

package/map-marker/types.js.flow

@@ -8,6 +8,7 @@ LICENSE file in the root directory of this source tree.
 import * as React from 'react';
 import {
   FLOATING_MARKER_ANCHOR_POSITIONS,
+  FLOATING_ROUTE_MARKER_ANCHOR_POSITIONS,
   NEEDLE_SIZES,
   PINHEAD_SIZES_SHAPES,
   FLOATING_MARKER_SIZES,
@@ -43,13 +44,21 @@ export type KindT = $Values<typeof KIND>;
 export type LocationPuckSizeT = $Values<typeof LOCATION_PUCK_SIZES>;
 export type LocationPuckTypeT = $Values<typeof LOCATION_PUCK_TYPES>;
 
+export type FloatingRouteMarkerAnchorPositionsT = $Values<
+  typeof FLOATING_ROUTE_MARKER_ANCHOR_POSITIONS
+>;
+
 export type FixedMarkerOverridesT = {
   Root?: OverrideT,
   InnerAnchor?: OverrideT,
   OuterAnchor?: OverrideT,
   PinHead?: OverrideT,
-  PinHeadContent?: OverrideT,
+  LabelSlot?: OverrideT,
+  Label?: OverrideT,
+  SecondaryLabel?: OverrideT,
+  EnhancerSlot?: OverrideT,
   PinHeadContainer?: OverrideT,
+  AnchorContainer?: OverrideT,
   Needle?: OverrideT,
   DragShadow?: OverrideT,
   DragShadowContainer?: OverrideT,
@@ -117,7 +126,10 @@ export type FloatingMarkerOverridesT = {
   InnerAnchor?: OverrideT,
   OuterAnchor?: OverrideT,
   PinHead?: OverrideT,
-  PinHeadContent?: OverrideT,
+  LabelSlot?: OverrideT,
+  Label?: OverrideT,
+  SecondaryLabel?: OverrideT,
+  EnhancerSlot?: OverrideT,
   PinHeadContainer?: OverrideT,
   AnchorContainer?: OverrideT,
   Needle?: OverrideT,
@@ -190,6 +202,29 @@ export type EarnerLocationPuckPropsT = {
   overrides?: LocationPuckOverridesT,
 };
 
+export type FloatingRouteMarkerOverridesT = {
+  Root?: OverrideT,
+  PointerContainer?: OverrideT,
+  Pointer?: OverrideT,
+  Label?: OverrideT,
+  SecondaryLabel?: OverrideT,
+  IconContainer?: OverrideT,
+};
+
+export type FloatingRouteMarkerPropsT = {
+  label?: React.Node,
+  secondaryLabel?: React.Node,
+  startEnhancer?: React.ComponentType<{
+    size: number,
+  }>,
+  endEnhancer?: React.ComponentType<{
+    size: number,
+  }>,
+  anchorPosition?: FloatingRouteMarkerAnchorPositionsT,
+  overrides?: FloatingRouteMarkerOverridesT,
+  selected?: boolean,
+};
+
 declare var __DEV__: boolean;
 declare var __NODE__: boolean;
 declare var __BROWSER__: boolean;

package/menu/index.d.ts

@@ -10,18 +10,18 @@ export { StyledEmptyState, StyledList, StyledListItem, StyledListItemProfile, St
 export * from './types';
 export type { MenuLocale } from './locale';
 /** @deprecated use Item instead. To be removed in future versions.*/
-export declare type ItemT = Item;
+export type ItemT = Item;
 /** @deprecated use ArrayItems instead. To be removed in future versions.*/
-export declare type ArrayItemsT = ArrayItems;
+export type ArrayItemsT = ArrayItems;
 /** @deprecated use GroupedItems instead. To be removed in future versions.*/
-export declare type GroupedItemsT = GroupedItems;
+export type GroupedItemsT = GroupedItems;
 /** @deprecated use Items instead. To be removed in future versions.*/
-export declare type ItemsT = Items;
+export type ItemsT = Items;
 /** @deprecated To be removed in future versions.*/
-export declare type BaseMenuPropsT = MenuProps;
+export type BaseMenuPropsT = MenuProps;
 /** @deprecated To be removed in future versions.*/
-export declare type OnItemSelect = StatefulContainerProps['onItemSelect'];
+export type OnItemSelect = StatefulContainerProps['onItemSelect'];
 /** @deprecated use StateReducerFn instead. To be removed in future versions.*/
-export declare type StateReducer = StateReducerFn;
+export type StateReducer = StateReducerFn;
 /** @deprecated use GetRequiredItemPropsFn instead. To be removed in future versions.*/
-export declare type GetRequiredItemProps = GetRequiredItemPropsFn;
+export type GetRequiredItemProps = GetRequiredItemPropsFn;

package/menu/locale.d.ts

@@ -1,4 +1,4 @@
-export declare type MenuLocale = {
+export type MenuLocale = {
     noResultsMsg: string;
     parentMenuItemAriaLabel: string;
 };

package/menu/maybe-child-menu.d.ts

@@ -1,10 +1,11 @@
 import * as React from 'react';
 import type { Override } from '../helpers/overrides';
 import type { Item } from './types';
-declare type Props = {
+type Props = {
     getChildMenu: ((item: Item) => React.ReactNode) | undefined | null;
     isOpen: boolean;
     item: Item;
+    ref?: React.RefObject<any>;
     resetParentMenu: () => void;
     renderAll?: boolean;
     onClick?: (event: React.MouseEvent) => unknown;
@@ -12,5 +13,5 @@ declare type Props = {
         ChildMenuPopover?: Override;
     };
 };
-declare const MaybeChildMenu: React.FC<Props>;
+declare const MaybeChildMenu: React.FC<React.PropsWithChildren<Props>>;
 export default MaybeChildMenu;

package/menu/menu.js

@@ -117,10 +117,14 @@ function Menu(props) {
         itemIndex = _ref2[1];
 
     if (optgroup !== '__ungrouped') {
-      els.push( /*#__PURE__*/React.createElement(OptgroupHeader, _extends({
+      els.push(
+      /*#__PURE__*/
+      // @ts-ignore
+      React.createElement(OptgroupHeader, _extends({
         key: optgroup
       }, optgroupHeaderProps), optgroup));
     } // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    // @ts-ignore
 
 
     var groupItems = groupedItems[optgroup].map(function (item, index) {
@@ -132,7 +136,9 @@ function Menu(props) {
       } : _props$getRequiredIte;
 
       if (item.divider === true) {
-        return /*#__PURE__*/React.createElement(MenuDivider, menuDividerProps);
+        return /*#__PURE__*/React.createElement(MenuDivider, _extends({
+          key: itemIndex
+        }, menuDividerProps));
       }
 
       var _getRequiredItemProps = getRequiredItemProps(item, itemIndex),
@@ -160,7 +166,8 @@ function Menu(props) {
     return [els.concat(groupItems), itemIndex];
   }, [[], -1]),
       _optgroups$reduce2 = _slicedToArray(_optgroups$reduce, 1),
-      elements = _optgroups$reduce2[0];
+      elements = _optgroups$reduce2[0]; // @ts-ignore
+
 
   var isEmpty = optgroups.every(function (optgroup) {
     return !groupedItems[optgroup].length;
@@ -179,7 +186,8 @@ function Menu(props) {
       }, handleFocus),
       onBlur: (0, _focusVisible.forkBlur)({
         onBlur: unfocusMenu
-      }, handleBlur),
+      }, handleBlur) // @ts-ignore
+      ,
       onKeyDown: function onKeyDown(event) {
         if (props.isFocused) {
           handleKeyDown(event);

package/menu/nested-menus.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import type { NestedMenuRef, NestedMenuContextProps } from './types';
-export declare type NestedMenuState = {
+export type NestedMenuState = {
     nestedMenuHoverIndex: number;
     menus: NestedMenuRef[];
 };
-export declare type NestedMenuProps = {
+export type NestedMenuProps = {
     children: React.ReactNode;
 };
 export declare const NestedMenuContext: React.Context<NestedMenuContextProps>;