@czi-sds/components 18.0.1 → 18.1.0

package/dist/index.esm.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
-import React__default, { forwardRef, useState, useEffect, createContext, useMemo, useRef, useContext } from 'react';
+import React__default, { forwardRef, useState, useCallback, useEffect, createContext, useMemo, useRef, useContext } from 'react';
 import { css } from '@emotion/react';
-import { colors, AccordionDetails as AccordionDetails$1, SvgIcon, AccordionSummary, Accordion as Accordion$1, Alert as Alert$2, IconButton, MenuItem as MenuItem$1, menuItemClasses, TextField, outlinedInputClasses, inputBaseClasses, inputAdornmentClasses, InputAdornment, Autocomplete as Autocomplete$1, Paper, Button as Button$1, Grow, AlertTitle, Popper, Tooltip as Tooltip$1, Chip as Chip$1, ClickAwayListener, darken, Dialog as Dialog$1, DialogActions as DialogActions$1, DialogContent, DialogTitle as DialogTitle$1, Typography, FormControlLabel, Checkbox, Radio, Slider, Switch, Link as Link$1, List as List$1, ListItem as ListItem$1, ListSubheader as ListSubheader$1, Menu as Menu$1, Tabs as Tabs$1, Tab as Tab$1, Slide, Box, ToggleButtonGroup, ToggleButton, useTheme as useTheme$1, TableCell, TableContainer, Table as Table$1, TableBody, TableRow as TableRow$1 } from '@mui/material';
+import { colors, AccordionDetails as AccordionDetails$1, SvgIcon, AccordionSummary, Accordion as Accordion$1, Alert as Alert$2, IconButton, TextField, outlinedInputClasses, inputBaseClasses, inputAdornmentClasses, buttonBaseClasses, InputAdornment, MenuItem as MenuItem$1, menuItemClasses, Autocomplete as Autocomplete$1, Paper, Popper, Button as Button$1, Grow, AlertTitle, Tooltip as Tooltip$1, Chip as Chip$1, ClickAwayListener, darken, Dialog as Dialog$1, DialogActions as DialogActions$1, DialogContent, DialogTitle as DialogTitle$1, Typography, FormControlLabel, Checkbox, Radio, Slider, Switch, Link as Link$1, List as List$1, ListItem as ListItem$1, ListSubheader as ListSubheader$1, Menu as Menu$1, Tabs as Tabs$1, Tab as Tab$1, Slide, Box, ToggleButtonGroup, ToggleButton, useTheme as useTheme$1, TableCell, TableContainer, Table as Table$1, TableBody, TableRow as TableRow$1 } from '@mui/material';
 import { createTheme, styled, useTheme } from '@mui/material/styles';
