@bigmath-ui-library/core 2.0.4

package/src/components/BMLoadingBox/BMLoadingBox.tsx

@@ -0,0 +1,45 @@
+import { FC, ReactNode } from "react";
+import { Paper } from "@mui/material";
+import { styled } from "@mui/material/styles";
+
+interface LoadingBoxProps {
+  theme?: "light" | "default";
+  className?: string;
+  children?: ReactNode;
+}
+
+const StyledPaper = styled(Paper, {
+  shouldForwardProp: (prop) => prop !== "variantTheme",
+})<{
+  variantTheme?: "light" | "default";
+}>(({ theme, variantTheme }) => ({
+  padding: theme.spacing(2),
+  margin: 0,
+  border: `1px dashed ${theme.palette.primary[300]}`,
+  textAlign: "center",
+  ...(variantTheme === "light"
+    ? {
+        backgroundColor: theme.palette.common.white,
+        color: theme.palette.grey[600],
+      }
+    : {
+        backgroundColor: theme.palette.primary[100],
+      }),
+}));
+
+export const BMLoadingBox: FC<LoadingBoxProps> = ({
+  children,
+  theme = "default",
+  className,
+}) => {
+  return (
+    <StyledPaper
+      elevation={0}
+      variant="outlined"
+      variantTheme={theme}
+      className={className || undefined}
+    >
+      {children}
+    </StyledPaper>
+  );
+};

package/src/components/BMLoadingBox/index.ts

@@ -0,0 +1 @@
+export * from "./BMLoadingBox";

package/src/components/BMMaps/BMMapMarker.css

@@ -0,0 +1,12 @@
+.bm-map-tooltip {
+    padding: 6px 8px !important;
+    border-radius: 8px !important;
+    font-family: Inter;
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 600;
+}
+
+.bm-map-tooltip::before {
+    border: none !important;
+}

package/src/components/BMMaps/BMMapMarker.tsx

@@ -0,0 +1,68 @@
+import React, { FC, useCallback, useState } from "react";
+import { Marker, Tooltip } from "react-leaflet";
+import { styled } from "@mui/material";
+import { DivIcon, LatLngExpression } from "leaflet";
+import ReactDOMServer from 'react-dom/server';
+import { useGetMapIcons } from "./MapIcons";
+import { MarkerType } from "./markerTypes";
+
+interface BMMapMarkerProps {
+    icon?: React.ReactElement | null;
+    iconHover?: React.ReactElement | null;
+    position: LatLngExpression;
+    iconSize?: [number, number];
+    className?: string;
+    tooltip?: React.ReactElement;
+    type?: MarkerType;
+}
+
+const StyledMarker = styled(Marker)();
+
+const StyledTooltip = styled(Tooltip)<{ type?: string }>();
+
+export const BMMapMarker: FC<BMMapMarkerProps> = ({ position, icon, iconHover, tooltip, className = '', iconSize = [25, 25], type }) => {
+
+    const standardIcon = useGetMapIcons({ type });
+    const iconToDisplay = standardIcon.normal || icon;
+    const iconHoverToDisplay = standardIcon.hover || iconHover;
+
+    const getIcon = useCallback((icon, hovered = false) => {
+        if (icon === null) return undefined;
+        return new DivIcon({
+            html: ReactDOMServer.renderToStaticMarkup(icon),
+            iconSize: hovered ? [iconSize[0] + 10, iconSize[1] + 10] : iconSize,
+            className: `svg-icon region-selected-marker ${className}`
+        });
+    }, []);
+
+    const [markerIcon, setMarkerIcon] = useState<DivIcon | undefined>(getIcon(iconToDisplay));
+    const [currentIconState, setCurrentIconState] = useState<'NORMAL' | 'HOVERED'>('NORMAL');
+
+    return <StyledMarker
+        position={position}
+        icon={markerIcon}
+        eventHandlers={{
+            mouseover: () => {
+                if (iconHoverToDisplay && currentIconState === 'NORMAL') {
+                    setMarkerIcon(getIcon(iconHoverToDisplay, true));
+                    setCurrentIconState('HOVERED');
+                }
+            },
+            mouseout: () => {
+
+                if (iconToDisplay && currentIconState === 'HOVERED') {
+                    setMarkerIcon(getIcon(iconToDisplay));
+                    setCurrentIconState('NORMAL');
+                }
+            }
+        }}
+    >
+        {
+            tooltip && (
+                <StyledTooltip type={type} className="bm-map-tooltip" direction="top" offset={[5, -15]}>
+                    {tooltip}
+                </StyledTooltip>
+            )
+        }
+    </StyledMarker>
+}

package/src/components/BMMaps/BMMaps.tsx

