@mtes-mct/monitor-ui 13.9.0 → 13.10.0

package/index.js

@@ -17717,10 +17717,11 @@ const Dialog = Object.assign(RawDialog, {
   }
 `;
 
-function ActivityFeed({ color, size, ...nativeProps }) {
+function ActivityFeed({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -17820,10 +17821,11 @@ function ActivityFeed({ color, size, ...nativeProps }) {
     });
 }
 
-function Alert({ color, size, ...nativeProps }) {
+function Alert({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -17844,10 +17846,11 @@ function Alert({ color, size, ...nativeProps }) {
     });
 }
 
-function Anchor({ color, size, ...nativeProps }) {
+function Anchor({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -17868,10 +17871,11 @@ function Anchor({ color, size, ...nativeProps }) {
     });
 }
 
-function Archive({ color, size, ...nativeProps }) {
+function Archive({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -17899,10 +17903,11 @@ function Archive({ color, size, ...nativeProps }) {
     });
 }
 
-function Attention({ color, size, ...nativeProps }) {
+function Attention({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -17956,10 +17961,11 @@ function Attention({ color, size, ...nativeProps }) {
     });
 }
 
-function Calendar({ color, size, ...nativeProps }) {
+function Calendar({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -18020,10 +18026,11 @@ function Calendar({ color, size, ...nativeProps }) {
     });
 }
 
-function Car({ color, size, ...nativeProps }) {
+function Car({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -18057,10 +18064,11 @@ function Car({ color, size, ...nativeProps }) {
     });
 }
 
-function Check({ color, size, ...nativeProps }) {
+function Check({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -18096,10 +18104,11 @@ function Check({ color, size, ...nativeProps }) {
     });
 }
 
-function Chevron({ color, size, ...nativeProps }) {
+function Chevron({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -18135,10 +18144,11 @@ function Chevron({ color, size, ...nativeProps }) {
     });
 }
 
-function Clock({ color, size, ...nativeProps }) {
+function Clock({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -18193,10 +18203,11 @@ function Clock({ color, size, ...nativeProps }) {
     });
 }
 
-function Close({ color, size, ...nativeProps }) {
+function Close({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -18232,10 +18243,11 @@ function Close({ color, size, ...nativeProps }) {
     });
 }
 
-function Comment({ color, size, ...nativeProps }) {
+function Comment({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -18266,10 +18278,11 @@ function Comment({ color, size, ...nativeProps }) {
     });
 }
 
-function Confirm({ color, size, ...nativeProps }) {
+function Confirm({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -18298,10 +18311,11 @@ function Confirm({ color, size, ...nativeProps }) {
     });
 }
 
-function ControlUnit$1({ color, size, ...nativeProps }) {
+function ControlUnit$1({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -18358,10 +18372,11 @@ function ControlUnit$1({ color, size, ...nativeProps }) {
     });
 }
 
-function ControlUnitFilled({ color, size, ...nativeProps }) {
+function ControlUnitFilled({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "18.25",
             viewBox: "0 0 14 18.25",
@@ -18404,10 +18419,11 @@ function ControlUnitFilled({ color, size, ...nativeProps }) {
     });
 }
 
-function Delete({ color, size, ...nativeProps }) {
+function Delete({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -18448,10 +18464,11 @@ function Delete({ color, size, ...nativeProps }) {
     });
 }
 
-function Display({ color, size, ...nativeProps }) {
+function Display({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -18487,10 +18504,11 @@ function Display({ color, size, ...nativeProps }) {
     });
 }
 
-function Dot({ color, size, ...nativeProps }) {
+function Dot({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -18515,10 +18533,11 @@ function Dot({ color, size, ...nativeProps }) {
     });
 }
 
-function DotFilled({ color, size, ...nativeProps }) {
+function DotFilled({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -18543,10 +18562,11 @@ function DotFilled({ color, size, ...nativeProps }) {
     });
 }
 
-function DoubleChevron({ color, size, ...nativeProps }) {
+function DoubleChevron({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -18597,10 +18617,11 @@ function DoubleChevron({ color, size, ...nativeProps }) {
     });
 }
 
-function Download({ color, size, ...nativeProps }) {
+function Download({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -18635,10 +18656,11 @@ function Download({ color, size, ...nativeProps }) {
     });
 }
 
-function Drapeau({ color, size, ...nativeProps }) {
+function Drapeau({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -18677,10 +18699,11 @@ function Drapeau({ color, size, ...nativeProps }) {
     });
 }
 
-function Duplicate({ color, size, ...nativeProps }) {
+function Duplicate({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -18701,10 +18724,11 @@ function Duplicate({ color, size, ...nativeProps }) {
     });
 }
 
-function Edit({ color, size, ...nativeProps }) {
+function Edit({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -18733,10 +18757,11 @@ function Edit({ color, size, ...nativeProps }) {
     });
 }
 
-function EditUnbordered({ color, size, ...nativeProps }) {
+function EditUnbordered({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -18759,10 +18784,11 @@ function EditUnbordered({ color, size, ...nativeProps }) {
     });
 }
 
-function Expand({ color, size, ...nativeProps }) {
+function Expand({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20.076",
             viewBox: "0 0 20.068 20.076",
@@ -18777,10 +18803,11 @@ function Expand({ color, size, ...nativeProps }) {
     });
 }
 
-function Favorite({ color, size, ...nativeProps }) {
+function Favorite({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -18806,10 +18833,11 @@ function Favorite({ color, size, ...nativeProps }) {
     });
 }
 
-function FilledArrow({ color, size, ...nativeProps }) {
+function FilledArrow({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -18834,10 +18862,11 @@ function FilledArrow({ color, size, ...nativeProps }) {
     });
 }
 
-function Filter({ color, size, ...nativeProps }) {
+function Filter({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -18863,10 +18892,11 @@ function Filter({ color, size, ...nativeProps }) {
     });
 }
 
-function FilterBis({ color, size, ...nativeProps }) {
+function FilterBis({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -18901,10 +18931,11 @@ function FilterBis({ color, size, ...nativeProps }) {
     });
 }
 
-function Fishery({ color, size, ...nativeProps }) {
+function Fishery({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -18938,10 +18969,11 @@ function Fishery({ color, size, ...nativeProps }) {
     });
 }
 
-function FishingEngine({ color, size, ...nativeProps }) {
+function FishingEngine({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -18966,10 +18998,11 @@ function FishingEngine({ color, size, ...nativeProps }) {
     });
 }
 
-function FleetSegment({ color, size, ...nativeProps }) {
+function FleetSegment({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -18998,10 +19031,11 @@ function FleetSegment({ color, size, ...nativeProps }) {
     });
 }
 
-function Focus({ color, size, ...nativeProps }) {
+function Focus({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -19086,10 +19120,11 @@ function Focus({ color, size, ...nativeProps }) {
     });
 }
 
-function FocusVessel({ color, size, ...nativeProps }) {
+function FocusVessel({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -19130,10 +19165,11 @@ function FocusVessel({ color, size, ...nativeProps }) {
     });
 }
 
-function FocusZones({ color, size, ...nativeProps }) {
+function FocusZones({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -19185,10 +19221,11 @@ function FocusZones({ color, size, ...nativeProps }) {
     });
 }
 
-function Hide({ color, size, ...nativeProps }) {
+function Hide({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -19209,10 +19246,11 @@ function Hide({ color, size, ...nativeProps }) {
     });
 }
 
-function Info({ color, size, ...nativeProps }) {
+function Info({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -19250,10 +19288,11 @@ function Info({ color, size, ...nativeProps }) {
     });
 }
 
-function Infringement({ color, size, ...nativeProps }) {
+function Infringement({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -19278,10 +19317,11 @@ function Infringement({ color, size, ...nativeProps }) {
     });
 }
 
-function Landmark({ color, size, ...nativeProps }) {
+function Landmark({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -19315,10 +19355,11 @@ function Landmark({ color, size, ...nativeProps }) {
     });
 }
 
-function Link$1({ color, size, ...nativeProps }) {
+function Link$1({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -19361,10 +19402,11 @@ function Link$1({ color, size, ...nativeProps }) {
     });
 }
 
-function List({ color, size, ...nativeProps }) {
+function List({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -19512,10 +19554,11 @@ function List({ color, size, ...nativeProps }) {
     });
 }
 
-function MapLayers({ color, size, ...nativeProps }) {
+function MapLayers({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -19548,10 +19591,11 @@ function MapLayers({ color, size, ...nativeProps }) {
     });
 }
 
-function MeasureAngle({ color, size, ...nativeProps }) {
+function MeasureAngle({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -19588,10 +19632,11 @@ function MeasureAngle({ color, size, ...nativeProps }) {
     });
 }
 
-function MeasureBrokenLine({ color, size, ...nativeProps }) {
+function MeasureBrokenLine({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -19616,10 +19661,11 @@ function MeasureBrokenLine({ color, size, ...nativeProps }) {
     });
 }
 
-function MeasureCircle({ color, size, ...nativeProps }) {
+function MeasureCircle({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -19644,10 +19690,11 @@ function MeasureCircle({ color, size, ...nativeProps }) {
     });
 }
 
-function MeasureLine({ color, size, ...nativeProps }) {
+function MeasureLine({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -19672,10 +19719,11 @@ function MeasureLine({ color, size, ...nativeProps }) {
     });
 }
 
-function Minus({ color, size, ...nativeProps }) {
+function Minus({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -19698,10 +19746,11 @@ function Minus({ color, size, ...nativeProps }) {
     });
 }
 
-function MissionAction({ color, size, ...nativeProps }) {
+function MissionAction({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -19740,10 +19789,11 @@ function MissionAction({ color, size, ...nativeProps }) {
     });
 }
 
-function More({ color, size, ...nativeProps }) {
+function More({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -19789,10 +19839,11 @@ function More({ color, size, ...nativeProps }) {
     });
 }
 
-function Note({ color, size, ...nativeProps }) {
+function Note({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -19813,10 +19864,11 @@ function Note({ color, size, ...nativeProps }) {
     });
 }
 
-function Observation({ color, size, ...nativeProps }) {
+function Observation({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -19848,10 +19900,11 @@ function Observation({ color, size, ...nativeProps }) {
     });
 }
 
-function Phone({ color, size, ...nativeProps }) {
+function Phone({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -19889,10 +19942,11 @@ function Phone({ color, size, ...nativeProps }) {
     });
 }
 
-function Pin({ color, size, ...nativeProps }) {
+function Pin({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -19917,10 +19971,11 @@ function Pin({ color, size, ...nativeProps }) {
     });
 }
 
-function PinFilled({ color, size, ...nativeProps }) {
+function PinFilled({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -19934,10 +19989,11 @@ function PinFilled({ color, size, ...nativeProps }) {
     });
 }
 
-function Pinpoint({ color, size, ...nativeProps }) {
+function Pinpoint({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -19966,10 +20022,11 @@ function Pinpoint({ color, size, ...nativeProps }) {
     });
 }
 
-function PinpointHide({ color, size, ...nativeProps }) {
+function PinpointHide({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -19994,10 +20051,11 @@ function PinpointHide({ color, size, ...nativeProps }) {
     });
 }
 
-function Plane({ color, size, ...nativeProps }) {
+function Plane({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -20018,10 +20076,11 @@ function Plane({ color, size, ...nativeProps }) {
     });
 }
 
-function Plus({ color, size, ...nativeProps }) {
+function Plus({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -20046,10 +20105,11 @@ function Plus({ color, size, ...nativeProps }) {
     });
 }
 
-function Reject({ color, size, ...nativeProps }) {
+function Reject({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -20078,10 +20138,11 @@ function Reject({ color, size, ...nativeProps }) {
     });
 }
 
-function Report({ color, size, ...nativeProps }) {
+function Report({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -20103,10 +20164,11 @@ function Report({ color, size, ...nativeProps }) {
     });
 }
 
-function Rescue({ color, size, ...nativeProps }) {
+function Rescue({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -20144,10 +20206,11 @@ function Rescue({ color, size, ...nativeProps }) {
     });
 }
 
-function Reset({ color, size, ...nativeProps }) {
+function Reset({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -20175,10 +20238,11 @@ function Reset({ color, size, ...nativeProps }) {
     });
 }
 
-function Save({ color, size, ...nativeProps }) {
+function Save({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -20199,10 +20263,11 @@ function Save({ color, size, ...nativeProps }) {
     });
 }
 
-function Search$1({ color, size, ...nativeProps }) {
+function Search$1({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -20238,10 +20303,11 @@ function Search$1({ color, size, ...nativeProps }) {
     });
 }
 
-function SelectCircle({ color, size, ...nativeProps }) {
+function SelectCircle({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -20261,10 +20327,11 @@ function SelectCircle({ color, size, ...nativeProps }) {
     });
 }
 
-function SelectPolygon({ color, size, ...nativeProps }) {
+function SelectPolygon({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -20337,10 +20404,11 @@ function SelectPolygon({ color, size, ...nativeProps }) {
     });
 }
 
-function SelectRectangle({ color, size, ...nativeProps }) {
+function SelectRectangle({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -20513,10 +20581,11 @@ function SelectRectangle({ color, size, ...nativeProps }) {
     });
 }
 
-function SelectZone({ color, size, ...nativeProps }) {
+function SelectZone({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -20581,10 +20650,11 @@ function SelectZone({ color, size, ...nativeProps }) {
     });
 }
 
-function Semaphore({ color, size, ...nativeProps }) {
+function Semaphore({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -20608,10 +20678,11 @@ function Semaphore({ color, size, ...nativeProps }) {
     });
 }
 
-function ShowErsMessages({ color, size, ...nativeProps }) {
+function ShowErsMessages({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -20655,10 +20726,11 @@ function ShowErsMessages({ color, size, ...nativeProps }) {
     });
 }
 
-function ShowXml({ color, size, ...nativeProps }) {
+function ShowXml({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -20683,10 +20755,11 @@ function ShowXml({ color, size, ...nativeProps }) {
     });
 }
 
-function SortingArrows({ color, size, ...nativeProps }) {
+function SortingArrows({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -20741,10 +20814,11 @@ function SortingArrows({ color, size, ...nativeProps }) {
     });
 }
 
-function SortingChevrons({ color, size, ...nativeProps }) {
+function SortingChevrons({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -20782,10 +20856,11 @@ function SortingChevrons({ color, size, ...nativeProps }) {
     });
 }
 
-function SortSelectedDown({ color, size, ...nativeProps }) {
+function SortSelectedDown({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -20825,10 +20900,11 @@ function SortSelectedDown({ color, size, ...nativeProps }) {
     });
 }
 
-function SortSelectedUp({ color, size, ...nativeProps }) {
+function SortSelectedUp({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -20865,10 +20941,11 @@ function SortSelectedUp({ color, size, ...nativeProps }) {
     });
 }
 
-function Summary({ color, size, ...nativeProps }) {
+function Summary({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -20918,10 +20995,11 @@ function Summary({ color, size, ...nativeProps }) {
     });
 }
 
-function Tag$1({ color, size, ...nativeProps }) {
+function Tag$1({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -20967,10 +21045,11 @@ function Tag$1({ color, size, ...nativeProps }) {
     });
 }
 
-function Target({ color, size, ...nativeProps }) {
+function Target({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -21022,10 +21101,11 @@ function Target({ color, size, ...nativeProps }) {
     });
 }
 
-function Unlink({ color, size, ...nativeProps }) {
+function Unlink({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -21080,10 +21160,11 @@ function Unlink({ color, size, ...nativeProps }) {
     });
 }
 
-function Unlock({ color, size, ...nativeProps }) {
+function Unlock({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -21122,10 +21203,11 @@ function Unlock({ color, size, ...nativeProps }) {
     });
 }
 
-function Vessel({ color, size, ...nativeProps }) {
+function Vessel({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsx("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -21151,10 +21233,11 @@ function Vessel({ color, size, ...nativeProps }) {
     });
 }
 
-function ViewOnMap({ color, size, ...nativeProps }) {
+function ViewOnMap({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -21176,10 +21259,11 @@ function ViewOnMap({ color, size, ...nativeProps }) {
     });
 }
 
-function Vms({ color, size, ...nativeProps }) {
+function Vms({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -21228,10 +21312,11 @@ function Vms({ color, size, ...nativeProps }) {
     });
 }
 
-function Warning({ color, size, ...nativeProps }) {
+function Warning({ color, size, title, ...nativeProps }) {
     return /*#__PURE__*/ jsx(IconBox, {
         $color: color,
         $size: size,
+        title: title,
         children: /*#__PURE__*/ jsxs("svg", {
             height: "20",
             viewBox: "0 0 20 20",
@@ -53371,17 +53456,18 @@ const MapMenuDialog = {
     VisibilityButton
 };
 
+const DEFAULT_SIZE = 20;
 const ExclamationPoint = styled.span`
   background: ${(p)=>p.backgroundColor ?? p.theme.color.goldenPoppy};
-  border-radius: 15px;
+  border-radius: ${(p)=>`${p.size ?? DEFAULT_SIZE}px`};
   color: ${(p)=>p.color ?? p.theme.color.white};
-  display: inline-block;
-  font-size: 11px;
+  display: inline-flex; /* use flexbox for easier centering */
+  justify-content: center; /* center content horizontally */
+  align-items: center; /* center content vertically */
+  font-size: ${(p)=>`${p.size && p.size <= 13 ? p.size : 13}px`};
   font-weight: 700;
-  line-height: 11px !important;
-  height: 20px;
-  padding: 3.25px 4px 5px 8.25px;
-  width: 20px;
+  height: ${(p)=>`${p.size ?? DEFAULT_SIZE}px`};
+  width: ${(p)=>`${p.size ?? DEFAULT_SIZE}px`};
   box-sizing: border-box;
 
   ::after {