-import { Check, Clear } from '@mui/icons-material';
+import { Check, Remove, Clear } from '@mui/icons-material';
 import { css as css$1 } from '@emotion/css';
 
 /******************************************************************************
@@ -582,14 +582,14 @@ var AccordionDetails = function (props) {
     return jsx(StyledAccordionDetails, { children: children });
 };
 
-var _path$1N, _path2$s, _path3$3;
-function _extends$1W() { _extends$1W = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1W.apply(this, arguments); }
+var _path$1O, _path2$s, _path3$3;
+function _extends$1X() { _extends$1X = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1X.apply(this, arguments); }
 var SvgIconBacteriaLarge = function SvgIconBacteriaLarge(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1W({
+  return /*#__PURE__*/React.createElement("svg", _extends$1X({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$1N || (_path$1N = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1O || (_path$1O = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M11.188 13.473a1.793 1.793 0 1 1-3.585 0 1.793 1.793 0 0 1 3.585 0Zm-1.792.693a.693.693 0 1 0 0-1.385.693.693 0 0 0 0 1.385Z",
     clipRule: "evenodd"
@@ -603,9 +603,9 @@ var SvgIconBacteriaLarge = function SvgIconBacteriaLarge(props) {
 };
 
 var _g$4, _defs$3;
-function _extends$1V() { _extends$1V = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1V.apply(this, arguments); }
+function _extends$1W() { _extends$1W = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1W.apply(this, arguments); }
 var SvgIconBacteriaSmall = function SvgIconBacteriaSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1V({
+  return /*#__PURE__*/React.createElement("svg", _extends$1W({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
@@ -625,67 +625,67 @@ var SvgIconBacteriaSmall = function SvgIconBacteriaSmall(props) {
   })))));
 };
 
-var _path$1M;
-function _extends$1U() { _extends$1U = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1U.apply(this, arguments); }
+var _path$1N;
+function _extends$1V() { _extends$1V = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1V.apply(this, arguments); }
 var SvgIconBarChartHorizontal3Small = function SvgIconBarChartHorizontal3Small(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1U({
+  return /*#__PURE__*/React.createElement("svg", _extends$1V({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14,
     fill: "none"
-  }, props), _path$1M || (_path$1M = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1N || (_path$1N = /*#__PURE__*/React.createElement("path", {
     d: "M1 2.13a1 1 0 0 1 1-1h6.4a1 1 0 0 1 1 1v.75a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-.75Zm0 4.5a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v.75a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-.75Zm0 4.5a1 1 0 0 1 1-1h2.8a1 1 0 0 1 1 1v.75a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-.75Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1L;
-function _extends$1T() { _extends$1T = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1T.apply(this, arguments); }
+var _path$1M;
+function _extends$1U() { _extends$1U = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1U.apply(this, arguments); }
 var SvgIconBarChartVertical3Small = function SvgIconBarChartVertical3Small(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1T({
+  return /*#__PURE__*/React.createElement("svg", _extends$1U({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$1L || (_path$1L = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1M || (_path$1M = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M1.13 12V5.6a1 1 0 0 1 1-1h.75a1 1 0 0 1 1 1V12a1 1 0 0 1-1 1h-.75a1 1 0 0 1-1-1Zm4.5 0V2a1 1 0 0 1 1-1h.75a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-.75a1 1 0 0 1-1-1Zm4.5 0V9.2a1 1 0 0 1 1-1h.75a1 1 0 0 1 1 1V12a1 1 0 0 1-1 1h-.75a1 1 0 0 1-1-1Z"
   })));
 };
 
-var _path$1K;
-function _extends$1S() { _extends$1S = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1S.apply(this, arguments); }
+var _path$1L;
+function _extends$1T() { _extends$1T = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1T.apply(this, arguments); }
 var SvgIconBarChartVertical4Small = function SvgIconBarChartVertical4Small(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1S({
+  return /*#__PURE__*/React.createElement("svg", _extends$1T({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$1K || (_path$1K = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1L || (_path$1L = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M5.61 2.707c.477 0 .864.387.864.864v8.715a.864.864 0 1 1-1.727 0V3.571c0-.477.387-.864.864-.864Zm-2.746 2.23c.476 0 .863.387.863.864v6.474a.864.864 0 1 1-1.727 0V5.801c0-.477.387-.863.864-.863ZM8.358.9c.477 0 .863.387.863.864v10.511a.864.864 0 1 1-1.727 0V1.764c0-.477.387-.864.864-.864Zm2.747 4.22c.477 0 .863.387.863.864v6.291a.864.864 0 0 1-1.727 0v-6.29c0-.478.387-.864.864-.864Z"
   })));
 };
 
-var _path$1J;
-function _extends$1R() { _extends$1R = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1R.apply(this, arguments); }
+var _path$1K;
+function _extends$1S() { _extends$1S = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1S.apply(this, arguments); }
 var SvgIconBookLarge = function SvgIconBookLarge(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1R({
+  return /*#__PURE__*/React.createElement("svg", _extends$1S({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22,
     fill: "none"
-  }, props), _path$1J || (_path$1J = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1K || (_path$1K = /*#__PURE__*/React.createElement("path", {
     d: "M17.322 1.42H5.378A2.787 2.787 0 0 0 2.59 4.207V17.911a.754.754 0 0 0 .022.111 2.788 2.788 0 0 0 2.765 2.565h11.945a2.091 2.091 0 0 0 2.09-2.091V3.511a2.09 2.09 0 0 0-2.09-2.091Zm.697 2.09v11.614H7.552V2.814h9.77a.696.696 0 0 1 .697.697ZM5.378 2.815h.78v12.31h-.78c-.491.002-.972.136-1.394.387V4.208a1.394 1.394 0 0 1 1.394-1.394Zm11.944 16.379H5.378a1.34 1.34 0 1 1 0-2.676h12.64v1.98a.697.697 0 0 1-.696.696ZM9.988 5.707c0-.385.312-.697.697-.697h4.2a.697.697 0 1 1 0 1.394h-4.2a.697.697 0 0 1-.697-.697Z"
   })));
 };
 
-var _path$1I, _path2$r;
-function _extends$1Q() { _extends$1Q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1Q.apply(this, arguments); }
+var _path$1J, _path2$r;
+function _extends$1R() { _extends$1R = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1R.apply(this, arguments); }
 var SvgIconCheckCircleLarge = function SvgIconCheckCircleLarge(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1Q({
+  return /*#__PURE__*/React.createElement("svg", _extends$1R({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$1I || (_path$1I = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1J || (_path$1J = /*#__PURE__*/React.createElement("path", {
     d: "M15.92 7.982a.825.825 0 0 0-1.34-.964l-4.801 6.67-2.916-3.24a.825.825 0 1 0-1.226 1.104l3.662 4.069a.75.75 0 0 0 1.166-.063l5.455-7.576Z"
   })), _path2$r || (_path2$r = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
@@ -694,65 +694,65 @@ var SvgIconCheckCircleLarge = function SvgIconCheckCircleLarge(props) {
   })));
 };
 
-var _path$1H;
-function _extends$1P() { _extends$1P = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1P.apply(this, arguments); }
+var _path$1I;
+function _extends$1Q() { _extends$1Q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1Q.apply(this, arguments); }
 var SvgIconCheckCircleSmall = function SvgIconCheckCircleSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1P({
+  return /*#__PURE__*/React.createElement("svg", _extends$1Q({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$1H || (_path$1H = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1I || (_path$1I = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M12.6 7A5.6 5.6 0 1 1 1.4 7a5.6 5.6 0 0 1 11.2 0ZM14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-3.662-1.826a.725.725 0 1 0-1.176-.848l-3.075 4.27L4.29 6.598a.725.725 0 1 0-1.078.97l2.587 2.875a.5.5 0 0 0 .777-.043l3.763-5.226Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1G;
-function _extends$1O() { _extends$1O = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1O.apply(this, arguments); }
+var _path$1H;
+function _extends$1P() { _extends$1P = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1P.apply(this, arguments); }
 var SvgIconCheckSmall = function SvgIconCheckSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1O({
+  return /*#__PURE__*/React.createElement("svg", _extends$1P({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$1G || (_path$1G = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1H || (_path$1H = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M12.415 1.011a.78.78 0 0 0-.484.334L5.65 9.862l-3.248-3.67c-.207-.287-.55-.399-.86-.258-.294.132-.497.462-.535.848-.038.38.087.76.333.985l3.826 4.325c.33.37.833.338 1.131-.066l6.825-9.257c.233-.307.294-.774.153-1.166-.148-.411-.492-.66-.86-.592Z"
   })));
 };
 
-var _path$1F;
-function _extends$1N() { _extends$1N = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1N.apply(this, arguments); }
+var _path$1G;
+function _extends$1O() { _extends$1O = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1O.apply(this, arguments); }
 var SvgIconChevronDownLarge = function SvgIconChevronDownLarge(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1N({
+  return /*#__PURE__*/React.createElement("svg", _extends$1O({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22,
     fill: "none"
-  }, props), _path$1F || (_path$1F = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1G || (_path$1G = /*#__PURE__*/React.createElement("path", {
     d: "M11.562 16.106a.75.75 0 0 1-1.067.002L1.972 7.517a.75.75 0 0 1 .004-1.061l.568-.563a.75.75 0 0 1 1.06.004l6.886 6.94a.75.75 0 0 0 1.067-.002L18.39 5.9a.75.75 0 0 1 1.06-.007l.57.561a.75.75 0 0 1 .008 1.06l-8.466 8.591Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1E;
-function _extends$1M() { _extends$1M = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1M.apply(this, arguments); }
+var _path$1F;
+function _extends$1N() { _extends$1N = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1N.apply(this, arguments); }
 var SvgIconChevronDownSmall = function SvgIconChevronDownSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1M({
+  return /*#__PURE__*/React.createElement("svg", _extends$1N({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14,
     fill: "none"
-  }, props), _path$1E || (_path$1E = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1F || (_path$1F = /*#__PURE__*/React.createElement("path", {
     d: "M7.374 10.461a.5.5 0 0 1-.711.001L1.116 4.871a.5.5 0 0 1 .002-.707l.64-.634a.5.5 0 0 1 .706.003L6.658 7.76a.5.5 0 0 0 .711-.001l4.162-4.223a.5.5 0 0 1 .707-.005l.641.632a.5.5 0 0 1 .005.707l-5.51 5.591Z",
     clipRule: "evenodd"
   })));
 };
 
 var _g$3, _defs$2;
-function _extends$1L() { _extends$1L = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1L.apply(this, arguments); }
+function _extends$1M() { _extends$1M = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1M.apply(this, arguments); }
 var SvgIconChevronLeft2Small = function SvgIconChevronLeft2Small(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1L({
+  return /*#__PURE__*/React.createElement("svg", _extends$1M({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14,
@@ -771,38 +771,38 @@ var SvgIconChevronLeft2Small = function SvgIconChevronLeft2Small(props) {
   })))));
 };
 
-var _path$1D;
-function _extends$1K() { _extends$1K = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1K.apply(this, arguments); }
+var _path$1E;
+function _extends$1L() { _extends$1L = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1L.apply(this, arguments); }
 var SvgIconChevronLeftLarge = function SvgIconChevronLeftLarge(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1K({
+  return /*#__PURE__*/React.createElement("svg", _extends$1L({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22,
     fill: "none"
-  }, props), _path$1D || (_path$1D = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1E || (_path$1E = /*#__PURE__*/React.createElement("path", {
     d: "M5.611 11.316a.75.75 0 0 1-.002-1.067l8.582-8.532a.749.749 0 0 1 1.06.003l.565.567a.751.751 0 0 1-.004 1.061L8.88 10.24a.75.75 0 0 0 .002 1.067l6.941 6.826a.751.751 0 0 1 .009 1.061l-.562.57a.75.75 0 0 1-1.061.009l-8.598-8.457Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1C;
-function _extends$1J() { _extends$1J = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1J.apply(this, arguments); }
+var _path$1D;
+function _extends$1K() { _extends$1K = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1K.apply(this, arguments); }
 var SvgIconChevronLeftSmall = function SvgIconChevronLeftSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1J({
+  return /*#__PURE__*/React.createElement("svg", _extends$1K({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14,
     fill: "none"
-  }, props), _path$1C || (_path$1C = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1D || (_path$1D = /*#__PURE__*/React.createElement("path", {
     d: "M3.536 7.373a.5.5 0 0 1-.001-.71l5.59-5.548a.5.5 0 0 1 .708.003l.634.639a.5.5 0 0 1-.003.707L6.237 6.658a.5.5 0 0 0 .001.71l4.223 4.162a.5.5 0 0 1 .005.708l-.632.64a.5.5 0 0 1-.707.006l-5.591-5.51Z",
     clipRule: "evenodd"
   })));
 };
 
 var _g$2, _defs$1;
-function _extends$1I() { _extends$1I = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1I.apply(this, arguments); }
+function _extends$1J() { _extends$1J = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1J.apply(this, arguments); }
 var SvgIconChevronRight2Small = function SvgIconChevronRight2Small(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1I({
+  return /*#__PURE__*/React.createElement("svg", _extends$1J({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14,
@@ -821,84 +821,84 @@ var SvgIconChevronRight2Small = function SvgIconChevronRight2Small(props) {
   })))));
 };
 
-var _path$1B;
-function _extends$1H() { _extends$1H = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1H.apply(this, arguments); }
+var _path$1C;
+function _extends$1I() { _extends$1I = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1I.apply(this, arguments); }
 var SvgIconChevronRightLarge = function SvgIconChevronRightLarge(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1H({
+  return /*#__PURE__*/React.createElement("svg", _extends$1I({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22,
     fill: "none"
-  }, props), _path$1B || (_path$1B = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1C || (_path$1C = /*#__PURE__*/React.createElement("path", {
     d: "M16.389 10.686a.75.75 0 0 1 .002 1.068l-8.586 8.528a.749.749 0 0 1-1.06-.004l-.564-.568a.749.749 0 0 1 .003-1.06l6.936-6.889a.75.75 0 0 0-.002-1.067l-6.937-6.83a.749.749 0 0 1-.009-1.06l.561-.57a.748.748 0 0 1 1.06-.008l8.596 8.46Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1A;
-function _extends$1G() { _extends$1G = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1G.apply(this, arguments); }
+var _path$1B;
+function _extends$1H() { _extends$1H = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1H.apply(this, arguments); }
 var SvgIconChevronRightSmall = function SvgIconChevronRightSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1G({
+  return /*#__PURE__*/React.createElement("svg", _extends$1H({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14,
     fill: "none"
-  }, props), _path$1A || (_path$1A = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1B || (_path$1B = /*#__PURE__*/React.createElement("path", {
     d: "M10.463 6.624a.5.5 0 0 1 .001.711l-5.591 5.548a.5.5 0 0 1-.707-.003l-.634-.64a.5.5 0 0 1 .003-.706L7.762 7.34a.5.5 0 0 0-.001-.711L3.538 2.467a.5.5 0 0 1-.005-.707l.632-.641a.5.5 0 0 1 .707-.005l5.59 5.51Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1z;
-function _extends$1F() { _extends$1F = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1F.apply(this, arguments); }
+var _path$1A;
+function _extends$1G() { _extends$1G = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1G.apply(this, arguments); }
 var SvgIconChevronUpLarge = function SvgIconChevronUpLarge(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1F({
+  return /*#__PURE__*/React.createElement("svg", _extends$1G({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22,
     fill: "none"
-  }, props), _path$1z || (_path$1z = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1A || (_path$1A = /*#__PURE__*/React.createElement("path", {
     d: "M10.432 5.894a.75.75 0 0 1 1.067-.002l8.523 8.59a.75.75 0 0 1-.004 1.062l-.568.563a.75.75 0 0 1-1.06-.004l-6.886-6.94a.75.75 0 0 0-1.066.002l-6.834 6.933a.75.75 0 0 1-1.06.008l-.57-.562a.75.75 0 0 1-.008-1.06l8.466-8.59Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1y;
-function _extends$1E() { _extends$1E = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1E.apply(this, arguments); }
+var _path$1z;
+function _extends$1F() { _extends$1F = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1F.apply(this, arguments); }
 var SvgIconChevronUpSmall = function SvgIconChevronUpSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1E({
+  return /*#__PURE__*/React.createElement("svg", _extends$1F({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14,
     fill: "none"
-  }, props), _path$1y || (_path$1y = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1z || (_path$1z = /*#__PURE__*/React.createElement("path", {
     d: "M6.624 3.539a.5.5 0 0 1 .711-.001l5.548 5.591a.5.5 0 0 1-.003.707l-.64.634a.5.5 0 0 1-.706-.003L7.34 6.24a.5.5 0 0 0-.711.001l-4.162 4.223a.5.5 0 0 1-.707.005l-.641-.632a.5.5 0 0 1-.005-.707l5.51-5.591Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1x;
-function _extends$1D() { _extends$1D = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1D.apply(this, arguments); }
+var _path$1y;
+function _extends$1E() { _extends$1E = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1E.apply(this, arguments); }
 var SvgIconCirclesOverlapLarge = function SvgIconCirclesOverlapLarge(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1D({
+  return /*#__PURE__*/React.createElement("svg", _extends$1E({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$1x || (_path$1x = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1y || (_path$1y = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M7.219 18.219c1.386 0 2.681-.391 3.781-1.069a7.219 7.219 0 1 0 0-12.3 7.219 7.219 0 1 0-3.781 13.37Zm0-1.45c.91 0 1.771-.211 2.537-.587A7.197 7.197 0 0 1 7.562 11c0-2.033.841-3.87 2.194-5.182a5.769 5.769 0 1 0-2.537 10.951ZM14.78 5.23c-.91 0-1.771.211-2.537.587A7.198 7.198 0 0 1 14.438 11c0 2.033-.841 3.87-2.194 5.182a5.769 5.769 0 1 0 2.537-10.951ZM11.37 6.994l-1.19.526c-.235.312-.44.648-.61 1.004l2.255-.998a5.795 5.795 0 0 0-.455-.532Zm1.18 1.797-3.492 1.545-.005-.012a5.828 5.828 0 0 0-.039.764l3.757-1.663a5.713 5.713 0 0 0-.22-.634Zm.438 2.124L9.23 12.577c.062.22.137.433.223.64l3.495-1.546a5.823 5.823 0 0 0 .038-.756Zm-.562 2.573-2.244.993c.143.188.296.367.46.537l1.16-.514c.242-.314.45-.655.624-1.016Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1w, _path2$q;
-function _extends$1C() { _extends$1C = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1C.apply(this, arguments); }
+var _path$1x, _path2$q;
+function _extends$1D() { _extends$1D = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1D.apply(this, arguments); }
 var SvgIconCirclesOverlapSmall = function SvgIconCirclesOverlapSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1C({
+  return /*#__PURE__*/React.createElement("svg", _extends$1D({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$1w || (_path$1w = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1x || (_path$1x = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M7 10.914a4.594 4.594 0 1 1 0-7.828 4.594 4.594 0 1 1 0 7.828Zm-1.099-.945a3.244 3.244 0 1 1 0-5.939A4.576 4.576 0 0 0 4.813 7c0 1.132.41 2.169 1.088 2.97ZM8.1 4.031a3.244 3.244 0 1 1 0 5.939A4.575 4.575 0 0 0 9.187 7c0-1.132-.41-2.169-1.088-2.97ZM7 4.825c.52.575.838 1.338.838 2.175 0 .837-.318 1.6-.838 2.175A3.232 3.232 0 0 1 6.162 7c0-.837.318-1.6.838-2.175Z",
     clipRule: "evenodd"
@@ -907,28 +907,28 @@ var SvgIconCirclesOverlapSmall = function SvgIconCirclesOverlapSmall(props) {
   })));
 };
 
-var _path$1v;
-function _extends$1B() { _extends$1B = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1B.apply(this, arguments); }
+var _path$1w;
+function _extends$1C() { _extends$1C = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1C.apply(this, arguments); }
 var SvgIconCompassLarge = function SvgIconCompassLarge(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1B({
+  return /*#__PURE__*/React.createElement("svg", _extends$1C({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$1v || (_path$1v = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1w || (_path$1w = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M12.403 2.71a.7.7 0 0 0-.628-.696l-.071-.004h-1.399a.7.7 0 0 0-.695.628v.077a9.465 9.465 0 0 1 2.793 0V2.71Zm-4.195 0s-.008.204-.007.327a9.393 9.393 0 0 0-6.585 8.964 9.39 9.39 0 1 0 12.183-8.967v-.432a2.1 2.1 0 0 0-2.095-1.99h-1.399l-.107.003a2.1 2.1 0 0 0-1.99 2.095Zm-5.056 8.503a7.894 7.894 0 0 1 7.064-7.065.867.867 0 0 0-.012.146v.831c0 .46.359.831.8.831.443 0 .801-.372.801-.831v-.831a.867.867 0 0 0-.012-.146 7.894 7.894 0 0 1 7.064 7.065.875.875 0 0 0-.147-.013h-.833c-.46 0-.833.359-.833.8 0 .443.373.801.833.801h.833c.05 0 .1-.004.147-.012a7.894 7.894 0 0 1-7.064 7.064.866.866 0 0 0 .012-.145v-.832c0-.459-.358-.831-.8-.831-.442 0-.8.372-.8.831v.832c0 .05.003.098.011.145a7.894 7.894 0 0 1-7.064-7.064.875.875 0 0 0 .147.012h.833c.46 0 .833-.358.833-.8 0-.442-.373-.8-.833-.8H3.3c-.05 0-.099.003-.147.011ZM14.6 7.786a.45.45 0 0 1 .652.558l-.033.061-2.541 5.047a.42.42 0 0 1-.136.16l-.062.037-5.082 2.541a.448.448 0 0 1-.197.05.449.449 0 0 1-.319-.135.449.449 0 0 1-.112-.45l.027-.066 2.54-5.065a.422.422 0 0 1 .137-.16l.061-.037 5.064-2.541Zm-1.15 1.768-2.59 1.298 1.293 1.293 1.298-2.59Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1u, _path2$p;
-function _extends$1A() { _extends$1A = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1A.apply(this, arguments); }
+var _path$1v, _path2$p;
+function _extends$1B() { _extends$1B = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1B.apply(this, arguments); }
 var SvgIconCopyLarge = function SvgIconCopyLarge(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1A({
+  return /*#__PURE__*/React.createElement("svg", _extends$1B({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$1u || (_path$1u = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1v || (_path$1v = /*#__PURE__*/React.createElement("path", {
     d: "M5.526 16.883h6.566c.445 0 .794-.271.794-.617s-.349-.617-.794-.617H5.526c-.445 0-.794.271-.794.617s.35.617.794.617ZM12.092 14.287H5.526c-.438 0-.794-.28-.794-.626 0-.34.35-.608.794-.608h6.566c.438 0 .794.28.794.625 0 .341-.349.609-.794.609Z"
   })), _path2$p || (_path2$p = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
@@ -937,132 +937,132 @@ var SvgIconCopyLarge = function SvgIconCopyLarge(props) {
   })));
 };
 
-var _path$1t;
-function _extends$1z() { _extends$1z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1z.apply(this, arguments); }
+var _path$1u;
+function _extends$1A() { _extends$1A = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1A.apply(this, arguments); }
 var SvgIconCopySmall = function SvgIconCopySmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1z({
+  return /*#__PURE__*/React.createElement("svg", _extends$1A({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$1t || (_path$1t = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1u || (_path$1u = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M9.87.75c.13 0 .257.031.388.102l.098.06.096.081 2.196 2.213a.826.826 0 0 1 .233.453l.01.129.013 5.738c0 .603-.432 1.128-1.028 1.264l-.13.024-.137.008-1.99-.001v1.136c0 .565-.362 1.052-.89 1.229l-.136.038-.131.022-.138.008h-5.93c-.61 0-1.13-.427-1.264-1.028l-.022-.131-.008-.138V4.48c0-.612.425-1.132 1.026-1.266l.13-.023.138-.008h1.99V2.046c0-.557.368-1.047.893-1.227l.135-.038.13-.023.136-.008H9.87ZM6.15 4.581H2.5v7.273h5.72l-.002-5.241H7.057a.902.902 0 0 1-.858-.62l-.036-.132-.012-.136V4.581Zm3.277-2.43H5.786v1.225h.963c.142 0 .282.034.426.11l.108.064.106.088 1.964 1.978a.87.87 0 0 1 .225.373l.031.121.012.133v3.18h1.869l.003-5.241h-1.16a.901.901 0 0 1-.857-.62L9.44 3.43l-.011-.135-.002-1.144Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1s;
-function _extends$1y() { _extends$1y = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1y.apply(this, arguments); }
+var _path$1t;
+function _extends$1z() { _extends$1z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1z.apply(this, arguments); }
 var SvgIconDnaLarge = function SvgIconDnaLarge(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1y({
+  return /*#__PURE__*/React.createElement("svg", _extends$1z({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$1s || (_path$1s = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1t || (_path$1t = /*#__PURE__*/React.createElement("path", {
     d: "M15.515 1.502a.684.684 0 0 1 .733.63c.158 2.11.007 3.557-.231 4.552-.224.935-.522 1.452-.666 1.7l-.032.057c-.17.3-.638.89-1.31 1.497-.392.355-.87.729-1.421 1.064.551.335 1.029.71 1.421 1.064.672.607 1.14 1.198 1.31 1.498l.032.055c.143.25.442.766.666 1.701.238.996.389 2.442.23 4.552h.002a.684.684 0 0 1-.734.63l-.032-.002a.684.684 0 0 1-.63-.73h-.002c.063-.84.074-1.557.05-2.166H9.66a.7.7 0 1 1 0-1.4h5.106a7.824 7.824 0 0 0-.112-.558 4.761 4.761 0 0 0-.406-1.127h-2.884a.7.7 0 0 1 0-1.4h1.72l-.014-.014c-.542-.49-1.248-1-2.072-1.35-.822.35-1.528.86-2.07 1.35-.605.546-.958 1.023-1.03 1.149l-.032.056c-.124.214-.345.595-.522 1.336-.198.826-.347 2.123-.196 4.124a.685.685 0 0 1-.63.729l-.032.002a.684.684 0 0 1-.735-.629c-.159-2.11-.007-3.557.231-4.553.224-.935.522-1.45.666-1.7l.032-.056c.17-.3.638-.89 1.31-1.497.392-.355.87-.729 1.42-1.064a9.483 9.483 0 0 1-1.42-1.063C7.319 9.332 6.85 8.74 6.68 8.44l-.032-.056c-.144-.249-.442-.765-.666-1.7-.238-.996-.389-2.442-.23-4.553a.683.683 0 0 1 .734-.629l.032.002a.684.684 0 0 1 .63.73 19.107 19.107 0 0 0-.051 2.135h5.241a.7.7 0 1 1 0 1.4H7.23c.034.219.074.414.116.589.125.522.271.865.39 1.097h2.9a.7.7 0 1 1 0 1.4H8.881l.048.044c.542.489 1.248 1 2.07 1.35.824-.35 1.53-.861 2.072-1.35.605-.548.959-1.024 1.03-1.15l.032-.056c.124-.214.345-.595.522-1.336.198-.826.347-2.123.196-4.124h.001a.684.684 0 0 1 .63-.73l.033-.002Z"
   })));
 };
 
-var _path$1r;
-function _extends$1x() { _extends$1x = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1x.apply(this, arguments); }
+var _path$1s;
+function _extends$1y() { _extends$1y = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1y.apply(this, arguments); }
 var SvgIconDocumentSmall = function SvgIconDocumentSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1x({
+  return /*#__PURE__*/React.createElement("svg", _extends$1y({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$1r || (_path$1r = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1s || (_path$1s = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M12.5 5.5v7a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1v-11a1 1 0 0 1 1-1h5l5 5Zm-4 .725h2.55v5.825h-8.1V1.95h3.825V4.5c0 .953.772 1.725 1.725 1.725Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1q;
-function _extends$1w() { _extends$1w = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1w.apply(this, arguments); }
+var _path$1r;
+function _extends$1x() { _extends$1x = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1x.apply(this, arguments); }
 var SvgIconDotsHorizontal3Large = function SvgIconDotsHorizontal3Large(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1w({
+  return /*#__PURE__*/React.createElement("svg", _extends$1x({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$1q || (_path$1q = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1r || (_path$1r = /*#__PURE__*/React.createElement("path", {
     d: "M9.232 10.968a1.768 1.768 0 1 1 3.536 0 1.768 1.768 0 0 1-3.536 0ZM2.75 10.968a1.768 1.768 0 1 1 3.536 0 1.768 1.768 0 0 1-3.536 0ZM17.482 9.2a1.768 1.768 0 1 0 0 3.536 1.768 1.768 0 0 0 0-3.536Z"
   })));
 };
 
-var _path$1p;
-function _extends$1v() { _extends$1v = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1v.apply(this, arguments); }
+var _path$1q;
+function _extends$1w() { _extends$1w = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1w.apply(this, arguments); }
 var SvgIconDotsHorizontal3Small = function SvgIconDotsHorizontal3Small(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1v({
+  return /*#__PURE__*/React.createElement("svg", _extends$1w({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$1p || (_path$1p = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1q || (_path$1q = /*#__PURE__*/React.createElement("path", {
     d: "M3.5 7.05a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0ZM8.75 7.05a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0ZM12.25 8.8a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5Z"
   })));
 };
 
-var _path$1o;
-function _extends$1u() { _extends$1u = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1u.apply(this, arguments); }
+var _path$1p;
+function _extends$1v() { _extends$1v = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1v.apply(this, arguments); }
 var SvgIconDownloadLarge = function SvgIconDownloadLarge(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1u({
+  return /*#__PURE__*/React.createElement("svg", _extends$1v({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$1o || (_path$1o = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1p || (_path$1p = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M9.778 3.438c-2.697 0-4.957 1.95-5.5 4.542C1.872 8.29 0 10.364 0 12.896c0 2.746 2.193 4.979 4.889 4.979h.733a.731.731 0 0 0 .644-.37.759.759 0 0 0 0-.753.73.73 0 0 0-.644-.37H4.89c-1.909 0-3.422-1.542-3.422-3.486 0-1.943 1.513-3.484 3.422-3.484a.739.739 0 0 0 .733-.677C5.832 6.6 7.616 4.93 9.778 4.93c1.179 0 2.126.454 2.895 1.26a.724.724 0 0 0 .787.18c.314-.122.799-.195 1.207-.195a3.211 3.211 0 0 1 3.185 2.823c.032.28.215.517.474.615 1.3.486 2.207 1.76 2.207 3.282 0 1.944-1.513 3.485-3.422 3.485h-.733a.73.73 0 0 0-.644.37.759.759 0 0 0 0 .754c.133.232.38.374.644.37h.733c2.696 0 4.889-2.233 4.889-4.979 0-1.973-1.13-3.669-2.78-4.472-.447-2.147-2.328-3.742-4.553-3.742-.423 0-.859.068-1.284.179-.968-.87-2.197-1.423-3.605-1.423Zm1.214 4.464a.727.727 0 0 0-.519.228.754.754 0 0 0-.206.535v3.983l-.428-.498a.727.727 0 0 0-1.249.229.757.757 0 0 0 .149.759l1.711 1.991a.728.728 0 0 0 1.1 0l1.711-1.991c.178-.2.236-.481.153-.737a.726.726 0 0 0-1.253-.252l-.428.499V8.665a.754.754 0 0 0-.212-.541.727.727 0 0 0-.529-.222Zm-2.933 6.97a.727.727 0 0 0-.519.227.754.754 0 0 0-.207.536v1.493a.74.74 0 0 0 .734.747h5.866a.74.74 0 0 0 .734-.747v-1.493a.75.75 0 0 0-.364-.656.722.722 0 0 0-.74 0 .75.75 0 0 0-.363.656v.746H8.8v-.746a.754.754 0 0 0-.212-.541.727.727 0 0 0-.529-.222Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1n;
-function _extends$1t() { _extends$1t = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1t.apply(this, arguments); }
+var _path$1o;
+function _extends$1u() { _extends$1u = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1u.apply(this, arguments); }
 var SvgIconDownloadSmall = function SvgIconDownloadSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1t({
+  return /*#__PURE__*/React.createElement("svg", _extends$1u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$1n || (_path$1n = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1o || (_path$1o = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M7.01.8a.858.858 0 0 1 .624.262c.166.17.257.402.252.643v5.337l.974-1.134a.857.857 0 0 1 1.48.298.905.905 0 0 1-.182.876L7.668 9.98a.858.858 0 0 1-.65.298.859.859 0 0 1-.648-.299L3.882 7.084a.903.903 0 0 1-.18-.906.857.857 0 0 1 1.474-.272l.976 1.136V1.709a.9.9 0 0 1 .246-.64.86.86 0 0 1 .498-.26L7.01.8Zm4.786 8.106a.947.947 0 0 0-.836.94l-.001 1.272H3.042l.001-1.271a.947.947 0 1 0-1.893 0v2.212c0 .529.424.953.947.953h9.806a.947.947 0 0 0 .94-.837l.009-.155.001-2.173a.947.947 0 0 0-.946-.947l-.11.006Z"
   })));
 };
 
-var _path$1m;
-function _extends$1s() { _extends$1s = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1s.apply(this, arguments); }
+var _path$1n;
+function _extends$1t() { _extends$1t = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1t.apply(this, arguments); }
 var SvgIconEditLarge = function SvgIconEditLarge(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1s({
+  return /*#__PURE__*/React.createElement("svg", _extends$1t({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$1m || (_path$1m = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1n || (_path$1n = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M6.616 11.443a.742.742 0 0 0-.213.444l-.36 3.254a.742.742 0 0 0 .819.82l3.253-.362a.742.742 0 0 0 .445-.213l8.328-8.332a1.767 1.767 0 0 0 .093-2.394l.003-.004-1.544-1.544a1.768 1.768 0 0 0-2.494 0l-8.33 8.33Zm11.221-5.438-.002.003-1.489 1.488-1.842-1.842 1.49-1.49c.11-.11.288-.11.398 0l1.445 1.445a.28.28 0 0 1 0 .396Zm-4.383.698 1.843 1.842-5.604 5.605-2.073.23.23-2.072 5.604-5.605ZM3.16 3.748c-.36.36-.563.849-.563 1.359v12.375a1.921 1.921 0 0 0 1.921 1.92h12.376a1.92 1.92 0 0 0 1.92-1.92v-5.304a.742.742 0 0 0-1.484 0v5.304a.437.437 0 0 1-.436.437H4.518a.437.437 0 0 1-.437-.437V5.107a.437.437 0 0 1 .437-.437h5.304a.742.742 0 1 0 0-1.484H4.518c-.51 0-.998.202-1.358.562Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1l;
-function _extends$1r() { _extends$1r = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1r.apply(this, arguments); }
+var _path$1m;
+function _extends$1s() { _extends$1s = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1s.apply(this, arguments); }
 var SvgIconEditSmall = function SvgIconEditSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1r({
+  return /*#__PURE__*/React.createElement("svg", _extends$1s({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$1l || (_path$1l = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1m || (_path$1m = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M8.237 3.858 10.6 6.304l-7.004 7.004-2.556.44a.25.25 0 0 1-.289-.288l.443-2.56 7.043-7.042Zm3.314-2.798.07.047.085.074 1.644 1.646a.515.515 0 0 1 0 .729l-1.641 1.639-2.363-2.446 1.6-1.598a.516.516 0 0 1 .605-.091Z"
   })));
 };
 
-var _path$1k, _path2$o;
-function _extends$1q() { _extends$1q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1q.apply(this, arguments); }
+var _path$1l, _path2$o;
+function _extends$1r() { _extends$1r = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1r.apply(this, arguments); }
 var SvgIconExclamationMarkCircleLarge = function SvgIconExclamationMarkCircleLarge(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1q({
+  return /*#__PURE__*/React.createElement("svg", _extends$1r({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$1k || (_path$1k = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1l || (_path$1l = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M11 13.32c-.607 0-1.241-.39-1.287-1.261l-.257-6v-.023c0-.853.693-1.546 1.545-1.546s1.545.693 1.545 1.546v.01a.22.22 0 0 1 0 .012l-.257 5.995A1.292 1.292 0 0 1 11 13.32Zm.415-6.97a.413.413 0 0 0-.825 0l.228 5.308c.01.175.064.205.184.205.053 0 .176-.02.185-.207l.228-5.306ZM9.75 14.5a1.78 1.78 0 0 1 1.251-.518 1.774 1.774 0 0 1 1.766 1.766A1.763 1.763 0 0 1 11 17.514c-.467 0-.922-.189-1.25-.517a1.779 1.779 0 0 1-.516-1.25c0-.464.188-.918.516-1.246Zm.781 1.725c.245.246.695.246.935.002A.666.666 0 0 0 11 15.086a.667.667 0 0 0-.47 1.139Z",
     clipRule: "evenodd"
@@ -1073,28 +1073,28 @@ var SvgIconExclamationMarkCircleLarge = function SvgIconExclamationMarkCircleLar
   })));
 };
 
-var _path$1j;
-function _extends$1p() { _extends$1p = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1p.apply(this, arguments); }
+var _path$1k;
+function _extends$1q() { _extends$1q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1q.apply(this, arguments); }
 var SvgIconExclamationMarkCircleSmall = function SvgIconExclamationMarkCircleSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1p({
+  return /*#__PURE__*/React.createElement("svg", _extends$1q({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$1j || (_path$1j = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1k || (_path$1k = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M7 12.6A5.6 5.6 0 1 0 7 1.4a5.6 5.6 0 0 0 0 11.2ZM7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm-.8-9.85a.8.8 0 1 1 1.6 0v2.9a.8.8 0 0 1-1.6 0v-2.9Zm.8 6.5a.9.9 0 1 0 0-1.8.9.9 0 0 0 0 1.8Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1i, _path2$n, _path3$2;
-function _extends$1o() { _extends$1o = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1o.apply(this, arguments); }
+var _path$1j, _path2$n, _path3$2;
+function _extends$1p() { _extends$1p = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1p.apply(this, arguments); }
 var SvgIconExclamationmarkSpeechBubbleLarge = function SvgIconExclamationmarkSpeechBubbleLarge(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1o({
+  return /*#__PURE__*/React.createElement("svg", _extends$1p({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$1i || (_path$1i = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1j || (_path$1j = /*#__PURE__*/React.createElement("path", {
     d: "M10.02 8.65a.95.95 0 1 0 1.9 0v-6.1a.95.95 0 0 0-1.9 0v6.1Z"
   })), _path2$n || (_path2$n = /*#__PURE__*/React.createElement("path", {
     d: "m9.79 16.866-3.187 2.903v-2.903H3.692V5.083H6.9a.74.74 0 0 0 0-1.483H3.27c-.58 0-1.05.47-1.05 1.05v12.625c0 .58.47 1.05 1.05 1.05h1.861v2.404c0 .914 1.087 1.392 1.76.774l3.46-3.178 8.375.001c.58 0 1.05-.47 1.05-1.05L19.774 4.65c0-.58-.47-1.05-1.05-1.05h-3.413a.741.741 0 0 0 0 1.483h2.991v11.783H9.79Z"
@@ -1103,14 +1103,14 @@ var SvgIconExclamationmarkSpeechBubbleLarge = function SvgIconExclamationmarkSpe
   })));
 };
 
-var _path$1h;
-function _extends$1n() { _extends$1n = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1n.apply(this, arguments); }
+var _path$1i;
+function _extends$1o() { _extends$1o = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1o.apply(this, arguments); }
 var SvgIconEyeClosedSmall = function SvgIconEyeClosedSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1n({
+  return /*#__PURE__*/React.createElement("svg", _extends$1o({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$1h || (_path$1h = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1i || (_path$1i = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M1.205 11.805a.7.7 0 0 0 .99.99l1.768-1.768c.912.528 1.94.896 3.037.896 3.78 0 6.76-4.379 6.884-4.565a.738.738 0 0 0 0-.793 14.062 14.062 0 0 0-2.63-2.83l1.543-1.542a.7.7 0 1 0-.99-.99l-1.721 1.721C9.162 2.382 8.116 2 7 2 3.22 2 .24 6.378.116 6.565a.738.738 0 0 0 0 .793c.072.108 1.094 1.61 2.673 2.863l-1.584 1.584Zm4.143-2.163A3.148 3.148 0 0 0 9.68 5.31L8.565 6.425a1.653 1.653 0 0 1-2.1 2.1L5.347 9.643Zm.108-2.088L4.349 8.661A3.148 3.148 0 0 1 8.7 4.31L7.593 5.417a1.653 1.653 0 0 0-2.137 2.137Z",
     clipRule: "evenodd"
@@ -1118,9 +1118,9 @@ var SvgIconEyeClosedSmall = function SvgIconEyeClosedSmall(props) {
 };
 
 var _g$1;
-function _extends$1m() { _extends$1m = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1m.apply(this, arguments); }
+function _extends$1n() { _extends$1n = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1n.apply(this, arguments); }
 var SvgIconEyeOpenSmall = function SvgIconEyeOpenSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1m({
+  return /*#__PURE__*/React.createElement("svg", _extends$1n({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
@@ -1133,96 +1133,96 @@ var SvgIconEyeOpenSmall = function SvgIconEyeOpenSmall(props) {
   }))));
 };
 
-var _path$1g;
-function _extends$1l() { _extends$1l = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1l.apply(this, arguments); }
+var _path$1h;
+function _extends$1m() { _extends$1m = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1m.apply(this, arguments); }
 var SvgIconFilterSmall = function SvgIconFilterSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1l({
+  return /*#__PURE__*/React.createElement("svg", _extends$1m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$1g || (_path$1g = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1h || (_path$1h = /*#__PURE__*/React.createElement("path", {
     d: "M1 3a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H2a1 1 0 0 1-1-1ZM3 7a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1ZM6 10a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2H6Z"
   })));
 };
 
-var _path$1f;
-function _extends$1k() { _extends$1k = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1k.apply(this, arguments); }
+var _path$1g;
+function _extends$1l() { _extends$1l = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1l.apply(this, arguments); }
 var SvgIconFlagCheckSmall = function SvgIconFlagCheckSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1k({
+  return /*#__PURE__*/React.createElement("svg", _extends$1l({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$1f || (_path$1f = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1g || (_path$1g = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M.781 2h8.302c.186 0 .366.071.508.2l3.864 3.535c.17.156.308.35.402.569a1.76 1.76 0 0 1 0 1.392 1.661 1.661 0 0 1-.402.57L9.59 11.798a.753.753 0 0 1-.508.201H.78a.757.757 0 0 1-.552-.244.862.862 0 0 1-.229-.59V2.834c0-.22.082-.433.229-.589A.757.757 0 0 1 .78 2Zm6.645 3.026A.758.758 0 0 1 8.464 4.9a.698.698 0 0 1 .186.922l-.056.08-2.877 3.572a.758.758 0 0 1-1.088.085l-.073-.077-1.644-1.984a.698.698 0 0 1 .116-1.004.76.76 0 0 1 .971.04l.068.071 1.058 1.277 2.301-2.856Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1e;
-function _extends$1j() { _extends$1j = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1j.apply(this, arguments); }
+var _path$1f;
+function _extends$1k() { _extends$1k = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1k.apply(this, arguments); }
 var SvgIconFlagOutlineSmall = function SvgIconFlagOutlineSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1j({
+  return /*#__PURE__*/React.createElement("svg", _extends$1k({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$1e || (_path$1e = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1f || (_path$1f = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M13.455 5.735 9.59 2.2A.753.753 0 0 0 9.083 2H.78a.757.757 0 0 0-.552.244.863.863 0 0 0-.229.59v8.333c0 .22.082.433.229.589A.757.757 0 0 0 .78 12h8.302a.753.753 0 0 0 .508-.2l3.864-3.535c.17-.156.308-.35.402-.569a1.76 1.76 0 0 0 0-1.392 1.661 1.661 0 0 0-.402-.57Zm-.675 1.793a.662.662 0 0 0 .159-.227.763.763 0 0 0 0-.602.662.662 0 0 0-.16-.227L8.984 3H1v8h7.983l3.797-3.472Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1d;
-function _extends$1i() { _extends$1i = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1i.apply(this, arguments); }
+var _path$1e;
+function _extends$1j() { _extends$1j = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1j.apply(this, arguments); }
 var SvgIconFlagQuestionmarkSmall = function SvgIconFlagQuestionmarkSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1i({
+  return /*#__PURE__*/React.createElement("svg", _extends$1j({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$1d || (_path$1d = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1e || (_path$1e = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M9.083 2H.78a.757.757 0 0 0-.552.244.863.863 0 0 0-.229.59v8.333c0 .22.082.433.229.589A.757.757 0 0 0 .78 12h8.302a.753.753 0 0 0 .508-.2l3.864-3.535c.17-.156.308-.35.402-.569a1.76 1.76 0 0 0 0-1.392 1.661 1.661 0 0 0-.402-.57L9.59 2.202A.753.753 0 0 0 9.083 2Zm-.965 3.411c-.047-.853-.885-1.818-2.07-1.853-1.185-.035-1.983.886-2.12 1.666 0 0-.012.066-.018.131a.773.773 0 0 0 .018.234c.016.049.173.425.612.425.237 0 .393-.065.455-.19a1.52 1.52 0 0 0 .11-.308l.012-.043.001-.003c.028-.096.073-.253.261-.434a.916.916 0 0 1 .554-.272l.076-.006.074-.002c.598 0 .72.429.72.727 0 .276-.293.561-.559.82a8.99 8.99 0 0 0-.161.16l-.044.045c-.277.282-.555.567-.695.908-.147.359-.024.587.046.657l.02.02c.075.078.216.225.507.225.319 0 .506-.088.62-.202.052-.05.097-.138.159-.257.077-.149.181-.348.357-.591.084-.117.195-.252.313-.395.324-.392.704-.852.744-1.21l.007-.087.003-.092-.002-.073ZM5.95 8.825a.738.738 0 0 1 .735.735.737.737 0 0 1-1.255.52.74.74 0 0 1 0-1.04.74.74 0 0 1 .52-.215Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1c;
-function _extends$1h() { _extends$1h = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1h.apply(this, arguments); }
+var _path$1d;
+function _extends$1i() { _extends$1i = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1i.apply(this, arguments); }
 var SvgIconFlagXmarkSmall = function SvgIconFlagXmarkSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1h({
+  return /*#__PURE__*/React.createElement("svg", _extends$1i({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$1c || (_path$1c = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1d || (_path$1d = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M.781 2h8.302c.186 0 .366.071.508.2l3.864 3.535c.17.156.308.35.402.569a1.76 1.76 0 0 1 0 1.392 1.661 1.661 0 0 1-.402.57L9.59 11.798a.753.753 0 0 1-.508.201H.78a.757.757 0 0 1-.552-.244.862.862 0 0 1-.229-.59V2.834c0-.22.082-.433.229-.589A.757.757 0 0 1 .78 2Zm3.273 2.68a.617.617 0 1 0-.873.874l1.571 1.571-1.571 1.571a.617.617 0 1 0 .873.873l1.571-1.571 1.571 1.571a.617.617 0 1 0 .873-.873L6.498 7.125l1.571-1.571a.617.617 0 0 0-.873-.873L5.625 6.252 4.054 4.681Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1b;
-function _extends$1g() { _extends$1g = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1g.apply(this, arguments); }
+var _path$1c;
+function _extends$1h() { _extends$1h = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1h.apply(this, arguments); }
 var SvgIconFlaskLarge = function SvgIconFlaskLarge(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1g({
+  return /*#__PURE__*/React.createElement("svg", _extends$1h({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$1b || (_path$1b = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1c || (_path$1c = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M5.712 19.938a2.033 2.033 0 0 1-1.029-.3c-.895-.588-1.17-1.806-.616-2.739l1.097-1.854a.637.637 0 0 1 .223-.362l2.937-4.969V5.637c-.78-.181-1.33-.904-1.313-1.728v-.09c0-.97.764-1.756 1.706-1.756h4.544c.942 0 1.706.786 1.706 1.756v.09c.016.824-.533 1.547-1.313 1.729v4.076l2.937 4.969c.113.09.192.219.223.362l1.097 1.854c.553.933.28 2.151-.616 2.739-.312.19-.667.294-1.029.3H5.712Zm10.554-1.527a.433.433 0 0 0 .316-.13.46.46 0 0 0 .13-.323.44.44 0 0 0-.08-.25l-.995-1.66H6.34l-.995 1.66a.44.44 0 0 0-.08.25.46.46 0 0 0 .13.323.433.433 0 0 0 .316.13h10.554ZM13.11 3.603h-4.24a.213.213 0 0 0-.21.216v.09c0 .12.094.216.21.216h.359c.41.004.74.345.744.767v5.045a.712.712 0 0 1-.108.39l-2.47 4.147h7.19l-2.47-4.146a.712.712 0 0 1-.108-.39V4.891a.763.763 0 0 1 .744-.767h.359c.116 0 .21-.096.21-.216v-.09a.213.213 0 0 0-.21-.216Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1a, _path2$m;
-function _extends$1f() { _extends$1f = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1f.apply(this, arguments); }
+var _path$1b, _path2$m;
+function _extends$1g() { _extends$1g = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1g.apply(this, arguments); }
 var SvgIconFlaskPrivateLarge = function SvgIconFlaskPrivateLarge(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1f({
+  return /*#__PURE__*/React.createElement("svg", _extends$1g({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$1a || (_path$1a = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1b || (_path$1b = /*#__PURE__*/React.createElement("path", {
     fill: "#CCC",
     fillRule: "evenodd",
     d: "M11.867 17.252v-.216H4.723a.454.454 0 0 1-.456-.453.434.434 0 0 1 .082-.25l1.017-1.66h7.186a5.151 5.151 0 0 1 2.573-2.264L12.684 8.36V4.283a1.733 1.733 0 0 0 1.341-1.749v-.09c0-.97-.78-1.756-1.743-1.756H7.794A1.75 1.75 0 0 0 6.05 2.444v.09a1.733 1.733 0 0 0 1.342 1.729v4.076L4.39 13.308a.635.635 0 0 0-.228.362l-1.12 1.854a2.016 2.016 0 0 0 .629 2.739c.318.19.68.294 1.05.3h7.318a5.181 5.181 0 0 1-.173-1.31ZM8.81 8.987a.743.743 0 0 0 .118-.397V3.545a.77.77 0 0 0-.768-.767h-.366a.207.207 0 0 1-.208-.216v-.118c0-.117.092-.213.208-.216h4.488c.119 0 .215.096.215.216v.09c0 .12-.096.216-.215.216h-.366a.77.77 0 0 0-.76.767v5.045a.7.7 0 0 0 .11.39L13.79 13.1H6.286L8.81 8.987Z",
@@ -1234,14 +1234,14 @@ var SvgIconFlaskPrivateLarge = function SvgIconFlaskPrivateLarge(props) {
   })));
 };
 
-var _path$19, _path2$l;
-function _extends$1e() { _extends$1e = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1e.apply(this, arguments); }
+var _path$1a, _path2$l;
+function _extends$1f() { _extends$1f = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1f.apply(this, arguments); }
 var SvgIconFlaskPublicLarge = function SvgIconFlaskPublicLarge(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1e({
+  return /*#__PURE__*/React.createElement("svg", _extends$1f({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$19 || (_path$19 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1a || (_path$1a = /*#__PURE__*/React.createElement("path", {
     fill: "#CCC",
     fillRule: "evenodd",
     d: "M11.867 17.252v-.216H4.723a.454.454 0 0 1-.456-.453.434.434 0 0 1 .082-.25l1.017-1.66h7.186a5.151 5.151 0 0 1 2.573-2.264L12.684 8.36V4.283a1.733 1.733 0 0 0 1.341-1.749v-.09c0-.97-.78-1.756-1.743-1.756H7.794A1.75 1.75 0 0 0 6.05 2.444v.09a1.733 1.733 0 0 0 1.342 1.729v4.076L4.39 13.308a.635.635 0 0 0-.228.362l-1.12 1.854a2.016 2.016 0 0 0 .629 2.739c.318.19.68.294 1.05.3h7.318a5.181 5.181 0 0 1-.173-1.31ZM8.81 8.987a.743.743 0 0 0 .118-.397V3.545a.77.77 0 0 0-.768-.767h-.366a.207.207 0 0 1-.208-.216v-.118c0-.117.092-.213.208-.216h4.488c.119 0 .215.096.215.216v.09c0 .12-.096.216-.215.216h-.366a.77.77 0 0 0-.76.767v5.045a.7.7 0 0 0 .11.39L13.79 13.1H6.286L8.81 8.987Z",
@@ -1253,69 +1253,69 @@ var SvgIconFlaskPublicLarge = function SvgIconFlaskPublicLarge(props) {
   })));
 };
 
-var _path$18;
-function _extends$1d() { _extends$1d = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1d.apply(this, arguments); }
+var _path$19;
+function _extends$1e() { _extends$1e = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1e.apply(this, arguments); }
 var SvgIconGearSmall = function SvgIconGearSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1d({
+  return /*#__PURE__*/React.createElement("svg", _extends$1e({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$18 || (_path$18 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$19 || (_path$19 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M13.292 5.6h-1.618a4.684 4.684 0 0 0-.394-.91l1.19-1.19a.703.703 0 0 0 0-.989l-.988-.989a.702.702 0 0 0-.989 0l-1.189 1.19a5.256 5.256 0 0 0-.91-.385V.7c0-.385-.314-.7-.699-.7H6.296c-.385 0-.7.315-.7.7v1.628a5.22 5.22 0 0 0-.961.41L3.498 1.602a.675.675 0 0 0-.953 0l-.945.954a.676.676 0 0 0 0 .954l1.137 1.137a4.448 4.448 0 0 0-.42.954H.7c-.385 0-.7.315-.7.7v1.4c0 .385.315.7.7.7h1.617c.096.324.236.621.394.91L1.52 10.5a.703.703 0 0 0 0 .989l.989.988a.702.702 0 0 0 .988 0l1.19-1.19c.288.158.585.29.909.385V13.3c0 .385.314.7.7.7h1.398c.385 0 .7-.315.7-.7v-1.628c.34-.104.656-.245.962-.41l1.136 1.137c.263.262.691.262.954 0l.953-.954a.676.676 0 0 0 0-.954l-1.137-1.137c.166-.306.315-.621.42-.963H13.3c.385 0 .7-.315.7-.7v-1.4a.714.714 0 0 0-.708-.691ZM6.996 9.625A2.62 2.62 0 0 1 4.372 7a2.62 2.62 0 0 1 2.624-2.625A2.62 2.62 0 0 1 9.619 7a2.62 2.62 0 0 1-2.623 2.625Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$17;
-function _extends$1c() { _extends$1c = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1c.apply(this, arguments); }
+var _path$18;
+function _extends$1d() { _extends$1d = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1d.apply(this, arguments); }
 var SvgIconGlobeBasicLarge = function SvgIconGlobeBasicLarge(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1c({
+  return /*#__PURE__*/React.createElement("svg", _extends$1d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$17 || (_path$17 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$18 || (_path$18 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M11 0c6.075 0 11 4.925 11 11s-4.925 11-11 11S0 17.075 0 11 4.925 0 11 0Zm-.75 12.21v8.444c-.812-.293-1.673-1.067-2.43-2.455-.833-1.527-1.42-3.613-1.572-5.989h4.002Zm1.21 0v8.528c.893-.2 1.872-.985 2.72-2.54.833-1.526 1.42-3.612 1.572-5.988H11.46ZM15.79 11h-4.33V1.262c.893.2 1.872.985 2.72 2.54.972 1.78 1.61 4.323 1.61 7.198Zm1.174 1.21c-.2 3.363-1.228 6.27-2.701 8.023a9.8 9.8 0 0 0 6.453-8.023h-3.752ZM20.79 11a9.794 9.794 0 0 0-6.527-9.233C15.91 3.727 17 7.13 17 11h3.79Zm-10.54 0H6.21c0-2.875.638-5.418 1.61-7.199.757-1.388 1.618-2.162 2.43-2.455V11ZM5 11c0-3.87 1.09-7.272 2.737-9.233A9.794 9.794 0 0 0 1.21 11H5Zm-3.716 1.21a9.8 9.8 0 0 0 6.453 8.023c-1.473-1.753-2.5-4.66-2.701-8.023H1.284Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$16;
-function _extends$1b() { _extends$1b = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1b.apply(this, arguments); }
+var _path$17;
+function _extends$1c() { _extends$1c = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1c.apply(this, arguments); }
 var SvgIconGlobeSmall = function SvgIconGlobeSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1b({
+  return /*#__PURE__*/React.createElement("svg", _extends$1c({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$16 || (_path$16 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$17 || (_path$17 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M7.554.175c-4.2-.35-7.729 3.18-7.379 7.38.263 3.324 2.946 6.008 6.27 6.27 4.23.35 7.73-3.18 7.38-7.38-.262-3.324-2.946-6.008-6.27-6.27Zm.788.992c.262.058.525.145.787.233.146.088.292.175.467.204.729.35 1.4.846 1.925 1.458.029.03.058.088.058.146.03.117 0 .263-.029.38-.03.087-.058.145-.058.233 0 .146.145.262.262.291.088.03.234.03.35.03a.22.22 0 0 1 .204.145c.059.146.146.38.204.438.263.642.409 1.313.438 2.013 0 .087-.03.204-.087.262a2.414 2.414 0 0 0-.321.438c-.204.408-.38.875-.671 1.224-.146.175-.321.321-.38.555-.058.146-.028.32-.058.466 0 .059-.116.059-.175.03a3.299 3.299 0 0 1-.495-1.138 9.48 9.48 0 0 0-.205-.875c-.087-.292-.262-.554-.525-.7-.291-.146-.612-.117-.933-.146-.32 0-.67-.058-.875-.32a.697.697 0 0 1-.146-.409c-.146-.758.263-1.575.933-1.925.088-.058.175-.088.263-.146a.605.605 0 0 0 .204-.612c0-.059-.087-.088-.116-.059-.175.059-.35.117-.496.204-.088.03-.175-.029-.146-.087 0-.263.029-.583.117-.875.087-.32.175-.67.029-.933-.03-.059-.117-.117-.175-.117h-.817c-.03 0-.03-.03-.03-.03.147-.087.263-.203.38-.32a.221.221 0 0 1 .117-.058Zm-2.946.087c.058-.029.117 0 .146.058.087.146.146.292.233.467.146.38.233.788.058 1.138-.204.408-.67.583-1.05.787a5.372 5.372 0 0 0-1.954 1.75c-.029.03-.058.088-.087.088-.059.029-.117 0-.146-.059-.088-.058-.175-.116-.234-.204-.029-.029-.116.03-.116.088-.117.408.087.846.437 1.05a.61.61 0 0 1 .175.116c.117.146 0 .35.03.525.029.234.32.38.583.35.262-.029.466-.146.7-.233.525-.175 1.137-.117 1.575.204.233.146.437.38.67.525.205.146.467.263.7.233.059 0 .117.03.147.059.087.233 0 .525-.146.729-.175.233-.438.408-.642.612-.496.555-.612 1.4-1.02 2.013-.088.117-.176.233-.234.38-.088.203-.059.408-.059.612 0 .029-.029.087-.058.058-.087-.03-.204-.058-.292-.117-.058-.029-.116-.087-.116-.146a7.974 7.974 0 0 0-.846-2.42c-.175-.292-.35-.613-.642-.788-.087-.058-.175-.117-.204-.204-.029-.058 0-.146 0-.204.117-.788-.262-1.604-.904-2.071-.117-.088-.233-.146-.292-.263-.058-.116-.058-.291-.116-.408-.059-.117-.292-.262-.409-.35-.058-.029-.058-.087-.058-.146.496-2.012 2.13-3.675 4.17-4.229Z"
   })));
 };
 
-var _path$15;
-function _extends$1a() { _extends$1a = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1a.apply(this, arguments); }
+var _path$16;
+function _extends$1b() { _extends$1b = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1b.apply(this, arguments); }
 var SvgIconGridLarge = function SvgIconGridLarge(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1a({
+  return /*#__PURE__*/React.createElement("svg", _extends$1b({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$15 || (_path$15 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$16 || (_path$16 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M2.617 2.063a.605.605 0 0 0-.554.596v16.683c0 .329.277.596.618.596h17.325a.608.608 0 0 0 .619-.596V2.659a.608.608 0 0 0-.619-.596H2.681a.642.642 0 0 0-.064 0ZM3.3 3.255h3.3v3.178H3.3V3.255Zm4.538 0h2.887v3.178H7.838V3.255Zm4.125 0h2.887v3.178h-2.887V3.255Zm4.124 0h3.3v3.178h-3.3V3.255ZM3.3 7.625h3.3v2.78H3.3v-2.78Zm4.538 0h2.887v2.78H7.838v-2.78Zm4.125 0h2.887v2.78h-2.887v-2.78Zm4.124 0h3.3v2.78h-3.3v-2.78ZM3.3 11.595h3.3v2.78H3.3v-2.78Zm4.538 0h2.887v2.78H7.838v-2.78Zm4.125 0h2.887v2.78h-2.887v-2.78Zm4.124 0h3.3v2.78h-3.3v-2.78ZM3.3 15.568h3.3v3.178H3.3v-3.178Zm4.538 0h2.887v3.178H7.838v-3.178Zm4.125 0h2.887v3.178h-2.887v-3.178Zm4.124 0h3.3v3.178h-3.3v-3.178Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$14, _path2$k;
-function _extends$19() { _extends$19 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$19.apply(this, arguments); }
+var _path$15, _path2$k;
+function _extends$1a() { _extends$1a = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1a.apply(this, arguments); }
 var SvgIconGridPrivateLarge = function SvgIconGridPrivateLarge(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$19({
+  return /*#__PURE__*/React.createElement("svg", _extends$1a({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$14 || (_path$14 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$15 || (_path$15 = /*#__PURE__*/React.createElement("path", {
     fill: "#CCC",
     fillRule: "evenodd",
     d: "M11.78 17.398H9.864v-2.944h2.534a4.61 4.61 0 0 1 1.301-1.507V10.62h2.944v1.164h.274c.343 0 .685.069.959.069v-9.86a.614.614 0 0 0-.616-.617H1.235c-.342 0-.548.274-.548.616v15.955c0 .343.274.616.617.616h10.682a3.198 3.198 0 0 1-.205-1.164Zm1.918-14.79h2.944v2.944h-2.944V2.608Zm0 4.245h2.944v2.534h-2.944V6.853ZM9.863 2.608h2.534v2.944H9.863V2.608Zm0 4.245h2.534v2.534H9.863V6.853Zm0 3.766h2.534v2.534H9.863v-2.534ZM4.796 17.4H1.852v-2.945h2.944v2.944Zm0-4.246H1.852v-2.534h2.944v2.534Zm0-3.766H1.852V6.853h2.944v2.534Zm0-3.835H1.852V2.608h2.944v2.944Zm3.835 11.846H6.097v-2.944h2.534v2.944Zm0-4.245H6.097v-2.534h2.534v2.534Zm0-3.766H6.097V6.853h2.534v2.534Zm0-3.835H6.097V2.608h2.534v2.944Z",
@@ -1327,14 +1327,14 @@ var SvgIconGridPrivateLarge = function SvgIconGridPrivateLarge(props) {
   })));
 };
 
-var _path$13, _path2$j;
-function _extends$18() { _extends$18 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$18.apply(this, arguments); }
+var _path$14, _path2$j;
+function _extends$19() { _extends$19 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$19.apply(this, arguments); }
 var SvgIconGridPublicLarge = function SvgIconGridPublicLarge(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$18({
+  return /*#__PURE__*/React.createElement("svg", _extends$19({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$13 || (_path$13 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$14 || (_path$14 = /*#__PURE__*/React.createElement("path", {
     fill: "#CCC",
     fillRule: "evenodd",
     d: "M11.78 17.398H9.864v-2.944h2.534a4.61 4.61 0 0 1 1.301-1.507V10.62h2.944v1.164h.274c.343 0 .685.069.959.069v-9.86a.614.614 0 0 0-.616-.617H1.235c-.342 0-.548.274-.548.616v15.955c0 .343.274.616.617.616h10.682a3.198 3.198 0 0 1-.205-1.164Zm1.918-14.79h2.944v2.944h-2.944V2.608Zm0 4.245h2.944v2.534h-2.944V6.853ZM9.863 2.608h2.534v2.944H9.863V2.608Zm0 4.245h2.534v2.534H9.863V6.853Zm0 3.766h2.534v2.534H9.863v-2.534ZM4.796 17.4H1.852v-2.945h2.944v2.944Zm0-4.246H1.852v-2.534h2.944v2.534Zm0-3.766H1.852V6.853h2.944v2.534Zm0-3.835H1.852V2.608h2.944v2.944Zm3.835 11.846H6.097v-2.944h2.534v2.944Zm0-4.245H6.097v-2.534h2.534v2.534Zm0-3.766H6.097V6.853h2.534v2.534Zm0-3.835H6.097V2.608h2.534v2.944Z",
@@ -1346,26 +1346,26 @@ var SvgIconGridPublicLarge = function SvgIconGridPublicLarge(props) {
   })));
 };
 
-var _path$12;
-function _extends$17() { _extends$17 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$17.apply(this, arguments); }
+var _path$13;
+function _extends$18() { _extends$18 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$18.apply(this, arguments); }
 var SvgIconHouseSmall = function SvgIconHouseSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$17({
+  return /*#__PURE__*/React.createElement("svg", _extends$18({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$12 || (_path$12 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$13 || (_path$13 = /*#__PURE__*/React.createElement("path", {
     d: "M6.686 1.306a.45.45 0 0 1 .628 0l5.822 5.672a.45.45 0 0 1-.315.772H11.5v4.8a.45.45 0 0 1-.45.45H9.2a.45.45 0 0 1-.45-.45v-2.6a.45.45 0 0 0-.45-.45H5.7a.45.45 0 0 0-.45.45v2.6a.45.45 0 0 1-.45.45H2.95a.45.45 0 0 1-.45-.45v-4.8H1.179a.45.45 0 0 1-.315-.772l5.822-5.672Z"
   })));
 };
 
-var _path$11, _path2$i;
-function _extends$16() { _extends$16 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$16.apply(this, arguments); }
+var _path$12, _path2$i;
+function _extends$17() { _extends$17 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$17.apply(this, arguments); }
 var SvgIconInfoCircleLarge = function SvgIconInfoCircleLarge(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$16({
+  return /*#__PURE__*/React.createElement("svg", _extends$17({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$11 || (_path$11 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$12 || (_path$12 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M12.251 7.503a1.78 1.78 0 0 1-1.25.519 1.774 1.774 0 0 1-1.766-1.766 1.763 1.763 0 0 1 1.766-1.766c.467 0 .922.188 1.25.516.328.328.516.784.516 1.25 0 .465-.188.92-.516 1.247Zm-.78-1.724c-.245-.247-.695-.247-.935-.002a.666.666 0 0 0 .465 1.141.667.667 0 0 0 .47-1.139ZM11.001 8.684c.608 0 1.5.39 1.545 1.261v6.023c0 .852-.693 1.546-1.545 1.546a1.547 1.547 0 0 1-1.545-1.546V9.95c.039-.823.95-1.266 1.545-1.266Zm-.414 6.97a.413.413 0 0 0 .825 0v-5.102c-.01-.174-.185-.411-.413-.411-.228 0-.403.227-.412.414v5.099Z",
     clipRule: "evenodd"
@@ -1376,56 +1376,56 @@ var SvgIconInfoCircleLarge = function SvgIconInfoCircleLarge(props) {
   })));
 };
 
-var _path$10;
-function _extends$15() { _extends$15 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$15.apply(this, arguments); }
+var _path$11;
+function _extends$16() { _extends$16 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$16.apply(this, arguments); }
 var SvgIconInfoCircleSmall = function SvgIconInfoCircleSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$15({
+  return /*#__PURE__*/React.createElement("svg", _extends$16({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$10 || (_path$10 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$11 || (_path$11 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M12.6 7A5.6 5.6 0 1 1 1.4 7a5.6 5.6 0 0 1 11.2 0ZM14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0ZM6.1 4.25a.9.9 0 1 1 1.8 0 .9.9 0 0 1-1.8 0Zm1.7 5.6a.8.8 0 0 1-1.6 0v-2.9a.8.8 0 1 1 1.6 0v2.9Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$$;
-function _extends$14() { _extends$14 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$14.apply(this, arguments); }
+var _path$10;
+function _extends$15() { _extends$15 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$15.apply(this, arguments); }
 var SvgIconInfoSpeechBubbleLarge = function SvgIconInfoSpeechBubbleLarge(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$14({
+  return /*#__PURE__*/React.createElement("svg", _extends$15({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$$ || (_path$$ = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$10 || (_path$10 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M18.011 4.403a9.608 9.608 0 0 1-.027 13.203l-.17.174a9.63 9.63 0 0 1-6.79 2.845 9.653 9.653 0 0 1-4.507-1.12 5.647 5.647 0 0 1-3.983.901 1.028 1.028 0 0 1-.843-.888.975.975 0 0 1 .564-1.028 3.204 3.204 0 0 0 1.328-1.373A9.608 9.608 0 0 1 4.633 3.78a9.632 9.632 0 0 1 13.378.624Zm-12.55.489a8.283 8.283 0 0 0-.664 11.569l.458.345-.225.484a5.584 5.584 0 0 1-1.328 1.85 4.65 4.65 0 0 0 2.39-.942l.458-.345.378.352a8.31 8.31 0 0 0 9.83-1.17l.16-.157a8.282 8.282 0 0 0 .136-11.587 8.304 8.304 0 0 0-11.593-.4Zm4.253 4.63.142.01H11.7a1.493 1.493 0 0 1 1.507 1.472v.02a7.202 7.202 0 0 1-.067.855l-.053.338c-.106.703-.212 1.439-.325 2.102.312.05.594.216.79.464.258.322.351.747.252 1.147v.053a1.762 1.762 0 0 1-.358.703 2.802 2.802 0 0 1-2.124 1.114h-.04a4.507 4.507 0 0 1-.97-.08 2.394 2.394 0 0 1-1.705-2.512c.046-.458.1-.909.172-1.327.073-.57.16-1.14.246-1.717a1.392 1.392 0 0 1-.737-1.4 1.36 1.36 0 0 1 1.142-1.233 2.18 2.18 0 0 1 .425 0l-.142-.009Zm.068 1.137a.87.87 0 0 0-.225 0 .225.225 0 0 0-.22.232.279.279 0 0 0 .167.305c.104.03.21.052.318.066.253.033.332.146.332.451v.133c-.113.742-.219 1.478-.318 2.214a20.87 20.87 0 0 0-.166 1.274c-.039.58.306 1.118.85 1.326.232.038.467.054.703.046a1.693 1.693 0 0 0 1.327-.703.717.717 0 0 0 .14-.285c.033-.146-.04-.252-.146-.252h-.073c-.1.046-.186.113-.279.166a1.68 1.68 0 0 1-.365.12h-.033c-.12 0-.22-.087-.26-.253-.02-.134-.02-.27 0-.404.027-.285.074-.557.114-.842.14-.836.265-1.691.391-2.527.03-.22.049-.441.053-.663-.013-.272-.152-.404-.378-.404H9.782Zm1.66-6.14a2.143 2.143 0 1 1-1.956 3.243 2.14 2.14 0 0 1 1.956-3.244Zm0 1.127a1.016 1.016 0 1 0 .989 1.008c.004-.55-.438-1.001-.989-1.008Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$_;
-function _extends$13() { _extends$13 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$13.apply(this, arguments); }
+var _path$$;
+function _extends$14() { _extends$14 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$14.apply(this, arguments); }
 var SvgIconLifeRingSmall = function SvgIconLifeRingSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$13({
+  return /*#__PURE__*/React.createElement("svg", _extends$14({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$_ || (_path$_ = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$$ || (_path$$ = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm2.763-2.186A5.524 5.524 0 0 1 7 12.55a5.524 5.524 0 0 1-2.763-.736L5.81 10.24c.37.136.771.21 1.189.21.418 0 .818-.074 1.189-.21l1.574 1.574Zm2.051-2.05A5.525 5.525 0 0 0 12.55 7c0-1.006-.268-1.95-.736-2.763L10.24 5.81c.136.37.21.771.21 1.189 0 .418-.074.818-.21 1.19l1.574 1.574Zm-2.05-7.578L8.189 3.76A3.443 3.443 0 0 0 7 3.55c-.418 0-.818.074-1.19.21L4.237 2.186A5.524 5.524 0 0 1 7 1.45c1.006 0 1.95.268 2.764.736Zm-7.578 2.05A5.525 5.525 0 0 0 1.45 7c0 1.006.268 1.95.736 2.764L3.76 8.189A3.443 3.443 0 0 1 3.55 7c0-.418.074-.818.21-1.189L2.186 4.237ZM7 9a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$Z, _path2$h;
-function _extends$12() { _extends$12 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$12.apply(this, arguments); }
+var _path$_, _path2$h;
+function _extends$13() { _extends$13 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$13.apply(this, arguments); }
 var SvgIconLightBulbLarge = function SvgIconLightBulbLarge(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$12({
+  return /*#__PURE__*/React.createElement("svg", _extends$13({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$Z || (_path$Z = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$_ || (_path$_ = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M11.27 2.011c3.064.132 5.563 2.551 5.723 5.534a5.582 5.582 0 0 1-1.285 3.824c-.686.825-1.152 1.623-1.448 2.455l-.007.023v2.87a.82.82 0 0 1-.524.766c-.073.6-.619 2.47-1.185 2.47-.068.042-3.007.042-3.094 0-.616 0-1.112-1.859-1.185-2.45a.842.842 0 0 1-.524-.765v-2.891l-.007-.022c-.296-.832-.762-1.63-1.45-2.478A5.59 5.59 0 0 1 5 7.77c0-1.593.667-3.072 1.857-4.173 1.192-1.103 2.772-1.652 4.414-1.586Zm3.085 8.3c.64-.776.972-1.729.952-2.744-.105-2.077-1.88-3.814-4.08-3.914a4.341 4.341 0 0 0-3.173 1.136c-.85.799-1.323 1.851-1.323 2.98 0 .934.309 1.806.908 2.542.631.77 1.106 1.54 1.46 2.313h3.795c.355-.791.831-1.545 1.461-2.314Zm-1.811 5.585v-1.608H9.45v1.608h3.094Zm-2.282 2.52c.043.073 1.397.06 1.475 0 .101-.174.21-.658.252-.878h-1.983c.043.214.156.704.256.877Z",
     clipRule: "evenodd"
@@ -1434,66 +1434,66 @@ var SvgIconLightBulbLarge = function SvgIconLightBulbLarge(props) {
   })));
 };
 
-var _path$Y;
-function _extends$11() { _extends$11 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$11.apply(this, arguments); }
+var _path$Z;
+function _extends$12() { _extends$12 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$12.apply(this, arguments); }
 var SvgIconLightBulbSmall = function SvgIconLightBulbSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$11({
+  return /*#__PURE__*/React.createElement("svg", _extends$12({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$Y || (_path$Y = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$Z || (_path$Z = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M7.001 0a4.851 4.851 0 0 1 3.65 8.043l-.148.177c-.498.622-1.03 1.547-1.23 2.217l-.001.001v2.02a.555.555 0 0 1-.054.235l-.04.07-.658.99a.552.552 0 0 1-.46.247H5.942a.553.553 0 0 1-.46-.247l-.659-.99a.55.55 0 0 1-.092-.305l-.001-1.997c-.227-.77-.845-1.809-1.38-2.419l-.159-.191a4.821 4.821 0 0 1-1.041-3A4.833 4.833 0 0 1 7.001 0Zm0 1.535a3.301 3.301 0 0 0-3.315 3.316c.003.808.29 1.576.82 2.18l.226.269A8.333 8.333 0 0 1 6.2 10.02l-.066-.196 1.733.001A8.387 8.387 0 0 1 9.27 7.298l.226-.268c.529-.603.82-1.377.82-2.179A3.32 3.32 0 0 0 7 1.535Zm.247 1.388a.772.772 0 1 1 0 1.544l-.093.007a.633.633 0 0 0-.538.624l-.007.105a.772.772 0 0 1-1.537-.105c0-1.2.975-2.175 2.175-2.175Z"
   })));
 };
 
-var _path$X;
-function _extends$10() { _extends$10 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$10.apply(this, arguments); }
+var _path$Y;
+function _extends$11() { _extends$11 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$11.apply(this, arguments); }
 var SvgIconLinesDashed3Solid1Small = function SvgIconLinesDashed3Solid1Small(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$10({
+  return /*#__PURE__*/React.createElement("svg", _extends$11({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$X || (_path$X = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$Y || (_path$Y = /*#__PURE__*/React.createElement("path", {
     d: "M7.201 9.116a.864.864 0 1 0 0-1.727H3.728a.864.864 0 0 0 0 1.727H7.2ZM10.804 9.116a.864.864 0 0 0 0-1.727H9.33a.864.864 0 0 0 0 1.727h1.474ZM3.6 6.628a.864.864 0 0 0 0-1.727H2.127a.864.864 0 0 0 0 1.727H3.6ZM9.204 6.622a.864.864 0 0 0 0-1.727H5.73a.864.864 0 0 0 0 1.727h3.474ZM5.073 4.14a.864.864 0 0 0 0-1.727H3.6a.864.864 0 1 0 0 1.727h1.474ZM10.672 4.14a.864.864 0 0 0 0-1.727H7.198a.864.864 0 1 0 0 1.727h3.474ZM12.359 11.616a.864.864 0 1 0 0-1.727H1.847a.864.864 0 1 0 0 1.727H12.36Z"
   })));
 };
 
-var _path$W;
-function _extends$$() { _extends$$ = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$$.apply(this, arguments); }
+var _path$X;
+function _extends$10() { _extends$10 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$10.apply(this, arguments); }
 var SvgIconLinesHorizontalLarge = function SvgIconLinesHorizontalLarge(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$$({
+  return /*#__PURE__*/React.createElement("svg", _extends$10({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$W || (_path$W = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$X || (_path$X = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M21.089 11.189a1.33 1.33 0 0 1-1.33 1.33H1.99a1.33 1.33 0 0 1 0-2.66h17.767c.735 0 1.33.595 1.33 1.33Zm0-6.401a1.33 1.33 0 0 1-1.33 1.33H1.99a1.33 1.33 0 0 1 0-2.66h17.767c.735 0 1.33.595 1.33 1.33Zm0 12.802a1.33 1.33 0 0 1-1.33 1.33H1.99a1.33 1.33 0 1 1 0-2.66h17.767c.735 0 1.33.595 1.33 1.33Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$V;
-function _extends$_() { _extends$_ = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$_.apply(this, arguments); }
+var _path$W;
+function _extends$$() { _extends$$ = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$$.apply(this, arguments); }
 var SvgIconLinesHorizontalSmall = function SvgIconLinesHorizontalSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$_({
+  return /*#__PURE__*/React.createElement("svg", _extends$$({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$V || (_path$V = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$W || (_path$W = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M13.42 7.12c0 .468-.379.847-.847.847H1.267a.847.847 0 1 1 0-1.694h11.306c.468 0 .847.38.847.847Zm0-4.073c0 .467-.379.846-.847.846H1.267a.847.847 0 1 1 0-1.693h11.306c.468 0 .847.38.847.847Zm0 8.147c0 .467-.379.846-.847.846H1.267a.847.847 0 1 1 0-1.693h11.306c.468 0 .847.379.847.847Z"
   })));
 };
 
-var _path$U;
-function _extends$Z() { _extends$Z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Z.apply(this, arguments); }
+var _path$V;
+function _extends$_() { _extends$_ = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$_.apply(this, arguments); }
 var SvgIconLinkSmall = function SvgIconLinkSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$Z({
+  return /*#__PURE__*/React.createElement("svg", _extends$_({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$U || (_path$U = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$V || (_path$V = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     stroke: "#FFF",
     strokeWidth: 0.1,
@@ -1501,23 +1501,23 @@ var SvgIconLinkSmall = function SvgIconLinkSmall(props) {
   })));
 };
 
-var _path$T;
-function _extends$Y() { _extends$Y = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Y.apply(this, arguments); }
+var _path$U;
+function _extends$Z() { _extends$Z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Z.apply(this, arguments); }
 var SvgIconListSmall = function SvgIconListSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$Y({
+  return /*#__PURE__*/React.createElement("svg", _extends$Z({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$T || (_path$T = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$U || (_path$U = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M1.925 9.825a1.3 1.3 0 1 1 0 2.6 1.3 1.3 0 0 1 0-2.6Zm10.711.375c.23 0 .429.147.507.37l.024.087.008.093v.75c0 .229-.138.43-.351.513l-.096.028-.092.009H5.364a.538.538 0 0 1-.507-.37l-.024-.087-.008-.093v-.75c0-.229.138-.43.351-.513l.096-.028.092-.009h7.272ZM1.925 5.825a1.3 1.3 0 1 1 0 2.6 1.3 1.3 0 0 1 0-2.6Zm10.711.375c.23 0 .429.147.507.37l.024.087.008.093v.75c0 .229-.138.43-.351.513l-.096.028-.092.009H5.364a.538.538 0 0 1-.507-.37l-.024-.087-.008-.093v-.75c0-.229.138-.43.351-.513l.096-.028.092-.009h7.272ZM1.925 1.825a1.3 1.3 0 1 1 0 2.6 1.3 1.3 0 0 1 0-2.6Zm10.711.375c.23 0 .429.147.507.37l.024.087.008.093v.75c0 .229-.138.43-.351.513l-.096.028-.092.009H5.364a.538.538 0 0 1-.507-.37l-.024-.087-.008-.093v-.75c0-.229.138-.43.351-.513l.096-.028.092-.009h7.272Z"
   })));
 };
 
 var _animateTransform$1, _animate$1, _animateTransform2$1, _animate2$1, _animateTransform3$1, _animate3$1, _animateTransform4$1, _animate4$1, _animateTransform5$1, _animate5$1, _animateTransform6$1, _animate6$1, _animateTransform7$1, _animate7$1, _animateTransform8$1, _animate8$1, _animateTransform9$1, _animate9$1;
-function _extends$X() { _extends$X = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$X.apply(this, arguments); }
+function _extends$Y() { _extends$Y = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Y.apply(this, arguments); }
 var SvgIconLoadingLarge = function SvgIconLoadingLarge(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$X({
+  return /*#__PURE__*/React.createElement("svg", _extends$Y({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
@@ -1696,9 +1696,9 @@ var SvgIconLoadingLarge = function SvgIconLoadingLarge(props) {
 };
 
 var _animateTransform, _animate, _animateTransform2, _animate2, _animateTransform3, _animate3, _animateTransform4, _animate4, _animateTransform5, _animate5, _animateTransform6, _animate6, _animateTransform7, _animate7, _animateTransform8, _animate8, _animateTransform9, _animate9;
-function _extends$W() { _extends$W = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$W.apply(this, arguments); }
+function _extends$X() { _extends$X = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$X.apply(this, arguments); }
 var SvgIconLoadingSmall = function SvgIconLoadingSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$W({
+  return /*#__PURE__*/React.createElement("svg", _extends$X({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
@@ -1876,14 +1876,14 @@ var SvgIconLoadingSmall = function SvgIconLoadingSmall(props) {
   }))));
 };
 
-var _path$S, _path2$g;
-function _extends$V() { _extends$V = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$V.apply(this, arguments); }
+var _path$T, _path2$g;
+function _extends$W() { _extends$W = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$W.apply(this, arguments); }
 var SvgIconLockCircleSmall = function SvgIconLockCircleSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$V({
+  return /*#__PURE__*/React.createElement("svg", _extends$W({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$S || (_path$S = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$T || (_path$T = /*#__PURE__*/React.createElement("path", {
     d: "M7 3.267c-.933 0-1.68.746-1.68 1.68v.84h3.267v-.84c.093-.934-.654-1.68-1.587-1.68ZM7 7.093c-.373 0-.56.28-.56.56 0 .187.093.374.28.56v.84c0 .187.093.28.28.28.187 0 .28-.093.28-.28v-.84c.187-.093.28-.28.28-.56.093-.28-.187-.56-.56-.56Z"
   })), _path2$g || (_path2$g = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
@@ -1892,94 +1892,94 @@ var SvgIconLockCircleSmall = function SvgIconLockCircleSmall(props) {
   })));
 };
 
-var _path$R;
-function _extends$U() { _extends$U = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$U.apply(this, arguments); }
+var _path$S;
+function _extends$V() { _extends$V = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$V.apply(this, arguments); }
 var SvgIconLockLarge = function SvgIconLockLarge(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$U({
+  return /*#__PURE__*/React.createElement("svg", _extends$V({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$R || (_path$R = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$S || (_path$S = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M14.322 7.727V6.09a3.322 3.322 0 0 0-6.644 0v1.637H6.09V6.09a4.91 4.91 0 1 1 9.822 0v1.637h-1.589Zm2.006 1.589H5.672a.722.722 0 0 0-.722.722v8.473c0 .4.323.723.722.723h10.656a.722.722 0 0 0 .722-.723v-8.473a.722.722 0 0 0-.722-.722ZM5.672 7.727a2.31 2.31 0 0 0-2.31 2.31v8.474a2.31 2.31 0 0 0 2.31 2.311h10.656a2.311 2.311 0 0 0 2.31-2.31v-8.474a2.311 2.311 0 0 0-2.31-2.311H5.672ZM11.8 14.18c.396-.279.68-.739.68-1.21 0-.753-.727-1.48-1.48-1.48s-1.48.727-1.48 1.48c0 .471.284.931.68 1.21v2.2c0 .377.423.68.8.68.377 0 .8-.303.8-.68v-2.2Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$Q;
-function _extends$T() { _extends$T = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$T.apply(this, arguments); }
+var _path$R;
+function _extends$U() { _extends$U = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$U.apply(this, arguments); }
 var SvgIconLockSmall = function SvgIconLockSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$T({
+  return /*#__PURE__*/React.createElement("svg", _extends$U({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$Q || (_path$Q = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$R || (_path$R = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M6.848 1c1.97 0 3.592 1.56 3.691 3.506l.005.19v.933l.024.004c.555.108.995.548 1.103 1.103l.019.13.006.134v4.608c0 .721-.554 1.318-1.258 1.386l-.134.006H3.392a1.396 1.396 0 0 1-1.386-1.258L2 11.608V7c0-.63.424-1.167 1.002-1.336l.126-.03.024-.005v-.933a3.708 3.708 0 0 1 3.32-3.677l.186-.014.19-.005Zm0 6.348c-.739 0-1.354.562-1.354 1.267l.008.14.025.135c.052.22.16.413.316.571l.09.083.001.793c0 .49.412.871.914.871l.114-.007.113-.022c.403-.1.687-.436.687-.842l-.001-.799.089-.082c.227-.236.352-.529.352-.84 0-.706-.615-1.268-1.354-1.268Zm0-4.716c-1.085 0-1.983.85-2.059 1.917l-.005.147v.912h4.128v-.912c0-1.085-.85-1.983-1.917-2.059l-.147-.005Z"
   })));
 };
 
-var _path$P;
-function _extends$S() { _extends$S = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$S.apply(this, arguments); }
+var _path$Q;
+function _extends$T() { _extends$T = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$T.apply(this, arguments); }
 var SvgIconMinusSmall = function SvgIconMinusSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$S({
+  return /*#__PURE__*/React.createElement("svg", _extends$T({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$P || (_path$P = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$Q || (_path$Q = /*#__PURE__*/React.createElement("path", {
     d: "M13 7.005a.875.875 0 0 0-.875-.875H1.875a.875.875 0 0 0 0 1.75h10.25A.875.875 0 0 0 13 7.005Z"
   })));
 };
 
-var _path$O;
-function _extends$R() { _extends$R = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$R.apply(this, arguments); }
+var _path$P;
+function _extends$S() { _extends$S = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$S.apply(this, arguments); }
 var SvgIconOpenSmall = function SvgIconOpenSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$R({
+  return /*#__PURE__*/React.createElement("svg", _extends$S({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$O || (_path$O = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$P || (_path$P = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M9.036 1.923c0-.51.412-.923.923-.923h2.538c.51 0 .923.414.923.923v2.538a.923.923 0 1 1-1.846 0v-.42L7.202 8.1a.923.923 0 0 1-1.257-1.353l4.201-3.902H9.96a.923.923 0 0 1-.923-.923Zm-6.983.316c.353-.28.784-.393 1.136-.393h2.919a.923.923 0 1 1 0 1.846H3.266v7.462h7.462V7.889a.923.923 0 1 1 1.846 0v3.342c0 .62-.26 1.08-.632 1.376-.354.28-.785.393-1.137.393H3.19c-.62 0-1.08-.261-1.375-.633a1.868 1.868 0 0 1-.394-1.136V3.615c0-.62.261-1.081.633-1.376Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$N;
-function _extends$Q() { _extends$Q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Q.apply(this, arguments); }
+var _path$O;
+function _extends$R() { _extends$R = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$R.apply(this, arguments); }
 var SvgIconPeopleLarge = function SvgIconPeopleLarge(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$Q({
+  return /*#__PURE__*/React.createElement("svg", _extends$R({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$N || (_path$N = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$O || (_path$O = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M10.444 11.298a.731.731 0 0 1 .677-.242 4.64 4.64 0 0 1 3.07 1.983c.439.348 1.071.586 1.67.633.14.02.189.03.337.03.148-.007.12-.005.331-.03.766-.06 1.591-.43 1.99-.948a.74.74 0 0 1 .773-.266C20.864 12.87 22 14.392 22 16.084v1.451a2.167 2.167 0 0 1-2.176 2.176H2.176A2.167 2.167 0 0 1 0 17.535v-1.861a4.646 4.646 0 0 1 3.868-4.594.71.71 0 0 1 .677.242 3.85 3.85 0 0 0 2.95 1.378 3.796 3.796 0 0 0 2.949-1.402Zm8.848 2.732c-.79.724-1.98 1.145-3.097 1.108a4.47 4.47 0 0 1-1.257-.146c.03.215.051.434.051.657v1.886c0 .255-.045.498-.125.725h4.96a.712.712 0 0 0 .725-.725v-1.45c0-.87-.531-1.693-1.257-2.056ZM3.747 12.579a3.19 3.19 0 0 0-2.296 3.07v1.886c0 .411.314.725.725.725h10.637c.41 0 .726-.314.726-.725v-1.861a3.191 3.191 0 0 0-2.297-3.07 5.266 5.266 0 0 1-3.747 1.546 5.19 5.19 0 0 1-3.748-1.571Zm12.45-6.48a3.137 3.137 0 0 1 3.144 3.144v.169a3.137 3.137 0 0 1-3.143 3.143 3.152 3.152 0 0 1-3.143-3.143v-.17A3.137 3.137 0 0 1 16.198 6.1Zm0 1.427c-.942 0-1.691.75-1.691 1.693v.169c0 .943.749 1.692 1.692 1.692.942 0 1.692-.75 1.692-1.692v-.17c0-.942-.75-1.692-1.692-1.692ZM7.496 2.063a4.365 4.365 0 0 1 4.351 4.351 4.365 4.365 0 0 1-4.351 4.352 4.364 4.364 0 0 1-4.352-4.352 4.364 4.364 0 0 1 4.352-4.351Zm0 1.45a2.91 2.91 0 0 0-2.902 2.901 2.91 2.91 0 0 0 2.902 2.901 2.91 2.91 0 0 0 2.9-2.9 2.91 2.91 0 0 0-2.9-2.902Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$M;
-function _extends$P() { _extends$P = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$P.apply(this, arguments); }
+var _path$N;
+function _extends$Q() { _extends$Q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Q.apply(this, arguments); }
 var SvgIconPeopleSmall = function SvgIconPeopleSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$P({
+  return /*#__PURE__*/React.createElement("svg", _extends$Q({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$M || (_path$M = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$N || (_path$N = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "m7 7.715.077.008.026.005.023.008-.084-.016a2.976 2.976 0 0 1 2.462 2.942v1.184c0 .713-.53 1.294-1.22 1.375l-.13.01h-6.77a1.378 1.378 0 0 1-1.378-1.25L0 11.845v-1.184a2.957 2.957 0 0 1 2.462-2.924l.083-.007c.136-.001.258.059.347.161l.069.079-.069-.079a2.406 2.406 0 0 0 .975.704 2.461 2.461 0 0 0 .447.13l.08.014.017.003a2.416 2.416 0 0 0 2.235-.866.465.465 0 0 1 .43-.154Zm5.185.886.092.014c1 .262 1.723 1.231 1.723 2.308v.923c0 .77-.615 1.385-1.385 1.385H10.65c.228-.412.355-.884.355-1.385v-1.184l-.005-.217a4.497 4.497 0 0 0-.192-1.103c.394-.088.774-.292.978-.557a.471.471 0 0 1 .492-.17ZM4.769 6.788A2.777 2.777 0 0 0 7.54 4.02a2.777 2.777 0 0 0-2.77-2.769A2.777 2.777 0 0 0 2 4.02a2.777 2.777 0 0 0 2.77 2.768m5.538.889c1.107 0 2-.892 2-2v-.108c0-1.107-.893-2-2-2-1.108 0-2 .893-2 2v.108c0 1.092.892 2 2 2Z"
   })));
 };
 
-var _path$L, _rect$3, _path2$f;
-function _extends$O() { _extends$O = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$O.apply(this, arguments); }
+var _path$M, _rect$3, _path2$f;
+function _extends$P() { _extends$P = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$P.apply(this, arguments); }
 var SvgIconPercentageSmall = function SvgIconPercentageSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$O({
+  return /*#__PURE__*/React.createElement("svg", _extends$P({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$L || (_path$L = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$M || (_path$M = /*#__PURE__*/React.createElement("path", {
     d: "M10.976 12.476a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"
   })), _rect$3 || (_rect$3 = /*#__PURE__*/React.createElement("rect", {
     width: 2.5,
@@ -1993,34 +1993,34 @@ var SvgIconPercentageSmall = function SvgIconPercentageSmall(props) {
   })));
 };
 
-var _path$K;
-function _extends$N() { _extends$N = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$N.apply(this, arguments); }
+var _path$L;
+function _extends$O() { _extends$O = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$O.apply(this, arguments); }
 var SvgIconPersonLarge = function SvgIconPersonLarge(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$N({
+  return /*#__PURE__*/React.createElement("svg", _extends$O({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$K || (_path$K = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$L || (_path$L = /*#__PURE__*/React.createElement("path", {
     d: "M18.494 15.675c0-2.269-1.65-4.194-3.85-4.606-.275-.069-.482.068-.688.275A3.784 3.784 0 0 1 11 12.719c-1.169 0-2.2-.481-2.956-1.375-.138-.207-.413-.275-.688-.275a4.648 4.648 0 0 0-3.85 4.606v1.994c0 .167.033.363.069.481.275.894 1.1 1.581 2.063 1.581h10.656c.962 0 1.925-.481 2.131-1.581.052-.275.069-.316.069-.481 0-.758-.028-1.237 0-1.994Zm-1.444 1.856a.763.763 0 0 1-.756.757H5.706a.763.763 0 0 1-.756-.757v-1.856c0-1.444.962-2.681 2.269-3.094.825.825 1.856 1.306 2.956 1.513.275.069.55.069.825.069.275 0 .55 0 .825-.07 1.1-.137 2.131-.687 2.956-1.512 1.375.413 2.269 1.65 2.269 3.094v1.856ZM11 10.794a4.313 4.313 0 0 0 4.331-4.332c0-2.406-1.925-4.4-4.331-4.4a4.313 4.313 0 0 0-4.331 4.332c0 2.406 1.925 4.4 4.331 4.4Zm0-7.288a2.905 2.905 0 0 1 2.887 2.888A2.905 2.905 0 0 1 11 9.28a2.905 2.905 0 0 1-2.887-2.887A2.905 2.905 0 0 1 11 3.506Z"
   })));
 };
 
-var _path$J;
-function _extends$M() { _extends$M = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$M.apply(this, arguments); }
+var _path$K;
+function _extends$N() { _extends$N = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$N.apply(this, arguments); }
 var SvgIconPersonSmall = function SvgIconPersonSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$M({
+  return /*#__PURE__*/React.createElement("svg", _extends$N({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$J || (_path$J = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$K || (_path$K = /*#__PURE__*/React.createElement("path", {
     d: "M9.8 4a2.8 2.8 0 1 1-5.6 0 2.8 2.8 0 0 1 5.6 0ZM8.928 7.872c.094-.096.203-.208.372-.172 1.4.3 2.4 1.5 2.4 3v1.2c0 .7-.452 1.4-1.2 1.4h-7c-.781 0-1.2-.7-1.2-1.4v-1.2c0-1.5 1-2.7 2.4-3 .168-.036.28.079.376.175L5.1 7.9c.5.6 1.2.9 1.9.9s1.4-.4 1.9-.9l.028-.028Z"
   })));
 };
 
 var _g, _defs;
-function _extends$L() { _extends$L = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$L.apply(this, arguments); }
+function _extends$M() { _extends$M = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$M.apply(this, arguments); }
 var SvgIconPinLocationSmall = function SvgIconPinLocationSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$L({
+  return /*#__PURE__*/React.createElement("svg", _extends$M({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
@@ -2038,26 +2038,26 @@ var SvgIconPinLocationSmall = function SvgIconPinLocationSmall(props) {
   })))));
 };
 
-var _path$I;
-function _extends$K() { _extends$K = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$K.apply(this, arguments); }
+var _path$J;
+function _extends$L() { _extends$L = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$L.apply(this, arguments); }
 var SvgIconPinSmall = function SvgIconPinSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$K({
+  return /*#__PURE__*/React.createElement("svg", _extends$L({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$I || (_path$I = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$J || (_path$J = /*#__PURE__*/React.createElement("path", {
     d: "M9.35 6.364h-.138a.14.14 0 0 1-.139-.122l-.309-2.399a.254.254 0 0 1 .254-.293c.249.003.496 0 .654-.204.22-.284.336-.653.322-1.032-.013-.378-.024-.596-.264-.858-.24-.261-.481-.407-.814-.406H5.05c-.333-.001-.516.145-.756.406-.24.262-.309.48-.322.858-.014.379.101.748.322 1.032.158.203.405.207.654.204a.254.254 0 0 1 .254.293l-.309 2.399a.14.14 0 0 1-.139.122h-.139c-.342 0-.845.33-1.086.605-.242.275-.413.544-.413.933v.489c0 .155.125.28.28.28h2.593a.07.07 0 0 1 .07.07v3.214c0 .077.032.15.088.203l.644.61a.28.28 0 0 0 .385 0l.644-.61a.28.28 0 0 0 .088-.203V8.74a.07.07 0 0 1 .07-.07h2.593a.28.28 0 0 0 .28-.28v-.489c0-.389-.17-.658-.413-.933-.241-.275-.744-.605-1.086-.605Z"
   })));
 };
 
-var _path$H, _path2$e;
-function _extends$J() { _extends$J = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$J.apply(this, arguments); }
+var _path$I, _path2$e;
+function _extends$K() { _extends$K = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$K.apply(this, arguments); }
 var SvgIconPlayLarge = function SvgIconPlayLarge(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$J({
+  return /*#__PURE__*/React.createElement("svg", _extends$K({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$H || (_path$H = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$I || (_path$I = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M11 18.639A7.639 7.639 0 1 0 11 3.36a7.639 7.639 0 0 0 0 15.278Zm0 1.528a9.167 9.167 0 1 0 0-18.334 9.167 9.167 0 0 0 0 18.334Z",
     clipRule: "evenodd"
@@ -2068,41 +2068,41 @@ var SvgIconPlayLarge = function SvgIconPlayLarge(props) {
   })));
 };
 
-var _path$G;
-function _extends$I() { _extends$I = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$I.apply(this, arguments); }
+var _path$H;
+function _extends$J() { _extends$J = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$J.apply(this, arguments); }
 var SvgIconPlusCircleSmall = function SvgIconPlusCircleSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$I({
+  return /*#__PURE__*/React.createElement("svg", _extends$J({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$G || (_path$G = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$H || (_path$H = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M7 0a7 7 0 1 1 0 14A7 7 0 0 1 7 0Zm0 1.707A5.3 5.3 0 0 0 1.707 7 5.3 5.3 0 0 0 7 12.293 5.3 5.3 0 0 0 12.293 7 5.3 5.3 0 0 0 7 1.707Zm0 2.39c.435 0 .794.326.847.747l.007.107-.001 1.195h1.196c.399 0 .734.274.827.644l.02.103.006.107a.854.854 0 0 1-.746.847l-.107.007H7.853v1.195a.854.854 0 0 1-.643.827l-.103.02L7 9.902a.854.854 0 0 1-.847-.746l-.007-.107V7.854H4.951a.854.854 0 0 1-.827-.644l-.02-.103L4.098 7c0-.435.325-.794.746-.847l.107-.007h1.195V4.951c0-.399.274-.734.644-.827l.103-.02L7 4.098Z"
   })));
 };
 
-var _path$F;
-function _extends$H() { _extends$H = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$H.apply(this, arguments); }
+var _path$G;
+function _extends$I() { _extends$I = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$I.apply(this, arguments); }
 var SvgIconPlusSmall = function SvgIconPlusSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$H({
+  return /*#__PURE__*/React.createElement("svg", _extends$I({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$F || (_path$F = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$G || (_path$G = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M7 1c.483 0 .875.392.875.875v4.25h4.25a.875.875 0 0 1 0 1.75h-4.25v4.25a.875.875 0 0 1-1.75 0v-4.25h-4.25a.875.875 0 1 1 0-1.75h4.25v-4.25C6.125 1.392 6.517 1 7 1Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$E, _path2$d;
-function _extends$G() { _extends$G = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$G.apply(this, arguments); }
+var _path$F, _path2$d;
+function _extends$H() { _extends$H = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$H.apply(this, arguments); }
 var SvgIconProjectPrivateLarge = function SvgIconProjectPrivateLarge(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$G({
+  return /*#__PURE__*/React.createElement("svg", _extends$H({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$E || (_path$E = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$F || (_path$F = /*#__PURE__*/React.createElement("path", {
     fill: "#CCC",
     fillRule: "evenodd",
     d: "M20.009 5.294c-.137-.206-.343-.344-.548-.481l.068-.482c.137-1.237-.753-2.337-1.985-2.406H8.778c-.205 0-.41-.069-.548-.275L7.546.825C7.066.344 6.45 0 5.766 0H3.367c-.616 0-1.232.275-1.643.756-.48.482-.685 1.1-.616 1.788l.274 2.2c-.274.137-.548.275-.822.55a2.27 2.27 0 0 0-.548 1.719l.753 8.593A2.532 2.532 0 0 0 3.3 17.875h8.834c-.069-.275-.069-.55-.069-.825 0-.206 0-.481.069-.688H3.3c-.548 0-.959-.412-.959-.893L1.52 6.875c0-.206.069-.412.206-.55.137-.138.342-.275.548-.275h16.092c.206 0 .411.069.548.275a.782.782 0 0 1 .206.55l-.48 5.225c.548.138 1.027.412 1.438.688l.548-5.776c0-.618-.205-1.237-.616-1.718Zm-2.055-.756H2.89l-.274-2.2c0-.207.069-.413.206-.55.137-.138.342-.276.547-.276h2.397c.206 0 .411.07.548.276l.685.824c.41.55 1.027.825 1.712.825H17.2c.206 0 .41.07.548.207a.782.782 0 0 1 .205.55v.343Z",
@@ -2114,14 +2114,14 @@ var SvgIconProjectPrivateLarge = function SvgIconProjectPrivateLarge(props) {
   })));
 };
 
-var _path$D, _path2$c;
-function _extends$F() { _extends$F = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$F.apply(this, arguments); }
+var _path$E, _path2$c;
+function _extends$G() { _extends$G = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$G.apply(this, arguments); }
 var SvgIconProjectPublicLarge = function SvgIconProjectPublicLarge(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$F({
+  return /*#__PURE__*/React.createElement("svg", _extends$G({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$D || (_path$D = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$E || (_path$E = /*#__PURE__*/React.createElement("path", {
     fill: "#CCC",
     fillRule: "evenodd",
     d: "M12.03 17.462v-.412c0-.206 0-.481.068-.688h-8.79c-.548 0-.96-.412-.96-.893l-.824-8.594c0-.206.068-.412.206-.55.137-.138.343-.275.549-.275h16.136c.206 0 .412.069.55.275a.781.781 0 0 1 .205.55l-.48 5.225c.274.069.48.138.686.275 0 0 .069 0 .069.069.206.137.412.206.618.343l.549-5.775a2.265 2.265 0 0 0-.55-1.718c-.137-.206-.343-.344-.549-.481l.069-.482c.137-1.237-.755-2.337-1.991-2.406H8.802c-.206 0-.412-.069-.55-.275L7.567.825C7.086.344 6.467 0 5.781 0H3.378C2.76 0 2.142.275 1.73.756c-.481.482-.687 1.1-.618 1.788l.274 2.2c-.274.137-.549.275-.824.55a2.266 2.266 0 0 0-.549 1.719l.755 8.593a2.536 2.536 0 0 0 2.54 2.269h8.858c-.068-.137-.068-.275-.137-.413ZM2.827 1.787c.138-.137.344-.274.55-.274H5.78c.206 0 .412.068.549.275l.687.824c.412.55 1.03.825 1.716.825h8.514c.206 0 .413.07.55.207a.781.781 0 0 1 .206.55l-.069.343H2.828l-.206-2.2c0-.206.069-.412.206-.55Z",
@@ -2133,29 +2133,43 @@ var SvgIconProjectPublicLarge = function SvgIconProjectPublicLarge(props) {
   })));
 };
 
-var _path$C;
-function _extends$E() { _extends$E = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$E.apply(this, arguments); }
+var _path$D;
+function _extends$F() { _extends$F = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$F.apply(this, arguments); }
 var SvgIconPuzzlePieceSmall = function SvgIconPuzzlePieceSmall(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$E({
+  return /*#__PURE__*/React.createElement("svg", _extends$F({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$C || (_path$C = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$D || (_path$D = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M5.627.709c.748 0 1.283.432 1.283 1.11 0 .299-.074.496-.276.794l-.137.193c-.272.374-.377.602-.377.952 0 .94.901 1.148 2.34.864.347-.068.715-.164 1.092-.28l.277-.088.267-.09.337-.123-.009.032c-.06.217-.12.452-.177.698-.081.35-.147.692-.193 1.015-.184 1.306-.02 2.654.693 2.654.095 0 .189-.02.287-.056.055-.021.111-.047.173-.08l.098-.056c.052-.03.237-.145.271-.165.367-.22.65-.322 1.023-.322.709 0 1.151.57 1.151 1.359 0 .746-.43 1.263-1.115 1.263-.3 0-.499-.073-.799-.274l-.193-.136c-.376-.268-.604-.373-.956-.373-.692 0-.962.57-.928 1.468.01.283.05.584.111.888l.05.233.022.091-.134.008c-.09.006-.199.017-.348.034l-1.049.121-.13.013c-1.441.14-2.142-.018-2.142-.634 0-.248.069-.421.254-.685l.482-.512c.315-.418.28-.73.28-1.14 0-.832-.838-1.36-1.716-1.36-.906 0-1.764.524-1.764 1.39 0 .378.054.774.3 1.11l.383.451c.03.038.178.215.215.262.072.09.12.16.154.225a.419.419 0 0 1 .055.194c0 .583-.692.829-1.887.788-.404-.014-.838-.061-1.276-.13l-.295-.05L1 12.302V4.5l.267.053c.09.017.188.034.294.05.437.071.87.119 1.275.133 1.293.046 2.094-.246 2.094-1.037 0-.095-.02-.19-.058-.288a1.706 1.706 0 0 0-.14-.27l-.17-.27c-.228-.365-.332-.646-.332-1.016 0-.702.591-1.146 1.397-1.146Z"
   })));
 };
 
+var _path$C;
+function _extends$E() { _extends$E = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$E.apply(this, arguments); }
+var SvgIconQuestionMarkLarge = function SvgIconQuestionMarkLarge(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$E({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 22,
+    height: 22
+  }, props), _path$C || (_path$C = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M11.078 15.2a1.43 1.43 0 0 1 1.423 1.424 1.427 1.427 0 0 1-1.423 1.423c-.377 0-.744-.152-1.008-.416a1.433 1.433 0 0 1-.416-1.008c0-.374.152-.74.416-1.005a1.434 1.434 0 0 1 1.008-.418Zm-.023-11.59c2.486 0 4.587 1.69 4.699 3.77l.004.177-.006.223-.018.214c-.128 1.188-.749 1.956-2.056 2.953l-.198.153-.345.276c-.675.565-.905.924-.969 1.52a.688.688 0 0 1-.688.677h-.717a.78.78 0 0 1-.779-.794c.123-1.293.803-2.147 2.15-3.174 1.14-.86 1.44-1.236 1.44-2.052 0-1.18-1.11-2.11-2.517-2.11l-.173.005-.178.015c-1.117.127-1.677.58-1.974 1.252a.893.893 0 0 1-.85.62h-.888c-.326 0-.57-.3-.504-.62.324-1.9 2.223-3.106 4.567-3.106Z",
+    clipRule: "evenodd"
+  })));
+};
+
 var _path$B;
 function _extends$D() { _extends$D = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$D.apply(this, arguments); }
-var SvgIconQuestionMarkLarge = function SvgIconQuestionMarkLarge(props) {
+var SvgIconQuoteLarge = function SvgIconQuoteLarge(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$D({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
   }, props), _path$B || (_path$B = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M11.078 15.2a1.43 1.43 0 0 1 1.423 1.424 1.427 1.427 0 0 1-1.423 1.423c-.377 0-.744-.152-1.008-.416a1.433 1.433 0 0 1-.416-1.008c0-.374.152-.74.416-1.005a1.434 1.434 0 0 1 1.008-.418Zm-.023-11.59c2.486 0 4.587 1.69 4.699 3.77l.004.177-.006.223-.018.214c-.128 1.188-.749 1.956-2.056 2.953l-.198.153-.345.276c-.675.565-.905.924-.969 1.52a.688.688 0 0 1-.688.677h-.717a.78.78 0 0 1-.779-.794c.123-1.293.803-2.147 2.15-3.174 1.14-.86 1.44-1.236 1.44-2.052 0-1.18-1.11-2.11-2.517-2.11l-.173.005-.178.015c-1.117.127-1.677.58-1.974 1.252a.893.893 0 0 1-.85.62h-.888c-.326 0-.57-.3-.504-.62.324-1.9 2.223-3.106 4.567-3.106Z",
+    d: "M0 5.867c0-1.197.962-2.2 2.177-2.2H7.22c1.215 0 2.177 1.003 2.177 2.2v5.813c0 .537-.12 1.06-.359 1.546L7.25 16.868a2.6 2.6 0 0 1-2.337 1.465c-1.96 0-3.193-2.08-2.334-3.812v-.002l.649-1.319h-1.05C.962 13.2 0 12.196 0 11V5.867ZM2.177 5.5a.36.36 0 0 0-.344.367V11a.36.36 0 0 0 .344.367h3.257c.339 0 .56.355.411.66l-1.622 3.304-.002.004c-.274.551.132 1.165.691 1.165a.767.767 0 0 0 .686-.43l.004-.007 1.79-3.645c.114-.232.17-.479.17-.738V5.867A.36.36 0 0 0 7.22 5.5H2.177Zm10.427.367c0-1.197.962-2.2 2.177-2.2h5.042c1.215 0 2.177 1.003 2.177 2.2v5.813c0 .537-.12 1.06-.358 1.546l-1.789 3.642a2.6 2.6 0 0 1-2.337 1.465c-1.96 0-3.193-2.08-2.334-3.812v-.002l.649-1.319h-1.05c-1.215 0-2.177-1.004-2.177-2.2V5.867Zm2.177-.367a.36.36 0 0 0-.344.367V11a.36.36 0 0 0 .344.367h3.257c.34 0 .56.355.411.66l-1.622 3.304-.002.004c-.274.551.132 1.165.691 1.165a.767.767 0 0 0 .687-.43l.003-.007 1.79-3.645c.114-.232.17-.479.17-.738V5.867a.36.36 0 0 0-.343-.367H14.78Z",
     clipRule: "evenodd"
   })));
 };
@@ -2933,6 +2947,10 @@ var iconMap = {
         largeIcon: SvgIconQuestionMarkLarge,
         smallIcon: null,
     },
+    quote: {
+        largeIcon: SvgIconQuoteLarge,
+        smallIcon: null,
+    },
     refresh: {
         largeIcon: SvgIconRefreshLarge,
         smallIcon: SvgIconRefreshSmall,
@@ -3068,12 +3086,12 @@ function interactive(props) {
 var doNotForwardProps$l = ["sdsIcon", "sdsSize", "sdsType", "iconColor"];
 var StyledSvgIcon = styled(SvgIcon, {
     shouldForwardProp: function (prop) { return !doNotForwardProps$l.includes(prop); },
-})(templateObject_6$d || (templateObject_6$d = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+})(templateObject_6$c || (templateObject_6$c = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var sdsType = props.sdsType;
-    return css(templateObject_5$g || (templateObject_5$g = __makeTemplateObject(["\n      ", "\n      ", "\n      ", "\n      ", "\n    "], ["\n      ", "\n      ", "\n      ", "\n      ", "\n    "])), sdsType !== "iconButton" && iconSize(props), sdsType === "static" && staticStyle(props), sdsType === "interactive" && interactive(props), sdsType === "button" && buttonStyle());
+    return css(templateObject_5$f || (templateObject_5$f = __makeTemplateObject(["\n      ", "\n      ", "\n      ", "\n      ", "\n    "], ["\n      ", "\n      ", "\n      ", "\n      ", "\n    "])), sdsType !== "iconButton" && iconSize(props), sdsType === "static" && staticStyle(props), sdsType === "interactive" && interactive(props), sdsType === "button" && buttonStyle());
 });
-var StyledIcon = styled("div")(templateObject_7$a || (templateObject_7$a = __makeTemplateObject(["\n  /* display: contents causes an element's children to appear as if they were direct children of the element's parent, ignoring the element itself. This can be useful when a wrapper element should be ignored when using CSS grid or similar layout techniques. */\n  display: contents;\n"], ["\n  /* display: contents causes an element's children to appear as if they were direct children of the element's parent, ignoring the element itself. This can be useful when a wrapper element should be ignored when using CSS grid or similar layout techniques. */\n  display: contents;\n"])));
-var templateObject_1$Q, templateObject_2$x, templateObject_3$o, templateObject_4$j, templateObject_5$g, templateObject_6$d, templateObject_7$a;
+var StyledIcon = styled("div")(templateObject_7$9 || (templateObject_7$9 = __makeTemplateObject(["\n  /* display: contents causes an element's children to appear as if they were direct children of the element's parent, ignoring the element itself. This can be useful when a wrapper element should be ignored when using CSS grid or similar layout techniques. */\n  display: contents;\n"], ["\n  /* display: contents causes an element's children to appear as if they were direct children of the element's parent, ignoring the element itself. This can be useful when a wrapper element should be ignored when using CSS grid or similar layout techniques. */\n  display: contents;\n"])));
+var templateObject_1$Q, templateObject_2$x, templateObject_3$o, templateObject_4$j, templateObject_5$f, templateObject_6$c, templateObject_7$9;
 
 /**
  * @see https://mui.com/material-ui/icons/#icons
@@ -3247,11 +3265,11 @@ var secondary$2 = function (props) {
 };
 var tertiary = function (props) {
     var colors = getColors(props);
-    return css(templateObject_5$f || (templateObject_5$f = __makeTemplateObject(["\n    color: ", ";\n\n    &:hover {\n      background: none;\n      color: black;\n    }\n\n    &:active {\n      color: black;\n    }\n  "], ["\n    color: ", ";\n\n    &:hover {\n      background: none;\n      color: black;\n    }\n\n    &:active {\n      color: black;\n    }\n  "])), colors === null || colors === void 0 ? void 0 : colors.gray[500]);
+    return css(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n    color: ", ";\n\n    &:hover {\n      background: none;\n      color: black;\n    }\n\n    &:active {\n      color: black;\n    }\n  "], ["\n    color: ", ";\n\n    &:hover {\n      background: none;\n      color: black;\n    }\n\n    &:active {\n      color: black;\n    }\n  "])), colors === null || colors === void 0 ? void 0 : colors.gray[500]);
 };
 var small$1 = function (props) {
     var iconSizes = getIconSizes(props);
-    return css(templateObject_6$c || (templateObject_6$c = __makeTemplateObject(["\n    &:hover {\n      background: none;\n    }\n\n    .MuiSvgIcon-root {\n      height: ", "px;\n      width: ", "px;\n    }\n  "], ["\n    &:hover {\n      background: none;\n    }\n\n    .MuiSvgIcon-root {\n      height: ", "px;\n      width: ", "px;\n    }\n  "])), iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.width);
+    return css(templateObject_6$b || (templateObject_6$b = __makeTemplateObject(["\n    &:hover {\n      background: none;\n    }\n\n    .MuiSvgIcon-root {\n      height: ", "px;\n      width: ", "px;\n    }\n  "], ["\n    &:hover {\n      background: none;\n    }\n\n    .MuiSvgIcon-root {\n      height: ", "px;\n      width: ", "px;\n    }\n  "])), iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.width);
 };
 var medium$1 = function (props) {
     var sdsType = props.sdsType;
@@ -3259,7 +3277,7 @@ var medium$1 = function (props) {
     if (sdsType === "primary" || sdsType === "secondary") {
         showWarningIfFirstOccurence(SDSWarningTypes.ButtonIconMediumSize);
     }
-    return css(templateObject_7$9 || (templateObject_7$9 = __makeTemplateObject(["\n    &:hover {\n      background: none;\n    }\n\n    .MuiSvgIcon-root {\n      height: ", "px;\n      width: ", "px;\n    }\n  "], ["\n    &:hover {\n      background: none;\n    }\n\n    .MuiSvgIcon-root {\n      height: ", "px;\n      width: ", "px;\n    }\n  "])), iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l.width);
+    return css(templateObject_7$8 || (templateObject_7$8 = __makeTemplateObject(["\n    &:hover {\n      background: none;\n    }\n\n    .MuiSvgIcon-root {\n      height: ", "px;\n      width: ", "px;\n    }\n  "], ["\n    &:hover {\n      background: none;\n    }\n\n    .MuiSvgIcon-root {\n      height: ", "px;\n      width: ", "px;\n    }\n  "])), iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l.width);
 };
 var large = function (props) {
     var sdsType = props.sdsType;
@@ -3277,9 +3295,9 @@ var StyledButtonIcon$2 = styled(IconButton, {
     shouldForwardProp: function (prop) { return !doNotForwardProps$k.includes(prop); },
 })(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n  padding: 0;\n\n  :focus-visible {\n    outline: 5px auto Highlight;\n    outline: 5px auto -webkit-focus-ring-color;\n  }\n\n  ", "\n"], ["\n  padding: 0;\n\n  :focus-visible {\n    outline: 5px auto Highlight;\n    outline: 5px auto -webkit-focus-ring-color;\n  }\n\n  ", "\n"])), function (props) {
     var on = props.on, disabled = props.disabled, sdsSize = props.sdsSize, sdsType = props.sdsType;
-    return css(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n    "], ["\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n    "])), sdsType === "primary" && primary$2(props), sdsType === "secondary" && secondary$2(props), sdsType === "tertiary" && tertiary(props), on && isOn(props), disabled && isDisabled$1(props), sdsSize === "small" && small$1(props), sdsSize === "medium" && medium$1(props), sdsSize === "large" && large(props));
+    return css(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n    "], ["\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n    "])), sdsType === "primary" && primary$2(props), sdsType === "secondary" && secondary$2(props), sdsType === "tertiary" && tertiary(props), on && isOn(props), disabled && isDisabled$1(props), sdsSize === "small" && small$1(props), sdsSize === "medium" && medium$1(props), sdsSize === "large" && large(props));
 });
-var templateObject_1$M, templateObject_2$u, templateObject_3$l, templateObject_4$h, templateObject_5$f, templateObject_6$c, templateObject_7$9, templateObject_8$5, templateObject_9$1, templateObject_10$1;
+var templateObject_1$M, templateObject_2$u, templateObject_3$l, templateObject_4$h, templateObject_5$e, templateObject_6$b, templateObject_7$8, templateObject_8$5, templateObject_9$2, templateObject_10$1;
 
 var ButtonIconSizeToSdsIconSize = {
     large: "xl",
@@ -3295,8 +3313,46 @@ var ButtonIcon = forwardRef(function ButtonIcon(props, ref) {
     return (jsx(StyledButtonIcon$2, __assign({}, props, { ref: ref, children: jsx(Icon, __assign({ sdsType: "iconButton" }, sdsIconProps, { sdsIcon: sdsIcon, sdsSize: iconSize })) })));
 });
 
+var sdsPropNames$4 = ["sdsStyle", "sdsStage", "intent", "handleSubmit"];
+var rounded$3 = function (props) {
+    var corners = getCorners(props);
+    var borders = getBorders(props);
+    return css(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n    .", " {\n      border-radius: ", "px;\n      border: ", ";\n    }\n  "], ["\n    .", " {\n      border-radius: ", "px;\n      border: ", ";\n    }\n  "])), outlinedInputClasses.notchedOutline, corners === null || corners === void 0 ? void 0 : corners.l, borders === null || borders === void 0 ? void 0 : borders.gray[400]);
+};
+var error$3 = function (props) {
+    var borders = getBorders(props);
+    return css(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n    .", " {\n      border: ", ";\n    }\n  "], ["\n    .", " {\n      border: ", ";\n    }\n  "])), outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.error[400]);
+};
+var warning$3 = function (props) {
+    var borders = getBorders(props);
+    return css(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n    .", " {\n      border: ", ";\n    }\n  "], ["\n    .", " {\n      border: ", ";\n    }\n  "])), outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.warning[400]);
+};
+var disabledStyled$2 = function (props) {
+    var borders = getBorders(props);
+    var colors = getColors(props);
+    return css(templateObject_4$g || (templateObject_4$g = __makeTemplateObject(["\n    .Mui-disabled {\n      .", " {\n        border: ", ";\n      }\n\n      .MuiInputAdornment-root svg {\n        color: ", ";\n      }\n\n      &:hover .", " {\n        border: ", ";\n      }\n    }\n  "], ["\n    .Mui-disabled {\n      .", " {\n        border: ", ";\n      }\n\n      .MuiInputAdornment-root svg {\n        color: ", ";\n      }\n\n      &:hover .", " {\n        border: ", ";\n      }\n    }\n  "])), outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.gray[300], colors === null || colors === void 0 ? void 0 : colors.gray[300], outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.gray[300]);
+};
+var StyledLabel$2 = styled("label")(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), fontBodyM$1, function (props) {
+    var typography = getTypography(props);
+    var spacings = getSpaces(props);
+    return "\n      font-family: ".concat(typography === null || typography === void 0 ? void 0 : typography.fontFamily, ";\n      margin-bottom: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xxs, "px;\n      position: absolute;\n      overflow: hidden;\n      clip: rect(0 0 0 0);\n      height: 1px;\n      width: 1px;\n      margin: -1px; \n      padding: 0; \n      border: 0;\n    ");
+});
+var StyledSearchBase = styled(TextField, {
+    shouldForwardProp: function (prop) {
+        return !sdsPropNames$4.includes(prop.toString());
+    },
+})(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+    var intent = props.intent, disabled = props.disabled, sdsStyle = props.sdsStyle, value = props.value;
+    var spacings = getSpaces(props);
+    var borders = getBorders(props);
+    var colors = getColors(props);
+    return css(templateObject_6$a || (templateObject_6$a = __makeTemplateObject(["\n      margin-top: ", "px;\n      margin-bottom: ", "px;\n      margin-right: ", "px;\n      min-width: 120px;\n      display: block;\n\n      [type=\"search\"]::-webkit-search-cancel-button {\n        -webkit-appearance: none;\n        appearance: none;\n      }\n\n      & .input-search-clear-icon {\n        opacity: 0;\n        margin-right: ", "px;\n      }\n\n      .", " {\n        .", " {\n          border: ", ";\n        }\n\n        &:hover .input-search-clear-icon,\n        &:focus-within .input-search-clear-icon {\n          opacity: ", ";\n        }\n      }\n\n      .", " {\n        padding: ", "px ", "px;\n        height: 34px;\n        box-sizing: border-box;\n        background-color: #fff;\n      }\n\n      .", ":hover\n        .", " {\n        border: ", ";\n      }\n\n      .", ".Mui-focused {\n        .", " {\n          border: ", ";\n        }\n\n        .", " .", ":last-of-type {\n          cursor: default;\n          svg {\n            color: ", ";\n          }\n        }\n      }\n\n      ", "\n      ", "\n      ", "\n      ", "\n    "], ["\n      margin-top: ", "px;\n      margin-bottom: ", "px;\n      margin-right: ", "px;\n      min-width: 120px;\n      display: block;\n\n      [type=\"search\"]::-webkit-search-cancel-button {\n        -webkit-appearance: none;\n        appearance: none;\n      }\n\n      & .input-search-clear-icon {\n        opacity: 0;\n        margin-right: ", "px;\n      }\n\n      .", " {\n        .", " {\n          border: ", ";\n        }\n\n        &:hover .input-search-clear-icon,\n        &:focus-within .input-search-clear-icon {\n          opacity: ", ";\n        }\n      }\n\n      .", " {\n        padding: ", "px ", "px;\n        height: 34px;\n        box-sizing: border-box;\n        background-color: #fff;\n      }\n\n      .", ":hover\n        .", " {\n        border: ", ";\n      }\n\n      .", ".Mui-focused {\n        .", " {\n          border: ", ";\n        }\n\n        .", " .", ":last-of-type {\n          cursor: default;\n          svg {\n            color: ", ";\n          }\n        }\n      }\n\n      ", "\n      ", "\n      ", "\n      ", "\n    "])), spacings === null || spacings === void 0 ? void 0 : spacings.m, spacings === null || spacings === void 0 ? void 0 : spacings.m, spacings === null || spacings === void 0 ? void 0 : spacings.xl, spacings === null || spacings === void 0 ? void 0 : spacings.s, outlinedInputClasses.root, outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.gray[400], value ? 1 : 0, inputBaseClasses.inputSizeSmall, spacings === null || spacings === void 0 ? void 0 : spacings.xs, spacings === null || spacings === void 0 ? void 0 : spacings.l, outlinedInputClasses.root, outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.gray[500], outlinedInputClasses.root, outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.primary[400], inputAdornmentClasses.root, buttonBaseClasses.root, colors === null || colors === void 0 ? void 0 : colors.primary[400], sdsStyle === "rounded" && rounded$3(props), intent === "error" && error$3(props), intent === "warning" && warning$3(props), disabled && disabledStyled$2(props));
+});
+var StyledInputAdornment = styled(InputAdornment)(templateObject_8$4 || (templateObject_8$4 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
+var templateObject_1$L, templateObject_2$t, templateObject_3$k, templateObject_4$g, templateObject_5$d, templateObject_6$a, templateObject_7$7, templateObject_8$4;
+
 var fontBodyXs$4 = fontBody("xs");
-var StyledMenuItem$1 = styled(MenuItem$1)(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+var StyledMenuItem$1 = styled(MenuItem$1)(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var selected = props.selected;
     var colors = getColors(props);
     var fontWeights = getFontWeights(props);
@@ -3304,7 +3360,7 @@ var StyledMenuItem$1 = styled(MenuItem$1)(templateObject_1$L || (templateObject_
     var primary = colors === null || colors === void 0 ? void 0 : colors.primary[400];
     return "\n      padding: ".concat(spacings === null || spacings === void 0 ? void 0 : spacings.xs, "px ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.s, "px !important;\n      min-height: unset;\n      opacity: 1;\n\n      &.MuiAutocomplete-option {\n        min-height: unset;\n      }\n      \n      .primary-text {\n        font-weight: ").concat(selected ? fontWeights === null || fontWeights === void 0 ? void 0 : fontWeights.semibold : fontWeights === null || fontWeights === void 0 ? void 0 : fontWeights.regular, ";\n      }\n\n      &.MuiButtonBase-root {\n        background-color: transparent;\n        opacity: 1;\n\n        &:hover, &.").concat(menuItemClasses.focusVisible, " {\n          background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[100], ";\n\n          &[aria-selected=\"true\"] {\n            background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[100], ";\n          }\n        }\n      }\n\n      &.MuiMenuItem-root .MuiSvgIcon-root {\n        align-self: flex-start;\n      }\n\n      &.MuiMenuItem-root .Mui-disabled {\n        opacity: 1 !important;\n      }\n\n      &.MuiAutocomplete-option[aria-selected=\"true\"] {\n        &:hover {\n          background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[100], " !important;\n        }\n\n        svg.check-icon {\n          color: ").concat(selected ? primary : colors === null || colors === void 0 ? void 0 : colors.gray[500], ";\n        }\n      }\n\n      &.MuiAutocomplete-option[aria-disabled=\"true\"] {\n        opacity: 1;\n      }\n\n      &:hover {\n        background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[100], ";\n        svg.check-icon {\n          color: ").concat(selected ? primary : colors === null || colors === void 0 ? void 0 : colors.gray[500], ";\n        }\n      }\n\n      &.Mui-selected.MuiListItem-root.MuiListItem-button {\n        background-color: white;\n        &:hover {\n          background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[100], ";\n        }\n        .primary-text {\n          font-weight: ").concat(fontWeights === null || fontWeights === void 0 ? void 0 : fontWeights.semibold, ";\n        }\n      }\n\n      &:active {\n        svg.check-icon {\n          color: ").concat(primary, ";\n        }\n\n        &:active {\n          svg.check-icon {\n            color: ").concat(primary, ";\n          }\n\n          .primary-text {\n            font-weight: ").concat(fontWeights === null || fontWeights === void 0 ? void 0 : fontWeights.semibold, ";\n          }\n        }\n      }\n    ");
 });
-var ContentWrapper = styled("span")(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  width: 100%;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  width: 100%;\n"])));
+var ContentWrapper = styled("span")(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  width: 100%;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  width: 100%;\n"])));
 var disabledStyles = function (props) {
     var disabled = props.disabled;
     if (!disabled)
@@ -3312,83 +3368,59 @@ var disabledStyles = function (props) {
     var colors = getColors(props);
     return "\n    color: ".concat(colors === null || colors === void 0 ? void 0 : colors.gray[300], ";\n    cursor: default;\n  ");
 };
-var TextWrapper = styled("span")(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n\n  ", "\n"])), fontBodyXs$4, function (props) {
+var TextWrapper = styled("span")(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n\n  ", "\n"])), fontBodyXs$4, function (props) {
     var _a;
     var palette = getPalette(props);
     return "\n      color: ".concat((_a = palette === null || palette === void 0 ? void 0 : palette.text) === null || _a === void 0 ? void 0 : _a.primary, ";\n      display: flex;\n      white-space: pre-wrap;\n    ");
 }, disabledStyles);
-var StyledMenuItemIcon = styled("span")(templateObject_4$g || (templateObject_4$g = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+var StyledMenuItemIcon = styled("span")(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var disabled = props.disabled;
     var spacings = getSpaces(props);
     var iconSizes = getIconSizes(props);
     var colors = getColors(props);
     return "\n      margin-right: ".concat(spacings === null || spacings === void 0 ? void 0 : spacings.xs, "px;\n      margin-top: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xxxs, "px;\n      height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, "px;\n\n      .MuiSvgIcon-root {\n        ").concat(disabled ? "color: ".concat(colors === null || colors === void 0 ? void 0 : colors.gray[300], ";") : null, "\n      }\n    ");
 });
-var ColumnWrapper = styled("span")(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n  ", "\n\n  text-align: right;\n  color: black;\n  margin-left: 10px;\n\n  ", "\n"], ["\n  ", "\n\n  text-align: right;\n  color: black;\n  margin-left: 10px;\n\n  ", "\n"])), fontBodyXs$4, disabledStyles);
-styled("div")(templateObject_6$b || (templateObject_6$b = __makeTemplateObject(["\n  width: 250px;\n"], ["\n  width: 250px;\n"])));
-var StyledCheckIconWrapper = styled("span")(templateObject_7$8 || (templateObject_7$8 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+var ColumnWrapper = styled("span")(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n  ", "\n\n  text-align: right;\n  color: black;\n  margin-left: 10px;\n\n  ", "\n"], ["\n  ", "\n\n  text-align: right;\n  color: black;\n  margin-left: 10px;\n\n  ", "\n"])), fontBodyXs$4, disabledStyles);
+styled("div")(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n  width: 250px;\n"], ["\n  width: 250px;\n"])));
+var StyledIconWrapper = styled("span")(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var spacings = getSpaces(props);
     var iconSizes = getIconSizes(props);
     return "\n      align-self: start;\n      margin-right: ".concat(spacings === null || spacings === void 0 ? void 0 : spacings.m, "px;\n      margin-top: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xxxs, "px;\n      height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, "px;\n    ");
 });
 var StyledCheck = styled(Check, {
     shouldForwardProp: function (prop) { return prop !== "selected"; },
-})(templateObject_8$4 || (templateObject_8$4 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+})(templateObject_8$3 || (templateObject_8$3 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+    var selected = props.selected, disabled = props.disabled;
+    var colors = getColors(props);
+    var iconSizes = getIconSizes(props);
+    var selectedColor = disabled ? colors === null || colors === void 0 ? void 0 : colors.gray[300] : colors === null || colors === void 0 ? void 0 : colors.primary[400];
+    return "\n      color: ".concat(selected ? selectedColor : "transparent", ";\n      padding: 0;\n      height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, "px;\n      width: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.width, "px;\n\n      &.MuiCheckbox-colorPrimary.Mui-checked:hover {\n        background-color: transparent;\n      }\n    ");
+});
+var StyledMinus = styled(Remove, {
+    shouldForwardProp: function (prop) { return prop !== "selected"; },
+})(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var selected = props.selected, disabled = props.disabled;
     var colors = getColors(props);
     var iconSizes = getIconSizes(props);
     var selectedColor = disabled ? colors === null || colors === void 0 ? void 0 : colors.gray[300] : colors === null || colors === void 0 ? void 0 : colors.primary[400];
     return "\n      color: ".concat(selected ? selectedColor : "transparent", ";\n      padding: 0;\n      height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, "px;\n      width: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.width, "px;\n\n      &.MuiCheckbox-colorPrimary.Mui-checked:hover {\n        background-color: transparent;\n      }\n    ");
 });
-var templateObject_1$L, templateObject_2$t, templateObject_3$k, templateObject_4$g, templateObject_5$e, templateObject_6$b, templateObject_7$8, templateObject_8$4;
+var templateObject_1$K, templateObject_2$s, templateObject_3$j, templateObject_4$f, templateObject_5$c, templateObject_6$9, templateObject_7$6, templateObject_8$3, templateObject_9$1;
 
 /**
  * @see https://mui.com/material-ui/react-menu/
  */
 var MenuItem = forwardRef(function MenuItem(props, ref) {
-    var children = props.children, _a = props.column, column = _a === void 0 ? null : _a, disabled = props.disabled, _b = props.isMultiSelect, isMultiSelect = _b === void 0 ? false : _b, sdsIcon = props.sdsIcon, sdsIconProps = props.sdsIconProps, originalMenuItemProps = __rest(props, ["children", "column", "disabled", "isMultiSelect", "sdsIcon", "sdsIconProps"]);
-    var _c = originalMenuItemProps.selected, selected = _c === void 0 ? false : _c;
-    return (jsxs(StyledMenuItem$1, __assign({}, originalMenuItemProps, { disabled: disabled, ref: ref, children: [isMultiSelect && (
-            // TODO (mlila): replace with sds InputCheckbox class once complete
-            jsx(StyledCheckIconWrapper, { children: jsx(StyledCheck, { className: "check-icon", selected: selected, color: "primary", disabled: disabled }) })), jsxs(ContentWrapper, { children: [jsxs(TextWrapper, { selected: selected, className: "primary-text", disabled: disabled, children: [sdsIcon && (jsx(StyledMenuItemIcon, { disabled: disabled, children: jsx(Icon, __assign({}, sdsIconProps, { sdsType: "static", sdsIcon: sdsIcon, sdsSize: "s" })) })), children] }), column && jsx(ColumnWrapper, { disabled: disabled, children: column })] })] })));
-});
-
-var sdsPropNames$4 = ["sdsStyle", "sdsStage", "intent", "handleSubmit"];
-var rounded$3 = function (props) {
-    var corners = getCorners(props);
-    var borders = getBorders(props);
-    return css(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n    .", " {\n      border-radius: ", "px;\n      border: ", ";\n    }\n  "], ["\n    .", " {\n      border-radius: ", "px;\n      border: ", ";\n    }\n  "])), outlinedInputClasses.notchedOutline, corners === null || corners === void 0 ? void 0 : corners.l, borders === null || borders === void 0 ? void 0 : borders.gray[400]);
-};
-var error$3 = function (props) {
-    var borders = getBorders(props);
-    return css(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n    .", " {\n      border: ", ";\n    }\n  "], ["\n    .", " {\n      border: ", ";\n    }\n  "])), outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.error[400]);
-};
-var warning$3 = function (props) {
-    var borders = getBorders(props);
-    return css(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n    .", " {\n      border: ", ";\n    }\n  "], ["\n    .", " {\n      border: ", ";\n    }\n  "])), outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.warning[400]);
-};
-var disabledStyled$2 = function (props) {
-    var borders = getBorders(props);
-    var colors = getColors(props);
-    return css(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n    .Mui-disabled {\n      .", " {\n        border: ", ";\n      }\n\n      .MuiInputAdornment-root svg {\n        color: ", ";\n      }\n\n      &:hover .", " {\n        border: ", ";\n      }\n    }\n  "], ["\n    .Mui-disabled {\n      .", " {\n        border: ", ";\n      }\n\n      .MuiInputAdornment-root svg {\n        color: ", ";\n      }\n\n      &:hover .", " {\n        border: ", ";\n      }\n    }\n  "])), outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.gray[300], colors === null || colors === void 0 ? void 0 : colors.gray[300], outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.gray[300]);
-};
-var StyledLabel$2 = styled("label")(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), fontBodyM$1, function (props) {
-    var typography = getTypography(props);
-    var spacings = getSpaces(props);
-    return "\n      font-family: ".concat(typography === null || typography === void 0 ? void 0 : typography.fontFamily, ";\n      margin-bottom: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xxs, "px;\n      position: absolute;\n      overflow: hidden;\n      clip: rect(0 0 0 0);\n      height: 1px;\n      width: 1px;\n      margin: -1px; \n      padding: 0; \n      border: 0;\n    ");
-});
-var StyledSearchBase = styled(TextField, {
-    shouldForwardProp: function (prop) {
-        return !sdsPropNames$4.includes(prop.toString());
-    },
-})(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
-    var intent = props.intent, disabled = props.disabled, sdsStyle = props.sdsStyle;
-    var spacings = getSpaces(props);
-    var borders = getBorders(props);
-    var colors = getColors(props);
-    return css(templateObject_6$a || (templateObject_6$a = __makeTemplateObject(["\n      margin-top: ", "px;\n      margin-bottom: ", "px;\n      margin-right: ", "px;\n      min-width: 120px;\n      display: block;\n\n      .", " {\n        .", " {\n          border: ", ";\n        }\n      }\n\n      .", " {\n        padding: ", "px 0 ", "px ", "px;\n        height: 34px;\n        box-sizing: border-box;\n        background-color: #fff;\n      }\n\n      .", ":hover\n        .", " {\n        border: ", ";\n      }\n\n      .", ".Mui-focused {\n        .", " {\n          border: ", ";\n        }\n\n        .", " svg {\n          color: ", ";\n        }\n      }\n\n      ", "\n      ", "\n      ", "\n      ", "\n    "], ["\n      margin-top: ", "px;\n      margin-bottom: ", "px;\n      margin-right: ", "px;\n      min-width: 120px;\n      display: block;\n\n      .", " {\n        .", " {\n          border: ", ";\n        }\n      }\n\n      .", " {\n        padding: ", "px 0 ", "px ", "px;\n        height: 34px;\n        box-sizing: border-box;\n        background-color: #fff;\n      }\n\n      .", ":hover\n        .", " {\n        border: ", ";\n      }\n\n      .", ".Mui-focused {\n        .", " {\n          border: ", ";\n        }\n\n        .", " svg {\n          color: ", ";\n        }\n      }\n\n      ", "\n      ", "\n      ", "\n      ", "\n    "])), spacings === null || spacings === void 0 ? void 0 : spacings.m, spacings === null || spacings === void 0 ? void 0 : spacings.m, spacings === null || spacings === void 0 ? void 0 : spacings.xl, outlinedInputClasses.root, outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.gray[400], inputBaseClasses.inputSizeSmall, spacings === null || spacings === void 0 ? void 0 : spacings.xs, spacings === null || spacings === void 0 ? void 0 : spacings.xs, spacings === null || spacings === void 0 ? void 0 : spacings.l, outlinedInputClasses.root, outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.gray[500], outlinedInputClasses.root, outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.primary[400], inputAdornmentClasses.root, colors === null || colors === void 0 ? void 0 : colors.primary[400], sdsStyle === "rounded" && rounded$3(props), intent === "error" && error$3(props), intent === "warning" && warning$3(props), disabled && disabledStyled$2(props));
+    var children = props.children, _a = props.column, column = _a === void 0 ? null : _a, disabled = props.disabled, _b = props.isMultiSelect, isMultiSelect = _b === void 0 ? false : _b, sdsIcon = props.sdsIcon, sdsIconProps = props.sdsIconProps, _c = props.sdsStyle, sdsStyle = _c === void 0 ? "determinate" : _c, originalMenuItemProps = __rest(props, ["children", "column", "disabled", "isMultiSelect", "sdsIcon", "sdsIconProps", "sdsStyle"]);
+    var _d = originalMenuItemProps.selected, selected = _d === void 0 ? false : _d;
+    var selectionIcon = function () {
+        if (sdsStyle === "determinate") {
+            return (jsx(StyledIconWrapper, { children: jsx(StyledCheck, { className: "check-icon", selected: selected, color: "primary", disabled: disabled }) }));
+        }
+        return (jsx(StyledIconWrapper, { children: jsx(StyledMinus, { className: "check-icon", selected: selected, color: "primary", disabled: disabled }) }));
+    };
+    return (jsxs(StyledMenuItem$1, __assign({}, originalMenuItemProps, { disabled: disabled, ref: ref, children: [isMultiSelect && selectionIcon(), jsxs(ContentWrapper, { children: [jsxs(TextWrapper, { selected: selected, className: "primary-text", disabled: disabled, children: [sdsIcon && (jsx(StyledMenuItemIcon, { disabled: disabled, children: jsx(Icon, __assign({}, sdsIconProps, { sdsType: "static", sdsIcon: sdsIcon, sdsSize: "s" })) })), children] }), column && jsx(ColumnWrapper, { disabled: disabled, children: column })] })] })));
 });
-var templateObject_1$K, templateObject_2$s, templateObject_3$j, templateObject_4$f, templateObject_5$d, templateObject_6$a, templateObject_7$7;
 
 /**
  * @see https://mui.com/material-ui/react-text-field/
@@ -3408,6 +3440,21 @@ var InputSearch = forwardRef(function InputSearch(props, ref) {
         if (onChange)
             onChange(event);
     };
+    var clearInput = function () {
+        setValue("");
+        setHasValue(false);
+        if (handleSubmit)
+            handleSubmit("");
+        /**
+         * (masoudmanson): Because we are manually firing this event,
+         * we must build a onChange event to transmit the updated value to onChange listeners.
+         */
+        if (onChange) {
+            onChange({
+                target: { value: "" },
+            });
+        }
+    };
     var localHandleSubmit = function () {
         if (handleSubmit)
             handleSubmit(value);
@@ -3427,10 +3474,17 @@ var InputSearch = forwardRef(function InputSearch(props, ref) {
     return (jsxs(Fragment, { children: [jsx(StyledLabel$2, { htmlFor: id, children: label }), jsx(StyledSearchBase, __assign({ ref: ref, 
                 // passed to mui Input
                 InputProps: {
-                    endAdornment: (jsx(InputAdornment, { position: "end", children: jsx(ButtonIcon, { "aria-label": "search-button", onClick: localHandleSubmit, sdsType: "secondary", sdsSize: "small", sdsIconProps: {
-                                sdsType: "interactive",
-                            }, sdsIcon: "search" }) })),
-                }, type: "search", id: id, variant: "outlined", size: "small", placeholder: placeholder, value: value, sdsStyle: sdsStyle, sdsStage: hasValue ? "userInput" : "default", onChange: handleChange, onKeyPress: handleKeyPress, intent: intent }, rest))] }));
+                    endAdornment: (jsxs(StyledInputAdornment, { position: "end", children: [jsx(ButtonIcon, { "aria-label": "clear-button", className: "input-search-clear-icon", onClick: clearInput, sdsType: "primary", sdsSize: "small", sdsIconProps: {
+                                    sdsType: "iconButton",
+                                }, sdsIcon: "xMark" }), jsx(ButtonIcon, { "aria-label": "search-button", onClick: localHandleSubmit, sdsType: "secondary", sdsSize: "small", sdsIconProps: {
+                                    sdsType: "interactive",
+                                }, sdsIcon: "search" })] })),
+                }, type: "search", id: id, variant: "outlined", size: "small", placeholder: placeholder, value: value, sdsStyle: sdsStyle, sdsStage: hasValue ? "userInput" : "default", onChange: handleChange, onKeyDown: handleKeyPress, intent: intent, 
+                /**
+                 * (masoudmanson): This prevents the browser's default auto completion
+                 * menu from being displayed for the InputSearch.
+                 */
+                autoComplete: "off" }, rest))] }));
 });
 
 var doNotForwardProps$j = [
@@ -3438,20 +3492,17 @@ var doNotForwardProps$j = [
     "keepSearchOnSelect",
     "search",
     "InputBaseProps",
-    "hasSections",
 ];
-var StyledAutocomplete$2 = styled(Autocomplete$1, {
+var StyledAutocomplete$1 = styled(Autocomplete$1, {
     shouldForwardProp: function (prop) { return !doNotForwardProps$j.includes(prop); },
 })(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n  + .MuiAutocomplete-popper\n    > .MuiAutocomplete-paper\n    .MuiAutocomplete-groupLabel {\n    ", "\n  }\n\n  ", "\n"], ["\n  + .MuiAutocomplete-popper\n    > .MuiAutocomplete-paper\n    .MuiAutocomplete-groupLabel {\n    ", "\n  }\n\n  ", "\n"])), fontCapsXxxxs, function (props) {
-    var search = props.search, hasSections = props.hasSections;
+    var search = props.search;
     var spacings = getSpaces(props);
     var colors = getColors(props);
     var borders = getBorders(props);
-    return "\n      ".concat(!search && "height: 0", ";\n\n      .MuiOutlinedInput-root.MuiInputBase-formControl.MuiInputBase-adornedEnd {\n        padding: 0 ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px 0 0;\n\n        .MuiAutocomplete-input {\n          padding: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xs, "px ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px;\n        }\n      }\n\n      & + .MuiAutocomplete-popper > .MuiAutocomplete-paper {\n\n      ").concat(search || hasSections
-        ? "padding-left: ".concat(spacings === null || spacings === void 0 ? void 0 : spacings.s, "px !important;")
-        : "", "\n\n      .MuiAutocomplete-listbox {\n        max-height: 40vh;\n        padding-top: 0;\n        padding-bottom: 0;\n        padding-right: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.s, "px;\n\n        .MuiAutocomplete-option {\n          min-height: unset;\n        }\n\n        .MuiAutocomplete-option.Mui-focused {\n          background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[100], ";\n        }\n\n        .MuiAutocomplete-option[aria-selected=\"true\"] {\n          background-color: white;\n        }\n\n        .MuiAutocomplete-option[aria-disabled=\"true\"] {\n          opacity: 1;\n        }\n\n        .MuiAutocomplete-option[aria-selected=\"true\"].Mui-focused {\n          background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[100], ";\n        }\n\n        & > li:last-child .MuiAutocomplete-groupUl {\n          border-bottom: none;\n          margin-bottom: 0;\n        }\n      }\n\n      .MuiAutocomplete-groupLabel {\n        top: 0;\n        color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[500], ";\n        padding: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xxs, "px 0 ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xxs, "px 0;\n      }\n\n      .MuiAutocomplete-groupUl {\n        margin-bottom: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.m, "px;\n        position: relative;\n        padding: 0 0 ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xs, "px 0 0;\n        border-bottom: ").concat(borders === null || borders === void 0 ? void 0 : borders.gray[200], ";\n\n        & li:last-of-type {\n          position: relative;\n          margin-bottom: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xxs, "px;\n        }\n      }\n    ");
+    return "\n      ".concat(!search && "height: 0", ";\n\n      .MuiOutlinedInput-root.MuiInputBase-formControl.MuiInputBase-adornedEnd {\n        padding: 0 ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px 0 0;\n\n        .MuiAutocomplete-input {\n          padding: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xs, "px ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px;\n        }\n      }\n\n      & + .MuiAutocomplete-popper > .MuiAutocomplete-paper {\n        ").concat(search ? "padding-left: ".concat(spacings === null || spacings === void 0 ? void 0 : spacings.s, "px !important;") : "", "\n\n        .MuiAutocomplete-listbox {\n          max-height: 40vh;\n          padding-top: 0;\n          padding-bottom: 0;\n          padding-right: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.s, "px;\n\n          .MuiAutocomplete-option {\n            min-height: unset;\n          }\n\n          .MuiAutocomplete-option.Mui-focused {\n            background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[100], ";\n          }\n\n          .MuiAutocomplete-option[aria-selected=\"true\"] {\n            background-color: white;\n          }\n\n          .MuiAutocomplete-option[aria-disabled=\"true\"] {\n            opacity: 1;\n          }\n\n          .MuiAutocomplete-option[aria-selected=\"true\"].Mui-focused {\n            background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[100], ";\n          }\n\n          & > li:last-child .MuiAutocomplete-groupUl {\n            border-bottom: none;\n            margin-bottom: 0;\n          }\n        }\n\n        .MuiAutocomplete-groupLabel {\n          top: 0;\n          color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[500], ";\n          padding: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xxs, "px 0 ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xxs, "px 0;\n        }\n\n        .MuiAutocomplete-groupUl {\n          margin-bottom: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.m, "px;\n          position: relative;\n          padding: 0 0 ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xs, "px 0 0;\n          border-bottom: ").concat(borders === null || borders === void 0 ? void 0 : borders.gray[200], ";\n\n          & li:last-of-type {\n            position: relative;\n            margin-bottom: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xxs, "px;\n          }\n        }\n      }\n    ");
 });
-var InputBaseWrapper$2 = styled("div", {
+var InputBaseWrapper$1 = styled("div", {
     shouldForwardProp: function (prop) { return !doNotForwardProps$j.includes(prop); },
 })(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var search = props.search;
@@ -3462,7 +3513,7 @@ var InputBaseWrapper$2 = styled("div", {
         return "\n        border: 0;\n        padding: 0;\n\n        white-space: nowrap;\n\n        clip-path: inset(100%);\n        clip: rect(0 0 0 0);\n        overflow: hidden;\n        margin: 0;\n      ";
     }
 });
-var StyledMenuInputSearch$2 = styled(InputSearch, {
+var StyledMenuInputSearch$1 = styled(InputSearch, {
     shouldForwardProp: function (prop) { return !doNotForwardProps$j.includes(prop); },
 })(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n  margin: 0;\n  .MuiInputBase-root {\n    width: 100%;\n  }\n  /* (thuang): Works with attribute inputMode: \"none\" to hide mobile keyboard */\n  caret-color: ", ";\n"], ["\n  margin: 0;\n  .MuiInputBase-root {\n    width: 100%;\n  }\n  /* (thuang): Works with attribute inputMode: \"none\" to hide mobile keyboard */\n  caret-color: ", ";\n"])), function (_a) {
     var search = _a.search;
@@ -3473,19 +3524,34 @@ var StyledPaper$2 = styled(Paper)(templateObject_4$e || (templateObject_4$e = __
     var borders = getBorders(props);
     var corners = getCorners(props);
     var shadows = getShadows(props);
-    return "\n      padding: ".concat(spacings === null || spacings === void 0 ? void 0 : spacings.s, "px 0 0 ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.s, "px ;\n      background-color: white;\n      border: ").concat(borders === null || borders === void 0 ? void 0 : borders.gray[100], ";\n      border-radius: ").concat(corners === null || corners === void 0 ? void 0 : corners.m, "px;\n      box-shadow: ").concat(shadows === null || shadows === void 0 ? void 0 : shadows.m, ";\n      box-sizing: border-box;\n    ");
+    return "\n      padding: ".concat(spacings === null || spacings === void 0 ? void 0 : spacings.s, "px 0 0 ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.s, "px;\n      background-color: white;\n      border: ").concat(borders === null || borders === void 0 ? void 0 : borders.gray[100], ";\n      border-radius: ").concat(corners === null || corners === void 0 ? void 0 : corners.m, "px;\n      box-shadow: ").concat(shadows === null || shadows === void 0 ? void 0 : shadows.m, ";\n      box-sizing: border-box;\n    ");
 });
-var StyledMenuItemDetails$1 = styled("div")(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), fontBodyXxs$1, function (props) {
+var StyledMenuItemDetails = styled("div")(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), fontBodyXxs$1, function (props) {
     var colors = getColors(props);
     return "\n      color: ".concat(colors === null || colors === void 0 ? void 0 : colors.gray[500], ";\n      white-space: pre-wrap;\n    ");
 });
-var StyledMenuItemText$1 = styled("div")(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));
-var templateObject_1$J, templateObject_2$r, templateObject_3$i, templateObject_4$e, templateObject_5$c, templateObject_6$9;
+var StyledMenuItemText = styled("div")(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));
+var templateObject_1$J, templateObject_2$r, templateObject_3$i, templateObject_4$e, templateObject_5$b, templateObject_6$8;
 
 var Autocomplete = function (props) {
     var _a = props.multiple, multiple = _a === void 0 ? false : _a, _b = props.disableCloseOnSelect, disableCloseOnSelect = _b === void 0 ? multiple : _b, _c = props.getOptionLabel, getOptionLabel = _c === void 0 ? defaultGetOptionLabel : _c, _d = props.InputBaseProps, InputBaseProps = _d === void 0 ? {} : _d, _e = props.isOptionEqualToValue, isOptionEqualToValue = _e === void 0 ? defaultIsOptionEqualToValue : _e, _f = props.keepSearchOnSelect, keepSearchOnSelect = _f === void 0 ? false : _f, label = props.label, _g = props.loading, loading = _g === void 0 ? false : _g, _h = props.loadingText, loadingText = _h === void 0 ? "" : _h, _j = props.noOptionsText, noOptionsText = _j === void 0 ? "No options" : _j, _k = props.onInputChange, onInputChange = _k === void 0 ? noop : _k, _l = props.PaperComponent, PaperComponent = _l === void 0 ? StyledPaper$2 : _l, _m = props.renderOption, renderOption = _m === void 0 ? defaultRenderOption : _m, _o = props.renderTags, renderTags = _o === void 0 ? defaultRenderTags : _o, _p = props.search, search = _p === void 0 ? false : _p;
     var _q = useState(""), inputValue = _q[0], setInputValue = _q[1];
-    return (jsx(StyledAutocomplete$2, __assign({ clearOnBlur: false, disableCloseOnSelect: disableCloseOnSelect, disablePortal: true, renderTags: renderTags, loading: loading, loadingText: loadingText, noOptionsText: noOptionsText, PaperComponent: PaperComponent, renderOption: renderOption, getOptionLabel: getOptionLabel, isOptionEqualToValue: isOptionEqualToValue, inputValue: inputValue, renderInput: function (params) { return (jsx(InputBaseWrapper$2, { search: search, children: jsx(StyledMenuInputSearch$2, __assign({ id: "location-search", label: label, placeholder: label, ref: params.InputProps.ref, search: search, 
+    /**
+     * (masoudmanson): Using a custom Popper or Paper with the Autocomplete
+     * without a useCalback results in scroll jumps while selecting an option!
+     */
+    var defaultPopperComponent = useCallback(function (popperProps) {
+        return (jsx(Popper, __assign({ modifiers: [
+                {
+                    enabled: true,
+                    name: "offset",
+                    options: {
+                        offset: [0, 8],
+                    },
+                },
+            ] }, popperProps)));
+    }, []);
+    return (jsx(StyledAutocomplete$1, __assign({ clearOnBlur: false, disableCloseOnSelect: disableCloseOnSelect, disablePortal: true, renderTags: renderTags, loading: loading, loadingText: loadingText, noOptionsText: noOptionsText, PaperComponent: PaperComponent, PopperComponent: defaultPopperComponent, renderOption: renderOption, getOptionLabel: getOptionLabel, isOptionEqualToValue: isOptionEqualToValue, inputValue: inputValue, renderInput: function (params) { return (jsx(InputBaseWrapper$1, { search: search, children: jsx(StyledMenuInputSearch$1, __assign({ id: "location-search", label: label, placeholder: label, ref: params.InputProps.ref, search: search, 
                 // (masoudmanson): This prevents Backspace from deselecting selected dropdown options.
                 onKeyDown: function (event) {
                     if (event.key === "Backspace") {
@@ -3496,7 +3562,11 @@ var Autocomplete = function (props) {
                      * (thuang): Works with css caret-color: "transparent" to hide
                      * mobile keyboard
                      */
-                    inputMode: search ? "text" : "none" }, params.InputProps.ref), { endAdornment: (jsx(InputAdornment, { position: "end", children: jsx(ButtonIcon, { sdsType: "secondary", sdsSize: "small", sdsIcon: "search" }) })), inputProps: params.inputProps }) }, InputBaseProps)) })); } }, props, { onBlur: function (event) {
+                    inputMode: search ? "text" : "none" }, params.InputProps.ref), { endAdornment: (jsxs(StyledInputAdornment, { position: "end", children: [inputValue && (jsx(ButtonIcon, { "aria-label": "clear-button", className: "input-search-clear-icon", onClick: clearInput, sdsType: "primary", sdsSize: "small", sdsIconProps: {
+                                    sdsType: "iconButton",
+                                }, sdsIcon: "xMark" })), jsx(ButtonIcon, { "aria-label": "search-button", sdsType: "secondary", sdsSize: "small", sdsIconProps: {
+                                    sdsType: "interactive",
+                                }, sdsIcon: "search" })] })), inputProps: params.inputProps }) }, InputBaseProps)) })); } }, props, { onBlur: function (event) {
             var _a;
             setInputValue("");
             (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, event);
@@ -3521,6 +3591,15 @@ var Autocomplete = function (props) {
             if (onInputChange)
                 onInputChange(event, value, reason);
         } })));
+    function clearInput() {
+        setInputValue("");
+        /**
+         * (masoudmanson): Because we are manually firing this event,
+         * we must build a onChange event to transmit the updated value to onChange listeners.
+         */
+        if (onInputChange)
+            onInputChange({ target: { value: "" } }, "", "clear");
+    }
     function defaultGetOptionLabel(option) {
         if (typeof option === "object" && "name" in option)
             return option.name;
@@ -3541,7 +3620,7 @@ var Autocomplete = function (props) {
             MenuItemContent = component;
         }
         else {
-            MenuItemContent = (jsxs(StyledMenuItemText$1, { children: [menuItemLabel, details && (jsx(StyledMenuItemDetails$1, { className: "menuItem-details", children: details }))] }));
+            MenuItemContent = (jsxs(StyledMenuItemText, { children: [menuItemLabel, details && (jsx(StyledMenuItemDetails, { className: "menuItem-details", children: details }))] }));
         }
         return (jsx(MenuItem, __assign({ column: count, disabled: optionProps["aria-disabled"] === true, sdsIcon: sdsIcon, sdsIconProps: sdsIconProps, isMultiSelect: multiple, selected: selected }, optionProps, { children: MenuItemContent })));
     }
@@ -3583,12 +3662,12 @@ var secondary$1 = function (props) {
 var doNotForwardProps$i = ["sdsType", "textChild"];
 var StyledBanner = styled("div", {
     shouldForwardProp: function (prop) { return !doNotForwardProps$i.includes(prop); },
-})(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  height: 40px;\n  width: 100%;\n\n  ", "\n\n  ", "\n"], ["\n  display: flex;\n  align-items: center;\n  height: 40px;\n  width: 100%;\n\n  ", "\n\n  ", "\n"])), fontBodyS$2, function (props) {
+})(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  height: 40px;\n  width: 100%;\n\n  ", "\n\n  ", "\n"], ["\n  display: flex;\n  align-items: center;\n  height: 40px;\n  width: 100%;\n\n  ", "\n\n  ", "\n"])), fontBodyS$2, function (props) {
     var sdsType = props.sdsType;
     var typography = getTypography(props);
     return "\n      ".concat(sdsType === "primary" ? primary$1(props) : "", "\n      ").concat(sdsType === "secondary" ? secondary$1(props) : "", "\n      font-family: ").concat(typography === null || typography === void 0 ? void 0 : typography.fontFamily, ";\n    ");
 });
-var templateObject_1$I, templateObject_2$q, templateObject_3$h, templateObject_4$d, templateObject_5$b;
+var templateObject_1$I, templateObject_2$q, templateObject_3$h, templateObject_4$d, templateObject_5$a;
 
 var Banner = forwardRef(function Banner(props, ref) {
     var children = props.children, dismissed = props.dismissed, _a = props.dismissible, dismissible = _a === void 0 ? true : _a, onClose = props.onClose, sdsType = props.sdsType, rest = __rest(props, ["children", "dismissed", "dismissible", "onClose", "sdsType"]);
@@ -3644,17 +3723,17 @@ var minimal$2 = function (props) {
     return "\n    &:hover, &:focus-visible {\n      color: ".concat(colors === null || colors === void 0 ? void 0 : colors.primary[500], ";\n    }\n    &:active {\n      color: ").concat(colors === null || colors === void 0 ? void 0 : colors.primary[600], ";\n    }\n    &:disabled {\n      color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[400], ";\n    }\n\n    .MuiButton-startIcon {\n      margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;\n    }\n  ");
 };
 var PrimaryMinimalButton = styled(MinimalButton)(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), minimal$2);
-var SecondaryMinimalButton = styled(MinimalButton)(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n  ", "\n  color: #000;\n"], ["\n  ", "\n  color: #000;\n"])), minimal$2);
+var SecondaryMinimalButton = styled(MinimalButton)(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n  ", "\n  color: #000;\n"], ["\n  ", "\n  color: #000;\n"])), minimal$2);
 var StyledButton$1 = styled(Button$1, {
     shouldForwardProp: function (prop) { return !sdsPropNames$3.includes(prop); },
-})(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n  &:focus-visible {\n    outline: 5px auto Highlight;\n    outline: 5px auto -webkit-focus-ring-color;\n  }\n  ", "\n"], ["\n  &:focus-visible {\n    outline: 5px auto Highlight;\n    outline: 5px auto -webkit-focus-ring-color;\n  }\n  ", "\n"])), function (props) {
+})(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n  &:focus-visible {\n    outline: 5px auto Highlight;\n    outline: 5px auto -webkit-focus-ring-color;\n  }\n  ", "\n"], ["\n  &:focus-visible {\n    outline: 5px auto Highlight;\n    outline: 5px auto -webkit-focus-ring-color;\n  }\n  ", "\n"])), function (props) {
     if (!props.isRounded)
         return "";
     var corners = getCorners(props);
     var spacings = getSpaces(props);
     return "\n      border-radius: ".concat(corners === null || corners === void 0 ? void 0 : corners.l, "px;\n      padding: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xs, "px ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px;\n      min-width: 120px;\n      height: 34px;\n    ");
 });
-var templateObject_1$H, templateObject_2$p, templateObject_3$g, templateObject_4$c, templateObject_5$a, templateObject_6$8;
+var templateObject_1$H, templateObject_2$p, templateObject_3$g, templateObject_4$c, templateObject_5$9, templateObject_6$7;
 
 /**
  * @see https://mui.com/material-ui/react-button/
@@ -3804,25 +3883,25 @@ var tableStyles = function (props) {
     var spacings = getSpaces(props);
     return css$1(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["\n    padding: ", "px;\n  "], ["\n    padding: ", "px;\n  "])), spacings === null || spacings === void 0 ? void 0 : spacings.m);
 };
-var Subtitle$1 = styled("div")(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), fontHeaderXxs, function (props) {
+var Subtitle$1 = styled("div")(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), fontHeaderXxs, function (props) {
     var colors = getColors(props);
     return "\n      color: ".concat(colors === null || colors === void 0 ? void 0 : colors.gray["400"], ";\n    ");
 });
 var tooltipCss = function (props) {
     var inverted = props.inverted, sdsStyle = props.sdsStyle, width = props.width, followCursor = props.followCursor;
     var shadows = getShadows(props);
-    return css$1(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n    &.MuiTooltip-tooltip {\n      ", "\n      ", "\n\n      ", "\n\n      box-shadow: ", ";\n    }\n  "], ["\n    &.MuiTooltip-tooltip {\n      ", "\n      ", "\n\n      ", "\n\n      box-shadow: ", ";\n    }\n  "])), sdsStyle === "dark" || inverted ? dark(props) : light(props), width === "wide" && sdsStyle === "light" && wide(), followCursor === true && tableStyles(props), shadows === null || shadows === void 0 ? void 0 : shadows.m);
+    return css$1(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n    &.MuiTooltip-tooltip {\n      ", "\n      ", "\n\n      ", "\n\n      box-shadow: ", ";\n    }\n  "], ["\n    &.MuiTooltip-tooltip {\n      ", "\n      ", "\n\n      ", "\n\n      box-shadow: ", ";\n    }\n  "])), sdsStyle === "dark" || inverted ? dark(props) : light(props), width === "wide" && sdsStyle === "light" && wide(), followCursor === true && tableStyles(props), shadows === null || shadows === void 0 ? void 0 : shadows.m);
 };
 var arrowCss = function (props) {
     var inverted = props.inverted, sdsStyle = props.sdsStyle, arrowOffset = props.arrowOffset;
-    return css$1(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n    &.MuiTooltip-arrow {\n      /* (bethbertozzi): !important is needed to fight inline style */\n      left: ", "px !important;\n      color: ", ";\n      &:before {\n        box-sizing: border-box;\n        width: 12px;\n        height: 12px;\n      }\n    }\n  "], ["\n    &.MuiTooltip-arrow {\n      /* (bethbertozzi): !important is needed to fight inline style */\n      left: ", "px !important;\n      color: ", ";\n      &:before {\n        box-sizing: border-box;\n        width: 12px;\n        height: 12px;\n      }\n    }\n  "])), arrowOffset, inverted || sdsStyle === "dark" ? "black" : "white");
+    return css$1(templateObject_7$5 || (templateObject_7$5 = __makeTemplateObject(["\n    &.MuiTooltip-arrow {\n      /* (bethbertozzi): !important is needed to fight inline style */\n      left: ", "px !important;\n      color: ", ";\n      &:before {\n        box-sizing: border-box;\n        width: 12px;\n        height: 12px;\n      }\n    }\n  "], ["\n    &.MuiTooltip-arrow {\n      /* (bethbertozzi): !important is needed to fight inline style */\n      left: ", "px !important;\n      color: ", ";\n      &:before {\n        box-sizing: border-box;\n        width: 12px;\n        height: 12px;\n      }\n    }\n  "])), arrowOffset, inverted || sdsStyle === "dark" ? "black" : "white");
 };
 /*
  * (masoudmanson): !importants are needed to override arrow's
  * default placement which is calculated by javascript
  */
-var StyledPopper$1 = styled(Popper)(templateObject_8$3 || (templateObject_8$3 = __makeTemplateObject(["\n  &[data-popper-placement*=\"top\"] .MuiTooltip-arrow {\n    width: 24px !important;\n    height: 12px !important;\n    margin-bottom: -12px !important;\n    &:before {\n      transform: rotate(45deg) translate(0px, -2px);\n      border-bottom-right-radius: 2px;\n      box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1);\n    }\n  }\n\n  &[data-popper-placement*=\"bottom\"] .MuiTooltip-arrow {\n    width: 24px !important;\n    height: 12px !important;\n    margin-top: -12px !important;\n    &:before {\n      transform: rotate(45deg) translate(-1px, 2px);\n      border-top-left-radius: 2px;\n      box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.1);\n    }\n  }\n\n  &[data-popper-placement*=\"left\"] .MuiTooltip-arrow {\n    width: 12px !important;\n    height: 16px !important;\n    margin-right: -12px !important;\n    &:before {\n      transform: rotate(45deg) translate(-1px, 1px);\n      border-top-right-radius: 2px;\n      box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);\n    }\n  }\n\n  &[data-popper-placement*=\"right\"] .MuiTooltip-arrow {\n    width: 12px !important;\n    height: 16px !important;\n    margin-left: -12px !important;\n    &:before {\n      transform: rotate(45deg) translate(4px, 2px);\n      border-bottom-left-radius: 2px;\n      box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);\n    }\n  }\n"], ["\n  &[data-popper-placement*=\"top\"] .MuiTooltip-arrow {\n    width: 24px !important;\n    height: 12px !important;\n    margin-bottom: -12px !important;\n    &:before {\n      transform: rotate(45deg) translate(0px, -2px);\n      border-bottom-right-radius: 2px;\n      box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1);\n    }\n  }\n\n  &[data-popper-placement*=\"bottom\"] .MuiTooltip-arrow {\n    width: 24px !important;\n    height: 12px !important;\n    margin-top: -12px !important;\n    &:before {\n      transform: rotate(45deg) translate(-1px, 2px);\n      border-top-left-radius: 2px;\n      box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.1);\n    }\n  }\n\n  &[data-popper-placement*=\"left\"] .MuiTooltip-arrow {\n    width: 12px !important;\n    height: 16px !important;\n    margin-right: -12px !important;\n    &:before {\n      transform: rotate(45deg) translate(-1px, 1px);\n      border-top-right-radius: 2px;\n      box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);\n    }\n  }\n\n  &[data-popper-placement*=\"right\"] .MuiTooltip-arrow {\n    width: 12px !important;\n    height: 16px !important;\n    margin-left: -12px !important;\n    &:before {\n      transform: rotate(45deg) translate(4px, 2px);\n      border-bottom-left-radius: 2px;\n      box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);\n    }\n  }\n"])));
-var templateObject_1$E, templateObject_2$o, templateObject_3$f, templateObject_4$b, templateObject_5$9, templateObject_6$7, templateObject_7$6, templateObject_8$3;
+var StyledPopper$1 = styled(Popper)(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject(["\n  &[data-popper-placement*=\"top\"] .MuiTooltip-arrow {\n    width: 24px !important;\n    height: 12px !important;\n    margin-bottom: -12px !important;\n    &:before {\n      transform: rotate(45deg) translate(0px, -2px);\n      border-bottom-right-radius: 2px;\n      box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1);\n    }\n  }\n\n  &[data-popper-placement*=\"bottom\"] .MuiTooltip-arrow {\n    width: 24px !important;\n    height: 12px !important;\n    margin-top: -12px !important;\n    &:before {\n      transform: rotate(45deg) translate(-1px, 2px);\n      border-top-left-radius: 2px;\n      box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.1);\n    }\n  }\n\n  &[data-popper-placement*=\"left\"] .MuiTooltip-arrow {\n    width: 12px !important;\n    height: 16px !important;\n    margin-right: -12px !important;\n    &:before {\n      transform: rotate(45deg) translate(-1px, 1px);\n      border-top-right-radius: 2px;\n      box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);\n    }\n  }\n\n  &[data-popper-placement*=\"right\"] .MuiTooltip-arrow {\n    width: 12px !important;\n    height: 16px !important;\n    margin-left: -12px !important;\n    &:before {\n      transform: rotate(45deg) translate(4px, 2px);\n      border-bottom-left-radius: 2px;\n      box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);\n    }\n  }\n"], ["\n  &[data-popper-placement*=\"top\"] .MuiTooltip-arrow {\n    width: 24px !important;\n    height: 12px !important;\n    margin-bottom: -12px !important;\n    &:before {\n      transform: rotate(45deg) translate(0px, -2px);\n      border-bottom-right-radius: 2px;\n      box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1);\n    }\n  }\n\n  &[data-popper-placement*=\"bottom\"] .MuiTooltip-arrow {\n    width: 24px !important;\n    height: 12px !important;\n    margin-top: -12px !important;\n    &:before {\n      transform: rotate(45deg) translate(-1px, 2px);\n      border-top-left-radius: 2px;\n      box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.1);\n    }\n  }\n\n  &[data-popper-placement*=\"left\"] .MuiTooltip-arrow {\n    width: 12px !important;\n    height: 16px !important;\n    margin-right: -12px !important;\n    &:before {\n      transform: rotate(45deg) translate(-1px, 1px);\n      border-top-right-radius: 2px;\n      box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);\n    }\n  }\n\n  &[data-popper-placement*=\"right\"] .MuiTooltip-arrow {\n    width: 12px !important;\n    height: 16px !important;\n    margin-left: -12px !important;\n    &:before {\n      transform: rotate(45deg) translate(4px, 2px);\n      border-bottom-left-radius: 2px;\n      box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);\n    }\n  }\n"])));
+var templateObject_1$E, templateObject_2$o, templateObject_3$f, templateObject_4$b, templateObject_5$8, templateObject_6$6, templateObject_7$5, templateObject_8$2;
 
 /**
  * @see https://mui.com/material-ui/react-tooltip/
@@ -3931,7 +4010,7 @@ var StyledCellIconWrapper = styled("div", {
 });
 var PrimaryText = styled("span", {
     shouldForwardProp: function (prop) { return !doNotForwardProps$g.includes(prop); },
-})(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), fontBodyS$2, function (props) {
+})(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), fontBodyS$2, function (props) {
     var _a = props.primaryTextWrapLineCount, primaryTextWrapLineCount = _a === void 0 ? 3 : _a;
     return "\n      display: block;\n      line-height: 20px;\n      ".concat(props.shouldTextWrap
         ? ShouldWrap(primaryTextWrapLineCount)
@@ -3939,7 +4018,7 @@ var PrimaryText = styled("span", {
 });
 var SecondaryText = styled("span", {
     shouldForwardProp: function (prop) { return !doNotForwardProps$g.includes(prop); },
-})(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), fontBodyXxs$1, function (props) {
+})(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), fontBodyXxs$1, function (props) {
     var _a = props.secondaryTextWrapLineCount, secondaryTextWrapLineCount = _a === void 0 ? 1 : _a;
     var colors = getColors(props);
     var spaces = getSpaces(props);
@@ -3949,7 +4028,7 @@ var SecondaryText = styled("span", {
 });
 var TertiaryText = styled("span", {
     shouldForwardProp: function (prop) { return !doNotForwardProps$g.includes(prop); },
-})(templateObject_7$5 || (templateObject_7$5 = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), fontBodyXxs$1, function (props) {
+})(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), fontBodyXxs$1, function (props) {
     var _a = props.tertiaryTextWrapLineCount, tertiaryTextWrapLineCount = _a === void 0 ? 1 : _a;
     var colors = getColors(props);
     var spaces = getSpaces(props);
@@ -3957,7 +4036,7 @@ var TertiaryText = styled("span", {
         ? ShouldWrap(tertiaryTextWrapLineCount)
         : ShouldTruncate(), "\n    ");
 });
-var templateObject_1$D, templateObject_2$n, templateObject_3$e, templateObject_4$a, templateObject_5$8, templateObject_6$6, templateObject_7$5;
+var templateObject_1$D, templateObject_2$n, templateObject_3$e, templateObject_4$a, templateObject_5$7, templateObject_6$5, templateObject_7$4;
 
 var CellBasicContent = function (props) {
     var primaryText = props.primaryText, primaryTextWrapLineCount = props.primaryTextWrapLineCount, secondaryText = props.secondaryText, secondaryTextWrapLineCount = props.secondaryTextWrapLineCount, tertiaryText = props.tertiaryText, tertiaryTextWrapLineCount = props.tertiaryTextWrapLineCount, _a = props.shouldTextWrap, shouldTextWrap = _a === void 0 ? true : _a, icon = props.icon, iconVerticalAlign = props.iconVerticalAlign;
@@ -4120,7 +4199,7 @@ function createStatusCss(props, status) {
         },
     };
     var statusColors = statusToColors[status];
-    return css(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n    background-color: ", ";\n\n    .MuiChip-label {\n      color: ", ";\n    }\n  "], ["\n    background-color: ", ";\n\n    .MuiChip-label {\n      color: ", ";\n    }\n  "])), statusColors.light, statusColors.dark);
+    return css(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n    background-color: ", ";\n\n    .MuiChip-label {\n      color: ", ";\n    }\n  "], ["\n    background-color: ", ";\n\n    .MuiChip-label {\n      color: ", ";\n    }\n  "])), statusColors.light, statusColors.dark);
 }
 var statusToCss = {
     beta: beta,
@@ -4133,11 +4212,11 @@ var statusToCss = {
 var doNotForwardProps$d = ["isRounded"];
 var StyledChip = styled(Chip$1, {
     shouldForwardProp: function (prop) { return !doNotForwardProps$d.includes(prop); },
-})(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n  border: none;\n\n  ", "\n"], ["\n  border: none;\n\n  ", "\n"])), function (props) {
+})(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n  border: none;\n\n  ", "\n"], ["\n  border: none;\n\n  ", "\n"])), function (props) {
     var size = props.size, status = props.status, isRounded = props.isRounded;
-    return css(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n    "], ["\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n    "])), isRounded && rounded$2(props), !isRounded && square$2(props), size === "small" && small(props), size === "medium" && medium(props), status && statusToCss[status](props));
+    return css(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n    "], ["\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n    "])), isRounded && rounded$2(props), !isRounded && square$2(props), size === "small" && small(props), size === "medium" && medium(props), status && statusToCss[status](props));
 });
-var templateObject_1$A, templateObject_2$k, templateObject_3$b, templateObject_4$9, templateObject_5$7, templateObject_6$5, templateObject_7$4;
+var templateObject_1$A, templateObject_2$k, templateObject_3$b, templateObject_4$9, templateObject_5$6, templateObject_6$4, templateObject_7$3;
 
 /**
  * @see https://mui.com/material-ui/react-chip/
@@ -4157,47 +4236,23 @@ var doNotForwardProps$c = [
     "keepSearchOnSelect",
     "search",
     "InputBaseProps",
-    "hasSections",
     "title",
     "PopperBaseProps",
     "onClickAway",
     "ClickAwayListenerProps",
 ];
-var StyledAutocomplete$1 = styled(Autocomplete$1, {
-    shouldForwardProp: function (prop) { return !doNotForwardProps$c.includes(prop); },
-})(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n  + .MuiAutocomplete-popper\n    > .MuiAutocomplete-paper\n    .MuiAutocomplete-groupLabel {\n    ", "\n  }\n\n  ", "\n"], ["\n  + .MuiAutocomplete-popper\n    > .MuiAutocomplete-paper\n    .MuiAutocomplete-groupLabel {\n    ", "\n  }\n\n  ", "\n"])), fontCapsXxxxs, function (props) {
-    var search = props.search, title = props.title, hasSections = props.hasSections;
-    var spacings = getSpaces(props);
-    var colors = getColors(props);
-    var borders = getBorders(props);
-    return "\n      ".concat(!search && "height: 0", ";\n\n      .MuiOutlinedInput-root.MuiInputBase-formControl.MuiInputBase-adornedEnd {\n        padding: 0 ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px 0 0;\n\n        .MuiAutocomplete-input {\n          padding: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xs, "px ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px;\n        }\n      }\n\n      & + .MuiAutocomplete-popper {\n        position: relative !important;\n        transform: none !important;\n        width: 100% !important;\n      }\n\n      & + .MuiAutocomplete-popper > .MuiAutocomplete-paper {\n\n      ").concat(search || title || hasSections
-        ? "padding-left: ".concat(spacings === null || spacings === void 0 ? void 0 : spacings.s, "px !important;")
-        : "", "\n\n      .MuiAutocomplete-listbox {\n        max-height: 40vh;\n        padding-top: 0;\n        padding-bottom: 0;\n\n        ").concat(search || title || hasSections
-        ? "padding-right: ".concat(spacings === null || spacings === void 0 ? void 0 : spacings.s, "px;")
-        : "", "\n\n        .MuiAutocomplete-option {\n          min-height: unset;\n        }\n\n        .MuiAutocomplete-option.Mui-focused {\n          background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[100], ";\n        }\n\n        .MuiAutocomplete-option[aria-selected=\"true\"] {\n          background-color: white;\n        }\n\n        .MuiAutocomplete-option[aria-disabled=\"true\"] {\n          opacity: 1;\n        }\n\n        .MuiAutocomplete-option[aria-selected=\"true\"].Mui-focused {\n          background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[100], ";\n        }\n\n        & > li:last-child .MuiAutocomplete-groupUl {\n          border-bottom: none;\n          margin-bottom: 0;\n        }\n      }\n\n      .MuiAutocomplete-groupLabel {\n        top: 0;\n        color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[500], ";\n        padding: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xxs, "px 0 ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xxs, "px 0;\n      }\n\n      .MuiAutocomplete-groupUl {\n        margin-bottom: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.m, "px;\n        position: relative;\n        padding: 0 0 ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xs, "px 0 0;\n        border-bottom: ").concat(borders === null || borders === void 0 ? void 0 : borders.gray[200], ";\n\n        & li:last-of-type {\n          position: relative;\n          margin-bottom: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xxs, "px;\n        }\n      }\n    ");
-});
-var InputBaseWrapper$1 = styled("div", {
-    shouldForwardProp: function (prop) { return !doNotForwardProps$c.includes(prop); },
-})(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
-    var search = props.search;
-    if (!search) {
-        // (thuang): We cannot use `display: none;` here, since
-        // the component needs to be in the DOM to handle backdrop
-        // click to close the menu
-        return "\n        border: 0;\n        padding: 0;\n\n        white-space: nowrap;\n\n        clip-path: inset(100%);\n        clip: rect(0 0 0 0);\n        overflow: hidden;\n        margin: 0;\n      ";
-    }
-    var spacings = getSpaces(props);
-    return "\n      margin: ".concat(spacings === null || spacings === void 0 ? void 0 : spacings.s, "px;\n    ");
-});
-var StyledMenuInputSearch$1 = styled(InputSearch, {
-    shouldForwardProp: function (prop) { return !doNotForwardProps$c.includes(prop); },
-})(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n  margin: 0;\n  .MuiInputBase-root {\n    width: 100%;\n  }\n  /* (thuang): Works with attribute inputMode: \"none\" to hide mobile keyboard */\n  caret-color: ", ";\n"], ["\n  margin: 0;\n  .MuiInputBase-root {\n    width: 100%;\n  }\n  /* (thuang): Works with attribute inputMode: \"none\" to hide mobile keyboard */\n  caret-color: ", ";\n"])), function (_a) {
-    var search = _a.search;
-    return (search ? "auto" : "transparent");
-});
+// export const StyledAutocomplete = styled(Autocomplete, {
+//   shouldForwardProp: (prop: string) => !doNotForwardProps.includes(prop),
+// })`
+//   ${(props: StyleProps) => {
+//     const spacings = getSpaces(props);
+//     return `
+//     `;
+//   }}
+// ` as typeof Autocomplete;
 var StyledHeaderTitle = styled("div", {
     shouldForwardProp: function (prop) { return !doNotForwardProps$c.includes(prop); },
-})(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), fontHeaderXs, function (props) {
+})(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), fontHeaderXs, function (props) {
     var search = props.search;
     var typography = getTypography(props);
     var spacings = getSpaces(props);
@@ -4207,24 +4262,33 @@ var StyledPopper = styled(Popper, {
     shouldForwardProp: function (prop) {
         return !doNotForwardProps$c.includes(prop) || prop === "anchorEl";
     },
-})(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n  .MuiAutocomplete-popperDisablePortal {\n    position: relative;\n    width: 100% !important;\n    box-shadow: none;\n    padding: 0;\n    border: none;\n  }\n\n  ", "\n"], ["\n  .MuiAutocomplete-popperDisablePortal {\n    position: relative;\n    width: 100% !important;\n    box-shadow: none;\n    padding: 0;\n    border: none;\n  }\n\n  ", "\n"])), function (props) {
+})(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n  .MuiAutocomplete-popperDisablePortal {\n    position: relative;\n    width: 100% !important;\n    box-shadow: none;\n    padding: 0;\n    border: none;\n  }\n\n  ", "\n"], ["\n  .MuiAutocomplete-popperDisablePortal {\n    position: relative;\n    width: 100% !important;\n    box-shadow: none;\n    padding: 0;\n    border: none;\n  }\n\n  ", "\n"])), function (props) {
     var borders = getBorders(props);
     var corners = getCorners(props);
     var shadows = getShadows(props);
     var spacings = getSpaces(props);
     return "\n      background-color: white;\n      border: ".concat(borders === null || borders === void 0 ? void 0 : borders.gray[100], ";\n      border-radius: ").concat(corners === null || corners === void 0 ? void 0 : corners.m, "px;\n      box-shadow: ").concat(shadows === null || shadows === void 0 ? void 0 : shadows.m, ";\n      padding: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xs, "px;\n      box-sizing: border-box;\n      z-index: 1400;\n    ");
 });
-var StyledPaper$1 = styled(Paper)(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n  box-shadow: none;\n  margin: 0;\n  border-radius: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n"], ["\n  box-shadow: none;\n  margin: 0;\n  border-radius: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n"])));
-var StyledMenuItemDetails = styled("div")(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), fontBodyXxs$1, function (props) {
-    var colors = getColors(props);
-    return "\n      color: ".concat(colors === null || colors === void 0 ? void 0 : colors.gray[500], ";\n      white-space: pre-wrap;\n    ");
+var StyledPaper$1 = styled(Paper, {
+    shouldForwardProp: function (prop) { return !doNotForwardProps$c.includes(prop); },
+})(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+    var title = props.title;
+    var spacings = getSpaces(props);
+    return "\n      box-shadow: none;\n      margin: 0;\n      border-radius: 0;\n      padding-top: 0;\n      padding-bottom: 0;\n      ".concat(title ? "padding-left: ".concat(spacings === null || spacings === void 0 ? void 0 : spacings.s, "px !important;") : "", "\n    ");
 });
-var StyledMenuItemText = styled("div")(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));
-var templateObject_1$z, templateObject_2$j, templateObject_3$a, templateObject_4$8, templateObject_5$6, templateObject_6$4, templateObject_7$3, templateObject_8$2;
+var StyledAutocompletePopper = styled(Popper)(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n  position: relative !important;\n  transform: none !important;\n  width: 100% !important;\n  box-shadow: none;\n  padding: 0;\n  border: none;\n"], ["\n  position: relative !important;\n  transform: none !important;\n  width: 100% !important;\n  box-shadow: none;\n  padding: 0;\n  border: none;\n"])));
+var templateObject_1$z, templateObject_2$j, templateObject_3$a, templateObject_4$8;
 
 var DropdownMenu = function (props) {
-    var _a = props.multiple, multiple = _a === void 0 ? false : _a, anchorEl = props.anchorEl, _b = props.disableCloseOnSelect, disableCloseOnSelect = _b === void 0 ? multiple : _b, _c = props.getOptionLabel, getOptionLabel = _c === void 0 ? defaultGetOptionLabel : _c, id = props.id, _d = props.InputBaseProps, InputBaseProps = _d === void 0 ? {} : _d, _e = props.isOptionEqualToValue, isOptionEqualToValue = _e === void 0 ? defaultIsOptionEqualToValue : _e, _f = props.keepSearchOnSelect, keepSearchOnSelect = _f === void 0 ? true : _f, _g = props.loading, loading = _g === void 0 ? false : _g, _h = props.loadingText, loadingText = _h === void 0 ? "" : _h, _j = props.noOptionsText, noOptionsText = _j === void 0 ? "No options" : _j, _k = props.onInputChange, onInputChange = _k === void 0 ? noop : _k, _l = props.open, open = _l === void 0 ? false : _l, _m = props.PaperComponent, PaperComponent = _m === void 0 ? StyledPaper$1 : _m, _o = props.PopperComponent, PopperComponent = _o === void 0 ? StyledPopper : _o, _p = props.PopperBaseProps, PopperBaseProps = _p === void 0 ? {} : _p, _q = props.renderOption, renderOption = _q === void 0 ? defaultRenderOption : _q, _r = props.renderTags, renderTags = _r === void 0 ? defaultRenderTags : _r, _s = props.search, search = _s === void 0 ? false : _s, title = props.title, children = props.children, onClickAway = props.onClickAway, ClickAwayListenerProps = props.ClickAwayListenerProps;
-    var _t = useState(""), inputValue = _t[0], setInputValue = _t[1];
+    var anchorEl = props.anchorEl, id = props.id, _a = props.InputBaseProps, InputBaseProps = _a === void 0 ? {
+        autoFocus: true,
+        sx: {
+            padding: "8px",
+        },
+    } : _a, _b = props.open, open = _b === void 0 ? false : _b, _c = props.PaperComponent, PaperComponent = _c === void 0 ? StyledPaper$1 : _c, _d = props.PopperComponent, PopperComponent = _d === void 0 ? StyledPopper : _d, _e = props.PopperPlacement, PopperPlacement = _e === void 0 ? "bottom-start" : _e, _f = props.PopperBaseProps, PopperBaseProps = _f === void 0 ? {} : _f, _g = props.search, search = _g === void 0 ? false : _g, title = props.title, _h = props.label, label = _h === void 0 ? "Search" : _h, children = props.children, onClickAway = props.onClickAway, ClickAwayListenerProps = props.ClickAwayListenerProps, rest = __rest(props, ["anchorEl", "id", "InputBaseProps", "open", "PaperComponent", "PopperComponent", "PopperPlacement", "PopperBaseProps", "search", "title", "label", "children", "onClickAway", "ClickAwayListenerProps"]);
+    var defaultPopperComponent = useCallback(function (popperProps) {
+        return jsx(StyledAutocompletePopper, __assign({}, popperProps));
+    }, []);
     return (jsx(PopperComponent, __assign({ id: id, modifiers: [
             {
                 name: "offset",
@@ -4232,54 +4296,7 @@ var DropdownMenu = function (props) {
                     offset: [0, 8],
                 },
             },
-        ], open: open, anchorEl: anchorEl, placement: "bottom-start" }, PopperBaseProps, { children: jsx(ClickAwayListener, __assign({ onClickAway: onClickAway }, ClickAwayListenerProps, { children: jsxs("div", { children: [title && (jsx(StyledHeaderTitle, { search: search, children: title })), jsx(StyledAutocomplete$1, __assign({ clearOnBlur: false, disableCloseOnSelect: disableCloseOnSelect, disablePortal: true, renderTags: renderTags, loading: loading, loadingText: loadingText, noOptionsText: noOptionsText, PaperComponent: PaperComponent, renderOption: renderOption, getOptionLabel: getOptionLabel, isOptionEqualToValue: isOptionEqualToValue, inputValue: inputValue, renderInput: function (params) { return (jsx(InputBaseWrapper$1, { search: search, children: jsx(StyledMenuInputSearch$1, __assign({ id: "location-search", label: "Search for a location", placeholder: "Search", ref: params.InputProps.ref, search: search, 
-                                // eslint-disable-next-line jsx-a11y/no-autofocus
-                                autoFocus: true, 
-                                // (masoudmanson): This prevents Backspace from deselecting selected dropdown options.
-                                onKeyDown: function (event) {
-                                    if (event.key === "Backspace") {
-                                        event.stopPropagation();
-                                    }
-                                }, InputProps: __assign(__assign({ 
-                                    /**
-                                     * (thuang): Works with css caret-color: "transparent" to hide
-                                     * mobile keyboard
-                                     */
-                                    inputMode: search ? "text" : "none" }, params.InputProps.ref), { endAdornment: (jsx(InputAdornment, { position: "end", children: jsx(ButtonIcon, { sdsType: "secondary", sdsSize: "small", sdsIcon: "search" }) })), inputProps: params.inputProps }) }, InputBaseProps)) })); } }, props, { onInputChange: function (event, value, reason) {
-                            if (event && event.type === "blur") {
-                                setInputValue("");
-                            }
-                            else if (reason !== "reset" ||
-                                (reason === "reset" && !keepSearchOnSelect)) {
-                                setInputValue(value);
-                            }
-                            if (onInputChange)
-                                onInputChange(event, value, reason);
-                        } })), children] }) })) })));
-    function defaultGetOptionLabel(option) {
-        if (typeof option === "object" && "name" in option)
-            return option.name;
-        return option.toString();
-    }
-    function defaultIsOptionEqualToValue(option, val) {
-        return option.name === val.name;
-    }
-    function defaultRenderTags() {
-        return null;
-    }
-    function defaultRenderOption(optionProps, option, _a) {
-        var selected = _a.selected;
-        var MenuItemContent;
-        var component = option.component, details = option.details, count = option.count, sdsIcon = option.sdsIcon, sdsIconProps = option.sdsIconProps;
-        var label = getOptionLabel(option);
-        if (component) {
-            MenuItemContent = component;
-        }
-        else {
-            MenuItemContent = (jsxs(StyledMenuItemText, { children: [label, details && (jsx(StyledMenuItemDetails, { className: "menuItem-details", children: details }))] }));
-        }
-        return (jsx(MenuItem, __assign({ column: count, disabled: optionProps["aria-disabled"] === true, sdsIcon: sdsIcon, sdsIconProps: sdsIconProps, isMultiSelect: multiple, selected: selected }, optionProps, { children: MenuItemContent })));
-    }
+        ], open: open, anchorEl: anchorEl }, PopperBaseProps, { placement: PopperPlacement, children: jsx(ClickAwayListener, __assign({ onClickAway: onClickAway }, ClickAwayListenerProps, { children: jsxs("div", { children: [title && (jsx(StyledHeaderTitle, { search: search, children: title })), jsx(Autocomplete, __assign({ label: label, search: search, InputBaseProps: InputBaseProps, PaperComponent: useCallback(function (paperComponentProps) { return (jsx(PaperComponent, __assign({ search: search, title: title }, paperComponentProps))); }, [PaperComponent, search, title]), open: open }, rest, { PopperComponent: defaultPopperComponent })), children] }) })) })));
 };
 
 var labelFontBodyS = fontBody("s");
@@ -4842,12 +4859,12 @@ var Dropdown = function (_a) {
     var _q = useState([]), pendingValue = _q[0], setPendingValue = _q[1];
     useEffect(function () {
         onChange(value);
-    }, [value]);
+    }, [onChange, value]);
     useEffect(function () {
         if (isControlled) {
             setValue(propValue);
         }
-    }, [propValue]);
+    }, [isControlled, propValue]);
     var _r = useState(false), open = _r[0], setOpen = _r[1];
     var shouldShowButtons = buttons && !isTriggerChangeOnOptionClick && multiple;
     return (jsxs(Fragment, { children: [jsx(InputDropdownComponent, __assign({ disabled: disabled, label: label, onClick: handleClick, sdsStage: open ? "userInput" : "default" }, InputDropdownProps, rest)), jsx(DropdownMenu, __assign({ anchorEl: anchorEl, open: open, search: search, onClose: handleClose, multiple: multiple, value: (multiple ? pendingValue : value), onChange: handleChange, disableCloseOnSelect: multiple, PopperComponent: PopperComponent, PopperBaseProps: { sx: { minWidth: 250 } }, options: options, onClickAway: handleClickAway }, DropdownMenuProps, { children: shouldShowButtons ? (jsx("div", { children: buttonPosition === "left" ? (jsxs("div", { children: [jsx(StyledButton, { onClick: handleClose, sdsStyle: "square", sdsType: "primary", children: "Apply" }), jsx(StyledButton, { onClick: handleCancel, sdsStyle: "square", sdsType: "secondary", children: "Cancel" })] })) : (jsxs("div", { children: [jsx(StyledButton, { onClick: handleCancel, sdsStyle: "square", sdsType: "secondary", children: "Cancel" }), jsx(StyledButton, { onClick: handleClose, sdsStyle: "square", sdsType: "primary", children: "Apply" })] })) })) : null }))] }));
@@ -5014,24 +5031,21 @@ var templateObject_1$o, templateObject_2$c;
  */
 var InputCheckbox = function (props) {
     var caption = props.caption, checkboxProps = props.checkboxProps, disabled = props.disabled, label = props.label, stage = props.stage, value = props.value, rest = __rest(props, ["caption", "checkboxProps", "disabled", "label", "stage", "value"]);
-    if (label === undefined || stage !== undefined) {
-        var newProps = void 0;
-        switch (stage) {
-            case "checked":
-                newProps = __assign(__assign({}, props), { checked: true, color: "primary" });
-                break;
-            case "unchecked":
-                newProps = __assign(__assign({}, props), { checked: false, color: "default" });
-                break;
-            case "indeterminate":
-                newProps = __assign(__assign({}, props), { checked: true, color: "primary", indeterminate: true });
-                break;
-            default:
-                newProps = props;
-        }
-        return (jsx(StyledCheckbox, __assign({}, newProps, { checkedIcon: jsx(SvgIcon, { fillcontrast: "white", component: SvgIconCheckboxChecked, viewBox: "0 0 16 16" }), icon: jsx(SvgIcon, { fillcontrast: "white", component: SvgIconCheckboxUnchecked, viewBox: "0 0 16 16" }), indeterminateIcon: jsx(SvgIcon, { fillcontrast: "white", component: SvgIconCheckboxIndeterminate, viewBox: "0 0 16 16" }) })));
+    var newProps;
+    switch (stage) {
+        case "checked":
+            newProps = __assign(__assign({}, rest), { checked: true, color: "primary" });
+            break;
+        case "unchecked":
+            newProps = __assign(__assign({}, rest), { checked: false, color: "default" });
+            break;
+        case "indeterminate":
+            newProps = __assign(__assign({}, rest), { checked: true, color: "primary", indeterminate: true });
+            break;
+        default:
+            newProps = rest;
     }
-    return (jsx(StyledFormControlLabel$1, { caption: caption, control: jsx(StyledCheckbox, __assign({ disabled: disabled, checkedIcon: jsx(SvgIcon, { fillcontrast: "white", component: SvgIconCheckboxChecked, viewBox: "0 0 16 16" }), icon: jsx(SvgIcon, { fillcontrast: "white", component: SvgIconCheckboxUnchecked, viewBox: "0 0 16 16" }), indeterminateIcon: jsx(SvgIcon, { fillcontrast: "white", component: SvgIconCheckboxIndeterminate, viewBox: "0 0 16 16" }) }, checkboxProps, rest)), label: label, value: value, children: jsx("div", { children: "Content" }) }));
+    return (jsx(StyledFormControlLabel$1, { caption: caption, control: jsx(StyledCheckbox, __assign({ disabled: disabled, checkedIcon: jsx(SvgIcon, { fillcontrast: "white", component: SvgIconCheckboxChecked, viewBox: "0 0 16 16" }), icon: jsx(SvgIcon, { fillcontrast: "white", component: SvgIconCheckboxUnchecked, viewBox: "0 0 16 16" }), indeterminateIcon: jsx(SvgIcon, { fillcontrast: "white", component: SvgIconCheckboxIndeterminate, viewBox: "0 0 16 16" }) }, checkboxProps, newProps)), label: label, value: value }));
 };
 
 var _path$1, _path2$1;