@@ -0,0 +1,129 @@
+import React, { type FC, useEffect, useMemo } from 'react';
+import { Box, styled, useTheme } from '@mui/material';
+import { LatLngBounds, LatLngBoundsExpression, LatLngExpression, noConflict } from 'leaflet';
+import { MapContainer, MapContainerProps, TileLayer, useMap } from 'react-leaflet';
+import { Add, CropFree, Remove } from '@mui/icons-material';
+import 'leaflet/dist/leaflet.css';
+
+window.L = noConflict();
+
+export const MAX_WIDTH_FOR_ZOOM = 600;
+export const MIN_ZOOM_VAL = 0;
+export const MAX_ZOOM_VAL = 5;
+
+export interface BMMapsProps {
+    children: React.JSX.Element[];
+    mapWidth?: number;
+    mapHeight: number;
+    coordinates: LatLngExpression[];
+    initialBounds: LatLngBoundsExpression | undefined;
+    defaultZoom?: number;
+    mapContainerProps?: MapContainerProps;
+    dataTestId: string;
+}
+type MapBoxProps = { mapHeight: number; mapWidth?: number };
+
+const MapBox = styled('div')<MapBoxProps>(({ theme, mapHeight, mapWidth }) => ({
+    borderRadius: theme.spacing(1),
+    border: `1px solid ${theme.palette.grey[200]}`,
+    width: mapWidth ?? '100%',
+    '& .leaflet-container': {
+        width: mapWidth ?? '100%',
+        height: `${mapHeight}px`,
+    },
+    overflow: 'hidden'
+}));
+
+export const BMMaps: FC<BMMapsProps> = (props) => {
+    const { mapWidth = 0, coordinates, children, defaultZoom, mapContainerProps = {} } = props;
+    const bounds = useMemo(() => {
+        return new LatLngBounds(coordinates[0], coordinates[1]);
+    }, [coordinates]);
+
+    const minZoom = mapWidth > MAX_WIDTH_FOR_ZOOM ? MIN_ZOOM_VAL + 1 : MIN_ZOOM_VAL;
+
+
+    return (
+        <MapBox
+            mapHeight={props.mapHeight}
+            mapWidth={props.mapWidth}
+            data-testid={props.dataTestId}
+        >
+            <MapContainer bounds={bounds} scrollWheelZoom={true} minZoom={minZoom} maxZoom={MAX_ZOOM_VAL} zoomControl={false} zoom={defaultZoom} {...mapContainerProps} >
+                <TileLayer
+                    url="https://{s}.basemaps.cartocdn.com/light_nolabels/{z}/{x}/{y}{r}.png"
+                    attribution='&copy; <a href="https://www.openstreetmap.org/copyright" target="_blank" rel="noopener">OpenStreetMap</a>'
+                />
+                <FocusControl />
+                <MoveToBounds bounds={bounds} />
+                {children}
+            </MapContainer>
+        </MapBox>
+    );
+};
+
+const ZoomControls = styled('div')(() => ({
+    display: 'flex',
+    flexDirection: 'column',
+    width: '28px',
+    alignItems: 'flex-start',
+}));
+
+const Control = styled('div')(({ theme }) => ({
+    backgroundColor: theme.palette.common.white,
+    borderRadius: '4px',
+    border: `1px solid ${theme.palette.grey[200]}`,
+    boxShadow: `0px 2px 4px -2px rgba(24, 39, 75, 0.12), 0px 4px 4px -2px rgba(24, 39, 75, 0.08)`,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    flexDirection: 'column',
+    padding: '8px 2px',
+    width: '38px'
+}))
+
+const FocusControl = () => {
+    const map = useMap();
+    const theme = useTheme();
+    return <ZoomControls
+        className="leaflet-bottom leaflet-right"
+        sx={{ marginRight: '18px', marginBottom: '8px' }}
+    >
+        <Box className="leaflet-control" >
+            <Control
+
+
+            >
+                <Add sx={{ cursor: 'pointer' }} onClick={() => {
+                    map.zoomIn();
+                }} />
+                <div style={{
+                    width: '24px',
+                    height: '1px',
+                    background: theme.palette.grey[200],
+                    margin: '8px 0'
+                }} />
+                <Remove sx={{ cursor: 'pointer' }} onClick={() => {
+                    map.zoomOut();
+                }} />
+
+            </Control>
+            <Control sx={{ marginTop: '8px' }}>
+                <CropFree sx={{ cursor: 'pointer' }} onClick={() => {
+                    map.setZoom(8);
+                }} />
+            </Control>
+        </Box>
+    </ZoomControls>
+}
+interface MoveToBoundsProps {
+    bounds: LatLngBounds;
+}
+const MoveToBounds: FC<MoveToBoundsProps> = ({ bounds }) => {
+    const map = useMap();
+    useEffect(() => {
+        map.flyToBounds(bounds, { padding: [5, 5], maxZoom: map.getZoom() });
+        // console.log(map.getZoom());
+    }, [bounds]);
+    return null;
+};

package/src/components/BMMaps/MapIcons.tsx

@@ -0,0 +1,83 @@
+import React from 'react';
+import { MarkerType } from './markerTypes';
+
+import RegionSelected from './icons/RegionSelected.svg';
+import RegionSelectedHover from './icons/RegionSelectedHover.svg';
+
+import RegionNotSelected from './icons/RegionNotSelected.svg';
+import RegionNotSelectedHover from './icons/RegionNotSelectedHover.svg';
+
+import ReadReplica from './icons/ReadReplica.svg';
+import ReadReplicaHover from './icons/ReadReplicaHover.svg';
+
+import RegionPreferred from './icons/RegionPreferred.svg';
+import RegionPreferredHover from './icons/RegionPreferredHover.svg';
+
+import MasterPreferred from './icons/MasterPreferred.svg';
+import MasterPreferredHover from './icons/MasterPreferredHover.svg';
+
+import GeoPartition from './icons/GeoPartition.svg';
+import GeoPartitionHover from './icons/GeoPartitionHover.svg';
+
+
+
+
+interface GetMapIconProps {
+    type?: MarkerType
+}
+
+interface GetMapIconReturnType {
+    normal: React.ReactElement | null;
+    hover: React.ReactElement | null;
+}
+
+export const useGetMapIcons = ({ type }: GetMapIconProps): GetMapIconReturnType => {
+
+    let icon: GetMapIconReturnType = {
+        normal: null,
+        hover: null,
+    };
+    
+    switch (type) {
+        case MarkerType.REGION_SELECTED:
+            icon = {
+                normal: <RegionSelected />,
+                hover: <RegionSelectedHover />,
+            }
+            break;
+        case MarkerType.REGION_NOT_SELECTED:
+            icon = {
+                normal: <RegionNotSelected />,
+                hover: <RegionNotSelectedHover />,
+            };
+            break;
+        case MarkerType.READ_REPLICA:
+            icon = {
+                normal: <ReadReplica />,
+                hover: <ReadReplicaHover />,
+            };
+            break;
+        case MarkerType.REGION_PREFERRED:
+            icon = {
+                normal: <RegionPreferred />,
+                hover: <RegionPreferredHover />,
+            };
+            break;
+        case MarkerType.MASTER_PREFERRED:
+            icon = {
+                normal: <MasterPreferred />,
+                hover: <MasterPreferredHover />,
+            };
+            break;
+        case MarkerType.GEO_PARTITION:
+            icon = {
+                normal: <GeoPartition />,
+                hover: <GeoPartitionHover />,
+            };
+            break;
+        default:
+            break;
+    }
+
+    return icon;
+};

package/src/components/BMMaps/icons/GeoPartition.svg

@@ -0,0 +1,19 @@
+<svg viewBox="0 0 28 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_6340_6310)">
+<path d="M16.8438 27.248L16.5495 27.49C15.0692 28.7073 12.9308 28.7073 11.4505 27.49L11.1562 27.248L11.1562 27.248C8.5083 25.0713 6.24461 23.2104 4.67318 21.2591C2.94413 19.112 2 16.8053 2 13.7872C2 7.23699 7.41335 2 14 2C20.5867 2 26 7.23699 26 13.7872C26 16.8053 25.0559 19.112 23.3268 21.2591C21.7554 23.2104 19.4917 25.0713 16.8438 27.248Z" fill="#735AF5"/>
+<path d="M16.2087 26.4756L16.2087 26.4755C18.8825 24.2775 21.0547 22.4861 22.548 20.6318C24.1478 18.6453 25 16.5559 25 13.7872C25 7.81046 20.0558 3 14 3C7.94421 3 3 7.81046 3 13.7872C3 16.5559 3.85221 18.6453 5.45202 20.6318C6.94206 22.4821 9.10817 24.2698 11.774 26.4614L11.7741 26.4614L16.2087 26.4756ZM16.2087 26.4756L15.9144 26.7175L15.9143 26.7176C14.8031 27.6314 13.1969 27.6314 12.0857 26.7176L12.0856 26.7175L11.7913 26.4756L11.7912 26.4755L16.2087 26.4756Z" stroke="#FBFCFD" stroke-width="2"/>
+</g>
+<path d="M11.6397 18H9.95224L13.0247 9.27273H14.9764L18.0531 18H16.3656L14.0346 11.0625H13.9664L11.6397 18ZM11.6951 14.5781H16.2974V15.848H11.6951V14.5781Z" fill="white"/>
+<defs>
+<filter id="filter0_d_6340_6310" x="0" y="0" width="28" height="30.4031" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.45098 0 0 0 0 0.352941 0 0 0 0 0.960784 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_6340_6310"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_6340_6310" result="shape"/>
+</filter>
+</defs>
+</svg>

package/src/components/BMMaps/icons/GeoPartitionHover.svg

@@ -0,0 +1,20 @@
+<svg width="34" height="36" viewBox="0 0 34 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.35" fill-rule="evenodd" clip-rule="evenodd" d="M2.5 16.7872C2.5 8.80332 9.0862 2.5 17 2.5C24.9138 2.5 31.5 8.80332 31.5 16.7872C31.5 20.4287 30.3261 23.2789 28.2739 25.8271C26.5401 27.9801 24.1078 29.9793 21.5765 32.06L21.4314 32.1792L21.1375 32.4209C18.7345 34.397 15.2655 34.397 12.8626 32.4209L12.5686 32.1792L12.4235 32.0599C9.89222 29.9793 7.45988 27.9801 5.72607 25.8271C3.67393 23.2789 2.5 20.4287 2.5 16.7872Z" fill="#735AF5" stroke="#735AF5" stroke-width="4"/>
+<g filter="url(#filter0_d_6086_251849)">
+<path d="M19.8438 30.248L19.5495 30.49C18.0692 31.7073 15.9308 31.7073 14.4505 30.49L14.1562 30.248L14.1562 30.248C11.5083 28.0713 9.24461 26.2104 7.67318 24.2591C5.94413 22.112 5 19.8053 5 16.7872C5 10.237 10.4133 5 17 5C23.5867 5 29 10.237 29 16.7872C29 19.8053 28.0559 22.112 26.3268 24.2591C24.7554 26.2104 22.4917 28.0713 19.8438 30.248Z" fill="#735AF5"/>
+<path d="M19.2087 29.4756L19.2087 29.4755C21.8825 27.2775 24.0547 25.4861 25.548 23.6318C27.1478 21.6453 28 19.5559 28 16.7872C28 10.8105 23.0558 6 17 6C10.9442 6 6 10.8105 6 16.7872C6 19.5559 6.85221 21.6453 8.45202 23.6318C9.94206 25.4821 12.1082 27.2698 14.774 29.4614L14.7741 29.4614L19.2087 29.4756ZM19.2087 29.4756L18.9144 29.7175L18.9143 29.7176C17.8031 30.6314 16.1969 30.6314 15.0857 29.7176L15.0856 29.7175L14.7913 29.4756L14.7912 29.4755L19.2087 29.4756Z" stroke="#FBFCFD" stroke-width="2"/>
+</g>
+<path d="M14.6397 21H12.9522L16.0247 12.2727H17.9764L21.0531 21H19.3656L17.0346 14.0625H16.9664L14.6397 21ZM14.6951 17.5781H19.2974V18.848H14.6951V17.5781Z" fill="white"/>
+<defs>
+<filter id="filter0_d_6086_251849" x="3" y="3" width="28" height="30.4031" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.45098 0 0 0 0 0.352941 0 0 0 0 0.960784 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_6086_251849"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_6086_251849" result="shape"/>
+</filter>
+</defs>
+</svg>

package/src/components/BMMaps/icons/MasterPreferred.svg

@@ -0,0 +1,19 @@
+<svg viewBox="0 0 28 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_6086_251849)">
+<path d="M16.8438 27.248L16.5495 27.49C15.0692 28.7073 12.9308 28.7073 11.4505 27.49L11.1562 27.248L11.1562 27.248C8.5083 25.0713 6.24461 23.2104 4.67318 21.2591C2.94413 19.112 2 16.8053 2 13.7872C2 7.23699 7.41335 2 14 2C20.5867 2 26 7.23699 26 13.7872C26 16.8053 25.0559 19.112 23.3268 21.2591C21.7554 23.2104 19.4917 25.0713 16.8438 27.248Z" fill="#735AF5"/>
+<path d="M16.2087 26.4756L16.2087 26.4755C18.8825 24.2775 21.0547 22.4861 22.548 20.6318C24.1478 18.6453 25 16.5559 25 13.7872C25 7.81046 20.0558 3 14 3C7.94421 3 3 7.81046 3 13.7872C3 16.5559 3.85221 18.6453 5.45202 20.6318C6.94206 22.4821 9.10817 24.2698 11.774 26.4614L11.7741 26.4614L16.2087 26.4756ZM16.2087 26.4756L15.9144 26.7175L15.9143 26.7176C14.8031 27.6314 13.1969 27.6314 12.0857 26.7176L12.0856 26.7175L11.7913 26.4756L11.7912 26.4755L16.2087 26.4756Z" stroke="#FBFCFD" stroke-width="2"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.4698 7.33377L14.5543 7.34347C14.7262 7.37614 14.8532 7.4818 14.8822 7.60998L14.8885 7.66615V12.6663H18.889C19.0455 12.6663 19.1913 12.7283 19.2713 12.8297C19.3353 12.9102 19.3498 13.0069 19.3148 13.095L19.2793 13.159L13.9453 20.4926C13.8662 20.6012 13.7151 20.6666 13.5551 20.6666C13.5186 20.6666 13.4813 20.6633 13.4448 20.6559C13.2729 20.6233 13.1459 20.5176 13.1169 20.3894L13.1106 20.3332V15.3331H9.11012C8.95366 15.3331 8.80787 15.2711 8.72875 15.1697C8.66474 15.0892 8.65023 14.9924 8.68522 14.9044L8.72075 14.8404L14.0547 7.50681C14.1377 7.39252 14.3011 7.32672 14.4698 7.33377Z" fill="#FBFCFD"/>
+<defs>
+<filter id="filter0_d_6086_251849" x="0" y="0" width="28" height="30.4031" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.45098 0 0 0 0 0.352941 0 0 0 0 0.960784 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_6086_251849"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_6086_251849" result="shape"/>
+</filter>
+</defs>
+</svg>

package/src/components/BMMaps/icons/MasterPreferredHover.svg

@@ -0,0 +1,20 @@
+<svg width="34" height="36" viewBox="0 0 34 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.35" fill-rule="evenodd" clip-rule="evenodd" d="M2.5 16.7872C2.5 8.80332 9.0862 2.5 17 2.5C24.9138 2.5 31.5 8.80332 31.5 16.7872C31.5 20.4287 30.3261 23.2789 28.2739 25.8271C26.5401 27.9801 24.1078 29.9793 21.5765 32.06L21.4314 32.1792L21.1375 32.4209C18.7345 34.397 15.2655 34.397 12.8626 32.4209L12.5686 32.1792L12.4235 32.0599C9.89222 29.9793 7.45988 27.9801 5.72607 25.8271C3.67393 23.2789 2.5 20.4287 2.5 16.7872Z" fill="#735AF5" stroke="#735AF5" stroke-width="4"/>
+<g filter="url(#filter0_d_6086_251849)">
+<path d="M19.8438 30.248L19.5495 30.49C18.0692 31.7073 15.9308 31.7073 14.4505 30.49L14.1562 30.248L14.1562 30.248C11.5083 28.0713 9.24461 26.2104 7.67318 24.2591C5.94413 22.112 5 19.8053 5 16.7872C5 10.237 10.4133 5 17 5C23.5867 5 29 10.237 29 16.7872C29 19.8053 28.0559 22.112 26.3268 24.2591C24.7554 26.2104 22.4917 28.0713 19.8438 30.248Z" fill="#735AF5"/>
+<path d="M19.2087 29.4756L19.2087 29.4755C21.8825 27.2775 24.0547 25.4861 25.548 23.6318C27.1478 21.6453 28 19.5559 28 16.7872C28 10.8105 23.0558 6 17 6C10.9442 6 6 10.8105 6 16.7872C6 19.5559 6.85221 21.6453 8.45202 23.6318C9.94206 25.4821 12.1082 27.2698 14.774 29.4614L14.7741 29.4614L19.2087 29.4756ZM19.2087 29.4756L18.9144 29.7175L18.9143 29.7176C17.8031 30.6314 16.1969 30.6314 15.0857 29.7176L15.0856 29.7175L14.7913 29.4756L14.7912 29.4755L19.2087 29.4756Z" stroke="#FBFCFD" stroke-width="2"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.4698 10.3338L17.5543 10.3435C17.7262 10.3761 17.8532 10.4818 17.8822 10.61L17.8885 10.6661V15.6663H21.889C22.0454 15.6663 22.1912 15.7283 22.2712 15.8297C22.3353 15.9102 22.3498 16.0069 22.3148 16.095L22.2792 16.159L16.9453 23.4926C16.8662 23.6012 16.7151 23.6666 16.5551 23.6666C16.5186 23.6666 16.4813 23.6633 16.4448 23.6559C16.2729 23.6233 16.1459 23.5176 16.1169 23.3894L16.1106 23.3332V18.3331H12.1101C11.9536 18.3331 11.8079 18.2711 11.7287 18.1697C11.6647 18.0892 11.6502 17.9924 11.6852 17.9044L11.7207 17.8404L17.0547 10.5068C17.1377 10.3925 17.3011 10.3267 17.4698 10.3338Z" fill="#FBFCFD"/>
+<defs>
+<filter id="filter0_d_6086_251849" x="3" y="3" width="28" height="30.4031" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.45098 0 0 0 0 0.352941 0 0 0 0 0.960784 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_6086_251849"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_6086_251849" result="shape"/>
+</filter>
+</defs>
+</svg>

package/src/components/BMMaps/icons/ReadReplica.svg

@@ -0,0 +1,18 @@
+<svg viewBox="0 0 28 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_5670_77352)">
+<path d="M16.7054 26.9065L16.4268 27.1356C15.0252 28.2882 13.0003 28.2882 11.5987 27.1356L11.3201 26.9064C8.81287 24.8454 6.66946 22.8834 5.18152 21.0357C3.54435 19.0028 2.65039 16.8187 2.65039 13.9609C2.65039 7.75876 7.77609 2.80005 14.0127 2.80005C20.2494 2.80005 25.3751 7.75876 25.3751 13.9609C25.3751 16.8187 24.4811 19.0028 22.844 21.0357C21.356 22.8834 19.2126 24.8454 16.7054 26.9065Z" fill="#E8E9FE"/>
+<path d="M15.9116 25.9408L15.9116 25.9409L15.6329 26.17L15.6328 26.1701C14.6925 26.9434 13.333 26.9434 12.3927 26.1701L12.3926 26.17L12.1139 25.9409L12.1139 25.9408C9.62323 23.8934 7.56042 21.9968 6.15508 20.2517C4.67945 18.4194 3.90039 16.5069 3.90039 13.9609C3.90039 8.4756 8.43966 4.05005 14.0127 4.05005C19.5858 4.05005 24.1251 8.4756 24.1251 13.9609C24.1251 16.5069 23.346 18.4194 21.8704 20.2517C20.4651 21.9968 18.4023 23.8934 15.9116 25.9408Z" stroke="#6648F4" stroke-width="2.5"/>
+</g>
+<defs>
+<filter id="filter0_d_5670_77352" x="0.650391" y="0.800049" width="26.7247" height="29.2" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.45098 0 0 0 0 0.352941 0 0 0 0 0.960784 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5670_77352"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5670_77352" result="shape"/>
+</filter>
+</defs>
+</svg>

package/src/components/BMMaps/icons/ReadReplicaHover.svg

@@ -0,0 +1,19 @@
+<svg viewBox="0 0 34 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.35" fill-rule="evenodd" clip-rule="evenodd" d="M2.5 16.7872C2.5 8.80332 9.0862 2.5 17 2.5C24.9138 2.5 31.5 8.80332 31.5 16.7872C31.5 20.4287 30.3261 23.2789 28.2739 25.8271C26.5401 27.9801 24.1078 29.9793 21.5765 32.06L21.4314 32.1792L21.1375 32.4209C18.7345 34.397 15.2655 34.397 12.8626 32.4209L12.5686 32.1792L12.4235 32.0599C9.89222 29.9793 7.45988 27.9801 5.72607 25.8271C3.67393 23.2789 2.5 20.4287 2.5 16.7872Z" fill="#735AF5" stroke="#735AF5" stroke-width="4"/>
+<g filter="url(#filter0_d_6086_251849)">
+<path d="M19.7253 29.696L19.4433 29.9279C18.0247 31.0945 15.9753 31.0945 14.5567 29.9279L14.2747 29.696L14.2747 29.696C11.7371 27.61 9.56775 25.8266 8.06179 23.9566C6.40479 21.899 5.5 19.6884 5.5 16.7961C5.5 10.5188 10.6878 5.5 17 5.5C23.3122 5.5 28.5 10.5188 28.5 16.7961C28.5 19.6884 27.5952 21.899 25.9382 23.9566C24.4322 25.8266 22.2629 27.61 19.7253 29.696Z" fill="#E8E9FE"/>
+<path d="M18.9315 28.7304L18.9314 28.7305L18.6494 28.9623L18.6493 28.9624C17.692 29.7497 16.308 29.7497 15.3507 28.9624L15.3506 28.9623L15.0848 28.7438L15.0847 28.7437L15.0686 28.7304L15.0685 28.7304C12.4986 26.6178 10.4436 24.9212 9.03535 23.1726C7.53989 21.3156 6.75 19.3767 6.75 16.7961C6.75 11.2356 11.3514 6.75 17 6.75C22.6486 6.75 27.25 11.2356 27.25 16.7961C27.25 19.3767 26.4601 21.3156 24.9647 23.1726C23.5564 24.9212 21.5014 26.6178 18.9315 28.7304Z" stroke="#6648F4" stroke-width="2.5"/>
+</g>
+<defs>
+<filter id="filter0_d_6086_251849" x="3.5" y="3.5" width="27" height="29.3027" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.45098 0 0 0 0 0.352941 0 0 0 0 0.960784 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_6086_251849"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_6086_251849" result="shape"/>
+</filter>
+</defs>
+</svg>

package/src/components/BMMaps/icons/RegionNotSelected.svg

@@ -0,0 +1,18 @@
+<svg viewBox="0 0 28 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.75" filter="url(#filter0_d_5717_115898)">
+<path d="M16.8438 27.248L16.5495 27.49C15.0692 28.7073 12.9308 28.7073 11.4505 27.49L11.1562 27.248L11.1562 27.248C8.5083 25.0713 6.24461 23.2104 4.67318 21.2591C2.94413 19.112 2 16.8053 2 13.7872C2 7.23699 7.41335 2 14 2C20.5867 2 26 7.23699 26 13.7872C26 16.8053 25.0559 19.112 23.3268 21.2591C21.7554 23.2104 19.4917 25.0713 16.8438 27.248Z" fill="#B7C3CB"/>
+<path d="M16.05 26.2824L16.0499 26.2825L15.7556 26.5244L15.7555 26.5245C14.7366 27.3625 13.2634 27.3625 12.2445 26.5245L12.2444 26.5244L11.9501 26.2824L11.95 26.2824L11.9285 26.2647L11.9285 26.2647C9.25828 24.0696 7.11648 22.3001 5.64673 20.475C4.07923 18.5286 3.25 16.4936 3.25 13.7872C3.25 7.95383 8.07692 3.25 14 3.25C19.9231 3.25 24.75 7.95383 24.75 13.7872C24.75 16.4936 23.9208 18.5286 22.3533 20.475C20.8796 22.305 18.7302 24.0791 16.05 26.2824Z" stroke="#FBFCFD" stroke-width="2.5"/>
+</g>
+<defs>
+<filter id="filter0_d_5717_115898" x="0" y="0" width="28" height="30.4031" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.45098 0 0 0 0 0.352941 0 0 0 0 0.960784 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5717_115898"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5717_115898" result="shape"/>
+</filter>
+</defs>
+</svg>

package/src/components/BMMaps/icons/RegionNotSelectedHover.svg

@@ -0,0 +1,19 @@
+<svg viewBox="0 0 34 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M2.5 16.7872C2.5 8.80332 9.0862 2.5 17 2.5C24.9138 2.5 31.5 8.80332 31.5 16.7872C31.5 20.4287 30.3261 23.2789 28.2739 25.8271C26.5401 27.9801 24.1078 29.9793 21.5765 32.06L21.4314 32.1792L21.1375 32.4209C18.7345 34.397 15.2655 34.397 12.8626 32.4209L12.5686 32.1792L12.4235 32.0599C9.89222 29.9793 7.45988 27.9801 5.72607 25.8271C3.67393 23.2789 2.5 20.4287 2.5 16.7872Z" fill="#B7C3CB" stroke="#B7C3CB" stroke-width="4"/>
+<g opacity="0.75" filter="url(#filter0_d_6086_251849)">
+<path d="M19.8438 30.248L19.5495 30.49C18.0692 31.7073 15.9308 31.7073 14.4505 30.49L14.1562 30.248L14.1562 30.248C11.5083 28.0713 9.24461 26.2104 7.67318 24.2591C5.94413 22.112 5 19.8053 5 16.7872C5 10.237 10.4133 5 17 5C23.5867 5 29 10.237 29 16.7872C29 19.8053 28.0559 22.112 26.3268 24.2591C24.7554 26.2104 22.4917 28.0713 19.8438 30.248Z" fill="#B7C3CB"/>
+<path d="M19.05 29.2824L19.0499 29.2825L18.7556 29.5244L18.7555 29.5245C17.7366 30.3625 16.2634 30.3625 15.2445 29.5245L15.2444 29.5244L14.9501 29.2824L14.95 29.2824L14.9285 29.2647L14.9285 29.2647C12.2583 27.0696 10.1165 25.3001 8.64673 23.475C7.07923 21.5286 6.25 19.4936 6.25 16.7872C6.25 10.9538 11.0769 6.25 17 6.25C22.9231 6.25 27.75 10.9538 27.75 16.7872C27.75 19.4936 26.9208 21.5286 25.3533 23.475C23.8796 25.305 21.7302 27.0791 19.05 29.2824Z" stroke="#FBFCFD" stroke-width="2.5"/>
+</g>
+<defs>
+<filter id="filter0_d_6086_251849" x="3" y="3" width="28" height="30.4031" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.45098 0 0 0 0 0.352941 0 0 0 0 0.960784 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_6086_251849"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_6086_251849" result="shape"/>
+</filter>
+</defs>
+</svg>

package/src/components/BMMaps/icons/RegionPreferred.svg

@@ -0,0 +1,18 @@
+<svg viewBox="0 0 28 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_5670_77317)">
+<path d="M16.8438 27.248L16.5495 27.49C15.0692 28.7073 12.9308 28.7073 11.4505 27.49L11.1562 27.248L11.1562 27.248C8.5083 25.0713 6.24461 23.2104 4.67318 21.2591C2.94413 19.112 2 16.8053 2 13.7872C2 7.23699 7.41335 2 14 2C20.5867 2 26 7.23699 26 13.7872C26 16.8053 25.0559 19.112 23.3268 21.2591C21.7554 23.2104 19.4917 25.0713 16.8438 27.248Z" fill="#BB42BC"/>
+<path d="M16.2087 26.4756L16.2087 26.4755C18.8825 24.2775 21.0547 22.4861 22.548 20.6318C24.1478 18.6453 25 16.5559 25 13.7872C25 7.81046 20.0558 3 14 3C7.94421 3 3 7.81046 3 13.7872C3 16.5559 3.85221 18.6453 5.45202 20.6318C6.94206 22.4821 9.10817 24.2698 11.774 26.4614L11.7741 26.4614L16.2087 26.4756ZM16.2087 26.4756L15.9144 26.7175L15.9143 26.7176C14.8031 27.6314 13.1969 27.6314 12.0857 26.7176L12.0856 26.7175L11.7913 26.4756L11.7912 26.4755L16.2087 26.4756Z" stroke="#FBFCFD" stroke-width="2"/>
+</g>
+<defs>
+<filter id="filter0_d_5670_77317" x="0" y="0" width="28" height="30.4031" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.45098 0 0 0 0 0.352941 0 0 0 0 0.960784 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5670_77317"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5670_77317" result="shape"/>
+</filter>
+</defs>
+</svg>

package/src/components/BMMaps/icons/RegionPreferredHover.svg

@@ -0,0 +1,19 @@
+<svg viewBox="0 0 34 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.35" fill-rule="evenodd" clip-rule="evenodd" d="M2.5 16.7872C2.5 8.80332 9.0862 2.5 17 2.5C24.9138 2.5 31.5 8.80332 31.5 16.7872C31.5 20.4287 30.3261 23.2789 28.2739 25.8271C26.5401 27.9801 24.1078 29.9793 21.5765 32.06L21.4314 32.1792L21.1375 32.4209C18.7345 34.397 15.2655 34.397 12.8626 32.4209L12.5686 32.1792L12.4235 32.0599C9.89222 29.9793 7.45988 27.9801 5.72607 25.8271C3.67393 23.2789 2.5 20.4287 2.5 16.7872Z" fill="#BB42BC" stroke="#BB42BC" stroke-width="4"/>
+<g filter="url(#filter0_d_6086_251849)">
+<path d="M19.8438 30.248L19.5495 30.49C18.0692 31.7073 15.9308 31.7073 14.4505 30.49L14.1562 30.248L14.1562 30.248C11.5083 28.0713 9.24461 26.2104 7.67318 24.2591C5.94413 22.112 5 19.8053 5 16.7872C5 10.237 10.4133 5 17 5C23.5867 5 29 10.237 29 16.7872C29 19.8053 28.0559 22.112 26.3268 24.2591C24.7554 26.2104 22.4917 28.0713 19.8438 30.248Z" fill="#BB42BC"/>
+<path d="M19.2087 29.4756L19.2087 29.4755C21.8825 27.2775 24.0547 25.4861 25.548 23.6318C27.1478 21.6453 28 19.5559 28 16.7872C28 10.8105 23.0558 6 17 6C10.9442 6 6 10.8105 6 16.7872C6 19.5559 6.85221 21.6453 8.45202 23.6318C9.94206 25.4821 12.1082 27.2698 14.774 29.4614L14.7741 29.4614L19.2087 29.4756ZM19.2087 29.4756L18.9144 29.7175L18.9143 29.7176C17.8031 30.6314 16.1969 30.6314 15.0857 29.7176L15.0856 29.7175L14.7913 29.4756L14.7912 29.4755L19.2087 29.4756Z" stroke="#FBFCFD" stroke-width="2"/>
+</g>
+<defs>
+<filter id="filter0_d_6086_251849" x="3" y="3" width="28" height="30.4031" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.45098 0 0 0 0 0.352941 0 0 0 0 0.960784 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_6086_251849"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_6086_251849" result="shape"/>
+</filter>
+</defs>
+</svg>

package/src/components/BMMaps/icons/RegionSelected.svg

@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 31" fill="none">
+  <g filter="url(#filter0_d_5670_77873)">
+    <path d="M16.8438 27.248L16.5495 27.49C15.0692 28.7073 12.9308 28.7073 11.4505 27.49L11.1562 27.248L11.1562 27.248C8.5083 25.0713 6.24461 23.2104 4.67318 21.2591C2.94413 19.112 2 16.8053 2 13.7872C2 7.23699 7.41335 2 14 2C20.5867 2 26 7.23699 26 13.7872C26 16.8053 25.0559 19.112 23.3268 21.2591C21.7554 23.2104 19.4917 25.0713 16.8438 27.248Z" fill="#735AF5"/>
+    <path d="M16.05 26.2824L16.0499 26.2825L15.7556 26.5244L15.7555 26.5245C14.7366 27.3625 13.2634 27.3625 12.2445 26.5245L12.2444 26.5244L11.9501 26.2824L11.95 26.2824L11.9285 26.2647L11.9285 26.2647C9.25828 24.0696 7.11648 22.3001 5.64673 20.475C4.07923 18.5286 3.25 16.4936 3.25 13.7872C3.25 7.95383 8.07692 3.25 14 3.25C19.9231 3.25 24.75 7.95383 24.75 13.7872C24.75 16.4936 23.9208 18.5286 22.3533 20.475C20.8796 22.305 18.7302 24.0791 16.05 26.2824Z" stroke="#FBFCFD" stroke-width="2.5"/>
+  </g>
+  <defs>
+    <filter id="filter0_d_5670_77873" x="0" y="0" width="28" height="30.4031" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+      <feOffset/>
+      <feGaussianBlur stdDeviation="1"/>
+      <feComposite in2="hardAlpha" operator="out"/>
+      <feColorMatrix type="matrix" values="0 0 0 0 0.45098 0 0 0 0 0.352941 0 0 0 0 0.960784 0 0 0 0.5 0"/>
+      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5670_77873"/>
+      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5670_77873" result="shape"/>
+    </filter>
+  </defs>
+</svg>

package/src/components/BMMaps/icons/RegionSelectedHover.svg

@@ -0,0 +1,19 @@
+<svg viewBox="0 0 34 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.35" fill-rule="evenodd" clip-rule="evenodd" d="M2.5 16.7872C2.5 8.80332 9.0862 2.5 17 2.5C24.9138 2.5 31.5 8.80332 31.5 16.7872C31.5 20.4287 30.3261 23.2789 28.2739 25.8271C26.5401 27.9801 24.1078 29.9793 21.5765 32.06L21.4314 32.1792L21.1375 32.4209C18.7345 34.397 15.2655 34.397 12.8626 32.4209L12.5686 32.1792L12.4235 32.0599C9.89222 29.9793 7.45988 27.9801 5.72607 25.8271C3.67393 23.2789 2.5 20.4287 2.5 16.7872Z" fill="#735AF5" stroke="#735AF5" stroke-width="4"/>
+<g filter="url(#filter0_d_6086_251849)">
+<path d="M19.8438 30.248L19.5495 30.49C18.0692 31.7073 15.9308 31.7073 14.4505 30.49L14.1562 30.248L14.1562 30.248C11.5083 28.0713 9.24461 26.2104 7.67318 24.2591C5.94413 22.112 5 19.8053 5 16.7872C5 10.237 10.4133 5 17 5C23.5867 5 29 10.237 29 16.7872C29 19.8053 28.0559 22.112 26.3268 24.2591C24.7554 26.2104 22.4917 28.0713 19.8438 30.248Z" fill="#735AF5"/>
+<path d="M19.05 29.2824L19.0499 29.2825L18.7556 29.5244L18.7555 29.5245C17.7366 30.3625 16.2634 30.3625 15.2445 29.5245L15.2444 29.5244L14.9501 29.2824L14.95 29.2824L14.9285 29.2647L14.9285 29.2647C12.2583 27.0696 10.1165 25.3001 8.64673 23.475C7.07923 21.5286 6.25 19.4936 6.25 16.7872C6.25 10.9538 11.0769 6.25 17 6.25C22.9231 6.25 27.75 10.9538 27.75 16.7872C27.75 19.4936 26.9208 21.5286 25.3533 23.475C23.8796 25.305 21.7302 27.0791 19.05 29.2824Z" stroke="#FBFCFD" stroke-width="2.5"/>
+</g>
+<defs>
+<filter id="filter0_d_6086_251849" x="3" y="3" width="28" height="30.4031" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.45098 0 0 0 0 0.352941 0 0 0 0 0.960784 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_6086_251849"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_6086_251849" result="shape"/>
+</filter>
+</defs>
+</svg>

package/src/components/BMMaps/index.ts

@@ -0,0 +1,5 @@
+export * from './BMMaps';
+export * from './BMMapMarker';
+export * from './markerTypes';
+export * from './legend/MapLegend'
+export * from './MapIcons';