@7shifts/sous-chef 1.5.7 → 2.1.0

package/dist/index.modern.js

@@ -10,336 +10,6 @@ import startOfDay from 'date-fns/startOfDay';
 import eachDayOfInterval from 'date-fns/eachDayOfInterval';
 import ReactModal from 'react-modal';
 
-var ICON_SIZES = {
-  small: '12px',
-  medium: '16px',
-  "default": '20px',
-  large: '24px'
-};
-
-var getIconStyles = function getIconStyles(size, rotate) {
-  return {
-    width: ICON_SIZES[size],
-    height: ICON_SIZES[size],
-    transform: rotate && "rotate(" + rotate + "deg)",
-    verticalAlign: 'middle'
-  };
-};
-
-var styles = {"icon":"_f-GkY"};
-
-var IconArrowDown = function IconArrowDown(_ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'default' : _ref$size,
-      color = _ref.color,
-      rotate = _ref.rotate,
-      _ref$dataTestId = _ref.dataTestId,
-      dataTestId = _ref$dataTestId === void 0 ? 'icon-arrow-down' : _ref$dataTestId;
-  return React__default.createElement("svg", {
-    viewBox: "0 0 448 512",
-    xmlns: "http://www.w3.org/2000/svg",
-    style: getIconStyles(size, rotate),
-    "data-testid": dataTestId,
-    className: styles['icon']
-  }, React__default.createElement("path", {
-    fill: color != null ? color : '',
-    d: "M443.5 248.5l-7.1-7.1c-4.7-4.7-12.3-4.7-17 0L241 419.9V44c0-6.6-5.4-12-12-12h-10c-6.6 0-12 5.4-12 12v375.9L28.5 241.4c-4.7-4.7-12.3-4.7-17 0l-7.1 7.1c-4.7 4.7-4.7 12.3 0 17l211 211.1c4.7 4.7 12.3 4.7 17 0l211-211.1c4.8-4.8 4.8-12.3.1-17z"
-  }));
-};
-
-var IconArrowLeft = function IconArrowLeft(props) {
-  return React__default.createElement(IconArrowDown, Object.assign({}, props, {
-    rotate: 90,
-    dataTestId: "icon-arrow-left"
-  }));
-};
-
-var IconArrowRight = function IconArrowRight(props) {
-  return React__default.createElement(IconArrowDown, Object.assign({}, props, {
-    rotate: -90,
-    dataTestId: "icon-arrow-right"
-  }));
-};
-
-var IconArrowUp = function IconArrowUp(props) {
-  return React__default.createElement(IconArrowDown, Object.assign({}, props, {
-    rotate: 180,
-    dataTestId: "icon-arrow-up"
-  }));
-};
-
-var IconCalendar = function IconCalendar(_ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'default' : _ref$size,
-      color = _ref.color;
-  return React__default.createElement("svg", {
-    viewBox: "0 0 30 30",
-    xmlns: "http://www.w3.org/2000/svg",
-    style: getIconStyles(size),
-    "data-testid": "icon-calendar",
-    className: styles['icon']
-  }, React__default.createElement("g", null, React__default.createElement("path", {
-    fill: color != null ? color : '',
-    d: "M25.214 3.75H22.43V.703A.702.702 0 0 0 21.732 0h-.464a.702.702 0 0 0-.697.703V3.75H9.43V.703A.702.702 0 0 0 8.732 0h-.464a.702.702 0 0 0-.697.703V3.75H4.786C3.248 3.75 2 5.01 2 6.563v20.625C2 28.74 3.248 30 4.786 30h20.428C26.752 30 28 28.74 28 27.187V6.563c0-1.552-1.248-2.812-2.786-2.812zM4.786 5.625h20.428c.511 0 .929.422.929.938v2.812H3.857V6.562c0-.515.418-.937.929-.937zm20.428 22.5H4.786a.936.936 0 0 1-.929-.938V11.25h22.286v15.938a.936.936 0 0 1-.929.937zM10.59 18.75H8.268a.702.702 0 0 1-.697-.703v-2.344c0-.387.314-.703.697-.703h2.321c.383 0 .697.316.697.703v2.344a.702.702 0 0 1-.697.703zm5.572 0h-2.322a.702.702 0 0 1-.696-.703v-2.344c0-.387.313-.703.696-.703h2.322c.383 0 .696.316.696.703v2.344a.702.702 0 0 1-.696.703zm5.571 0h-2.321a.702.702 0 0 1-.697-.703v-2.344c0-.387.314-.703.697-.703h2.321c.383 0 .697.316.697.703v2.344a.702.702 0 0 1-.697.703zm-5.571 5.625h-2.322a.702.702 0 0 1-.696-.703v-2.344c0-.387.313-.703.696-.703h2.322c.383 0 .696.316.696.703v2.344a.702.702 0 0 1-.696.703zm-5.572 0H8.268a.702.702 0 0 1-.697-.703v-2.344c0-.387.314-.703.697-.703h2.321c.383 0 .697.316.697.703v2.344a.702.702 0 0 1-.697.703zm11.143 0h-2.321a.702.702 0 0 1-.697-.703v-2.344c0-.387.314-.703.697-.703h2.321c.383 0 .697.316.697.703v2.344a.702.702 0 0 1-.697.703z"
-  })));
-};
-
-var IconCheck = function IconCheck(_ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'default' : _ref$size,
-      color = _ref.color;
-  return React__default.createElement("svg", {
-    viewBox: "0 0 20 20",
-    xmlns: "http://www.w3.org/2000/svg",
-    style: getIconStyles(size),
-    "data-testid": "icon-check",
-    className: styles['icon']
-  }, React__default.createElement("g", null, React__default.createElement("path", {
-    fill: color != null ? color : '',
-    d: "M7.32398 16.832C6.99989 17.1535 6.47654 17.1514 6.15507 16.8273L0.239745 10.8642C-0.0817202 10.5401 -0.0796538 10.0168 0.244429 9.69531L0.831292 9.1132C1.15538 8.79173 1.67873 8.7938 2.0002 9.11788L6.7513 13.9074L18.0092 2.73975C18.3333 2.41828 18.8567 2.42035 19.1781 2.74443L19.7602 3.33129C20.0818 3.65538 20.0796 4.17873 19.7555 4.5002L7.32398 16.832Z"
-  })));
-};
-
-var IconChevronDown = function IconChevronDown(_ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'small' : _ref$size,
-      color = _ref.color,
-      rotate = _ref.rotate,
-      _ref$dataTestId = _ref.dataTestId,
-      dataTestId = _ref$dataTestId === void 0 ? 'icon-chevron-down' : _ref$dataTestId;
-  return React__default.createElement("svg", {
-    viewBox: "0 0 448 512",
-    xmlns: "http://www.w3.org/2000/svg",
-    style: getIconStyles(size, rotate),
-    "data-testid": dataTestId,
-    className: styles['icon']
-  }, React__default.createElement("path", {
-    fill: color != null ? color : '',
-    d: "M443.5 162.6l-7.1-7.1c-4.7-4.7-12.3-4.7-17 0L224 351 28.5 155.5c-4.7-4.7-12.3-4.7-17 0l-7.1 7.1c-4.7 4.7-4.7 12.3 0 17l211 211.1c4.7 4.7 12.3 4.7 17 0l211-211.1c4.8-4.7 4.8-12.3.1-17z"
-  }));
-};
-
-var IconChevronUp = function IconChevronUp(props) {
-  return React__default.createElement(IconChevronDown, Object.assign({}, props, {
-    rotate: 180,
-    dataTestId: "icon-chevron-up"
-  }));
-};
-
-var IconClose = function IconClose(_ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'default' : _ref$size,
-      color = _ref.color;
-  return React__default.createElement("svg", {
-    viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg",
-    style: getIconStyles(size),
-    "data-testid": "icon-close",
-    className: styles['icon']
-  }, React__default.createElement("path", {
-    fill: color != null ? color : '',
-    transform: "translate(11.993600, 11.979816) rotate(-315.000000) translate(-11.993600, -11.979816)",
-    d: "M26.9457415,10.8753243 L13.1323685,10.8664553 L13.0980917,-2.97232553 C13.0980917,-3.17951303 12.9302792,-3.34732553 12.7230917,-3.34732553 L11.2230917,-3.34732553 C11.0159042,-3.34732553 10.8480917,-3.17951303 10.8480917,-2.97232553 L10.8823685,10.8664553 L-2.95854067,10.8343068 C-3.16572817,10.8343068 -3.33354067,11.0021193 -3.33354067,11.2093068 C-3.33354067,11.3474318 -3.33354067,11.8474318 -3.33354067,12.7093068 C-3.33354067,12.9164943 -3.16572817,13.0843068 -2.95854067,13.0843068 L10.8823685,13.1164553 L10.8891092,26.9319567 C10.8891092,27.1391442 11.0569217,27.3069567 11.2641092,27.3069567 L12.7641092,27.3069567 C12.9712967,27.3069567 13.1391092,27.1391442 13.1391092,26.9319567 L13.1323685,13.1164553 L26.9457415,13.1253243 C27.152929,13.1253243 27.3207415,12.9575118 27.3207415,12.7503243 L27.3207415,11.2503243 C27.3207415,11.0431368 27.152929,10.8753243 26.9457415,10.8753243 Z"
-  }));
-};
-
-var IconComment = function IconComment(_ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'default' : _ref$size,
-      color = _ref.color;
-  return React__default.createElement("svg", {
-    viewBox: "0 0 512 512",
-    xmlns: "http://www.w3.org/2000/svg",
-    style: getIconStyles(size),
-    "data-testid": "icon-comment",
-    className: styles['icon']
-  }, React__default.createElement("g", null, React__default.createElement("path", {
-    fill: color != null ? color : '',
-    d: "M256 64c123.5 0 224 79 224 176S379.5 416 256 416c-28.3 0-56.3-4.3-83.2-12.8l-15.2-4.8-13 9.2c-23 16.3-58.5 35.3-102.6 39.6 12-15.1 29.8-40.4 40.8-69.6l7.1-18.7-13.7-14.6C47.3 313.7 32 277.6 32 240c0-97 100.5-176 224-176m0-32C114.6 32 0 125.1 0 240c0 47.6 19.9 91.2 52.9 126.3C38 405.7 7 439.1 6.5 439.5c-6.6 7-8.4 17.2-4.6 26 3.8 8.8 12.4 14.5 22 14.5 61.5 0 110-25.7 139.1-46.3 29 9.1 60.2 14.3 93 14.3 141.4 0 256-93.1 256-208S397.4 32 256 32z"
-  })));
-};
-
-var IconDelete = function IconDelete(_ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'default' : _ref$size,
-      color = _ref.color;
-  return React__default.createElement("svg", {
-    viewBox: "0 0 512 512",
-    xmlns: "http://www.w3.org/2000/svg",
-    style: getIconStyles(size),
-    "data-testid": "icon-delete",
-    className: styles['icon']
-  }, React__default.createElement("path", {
-    fill: color != null ? color : '',
-    d: "M361.5 14.1c-9-9-21.2-14.1-33.9-14.1H184.5c-12.7 0-24.9 5.1-33.9 14.1L14.1 150.5c-9 9-14.1 21.2-14.1 33.9v143.1c0 12.7 5.1 24.9 14.1 33.9l136.5 136.5c9 9 21.2 14.1 33.9 14.1h143.1c12.7 0 24.9-5.1 33.9-14.1L498 361.4c9-9 14.1-21.2 14.1-33.9v-143c0-12.7-5.1-24.9-14.1-33.9L361.5 14.1zM480 327.5c0 4.3-1.7 8.3-4.7 11.3L338.9 475.3c-3 3-7 4.7-11.3 4.7H184.5c-4.3 0-8.3-1.7-11.3-4.7L36.7 338.9c-3-3-4.7-7-4.7-11.3V184.5c0-4.3 1.7-8.3 4.7-11.3L173.1 36.7c3-3 7-4.7 11.3-4.7h143.1c4.3 0 8.3 1.7 11.3 4.7l136.5 136.5c3 3 4.7 7 4.7 11.3v143zm-129.2 14.8l-8.5 8.5c-4.7 4.7-12.3 4.7-17 0L256 281.5l-69.3 69.3c-4.7 4.7-12.3 4.7-17 0l-8.5-8.5c-4.7-4.7-4.7-12.3 0-17l69.3-69.3-69.3-69.3c-4.7-4.7-4.7-12.3 0-17l8.5-8.5c4.7-4.7 12.3-4.7 17 0l69.3 69.3 69.3-69.3c4.7-4.7 12.3-4.7 17 0l8.5 8.5c4.7 4.7 4.7 12.3 0 17L281.5 256l69.3 69.3c4.6 4.7 4.6 12.3 0 17z"
-  }));
-};
-
-var IconEdit = function IconEdit(_ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'default' : _ref$size,
-      color = _ref.color;
-  return React__default.createElement("svg", {
-    viewBox: "0 0 512 512",
-    xmlns: "http://www.w3.org/2000/svg",
-    style: getIconStyles(size),
-    "data-testid": "icon-edit",
-    className: styles['icon']
-  }, React__default.createElement("path", {
-    fill: color != null ? color : '',
-    d: "m493.255 56.236-37.49-37.49c-24.993-24.993-65.515-24.994-90.51 0l-352.417 352.416-12.687 114.184c-1.698 15.286 11.22 28.203 26.504 26.504l114.184-12.687 352.417-352.417c24.992-24.994 24.992-65.517-.001-90.51zm-95.196 140.45-224.059 224.059v-34.745h-48v-48h-34.745l224.059-224.059zm-271.912 271.912-58.995 6.555-30.305-30.305 6.555-58.995 19.853-19.853h34.745v48h48v34.745zm344.48-344.48-49.941 49.941-82.745-82.745 49.941-49.941c12.505-12.505 32.748-12.507 45.255 0l37.49 37.49c12.506 12.506 12.507 32.747 0 45.255z"
-  }));
-};
-
-var IconEye = function IconEye(_ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'default' : _ref$size,
-      color = _ref.color;
-  return React__default.createElement("svg", {
-    viewBox: "0 0 16 16",
-    xmlns: "http://www.w3.org/2000/svg",
-    style: getIconStyles(size),
-    "data-testid": "icon-eye",
-    className: styles['icon']
-  }, React__default.createElement("path", {
-    fill: color != null ? color : '',
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M8.00001 3C11.328 3 14.2492 4.77633 15.8154 7.43419C16.0615 7.85191 16.0615 8.37031 15.8154 8.78803C14.2499 11.4446 11.3295 13.2222 8.00001 13.2222C4.67201 13.2222 1.7509 11.4459 0.184624 8.78803C-0.0615414 8.37031 -0.0615414 7.85188 0.184624 7.43417C1.75012 4.77761 4.67057 3 8.00001 3ZM8.00007 10.7778C9.96374 10.7778 11.5556 9.23563 11.5556 7.33332C11.5556 5.43101 9.96374 3.88888 8.00007 3.88888C6.03641 3.88888 4.44452 5.43101 4.44452 7.33332C4.44452 9.23563 6.03641 10.7778 8.00007 10.7778ZM15.0495 8.33673C13.6066 10.7855 10.9407 12.3333 7.99998 12.3333C5.04746 12.3333 2.38718 10.7748 0.950428 8.33676C0.868404 8.19751 0.868404 8.02471 0.950428 7.88545C1.75798 6.51509 2.98768 5.37337 4.49654 4.66637C3.91234 5.39418 3.55554 6.32132 3.55554 7.33332C3.55554 9.71715 5.5339 11.6666 7.99998 11.6666C10.4658 11.6666 12.4444 9.71726 12.4444 7.33332C12.4444 6.3219 12.088 5.39459 11.5035 4.66637C12.9968 5.36607 14.2333 6.50029 15.0496 7.88545C15.1316 8.02471 15.1316 8.19749 15.0495 8.33673ZM6.43135 6.3851C6.29794 6.63457 6.22219 6.91954 6.22219 7.22224C6.22219 8.20407 7.01813 9.00001 7.99997 9.00001C8.9818 9.00001 9.77774 8.20407 9.77774 7.22224C9.77774 6.2404 8.9818 5.44446 7.99997 5.44446C7.69727 5.44446 7.4123 5.52021 7.16283 5.65363H7.16338C7.56766 5.65363 7.89541 5.98138 7.89541 6.38565C7.89541 6.78993 7.56766 7.11768 7.16338 7.11768C6.7591 7.11768 6.43135 6.78993 6.43135 6.38565V6.3851Z"
-  }));
-};
-
-var IconEyeSlash = function IconEyeSlash(_ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'default' : _ref$size,
-      color = _ref.color;
-  return React__default.createElement("svg", {
-    viewBox: "0 0 640 512",
-    xmlns: "http://www.w3.org/2000/svg",
-    style: getIconStyles(size),
-    "data-testid": "icon-eye-slash",
-    className: styles['icon']
-  }, React__default.createElement("path", {
-    fill: color != null ? color : '',
-    d: "M637 485.25L23 1.75A8 8 0 0 0 11.76 3l-10 12.51A8 8 0 0 0 3 26.75l614 483.5a8 8 0 0 0 11.25-1.25l10-12.51a8 8 0 0 0-1.25-11.24zM320 96a128.14 128.14 0 0 1 128 128c0 21.62-5.9 41.69-15.4 59.57l25.45 20C471.65 280.09 480 253.14 480 224c0-36.83-12.91-70.31-33.78-97.33A294.88 294.88 0 0 1 576.05 256a299.73 299.73 0 0 1-67.77 87.16l25.32 19.94c28.47-26.28 52.87-57.26 70.93-92.51a32.35 32.35 0 0 0 0-29.19C550.3 135.59 442.94 64 320 64a311.23 311.23 0 0 0-130.12 28.43l45.77 36C258.24 108.52 287.56 96 320 96zm60.86 146.83A63.15 63.15 0 0 0 320 160c-1 0-1.89.24-2.85.29a45.11 45.11 0 0 1-.24 32.19zm-217.62-49.16A154.29 154.29 0 0 0 160 224a159.39 159.39 0 0 0 226.27 145.29L356.69 346c-11.7 3.53-23.85 6-36.68 6A128.15 128.15 0 0 1 192 224c0-2.44.59-4.72.72-7.12zM320 416c-107.36 0-205.47-61.31-256-160 17.43-34 41.09-62.72 68.31-86.72l-25.86-20.37c-28.48 26.28-52.87 57.25-70.93 92.5a32.35 32.35 0 0 0 0 29.19C89.71 376.41 197.07 448 320 448a311.25 311.25 0 0 0 130.12-28.43l-29.25-23C389.06 408.84 355.15 416 320 416z"
-  }));
-};
-
-var IconExclaim = function IconExclaim(_ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'default' : _ref$size,
-      color = _ref.color;
-  return React__default.createElement("svg", {
-    viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg",
-    style: getIconStyles(size),
-    "data-testid": "icon-exclaim",
-    className: styles['icon']
-  }, React__default.createElement("path", {
-    fill: color != null ? color : '',
-    d: "M10.9785 0H13.0363C13.6473 0 14.1355 0.508836 14.1101 1.1194L13.4832 16.1642C13.4592 16.7398 12.9856 17.194 12.4095 17.194H11.6054C11.0293 17.194 10.5556 16.7397 10.5316 16.1642L9.90478 1.1194C9.87943 0.508836 10.3675 0 10.9785 0ZM12.0075 18.9851C10.6226 18.9851 9.5 20.1077 9.5 21.4925C9.5 22.8774 10.6226 24 12.0075 24C13.3923 24 14.5149 22.8774 14.5149 21.4925C14.5149 20.1077 13.3923 18.9851 12.0075 18.9851Z"
-  }));
-};
-
-var IconLocation = function IconLocation(_ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'default' : _ref$size,
-      color = _ref.color;
-  return React__default.createElement("svg", {
-    viewBox: "0 0 384 512",
-    xmlns: "http://www.w3.org/2000/svg",
-    style: getIconStyles(size),
-    "data-testid": "icon-comment",
-    className: styles['icon']
-  }, React__default.createElement("g", null, React__default.createElement("path", {
-    fill: color != null ? color : '',
-    d: "M192 96c-52.935 0-96 43.065-96 96s43.065 96 96 96 96-43.065 96-96-43.065-96-96-96zm0 160c-35.29 0-64-28.71-64-64s28.71-64 64-64 64 28.71 64 64-28.71 64-64 64zm0-256C85.961 0 0 85.961 0 192c0 77.413 26.97 99.031 172.268 309.67 9.534 13.772 29.929 13.774 39.465 0C357.03 291.031 384 269.413 384 192 384 85.961 298.039 0 192 0zm0 473.931C52.705 272.488 32 256.494 32 192c0-42.738 16.643-82.917 46.863-113.137S149.262 32 192 32s82.917 16.643 113.137 46.863S352 149.262 352 192c0 64.49-20.692 80.47-160 281.931z"
-  })));
-};
-
-var IconMinusCircle = function IconMinusCircle(_ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'default' : _ref$size,
-      color = _ref.color;
-  return React__default.createElement("svg", {
-    viewBox: "0 0 512 512",
-    xmlns: "http://www.w3.org/2000/svg",
-    style: getIconStyles(size),
-    "data-testid": "icon-comment",
-    className: styles['icon']
-  }, React__default.createElement("g", null, React__default.createElement("path", {
-    fill: color != null ? color : '',
-    d: "M140 274c-6.6 0-12-5.4-12-12v-12c0-6.6 5.4-12 12-12h232c6.6 0 12 5.4 12 12v12c0 6.6-5.4 12-12 12H140zm364-18c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zm-32 0c0-119.9-97.3-216-216-216-119.9 0-216 97.3-216 216 0 119.9 97.3 216 216 216 119.9 0 216-97.3 216-216z"
-  })));
-};
-
-var IconMore = function IconMore(_ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'default' : _ref$size,
-      color = _ref.color;
-  return React__default.createElement("svg", {
-    viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg",
-    style: getIconStyles(size),
-    "data-testid": "icon-eye",
-    className: styles['icon']
-  }, React__default.createElement("path", {
-    fill: color != null ? color : '',
-    d: "M12,9.5 C13.3828125,9.5 14.5,10.6171875 14.5,12 C14.5,13.3828125 13.3828125,14.5 12,14.5 C10.6171875,14.5 9.5,13.3828125 9.5,12 C9.5,10.6171875 10.6171875,9.5 12,9.5 Z M9.5,2.625 C9.5,4.0078125 10.6171875,5.125 12,5.125 C13.3828125,5.125 14.5,4.0078125 14.5,2.625 C14.5,1.2421875 13.3828125,0.125 12,0.125 C10.6171875,0.125 9.5,1.2421875 9.5,2.625 Z M9.5,21.375 C9.5,22.7578125 10.6171875,23.875 12,23.875 C13.3828125,23.875 14.5,22.7578125 14.5,21.375 C14.5,19.9921875 13.3828125,18.875 12,18.875 C10.6171875,18.875 9.5,19.9921875 9.5,21.375 Z"
-  }));
-};
-
-var IconRemove = function IconRemove(_ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'default' : _ref$size,
-      color = _ref.color;
-  return React__default.createElement("svg", {
-    viewBox: "0 0 448 512",
-    xmlns: "http://www.w3.org/2000/svg",
-    style: getIconStyles(size),
-    "data-testid": "icon-remove",
-    className: styles['icon']
-  }, React__default.createElement("path", {
-    fill: color != null ? color : '',
-    d: "M336 64l-33.6-44.8C293.3 7.1 279.1 0 264 0h-80c-15.1 0-29.3 7.1-38.4 19.2L112 64H24C10.7 64 0 74.7 0 88v2c0 3.3 2.7 6 6 6h26v368c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V96h26c3.3 0 6-2.7 6-6v-2c0-13.3-10.7-24-24-24h-88zM184 32h80c5 0 9.8 2.4 12.8 6.4L296 64H152l19.2-25.6c3-4 7.8-6.4 12.8-6.4zm200 432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V96h320v368zm-176-44V156c0-6.6 5.4-12 12-12h8c6.6 0 12 5.4 12 12v264c0 6.6-5.4 12-12 12h-8c-6.6 0-12-5.4-12-12zm-80 0V156c0-6.6 5.4-12 12-12h8c6.6 0 12 5.4 12 12v264c0 6.6-5.4 12-12 12h-8c-6.6 0-12-5.4-12-12zm160 0V156c0-6.6 5.4-12 12-12h8c6.6 0 12 5.4 12 12v264c0 6.6-5.4 12-12 12h-8c-6.6 0-12-5.4-12-12z"
-  }));
-};
-
-var IconUser = function IconUser(_ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'default' : _ref$size,
-      color = _ref.color;
-  return React__default.createElement("svg", {
-    viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg",
-    style: getIconStyles(size),
-    "data-testid": "icon-user",
-    className: styles['icon']
-  }, React__default.createElement("path", {
-    fill: color != null ? color : '',
-    d: "M12 12C15.1562 12 17.7143 9.31406 17.7143 6C17.7143 2.68594 15.1562 0 12 0C8.84375 0 6.28571 2.68594 6.28571 6C6.28571 9.31406 8.84375 12 12 12ZM16 13.5H15.2545C14.2634 13.9781 13.1607 14.25 12 14.25C10.8393 14.25 9.74107 13.9781 8.74554 13.5H8C4.6875 13.5 2 16.3219 2 19.8V21.75C2 22.9922 2.95982 24 4.14286 24H19.8571C21.0402 24 22 22.9922 22 21.75V19.8C22 16.3219 19.3125 13.5 16 13.5Z"
-  }));
-};
-
-var IconUserPlus = function IconUserPlus(_ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'default' : _ref$size,
-      color = _ref.color;
-  return React__default.createElement("svg", {
-    viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg",
-    style: getIconStyles(size),
-    "data-testid": "icon-user",
-    className: styles['icon']
-  }, React__default.createElement("path", {
-    fill: color != null ? color : '',
-    d: "M23.7248 10.875H20.6998V7.78125C20.6998 7.62656 20.5761 7.5 20.4248 7.5H19.8748C19.7236 7.5 19.5998 7.62656 19.5998 7.78125V10.875H16.5748C16.4236 10.875 16.2998 11.0016 16.2998 11.1562V11.7188C16.2998 11.8734 16.4236 12 16.5748 12H19.5998V15.0938C19.5998 15.2484 19.7236 15.375 19.8748 15.375H20.4248C20.5761 15.375 20.6998 15.2484 20.6998 15.0938V12H23.7248C23.8761 12 23.9998 11.8734 23.9998 11.7188V11.1562C23.9998 11.0016 23.8761 10.875 23.7248 10.875Z"
-  }), React__default.createElement("path", {
-    fill: color != null ? color : '',
-    d: "M8 12C10.525 12 12.5714 9.76172 12.5714 7C12.5714 4.23828 10.525 2 8 2C5.475 2 3.42857 4.23828 3.42857 7C3.42857 9.76172 5.475 12 8 12ZM11.2 13.25H10.6036C9.81071 13.6484 8.92857 13.875 8 13.875C7.07143 13.875 6.19286 13.6484 5.39643 13.25H4.8C2.15 13.25 0 15.6016 0 18.5V20.125C0 21.1602 0.767857 22 1.71429 22H14.2857C15.2321 22 16 21.1602 16 20.125V18.5C16 15.6016 13.85 13.25 11.2 13.25Z"
-  }));
-};
-
 function _extends() {
   _extends = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -413,7 +83,7 @@ var Menu = function Menu(_ref) {
   }, children);
 };
 
-var styles$1 = {"list":"_v0AEt","list--active":"_lxd1B","list-item":"_IRJ4j"};
+var styles = {"list":"_v0AEt","list--active":"_lxd1B","list-item":"_IRJ4j"};
 
 var MenuItem = function MenuItem(_ref) {
   var onClick = _ref.onClick,
@@ -429,7 +99,7 @@ var MenuItem = function MenuItem(_ref) {
   };
 
   return React__default.createElement("li", {
-    className: styles$1['list-item'],
+    className: styles['list-item'],
     onClick: handleClick,
     onKeyPress: handleClick,
     tabIndex: 0,
@@ -437,7 +107,7 @@ var MenuItem = function MenuItem(_ref) {
   }, children);
 };
 
-var styles$2 = {"flex":"_3-eyQ","align-center":"_kf0KG","align-end":"_3xCGO","align-start":"_3R2c9","justify-center":"_Zvv8e","justify-end":"_2hBMj","justify-space-between":"_3hKWn","justify-start":"_3ACwY","inline-flex":"_2pujZ"};
+var styles$1 = {"flex":"_3-eyQ","align-center":"_kf0KG","align-end":"_3xCGO","align-start":"_3R2c9","justify-center":"_Zvv8e","justify-end":"_2hBMj","justify-space-between":"_3hKWn","justify-start":"_3ACwY","inline-flex":"_2pujZ"};
 
 var Flex = function Flex(_ref) {
   var _classNames;
@@ -458,7 +128,7 @@ var Flex = function Flex(_ref) {
       flexItems = _ref$flexItems === void 0 ? false : _ref$flexItems,
       _ref$flexWrap = _ref.flexWrap,
       flexWrap = _ref$flexWrap === void 0 ? 'nowrap' : _ref$flexWrap;
-  var className = classnames(styles$2['flex'], (_classNames = {}, _classNames[styles$2['align-start']] = alignItems === 'flex-start', _classNames[styles$2['align-end']] = alignItems === 'flex-end', _classNames[styles$2['align-center']] = alignItems === 'center', _classNames[styles$2['justify-start']] = justifyContent === 'start', _classNames[styles$2['justify-end']] = justifyContent === 'end', _classNames[styles$2['justify-center']] = justifyContent === 'center', _classNames[styles$2['justify-space-between']] = justifyContent === 'space-between', _classNames[styles$2['inline-flex']] = inlineFlex, _classNames));
+  var className = classnames(styles$1['flex'], (_classNames = {}, _classNames[styles$1['align-start']] = alignItems === 'flex-start', _classNames[styles$1['align-end']] = alignItems === 'flex-end', _classNames[styles$1['align-center']] = alignItems === 'center', _classNames[styles$1['justify-start']] = justifyContent === 'start', _classNames[styles$1['justify-end']] = justifyContent === 'end', _classNames[styles$1['justify-center']] = justifyContent === 'center', _classNames[styles$1['justify-space-between']] = justifyContent === 'space-between', _classNames[styles$1['inline-flex']] = inlineFlex, _classNames));
   var items = React__default.Children.toArray(children).filter(Boolean);
   var lastItemIndex = items.length - 1;
   return React__default.createElement("div", {
@@ -487,7 +157,7 @@ var Inline = function Inline(props) {
   }));
 };
 
-var styles$3 = {"spinner":"_2wtfD","rotator":"_2Jprn","spinner--block":"_Jmh8M","path":"_3zucL","dash":"_3ZqYM","path--mint":"_3XYKx","path--disabled":"_1pYbs","path--contrast":"_3ofDF"};
+var styles$2 = {"spinner":"_2wtfD","rotator":"_2Jprn","spinner--block":"_Jmh8M","path":"_3zucL","dash":"_3ZqYM","path--mint":"_3XYKx","path--disabled":"_1pYbs","path--contrast":"_3ofDF"};
 
 var Spinner = function Spinner(_ref) {
   var _classnames;
@@ -499,16 +169,16 @@ var Spinner = function Spinner(_ref) {
       _ref$block = _ref.block,
       block = _ref$block === void 0 ? false : _ref$block;
   return React__default.createElement("div", {
-    className: classnames((_classnames = {}, _classnames[styles$3['spinner--block']] = block, _classnames))
+    className: classnames((_classnames = {}, _classnames[styles$2['spinner--block']] = block, _classnames))
   }, React__default.createElement("svg", {
-    className: styles$3['spinner'],
+    className: styles$2['spinner'],
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
     viewBox: "0 0 66 66",
     "data-testid": "spinner"
   }, React__default.createElement("circle", {
-    className: classnames(styles$3['path'], styles$3["path--" + theme]),
+    className: classnames(styles$2['path'], styles$2["path--" + theme]),
     fill: "none",
     strokeWidth: "6",
     strokeLinecap: "round",
@@ -518,9 +188,9 @@ var Spinner = function Spinner(_ref) {
   })));
 };
 
-var styles$4 = {"tooltip":"_1P_xb"};
+var styles$3 = {"tooltip":"_1P_xb"};
 
-var styles$5 = {"tooltip-overlay":"_3h-8V","tooltip-overlay--visible":"_zCaWg","tooltip-overlay--black-theme":"_2fg5c","tooltip-overlay--white-theme":"_1iXKZ","tooltip-overlay__header":"_2K2Xx","tooltip-overlay-arrow":"_3jWYe","tooltip-overlay-arrow--top":"_1zh1g","tooltip-overlay-arrow--bottom":"_Pr0TW","tooltip-overlay-arrow--visible":"_3eQWu","tooltip-overlay-arrow--black-theme":"_2l-Dg","tooltip-overlay-arrow--white-theme":"_2LAWl"};
+var styles$4 = {"tooltip-overlay":"_3h-8V","tooltip-overlay--visible":"_zCaWg","tooltip-overlay--black-theme":"_2fg5c","tooltip-overlay--white-theme":"_1iXKZ","tooltip-overlay__header":"_2K2Xx","tooltip-overlay-arrow":"_3jWYe","tooltip-overlay-arrow--top":"_1zh1g","tooltip-overlay-arrow--bottom":"_Pr0TW","tooltip-overlay-arrow--visible":"_3eQWu","tooltip-overlay-arrow--black-theme":"_2l-Dg","tooltip-overlay-arrow--white-theme":"_2LAWl"};
 
 var TOOLTIP_THEME = {
   BLACK: 'black',
@@ -722,15 +392,15 @@ var TooltipOverlay = function TooltipOverlay(_ref) {
     style: _extends({}, position.overlay, {
       zIndex: Z_INDEX_LAYERS.TOOLTIP
     }),
-    className: classnames(styles$5['tooltip-overlay'], extraClass, (_classnames = {}, _classnames[styles$5['tooltip-overlay--visible']] = isVisible, _classnames[styles$5['tooltip-overlay--black-theme']] = theme === TOOLTIP_THEME.BLACK, _classnames[styles$5['tooltip-overlay--white-theme']] = theme === TOOLTIP_THEME.WHITE, _classnames)),
+    className: classnames(styles$4['tooltip-overlay'], extraClass, (_classnames = {}, _classnames[styles$4['tooltip-overlay--visible']] = isVisible, _classnames[styles$4['tooltip-overlay--black-theme']] = theme === TOOLTIP_THEME.BLACK, _classnames[styles$4['tooltip-overlay--white-theme']] = theme === TOOLTIP_THEME.WHITE, _classnames)),
     onMouseEnter: onFocusIn,
     onMouseLeave: onFocusOut
   }, React__default.createElement(Stack, {
     space: 8
   }, header && React__default.createElement("div", {
-    className: styles$5['tooltip-overlay__header']
+    className: styles$4['tooltip-overlay__header']
   }, header), children)), React__default.createElement("div", {
-    className: classnames(styles$5['tooltip-overlay-arrow'], extraClass, (_classnames2 = {}, _classnames2[styles$5['tooltip-overlay-arrow--visible']] = isVisible, _classnames2[styles$5['tooltip-overlay-arrow--top']] = position.actualPlacement.placement === TOOLTIP_PLACEMENT.TOP, _classnames2[styles$5['tooltip-overlay-arrow--bottom']] = position.actualPlacement.placement === TOOLTIP_PLACEMENT.BOTTOM, _classnames2[styles$5['tooltip-overlay-arrow--black-theme']] = theme === TOOLTIP_THEME.BLACK, _classnames2[styles$5['tooltip-overlay-arrow--white-theme']] = theme === TOOLTIP_THEME.WHITE, _classnames2)),
+    className: classnames(styles$4['tooltip-overlay-arrow'], extraClass, (_classnames2 = {}, _classnames2[styles$4['tooltip-overlay-arrow--visible']] = isVisible, _classnames2[styles$4['tooltip-overlay-arrow--top']] = position.actualPlacement.placement === TOOLTIP_PLACEMENT.TOP, _classnames2[styles$4['tooltip-overlay-arrow--bottom']] = position.actualPlacement.placement === TOOLTIP_PLACEMENT.BOTTOM, _classnames2[styles$4['tooltip-overlay-arrow--black-theme']] = theme === TOOLTIP_THEME.BLACK, _classnames2[styles$4['tooltip-overlay-arrow--white-theme']] = theme === TOOLTIP_THEME.WHITE, _classnames2)),
     style: _extends({}, position.arrow, {
       zIndex: Z_INDEX_LAYERS.TOOLTIP
     }),
@@ -848,7 +518,7 @@ var Tooltip = function Tooltip(_ref, forwardedRef) {
   }
 
   return React__default.createElement("div", {
-    className: classnames(styles$4['tooltip']),
+    className: classnames(styles$3['tooltip']),
     onMouseEnter: openTooltip,
     onMouseLeave: closeTooltipWithDelay,
     onFocus: openTooltip,
@@ -857,172 +527,2323 @@ var Tooltip = function Tooltip(_ref, forwardedRef) {
   }, children, React__default.createElement(Overlay, null));
 };
 
-var Tooltip$1 = forwardRef(Tooltip);
+var Tooltip$1 = forwardRef(Tooltip);
+
+var styles$5 = {"button":"_1SQ_p","button--loading":"_1g1Zw","button__spinner":"_3TAU6","button--wide":"_1R_gC","button--icon-only":"_3ig9y","button--default":"_3OB2g","button--primary":"_2RivT","button--danger":"_3T8M_","button--upsell":"_1AYVC","button--marketing":"_34HiE","button--hollow":"_3BrS0","button--link-contrast":"_1LCBO","button--link-primary":"_23S36","button--link-danger":"_2CzxI","button--link-upsell":"_21e4m","button--link-toolbar":"_2-ESu","button--link-icon":"_1u3kp"};
+
+var _excluded$1 = ["id", "onClick", "className", "type", "disabled", "href", "target", "children"];
+
+var Button = function Button(_ref, ref) {
+  var _classnames;
+
+  var children = _ref.children,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? 'button' : _ref$type,
+      _ref$theme = _ref.theme,
+      theme = _ref$theme === void 0 ? 'default' : _ref$theme,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      onClick = _ref.onClick,
+      id = _ref.id,
+      wide = _ref.wide,
+      loading = _ref.loading,
+      title = _ref.title,
+      href = _ref.href,
+      _ref$target = _ref.target,
+      target = _ref$target === void 0 ? '_self' : _ref$target;
+  var contrastSpinner = ['primary', 'danger', 'upsell', 'marketing', 'link-contrast'];
+  var childrenArr = Children.toArray(children);
+  var isIconOnly = childrenArr.length === 1 && typeof childrenArr[0] != 'string';
+  return React__default.createElement(Tooltip$1, {
+    overlay: title
+  }, React__default.createElement(ButtonElement, {
+    id: id,
+    onClick: onClick,
+    className: classnames(styles$5['button'], (_classnames = {}, _classnames[styles$5['button--default']] = theme === 'default', _classnames[styles$5['button--primary']] = theme === 'primary', _classnames[styles$5['button--danger']] = theme === 'danger', _classnames[styles$5['button--upsell']] = theme === 'upsell', _classnames[styles$5['button--marketing']] = theme === 'marketing', _classnames[styles$5['button--hollow']] = theme === 'hollow', _classnames[styles$5['button--link-primary']] = theme === 'link-primary', _classnames[styles$5['button--link-danger']] = theme === 'link-danger', _classnames[styles$5['button--link-upsell']] = theme === 'link-upsell', _classnames[styles$5['button--link-toolbar']] = theme === 'link-toolbar', _classnames[styles$5['button--link-contrast']] = theme === 'link-contrast', _classnames[styles$5['button--link-icon']] = theme === 'link-icon', _classnames[styles$5['button--wide']] = wide, _classnames[styles$5['button--loading']] = loading, _classnames[styles$5['button--icon-only']] = isIconOnly, _classnames)),
+    type: type,
+    disabled: disabled || loading,
+    href: href,
+    ref: ref,
+    target: target
+  }, React__default.createElement(Inline, {
+    space: 8,
+    alignItems: "center"
+  }, children), loading && React__default.createElement("div", {
+    className: styles$5['button__spinner']
+  }, React__default.createElement(Spinner, {
+    theme: contrastSpinner.includes(theme) ? 'contrast' : 'disabled'
+  }))));
+};
+
+var ButtonElement = forwardRef(function (_ref2, ref) {
+  var id = _ref2.id,
+      onClick = _ref2.onClick,
+      className = _ref2.className,
+      type = _ref2.type,
+      disabled = _ref2.disabled,
+      href = _ref2.href,
+      target = _ref2.target,
+      children = _ref2.children,
+      rest = _objectWithoutPropertiesLoose(_ref2, _excluded$1);
+
+  var commonProps = {
+    id: id,
+    onClick: onClick,
+    className: className,
+    disabled: disabled
+  };
+
+  if (href) {
+    return React__default.createElement("a", Object.assign({}, commonProps, rest, {
+      href: href,
+      target: target,
+      "aria-disabled": disabled,
+      ref: ref
+    }), children);
+  }
+
+  return React__default.createElement("button", Object.assign({}, commonProps, rest, {
+    type: type,
+    ref: ref
+  }), children);
+});
+var Button$1 = forwardRef(Button);
+
+var MenuButton = function MenuButton(_ref) {
+  var _ref$theme = _ref.theme,
+      theme = _ref$theme === void 0 ? 'link-icon' : _ref$theme,
+      children = _ref.children;
+
+  var _useMenuContext = useMenuContext(),
+      onToggleMenu = _useMenuContext.onToggleMenu,
+      triggerRef = _useMenuContext.triggerRef;
+
+  return React__default.createElement(Button$1, {
+    onClick: function onClick(e) {
+      onToggleMenu();
+      e.stopPropagation();
+    },
+    theme: theme,
+    ref: triggerRef
+  }, children);
+};
+
+function isClickInside(ref, event) {
+  return !ref.current || event.target instanceof Node && ref.current.contains(event.target);
+}
+
+function useOnClickOutside(ref, cb) {
+  React__default.useEffect(function () {
+    var listener = function listener(event) {
+      if (isClickInside(ref, event)) {
+        return;
+      }
+
+      cb(event);
+    };
+
+    document.addEventListener('mousedown', listener);
+    document.addEventListener('touchstart', listener);
+    return function () {
+      document.removeEventListener('mousedown', listener);
+      document.removeEventListener('touchstart', listener);
+    };
+  }, [ref, cb]);
+}
+
+var MenuList = function MenuList(_ref) {
+  var _classnames;
+
+  var children = _ref.children;
+  var paneElement = useRef(null);
+
+  var _useMenuContext = useMenuContext(),
+      isOpen = _useMenuContext.isOpen,
+      onToggleMenu = _useMenuContext.onToggleMenu,
+      triggerRef = _useMenuContext.triggerRef;
+
+  var _useState = useState({}),
+      position = _useState[0],
+      setPosition = _useState[1];
+
+  var clickOutisideCallback = useCallback(function () {
+    if (isOpen) {
+      onToggleMenu();
+    }
+  }, [isOpen]);
+  useOnClickOutside(paneElement, clickOutisideCallback);
+  useEffect(function () {
+    var _paneElement$current;
+
+    var triggerPosition = triggerRef.current.getBoundingClientRect();
+    var panePosition = (_paneElement$current = paneElement.current) === null || _paneElement$current === void 0 ? void 0 : _paneElement$current.getBoundingClientRect();
+    var paneWidth = (panePosition === null || panePosition === void 0 ? void 0 : panePosition.width) || 160;
+    var pos = {
+      left: triggerPosition.left + triggerPosition.width - paneWidth,
+      top: triggerPosition.top + window.scrollY + triggerPosition.height + 3
+    };
+    setPosition(pos);
+  }, [isOpen, triggerRef]);
+  return React__default.createElement(Portal, null, React__default.createElement("ul", {
+    className: classnames(styles['list'], (_classnames = {}, _classnames[styles['list--active']] = isOpen, _classnames)),
+    role: "menu",
+    style: position,
+    ref: paneElement
+  }, children));
+};
+
+var ICON_SIZES = {
+  small: '12px',
+  medium: '16px',
+  "default": '20px',
+  large: '24px'
+};
+
+var getIconStyles = function getIconStyles(_ref) {
+  var _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'default' : _ref$size,
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+      _ref$styles = _ref.styles,
+      styles = _ref$styles === void 0 ? {} : _ref$styles;
+  return _extends({
+    width: ICON_SIZES[size],
+    height: ICON_SIZES[size],
+    verticalAlign: 'middle',
+    fill: color
+  }, styles);
+};
+
+var IconInfoCircle = function IconInfoCircle(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-info-circle",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M.313 10C.313 4.652 4.65.312 10 .312s9.688 4.34 9.688 9.688A9.687 9.687 0 0 1 10 19.688 9.687 9.687 0 0 1 .312 10Zm18.125 0c0-4.685-3.804-8.438-8.438-8.438A8.437 8.437 0 0 0 1.562 10 8.435 8.435 0 0 0 10 18.438 8.435 8.435 0 0 0 18.438 10Zm-9.844 3.75h.469V9.062h-.47a.469.469 0 0 1-.468-.468V8.28c0-.259.21-.469.469-.469h1.875c.259 0 .469.21.469.47v5.468h.468c.26 0 .469.21.469.469v.312c0 .26-.21.469-.469.469H8.594a.469.469 0 0 1-.469-.469v-.312c0-.26.21-.469.469-.469Zm.156-8.125a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0Z",
+    fill: "currentColor"
+  }));
+};
+
+IconInfoCircle.displayName = 'IconInfoCircle';
+
+var IconAnalytics = function IconAnalytics(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-analytics",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M18.333 4.444c-.322 0-.62-.095-.876-.254l-3.11 2.489c.059.171.097.352.097.543a1.667 1.667 0 1 1-3.333 0c0-.191.039-.372.098-.543L8.1 4.189a1.652 1.652 0 0 1-.877.255 1.65 1.65 0 0 1-.714-.166l-3.341 3.34c.103.218.166.458.166.715a1.667 1.667 0 1 1-1.666-1.666c.257 0 .497.062.714.166l3.341-3.34a1.65 1.65 0 0 1-.166-.715 1.667 1.667 0 1 1 3.333 0c0 .191-.039.372-.098.543L11.9 5.81c.256-.159.554-.255.877-.255.322 0 .62.096.876.255l3.11-2.49a1.65 1.65 0 0 1-.097-.542 1.667 1.667 0 1 1 1.666 1.666Zm-1.666 3.89c0-.308.248-.556.555-.556h2.222c.307 0 .556.248.556.555v10a.555.555 0 0 1-.556.556h-2.222a.555.555 0 0 1-.555-.556v-10ZM3.333 13.888a.555.555 0 0 0-.555-.556H.556A.555.555 0 0 0 0 13.89v4.444c0 .307.249.556.556.556h2.222a.555.555 0 0 0 .555-.556V13.89Zm-1.11.555v3.334H1.11v-3.334h1.111Zm15.555 3.334v-8.89h1.11v8.89h-1.11Zm.555-15.556a.556.556 0 1 1-.001 1.113.556.556 0 0 1 .001-1.113ZM1.111 8.333a.556.556 0 1 0 1.113-.001.556.556 0 0 0-1.113.001Zm6.111-5a.556.556 0 1 1 .002-1.112.556.556 0 0 1-.002 1.112Zm5 3.89a.556.556 0 1 0 1.113-.002.556.556 0 0 0-1.113.001Zm-3.889.555H6.111a.555.555 0 0 0-.555.555v10c0 .307.248.556.555.556h2.222a.555.555 0 0 0 .556-.556v-10a.555.555 0 0 0-.556-.555Zm-1.666 10h1.11v-8.89h-1.11v8.89Zm7.222-5.556h-2.222a.555.555 0 0 0-.556.556v5.555c0 .307.249.556.556.556h2.222a.555.555 0 0 0 .555-.556v-5.555a.555.555 0 0 0-.555-.556Zm-1.667 1.111v4.445h1.111v-4.445h-1.11Z",
+    fill: "currentColor"
+  }));
+};
+
+IconAnalytics.displayName = 'IconAnalytics';
+
+var IconArrowDown = function IconArrowDown(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-arrow-down",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "m18.574 9.707-.277-.277a.47.47 0 0 0-.664 0l-6.969 6.972V1.72a.47.47 0 0 0-.469-.469h-.39a.47.47 0 0 0-.47.469v14.683L2.364 9.43a.47.47 0 0 0-.664 0l-.277.277a.47.47 0 0 0 0 .664l8.242 8.246a.47.47 0 0 0 .664 0l8.242-8.246a.466.466 0 0 0 .004-.664Z",
+    fill: "currentColor"
+  }));
+};
+
+IconArrowDown.displayName = 'IconArrowDown';
+
+var IconArrowLeft = function IconArrowLeft(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-arrow-left",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "m10.293 18.574.277-.277a.47.47 0 0 0 0-.664l-6.972-6.969H18.28a.47.47 0 0 0 .469-.469v-.39a.47.47 0 0 0-.469-.47H3.598l6.972-6.972a.47.47 0 0 0 0-.664l-.277-.277a.47.47 0 0 0-.664 0L1.383 9.664a.47.47 0 0 0 0 .664l8.246 8.242c.187.188.48.188.664.004Z",
+    fill: "currentColor"
+  }));
+};
+
+IconArrowLeft.displayName = 'IconArrowLeft';
+
+var IconArrowRight = function IconArrowRight(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-arrow-right",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "m9.707 1.426-.277.277a.47.47 0 0 0 0 .664l6.972 6.969H1.72a.47.47 0 0 0-.469.469v.39c0 .258.21.47.469.47h14.683L9.43 17.636a.47.47 0 0 0 0 .664l.277.277a.47.47 0 0 0 .664 0l8.246-8.242a.47.47 0 0 0 0-.664L10.371 1.43a.466.466 0 0 0-.664-.004Z",
+    fill: "currentColor"
+  }));
+};
+
+IconArrowRight.displayName = 'IconArrowRight';
+
+var IconArrowToTop = function IconArrowToTop(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-arrow-to-top",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "m3.887 9.688 5.781-5.801a.47.47 0 0 1 .664 0l5.781 5.8a.47.47 0 0 1 0 .665l-.277.277a.47.47 0 0 1-.664 0l-4.508-4.531V18.28a.47.47 0 0 1-.469.469h-.39a.47.47 0 0 1-.47-.469V6.098l-4.507 4.527a.47.47 0 0 1-.664 0l-.277-.277a.465.465 0 0 1 0-.66ZM2.5 1.718v.313c0 .258.21.469.469.469H17.03a.47.47 0 0 0 .469-.469V1.72a.47.47 0 0 0-.469-.469H2.97a.47.47 0 0 0-.469.469Z",
+    fill: "currentColor"
+  }));
+};
+
+IconArrowToTop.displayName = 'IconArrowToTop';
+
+var IconArrowUp = function IconArrowUp(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-arrow-up",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "m1.426 10.293.277.277a.47.47 0 0 0 .664 0l6.969-6.972V18.28c0 .258.21.469.469.469h.39a.47.47 0 0 0 .47-.469V3.598l6.972 6.972a.47.47 0 0 0 .664 0l.277-.277a.47.47 0 0 0 0-.664l-8.242-8.246a.47.47 0 0 0-.664 0L1.43 9.629a.466.466 0 0 0-.004.664Z",
+    fill: "currentColor"
+  }));
+};
+
+IconArrowUp.displayName = 'IconArrowUp';
+
+var IconAward = function IconAward(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-award",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M16.834 10.635a2.246 2.246 0 0 0 .563-2.134l-.05-.188c-.09-.34-.136-.51-.136-.68 0-.171.045-.342.136-.683l.05-.188c.2-.76-.016-1.577-.563-2.135l-.105-.106c-.27-.27-.4-.4-.486-.555-.08-.143-.122-.307-.204-.622l-.058-.218a2.205 2.205 0 0 0-1.545-1.57l-.182-.049c-.327-.087-.494-.132-.64-.216-.153-.089-.28-.221-.544-.493L12.967.69a2.183 2.183 0 0 0-2.122-.576l-.157.044c-.349.097-.52.145-.691.144-.166 0-.331-.046-.657-.137L9.154.115a2.179 2.179 0 0 0-2.12.578L6.907.82c-.25.257-.374.384-.52.469-.143.083-.307.127-.631.214l-.191.052a2.206 2.206 0 0 0-1.547 1.569l-.055.21c-.084.324-.127.489-.208.633-.085.151-.212.278-.47.54l-.12.12a2.245 2.245 0 0 0-.562 2.135l.05.187c.09.34.136.51.136.68 0 .17-.045.341-.136.683l-.05.189c-.2.76.016 1.577.563 2.134l.105.106c.27.27.4.401.485.556.08.143.123.306.205.622l.057.218c.078.297.23.559.414.793l-1.857 4.567a.623.623 0 0 0 .576.858h.002l.45-.017h.006l1.616-.062 1.41 1.49a.62.62 0 0 0 1.029-.193l2.041-5.021a.909.909 0 0 1 .588 0l2.04 5.02a.62.62 0 0 0 1.03.194l1.41-1.49 1.619.062.453.017h.003a.623.623 0 0 0 .575-.858l-1.856-4.567c.184-.234.335-.495.414-.792l.055-.21c.084-.324.127-.49.208-.634.085-.151.211-.278.47-.54l.12-.12ZM6.264 7.508A3.74 3.74 0 0 1 10 3.772a3.74 3.74 0 0 1 3.736 3.736A3.74 3.74 0 0 1 10 11.243a3.74 3.74 0 0 1-3.735-3.735Zm1.246 0A2.493 2.493 0 0 0 10 9.998a2.493 2.493 0 0 0 2.49-2.49A2.493 2.493 0 0 0 10 5.018a2.493 2.493 0 0 0-2.49 2.49ZM5.743 17.01l1.133 1.197 1.317-3.239a2.159 2.159 0 0 1-1.4-.642l-.013-.013c-.174-.178-.268-.273-.379-.34-.13-.08-.283-.12-.615-.207l-.221-.059c-.017-.005-.033-.012-.048-.02-.014-.006-.027-.013-.041-.018l-1.383 3.404 1.136-.044.514-.02Zm10.165.063-1.104-.042-.546-.021-1.134 1.197-1.319-3.245a2.152 2.152 0 0 0 1.402-.636l.015-.015c.18-.184.276-.281.389-.349.126-.075.274-.113.587-.194l.238-.061a.27.27 0 0 0 .047-.02c.014-.006.027-.013.042-.018l1.383 3.404Zm-1.8-4.567a.96.96 0 0 0 .67-.686c.157-.6.231-.894.375-1.148.144-.254.357-.469.793-.91a.995.995 0 0 0 .247-.946l-.002-.005c-.316-1.178-.316-1.18.002-2.366a.994.994 0 0 0-.247-.946c-.854-.861-.855-.866-1.146-1.972l-.022-.086a.96.96 0 0 0-.67-.685c-.585-.159-.875-.234-1.126-.38-.253-.147-.466-.365-.903-.813a.934.934 0 0 0-.907-.248c-.591.164-.882.245-1.172.245-.29 0-.58-.082-1.173-.245a.929.929 0 0 0-.906.25c-.438.444-.645.66-.894.806-.248.146-.536.222-1.135.385a.957.957 0 0 0-.67.685c-.157.6-.231.894-.375 1.148-.144.254-.357.469-.793.91a.995.995 0 0 0-.247.946c.318 1.182.317 1.186.003 2.361l-.003.01c-.089.339.006.7.247.946.854.861.855.866 1.146 1.972l.022.086a.96.96 0 0 0 .67.685l.186.05c.77.205.975.259 1.603.898a.92.92 0 0 0 1.158.137 2.184 2.184 0 0 1 2.322 0 .917.917 0 0 0 1.158-.136c.634-.647.84-.7 1.6-.899l.189-.05Z",
+    fill: "currentColor"
+  }));
+};
+
+IconAward.displayName = 'IconAward';
+
+var IconBalanceScaleLeft = function IconBalanceScaleLeft(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-balance-scale-left",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("g", {
+    clipPath: "url(#icon-balance-scale-left_svg__a)"
+  }, React__default.createElement("path", {
+    d: "m19.825 9.722-3.408-5.5A.498.498 0 0 0 16 4a.498.498 0 0 0-.417.223l-3.408 5.499a.97.97 0 0 0-.172.613A4.007 4.007 0 0 0 16 14a4.007 4.007 0 0 0 3.997-3.665.97.97 0 0 0-.172-.613ZM16 13c-1.3 0-2.423-.848-2.837-2h5.663c-.42 1.163-1.536 2-2.826 2Zm-2.82-3L16 5.445 18.843 10H13.18Zm3.57 7H10.5V5.93a1.993 1.993 0 0 0 1.426-1.418l4.634-1.55a.25.25 0 0 0 .158-.317l-.16-.474a.25.25 0 0 0-.316-.158L11.918 3.46a1.994 1.994 0 1 0-3.775 1.263L3.44 6.297a.25.25 0 0 0-.157.316l.158.474a.25.25 0 0 0 .317.158l5.014-1.678c.213.168.458.292.728.362V17.75c0 .138.112.25.25.25h7a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25ZM9 4c0-.551.449-1 1-1 .551 0 1 .449 1 1 0 .551-.449 1-1 1-.551 0-1-.449-1-1ZM4.417 8.223A.498.498 0 0 0 4 8a.498.498 0 0 0-.417.223L.175 13.721a.97.97 0 0 0-.172.613A4.007 4.007 0 0 0 4 18a4.007 4.007 0 0 0 3.997-3.665.97.97 0 0 0-.172-.613l-3.408-5.5ZM4 17c-1.3 0-2.423-.848-2.837-2h5.663C6.406 16.163 5.29 17 4 17Zm-2.82-3L4 9.445 6.843 14H1.18Z",
+    fill: "currentColor"
+  })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
+    id: "icon-balance-scale-left_svg__a"
+  }, React__default.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h20v20H0z"
+  }))));
+};
+
+IconBalanceScaleLeft.displayName = 'IconBalanceScaleLeft';
+
+var IconBalanceScale = function IconBalanceScale(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-balance-scale",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("g", {
+    clipPath: "url(#icon-balance-scale_svg__a)"
+  }, React__default.createElement("path", {
+    d: "m19.825 10.722-3.408-5.5A.498.498 0 0 0 16 5a.498.498 0 0 0-.417.223l-3.408 5.499a.97.97 0 0 0-.172.613A4.007 4.007 0 0 0 16 15a4.007 4.007 0 0 0 3.997-3.665.97.97 0 0 0-.172-.613ZM16 14c-1.3 0-2.423-.848-2.837-2h5.663c-.42 1.163-1.536 2-2.826 2Zm-2.82-3L16 6.445 18.843 11H13.18Zm3.57 6H10.5V5.93A1.995 1.995 0 0 0 12 4h4.75a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-5.035c-.004-.008-.136-.347-.597-.658A1.99 1.99 0 0 0 10 2a1.99 1.99 0 0 0-1.118.342c-.46.31-.593.65-.597.658H3.25a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25H8c0 .93.639 1.706 1.5 1.93V17H3.25a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h13.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25ZM9 4a1 1 0 1 1 2 0 1 1 0 0 1-2 0Zm-1.003 7.335a.97.97 0 0 0-.172-.613l-3.408-5.5A.498.498 0 0 0 4 5a.498.498 0 0 0-.417.223L.175 10.721a.97.97 0 0 0-.172.613A4.007 4.007 0 0 0 4 15a4.007 4.007 0 0 0 3.997-3.665Zm-3.996-4.89L6.843 11H1.18l2.822-4.555ZM1.163 12h5.663C6.406 13.163 5.29 14 4 14c-1.3 0-2.423-.848-2.837-2Z",
+    fill: "currentColor"
+  })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
+    id: "icon-balance-scale_svg__a"
+  }, React__default.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h20v20H0z"
+  }))));
+};
+
+IconBalanceScale.displayName = 'IconBalanceScale';
+
+var IconBan = function IconBan(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-ban",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M10 .313C4.65.313.312 4.65.312 10S4.65 19.688 10 19.688c5.35 0 9.688-4.338 9.688-9.688C19.688 4.65 15.35.312 10 .312ZM4.034 15.966a8.437 8.437 0 0 1-.426-11.474l11.9 11.9a8.437 8.437 0 0 1-11.474-.426Zm12.358-.458-11.9-11.9a8.437 8.437 0 0 1 11.474.426 8.437 8.437 0 0 1 .426 11.474Z",
+    fill: "currentColor"
+  }));
+};
+
+IconBan.displayName = 'IconBan';
+
+var IconBarsH = function IconBarsH(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-bars-h",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M.313 5h16.875c.172 0 .312-.14.312-.313v-.625a.312.312 0 0 0-.313-.312H.313A.312.312 0 0 0 0 4.063v.625C0 4.86.14 5 .313 5Zm19.375 4.375H2.813a.312.312 0 0 0-.313.313v.624c0 .173.14.313.313.313h16.875c.172 0 .312-.14.312-.313v-.624a.312.312 0 0 0-.313-.313ZM.313 15h16.875c.172 0 .312.14.312.313v.624c0 .173-.14.313-.313.313H.313A.312.312 0 0 1 0 15.937v-.624C0 15.14.14 15 .313 15Z",
+    fill: "currentColor"
+  }));
+};
+
+IconBarsH.displayName = 'IconBarsH';
+
+var IconBarsV = function IconBarsV(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-bars-v",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M4.762 2.381a2.38 2.38 0 1 0-4.762 0v15.238a2.381 2.381 0 1 0 4.762 0V2.381ZM12.381 12.857a2.38 2.38 0 1 0-4.762 0v4.762a2.381 2.381 0 1 0 4.762 0v-4.762ZM20 6.19a2.381 2.381 0 0 0-4.762 0v11.43a2.38 2.38 0 1 0 4.762 0V6.19Z",
+    fill: "currentColor"
+  }));
+};
+
+IconBarsV.displayName = 'IconBarsV';
+
+var IconBell = function IconBell(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-bell",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M17.93 13.079c-1.093-1.04-1.928-2.129-1.928-5.817 0-3.11-2.476-5.645-5.627-5.951V.625a.625.625 0 1 0-1.25 0v.686C5.975 1.618 3.5 4.153 3.5 7.26c0 3.689-.836 4.778-1.928 5.817a1.818 1.818 0 0 0-.44 2.002c.285.71.97 1.17 1.744 1.17h13.75c.775 0 1.46-.46 1.744-1.17a1.817 1.817 0 0 0-.44-2.002Zm-8.18 5.67c-.69 0-1.25-.56-1.25-1.25H7.25a2.504 2.504 0 0 0 2.5 2.5c1.378 0 2.5-1.121 2.5-2.5H11c0 .69-.56 1.25-1.25 1.25ZM2.875 15h13.75c.554 0 .835-.642.442-1.016-1.37-1.304-2.315-2.763-2.315-6.722 0-2.632-2.238-4.762-5.002-4.762S4.75 4.63 4.75 7.262c0 3.974-.954 5.426-2.316 6.722-.391.373-.114 1.016.442 1.016Z",
+    fill: "currentColor"
+  }));
+};
+
+IconBell.displayName = 'IconBell';
+
+var IconBold = function IconBold(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-bold",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M13.828 9.145a4.36 4.36 0 0 0 .516-6.614A4.375 4.375 0 0 0 11.25 1.25H3.437a.312.312 0 0 0-.312.313v.625a.312.312 0 0 0 .313.312h.937v15h-.938a.312.312 0 0 0-.312.313v.625a.313.313 0 0 0 .313.312h8.437a5 5 0 0 0 1.953-9.605ZM5.625 2.5h5.625a3.125 3.125 0 1 1 0 6.25H5.625V2.5Zm6.25 15h-6.25V10h6.25a3.75 3.75 0 1 1 0 7.5Z",
+    fill: "currentColor"
+  }));
+};
+
+IconBold.displayName = 'IconBold';
+
+var IconBolt = function IconBolt(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-bolt",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("g", {
+    clipPath: "url(#icon-bolt_svg__a)"
+  }, React__default.createElement("path", {
+    d: "M15.313 6.25h-4.508l1.664-5.07A.941.941 0 0 0 11.563 0H5.938a.939.939 0 0 0-.93.813l-1.25 9.374a.94.94 0 0 0 .93 1.063h4.637l-1.801 7.598a.936.936 0 0 0 1.723.683l6.875-11.875a.936.936 0 0 0-.81-1.406Z",
+    fill: "currentColor"
+  })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
+    id: "icon-bolt_svg__a"
+  }, React__default.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h20v20H0z"
+  }))));
+};
+
+IconBolt.displayName = 'IconBolt';
+
+var IconBook = function IconBook(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-book",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M18.152 18.75h.13a.47.47 0 0 1 .468.469v.312a.47.47 0 0 1-.469.469H4.375a3.124 3.124 0 0 1-3.125-3.125V3.125A3.124 3.124 0 0 1 4.375 0h13.438c.519 0 .937.418.937.938v14.374c0 .391-.242.727-.582.868-.14.629-.172 1.78-.016 2.57ZM8.594 6.25h6.562a.47.47 0 0 0 .469-.469V5.47A.47.47 0 0 0 15.156 5H8.594a.47.47 0 0 0-.469.469v.312c0 .258.21.469.469.469Zm7.031 1.719v.312a.47.47 0 0 1-.469.469H8.594a.47.47 0 0 1-.469-.469V7.97a.47.47 0 0 1 .469-.469h6.562a.47.47 0 0 1 .469.469ZM17.5 15H6.25V1.25H17.5V15Zm-15 .625A3.126 3.126 0 0 1 4.375 15H5V1.25h-.625C3.34 1.25 2.5 2.09 2.5 3.125v12.5Zm14.543.625a8.929 8.929 0 0 0 0 2.5H4.375c-2.5 0-2.5-2.5 0-2.5h12.668Z",
+    fill: "currentColor"
+  }));
+};
+
+IconBook.displayName = 'IconBook';
+
+var IconBriefcase = function IconBriefcase(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-briefcase",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M18.125 5H13.75V2.187a.937.937 0 0 0-.938-.937H7.189a.937.937 0 0 0-.938.938V5H1.875C.839 5 0 5.84 0 6.875v10c0 1.035.84 1.875 1.875 1.875h16.25c1.035 0 1.875-.84 1.875-1.875v-10C20 5.839 19.16 5 18.125 5ZM7.5 2.5h5V5h-5V2.5Zm11.25 14.375c0 .345-.28.625-.625.625H1.875a.626.626 0 0 1-.625-.625V11.25H7.5v1.563c0 .517.42.937.938.937h3.124c.518 0 .938-.42.938-.938V11.25h6.25v5.625Zm-10-4.375v-1.25h2.5v1.25h-2.5Zm10-2.5H1.25V6.875c0-.345.28-.625.625-.625h16.25c.345 0 .625.28.625.625V10Z",
+    fill: "currentColor"
+  }));
+};
+
+IconBriefcase.displayName = 'IconBriefcase';
+
+var IconBullseyeArrow = function IconBullseyeArrow(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-bullseye-arrow",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "m18.213 8.097 1.022-1.023A9.687 9.687 0 0 1 10 19.687 9.687 9.687 0 0 1 .312 10 9.687 9.687 0 0 1 12.927.764l-1.023 1.023A8.396 8.396 0 0 0 10 1.563c-4.652 0-8.438 3.785-8.438 8.437 0 4.652 3.786 8.438 8.438 8.438 4.652 0 8.438-3.786 8.438-8.438 0-.655-.083-1.29-.225-1.903Zm-5.985-4.24.936 2.095-3.606 3.606a.625.625 0 1 0 .883.884l3.607-3.607 2.094.936a.803.803 0 0 0 .822-.194l2.488-2.487a.803.803 0 0 0-.315-1.33l-2.174-.724L16.24.862a.799.799 0 0 0-1.33-.314l-2.486 2.487a.804.804 0 0 0-.194.822Zm3.054-1.914.496 1.488.198.593.593.198 1.488.496-1.755 1.755-1.918-.857-.856-1.917 1.754-1.756Zm-4.239 2.309a2.072 2.072 0 0 1-.105-.564l-.06-.01A5.961 5.961 0 0 0 10 3.595 6.403 6.403 0 0 0 3.594 10 6.403 6.403 0 0 0 10 16.406 6.403 6.403 0 0 0 16.406 10c0-.314-.045-.615-.09-.916l-.005-.036a2.048 2.048 0 0 1-.584-.098c-.004 0-.007-.002-.01-.003a5.308 5.308 0 0 1-.32-.14l-.457-.204c.126.447.216.91.216 1.397A5.162 5.162 0 0 1 10 15.156 5.162 5.162 0 0 1 4.844 10 5.162 5.162 0 0 1 10 4.844c.488 0 .95.09 1.397.217l-.201-.45c-.122-.273-.134-.3-.143-.328a.327.327 0 0 1-.01-.031ZM6.875 10A3.129 3.129 0 0 1 10 6.875c.125 0 .245.017.366.034l.064.01-1.756 1.755a1.877 1.877 0 0 0 1.325 3.2c.518.001.986-.21 1.326-.549l1.757-1.755.009.064c.017.12.034.241.034.366A3.129 3.129 0 0 1 10 13.125 3.129 3.129 0 0 1 6.875 10Z",
+    fill: "currentColor"
+  }));
+};
+
+IconBullseyeArrow.displayName = 'IconBullseyeArrow';
+
+var IconCalculator = function IconCalculator(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-calculator",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3.125 0h13.75c1 0 1.875.875 1.875 1.875v16.25c0 1-.875 1.875-1.875 1.875H3.125c-1 0-1.875-.875-1.875-1.875V1.875C1.25.875 2.125 0 3.125 0Zm1.25 17.5h11.25c.345 0 .625-.28.625-.625v-7.5a.625.625 0 0 0-.625-.625H4.375a.625.625 0 0 0-.625.625v7.5c0 .345.28.625.625.625Zm8.125-3.75V10H15v6.25h-2.5v-2.5ZM11.25 10h-2.5v2.5h2.5V10Zm-2.5 3.75h2.5v2.5h-2.5v-2.5ZM7.5 10H5v2.5h2.5V10ZM5 13.75h2.5v2.5H5v-2.5Zm12.5 4.375c0 .31-.315.625-.625.625H3.125c-.31 0-.625-.315-.625-.625V7.5h15v10.625ZM2.5 6.25h15V1.875c0-.31-.315-.625-.625-.625H3.125c-.31 0-.625.315-.625.625V6.25Z",
+    fill: "currentColor"
+  }));
+};
+
+IconCalculator.displayName = 'IconCalculator';
+
+var IconCalendarAlt = function IconCalendarAlt(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-calendar-alt",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M17.292 2.5h-1.875V.469A.47.47 0 0 0 14.948 0h-.312a.47.47 0 0 0-.469.469V2.5h-7.5V.469A.47.47 0 0 0 6.198 0h-.312a.47.47 0 0 0-.469.469V2.5H3.542c-1.035 0-1.875.84-1.875 1.875v13.75c0 1.035.84 1.875 1.875 1.875h13.75c1.035 0 1.875-.84 1.875-1.875V4.375c0-1.035-.84-1.875-1.875-1.875ZM3.542 3.75h13.75c.344 0 .625.281.625.625V6.25h-15V4.375c0-.344.281-.625.625-.625Zm0 15h13.75a.627.627 0 0 0 .625-.625V7.5h-15v10.625c0 .344.281.625.625.625Zm3.906-6.25H5.886a.47.47 0 0 1-.469-.469V10.47A.47.47 0 0 1 5.886 10h1.562a.47.47 0 0 1 .469.469v1.562a.47.47 0 0 1-.469.469Zm2.188 0h1.562a.47.47 0 0 0 .469-.469V10.47a.47.47 0 0 0-.469-.469H9.636a.47.47 0 0 0-.469.469v1.562c0 .258.21.469.469.469Zm5.312 0h-1.562a.47.47 0 0 1-.469-.469V10.47a.47.47 0 0 1 .469-.469h1.562a.47.47 0 0 1 .469.469v1.562a.47.47 0 0 1-.469.469Zm-5.312 3.75h1.562a.47.47 0 0 0 .469-.469V14.22a.47.47 0 0 0-.469-.469H9.636a.47.47 0 0 0-.469.469v1.562c0 .258.21.469.469.469Zm-2.188 0H5.886a.47.47 0 0 1-.469-.469V14.22a.47.47 0 0 1 .469-.469h1.562a.47.47 0 0 1 .469.469v1.562a.47.47 0 0 1-.469.469Zm5.938 0h1.562a.47.47 0 0 0 .469-.469V14.22a.47.47 0 0 0-.469-.469h-1.562a.47.47 0 0 0-.469.469v1.562c0 .258.21.469.469.469Z",
+    fill: "currentColor"
+  }));
+};
+
+IconCalendarAlt.displayName = 'IconCalendarAlt';
+
+var IconCalendarCheck = function IconCalendarCheck(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-calendar-check",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M15 2.5h1.875c1.035 0 1.875.84 1.875 1.875v13.75c0 1.035-.84 1.875-1.875 1.875H3.125a1.875 1.875 0 0 1-1.875-1.875V4.375c0-1.036.84-1.875 1.875-1.875H5V.469C5 .209 5.21 0 5.469 0h.312c.26 0 .469.21.469.469V2.5h7.5V.469c0-.26.21-.469.469-.469h.312c.26 0 .469.21.469.469V2.5Zm1.875 1.25H3.125a.626.626 0 0 0-.625.625V6.25h15V4.375a.626.626 0 0 0-.625-.625Zm0 15H3.125a.626.626 0 0 1-.625-.625V7.5h15v10.625c0 .345-.28.625-.625.625Zm-7.862-2.392 5.266-5.223a.47.47 0 0 0 .002-.663l-.33-.333a.469.469 0 0 0-.664-.003l-4.6 4.564-1.97-1.976a.47.47 0 0 0-.664 0l-.332.33a.47.47 0 0 0-.001.664l2.63 2.639a.469.469 0 0 0 .663.001Z",
+    fill: "currentColor"
+  }));
+};
+
+IconCalendarCheck.displayName = 'IconCalendarCheck';
+
+var IconCalendarDay = function IconCalendarDay(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-calendar-day",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("g", {
+    clipPath: "url(#icon-calendar-day_svg__a)"
+  }, React__default.createElement("path", {
+    d: "M16.625 2.5H14.75V.312A.313.313 0 0 0 14.437 0h-.624a.313.313 0 0 0-.313.313V2.5H6V.312A.313.313 0 0 0 5.687 0h-.625a.313.313 0 0 0-.312.313V2.5H2.875C1.84 2.5 1 3.34 1 4.375v13.75C1 19.16 1.84 20 2.875 20h13.75c1.035 0 1.875-.84 1.875-1.875V4.375c0-1.035-.84-1.875-1.875-1.875Zm.625 15.625a.627.627 0 0 1-.625.625H2.875a.627.627 0 0 1-.625-.625V7.5h15v10.625Zm0-11.875h-15V4.375c0-.344.281-.625.625-.625h13.75c.344 0 .625.281.625.625V6.25ZM5.375 15h3.75a.627.627 0 0 0 .625-.625v-3.75A.627.627 0 0 0 9.125 10h-3.75a.627.627 0 0 0-.625.625v3.75c0 .344.281.625.625.625ZM6 11.25h2.5v2.5H6v-2.5Z",
+    fill: "currentColor"
+  })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
+    id: "icon-calendar-day_svg__a"
+  }, React__default.createElement("path", {
+    fill: "#fff",
+    transform: "translate(1)",
+    d: "M0 0h17.5v20H0z"
+  }))));
+};
+
+IconCalendarDay.displayName = 'IconCalendarDay';
+
+var IconCalendarExclamation = function IconCalendarExclamation(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-calendar-exclamation",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M17.857 2.5h-2.143V.469c0-.258-.24-.469-.535-.469h-.358c-.294 0-.535.21-.535.469V2.5H5.714V.469C5.714.21 5.474 0 5.18 0H4.82c-.294 0-.535.21-.535.469V2.5H2.143C.96 2.5 0 3.34 0 4.375v13.75C0 19.16.96 20 2.143 20h15.714C19.04 20 20 19.16 20 18.125V4.375C20 3.34 19.04 2.5 17.857 2.5ZM2.143 3.75h15.714c.393 0 .714.281.714.625V6.25H1.43V4.375c0-.344.321-.625.714-.625Zm15.714 15H2.143c-.393 0-.714-.281-.714-.625V7.5H18.57v10.625c0 .344-.321.625-.714.625Zm-8.361-10h1.008c.309 0 .554.227.536.496l-.299 4.688c-.018.25-.25.441-.536.441H9.79c-.286 0-.518-.195-.536-.441l-.299-4.688c-.013-.27.232-.496.54-.496Zm1.754 7.5c0 .605-.558 1.094-1.25 1.094s-1.25-.489-1.25-1.094c0-.605.558-1.094 1.25-1.094s1.25.489 1.25 1.094Z",
+    fill: "currentColor"
+  }));
+};
+
+IconCalendarExclamation.displayName = 'IconCalendarExclamation';
+
+var IconCalendarTomorrow = function IconCalendarTomorrow(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-calendar-tomorrow",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("g", {
+    clipPath: "url(#icon-calendar-tomorrow_svg__a)",
+    fill: "currentColor"
+  }, React__default.createElement("path", {
+    d: "M16.625 2.5H14.75V.312A.313.313 0 0 0 14.437 0h-.624a.313.313 0 0 0-.313.313V2.5H6V.312A.313.313 0 0 0 5.687 0h-.625a.313.313 0 0 0-.312.313V2.5H2.875C1.84 2.5 1 3.34 1 4.375v13.75C1 19.16 1.84 20 2.875 20h13.75c1.035 0 1.875-.84 1.875-1.875V4.375c0-1.035-.84-1.875-1.875-1.875Zm.625 15.625a.627.627 0 0 1-.625.625H2.875a.627.627 0 0 1-.625-.625V7.5h15v10.625Zm0-11.875h-15V4.375c0-.344.281-.625.625-.625h13.75c.344 0 .625.281.625.625V6.25ZM11.375 15h3.75a.627.627 0 0 0 .625-.625v-3.75a.627.627 0 0 0-.625-.625h-3.75a.627.627 0 0 0-.625.625v3.75c0 .344.281.625.625.625ZM12 11.25h2.5v2.5H12v-2.5Z"
+  }), React__default.createElement("path", {
+    d: "M8.125 15h-3.75a.627.627 0 0 1-.625-.625v-3.75c0-.344.281-.625.625-.625h3.75c.344 0 .625.281.625.625v3.75a.627.627 0 0 1-.625.625Z"
+  })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
+    id: "icon-calendar-tomorrow_svg__a"
+  }, React__default.createElement("path", {
+    fill: "#fff",
+    transform: "translate(1)",
+    d: "M0 0h17.5v20H0z"
+  }))));
+};
+
+IconCalendarTomorrow.displayName = 'IconCalendarTomorrow';
+
+var IconCalendar = function IconCalendar(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-calendar",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M16.875 2.5H15V.469A.469.469 0 0 0 14.531 0h-.312a.469.469 0 0 0-.469.469V2.5h-7.5V.469A.469.469 0 0 0 5.781 0H5.47A.469.469 0 0 0 5 .469V2.5H3.125c-1.036 0-1.875.84-1.875 1.875v13.75C1.25 19.16 2.09 20 3.125 20h13.75c1.035 0 1.875-.84 1.875-1.875V4.375c0-1.036-.84-1.875-1.875-1.875ZM3.125 3.75h13.75c.345 0 .625.28.625.625V6.25h-15V4.375c0-.345.28-.625.625-.625Zm0 15h13.75c.345 0 .625-.28.625-.625V7.5h-15v10.625c0 .345.28.625.625.625Z",
+    fill: "currentColor"
+  }));
+};
+
+IconCalendar.displayName = 'IconCalendar';
+
+var IconCameraSlash = function IconCameraSlash(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-camera-slash",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "m19.905 17.838-1.975-1.702V5.766c0-.906-.671-1.641-1.5-1.641h-2.75l-.446-1.3c-.182-.536-.647-.888-1.17-.888H7.972c-.625 0-1.184.424-1.403 1.063L6.18 4.125H3.984L.718 1.312a.232.232 0 0 0-.35.04l-.313.428a.289.289 0 0 0 .038.383L7.009 8.12c-.004.003-.004.006-.007.006l.788.677c.003-.003.003-.007.006-.007l4.319 3.72c-.003.003-.003.006-.006.006l.787.677c.003-.003.003-.007.006-.007l6.382 5.496c.109.096.265.076.35-.04l.312-.428a.29.29 0 0 0-.04-.383ZM8.572 8.073c.4-.253.866-.397 1.36-.397 1.515 0 2.75 1.35 2.75 3.008 0 .29-.038.571-.11.834l-4-3.445Zm1.36-1.487c-.82 0-1.576.287-2.191.772l-2.485-2.14h1.622l.628-1.832a.505.505 0 0 1 .47-.355h4.093c.103 0 .197.072.234.178l.691 2.01h3.44c.276 0 .5.246.5.547v9.509l-3.527-3.039a4.437 4.437 0 0 0 .278-1.548c-.003-2.263-1.685-4.102-3.754-4.102ZM3.43 16.153c-.274 0-.5-.246-.5-.547V6.005l-1-.79v10.388c0 .906.673 1.64 1.5 1.64h12.55l-1.268-1.093H3.431v.003Z",
+    fill: "currentColor"
+  }), React__default.createElement("path", {
+    d: "M6.487 9.072a4.438 4.438 0 0 0-.303 1.617c0 2.263 1.68 4.102 3.75 4.102.84 0 1.618-.305 2.243-.817l-.825-.711a2.57 2.57 0 0 1-1.418.434c-1.516 0-2.75-1.35-2.75-3.008 0-.314.043-.622.128-.906l-.825-.71Z",
+    fill: "currentColor"
+  }));
+};
+
+IconCameraSlash.displayName = 'IconCameraSlash';
+
+var IconCamera = function IconCamera(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-camera",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M12.668 2.5c.129 0 .246.082.293.203L13.824 5h4.301c.344 0 .625.281.625.625v11.25a.627.627 0 0 1-.625.625H1.875a.627.627 0 0 1-.625-.625V5.625c0-.344.281-.625.625-.625H6.18l.785-2.094A.626.626 0 0 1 7.55 2.5h5.117Zm0-1.25H7.551c-.781 0-1.48.484-1.754 1.215L5.313 3.75H1.874C.84 3.75 0 4.59 0 5.625v11.25c0 1.035.84 1.875 1.875 1.875h16.25c1.035 0 1.875-.84 1.875-1.875V5.625c0-1.035-.84-1.875-1.875-1.875h-3.438l-.558-1.484a1.553 1.553 0 0 0-1.461-1.016ZM10 15.938a4.691 4.691 0 0 1-4.688-4.688A4.691 4.691 0 0 1 10 6.562a4.691 4.691 0 0 1 4.688 4.688A4.691 4.691 0 0 1 10 15.938Zm0-8.126a3.443 3.443 0 0 0-3.438 3.438A3.443 3.443 0 0 0 10 14.688a3.443 3.443 0 0 0 3.438-3.438A3.443 3.443 0 0 0 10 7.812Z",
+    fill: "currentColor"
+  }));
+};
+
+IconCamera.displayName = 'IconCamera';
+
+var IconCashRegister = function IconCashRegister(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-cash-register",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M9.063 9.688a.627.627 0 0 0-.626-.626h-.624a.627.627 0 0 0-.625.626v.624c0 .344.28.626.625.626h.625a.627.627 0 0 0 .624-.626v-.624Zm-3.75 0a.627.627 0 0 0-.625-.626h-.625a.627.627 0 0 0-.625.626v.624c0 .344.28.626.624.626h.625a.627.627 0 0 0 .625-.626v-.624Zm1.25 1.874h-.625a.627.627 0 0 0-.625.626v.624c0 .344.28.626.625.626h.625a.627.627 0 0 0 .625-.626v-.624a.627.627 0 0 0-.625-.626Zm3.75 0h-.626a.627.627 0 0 0-.624.626v.624c0 .344.28.626.624.626h.626a.627.627 0 0 0 .624-.626v-.624a.627.627 0 0 0-.624-.626Zm2.5-1.874a.627.627 0 0 0-.626-.626h-.624a.627.627 0 0 0-.626.626v.624c0 .344.282.626.626.626h.624a.627.627 0 0 0 .626-.626v-.624Zm7.164 5.136L18.98 7.86a1.876 1.876 0 0 0-1.855-1.609H7.5v-2.5h3.125a.627.627 0 0 0 .625-.625v-2.5A.627.627 0 0 0 10.625 0h-7.5A.627.627 0 0 0 2.5.625v2.5c0 .344.281.625.625.625H6.25v2.5H2.875c-.934 0-1.723.688-1.855 1.61l-.997 6.964A2.673 2.673 0 0 0 0 15.18v2.945C0 19.16.84 20 1.875 20h16.25C19.16 20 20 19.16 20 18.125v-2.95c0-.116-.008-.234-.023-.35ZM3.75 2.5V1.25H10V2.5H3.75ZM2.258 8.035a.626.626 0 0 1 .617-.535h14.246c.309 0 .574.23.617.535l1 6.965H1.262l.996-6.965Zm16.492 10.09a.627.627 0 0 1-.625.625H1.875a.627.627 0 0 1-.625-.625V16.25h17.5v1.875Zm-2.813-9.063h-.624a.627.627 0 0 0-.626.626v.624c0 .344.282.626.626.626h.624a.627.627 0 0 0 .626-.626v-.624a.627.627 0 0 0-.625-.626Zm-1.874 2.5h-.626a.627.627 0 0 0-.624.626v.624c0 .344.28.626.624.626h.626a.627.627 0 0 0 .624-.626v-.624a.627.627 0 0 0-.624-.626Z",
+    fill: "currentColor"
+  }));
+};
+
+IconCashRegister.displayName = 'IconCashRegister';
+
+var IconChartBar = function IconChartBar(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-chart-bar",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M1.25 16.25h18.438c.172 0 .312.14.312.313v.625c0 .172-.14.312-.313.312H.625A.625.625 0 0 1 0 16.875V2.812C0 2.64.14 2.5.313 2.5h.625c.172 0 .312.14.312.313V16.25Zm15.313-2.5h.625c.171 0 .312-.14.312-.313V4.063a.313.313 0 0 0-.313-.313h-.625a.313.313 0 0 0-.312.313v9.375c0 .171.14.312.313.312Zm-3.75 0h.624c.172 0 .313-.14.313-.313V7.814a.313.313 0 0 0-.313-.313h-.624a.313.313 0 0 0-.313.313v5.625c0 .171.14.312.313.312Zm-6.876 0h-.625A.313.313 0 0 1 5 13.437v-3.124c0-.172.14-.313.313-.313h.625c.171 0 .312.14.312.313v3.124c0 .172-.14.313-.313.313Zm3.125 0h.626c.171 0 .312-.14.312-.313V5.313A.313.313 0 0 0 9.687 5h-.624a.313.313 0 0 0-.313.313v8.125c0 .171.14.312.313.312Z",
+    fill: "currentColor"
+  }));
+};
+
+IconChartBar.displayName = 'IconChartBar';
+
+var IconCheck = function IconCheck(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-check",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M7.324 16.832a.827.827 0 0 1-1.169-.005L.24 10.864a.827.827 0 0 1 .004-1.169l.587-.582a.827.827 0 0 1 1.17.005l4.75 4.79L18.01 2.74a.827.827 0 0 1 1.17.004l.581.587a.826.826 0 0 1-.005 1.17L7.325 16.831Z",
+    fill: "currentColor"
+  }));
+};
+
+IconCheck.displayName = 'IconCheck';
+
+var IconChevronDown = function IconChevronDown(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-chevron-down",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9.502 14.778 1.873 6.57a.783.783 0 0 1-.206-.537c0-.202.073-.393.206-.536l.256-.275a.671.671 0 0 1 .997 0L10 12.62l6.874-7.397A.676.676 0 0 1 17.374 5c.188 0 .365.079.498.222l.256.275a.787.787 0 0 1 .206.536.787.787 0 0 1-.206.537l-7.63 8.208a.67.67 0 0 1-.996 0Z",
+    fill: "currentColor"
+  }));
+};
+
+IconChevronDown.displayName = 'IconChevronDown';
+
+var IconChevronLeft = function IconChevronLeft(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-chevron-left",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "m5.222 9.502 8.208-7.629a.783.783 0 0 1 .537-.206c.202 0 .393.073.536.206l.275.256a.671.671 0 0 1 0 .997L7.38 10l7.397 6.875c.143.133.222.31.222.498a.677.677 0 0 1-.222.499l-.275.255a.787.787 0 0 1-.536.206.787.787 0 0 1-.537-.206L5.222 10.5a.671.671 0 0 1 0-.997Z",
+    fill: "currentColor"
+  }));
+};
+
+IconChevronLeft.displayName = 'IconChevronLeft';
+
+var IconChevronRight = function IconChevronRight(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-chevron-right",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M14.778 10.498 6.57 18.127a.784.784 0 0 1-.537.206.784.784 0 0 1-.536-.206l-.275-.256a.671.671 0 0 1 0-.997L12.62 10 5.222 3.125A.676.676 0 0 1 5 2.627c0-.189.079-.366.222-.499l.275-.255a.787.787 0 0 1 .536-.206c.195 0 .389.068.537.206L14.778 9.5a.671.671 0 0 1 0 .997Z",
+    fill: "currentColor"
+  }));
+};
+
+IconChevronRight.displayName = 'IconChevronRight';
+
+var IconChevronUp = function IconChevronUp(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-chevron-up",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9.502 5.222 1.873 13.43a.783.783 0 0 0-.206.537c0 .202.073.393.206.536l.256.275a.671.671 0 0 0 .997 0L10 7.38l6.874 7.397c.133.143.31.222.499.222a.676.676 0 0 0 .498-.222l.256-.275a.787.787 0 0 0 .206-.536.787.787 0 0 0-.206-.537l-7.63-8.208a.67.67 0 0 0-.996 0Z",
+    fill: "currentColor"
+  }));
+};
+
+IconChevronUp.displayName = 'IconChevronUp';
+
+var IconClipboardList = function IconClipboardList(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-clipboard-list",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12.164 2.5h3.461c1.035 0 1.875.84 1.875 1.875v13.75c0 1.035-.84 1.875-1.875 1.875H4.375A1.875 1.875 0 0 1 2.5 18.125V4.375C2.5 3.34 3.34 2.5 4.375 2.5h3.46A2.189 2.189 0 0 1 10 0a2.189 2.189 0 0 1 2.165 2.5ZM5.938 10c0-.52.417-.938.937-.938s.938.418.938.938-.418.938-.938.938A.935.935 0 0 1 5.937 10Zm7.5-.625H9.061a.313.313 0 0 0-.312.313v.624c0 .172.14.313.313.313h4.374c.172 0 .313-.14.313-.313v-.624a.313.313 0 0 0-.313-.313Zm0 3.75H9.061a.313.313 0 0 0-.312.313v.624c0 .172.14.313.313.313h4.374c.172 0 .313-.14.313-.313v-.624a.313.313 0 0 0-.313-.313Zm-6.563-.313a.935.935 0 0 0-.938.938c0 .52.418.938.938.938s.938-.418.938-.938a.935.935 0 0 0-.938-.938ZM10 1.25c.52 0 .938.418.938.938 0 .519-.418.937-.938.937a.935.935 0 0 1-.938-.938c0-.519.418-.937.938-.937Zm5.625 17.5a.627.627 0 0 0 .625-.625V4.375a.627.627 0 0 0-.625-.625H13.75v.781a.47.47 0 0 1-.469.469H6.72a.47.47 0 0 1-.469-.469V3.75H4.375a.627.627 0 0 0-.625.625v13.75c0 .344.281.625.625.625h11.25Z",
+    fill: "currentColor"
+  }));
+};
+
+IconClipboardList.displayName = 'IconClipboardList';
+
+var IconClock = function IconClock(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-clock",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M10 .313A9.686 9.686 0 0 0 .312 10 9.686 9.686 0 0 0 10 19.688 9.686 9.686 0 0 0 19.688 10 9.686 9.686 0 0 0 10 .312ZM18.438 10c0 4.637-3.754 8.438-8.438 8.438-4.637 0-8.438-3.754-8.438-8.438 0-4.637 3.754-8.438 8.438-8.438 4.637 0 8.438 3.754 8.438 8.438Zm-5.817 3.45L9.45 11.144a.472.472 0 0 1-.191-.38V4.532a.47.47 0 0 1 .469-.468h.546a.47.47 0 0 1 .47.468v5.715l2.753 2.004c.211.152.254.445.102.656l-.32.442a.472.472 0 0 1-.657.101Z",
+    fill: "currentColor"
+  }));
+};
+
+IconClock.displayName = 'IconClock';
+
+var IconCog = function IconCog(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-cog",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "m18.855 11.69-1.274-.735a7.63 7.63 0 0 0 0-1.91l1.274-.736a.935.935 0 0 0 .432-1.074 9.672 9.672 0 0 0-2.248-3.89.938.938 0 0 0-1.15-.167l-1.271.734a7.584 7.584 0 0 0-1.654-.956v-1.47a.938.938 0 0 0-.722-.912 9.756 9.756 0 0 0-4.484 0 .938.938 0 0 0-.722.912v1.47a7.582 7.582 0 0 0-1.654.956l-1.271-.734a.938.938 0 0 0-1.15.167 9.671 9.671 0 0 0-2.248 3.89.935.935 0 0 0 .432 1.074l1.273.736a7.624 7.624 0 0 0 0 1.91l-1.273.736a.935.935 0 0 0-.432 1.074 9.671 9.671 0 0 0 2.248 3.89.938.938 0 0 0 1.15.168l1.271-.735a7.58 7.58 0 0 0 1.654.956v1.47c0 .434.3.812.722.912a9.754 9.754 0 0 0 4.484 0 .938.938 0 0 0 .722-.912v-1.47a7.59 7.59 0 0 0 1.653-.956l1.272.735a.938.938 0 0 0 1.15-.168 9.672 9.672 0 0 0 2.248-3.89.935.935 0 0 0-.432-1.075Zm-2.558 3.925L14.49 14.57c-1.055.901-1.429 1.128-2.775 1.604v2.09a8.482 8.482 0 0 1-3.428 0v-2.09c-1.313-.464-1.693-.68-2.775-1.604l-1.809 1.045a8.437 8.437 0 0 1-1.716-2.967l1.81-1.045c-.255-1.383-.255-1.822 0-3.206l-1.81-1.045a8.444 8.444 0 0 1 1.716-2.967l1.81 1.045c1.069-.915 1.447-1.135 2.774-1.604v-2.09a8.468 8.468 0 0 1 3.428 0v2.09c1.327.469 1.705.689 2.775 1.604l1.808-1.045a8.444 8.444 0 0 1 1.716 2.967l-1.81 1.045c.256 1.384.256 1.822 0 3.206l1.81 1.045a8.438 8.438 0 0 1-1.716 2.967ZM10 6.25A3.754 3.754 0 0 0 6.25 10 3.754 3.754 0 0 0 10 13.75 3.754 3.754 0 0 0 13.75 10 3.754 3.754 0 0 0 10 6.25Zm0 6.25A2.503 2.503 0 0 1 7.5 10c0-1.379 1.121-2.5 2.5-2.5s2.5 1.121 2.5 2.5-1.121 2.5-2.5 2.5Z",
+    fill: "currentColor"
+  }));
+};
+
+IconCog.displayName = 'IconCog';
+
+var IconCommentLines = function IconCommentLines(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-comment-lines",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M.039 9.376c0-4.48 4.468-8.109 9.98-8.109 5.513 0 9.98 3.63 9.98 8.11 0 4.479-4.467 8.108-9.98 8.108-1.279 0-2.495-.202-3.625-.557-1.135.803-3.026 1.805-5.424 1.805a.936.936 0 0 1-.678-1.579c.02-.016 1.228-1.318 1.81-2.854C.814 12.932.038 11.232.038 9.376Zm18.713 0c0-3.781-3.918-6.861-8.733-6.861s-8.733 3.08-8.733 6.861c0 1.466.597 2.873 1.724 4.067l.534.569-.277.729c-.429 1.138-1.123 2.125-1.59 2.713 1.718-.167 3.102-.908 4-1.544l.506-.358.593.187c1.048.331 2.14.499 3.243.499 4.815 0 8.733-3.08 8.733-6.862Z",
+    fill: "currentColor"
+  }), React__default.createElement("path", {
+    d: "M5.313 10.417h5.625c.171 0 .312.14.312.312v.625c0 .172-.14.313-.313.313H5.314A.313.313 0 0 1 5 11.354v-.625c0-.172.14-.312.313-.312ZM5.313 6.667h9.375c.171 0 .312.14.312.312v.625c0 .172-.14.313-.313.313H5.313A.313.313 0 0 1 5 7.604V6.98c0-.172.14-.312.313-.312Z",
+    fill: "currentColor"
+  }));
+};
+
+IconCommentLines.displayName = 'IconCommentLines';
+
+var IconComment = function IconComment(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-comment",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M.04 9.376c0-4.48 4.468-8.109 9.98-8.109 5.513 0 9.98 3.63 9.98 8.11 0 4.479-4.467 8.108-9.98 8.108-1.279 0-2.495-.202-3.626-.557-1.134.803-3.025 1.805-5.423 1.805a.936.936 0 0 1-.678-1.579c.02-.016 1.228-1.318 1.81-2.854C.815 12.932.04 11.232.04 9.376Zm18.713 0c0-3.781-3.918-6.861-8.733-6.861s-8.733 3.08-8.733 6.861c0 1.466.597 2.873 1.723 4.067l.535.569-.277.729c-.429 1.138-1.123 2.125-1.59 2.713 1.718-.167 3.102-.908 4-1.544l.506-.358.593.187c1.048.331 2.14.499 3.243.499 4.815 0 8.733-3.08 8.733-6.862Z",
+    fill: "currentColor"
+  }));
+};
+
+IconComment.displayName = 'IconComment';
+
+var IconCopy = function IconCopy(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-copy",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("g", {
+    clipPath: "url(#icon-copy_svg__a)"
+  }, React__default.createElement("path", {
+    d: "M19.372 2.576 17.056.549A2.308 2.308 0 0 0 15.541 0H7.857C6.674 0 5.714.84 5.714 1.875V3.75H2.143C.959 3.75 0 4.59 0 5.625v12.5C0 19.16.96 20 2.143 20h10c1.183 0 2.143-.84 2.143-1.875V16.25h3.571c1.184 0 2.143-.84 2.143-1.875V3.902c0-.498-.226-.975-.628-1.326Zm-3.658-1.307a.74.74 0 0 1 .332.164l2.316 2.027c.092.08.157.18.188.29h-2.836V1.27Zm-2.857 16.856c0 .345-.32.625-.714.625h-10c-.394 0-.714-.28-.714-.625v-12.5c0-.345.32-.625.714-.625h3.571v9.375c0 1.036.96 1.875 2.143 1.875h5v1.875Zm5.714-3.75c0 .345-.32.625-.714.625h-10c-.394 0-.714-.28-.714-.625v-12.5c0-.345.32-.625.714-.625h6.429v2.813c0 .515.482.937 1.071.937h3.214v9.375Z",
+    fill: "currentColor"
+  })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
+    id: "icon-copy_svg__a"
+  }, React__default.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h20v20H0z"
+  }))));
+};
+
+IconCopy.displayName = 'IconCopy';
+
+var IconCreditCardPlus = function IconCreditCardPlus(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-credit-card-plus",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("g", {
+    clipPath: "url(#icon-credit-card-plus_svg__a)"
+  }, React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5.074 3.12a1.017 1.017 0 0 0-.782.678c-.055.153-.054.135-.054 2.483v2.23H2.59c-1.077 0-1.681.005-1.746.014-.43.057-.775.395-.854.836-.027.15-.027 6.53 0 6.682.077.44.431.787.855.838.065.007 1.964.01 5.217.008l5.115-.003.101-.034c.326-.112.559-.345.672-.676.05-.144.05-.21.051-2.476v-2.218l1.721-.003 1.721-.004.1-.034c.384-.13.662-.462.712-.845.016-.12.016-6.461 0-6.597a1.02 1.02 0 0 0-.837-.88c-.163-.026-10.19-.025-10.344 0Zm13.307.465v.485h-.943v.641h.943v.969h.63v-.969h.931V4.07h-.931V3.1h-.63v.484Zm-3.24.604c.118.073.12.081.12.575v.426H5.23l.004-.419c.005-.472.01-.497.105-.57.072-.055-.124-.053 4.946-.051l4.795.001.061.038Zm.12 4.314v1.741l-.03.056a.32.32 0 0 1-.082.093l-.054.037-1.547.004-1.546.003v-.462c0-.51-.009-.623-.055-.757-.132-.376-.428-.633-.795-.689-.094-.014-.61-.017-3.017-.017H5.232v-.867c0-.476.004-.87.008-.874a754.34 754.34 0 0 1 5.015-.009h5.006v1.741Zm-9.023-.426v.258h4.518V7.82H6.238v.258Zm6.519 0v.258h1.51V7.82h-1.51v.258ZM10.876 9.6c.117.073.119.08.119.575v.425H.964l.004-.418c.005-.473.01-.497.105-.57.072-.055-.124-.053 4.946-.051l4.796.001.06.038Zm.116 4.328-.003 1.754-.038.054a.319.319 0 0 1-.093.082l-.056.03H5.988c-4.654 0-4.816-.002-4.865-.024a.242.242 0 0 1-.128-.134c-.022-.048-.044-3.446-.023-3.5.005-.014.984-.017 5.014-.017h5.01l-.004 1.755Zm-9.02-.44v.258H6.49v-.516H1.973v.258Zm6.519 0v.258H10v-.516H8.49v.258Zm-6.515 1.048.003.261 1.5.003 1.501.003v-.528H1.972l.004.26Z",
+    fill: "currentColor"
+  })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
+    id: "icon-credit-card-plus_svg__a"
+  }, React__default.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h20v20H0z"
+  }))));
+};
+
+IconCreditCardPlus.displayName = 'IconCreditCardPlus';
+
+var IconCreditCard = function IconCreditCard(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-credit-card",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("g", {
+    clipPath: "url(#icon-credit-card_svg__a)"
+  }, React__default.createElement("path", {
+    d: "M18.333 2.21H1.667C.747 2.21 0 2.956 0 3.877v12.222c0 .92.747 1.666 1.667 1.666h16.666c.92 0 1.667-.746 1.667-1.666V3.877c0-.92-.747-1.667-1.667-1.667ZM1.667 3.321h16.666c.306 0 .556.25.556.556v1.666H1.11V3.877c0-.306.25-.556.556-.556Zm16.666 13.333H1.667a.557.557 0 0 1-.556-.555V8.877H18.89v7.222c0 .305-.25.555-.556.555ZM6.667 13.738v.277c0 .23-.188.417-.417.417h-2.5a.418.418 0 0 1-.417-.417v-.277c0-.23.188-.417.417-.417h2.5c.23 0 .417.188.417.417Zm6.666 0v.277c0 .23-.187.417-.416.417H8.194a.418.418 0 0 1-.416-.417v-.277c0-.23.187-.417.416-.417h4.723c.229 0 .416.188.416.417Z",
+    fill: "currentColor"
+  })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
+    id: "icon-credit-card_svg__a"
+  }, React__default.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h20v20H0z"
+  }))));
+};
+
+IconCreditCard.displayName = 'IconCreditCard';
+
+var IconDownload = function IconDownload(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-download",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M18.281 20c.95 0 1.719-.77 1.719-1.719V14.22c0-.95-.77-1.719-1.719-1.719h-3.883l2.204-2.203c.98-.985.285-2.668-1.106-2.668h-2.059V1.563C13.438.699 12.739 0 11.876 0h-3.75c-.863 0-1.563.7-1.563 1.563v6.066H4.505c-1.39 0-2.09 1.684-1.106 2.668L5.602 12.5H1.719C.769 12.5 0 13.27 0 14.219v4.062C0 19.231.77 20 1.719 20H18.28Zm-3.906-3.906a.783.783 0 0 0-.781.781c0 .43.351.781.781.781.43 0 .781-.351.781-.781a.783.783 0 0 0-.781-.781Zm3.281.781c0 .43-.351.781-.781.781a.783.783 0 0 1-.781-.781c0-.43.351-.781.781-.781.43 0 .781.351.781.781ZM9.777 14.91c.121.121.32.121.442 0l5.496-5.496a.314.314 0 0 0-.223-.535h-3.305V1.563a.313.313 0 0 0-.312-.313h-3.75a.313.313 0 0 0-.313.313v7.316H4.504a.315.315 0 0 0-.223.535l5.496 5.496Zm8.504-1.16a.47.47 0 0 1 .469.469v4.062a.47.47 0 0 1-.469.469H1.72a.47.47 0 0 1-.469-.469V14.22a.47.47 0 0 1 .469-.469h5.133l2.043 2.043c.609.61 1.601.61 2.21 0l2.043-2.043h5.133Z",
+    fill: "currentColor"
+  }));
+};
+
+IconDownload.displayName = 'IconDownload';
+
+var IconEdit = function IconEdit(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-edit",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "m14.507 12.092.694-.703a.207.207 0 0 1 .355.147v5.777c0 .931-.747 1.687-1.667 1.687H1.667C.747 19 0 18.244 0 17.312V4.938C0 4.006.747 3.25 1.667 3.25h10.149c.184 0 .278.229.146.359l-.695.703a.213.213 0 0 1-.146.063H1.667a.56.56 0 0 0-.556.563v12.375c0 .309.25.562.556.562h12.222a.56.56 0 0 0 .555-.563V12.24c0-.056.021-.109.063-.147Zm5.066-6.722L8.723 16.356l-3.47.39a.733.733 0 0 1-.805-.815l.385-3.512L15.684 1.432a1.446 1.446 0 0 1 2.063 0l1.826 1.85a1.49 1.49 0 0 1 0 2.088Zm-3.25 1.701-2.316-2.344-8.111 8.208-.288 2.64 2.607-.291 8.108-8.213Zm2.465-2.995-1.826-1.849a.343.343 0 0 0-.49 0l-1.68 1.702 2.316 2.344 1.68-1.701a.353.353 0 0 0 0-.496Z",
+    fill: "currentColor"
+  }));
+};
+
+IconEdit.displayName = 'IconEdit';
+
+var IconEllipsisV = function IconEllipsisV(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-ellipsis-v",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8 2.188C8 3.34 8.892 4.27 9.997 4.27c1.104 0 1.996-.931 1.996-2.083 0-1.153-.892-2.084-1.996-2.084C8.892.104 8 1.035 8 2.188Zm1.997 5.729c1.104 0 1.996.93 1.996 2.083 0 1.152-.892 2.083-1.996 2.083C8.892 12.083 8 11.153 8 10c0-1.152.892-2.083 1.997-2.083Zm0 11.979C8.892 19.896 8 18.965 8 17.813c0-1.153.892-2.084 1.997-2.084 1.104 0 1.996.931 1.996 2.084 0 1.152-.892 2.083-1.996 2.083Z",
+    fill: "currentColor"
+  }));
+};
+
+IconEllipsisV.displayName = 'IconEllipsisV';
+
+var IconEnvelope = function IconEnvelope(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-envelope",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M18.125 2.5H1.875C.84 2.5 0 3.34 0 4.375v11.25C0 16.66.84 17.5 1.875 17.5h16.25c1.035 0 1.875-.84 1.875-1.875V4.375C20 3.34 19.16 2.5 18.125 2.5ZM1.875 3.75h16.25c.344 0 .625.281.625.625v1.617c-.855.723-2.078 1.719-5.883 4.738-.66.524-1.96 1.786-2.867 1.77-.906.016-2.21-1.246-2.867-1.77C3.328 7.71 2.105 6.715 1.25 5.992V4.375c0-.344.281-.625.625-.625Zm16.25 12.5H1.875a.627.627 0 0 1-.625-.625V7.617c.89.73 2.297 1.86 5.105 4.09.801.64 2.215 2.05 3.645 2.043 1.422.012 2.824-1.387 3.645-2.043 2.808-2.23 4.214-3.36 5.105-4.09v8.008a.627.627 0 0 1-.625.625Z",
+    fill: "currentColor"
+  }));
+};
+
+IconEnvelope.displayName = 'IconEnvelope';
+
+var IconExclaimationTriangle = function IconExclaimationTriangle(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-exclaimation-triangle",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "m19.74 16.378-8.315-14.42C10.787.85 9.182.85 8.54 1.958L.225 16.378c-.637 1.105.16 2.495 1.442 2.495h16.635c1.275 0 2.08-1.386 1.438-2.495Zm-9.144-9.706h-1.23a.208.208 0 0 0-.208.215l.26 6.794a.207.207 0 0 0 .208.201h.71a.21.21 0 0 0 .208-.2l.26-6.795a.208.208 0 0 0-.208-.215Zm-1.584 8.874c0-.537.433-.97.97-.97.538 0 .971.433.971.97 0 .537-.433.97-.97.97a.969.969 0 0 1-.97-.97Zm-7.348 2.218h16.638a.554.554 0 0 0 .478-.832L10.461 2.513a.555.555 0 0 0-.96 0l-8.319 14.42a.556.556 0 0 0 .482.831Z",
+    fill: "currentColor"
+  }));
+};
+
+IconExclaimationTriangle.displayName = 'IconExclaimationTriangle';
+
+var IconExclaimation = function IconExclaimation(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-exclaimation",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M9.15 0h1.714c.51 0 .916.424.895.933l-.523 12.537a.895.895 0 0 1-.895.858h-.67a.896.896 0 0 1-.894-.858L8.254.933A.896.896 0 0 1 9.15 0Zm.857 15.82a2.09 2.09 0 1 0 0 4.18 2.09 2.09 0 0 0 0-4.18Z",
+    fill: "currentColor"
+  }));
+};
+
+IconExclaimation.displayName = 'IconExclaimation';
+
+var IconExpand = function IconExpand(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-expand",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "m9.017 10.762.22.221a.469.469 0 0 1 0 .663L3.385 17.5H5.78c.26 0 .469.21.469.469v.312c0 .26-.21.469-.469.469H1.72a.469.469 0 0 1-.469-.469V14.22c0-.26.21-.469.469-.469h.312c.26 0 .469.21.469.469v2.397l5.854-5.854a.469.469 0 0 1 .663 0ZM18.28 1.25H14.22a.469.469 0 0 0-.469.469v.312c0 .26.21.469.469.469h2.397l-5.854 5.854a.469.469 0 0 0 0 .663l.221.22c.183.184.48.184.663 0L17.5 3.385V5.78c0 .26.21.469.469.469h.312c.26 0 .469-.21.469-.469V1.72a.469.469 0 0 0-.469-.469Z",
+    fill: "currentColor"
+  }));
+};
+
+IconExpand.displayName = 'IconExpand';
+
+var IconExternalLink = function IconExternalLink(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-external-link",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6.789 13.537a.417.417 0 0 0 0 .589l.196.196a.417.417 0 0 0 .59 0l11.22-11.22.024.024-.011 3.124c0 .23.186.417.416.417h.347c.23 0 .417-.187.417-.417L20 1.528a.417.417 0 0 0-.417-.417l-4.722.012a.417.417 0 0 0-.417.417v.347c0 .23.187.417.417.417l3.124-.012.024.024-11.22 11.22ZM14.566 9l.278-.278a.417.417 0 0 1 .712.295v8.205c0 .92-.747 1.667-1.667 1.667H1.667c-.92 0-1.667-.746-1.667-1.667V5c0-.92.746-1.667 1.667-1.667h12.082c.371 0 .557.45.295.712l-.278.277a.416.416 0 0 1-.295.122H1.667A.556.556 0 0 0 1.11 5v12.222c0 .307.249.556.556.556h12.222a.556.556 0 0 0 .555-.556V9.294c0-.11.044-.216.122-.294Z",
+    fill: "currentColor"
+  }));
+};
+
+IconExternalLink.displayName = 'IconExternalLink';
+
+var IconEyeSlash = function IconEyeSlash(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-eye-slash",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("g", {
+    clipPath: "url(#icon-eye-slash_svg__a)"
+  }, React__default.createElement("g", {
+    clipPath: "url(#icon-eye-slash_svg__b)"
+  }, React__default.createElement("path", {
+    d: "M19.906 16.806.719 2.452a.26.26 0 0 0-.352.037l-.312.371a.23.23 0 0 0 .039.334L19.28 17.548a.256.256 0 0 0 .184.05.257.257 0 0 0 .168-.087l.312-.371a.23.23 0 0 0-.039-.334ZM10 5.25a4.113 4.113 0 0 1 2.827 1.114A3.71 3.71 0 0 1 14 9.05c0 .642-.185 1.238-.482 1.768l.796.594A4.518 4.518 0 0 0 15 9.05c0-1.093-.404-2.087-1.056-2.89 1.747.838 3.168 2.183 4.057 3.84a8.975 8.975 0 0 1-2.118 2.588l.792.592c.89-.78 1.652-1.7 2.216-2.747a.922.922 0 0 0 0-.867A10.085 10.085 0 0 0 10 4.3c-1.404 0-2.791.287-4.066.844l1.43 1.069A4.094 4.094 0 0 1 10 5.25Zm1.902 4.359c.098-.284.123-.585.073-.88a1.826 1.826 0 0 0-.358-.815 1.952 1.952 0 0 0-.711-.568A2.06 2.06 0 0 0 10 7.15c-.031 0-.06.007-.09.009.122.308.12.648-.007.955l1.999 1.495Zm-6.8-1.46a4.36 4.36 0 0 0-.102.9c-.003.797.205 1.58.605 2.28.4.699.98 1.29 1.684 1.72a5.21 5.21 0 0 0 4.781.313l-.924-.69A4.136 4.136 0 0 1 10 12.85a4.114 4.114 0 0 1-2.827-1.114A3.71 3.71 0 0 1 6 9.05c0-.073.018-.14.022-.211l-.92-.69ZM10 14.75A9.065 9.065 0 0 1 2 10c.545-1.008 1.284-1.861 2.135-2.574l-.809-.604c-.89.78-1.652 1.7-2.216 2.746a.922.922 0 0 0 0 .866C2.803 13.575 6.158 15.7 10 15.7c1.403 0 2.79-.287 4.066-.844l-.914-.683A9.147 9.147 0 0 1 10 14.75Z",
+    fill: "currentColor"
+  }))), React__default.createElement("defs", null, React__default.createElement("clipPath", {
+    id: "icon-eye-slash_svg__a"
+  }, React__default.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h20v20H0z"
+  })), React__default.createElement("clipPath", {
+    id: "icon-eye-slash_svg__b"
+  }, React__default.createElement("path", {
+    fill: "#fff",
+    transform: "translate(0 2.4)",
+    d: "M0 0h20v15.2H0z"
+  }))));
+};
+
+IconEyeSlash.displayName = 'IconEyeSlash';
+
+var IconEye = function IconEye(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-eye",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("g", {
+    clipPath: "url(#icon-eye_svg__a)"
+  }, React__default.createElement("path", {
+    d: "M10 11a2 2 0 0 0 0-4c-.031 0-.059.008-.09.01a1.484 1.484 0 0 1-1.901 1.9C8.01 8.943 8 8.97 8 9a2 2 0 0 0 2 2Zm8.891-1.456C17.197 6.237 13.841 4 10 4 6.158 4 2.802 6.239 1.109 9.544a1.011 1.011 0 0 0 0 .912C2.803 13.763 6.159 16 10 16s7.198-2.239 8.891-5.544a1.01 1.01 0 0 0 0-.912ZM10 5a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm0 10c-3.355 0-6.42-1.916-8-5a9.212 9.212 0 0 1 4.056-4.042 4.954 4.954 0 0 0 .408 6.578A5 5 0 0 0 15 9c0-1.15-.403-2.197-1.056-3.042A9.212 9.212 0 0 1 18 10c-1.58 3.084-4.645 5-8 5Z",
+    fill: "currentColor"
+  })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
+    id: "icon-eye_svg__a"
+  }, React__default.createElement("path", {
+    fill: "#fff",
+    transform: "translate(1 2)",
+    d: "M0 0h18v16H0z"
+  }))));
+};
+
+IconEye.displayName = 'IconEye';
+
+var IconFilePdf = function IconFilePdf(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-file-pdf",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("g", {
+    clipPath: "url(#icon-file-pdf_svg__a)"
+  }, React__default.createElement("path", {
+    d: "M16.95 3.49 13.671.213a1.875 1.875 0 0 0-1.324-.55H4.375A1.881 1.881 0 0 0 2.5 1.54v16.25c0 1.035.84 1.875 1.875 1.875h11.25c1.035 0 1.875-.84 1.875-1.875V4.82c0-.496-.2-.977-.55-1.329Zm-.884.887c.082.082.137.18.165.29H12.5V.935c.11.027.207.082.29.164l3.276 3.277Zm-.441 14.04H4.375a.627.627 0 0 1-.625-.626V1.541c0-.343.281-.625.625-.625h6.875V4.98c0 .52.418.937.938.937h4.062v11.875a.627.627 0 0 1-.625.625Zm-.86-6.688c-.527-.52-2.148-.36-2.878-.262-.828-.5-1.375-1.188-1.762-2.21.168-.704.469-1.845.25-2.536-.172-1.098-1.55-.965-1.742-.266-.195.715-.012 1.735.328 3.04-.465 1.109-1.16 2.613-1.645 3.46-.812.418-2.113 1.145-2.296 2.047-.137.656.894 1.54 2.074.25.355-.386.754-.969 1.222-1.777 1.043-.344 2.192-.774 3.204-.938.855.47 1.859.778 2.523.778 1.082.004 1.129-1.18.723-1.586Zm-8.953 3.476c.231-.62 1.118-1.343 1.387-1.593-.863 1.379-1.386 1.62-1.386 1.593Zm3.72-8.683c.34 0 .304 1.465.081 1.86-.203-.638-.195-1.86-.082-1.86Zm-1.11 6.222c.441-.773.82-1.687 1.125-2.488a5.089 5.089 0 0 0 1.371 1.621c-.95.184-1.773.59-2.496.867Zm5.992-.23s-.226.273-1.7-.356c1.602-.117 1.864.25 1.7.356Z",
+    fill: "currentColor"
+  })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
+    id: "icon-file-pdf_svg__a"
+  }, React__default.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h20v20H0z"
+  }))));
+};
+
+IconFilePdf.displayName = 'IconFilePdf';
+
+var IconFile = function IconFile(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-file",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("g", {
+    clipPath: "url(#icon-file_svg__a)"
+  }, React__default.createElement("path", {
+    d: "M16.95 3.824 13.671.546a1.875 1.875 0 0 0-1.324-.55H4.375A1.881 1.881 0 0 0 2.5 1.875v16.25C2.5 19.16 3.34 20 4.375 20h11.25c1.035 0 1.875-.84 1.875-1.875V5.152c0-.496-.2-.977-.55-1.328Zm-.884.886c.082.082.137.18.165.29H12.5V1.269c.11.027.207.082.29.164l3.276 3.277Zm-.441 14.04H4.375a.627.627 0 0 1-.625-.625V1.875c0-.344.281-.625.625-.625h6.875v4.062c0 .52.418.938.938.938h4.062v11.875a.627.627 0 0 1-.625.625Z",
+    fill: "currentColor"
+  })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
+    id: "icon-file_svg__a"
+  }, React__default.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h20v20H0z"
+  }))));
+};
+
+IconFile.displayName = 'IconFile';
+
+var IconFlag = function IconFlag(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-flag",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("g", {
+    clipPath: "url(#icon-flag_svg__a)"
+  }, React__default.createElement("path", {
+    d: "M18.457 0a2.03 2.03 0 0 0-.828.18c-1.973.886-3.43 1.183-4.652 1.183-2.582 0-4.082-1.347-7.063-1.347C4.68.016 3.172.27 1.25.922V.625A.627.627 0 0 0 .625 0 .627.627 0 0 0 0 .625v19.063c0 .171.14.312.313.312h.625c.171 0 .312-.14.312-.313v-3.921c1.727-.618 3.188-.86 4.473-.86 3.172 0 5.382 1.344 8.558 1.344 1.38 0 2.934-.254 4.832-.977.547-.21.89-.699.89-1.218V1.305C20 .508 19.274 0 18.458 0Zm-4.18 15c-2.953 0-5.195-1.344-8.558-1.344-1.434 0-2.907.254-4.473.774V2.234c1.797-.652 3.332-.968 4.664-.968 2.715 0 4.235 1.347 7.063 1.347 1.554 0 3.195-.41 5.16-1.293.367-.164.613-.02.613.22v12.503c-.031.098-2.297.957-4.469.957Z",
+    fill: "currentColor"
+  })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
+    id: "icon-flag_svg__a"
+  }, React__default.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h20v20H0z"
+  }))));
+};
+
+IconFlag.displayName = 'IconFlag';
+
+var IconFourDotsCircle = function IconFourDotsCircle(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-four-dots-circle",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M.313 10A9.686 9.686 0 0 1 10 .312 9.686 9.686 0 0 1 19.688 10 9.686 9.686 0 0 1 10 19.688 9.686 9.686 0 0 1 .312 10ZM10 18.438c4.684 0 8.438-3.801 8.438-8.438 0-4.684-3.801-8.438-8.438-8.438-4.684 0-8.438 3.801-8.438 8.438 0 4.684 3.801 8.438 8.438 8.438ZM7.083 9.166a2.083 2.083 0 1 0 0-4.167 2.083 2.083 0 0 0 0 4.167Zm2.084 3.75a2.083 2.083 0 1 1-4.167 0 2.083 2.083 0 0 1 4.167 0Zm3.75-3.75a2.083 2.083 0 1 0 0-4.167 2.083 2.083 0 0 0 0 4.167ZM15 12.917a2.083 2.083 0 1 1-4.167 0 2.083 2.083 0 0 1 4.167 0Z",
+    fill: "currentColor"
+  }));
+};
+
+IconFourDotsCircle.displayName = 'IconFourDotsCircle';
+
+var IconFourSquares = function IconFourSquares(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-four-squares",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("rect", {
+    x: 0.833,
+    y: 10.573,
+    width: 8.594,
+    height: 8.594,
+    rx: 1,
+    fill: "currentColor"
+  }), React__default.createElement("rect", {
+    x: 10.822,
+    y: 10.823,
+    width: 8.094,
+    height: 8.094,
+    rx: 0.75,
+    stroke: "currentColor",
+    strokeWidth: 0.5
+  }), React__default.createElement("rect", {
+    x: 0.833,
+    y: 0.833,
+    width: 8.594,
+    height: 8.594,
+    rx: 1,
+    fill: "currentColor"
+  }), React__default.createElement("rect", {
+    x: 10.572,
+    y: 0.833,
+    width: 8.594,
+    height: 8.594,
+    rx: 1,
+    fill: "currentColor"
+  }));
+};
+
+IconFourSquares.displayName = 'IconFourSquares';
+
+var IconGift = function IconGift(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-gift",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M18.125 6H16.59a3.229 3.229 0 0 0 .598-1.875c0-1.723-1.305-3.125-2.91-3.125-1.653 0-2.61.992-4.278 3.742C8.332 1.992 7.375 1 5.723 1c-1.606 0-2.91 1.402-2.91 3.125 0 .707.226 1.352.597 1.875H1.875C.84 6 0 6.84 0 7.875v3.75c0 .344.281.625.625.625h.625v5.625c0 1.035.84 1.875 1.875 1.875h13.75c1.035 0 1.875-.84 1.875-1.875V12.25h.625a.627.627 0 0 0 .625-.625v-3.75C20 6.84 19.16 6 18.125 6Zm-7.336-.14c1.934-3.255 2.578-3.61 3.488-3.61.914 0 1.66.84 1.66 1.875 0 1.035-.746 1.875-1.66 1.875h-3.574l.086-.14ZM5.723 2.25c.914 0 1.554.355 3.488 3.61l.082.14H5.719c-.914 0-1.66-.84-1.66-1.875.003-1.035.75-1.875 1.664-1.875ZM7.5 18.5H3.125a.627.627 0 0 1-.625-.625V12.25h5v6.25Zm0-7.5H1.25V7.875c0-.344.281-.625.625-.625H7.5V11Zm3.75 7.5h-2.5V7.25h2.5V18.5Zm6.25-.625a.627.627 0 0 1-.625.625H12.5v-6.25h5v5.625ZM18.75 11H12.5V7.25h5.625c.344 0 .625.281.625.625V11Z",
+    fill: "currentColor"
+  }));
+};
+
+IconGift.displayName = 'IconGift';
+
+var IconGrinBeam = function IconGrinBeam(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-grin-beam",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h20v20H0z"
+  }), React__default.createElement("path", {
+    d: "M4.746 9.676a.335.335 0 0 0 .375-.145l.383-.664c.31-.535.774-.844 1.27-.844s.96.309 1.27.844l.383.664c.085.145.25.184.375.145a.314.314 0 0 0 .23-.324c-.133-1.645-1.298-2.79-2.258-2.79S4.65 7.707 4.516 9.352a.317.317 0 0 0 .23.324Zm6.452 0a.335.335 0 0 0 .375-.145l.383-.664c.31-.535.774-.844 1.27-.844s.96.309 1.27.844l.383.664c.085.145.25.184.375.145a.314.314 0 0 0 .23-.324c-.133-1.645-1.299-2.79-2.258-2.79-.96 0-2.125 1.145-2.258 2.79a.317.317 0 0 0 .23.324Zm3.766 2.855c-1.218.38-3.029.594-4.964.594-1.935 0-3.746-.215-4.964-.594a.662.662 0 0 0-.617.121.62.62 0 0 0-.213.579c.37 2.148 3.354 3.644 5.798 3.644s5.423-1.496 5.798-3.645a.624.624 0 0 0-.213-.578.66.66 0 0 0-.625-.12ZM10 15.625c-1.411 0-3.105-.637-3.972-1.574 2.319.422 5.63.422 7.948 0-.871.937-2.565 1.574-3.976 1.574ZM10 .312C4.476.313 0 4.649 0 10s4.476 9.688 10 9.688S20 15.351 20 10 15.524.312 10 .312Zm0 18.125c-4.802 0-8.71-3.785-8.71-8.437 0-4.652 3.908-8.438 8.71-8.438 4.802 0 8.71 3.786 8.71 8.438 0 4.652-3.908 8.438-8.71 8.438Z",
+    fill: "currentColor"
+  }));
+};
+
+IconGrinBeam.displayName = 'IconGrinBeam';
+
+var IconGripVertical = function IconGripVertical(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-grip-vertical",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("circle", {
+    cx: 6.667,
+    cy: 3.333,
+    fill: "currentColor",
+    r: 1.667
+  }), React__default.createElement("circle", {
+    cx: 13,
+    cy: 3.333,
+    fill: "currentColor",
+    r: 1.667
+  }), React__default.createElement("circle", {
+    cx: 6.667,
+    cy: 9.667,
+    fill: "currentColor",
+    r: 1.667
+  }), React__default.createElement("circle", {
+    cx: 13,
+    cy: 9.667,
+    fill: "currentColor",
+    r: 1.667
+  }), React__default.createElement("circle", {
+    cx: 6.667,
+    cy: 16,
+    fill: "currentColor",
+    r: 1.667
+  }), React__default.createElement("circle", {
+    cx: 13,
+    cy: 16,
+    fill: "currentColor",
+    r: 1.667
+  }));
+};
+
+IconGripVertical.displayName = 'IconGripVertical';
+
+var IconHandshake = function IconHandshake(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-handshake",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("g", {
+    clipPath: "url(#icon-handshake_svg__a)"
+  }, React__default.createElement("path", {
+    d: "M.5 11.994c.275 0 .5-.225.5-.5s-.225-.5-.5-.5-.5.225-.5.5a.5.5 0 0 0 .5.5ZM19.75 6l-3.547.006-1.6-1.56a1.487 1.487 0 0 0-1.06-.44h-3.155c-.325 0-.629.122-.885.313a1.505 1.505 0 0 0-.915-.322H6.415a1.5 1.5 0 0 0-1.06.44L3.794 6H.25a.25.25 0 0 0-.25.25v.5c0 .137.113.25.25.25H2v5.997H.25a.25.25 0 0 0-.25.25v.5c0 .137.113.25.25.25H2c.55 0 .994-.444.997-.99h1.037l2.547 2.437a2.507 2.507 0 0 0 3.157-.007l.225.194a1.662 1.662 0 0 0 2.34-.24l.684-.841c.513.278 1.341.281 1.876-.375l.296-.366c.194-.237.3-.518.329-.803h1.518c.003.547.45.99.997.99h1.75a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-1.75v-5.99L19.753 7a.25.25 0 0 0 .25-.25v-.5A.253.253 0 0 0 19.75 6Zm-5.369 7.175-.297.366a.5.5 0 0 1-.703.072l-.556-.45-1.297 1.593a.66.66 0 0 1-.919.107l-.956-.816-.325.4c-.522.64-1.469.74-2.081.247l-2.81-2.69H3V6.996h1.206L6.06 5.144a.502.502 0 0 1 .353-.147h2.172c.029.069.01.022.035.09L6.775 6.781a2.141 2.141 0 0 0-.131 3.028c.447.488 1.831 1.229 3.028.132l.712-.654 3.925 3.185c.213.175.244.49.072.703ZM17 12.003h-1.787a1.585 1.585 0 0 0-.275-.306l-3.81-3.094.888-.816a.5.5 0 1 0-.675-.737L8.994 9.2c-.45.41-1.207.375-1.616-.069a1.145 1.145 0 0 1 .069-1.615l2.597-2.382a.503.503 0 0 1 .337-.13h3.156a.5.5 0 0 1 .357.15L15.79 7H17v5.003Zm2.5-1.006c-.275 0-.5.225-.5.5s.225.5.5.5.5-.225.5-.5a.5.5 0 0 0-.5-.5Z",
+    fill: "currentColor"
+  })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
+    id: "icon-handshake_svg__a"
+  }, React__default.createElement("path", {
+    fill: "#fff",
+    transform: "translate(0 2)",
+    d: "M0 0h20v16H0z"
+  }))));
+};
+
+IconHandshake.displayName = 'IconHandshake';
+
+var IconImage = function IconImage(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-image",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("g", {
+    clipPath: "url(#icon-image_svg__a)"
+  }, React__default.createElement("path", {
+    d: "M18.125 2.5H1.875C.839 2.5 0 3.34 0 4.375v11.25C0 16.66.84 17.5 1.875 17.5h16.25c1.035 0 1.875-.84 1.875-1.875V4.375c0-1.036-.84-1.875-1.875-1.875Zm.625 13.125c0 .345-.28.625-.625.625H1.875a.626.626 0 0 1-.625-.625V4.375c0-.345.28-.625.625-.625h16.25c.345 0 .625.28.625.625v11.25ZM4.375 9.062a2.187 2.187 0 1 0 0-4.374 2.187 2.187 0 0 0 0 4.375Zm0-3.124a.939.939 0 0 1 0 1.875.939.939 0 0 1 0-1.875Zm8.087.9L8.75 10.548 7.538 9.337a.937.937 0 0 0-1.326 0l-3.437 3.438a.938.938 0 0 0-.275.662v1.094c0 .26.21.469.469.469H17.03c.26 0 .469-.21.469-.469v-3.594a.938.938 0 0 0-.275-.662l-3.437-3.438a.938.938 0 0 0-1.326 0Zm3.788 6.912H3.75v-.183l3.125-3.125 1.875 1.875 4.375-4.375 3.125 3.125v2.683Z",
+    fill: "currentColor"
+  })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
+    id: "icon-image_svg__a"
+  }, React__default.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h20v20H0z"
+  }))));
+};
+
+IconImage.displayName = 'IconImage';
+
+var IconIslandTropical = function IconIslandTropical(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-island-tropical",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M11.646 1.493a6.69 6.69 0 0 1 1.716-.243c2.939 0 5.372 1.846 5.796 4.252a.645.645 0 0 1-.647.748h-5.895c.247 1.895.453 4.738.074 7.64 2.273.524 3.977 2.555 3.977 4.985A1.127 1.127 0 0 1 15.542 20H2.792a1.127 1.127 0 0 1-1.125-1.125 5.13 5.13 0 0 1 5.125-5.125h.8c.627-1.626 1.283-3.717 1.629-5.943l-3.248 3.247c-.22.221-.707.326-.986-.072C3.82 9.317 3.93 6.948 5.192 5H2.323a.645.645 0 0 1-.647-.748C2.1 1.845 4.533 0 7.472 0c1.635 0 3.11.573 4.173 1.493ZM2.918 18.75h12.496A3.879 3.879 0 0 0 11.542 15h-4.75a3.879 3.879 0 0 0-3.873 3.75Zm8.518-5h-2.51c.697-1.893 1.199-4.563 1.45-7.098l.4-.402h.578c.244 1.822.46 4.648.082 7.5ZM5.66 9.6l4.6-4.6h7.448c-.642-1.466-2.375-2.5-4.346-2.5-.691 0-1.38.189-1.83.312l-.207.056-.498-.43C9.942 1.672 8.75 1.25 7.472 1.25c-1.97 0-3.704 1.034-4.346 2.5h3.12a6.635 6.635 0 0 1 1.785-1.192.313.313 0 0 1 .413.174l.235.583a.312.312 0 0 1-.167.4C5.968 4.858 4.93 7.684 5.66 9.6Z",
+    fill: "currentColor"
+  }));
+};
+
+IconIslandTropical.displayName = 'IconIslandTropical';
+
+var IconItalic = function IconItalic(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-italic",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M16.75 1.563v.625a.312.312 0 0 1-.313.312H13.02l-3.75 15h3.418a.313.313 0 0 1 .313.313v.625a.313.313 0 0 1-.313.312H4.563a.312.312 0 0 1-.313-.313v-.625a.313.313 0 0 1 .313-.312H7.98l3.75-15H8.313A.312.312 0 0 1 8 2.187v-.624a.312.312 0 0 1 .313-.313h8.124a.313.313 0 0 1 .313.313Z",
+    fill: "currentColor"
+  }));
+};
+
+IconItalic.displayName = 'IconItalic';
+
+var IconLaptopSearch = function IconLaptopSearch(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-laptop-search",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("g", {
+    clipPath: "url(#icon-laptop-search_svg__a)"
+  }, React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2.903 4.11c-.537.077-1.04.515-1.225 1.066-.083.249-.077-.062-.077 3.724v3.42H.985c-.765 0-.806.012-.913.242l-.036.078v.714c.001.61.004.73.022.833.15.856.762 1.484 1.603 1.648.18.035 12.207.035 12.387 0 .696-.135 1.309-.655 1.512-1.282.023-.074.003-.066.225-.092.499-.058 1.069-.29 1.34-.547.02-.02.063-.055.094-.08l.057-.046.285.277a162.06 162.06 0 0 1 1.073 1.054l.59.579.232.229h.13c.13 0 .131-.001.176-.041l.178-.154.133-.112v-.254l-.34-.336-.561-.556-.767-.756-.546-.538.065-.076c.402-.467.513-.841.515-1.722 0-.635-.083-1.037-.315-1.509a3.917 3.917 0 0 0-.278-.47 1.476 1.476 0 0 1-.083-.106 3.844 3.844 0 0 0-.66-.634 3.528 3.528 0 0 0-.408-.248c-.187-.115-.627-.259-.966-.315-.416-.07-1.195-.014-1.446.103a1.429 1.429 0 0 1-.096.036l-.072.024-.004-1.405c-.005-1.536 0-1.44-.08-1.678a1.613 1.613 0 0 0-1.115-1.05l-.098-.028-4.92-.002a578.43 578.43 0 0 0-4.995.01Zm9.853.81c.255.086.418.24.509.484l.042.113.003 1.59.003 1.59-.081.06c-.503.37-.962 1.086-1.131 1.767-.13.521-.104 1.277.06 1.72a.845.845 0 0 1 .025.071c0 .003-.596.006-1.324.006-1.292 0-1.325 0-1.364.024-.053.033-.096.101-.127.204-.08.264-.264.442-.546.53-.07.023-.13.024-.97.024-.841 0-.9-.001-.97-.023-.283-.089-.467-.267-.547-.531-.031-.103-.074-.171-.127-.204-.04-.024-.076-.024-1.928-.024H2.396l.003-3.402.003-3.402.042-.113a.768.768 0 0 1 .628-.508c.038-.004 2.213-.008 4.833-.007l4.763.002.088.03ZM4.53 6.12c-.327.042-.575.235-.62.481-.028.152-.01 4.378.019 4.443.086.193.225.3.5.384.118.036 6.731.036 6.848 0 .275-.084.415-.191.501-.384.03-.065.047-4.291.02-4.443-.038-.204-.237-.39-.49-.46-.075-.02-6.625-.041-6.778-.021Zm1.746 1.193v.45H4.65v-.9H6.277v.45Zm2.391 0v.45H7.041v-.9H8.668v.45Zm2.391 0v.45H9.432v-.9H11.059v.45ZM6.277 8.778v.45H4.65v-.9H6.277v.45Zm2.391 0v.45H7.041v-.9H8.668v.45Zm2.391 0v.45H9.432v-.9H11.059v.45Zm4.39.1c1.106.108 2.006.948 2.158 2.012l.025.178c.117.809-.376 1.798-1.124 2.257-1.736 1.065-3.958-.37-3.665-2.369.055-.378.26-.92.395-1.039a2.3 2.3 0 0 0 .075-.1c.461-.638 1.324-1.017 2.135-.938Zm-9.172 1.37v.458H4.65v-.914H6.277v.457Zm2.391 0v.458H7.041v-.914H8.668v.457Zm2.391 0v.458H9.432v-.914H11.059v.457ZM5.612 13.21c.166.347.473.594.824.663.122.024.174.025 1.418.025 1.245 0 1.297 0 1.42-.025.35-.07.657-.316.823-.663l.042-.088h2.458l.08.11c.16.216.389.446.598.599a.979.979 0 0 1 .088.068c.012.017.244.158.376.228.264.14.548.243.822.297.074.014.142.029.151.032.02.006-.034.096-.118.196a1.245 1.245 0 0 1-.63.382c-.166.035-12.053.035-12.219 0a1.188 1.188 0 0 1-.782-.616c-.113-.23-.12-.275-.12-.842v-.454H5.57l.042.088Z",
+    fill: "currentColor"
+  })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
+    id: "icon-laptop-search_svg__a"
+  }, React__default.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h20v20H0z"
+  }))));
+};
+
+IconLaptopSearch.displayName = 'IconLaptopSearch';
+
+var IconLink = function IconLink(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-link",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("g", {
+    clipPath: "url(#icon-link_svg__a)"
+  }, React__default.createElement("path", {
+    d: "M11.764 15.418 8.67 18.512a5.075 5.075 0 0 1-7.181 0 5.075 5.075 0 0 1 0-7.182l3.093-3.094c.045-.045.091-.089.138-.132a.469.469 0 0 1 .79.323c.007.188.023.375.047.562a.47.47 0 0 1-.133.394l-2.941 2.941a3.67 3.67 0 0 0 0 5.193 3.67 3.67 0 0 0 5.193 0l3.093-3.093.014-.014a3.677 3.677 0 0 0-1.091-5.926.47.47 0 0 1-.28-.456 2.43 2.43 0 0 1 .111-.596.465.465 0 0 1 .622-.284c.589.247 1.14.61 1.619 1.088a5.084 5.084 0 0 1 0 7.182Zm-3.528-3.654a5.05 5.05 0 0 0 1.619 1.088c.25.105.54-.026.622-.284.061-.193.098-.394.11-.596a.47.47 0 0 0-.278-.456 3.677 3.677 0 0 1-1.092-5.925l.014-.014 3.093-3.094a3.67 3.67 0 0 1 5.193 0 3.67 3.67 0 0 1 0 5.193l-2.941 2.94a.47.47 0 0 0-.133.395c.024.187.04.374.048.562a.469.469 0 0 0 .79.323c.046-.043.092-.087.137-.132l3.093-3.094a5.075 5.075 0 0 0 0-7.181 5.075 5.075 0 0 0-7.18 0L8.235 4.582a5.084 5.084 0 0 0 0 7.182Z",
+    fill: "currentColor"
+  })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
+    id: "icon-link_svg__a"
+  }, React__default.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h20v20H0z"
+  }))));
+};
+
+IconLink.displayName = 'IconLink';
+
+var IconListOI = function IconListOI(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-list-o-i",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("g", {
+    clipPath: "url(#icon-list-o-i_svg__a)"
+  }, React__default.createElement("path", {
+    d: "m2.413 15.664.683-.787a.778.778 0 0 0 .199-.554v-.13c0-.287-.15-.443-.443-.443H.625a.312.312 0 0 0-.313.313v.624A.313.313 0 0 0 .625 15h.892a6.029 6.029 0 0 0-.43.48l-.219.274c-.156.198-.205.396-.109.582l.041.075c.117.225.246.308.479.308h.184c.404 0 .623.095.623.355 0 .184-.164.32-.561.32a1.621 1.621 0 0 1-.604-.121c-.254-.151-.459-.137-.61.122l-.218.364c-.146.239-.125.457.102.622.301.183.797.369 1.446.369 1.334 0 1.894-.889 1.894-1.723-.001-.562-.356-1.163-1.122-1.363ZM.473 12.5h2.652a.312.312 0 0 0 .313-.313v-.624a.313.313 0 0 0-.313-.313h-1.51c.128-.402 1.887-.73 1.887-2.205 0-1.135-.976-1.545-1.737-1.545-.834 0-1.32.39-1.58.732-.17.219-.117.424.11.6l.334.27c.22.178.43.096.63-.096a.523.523 0 0 1 .37-.15c.13 0 .362.061.362.342.001.497-1.991.853-1.991 2.7v.156c0 .29.198.446.473.446Zm.152-6.25h2.5a.312.312 0 0 0 .313-.313v-.625A.312.312 0 0 0 3.124 5H2.5V1.562a.312.312 0 0 0-.313-.312H1.25a.312.312 0 0 0-.279.173l-.312.625a.312.312 0 0 0 .278.452h.313V5H.625a.312.312 0 0 0-.313.313v.625a.312.312 0 0 0 .313.312Zm19.063-3.125H6.563a.312.312 0 0 0-.313.313v.624a.312.312 0 0 0 .313.313h13.125A.313.313 0 0 0 20 4.062v-.625a.312.312 0 0 0-.313-.312Zm0 12.5H6.563a.312.312 0 0 0-.313.313v.624a.313.313 0 0 0 .313.313h13.125a.313.313 0 0 0 .312-.313v-.625a.313.313 0 0 0-.313-.312Zm0-6.25H6.563a.312.312 0 0 0-.313.313v.624a.313.313 0 0 0 .313.313h13.125a.313.313 0 0 0 .312-.313v-.624a.312.312 0 0 0-.313-.313Z",
+    fill: "currentColor"
+  })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
+    id: "icon-list-o-i_svg__a"
+  }, React__default.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h20v20H0z"
+  }))));
+};
+
+IconListOI.displayName = 'IconListOI';
+
+var IconList = function IconList(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-list",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M3.438 2.188H1.562a.625.625 0 0 0-.625.625v1.875a.625.625 0 0 0 .625.625h1.875a.625.625 0 0 0 .626-.625V2.813a.625.625 0 0 0-.625-.625Zm0 6.25H1.562a.625.625 0 0 0-.625.625v1.875a.625.625 0 0 0 .625.625h1.875a.625.625 0 0 0 .626-.625V9.063a.625.625 0 0 0-.625-.625Zm0 6.25H1.562a.625.625 0 0 0-.625.625v1.875a.625.625 0 0 0 .625.625h1.875a.625.625 0 0 0 .626-.625v-1.875a.625.625 0 0 0-.625-.625Zm16.25.937H6.563a.313.313 0 0 0-.313.313v.625a.313.313 0 0 0 .313.312h13.125a.313.313 0 0 0 .312-.312v-.625a.312.312 0 0 0-.313-.313Zm0-12.5H6.563a.313.313 0 0 0-.313.313v.625a.312.312 0 0 0 .313.312h13.125A.313.313 0 0 0 20 4.063v-.625a.313.313 0 0 0-.313-.313Zm0 6.25H6.563a.313.313 0 0 0-.313.313v.625a.313.313 0 0 0 .313.312h13.125a.313.313 0 0 0 .312-.312v-.625a.313.313 0 0 0-.313-.313Z",
+    fill: "currentColor"
+  }));
+};
+
+IconList.displayName = 'IconList';
+
+var IconLock = function IconLock(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-lock",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M16.865 8.75h-.937V5.937A5.945 5.945 0 0 0 9.99 0a5.945 5.945 0 0 0-5.937 5.938V8.75h-.938c-1.035 0-1.875.84-1.875 1.875v7.5C1.24 19.16 2.08 20 3.115 20h13.75c1.035 0 1.875-.84 1.875-1.875v-7.5c0-1.035-.84-1.875-1.875-1.875Zm-4.062 0H7.178V5.937A2.816 2.816 0 0 1 9.99 3.126a2.816 2.816 0 0 1 2.813 2.813V8.75Z",
+    fill: "currentColor"
+  }));
+};
+
+IconLock.displayName = 'IconLock';
+
+var IconMagicSolid = function IconMagicSolid(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-magic-solid",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M19.635 3.059 16.961.385a1.244 1.244 0 0 0-.882-.365c-.32 0-.639.121-.883.365L.405 15.177a1.247 1.247 0 0 0 0 1.764l2.674 2.674a1.243 1.243 0 0 0 1.765 0L19.634 4.823a1.248 1.248 0 0 0 0-1.764ZM3.158 6.257l1.04-2.079 2.08-1.04-2.08-1.04L3.158.02l-1.04 2.079L.04 3.139l2.08 1.04 1.04 2.078Zm5.614-2.495.624-1.247 1.247-.624-1.247-.624L8.772.02l-.624 1.247-1.247.624 1.247.624.624 1.247Zm-4.99-.624a.624.624 0 1 0-1.247 0 .624.624 0 0 0 1.247 0Zm13.1 8.11-1.04 2.079-2.08 1.04 2.08 1.04 1.04 2.078 1.039-2.079 2.08-1.04-2.08-1.04-1.04-2.078Zm-.624 3.119a.624.624 0 1 0 1.247 0 .624.624 0 0 0-1.247 0Zm-4.016-9.264 2.675 2.674 3.836-3.836-2.674-2.674h-.002l-3.835 3.836Z",
+    fill: "currentColor"
+  }));
+};
+
+IconMagicSolid.displayName = 'IconMagicSolid';
+
+var IconMapMarker = function IconMapMarker(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-map-marker",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10 0a7.5 7.5 0 0 0-7.5 7.5c0 2.485.711 3.498 4.113 8.344a531.627 531.627 0 0 1 2.616 3.752.938.938 0 0 0 1.542 0c1.012-1.467 1.877-2.7 2.616-3.752C16.789 10.998 17.5 9.984 17.5 7.5A7.5 7.5 0 0 0 10 0ZM6.25 7.5A3.754 3.754 0 0 1 10 3.75a3.754 3.754 0 0 1 3.75 3.75A3.754 3.754 0 0 1 10 11.25 3.754 3.754 0 0 1 6.25 7.5Zm1.25 0C7.5 8.879 8.621 10 10 10s2.5-1.121 2.5-2.5S11.379 5 10 5a2.503 2.503 0 0 0-2.5 2.5Zm.068 7.526c.684.976 1.489 2.123 2.432 3.487a608.11 608.11 0 0 1 2.432-3.487C15.698 10.37 16.25 9.582 16.25 7.5c0-1.67-.65-3.239-1.83-4.42A6.209 6.209 0 0 0 10 1.25c-1.67 0-3.239.65-4.42 1.83A6.209 6.209 0 0 0 3.75 7.5c0 2.083.553 2.87 3.818 7.526Z",
+    fill: "currentColor"
+  }));
+};
+
+IconMapMarker.displayName = 'IconMapMarker';
+
+var IconMegaphone = function IconMegaphone(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-megaphone",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M19.722 2.222h-.555a.278.278 0 0 0-.278.278v.671L1.11 7.354v-.41a.278.278 0 0 0-.278-.277H.278A.278.278 0 0 0 0 6.944v6.112c0 .153.124.277.278.277h.555a.278.278 0 0 0 .278-.277v-.41l4.534 1.066a3.26 3.26 0 0 0-.09.732 3.333 3.333 0 0 0 3.334 3.333 3.313 3.313 0 0 0 3.217-2.544l6.783 1.596v.67c0 .154.124.279.278.279h.555A.278.278 0 0 0 20 17.5v-15a.278.278 0 0 0-.278-.278ZM8.89 16.667a2.225 2.225 0 0 1-2.222-2.223c0-.165.025-.323.06-.477l4.31 1.014a2.22 2.22 0 0 1-2.148 1.686ZM1.11 8.495v3.01l17.778 4.182V4.312L1.11 8.495Z",
+    fill: "currentColor"
+  }));
+};
+
+IconMegaphone.displayName = 'IconMegaphone';
+
+var IconMinusCircle = function IconMinusCircle(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-minus-circle",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M5.469 10.703A.47.47 0 0 1 5 10.234v-.468a.47.47 0 0 1 .469-.47h9.062a.47.47 0 0 1 .469.47v.468a.47.47 0 0 1-.469.47H5.47ZM19.687 10A9.686 9.686 0 0 1 10 19.688 9.686 9.686 0 0 1 .312 10 9.686 9.686 0 0 1 10 .312 9.686 9.686 0 0 1 19.688 10Zm-1.25 0c0-4.684-3.8-8.438-8.437-8.438-4.684 0-8.438 3.801-8.438 8.438 0 4.684 3.801 8.438 8.438 8.438 4.684 0 8.438-3.801 8.438-8.438Z",
+    fill: "currentColor"
+  }));
+};
+
+IconMinusCircle.displayName = 'IconMinusCircle';
+
+var IconMinus = function IconMinus(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-minus",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M17.188 9.063H2.813a.312.312 0 0 0-.313.312v1.25c0 .173.14.313.313.313h14.374c.173 0 .313-.14.313-.313v-1.25a.312.312 0 0 0-.313-.313Z",
+    fill: "currentColor"
+  }));
+};
+
+IconMinus.displayName = 'IconMinus';
+
+var IconMoneyBill = function IconMoneyBill(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-money-bill",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M10 5.25c-1.657 0-3 1.79-3 4 0 2.209 1.343 4 3 4 1.656 0 3-1.79 3-4s-1.343-4-3-4Zm0 6.857c-1.103 0-2-1.282-2-2.857 0-1.575.897-2.857 2-2.857s2 1.282 2 2.857c0 1.575-.897 2.857-2 2.857Zm9.411-10.055c-1.212-.58-2.425-.802-3.638-.802-3.849 0-7.697 2.226-11.546 2.226-2.029 0-2.761-.547-3.22-.547C.47 2.929 0 3.404 0 4.065v11.33c0 .451.226.879.589 1.053 1.212.58 2.425.802 3.638.802 3.849 0 7.697-2.227 11.546-2.227 2.029 0 2.761.548 3.22.548.537 0 1.007-.475 1.007-1.136V3.105c0-.452-.226-.879-.589-1.053ZM1.03 4.081c.632.229 1.282.376 1.958.46-.061 1.193-.913 2.144-1.965 2.158l.007-2.618ZM1 15.395l.004-1.519c1.05.003 1.903.94 1.98 2.123A6.94 6.94 0 0 1 1 15.395Zm17.97-.976a8.933 8.933 0 0 0-1.952-.46c.09-1.16.928-2.076 1.96-2.09l-.008 2.55Zm.01-3.698c-1.563.013-2.83 1.405-2.956 3.165-2.21-.051-4.287.565-6.268 1.138-2.346.679-3.955 1.115-5.763 1.067-.039-1.858-1.359-3.358-2.986-3.362l.013-4.881c1.583-.012 2.866-1.44 2.962-3.233 2.204.05 4.281-.565 6.262-1.138 2.337-.677 3.953-1.115 5.757-1.068.006 1.89 1.344 3.427 2.992 3.431l-.013 4.881Zm.016-6.028c-1.07-.003-1.939-.977-1.987-2.192A6.938 6.938 0 0 1 19 3.105l-.004 1.588Z",
+    fill: "currentColor"
+  }));
+};
+
+IconMoneyBill.displayName = 'IconMoneyBill';
+
+var IconNotesMedical = function IconNotesMedical(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-notes-medical",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M15.625 2.5h-3.46A2.189 2.189 0 0 0 10 0a2.189 2.189 0 0 0-2.165 2.5H4.375C3.34 2.5 2.5 3.34 2.5 4.375v13.75C2.5 19.16 3.34 20 4.375 20h11.25c1.035 0 1.875-.84 1.875-1.875V4.375c0-1.035-.84-1.875-1.875-1.875ZM10 1.25c.52 0 .938.418.938.938 0 .519-.418.937-.938.937a.935.935 0 0 1-.938-.938c0-.519.418-.937.938-.937Zm6.25 16.875a.627.627 0 0 1-.625.625H4.375a.627.627 0 0 1-.625-.625V4.375c0-.344.281-.625.625-.625H6.25v.781c0 .258.21.469.469.469h6.562a.47.47 0 0 0 .469-.469V3.75h1.875c.344 0 .625.281.625.625v13.75Zm-2.813-6.875H11.25V9.062a.313.313 0 0 0-.313-.312H9.063a.313.313 0 0 0-.313.313v2.187H6.562a.313.313 0 0 0-.312.313v1.874c0 .172.14.313.313.313H8.75v2.188c0 .171.14.312.313.312h1.874c.172 0 .313-.14.313-.313V13.75h2.188c.171 0 .312-.14.312-.313v-1.874a.313.313 0 0 0-.313-.313Z",
+    fill: "currentColor"
+  }));
+};
+
+IconNotesMedical.displayName = 'IconNotesMedical';
+
+var IconOvertime = function IconOvertime(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 21 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-overtime",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("g", {
+    clipPath: "url(#icon-overtime_svg__a)"
+  }, React__default.createElement("path", {
+    d: "M8.89.268A8.42 8.42 0 0 0 .468 8.69a8.42 8.42 0 0 0 10.064 8.262 4.83 4.83 0 1 0 6.62-6.62A8.42 8.42 0 0 0 8.89.268Zm7.335 8.422c0 .403-.033.8-.095 1.185a4.829 4.829 0 0 0-1.444-.22 4.809 4.809 0 0 0-2.845.927L9.535 8.904V3.935a.409.409 0 0 0-.408-.407h-.475a.409.409 0 0 0-.407.407v5.42a.41.41 0 0 0 .166.33l2.485 1.806a4.81 4.81 0 0 0-1.04 2.995c0 .503.077.988.22 1.444a7.409 7.409 0 0 1-1.186.095c-4.031 0-7.336-3.263-7.336-7.335 0-4.031 3.264-7.335 7.336-7.335 4.03 0 7.335 3.263 7.335 7.335Zm-2.114 4.978 1.45.477c.776.255 1.26 1.209.972 2.138a1.533 1.533 0 0 1-1.418 1.098v.727c0 .133-.097.241-.215.241h-.43c-.117 0-.214-.108-.214-.241v-.724a1.768 1.768 0 0 1-1.16-.453.265.265 0 0 1-.025-.37l.467-.513a.192.192 0 0 1 .262-.03.757.757 0 0 0 .459.158h.89c.218 0 .395-.2.395-.445a.444.444 0 0 0-.284-.427l-1.376-.453a1.68 1.68 0 0 1-1.124-1.458c-.08-.98.608-1.805 1.463-1.805h.033v-.725c0-.133.097-.241.215-.241h.43c.117 0 .214.108.214.241v.725c.421.001.832.163 1.16.453.107.092.12.265.025.37l-.467.513a.192.192 0 0 1-.262.03.757.757 0 0 0-.459-.159h-.89c-.218 0-.395.2-.395.446 0 .196.117.372.284.427Z",
+    fill: "currentColor"
+  })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
+    id: "icon-overtime_svg__a"
+  }, React__default.createElement("path", {
+    fill: "#fff",
+    transform: "translate(.2)",
+    d: "M0 0h20v20H0z"
+  }))));
+};
+
+IconOvertime.displayName = 'IconOvertime';
+
+var IconPaperPlaneClock = function IconPaperPlaneClock(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-paper-plane-clock",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("g", {
+    clipPath: "url(#icon-paper-plane-clock_svg__a)",
+    fill: "currentColor"
+  }, React__default.createElement("path", {
+    d: "m10.306 14.727-3.898-1.61 6.094-7.203c.147-.171-.088-.404-.26-.257l-7.798 6.647-3.467-1.43 13.685-7.896-.773 5.037c.329-.107.671-.185 1.024-.229l.714-4.658c.126-.816-.751-1.402-1.454-.996L.488 10.025a.978.978 0 0 0 .116 1.75l4.283 1.772v3.116c0 .923 1.155 1.323 1.732.62l1.854-2.254 2.375.98a5.453 5.453 0 0 1-.543-1.282Zm-4.441 1.936v-2.712l1.664.687-1.664 2.025Z"
+  }), React__default.createElement("path", {
+    d: "M15.6 8.843a4.396 4.396 0 0 0-4.398 4.399 4.396 4.396 0 0 0 4.399 4.398A4.396 4.396 0 0 0 20 13.242a4.396 4.396 0 0 0-4.4-4.399Zm0 7.82a3.423 3.423 0 0 1-3.42-3.421A3.424 3.424 0 0 1 15.6 9.82a3.423 3.423 0 0 1 3.422 3.42 3.423 3.423 0 0 1-3.421 3.422Z"
+  }), React__default.createElement("path", {
+    d: "M17.26 12.753h-1.17v-1.659a.299.299 0 0 0-.296-.296h-.385a.299.299 0 0 0-.297.296v2.34c0 .162.135.297.297.297h1.85a.299.299 0 0 0 .297-.297v-.385a.299.299 0 0 0-.296-.296Z"
+  })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
+    id: "icon-paper-plane-clock_svg__a"
+  }, React__default.createElement("path", {
+    fill: "#fff",
+    transform: "translate(0 2)",
+    d: "M0 0h20v15.641H0z"
+  }))));
+};
+
+IconPaperPlaneClock.displayName = 'IconPaperPlaneClock';
+
+var IconPaperPlane = function IconPaperPlane(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 19 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-paper-plane",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M17.188.206.628 10.261c-.85.517-.765 1.836.14 2.23l5.183 2.256v3.969c0 1.175 1.397 1.685 2.096.79l2.244-2.872 4.672 2.031c.706.308 1.505-.163 1.62-.96l2.365-16.23c.151-1.04-.91-1.786-1.76-1.269ZM7.134 18.716V15.26l2.014.875-2.014 2.58Zm.658-4.518 7.622 3.316 2.366-16.23L1.22 11.342l4.195 1.821 9.437-8.467c.207-.186.492.11.314.327l-7.374 9.175Z",
+    fill: "currentColor"
+  }));
+};
+
+IconPaperPlane.displayName = 'IconPaperPlane';
+
+var IconPaperclip = function IconPaperclip(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-paperclip",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("g", {
+    clipPath: "url(#icon-paperclip_svg__a)"
+  }, React__default.createElement("path", {
+    d: "M5.824 20a5.03 5.03 0 0 1-3.567-1.475 5.051 5.051 0 0 1 0-7.136L12.494 1.152a3.945 3.945 0 0 1 5.573 0 3.945 3.945 0 0 1 0 5.573L9.37 15.42a2.838 2.838 0 0 1-4.01 0 2.839 2.839 0 0 1 0-4.01l6.653-6.652a.469.469 0 0 1 .662 0l.222.221a.469.469 0 0 1 0 .663l-6.653 6.652a1.587 1.587 0 0 0 0 2.242 1.587 1.587 0 0 0 2.242 0l8.696-8.696a2.693 2.693 0 0 0 0-3.805 2.693 2.693 0 0 0-3.804 0L3.14 12.273a3.8 3.8 0 0 0 0 5.367 3.8 3.8 0 0 0 5.367 0l8.506-8.505a.469.469 0 0 1 .663 0l.22.221a.469.469 0 0 1 0 .663l-8.505 8.506A5.03 5.03 0 0 1 5.824 20Z",
+    fill: "currentColor"
+  })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
+    id: "icon-paperclip_svg__a"
+  }, React__default.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h20v20H0z"
+  }))));
+};
+
+IconPaperclip.displayName = 'IconPaperclip';
+
+var IconPencil = function IconPencil(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-pencil",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "m17.79.73 1.46 1.462a2.495 2.495 0 0 1 0 3.53L5.512 19.46l-4.451.495a.936.936 0 0 1-1.034-1.033l.495-4.452L14.261.73a2.495 2.495 0 0 1 3.528 0ZM6.802 16.404l8.736-8.735-3.226-3.226-8.736 8.735h1.355v1.872h1.871v1.354ZM4.938 18.27l-2.3.255-1.182-1.181.256-2.3.774-.774H3.84v1.871h1.872v1.355l-.774.774ZM16.42 6.786l1.947-1.947a1.247 1.247 0 0 0 0-1.764l-1.462-1.462a1.247 1.247 0 0 0-1.764 0L13.195 3.56l3.226 3.226Z",
+    fill: "currentColor"
+  }));
+};
+
+IconPencil.displayName = 'IconPencil';
+
+var IconPercentage = function IconPercentage(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-percentage",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M16.843 4.63a.347.347 0 0 0 0-.49l-.982-.983a.347.347 0 0 0-.491 0L3.157 15.37a.347.347 0 0 0 0 .49l.983.983a.347.347 0 0 0 .49 0L15.925 5.549l.918-.919ZM5.833 8.611a2.778 2.778 0 1 0-.001-5.555 2.778 2.778 0 0 0 .002 5.555Zm-.981-3.76a1.38 1.38 0 0 1 .982-.406 1.39 1.39 0 0 1 0 2.778 1.39 1.39 0 0 1-.982-2.371Zm9.315 6.538a2.778 2.778 0 1 0 0 5.556 2.778 2.778 0 0 0 0-5.556Zm.982 3.76a1.38 1.38 0 0 1-.982.407 1.39 1.39 0 0 1 0-2.778 1.39 1.39 0 0 1 .982 2.371Z",
+    fill: "currentColor"
+  }));
+};
+
+IconPercentage.displayName = 'IconPercentage';
+
+var IconPhone = function IconPhone(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-phone",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    d: "m19.93 15.126-.909 3.93a1.21 1.21 0 0 1-1.185.944C7.96 20 0 11.996 0 2.163c0-.569.39-1.06.947-1.189L4.873.07a1.217 1.217 0 0 1 1.392.705l1.813 4.227c.214.495.07 1.08-.347 1.423L5.629 8.144a13.645 13.645 0 0 0 6.223 6.222l1.719-2.101a1.223 1.223 0 0 1 1.423-.347l4.23 1.813c.542.233.838.822.706 1.395ZM5.13 1.292l-3.883.897C1.26 11.33 8.667 18.742 17.81 18.75l.896-3.883-4.187-1.793-2.32 2.838c-4.023-1.887-6.218-4.074-8.113-8.113l2.839-2.32L5.13 1.292Z"
+  }));
+};
+
+IconPhone.displayName = 'IconPhone';
+
+var IconPlug = function IconPlug(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-plug",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M13.125 5.625v-5a.625.625 0 1 1 1.25 0v5h-1.25Zm-9.688.625h13.126c.517 0 .937.42.937.938v1.875c0 .517-.42.937-.938.937h-.312a6.25 6.25 0 0 1-5.625 6.219V20h-1.25v-3.781A6.25 6.25 0 0 1 3.75 10h-.313a.937.937 0 0 1-.937-.938V7.188c0-.518.42-.938.938-.938ZM15 8.75h1.25V7.5H3.75v1.25H5V10c0 2.764 2.237 5 5 5 2.764 0 5-2.237 5-5V8.75ZM5.625.625v5h1.25v-5a.625.625 0 1 0-1.25 0Z",
+    fill: "currentColor"
+  }));
+};
+
+IconPlug.displayName = 'IconPlug';
+
+var IconPlus = function IconPlus(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-plus",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M19.672 9.063h-8.734V.336a.312.312 0 0 0-.312-.313h-1.25a.312.312 0 0 0-.313.313v8.727H.33a.312.312 0 0 0-.312.312v1.25c0 .173.14.313.312.313h8.733v8.714c0 .173.14.313.313.313h1.25c.173 0 .312-.14.312-.313v-8.715h8.734c.173 0 .313-.14.313-.312v-1.25a.312.312 0 0 0-.313-.312Z",
+    fill: "currentColor"
+  }));
+};
+
+IconPlus.displayName = 'IconPlus';
+
+var IconPrint = function IconPrint(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-print",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M16.25 7.5h.625C18.601 7.5 20 8.9 20 10.625v3.75c0 .345-.28.625-.625.625H16.25v4.375c0 .345-.28.625-.625.625H4.375a.625.625 0 0 1-.625-.625V15H.625A.625.625 0 0 1 0 14.375v-3.75C0 8.899 1.4 7.5 3.125 7.5h.625V1.25C3.75.56 4.283 0 4.94 0h7.042c.332 0 .65.132.884.366l3.018 3.018c.234.234.366.552.366.884V7.5Zm-1.768-3.75L12.5 1.768V3.75h1.982Zm-9.477-2.5h6.245v2.5c0 .69.56 1.25 1.25 1.25H15v2.5H5l.005-6.25ZM5 18.75h10V15H5v3.75Zm13.75-5H1.25v-3.125c0-1.034.841-1.875 1.875-1.875h13.75c1.034 0 1.875.841 1.875 1.875v3.125Zm-4.063-2.5a.937.937 0 1 1 1.875 0 .937.937 0 0 1-1.875 0Z",
+    fill: "currentColor"
+  }));
+};
+
+IconPrint.displayName = 'IconPrint';
+
+var IconQuestionCircle = function IconQuestionCircle(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-question-circle",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M10 13.281a1.094 1.094 0 1 0 0 2.188 1.094 1.094 0 0 0 0-2.188Zm.3-.937h-.625a.469.469 0 0 1-.47-.469v-.015c0-2.748 3.026-2.485 3.026-4.196 0-.781-.694-1.57-2.244-1.57-1.138 0-1.729.377-2.313 1.12a.467.467 0 0 1-.635.093l-.513-.357a.468.468 0 0 1-.103-.671c.83-1.064 1.813-1.748 3.564-1.748 2.044 0 3.806 1.162 3.806 3.133 0 2.634-3.025 2.495-3.025 4.196v.015c0 .259-.21.469-.468.469ZM10 1.563c4.634 0 8.438 3.752 8.438 8.437A8.435 8.435 0 0 1 10 18.438 8.435 8.435 0 0 1 1.562 10 8.437 8.437 0 0 1 10 1.562Zm0-1.25a9.687 9.687 0 1 0 0 19.375A9.687 9.687 0 0 0 19.688 10C19.688 4.652 15.35.312 10 .312Z",
+    fill: "currentColor"
+  }));
+};
+
+IconQuestionCircle.displayName = 'IconQuestionCircle';
+
+var IconRepeat = function IconRepeat(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-repeat",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M0 10c0 3.469 2.804 6.29 6.25 6.29h9.429l-2.665 2.682a.474.474 0 0 0 0 .667l.221.223c.184.184.48.184.663 0l3.842-3.867a.474.474 0 0 0 0-.667l-3.842-3.867a.467.467 0 0 0-.663 0l-.22.223a.474.474 0 0 0 0 .667l2.664 2.682H6.25c-2.757 0-5-2.258-5-5.033 0-1.123.367-2.16.987-2.999a.475.475 0 0 0-.043-.616L1.97 6.16a.467.467 0 0 0-.706.05A6.284 6.284 0 0 0 0 10Zm17.763 2.999c.62-.838.987-1.876.987-2.999 0-2.775-2.243-5.033-5-5.033H4.321L6.986 7.65a.474.474 0 0 1 0 .667l-.221.223a.467.467 0 0 1-.663 0L2.26 4.672a.474.474 0 0 1 0-.667L6.102.138a.467.467 0 0 1 .663 0l.22.223a.474.474 0 0 1 0 .667L4.321 3.709h9.429C17.196 3.71 20 6.531 20 10a6.285 6.285 0 0 1-1.265 3.79.468.468 0 0 1-.706.05l-.223-.225a.475.475 0 0 1-.043-.616Z",
+    fill: "currentColor"
+  }));
+};
+
+IconRepeat.displayName = 'IconRepeat';
+
+var IconSearch = function IconSearch(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-search",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "m14.795 13.747 5.03 5.029a.468.468 0 0 1 0 .663l-.386.386a.468.468 0 0 1-.663 0l-5.03-5.03a.48.48 0 0 1-.136-.331v-.398A8.108 8.108 0 0 1 0 8.11C0 3.63 3.63 0 8.11 0a8.108 8.108 0 0 1 5.952 13.61h.402c.125 0 .242.047.331.137ZM1.248 8.109a6.857 6.857 0 0 0 6.861 6.862 6.857 6.857 0 0 0 6.862-6.862 6.857 6.857 0 0 0-6.862-6.861 6.857 6.857 0 0 0-6.861 6.861Z",
+    fill: "currentColor"
+  }));
+};
+
+IconSearch.displayName = 'IconSearch';
+
+var IconSignOut = function IconSignOut(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-sign-out",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M6.25 9.314c0-.344.281-.625.625-.625H12.5V5.02c0-.278.336-.418.531-.223l5.531 5.59a.625.625 0 0 1 0 .887l-5.53 5.59a.311.311 0 0 1-.532-.223v-3.668H6.875a.627.627 0 0 1-.625-.625V9.314Zm-1.25 0v3.035c0 1.035.84 1.875 1.875 1.875h4.375v2.418c0 1.387 1.68 2.09 2.664 1.105l5.535-5.586a1.877 1.877 0 0 0 0-2.656l-5.535-5.59c-.98-.98-2.664-.285-2.664 1.106v2.418H6.875A1.878 1.878 0 0 0 5 9.314ZM0 5.208v11.25c0 1.035.84 1.875 1.875 1.875h5.156a.47.47 0 0 0 .469-.468v-.313a.47.47 0 0 0-.469-.469H1.875a.627.627 0 0 1-.625-.625V5.208c0-.344.281-.625.625-.625h5.156a.47.47 0 0 0 .469-.469v-.312a.47.47 0 0 0-.469-.469H1.875C.84 3.333 0 4.173 0 5.208Z",
+    fill: "currentColor"
+  }));
+};
+
+IconSignOut.displayName = 'IconSignOut';
+
+var IconSitemap = function IconSitemap(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-sitemap",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M19 12.667h-1v-3.05a.95.95 0 0 0-.95-.95H10.5v-2H12a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h1.5v2H2.95a.95.95 0 0 0-.95.95v3.05H1a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1H3v-3h6.5v3h-1a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-1v-3H17v3h-1a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1Zm-15 1v3H1v-3h3Zm7.5 3v-3h-3v3h3Zm-3.5-11v-3h4v3H8Zm8 11h3v-3h-3v3Z",
+    fill: "currentColor"
+  }));
+};
+
+IconSitemap.displayName = 'IconSitemap';
+
+var IconSlidersH = function IconSlidersH(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-sliders-h",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("g", {
+    clipPath: "url(#icon-sliders-h_svg__a)"
+  }, React__default.createElement("path", {
+    d: "M19.688 15H7.5v-1.563a.935.935 0 0 0-.938-.937H4.688a.935.935 0 0 0-.937.938V15H.312a.313.313 0 0 0-.312.313v.624c0 .172.14.313.313.313H3.75v1.563c0 .519.418.937.938.937h1.875c.519 0 .937-.418.937-.938V16.25h12.188c.171 0 .312-.14.312-.313v-.624a.313.313 0 0 0-.313-.313ZM6.25 17.5H5v-3.75h1.25v3.75ZM19.688 3.75H10V2.187a.935.935 0 0 0-.938-.937H7.188a.935.935 0 0 0-.938.938V3.75H.312A.313.313 0 0 0 0 4.063v.625C0 4.859.14 5 .313 5H6.25v1.563c0 .519.418.937.938.937h1.875c.519 0 .937-.418.937-.938V5h9.688c.171 0 .312-.14.312-.313v-.625a.313.313 0 0 0-.313-.312ZM8.75 6.25H7.5V2.5h1.25v3.75Zm10.938 3.125H16.25V7.812a.935.935 0 0 0-.938-.937h-1.874a.935.935 0 0 0-.938.938v1.562H.312A.313.313 0 0 0 0 9.688v.624c0 .172.14.313.313.313H12.5v1.563c0 .519.418.937.938.937h1.874c.52 0 .938-.418.938-.938v-1.562h3.438c.171 0 .312-.14.312-.313v-.624a.313.313 0 0 0-.313-.313ZM15 11.875h-1.25v-3.75H15v3.75Z",
+    fill: "currentColor"
+  })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
+    id: "icon-sliders-h_svg__a"
+  }, React__default.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h20v20H0z"
+  }))));
+};
+
+IconSlidersH.displayName = 'IconSlidersH';
+
+var IconSort = function IconSort(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-sort",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "m16.74 4.602-3.284-3.215a.466.466 0 0 0-.66 0l-3.28 3.216a.469.469 0 0 0-.004.664l.22.222a.466.466 0 0 0 .66.003l2.11-2.057v15.002a.313.313 0 0 0 .312.313h.625a.312.312 0 0 0 .312-.313V3.441l2.107 2.045a.469.469 0 0 0 .661 0l.22-.222a.469.469 0 0 0 0-.662Zm-6.468 9.912a.464.464 0 0 0-.66-.003l-2.11 2.057V1.562a.312.312 0 0 0-.313-.312h-.625a.312.312 0 0 0-.313.313v14.996l-2.107-2.045a.468.468 0 0 0-.66 0l-.221.222a.47.47 0 0 0 0 .664l3.283 3.214a.467.467 0 0 0 .66 0l3.28-3.215a.468.468 0 0 0 .004-.664l-.218-.22Z",
+    fill: "currentColor"
+  }));
+};
+
+IconSort.displayName = 'IconSort';
+
+var IconStar = function IconStar(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-star",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "m18.976 6.699-5.462-.832L11.073.696a1.175 1.175 0 0 0-2.146 0L6.486 5.867l-5.462.832c-.98.148-1.372 1.41-.661 2.132l3.951 4.023-.935 5.683c-.168 1.027.868 1.797 1.735 1.317L10 17.17l4.886 2.683c.867.477 1.903-.289 1.735-1.316l-.935-5.683 3.951-4.023c.71-.722.318-1.984-.661-2.132Zm-4.572 5.718 1.039 6.327L10 15.76l-5.44 2.988 1.04-6.327-4.404-4.488 6.083-.922L10 1.251l2.722 5.76 6.082.922-4.4 4.484Z",
+    fill: "currentColor"
+  }));
+};
+
+IconStar.displayName = 'IconStar';
+
+var IconStickyNoteLines = function IconStickyNoteLines(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-sticky-note-lines",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M20 14.112V2.142C20 .96 19.04 0 17.857 0H2.143C.959 0 0 .96 0 2.143v15.714C0 19.041.96 20 2.143 20h11.97c.568 0 1.113-.226 1.515-.628l3.744-3.745c.402-.401.628-.946.628-1.515Zm-5.383 4.25a.71.71 0 0 1-.331.188v-4.264h4.263a.708.708 0 0 1-.187.331l-3.744 3.745Zm3.954-16.22v10.715H13.93c-.592 0-1.072.48-1.072 1.071v4.643H2.143a.714.714 0 0 1-.714-.714V2.143c0-.395.32-.714.714-.714h15.714c.395 0 .714.32.714.714Z",
+    fill: "currentColor"
+  }), React__default.createElement("path", {
+    d: "M5.313 9.583h5.625c.171 0 .312.14.312.313v.625c0 .172-.14.312-.313.312H5.314A.313.313 0 0 1 5 10.521v-.625c0-.172.14-.313.313-.313ZM5.313 5.833h9.375c.171 0 .312.14.312.313v.625c0 .172-.14.312-.313.312H5.313A.313.313 0 0 1 5 6.771v-.625c0-.172.14-.313.313-.313Z",
+    fill: "currentColor"
+  }));
+};
+
+IconStickyNoteLines.displayName = 'IconStickyNoteLines';
+
+var IconStopwatch = function IconStopwatch(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-stopwatch",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "m16.613 5.52.684-.684a.47.47 0 0 0 0-.664l-.223-.223a.47.47 0 0 0-.664 0l-.683.684a8.72 8.72 0 0 0-5.145-2.117V1.25h.977a.47.47 0 0 0 .468-.469V.47A.47.47 0 0 0 11.56 0H8.434a.47.47 0 0 0-.47.469V.78c0 .258.212.469.47.469h.898v1.273A8.75 8.75 0 0 0 1.25 11.25a8.75 8.75 0 1 0 15.363-5.73ZM10 18.75a7.497 7.497 0 0 1-7.5-7.5c0-4.145 3.355-7.5 7.5-7.5s7.5 3.355 7.5 7.5-3.355 7.5-7.5 7.5Zm-.625-5.469c0 .258.21.469.469.469h.312a.47.47 0 0 0 .469-.469V6.72a.47.47 0 0 0-.469-.469h-.312a.47.47 0 0 0-.469.469v6.562Z",
+    fill: "currentColor"
+  }));
+};
+
+IconStopwatch.displayName = 'IconStopwatch';
+
+var IconStrikethrough = function IconStrikethrough(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-strikethrough",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("g", {
+    clipPath: "url(#icon-strikethrough_svg__a)"
+  }, React__default.createElement("path", {
+    d: "M14.116 12.5a2.832 2.832 0 0 1 .82 2.666c-.19.898-.842 1.645-1.682 2.012a3.858 3.858 0 0 1-1.538.322H9.141a3.061 3.061 0 0 1-2.914-2.09.315.315 0 0 0-.368-.217l-.611.143a.313.313 0 0 0-.235.39 4.308 4.308 0 0 0 4.128 3.024h2.578a5.115 5.115 0 0 0 2.036-.426c1.31-.57 2.272-1.804 2.46-3.22a4.082 4.082 0 0 0-.52-2.604h-1.58ZM6.61 8.75H9.28L7.74 7.984c-.968-.482-1.563-1.463-1.535-2.606a2.82 2.82 0 0 1 1.571-2.474A3.849 3.849 0 0 1 9.49 2.5h1.87a4.25 4.25 0 0 1 3.73 2.223.312.312 0 0 0 .404.144l.57-.258a.314.314 0 0 0 .153-.43 5.502 5.502 0 0 0-4.858-2.929h-1.87a5.11 5.11 0 0 0-2.271.536c-1.396.698-2.262 2.103-2.262 3.72A3.988 3.988 0 0 0 6.611 8.75ZM19.688 10H.313a.312.312 0 0 0-.313.313v.624a.313.313 0 0 0 .313.313h19.375a.313.313 0 0 0 .312-.313v-.624a.313.313 0 0 0-.313-.313Z",
+    fill: "currentColor"
+  })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
+    id: "icon-strikethrough_svg__a"
+  }, React__default.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h20v20H0z"
+  }))));
+};
+
+IconStrikethrough.displayName = 'IconStrikethrough';
+
+var IconSyncExclaimation = function IconSyncExclaimation(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-sync-exclaimation",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M18 10a7.939 7.939 0 0 0-2.351-5.649L13 7.001V1h6l-1.938 1.937A9.93 9.93 0 0 1 20 10c0 5.514-4.486 10-10 10v-2c4.411 0 8-3.589 8-8ZM10 0v2c-4.41 0-8 3.589-8 8a7.94 7.94 0 0 0 2.35 5.649L7 12.999v6H1l1.938-1.937A9.926 9.926 0 0 1 0 10C0 4.486 4.485 0 10 0Zm.084 12.334a.915.915 0 1 1 0 1.833.915.915 0 0 1-.917-.917c0-.507.41-.916.917-.916ZM10.769 5c.13 0 .235.09.231.2l-.29 6.335c-.003.103-.107.187-.23.187h-.792c-.123 0-.228-.08-.231-.187L9.167 5.2c-.004-.11.1-.2.232-.2h1.37Z",
+    fill: "currentColor",
+    fillRule: "evenodd"
+  }));
+};
+
+IconSyncExclaimation.displayName = 'IconSyncExclaimation';
+
+var IconSync = function IconSync(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-sync",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M18 10a7.939 7.939 0 0 0-2.351-5.649L13 7.001V1h6l-1.938 1.937A9.93 9.93 0 0 1 20 10c0 5.514-4.486 10-10 10v-2c4.411 0 8-3.589 8-8ZM2 10a7.94 7.94 0 0 0 2.35 5.649L7 12.999v6H1l1.938-1.937A9.926 9.926 0 0 1 0 10C0 4.486 4.485 0 10 0v2c-4.41 0-8 3.589-8 8Z",
+    fill: "currentColor",
+    fillRule: "evenodd"
+  }));
+};
+
+IconSync.displayName = 'IconSync';
+
+var IconTachometer = function IconTachometer(props) {
+  return React__default.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-tachometer",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    d: "M0 10.556c0-5.523 4.477-10 10-10s10 4.477 10 10a9.95 9.95 0 0 1-1.356 5.027 1.098 1.098 0 0 1-.953.528H2.309a1.1 1.1 0 0 1-.953-.528A9.948 9.948 0 0 1 0 10.556Zm10-5.834a.833.833 0 1 0 0-1.666.833.833 0 0 0 0 1.666ZM5.278 5a.833.833 0 1 0 0 1.666.833.833 0 0 0 0-1.666Zm8.61.833a.833.833 0 1 1 1.667 0 .833.833 0 0 1-1.666 0Zm2.779 3.89a.833.833 0 1 0 0 1.666.833.833 0 0 0 0-1.667ZM17.69 15l-15.375.024a8.877 8.877 0 0 1-1.205-4.468c0-4.902 3.988-8.89 8.889-8.89s8.889 3.988 8.889 8.89A8.791 8.791 0 0 1 17.69 15ZM2.5 10.556a.833.833 0 1 1 1.666 0 .833.833 0 0 1-1.666 0ZM12.681 3.92a.56.56 0 0 0-.706.343l-1.8 5.2-.069-.009c-.035-.005-.07-.01-.106-.01a2.222 2.222 0 1 0 1.229.372l1.796-5.19a.556.556 0 0 0-.344-.706Zm4.15 13.58c.14 0 .253.14.253.313v.625c0 .172-.113.312-.253.312H3.17c-.14 0-.253-.14-.253-.313v-.625c0-.172.113-.312.253-.312ZM10 10.556a1.112 1.112 0 0 1 0 2.222 1.113 1.113 0 0 1-1.111-1.111c0-.613.498-1.111 1.111-1.111Z"
+  }));
+};
+
+IconTachometer.displayName = 'IconTachometer';
+
+var IconTimesOctagon = function IconTimesOctagon(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-times-octagon",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M14.094.57c-.351-.35-.827-.55-1.322-.55H7.193c-.495 0-.97.2-1.322.55L.55 5.888c-.351.35-.55.826-.55 1.321v5.58c0 .494.199.97.55 1.32l5.321 5.323c.351.35.827.55 1.322.55h5.579c.495 0 .97-.2 1.322-.55l5.321-5.322c.351-.35.55-.827.55-1.322V7.213c0-.495-.199-.97-.55-1.321L14.094.57Zm4.62 12.217a.62.62 0 0 1-.184.441l-5.318 5.322a.619.619 0 0 1-.44.183H7.193a.62.62 0 0 1-.44-.183L1.43 13.232a.62.62 0 0 1-.183-.44v-5.58a.62.62 0 0 1 .183-.44L6.749 1.45a.62.62 0 0 1 .44-.183h5.58a.62.62 0 0 1 .44.183l5.321 5.322a.62.62 0 0 1 .183.44v5.575Zm-5.369.909.331-.332a.475.475 0 0 0 0-.662L10.975 10l2.701-2.702a.468.468 0 0 0 0-.663l-.331-.331a.468.468 0 0 0-.663 0L9.981 9.006 7.279 6.304a.468.468 0 0 0-.663 0l-.331.331a.468.468 0 0 0 0 .663L8.986 10l-2.701 2.702a.468.468 0 0 0 0 .662l.331.332c.183.183.48.183.663 0l2.702-2.702 2.701 2.702c.184.183.48.183.663 0Z",
+    fill: "currentColor"
+  }));
+};
+
+IconTimesOctagon.displayName = 'IconTimesOctagon';
+
+var IconTimes = function IconTimes(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-times",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "m19.457 18.143-8.135-8.145 8.135-8.175a.312.312 0 0 0 0-.442l-.884-.884a.312.312 0 0 0-.442 0L9.996 8.672 1.86.497a.312.312 0 0 0-.441 0l-.884.884a.312.312 0 0 0 0 .442L8.67 9.998.534 18.143a.312.312 0 0 0 0 .442l.884.884c.122.122.32.122.441 0l8.137-8.145 8.135 8.145c.122.122.32.122.442 0l.884-.884a.312.312 0 0 0 0-.442Z",
+    fill: "currentColor"
+  }));
+};
+
+IconTimes.displayName = 'IconTimes';
+
+var IconTrash = function IconTrash(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-trash",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "m13.063.75 1.312 1.75h3.438c.519 0 .937.418.937.938v.078a.235.235 0 0 1-.234.234H17.5v14.375c0 1.035-.84 1.875-1.875 1.875H4.375A1.875 1.875 0 0 1 2.5 18.125V3.75H1.484a.235.235 0 0 1-.234-.234v-.079c0-.519.418-.937.938-.937h3.437L6.938.75c.355-.473.91-.75 1.5-.75h3.124c.59 0 1.145.277 1.5.75Zm-1.5.5H8.437a.629.629 0 0 0-.5.25l-.75 1h5.625l-.75-1a.63.63 0 0 0-.5-.25Zm4.687 16.875a.627.627 0 0 1-.625.625H4.375a.627.627 0 0 1-.625-.625V3.75h12.5v14.375ZM9.375 6.094v10.312c0 .258.21.469.469.469h.312a.47.47 0 0 0 .469-.469V6.094a.47.47 0 0 0-.469-.469h-.312a.47.47 0 0 0-.469.469ZM6.25 16.406V6.094a.47.47 0 0 1 .469-.469h.312a.47.47 0 0 1 .469.469v10.312a.47.47 0 0 1-.469.469H6.72a.47.47 0 0 1-.469-.469ZM12.5 6.094v10.312c0 .258.21.469.469.469h.312a.47.47 0 0 0 .469-.469V6.094a.47.47 0 0 0-.469-.469h-.312a.47.47 0 0 0-.469.469Z",
+    fill: "currentColor"
+  }));
+};
+
+IconTrash.displayName = 'IconTrash';
+
+var IconUnderline = function IconUnderline(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-underline",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M18.196.29h-5.464a.303.303 0 0 0-.303.304V1.2a.304.304 0 0 0 .303.303h2.125v8.5a4.857 4.857 0 1 1-9.714 0v-8.5h2.125a.304.304 0 0 0 .303-.303V.594A.304.304 0 0 0 7.268.29H1.804A.304.304 0 0 0 1.5.594V1.2a.304.304 0 0 0 .304.303h2.125v8.5A6.079 6.079 0 0 0 10 16.076a6.079 6.079 0 0 0 6.071-6.072v-8.5h2.125a.304.304 0 0 0 .304-.303V.594a.304.304 0 0 0-.304-.304Zm0 18.214H1.804a.304.304 0 0 0-.304.304v.607a.303.303 0 0 0 .304.304h16.392a.304.304 0 0 0 .304-.304v-.607a.304.304 0 0 0-.304-.304Z",
+    fill: "currentColor"
+  }));
+};
+
+IconUnderline.displayName = 'IconUnderline';
+
+var IconUndo = function IconUndo(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-undo",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M.781.313h.39c.26 0 .47.21.47.468v4.322a9.682 9.682 0 0 1 8.39-4.79c5.328.016 9.665 4.375 9.656 9.702-.008 5.344-4.342 9.672-9.687 9.672a9.652 9.652 0 0 1-6.491-2.496.47.47 0 0 1-.02-.68l.277-.277a.468.468 0 0 1 .644-.018A8.327 8.327 0 0 0 10 18.36c4.6 0 8.36-3.724 8.36-8.359 0-4.6-3.724-8.36-8.36-8.36a8.357 8.357 0 0 0-7.433 4.532H7.03c.26 0 .469.21.469.469v.39c0 .26-.21.469-.469.469H.781a.469.469 0 0 1-.469-.469V.781c0-.259.21-.468.47-.468Z",
+    fill: "currentColor"
+  }));
+};
+
+IconUndo.displayName = 'IconUndo';
 
-var styles$6 = {"button":"_1SQ_p","button--loading":"_1g1Zw","button__spinner":"_3TAU6","button--wide":"_1R_gC","button--icon-only":"_3ig9y","button--default":"_3OB2g","button--primary":"_2RivT","button--danger":"_3T8M_","button--upsell":"_1AYVC","button--marketing":"_34HiE","button--hollow":"_3BrS0","button--link-contrast":"_1LCBO","button--link-primary":"_23S36","button--link-danger":"_2CzxI","button--link-upsell":"_21e4m","button--link-toolbar":"_2-ESu","button--link-icon":"_1u3kp"};
+var IconUserComputer = function IconUserComputer(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-user-computer",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M18.958 2.5H6.25c-.575 0-1.042.466-1.042 1.042v1.172a3.125 3.125 0 1 0 3.125 3.125A3.116 3.116 0 0 0 6.25 4.905V3.542h12.708v9.505H9.94c-.019-.03-.033-.064-.053-.094-.562-.834-1.52-1.273-2.504-1.273-.904 0-1.131.325-2.174.325-1.04 0-1.268-.325-2.174-.325-.984 0-1.942.44-2.503 1.273A3.11 3.11 0 0 0 0 14.696v1.216c0 .719.583 1.301 1.302 1.301h7.813c.719 0 1.302-.582 1.302-1.302v-1.215c0-.208-.028-.41-.067-.607h8.608c.576 0 1.042-.467 1.042-1.042V3.542c0-.576-.466-1.042-1.042-1.042ZM7.292 7.839a2.086 2.086 0 0 1-2.084 2.083 2.086 2.086 0 0 1-2.083-2.083c0-1.15.935-2.084 2.083-2.084 1.15 0 2.084.935 2.084 2.084Zm2.083 8.072a.26.26 0 0 1-.26.26H1.302a.26.26 0 0 1-.26-.26v-1.215c0-.416.122-.818.353-1.16.343-.51.955-.814 1.64-.814.709 0 .975.325 2.173.325s1.465-.325 2.174-.325c.684 0 1.297.304 1.64.813.23.343.353.745.353 1.161v1.216Z",
+    fill: "currentColor"
+  }), React__default.createElement("rect", {
+    x: 10.259,
+    y: 17.051,
+    width: 1.042,
+    height: 4.688,
+    rx: 0.521,
+    transform: "rotate(-90 10.259 17.05)",
+    fill: "currentColor"
+  }), React__default.createElement("path", {
+    fill: "currentColor",
+    d: "M12.083 13.307h1.042v2.702h-1.042z"
+  }));
+};
 
-var _excluded$1 = ["id", "onClick", "className", "type", "disabled", "href", "target", "children"];
+IconUserComputer.displayName = 'IconUserComputer';
 
-var Button = function Button(_ref, ref) {
-  var _classnames;
+var IconUserLight = function IconUserLight(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-user-light",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M10 10a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm2.203 1.505c.426-.135.806-.255 1.297-.255a5.251 5.251 0 0 1 5.25 5.25v1.625c0 1.035-.84 1.875-1.875 1.875H3.125a1.875 1.875 0 0 1-1.875-1.875V16.5a5.251 5.251 0 0 1 5.25-5.25c.494 0 .874.12 1.3.255.546.173 1.168.37 2.2.37 1.033 0 1.656-.197 2.203-.37Zm4.672 7.245a.627.627 0 0 0 .625-.625V16.5c0-2.207-1.793-4-4-4-.294 0-.588.092-.95.206-.581.182-1.337.419-2.55.419-1.215 0-1.971-.237-2.551-.42-.362-.113-.655-.205-.949-.205-2.207 0-4 1.793-4 4v1.625c0 .344.281.625.625.625h13.75ZM13.75 5A3.756 3.756 0 0 0 10 1.25 3.756 3.756 0 0 0 6.25 5 3.756 3.756 0 0 0 10 8.75 3.756 3.756 0 0 0 13.75 5Z",
+    fill: "currentColor"
+  }));
+};
 
-  var children = _ref.children,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'button' : _ref$type,
-      _ref$theme = _ref.theme,
-      theme = _ref$theme === void 0 ? 'default' : _ref$theme,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      onClick = _ref.onClick,
-      id = _ref.id,
-      wide = _ref.wide,
-      loading = _ref.loading,
-      title = _ref.title,
-      href = _ref.href,
-      _ref$target = _ref.target,
-      target = _ref$target === void 0 ? '_self' : _ref$target;
-  var contrastSpinner = ['primary', 'danger', 'upsell', 'marketing', 'link-contrast'];
-  var childrenArr = Children.toArray(children);
-  var isIconOnly = childrenArr.length === 1 && typeof childrenArr[0] != 'string';
-  return React__default.createElement(Tooltip$1, {
-    overlay: title
-  }, React__default.createElement(ButtonElement, {
-    id: id,
-    onClick: onClick,
-    className: classnames(styles$6['button'], (_classnames = {}, _classnames[styles$6['button--default']] = theme === 'default', _classnames[styles$6['button--primary']] = theme === 'primary', _classnames[styles$6['button--danger']] = theme === 'danger', _classnames[styles$6['button--upsell']] = theme === 'upsell', _classnames[styles$6['button--marketing']] = theme === 'marketing', _classnames[styles$6['button--hollow']] = theme === 'hollow', _classnames[styles$6['button--link-primary']] = theme === 'link-primary', _classnames[styles$6['button--link-danger']] = theme === 'link-danger', _classnames[styles$6['button--link-upsell']] = theme === 'link-upsell', _classnames[styles$6['button--link-toolbar']] = theme === 'link-toolbar', _classnames[styles$6['button--link-contrast']] = theme === 'link-contrast', _classnames[styles$6['button--link-icon']] = theme === 'link-icon', _classnames[styles$6['button--wide']] = wide, _classnames[styles$6['button--loading']] = loading, _classnames[styles$6['button--icon-only']] = isIconOnly, _classnames)),
-    type: type,
-    disabled: disabled || loading,
-    href: href,
-    ref: ref,
-    target: target
-  }, React__default.createElement(Inline, {
-    space: 8,
-    alignItems: "center"
-  }, children), loading && React__default.createElement("div", {
-    className: styles$6['button__spinner']
-  }, React__default.createElement(Spinner, {
-    theme: contrastSpinner.includes(theme) ? 'contrast' : 'disabled'
-  }))));
+IconUserLight.displayName = 'IconUserLight';
+
+var IconUserPlus = function IconUserPlus(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-user-plus",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M19.77 9.063h-2.52V6.483a.232.232 0 0 0-.23-.234h-.458a.232.232 0 0 0-.229.234v2.579h-2.52a.232.232 0 0 0-.23.234v.469c0 .129.103.234.23.234h2.52v2.578c0 .129.103.235.23.235h.457c.127 0 .23-.106.23-.235V10h2.52c.127 0 .23-.105.23-.234v-.47a.232.232 0 0 0-.23-.233ZM6.667 10c2.104 0 3.81-1.865 3.81-4.167 0-2.301-1.706-4.166-3.81-4.166s-3.81 1.865-3.81 4.166C2.857 8.135 4.562 10 6.667 10Zm2.666 1.042h-.497c-.66.332-1.396.52-2.17.52a4.825 4.825 0 0 1-2.169-.52H4c-2.208 0-4 1.96-4 4.375v1.354c0 .863.64 1.562 1.429 1.562h10.476c.789 0 1.428-.7 1.428-1.562v-1.354c0-2.416-1.791-4.375-4-4.375Z",
+    fill: "currentColor"
+  }));
 };
 
-var ButtonElement = forwardRef(function (_ref2, ref) {
-  var id = _ref2.id,
-      onClick = _ref2.onClick,
-      className = _ref2.className,
-      type = _ref2.type,
-      disabled = _ref2.disabled,
-      href = _ref2.href,
-      target = _ref2.target,
-      children = _ref2.children,
-      rest = _objectWithoutPropertiesLoose(_ref2, _excluded$1);
+IconUserPlus.displayName = 'IconUserPlus';
 
-  var commonProps = {
-    id: id,
-    onClick: onClick,
-    className: className,
-    disabled: disabled
-  };
+var IconUserSlash = function IconUserSlash(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-user-slash",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("g", {
+    clipPath: "url(#icon-user-slash_svg__a)"
+  }, React__default.createElement("path", {
+    d: "M19.907 17.442.718 1.708a.242.242 0 0 0-.35.04l-.313.406a.27.27 0 0 0 .038.368L19.282 18.26a.242.242 0 0 0 .35-.04l.313-.406a.274.274 0 0 0-.038-.371ZM10 2.692c1.931 0 3.5 1.633 3.5 3.645 0 1.132-.51 2.135-1.29 2.805l.8.658a4.749 4.749 0 0 0 1.49-3.463c0-2.588-2.015-4.687-4.5-4.687-1.706 0-3.169 1-3.935 2.454l.794.65C7.428 3.539 8.616 2.692 10 2.692Zm-7 14.58v-1.04c0-1.723 1.346-3.125 3-3.125h1.15c.7 0 1.26.52 2.85.52.366 0 .728-.036 1.088-.1l-1.154-.948c-1.443-.02-1.853-.514-2.787-.514H6c-2.21 0-4 1.865-4 4.166v1.042c0 .576.446 1.041 1 1.041h13.925l-1.268-1.041H2.999Z",
+    fill: "currentColor"
+  })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
+    id: "icon-user-slash_svg__a"
+  }, React__default.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h20v20H0z"
+  }))));
+};
 
-  if (href) {
-    return React__default.createElement("a", Object.assign({}, commonProps, rest, {
-      href: href,
-      target: target,
-      "aria-disabled": disabled,
-      ref: ref
-    }), children);
-  }
+IconUserSlash.displayName = 'IconUserSlash';
 
-  return React__default.createElement("button", Object.assign({}, commonProps, rest, {
-    type: type,
-    ref: ref
-  }), children);
-});
-var Button$1 = forwardRef(Button);
+var IconUserSolid = function IconUserSolid(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-user-solid",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M10 10c2.63 0 4.762-2.238 4.762-5S12.63 0 10 0C7.37 0 5.238 2.238 5.238 5S7.37 10 10 10Zm3.334 1.25h-.622a6.226 6.226 0 0 1-2.712.625 6.238 6.238 0 0 1-2.712-.625h-.621c-2.76 0-5 2.352-5 5.25v1.625c0 1.035.8 1.875 1.786 1.875h13.095c.986 0 1.786-.84 1.786-1.875V16.5c0-2.898-2.24-5.25-5-5.25Z",
+    fill: "currentColor"
+  }));
+};
 
-var MenuButton = function MenuButton(_ref) {
-  var _ref$theme = _ref.theme,
-      theme = _ref$theme === void 0 ? 'link-icon' : _ref$theme,
-      children = _ref.children;
+IconUserSolid.displayName = 'IconUserSolid';
 
-  var _useMenuContext = useMenuContext(),
-      onToggleMenu = _useMenuContext.onToggleMenu,
-      triggerRef = _useMenuContext.triggerRef;
+var IconUserTag = function IconUserTag(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-user-tag",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M14.18 2c1.363 0 2.467 1.128 2.467 2.519v2.833l3.131 2.664a.638.638 0 0 1 0 .968l-3.13 2.664v2.833c0 1.391-1.105 2.519-2.467 2.519H2.466C1.104 19 0 17.872 0 16.481V4.52C0 3.128 1.104 2 2.466 2h11.715Zm-3.082 5.667c0 1.39-1.104 2.518-2.466 2.518S6.166 9.058 6.166 7.667c0-1.391 1.104-2.519 2.466-2.519s2.466 1.128 2.466 2.519Zm-1.38 3.276c.21-.068.398-.128.64-.128 1.43 0 2.59 1.184 2.59 2.644v.819a.935.935 0 0 1-.925.944H5.241a.935.935 0 0 1-.925-.944v-.819c0-1.46 1.16-2.644 2.59-2.644.243 0 .43.06.64.128.27.088.577.187 1.086.187.51 0 .817-.1 1.086-.187Z",
+    fill: "currentColor"
+  }));
+};
 
-  return React__default.createElement(Button$1, {
-    onClick: function onClick(e) {
-      onToggleMenu();
-      e.stopPropagation();
-    },
-    theme: theme,
-    ref: triggerRef
-  }, children);
+IconUserTag.displayName = 'IconUserTag';
+
+var IconUserTie = function IconUserTie(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-user-tie",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M10 10a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm3.742 1.273-1.867 7.477-1.25-5.313 1.25-2.187h-3.75l1.25 2.188-1.25 5.312-1.867-7.477c-2.785.133-5.008 2.41-5.008 5.227v1.625C1.25 19.16 2.09 20 3.125 20h13.75c1.035 0 1.875-.84 1.875-1.875V16.5c0-2.816-2.223-5.094-5.008-5.227Z",
+    fill: "currentColor"
+  }));
 };
 
-function isClickInside(ref, event) {
-  return !ref.current || event.target instanceof Node && ref.current.contains(event.target);
-}
+IconUserTie.displayName = 'IconUserTie';
 
-function useOnClickOutside(ref, cb) {
-  React__default.useEffect(function () {
-    var listener = function listener(event) {
-      if (isClickInside(ref, event)) {
-        return;
-      }
+var IconUsers = function IconUsers(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-users",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M17 9a2.5 2.5 0 1 0 .001-4.999A2.5 2.5 0 0 0 17 9Zm0-4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm-7 5c1.934 0 3.5-1.566 3.5-3.5S11.934 3 10 3a3.498 3.498 0 0 0-3.5 3.5C6.5 8.434 8.066 10 10 10Zm0-6c1.378 0 2.5 1.122 2.5 2.5S11.378 9 10 9a2.503 2.503 0 0 1-2.5-2.5C7.5 5.122 8.622 4 10 4Zm7.625 6h-1.25c-.475 0-.916.15-1.284.403.293.2.559.434.793.7.154-.066.32-.103.491-.103h1.25c.756 0 1.375.672 1.375 1.5 0 .275.225.5.5.5s.5-.225.5-.5c0-1.378-1.066-2.5-2.375-2.5ZM3 9a2.5 2.5 0 1 0 .001-4.999A2.5 2.5 0 0 0 3 9Zm0-4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm9.503 5.625C11.46 10.625 11.2 11 10 11c-1.2 0-1.46-.375-2.503-.375-1.135 0-2.238.506-2.885 1.466A3.581 3.581 0 0 0 4 14.1v1.4A1.5 1.5 0 0 0 5.5 17h9a1.5 1.5 0 0 0 1.5-1.5v-1.4c0-.744-.225-1.434-.613-2.01-.646-.959-1.75-1.465-2.884-1.465ZM15 15.5c0 .275-.225.5-.5.5h-9a.501.501 0 0 1-.5-.5v-1.4c0-.519.153-1.022.44-1.45.432-.64 1.2-1.025 2.054-1.025.856 0 1.162.375 2.506.375 1.344 0 1.65-.375 2.503-.375.853 0 1.622.384 2.053 1.025.288.428.44.931.44 1.45v1.4H15ZM4.91 10.403A2.276 2.276 0 0 0 3.624 10h-1.25C1.065 10 0 11.122 0 12.5c0 .275.225.5.5.5s.5-.225.5-.5c0-.828.619-1.5 1.375-1.5h1.25c.172 0 .337.037.49.103.235-.265.504-.5.794-.7Z",
+    fill: "currentColor"
+  }));
+};
 
-      cb(event);
-    };
+IconUsers.displayName = 'IconUsers';
 
-    document.addEventListener('mousedown', listener);
-    document.addEventListener('touchstart', listener);
-    return function () {
-      document.removeEventListener('mousedown', listener);
-      document.removeEventListener('touchstart', listener);
-    };
-  }, [ref, cb]);
-}
+var IconVideo = function IconVideo(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-video",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M18.885 4.555c-.215 0-.434.063-.632.198L14.444 7.18V5.104c0-.917-.805-1.66-1.798-1.66H1.799C.806 3.444 0 4.187 0 5.104v10.014c0 .917.806 1.66 1.799 1.66h10.847c.993 0 1.798-.743 1.798-1.66v-2.076l3.806 2.427c.198.139.42.198.632.198.576 0 1.114-.452 1.114-1.094V5.649c.004-.642-.534-1.094-1.11-1.094Zm-5.552 10.563c0 .299-.316.549-.687.549H1.799c-.372 0-.688-.25-.688-.55V5.105c0-.299.316-.549.688-.549h10.847c.371 0 .687.25.687.55v10.013Zm5.556-.545-.042-.045-4.403-2.806V8.496l4.445-2.83v8.907Z",
+    fill: "currentColor"
+  }));
+};
 
-var MenuList = function MenuList(_ref) {
-  var _classnames;
+IconVideo.displayName = 'IconVideo';
 
-  var children = _ref.children;
-  var paneElement = useRef(null);
+var IconVolumeMute = function IconVolumeMute(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-volume-mute",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "m17.759 10 2.15-2.15a.313.313 0 0 0 0-.442l-.442-.441a.313.313 0 0 0-.442 0l-2.15 2.149-2.15-2.15a.313.313 0 0 0-.441 0l-.442.442a.313.313 0 0 0 0 .442L15.99 10l-2.15 2.15a.313.313 0 0 0 0 .441l.442.442c.122.122.32.122.442 0l2.15-2.15 2.15 2.15c.122.122.32.122.441 0l.442-.441a.313.313 0 0 0 0-.442L17.76 10ZM9.055 2.5a.916.916 0 0 0-.655.275L4.924 6.25H.937A.937.937 0 0 0 0 7.187v5.625c0 .518.42.938.938.938h3.986L8.4 17.224a.936.936 0 0 0 1.6-.663V3.438a.936.936 0 0 0-.945-.938ZM8.75 15.807l-2.942-2.941-.366-.366H1.25v-5h4.192l.366-.366L8.75 4.192v11.615Z",
+    fill: "currentColor"
+  }));
+};
 
-  var _useMenuContext = useMenuContext(),
-      isOpen = _useMenuContext.isOpen,
-      onToggleMenu = _useMenuContext.onToggleMenu,
-      triggerRef = _useMenuContext.triggerRef;
+IconVolumeMute.displayName = 'IconVolumeMute';
 
-  var _useState = useState({}),
-      position = _useState[0],
-      setPosition = _useState[1];
+var IconVolume = function IconVolume(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-volume",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M13.995 7.561a.625.625 0 1 0-.54 1.127c.552.265.895.767.895 1.312 0 .544-.343 1.047-.895 1.312a.625.625 0 0 0 .54 1.126c.99-.474 1.605-1.408 1.605-2.438 0-1.03-.616-1.964-1.605-2.439ZM9.655 2.5a.916.916 0 0 0-.656.275L5.524 6.25H1.537a.937.937 0 0 0-.937.938v5.625c0 .517.42.937.937.937h3.987l3.475 3.475a.936.936 0 0 0 1.6-.663V3.438a.936.936 0 0 0-.944-.938ZM9.35 15.807 6.04 12.5H1.85v-5H6.04L9.35 4.193v11.614Zm10-5.807c0-2.583-1.33-4.946-3.47-6.167a.635.635 0 0 0-.86.23c-.174.3-.07.681.232.854 1.75.998 2.837 2.945 2.837 5.083 0 2.137-1.088 4.085-2.837 5.082a.623.623 0 0 0-.232.854c.168.289.549.408.86.23 2.14-1.22 3.47-3.583 3.47-6.166Z",
+    fill: "currentColor"
+  }));
+};
 
-  var clickOutisideCallback = useCallback(function () {
-    if (isOpen) {
-      onToggleMenu();
-    }
-  }, [isOpen]);
-  useOnClickOutside(paneElement, clickOutisideCallback);
-  useEffect(function () {
-    var _paneElement$current;
+IconVolume.displayName = 'IconVolume';
 
-    var triggerPosition = triggerRef.current.getBoundingClientRect();
-    var panePosition = (_paneElement$current = paneElement.current) === null || _paneElement$current === void 0 ? void 0 : _paneElement$current.getBoundingClientRect();
-    var paneWidth = (panePosition === null || panePosition === void 0 ? void 0 : panePosition.width) || 160;
-    var pos = {
-      left: triggerPosition.left + triggerPosition.width - paneWidth,
-      top: triggerPosition.top + window.scrollY + triggerPosition.height + 3
-    };
-    setPosition(pos);
-  }, [isOpen, triggerRef]);
-  return React__default.createElement(Portal, null, React__default.createElement("ul", {
-    className: classnames(styles$1['list'], (_classnames = {}, _classnames[styles$1['list--active']] = isOpen, _classnames)),
-    role: "menu",
-    style: position,
-    ref: paneElement
-  }, children));
+var IconWrench = function IconWrench(props) {
+  return React__default.createElement("svg", Object.assign({
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "data-testid": "icon-wrench",
+    style: getIconStyles(props)
+  }, props), React__default.createElement("path", {
+    d: "M19.002 4.933a.974.974 0 0 0-1.636-.452l-2.287 2.287-1.585-.264-.264-1.584 2.287-2.287A.976.976 0 0 0 15.06.995 5.376 5.376 0 0 0 9.933 2.42C8.578 3.776 8.063 5.732 8.55 7.6l-6.922 6.922a2.726 2.726 0 0 0 0 3.847 2.704 2.704 0 0 0 1.924.798 2.7 2.7 0 0 0 1.924-.798l6.915-6.914a5.364 5.364 0 0 0 5.188-1.39 5.366 5.366 0 0 0 1.423-5.132ZM16.77 9.255c-1.14 1.139-2.808 1.526-4.36 1.01l-.336-.112-7.407 7.407c-.596.595-1.633.595-2.228 0a1.579 1.579 0 0 1 0-2.228L9.85 7.921l-.11-.335c-.513-1.556-.128-3.225 1.003-4.356a4.225 4.225 0 0 1 3.743-1.186l-2.482 2.483.494 2.973 2.975.495 2.48-2.483a4.225 4.225 0 0 1-1.184 3.743ZM3.698 15.729a.573.573 0 1 0 0 1.146.573.573 0 0 0 0-1.146Z",
+    fill: "currentColor"
+  }));
 };
 
-var styles$7 = {"item":"_3DlpO","clickable":"_2jPpF","selected":"_NS-B9","item-column":"_3ENNn","actions":"_1FTaE"};
+IconWrench.displayName = 'IconWrench';
+
+var styles$6 = {"item":"_3DlpO","clickable":"_2jPpF","selected":"_NS-B9","item-column":"_3ENNn","actions":"_1FTaE"};
 
 var ResourceTableRow = function ResourceTableRow(_ref) {
   var _classnames;
@@ -1038,11 +2859,11 @@ var ResourceTableRow = function ResourceTableRow(_ref) {
       columnSizes = _useResourceTableCont.columnSizes,
       showActionMenu = _useResourceTableCont.showActionMenu;
 
-  var styleNames = classnames(styles$7['item'], (_classnames = {}, _classnames[styles$7['clickable']] = onClick, _classnames[styles$7['selected']] = isSelected, _classnames));
+  var styleNames = classnames(styles$6['item'], (_classnames = {}, _classnames[styles$6['clickable']] = onClick, _classnames[styles$6['selected']] = isSelected, _classnames));
 
   var renderColumn = function renderColumn(columnElement, index) {
     return React__default.createElement("div", {
-      className: styles$7['item-column'],
+      className: styles$6['item-column'],
       style: {
         flex: columnSizes && columnSizes[index] || 1
       },
@@ -1060,9 +2881,9 @@ var ResourceTableRow = function ResourceTableRow(_ref) {
     role: "row",
     tabIndex: 0
   }, columnElements.map(renderColumn), showActionMenu && React__default.createElement("div", {
-    className: classnames(styles$7['item-column'], styles$7['actions']),
+    className: classnames(styles$6['item-column'], styles$6['actions']),
     "data-testid": "resource-table-dropdown-menu"
-  }, actions.length > 0 && React__default.createElement(Menu, null, React__default.createElement(MenuButton, null, React__default.createElement(IconMore, null)), React__default.createElement(MenuList, null, actions.map(function (action, index) {
+  }, actions.length > 0 && React__default.createElement(Menu, null, React__default.createElement(MenuButton, null, React__default.createElement(IconEllipsisV, null)), React__default.createElement(MenuList, null, actions.map(function (action, index) {
     return React__default.createElement(MenuItem, {
       onClick: action.onAction,
       key: index
@@ -1070,7 +2891,19 @@ var ResourceTableRow = function ResourceTableRow(_ref) {
   })))));
 };
 
-var styles$8 = {"header":"_28AYq","header-item":"_3-nHz","header-item--sortable":"_2Rh0i","header-item--action":"_2fGMK","header-sort-icon":"_W7CnY","body":"_2ygIH","footer":"_2cqhY"};
+var styles$7 = {"header":"_28AYq","header-item":"_3-nHz","header-item--sortable":"_2Rh0i","header-item--action":"_2fGMK","header-sort-icon":"_W7CnY","body":"_2ygIH","footer":"_2cqhY"};
+
+var WHITE = '#ffffff';
+var EGGPLANT200 = '#d3dbf4';
+var EGGPLANT300 = '#a7b7ea';
+var EGGPLANT400 = '#6d87dd';
+var EGGPLANT700 = '#32295c';
+var RADISH400 = '#e76767';
+var GREY100 = '#f8f8f8';
+var GREY200 = '#e0e0e0';
+var GREY300 = '#c1c1c1';
+var GREY400 = '#929292';
+var GREY500 = '#555555';
 
 var SORT_ORDER = {
   ASC: 'asc',
@@ -1101,14 +2934,14 @@ var ResourceTableHeader = function ResourceTableHeader(_ref) {
   };
 
   return React__default.createElement("div", {
-    className: styles$8['header']
+    className: styles$7['header']
   }, columns.map(function (column) {
     var _classnames;
 
     var isSortable = column.isSortable;
     var sortDir = column.currentSort;
     return React__default.createElement("div", {
-      className: classnames((_classnames = {}, _classnames[styles$8['header-item']] = true, _classnames[styles$8['header-item--sortable']] = isSortable, _classnames)),
+      className: classnames((_classnames = {}, _classnames[styles$7['header-item']] = true, _classnames[styles$7['header-item--sortable']] = isSortable, _classnames)),
       style: {
         flex: column.size || 1
       },
@@ -1122,12 +2955,12 @@ var ResourceTableHeader = function ResourceTableHeader(_ref) {
       role: "columnheader",
       tabIndex: 0
     }, column.label, ' ', isSortable && React__default.createElement("span", {
-      className: styles$8['header-sort-icon']
-    }, React__default.createElement(IconSort, {
+      className: styles$7['header-sort-icon']
+    }, React__default.createElement(IconSort$1, {
       sortDirection: sortDir
     })));
   }), showActionMenu && React__default.createElement("div", {
-    className: classnames(styles$8['header-item'], styles$8['header-item--action'])
+    className: classnames(styles$7['header-item'], styles$7['header-item--action'])
   }));
 };
 
@@ -1144,7 +2977,7 @@ var getNextSort = function getNextSort(column) {
   }
 };
 
-var IconSort = function IconSort(_ref2) {
+var IconSort$1 = function IconSort(_ref2) {
   var sortDirection = _ref2.sortDirection;
   var sortDir = sortDirection || null;
   return React__default.createElement("div", {
@@ -1153,17 +2986,19 @@ var IconSort = function IconSort(_ref2) {
       flexDirection: 'column'
     }
   }, sortDir !== 'desc' && React__default.createElement(IconChevronUp, {
-    size: "small"
+    size: "small",
+    color: GREY400
   }), sortDir !== 'asc' && React__default.createElement("span", {
     style: {
       marginTop: '-4px'
     }
   }, React__default.createElement(IconChevronDown, {
-    size: "small"
+    size: "small",
+    color: GREY400
   })));
 };
 
-var styles$9 = {"pagination-controls":"_1IynL"};
+var styles$8 = {"pagination-controls":"_1IynL"};
 
 var getLocalizedString = function getLocalizedString(key) {
   if (!window.Shifts) {
@@ -1214,7 +3049,7 @@ var PaginationControls = function PaginationControls(_ref) {
       onPreviousClick = _ref.onPreviousClick,
       onNextClick = _ref.onNextClick;
   return React__default.createElement("div", {
-    className: styles$9['pagination-controls']
+    className: styles$8['pagination-controls']
   }, React__default.createElement(Button$1, {
     disabled: !hasPrevious,
     onClick: onPreviousClick,
@@ -1269,7 +3104,7 @@ var ResourceTable = function ResourceTable(_ref) {
     onSort: onSort,
     showActionMenu: showActionMenu
   }), React__default.createElement("div", {
-    className: styles$8['body'],
+    className: styles$7['body'],
     style: conditionalStyles,
     role: "table"
   }, isLoading && React__default.createElement(Spinner, {
@@ -1282,7 +3117,7 @@ var ResourceTable = function ResourceTable(_ref) {
       index: index
     });
   })), onPreviousClick && onNextClick && (hasPrevious || hasNext) && React__default.createElement("div", {
-    className: styles$8['footer'],
+    className: styles$7['footer'],
     "data-testid": "pagination-controls"
   }, React__default.createElement(PaginationControls, {
     hasPrevious: hasPrevious && !isLoading,
@@ -1325,7 +3160,7 @@ var useDataTableContext = function useDataTableContext() {
   return context;
 };
 
-var styles$a = {"item":"_1d8Ci","clickable":"_thFcO","selected":"_3tb7U","item-column":"_OTcMc","item-column--default-padding":"_lNHQ8","item-column--right-align":"_13YLe","item-column--vertical-border":"_1rrRr","actions":"_azbIG"};
+var styles$9 = {"item":"_1d8Ci","clickable":"_thFcO","selected":"_3tb7U","item-column":"_OTcMc","item-column--default-padding":"_lNHQ8","item-column--right-align":"_13YLe","item-column--vertical-border":"_1rrRr","actions":"_azbIG"};
 
 var DataTableRow = function DataTableRow(_ref) {
   var _classnames;
@@ -1344,7 +3179,7 @@ var DataTableRow = function DataTableRow(_ref) {
       showActionMenu = _useDataTableContext.showActionMenu,
       hasVerticalBorders = _useDataTableContext.hasVerticalBorders;
 
-  var styleNames = classnames(styles$a['item'], (_classnames = {}, _classnames[styles$a['clickable']] = onClick, _classnames[styles$a['selected']] = isSelected, _classnames));
+  var styleNames = classnames(styles$9['item'], (_classnames = {}, _classnames[styles$9['clickable']] = onClick, _classnames[styles$9['selected']] = isSelected, _classnames));
 
   var renderColumn = function renderColumn(columnElement, index) {
     var _classnames2;
@@ -1352,7 +3187,7 @@ var DataTableRow = function DataTableRow(_ref) {
     var column = columns === null || columns === void 0 ? void 0 : columns[index];
     var isRightAligned = column === null || column === void 0 ? void 0 : column.isRightAligned;
     return React__default.createElement("div", {
-      className: classnames((_classnames2 = {}, _classnames2[styles$a['item-column--right-align']] = isRightAligned, _classnames2[styles$a['item-column--vertical-border']] = hasVerticalBorders, _classnames2[styles$a['item-column--default-padding']] = hasDefaultPadding, _classnames2), styles$a['item-column']),
+      className: classnames((_classnames2 = {}, _classnames2[styles$9['item-column--right-align']] = isRightAligned, _classnames2[styles$9['item-column--vertical-border']] = hasVerticalBorders, _classnames2[styles$9['item-column--default-padding']] = hasDefaultPadding, _classnames2), styles$9['item-column']),
       style: {
         flex: (column === null || column === void 0 ? void 0 : column.size) || 1
       },
@@ -1370,9 +3205,9 @@ var DataTableRow = function DataTableRow(_ref) {
   }, React__default.Children.map(children, function (child, index) {
     return renderColumn(child, index);
   }), showActionMenu && React__default.createElement("div", {
-    className: classnames(styles$a['item-column'], styles$a['actions']),
+    className: classnames(styles$9['item-column'], styles$9['actions']),
     "data-testid": "data-table-dropdown-menu"
-  }, actions.length > 0 && React__default.createElement(Menu, null, React__default.createElement(MenuButton, null, React__default.createElement(IconMore, null)), React__default.createElement(MenuList, null, actions.map(function (action, index) {
+  }, actions.length > 0 && React__default.createElement(Menu, null, React__default.createElement(MenuButton, null, React__default.createElement(IconEllipsisV, null)), React__default.createElement(MenuList, null, actions.map(function (action, index) {
     return React__default.createElement(MenuItem, {
       onClick: action.onAction,
       key: index
@@ -1380,7 +3215,7 @@ var DataTableRow = function DataTableRow(_ref) {
   })))));
 };
 
-var styles$b = {"header":"_of22N","header-item":"_27x4v","header-item--sortable":"_3gw3Z","header-item--right-align":"_Fjm2n","header-item--action":"_LoIvx","header-sort-icon":"_3VjFP","body":"_1bTmd","footer":"_1opWx","pagination-controls":"_F_spz"};
+var styles$a = {"header":"_of22N","header-item":"_27x4v","header-item--sortable":"_3gw3Z","header-item--right-align":"_Fjm2n","header-item--action":"_LoIvx","header-sort-icon":"_3VjFP","body":"_1bTmd","footer":"_1opWx","pagination-controls":"_F_spz"};
 
 var SORT_ORDER$1 = {
   ASC: 'asc',
@@ -1411,7 +3246,7 @@ var DataTableHeader = function DataTableHeader(_ref) {
   };
 
   return React__default.createElement("div", {
-    className: styles$b['header']
+    className: styles$a['header']
   }, columns.map(function (column) {
     var _classnames;
 
@@ -1419,7 +3254,7 @@ var DataTableHeader = function DataTableHeader(_ref) {
     var sortDir = column.currentSort;
     var isRightAligned = column.isRightAligned;
     return React__default.createElement("div", {
-      className: classnames((_classnames = {}, _classnames[styles$b['header-item']] = true, _classnames[styles$b['header-item--sortable']] = isSortable, _classnames[styles$b['header-item--right-align']] = isRightAligned, _classnames)),
+      className: classnames((_classnames = {}, _classnames[styles$a['header-item']] = true, _classnames[styles$a['header-item--sortable']] = isSortable, _classnames[styles$a['header-item--right-align']] = isRightAligned, _classnames)),
       style: {
         flex: column.size || 1
       },
@@ -1433,12 +3268,12 @@ var DataTableHeader = function DataTableHeader(_ref) {
       role: "columnheader",
       tabIndex: 0
     }, column.label, ' ', isSortable && React__default.createElement("span", {
-      className: styles$b['header-sort-icon']
-    }, React__default.createElement(IconSort$1, {
+      className: styles$a['header-sort-icon']
+    }, React__default.createElement(IconSort$2, {
       sortDirection: sortDir
     })));
   }), showActionMenu && React__default.createElement("div", {
-    className: classnames(styles$b['header-item'], styles$b['header-item--action'])
+    className: classnames(styles$a['header-item'], styles$a['header-item--action'])
   }));
 };
 
@@ -1455,7 +3290,7 @@ var getNextSort$1 = function getNextSort(column) {
   }
 };
 
-var IconSort$1 = function IconSort(_ref2) {
+var IconSort$2 = function IconSort(_ref2) {
   var sortDirection = _ref2.sortDirection;
   var sortDir = sortDirection || null;
   return React__default.createElement("div", {
@@ -1464,13 +3299,15 @@ var IconSort$1 = function IconSort(_ref2) {
       flexDirection: 'column'
     }
   }, sortDir !== 'desc' && React__default.createElement(IconChevronUp, {
-    size: "small"
+    size: "small",
+    color: GREY400
   }), sortDir !== 'asc' && React__default.createElement("span", {
     style: {
       marginTop: '-4px'
     }
   }, React__default.createElement(IconChevronDown, {
-    size: "small"
+    size: "small",
+    color: GREY400
   })));
 };
 
@@ -1516,7 +3353,7 @@ var DataTable = function DataTable(_ref) {
     onSort: onSort,
     showActionMenu: showActionMenu
   }), React__default.createElement("div", {
-    className: styles$b['body'],
+    className: styles$a['body'],
     style: conditionalStyles,
     role: "table"
   }, isLoading && React__default.createElement(Spinner, {
@@ -1529,10 +3366,10 @@ var DataTable = function DataTable(_ref) {
       index: index
     });
   }), footerComponent && !isLoading && React__default.createElement("div", {
-    className: styles$b['footer'],
+    className: styles$a['footer'],
     "data-testid": "footer"
   }, footerComponent)), onPreviousClick && onNextClick && (hasPrevious || hasNext) && React__default.createElement("div", {
-    className: styles$b['pagination-controls'],
+    className: styles$a['pagination-controls'],
     "data-testid": "pagination-controls"
   }, React__default.createElement(PaginationControls, {
     hasPrevious: hasPrevious && !isLoading,
@@ -1560,7 +3397,7 @@ var DefaultItemComponent$1 = function DefaultItemComponent(_ref2) {
   }));
 };
 
-var styles$c = {"data-table-cell":"_orjDM","data-table-cell--right-aligned":"_3EpfF"};
+var styles$b = {"data-table-cell":"_orjDM","data-table-cell--right-aligned":"_3EpfF"};
 
 var DataTableCell = function DataTableCell(_ref) {
   var _columns$columnIndex, _classnames;
@@ -1574,7 +3411,7 @@ var DataTableCell = function DataTableCell(_ref) {
   var column = (_columns$columnIndex = columns[columnIndex]) != null ? _columns$columnIndex : null;
   var isRightAligned = column ? column.isRightAligned : false;
   return React__default.createElement("div", {
-    className: classnames((_classnames = {}, _classnames[styles$c['data-table-cell--right-aligned']] = isRightAligned, _classnames), styles$c['data-table-cell'])
+    className: classnames((_classnames = {}, _classnames[styles$b['data-table-cell--right-aligned']] = isRightAligned, _classnames), styles$b['data-table-cell'])
   }, children);
 };
 
@@ -1706,53 +3543,40 @@ var useFieldControllers = function useFieldControllers(_ref) {
   return controllers;
 };
 
-var styles$d = {"label":"_h724f"};
+var styles$c = {"label":"_h724f"};
 
 var Label = function Label(_ref) {
   var htmlFor = _ref.htmlFor,
       children = _ref.children;
   return React__default.createElement("label", {
     htmlFor: htmlFor,
-    className: styles$d['label']
+    className: styles$c['label']
   }, children);
 };
 
-var styles$e = {"caption":"_1DWBq"};
+var styles$d = {"caption":"_1DWBq"};
 
 var Caption = function Caption(_ref) {
   var fieldId = _ref.fieldId,
       children = _ref.children;
   return React__default.createElement("div", {
     id: fieldId && fieldId + "-describer",
-    className: styles$e['caption']
+    className: styles$d['caption']
   }, children);
 };
 
-var WHITE = '#ffffff';
-var EGGPLANT200 = '#d3dbf4';
-var EGGPLANT300 = '#a7b7ea';
-var EGGPLANT400 = '#6d87dd';
-var EGGPLANT700 = '#32295c';
-var RADISH400 = '#e76767';
-var GREY100 = '#f8f8f8';
-var GREY200 = '#e0e0e0';
-var GREY300 = '#c1c1c1';
-var GREY400 = '#929292';
-var GREY500 = '#555555';
-var GREY600 = '#464646';
-
-var styles$f = {"error-message":"_nZ2MD"};
+var styles$e = {"error-message":"_nZ2MD"};
 
 var ErrorMessage = function ErrorMessage(_ref) {
   var fieldId = _ref.fieldId,
       children = _ref.children;
   return React__default.createElement("div", {
     id: fieldId && fieldId + "-error-message",
-    className: styles$f['error-message']
+    className: styles$e['error-message']
   }, React__default.createElement(Inline, {
     space: 8,
     alignItems: "center"
-  }, React__default.createElement(IconDelete, {
+  }, React__default.createElement(IconTimesOctagon, {
     color: RADISH400,
     size: "medium"
   }), children));
@@ -1764,10 +3588,11 @@ var Field = function Field(_ref) {
       caption = _ref.caption,
       error = _ref.error,
       children = _ref.children;
+  var shouldRenderLabel = label || typeof label === 'string';
   return React__default.createElement(Stack, {
     space: 8,
     flexItems: true
-  }, label !== undefined && React__default.createElement(Label, {
+  }, shouldRenderLabel && React__default.createElement(Label, {
     htmlFor: id
   }, label), children, caption && React__default.createElement(Caption, {
     fieldId: id
@@ -1776,7 +3601,7 @@ var Field = function Field(_ref) {
   }, error));
 };
 
-var styles$g = {"affix-container":"_ybKOk","affix-container--prefixed":"_2COk3","affix-container--suffixed":"_1xXXN","prefix":"_eX5OL","suffix":"__YH01"};
+var styles$f = {"affix-container":"_ybKOk","affix-container--prefixed":"_2COk3","affix-container--suffixed":"_1xXXN","prefix":"_eX5OL","suffix":"__YH01"};
 
 var AffixContainer = function AffixContainer(_ref) {
   var _classnames;
@@ -1813,21 +3638,21 @@ var AffixContainer = function AffixContainer(_ref) {
     return children;
   }
 
-  var classes = classnames(styles$g['affix-container'], (_classnames = {}, _classnames[styles$g['affix-container--prefixed']] = hasPrefix, _classnames[styles$g['affix-container--suffixed']] = hasSuffix, _classnames));
+  var classes = classnames(styles$f['affix-container'], (_classnames = {}, _classnames[styles$f['affix-container--prefixed']] = hasPrefix, _classnames[styles$f['affix-container--suffixed']] = hasSuffix, _classnames));
   return React__default.createElement("div", {
     className: classes,
     ref: container,
     "data-testid": "affix-container"
   }, hasPrefix && React__default.createElement("div", {
-    className: styles$g['prefix'],
+    className: styles$f['prefix'],
     ref: prefixElement
   }, prefix), children, hasSuffix && React__default.createElement("div", {
-    className: styles$g['suffix'],
+    className: styles$f['suffix'],
     ref: suffixElement
   }, suffix));
 };
 
-var styles$h = {"data-table-editable-cell":"_kIngZ","data-table-editable-cell--right-aligned":"_3_QIj","data-table-editable-cell--currency":"_2Kyuc","data-table-editable-cell--invalid":"_y9SBQ","data-table-editable-cell--top-left":"_32mWH","data-table-editable-cell--top-right":"_3Jg2-","data-table-editable-cell--bottom-left":"_1F5fj","data-table-editable-cell--bottom-right":"_1fTTW"};
+var styles$g = {"data-table-editable-cell":"_kIngZ","data-table-editable-cell--right-aligned":"_3_QIj","data-table-editable-cell--currency":"_2Kyuc","data-table-editable-cell--invalid":"_y9SBQ","data-table-editable-cell--top-left":"_32mWH","data-table-editable-cell--top-right":"_3Jg2-","data-table-editable-cell--bottom-left":"_1F5fj","data-table-editable-cell--bottom-right":"_1fTTW"};
 
 var DataTableEditableCell = function DataTableEditableCell(_ref) {
   var _columns$columnIndex, _classnames, _classnames2;
@@ -1874,14 +3699,14 @@ var DataTableEditableCell = function DataTableEditableCell(_ref) {
     id: controllers.id
   };
   return React__default.createElement("div", {
-    className: classnames((_classnames = {}, _classnames[styles$h['data-table-editable-cell--currency']] = type === 'currency', _classnames), styles$h['data-table-editable-cell'])
+    className: classnames((_classnames = {}, _classnames[styles$g['data-table-editable-cell--currency']] = type === 'currency', _classnames), styles$g['data-table-editable-cell'])
   }, React__default.createElement(Field, Object.assign({}, fieldProps), React__default.createElement(AffixContainer, {
     prefix: prefix,
     suffix: suffix
   }, React__default.createElement("input", {
     name: name,
     id: controllers.id,
-    className: classnames((_classnames2 = {}, _classnames2[styles$h['data-table-editable-cell--right-aligned']] = isRightAligned, _classnames2[styles$h['data-table-editable-cell--top-left']] = isTopLeftCell, _classnames2[styles$h['data-table-editable-cell--top-right']] = isTopRightCell, _classnames2[styles$h['data-table-editable-cell--bottom-left']] = isBottomLeftCell, _classnames2[styles$h['data-table-editable-cell--bottom-right']] = isBottomRightCell, _classnames2[styles$h['data-table-editable-cell--invalid']] = hasError, _classnames2)),
+    className: classnames((_classnames2 = {}, _classnames2[styles$g['data-table-editable-cell--right-aligned']] = isRightAligned, _classnames2[styles$g['data-table-editable-cell--top-left']] = isTopLeftCell, _classnames2[styles$g['data-table-editable-cell--top-right']] = isTopRightCell, _classnames2[styles$g['data-table-editable-cell--bottom-left']] = isBottomLeftCell, _classnames2[styles$g['data-table-editable-cell--bottom-right']] = isBottomRightCell, _classnames2[styles$g['data-table-editable-cell--invalid']] = hasError, _classnames2)),
     type: type === 'currency' ? 'number' : 'text',
     step: type === 'currency' ? 'any' : '',
     "data-testid": "text-field-" + name,
@@ -1896,7 +3721,7 @@ var DataTableEditableCell = function DataTableEditableCell(_ref) {
   }))));
 };
 
-var styles$i = {"form--standard-size":"_3CaV0"};
+var styles$h = {"form--standard-size":"_3CaV0"};
 
 var Form = function Form(_ref) {
   var _classnames;
@@ -1920,7 +3745,7 @@ var Form = function Form(_ref) {
     }
   }, React__default.createElement("form", {
     onSubmit: onSubmit ? handleSubmit : formik === null || formik === void 0 ? void 0 : formik.handleSubmit,
-    className: classnames((_classnames = {}, _classnames[styles$i['form--standard-size']] = !wide, _classnames)),
+    className: classnames((_classnames = {}, _classnames[styles$h['form--standard-size']] = !wide, _classnames)),
     "data-testid": "form"
   }, stackContent ? React__default.createElement(Stack, null, children) : children));
 };
@@ -1959,7 +3784,7 @@ var FormRow = function FormRow(_ref) {
   }));
 };
 
-var styles$j = {"text-field":"_BkzdC","text-field--focus":"_Rop31","text-field--disabled":"_2x3Cm","text-field--invalid":"_3zOwV","text-field__toolbar":"_rQqnL"};
+var styles$i = {"text-field":"_BkzdC","text-field--focus":"_Rop31","text-field--disabled":"_2x3Cm","text-field--invalid":"_3zOwV","text-field__toolbar":"_rQqnL"};
 
 var useGrowTextAreaRef = function useGrowTextAreaRef(minHeight, maxHeight, autoGrow, forwardedRef) {
   var textareaRef = useRef(null);
@@ -2034,7 +3859,7 @@ var TextAreaField = function TextAreaField(_ref) {
       updateHeight = _useGrowTextAreaRef.updateHeight;
 
   return React__default.createElement(Field, Object.assign({}, fieldProps), React__default.createElement("div", {
-    className: classnames(styles$j['text-field'], (_classnames = {}, _classnames[styles$j['text-field--invalid']] = hasError, _classnames[styles$j['text-field--disabled']] = disabled, _classnames[styles$j['text-field--focus']] = hasFocus, _classnames)),
+    className: classnames(styles$i['text-field'], (_classnames = {}, _classnames[styles$i['text-field--invalid']] = hasError, _classnames[styles$i['text-field--disabled']] = disabled, _classnames[styles$i['text-field--focus']] = hasFocus, _classnames)),
     ref: containerRef,
     onClick: function onClick(event) {
       if (event.target === (containerRef === null || containerRef === void 0 ? void 0 : containerRef.current)) {
@@ -2066,7 +3891,7 @@ var TextAreaField = function TextAreaField(_ref) {
     },
     ref: textAreaRef
   }), toolbar && React__default.createElement("div", {
-    className: styles$j['text-field__toolbar'],
+    className: styles$i['text-field__toolbar'],
     id: controllers.id + "-toolbar",
     ref: toolbarRef,
     onClick: function onClick(event) {
@@ -2079,9 +3904,9 @@ var TextAreaField = function TextAreaField(_ref) {
   }, toolbar)));
 };
 
-var styles$k = {"text-field":"_20YOA","text-field--invalid":"_3kUSh","text-field--prefixed":"_3IU3Q","text-field--suffixed":"_QXJOD"};
+var styles$j = {"text-field":"_20YOA","text-field--invalid":"_3kUSh","text-field--prefixed":"_3IU3Q","text-field--suffixed":"_QXJOD"};
 
-var TextField = function TextField(_ref, ref) {
+var TextFieldElement = function TextFieldElement(_ref, ref) {
   var _classnames;
 
   var autoComplete = _ref.autoComplete,
@@ -2128,7 +3953,7 @@ var TextField = function TextField(_ref, ref) {
     "aria-invalid": hasError,
     autoComplete: autoComplete,
     autoFocus: autoFocus,
-    className: classnames(styles$k['text-field'], (_classnames = {}, _classnames[styles$k['text-field--invalid']] = hasError, _classnames)),
+    className: classnames(styles$j['text-field'], (_classnames = {}, _classnames[styles$j['text-field--invalid']] = hasError, _classnames)),
     "data-testid": "text-field-" + name,
     disabled: disabled,
     defaultValue: defaultValue,
@@ -2147,7 +3972,7 @@ var TextField = function TextField(_ref, ref) {
   })));
 };
 
-var TextField$1 = forwardRef(TextField);
+var TextField = forwardRef(TextFieldElement);
 
 var useCheckBoxFieldControllers = function useCheckBoxFieldControllers(_ref) {
   var name = _ref.name,
@@ -2195,7 +4020,7 @@ var useCheckBoxFieldControllers = function useCheckBoxFieldControllers(_ref) {
   return controllers;
 };
 
-var styles$l = {"check-box-field":"_2sg0c","check-box-field__caption":"_2LdrP","check-box-field__custom-input":"_2mA8e"};
+var styles$k = {"check-box-field":"_2sg0c","check-box-field__caption":"_2LdrP","check-box-field__custom-input":"_2mA8e"};
 
 var CheckboxField = function CheckboxField(_ref) {
   var name = _ref.name,
@@ -2222,7 +4047,7 @@ var CheckboxField = function CheckboxField(_ref) {
     space: 8,
     alignItems: "center"
   }, React__default.createElement("div", {
-    className: styles$l['check-box-field']
+    className: styles$k['check-box-field']
   }, React__default.createElement("input", {
     name: name,
     id: controllers.id,
@@ -2235,11 +4060,11 @@ var CheckboxField = function CheckboxField(_ref) {
     onChange: controllers.onChange,
     onBlur: controllers.onBlur
   }), React__default.createElement("span", {
-    className: styles$l['check-box-field__custom-input']
+    className: styles$k['check-box-field__custom-input']
   })), label && React__default.createElement(Label, {
     htmlFor: controllers.id
   }, label)), caption && React__default.createElement("div", {
-    className: styles$l['check-box-field__caption']
+    className: styles$k['check-box-field__caption']
   }, React__default.createElement(Caption, {
     fieldId: controllers.id
   }, caption)), controllers.error && React__default.createElement(ErrorMessage, {
@@ -2247,7 +4072,7 @@ var CheckboxField = function CheckboxField(_ref) {
   }, controllers.error));
 };
 
-var styles$m = {"pill-select-field":"_g6T-p","pill-select-field__custom-input":"_1i2AX"};
+var styles$l = {"pill-select-field":"_g6T-p","pill-select-field__custom-input":"_1i2AX"};
 
 var useMultiSelectFieldControllers = function useMultiSelectFieldControllers(_ref) {
   var name = _ref.name,
@@ -2338,7 +4163,7 @@ var PillSelectField = function PillSelectField(_ref) {
     var itemId = controllers.id + "-" + itemIdentifier;
     return React__default.createElement("div", {
       key: itemIdentifier,
-      className: styles$m['pill-select-field']
+      className: styles$l['pill-select-field']
     }, React__default.createElement("input", {
       name: name + "-" + itemIdentifier,
       id: itemId,
@@ -2360,7 +4185,7 @@ var PillSelectField = function PillSelectField(_ref) {
         controllers.onChange(newValue);
       }
     }), React__default.createElement("span", {
-      className: styles$m['pill-select-field__custom-input']
+      className: styles$l['pill-select-field__custom-input']
     }, option.label));
   })));
 };
@@ -2408,7 +4233,7 @@ var useRadioGroupFieldContext = function useRadioGroupFieldContext() {
   return context;
 };
 
-var styles$n = {"label":"_1WGz2","radio-group-field__label":"_RXyG_"};
+var styles$m = {"label":"_1WGz2","radio-group-field__label":"_RXyG_"};
 
 var RadioGroupField = function RadioGroupField(_ref) {
   var name = _ref.name,
@@ -2441,7 +4266,7 @@ var RadioGroupField = function RadioGroupField(_ref) {
   }, React__default.createElement(Stack, {
     space: 12
   }, label && React__default.createElement("div", {
-    className: styles$n['radio-group-field__label']
+    className: styles$m['radio-group-field__label']
   }, label), React__default.createElement(Stack, {
     space: 8
   }, inline ? React__default.createElement(InlineOptions, null, children) : React__default.createElement(Stack, {
@@ -2475,7 +4300,7 @@ var InlineOptions = function InlineOptions(_ref2) {
   return React__default.createElement(FormRow, null, children);
 };
 
-var styles$o = {"radio-group-option":"_1Clmp","radio-group-option__caption":"_3UmWA","radio-group-option__custom-input":"_1tMq-"};
+var styles$n = {"radio-group-option":"_1Clmp","radio-group-option__caption":"_3UmWA","radio-group-option__custom-input":"_1tMq-"};
 
 var RadioGroupOption = function RadioGroupOption(_ref) {
   var value = _ref.value,
@@ -2493,7 +4318,7 @@ var RadioGroupOption = function RadioGroupOption(_ref) {
     space: 8,
     alignItems: "center"
   }, React__default.createElement("div", {
-    className: styles$o['radio-group-option']
+    className: styles$n['radio-group-option']
   }, React__default.createElement("input", {
     type: "radio",
     id: id,
@@ -2503,19 +4328,19 @@ var RadioGroupOption = function RadioGroupOption(_ref) {
     checked: radioGroupContext.value !== undefined ? radioGroupContext.value === value : undefined,
     disabled: radioGroupContext.disabled
   }), React__default.createElement("span", {
-    className: styles$o['radio-group-option__custom-input']
+    className: styles$n['radio-group-option__custom-input']
   })), label && React__default.createElement(Label, {
     htmlFor: id
   }, label)), caption && React__default.createElement("div", {
-    className: styles$o['radio-group-option__caption']
+    className: styles$n['radio-group-option__caption']
   }, React__default.createElement(Caption, {
     fieldId: id
   }, caption)));
 };
 
-var styles$p = {"text-field":"_18Rzv","text-field--invalid":"_3eD7t","text-field--prefixed":"_2evrG","text-field--suffixed":"_-MgeO","password-container":"_-Rf3c","password-toggle":"_yinPY"};
+var styles$o = {"text-field":"_18Rzv","text-field--invalid":"_3eD7t","text-field--prefixed":"_2evrG","text-field--suffixed":"_-MgeO","password-container":"_-Rf3c","password-toggle":"_yinPY"};
 
-var styles$q = {"password-criteria":"_U0krC","password-criteria--invalid":"_2XIl4"};
+var styles$p = {"password-criteria":"_U0krC","password-criteria--invalid":"_2XIl4"};
 
 var PasswordCriteria = function PasswordCriteria(_ref) {
   var _classnames;
@@ -2523,7 +4348,7 @@ var PasswordCriteria = function PasswordCriteria(_ref) {
   var met = _ref.met,
       children = _ref.children;
   return React__default.createElement("span", {
-    className: classnames(styles$q['password-criteria'], (_classnames = {}, _classnames[styles$q['password-criteria--invalid']] = !met, _classnames))
+    className: classnames(styles$p['password-criteria'], (_classnames = {}, _classnames[styles$p['password-criteria--invalid']] = !met, _classnames))
   }, React__default.createElement(Inline, {
     space: met ? 4 : 8
   }, met ? React__default.createElement(IconCheck, {
@@ -2607,11 +4432,11 @@ var PasswordField = function PasswordField(_ref) {
     error: controllers.error
   };
   return React__default.createElement(Field, Object.assign({}, fieldProps), React__default.createElement("div", {
-    className: styles$p['password-container']
+    className: styles$o['password-container']
   }, React__default.createElement("input", {
     name: name,
     id: controllers.id,
-    className: classnames(styles$p['text-field'], (_classnames = {}, _classnames[styles$p['text-field--invalid']] = hasError, _classnames)),
+    className: classnames(styles$o['text-field'], (_classnames = {}, _classnames[styles$o['text-field--invalid']] = hasError, _classnames)),
     type: type,
     "data-testid": "text-field-" + name,
     "aria-describedby": hasError ? controllers.id + "-error-message" : controllers.id + "-describer",
@@ -2623,19 +4448,21 @@ var PasswordField = function PasswordField(_ref) {
     onChange: controllers.onChange,
     onBlur: controllers.onBlur
   }), React__default.createElement("div", {
-    className: styles$p['password-toggle'],
+    className: styles$o['password-toggle'],
     onClick: toggleType,
     onKeyPress: toggleType,
     "data-testid": "password-toggle",
     tabIndex: 0,
     role: "button"
-  }, type === 'password' ? React__default.createElement(IconEyeSlash, null) : React__default.createElement(IconEye, null))));
+  }, type === 'password' ? React__default.createElement(IconEyeSlash, {
+    color: GREY400
+  }) : React__default.createElement(IconEye, {
+    color: GREY400
+  }))));
 };
 
 var getSelectStyles = function getSelectStyles(_ref) {
   var isInvalid = _ref.isInvalid,
-      _ref$hasPrefix = _ref.hasPrefix,
-      hasPrefix = _ref$hasPrefix === void 0 ? false : _ref$hasPrefix,
       _ref$asToolbarFilter = _ref.asToolbarFilter,
       asToolbarFilter = _ref$asToolbarFilter === void 0 ? false : _ref$asToolbarFilter,
       _ref$wrapToNextLine = _ref.wrapToNextLine,
@@ -2647,23 +4474,24 @@ var getSelectStyles = function getSelectStyles(_ref) {
         flexWrap: wrapToNextLine ? 'wrap' : 'nowrap'
       });
     },
-    container: function container(base) {
+    container: function container(base, state) {
       return Object.assign({}, base, {
         flex: '1',
         fontFamily: FONT_FAMILY,
-        minWidth: '64px'
+        minWidth: '64px',
+        backgroundColor: state.isDisabled && !asToolbarFilter ? GREY100 : WHITE,
+        position: 'initial'
       });
     },
     control: function control(base, state) {
       return Object.assign({}, base, {
         borderColor: state.isFocused ? EGGPLANT400 : borderColor,
-        color: state.isDisabled ? GREY200 : GREY500,
+        color: state.isDisabled ? GREY400 : GREY500,
         boxShadow: state.isFocused ? "0 0 8px " + EGGPLANT300 : 'none',
         '&:hover': 'none',
-        backgroundColor: state.isDisabled ? GREY100 : state.isFocused ? WHITE : WHITE,
+        background: 'none',
         fontSize: '14px',
         cursor: 'pointer',
-        background: hasPrefix && 'transparent',
         border: asToolbarFilter && 'none'
       });
     },
@@ -2672,9 +4500,9 @@ var getSelectStyles = function getSelectStyles(_ref) {
         display: 'none'
       };
     },
-    placeholder: function placeholder(base) {
+    placeholder: function placeholder(base, state) {
       return _extends({}, base, {
-        color: GREY300,
+        color: state.isDisabled && asToolbarFilter ? GREY300 : GREY400,
         marginRight: 0,
         position: 'static',
         transform: 'initial',
@@ -2693,7 +4521,7 @@ var getSelectStyles = function getSelectStyles(_ref) {
     },
     singleValue: function singleValue(base, state) {
       return Object.assign({}, base, {
-        color: state.isDisabled ? GREY300 : null,
+        color: state.isDisabled ? GREY400 : null,
         marginRight: 0,
         position: 'static',
         transform: 'initial',
@@ -2704,14 +4532,14 @@ var getSelectStyles = function getSelectStyles(_ref) {
     },
     dropdownIndicator: function dropdownIndicator(base, state) {
       return Object.assign({}, base, {
-        color: state.isDisabled ? GREY200 : GREY400,
+        color: state.isDisabled ? GREY300 : GREY400,
         padding: '8px'
       });
     },
     option: function option(base, state) {
       return Object.assign({}, base, {
         backgroundColor: state.isDisabled ? null : state.isSelected ? EGGPLANT200 : state.isFocused ? GREY100 : WHITE,
-        color: state.isDisabled ? GREY300 : state.isSelected ? EGGPLANT700 : GREY500,
+        color: state.isDisabled ? GREY400 : state.isSelected ? EGGPLANT700 : GREY500,
         cursor: 'pointer',
         fontFamily: FONT_FAMILY,
         fontSize: '14px'
@@ -2726,14 +4554,15 @@ var getSelectStyles = function getSelectStyles(_ref) {
       return Object.assign({}, base, {
         ':hover': {
           backgroundColor: 'none',
-          color: GREY600
+          color: GREY500
         }
       });
     },
     clearIndicator: function clearIndicator(base) {
       return Object.assign({}, base, {
+        color: GREY400,
         ':hover': {
-          color: GREY600
+          color: GREY500
         }
       });
     },
@@ -2868,7 +4697,7 @@ var useSelectFieldControllers = function useSelectFieldControllers(_ref) {
   return controllers;
 };
 
-var styles$r = {"custom-control":"_1cDCR"};
+var styles$q = {"custom-control":"_1cDCR"};
 
 var _excluded$3 = ["children", "CustomPrefixComponent"];
 
@@ -2881,7 +4710,7 @@ function CustomControl(_ref) {
 
   var selectedOption = (_props$getValue = props.getValue()) === null || _props$getValue === void 0 ? void 0 : _props$getValue[0];
   return React__default.createElement(components.Control, Object.assign({}, props), CustomControl && selectedOption ? React__default.createElement("div", {
-    className: styles$r['custom-control'],
+    className: styles$q['custom-control'],
     style: {
       paddingLeft: selectedOption ? 8 : 0
     }
@@ -2947,7 +4776,6 @@ var SelectField = function SelectField(_ref) {
     placeholder: placeholder,
     styles: getSelectStyles({
       isInvalid: hasError,
-      hasPrefix: !!prefix,
       asToolbarFilter: asToolbarFilter
     }),
     menuPortalTarget: document.body,
@@ -3037,7 +4865,7 @@ var DatePickerCalendar = function DatePickerCalendar(_ref) {
 
 var inputStyles = {"text-field":"_1btTx","date-field":"_1Sc9D","text-field--invalid":"_2feYp","date-field--invalid":"_2SNat","text-field--prefixed":"_E18JV","date-field--prefixed":"_jLolW","text-field--suffixed":"_27J43","date-field--suffixed":"_3eTNi"};
 
-var styles$s = {"container":"_v1b-5","wrapper":"_3mrLu","interactionDisabled":"_1J9dh","DayPicker-Day":"_8FcQE","navBar":"_1SPuq","todayButton":"_24FJ6","navButtonInteractionDisabled":"_Oxdm9","navButtonPrev":"_20uqc","navButtonNext":"_3C53z","months":"_M_eHz","month":"_3RPpJ","caption":"_1FXNw","weekdays":"_3KcRU","weekdaysRow":"_1fO_e","weekday":"_c1Y-X","body":"_34mA1","week":"_1PmqZ","day":"_1AWH2","disabled":"_3vJkw","selected":"_1DR0N","outside":"_276GV","footer":"_2M5xr","today":"_3N6fj","overlayWrapper":"_3Zqgu","overlay":"_20Ncd","weekNumber":"_2hb-S"};
+var styles$r = {"container":"_v1b-5","wrapper":"_3mrLu","interactionDisabled":"_1J9dh","DayPicker-Day":"_8FcQE","navBar":"_1SPuq","todayButton":"_24FJ6","navButtonInteractionDisabled":"_Oxdm9","navButtonPrev":"_20uqc","navButtonNext":"_3C53z","months":"_M_eHz","month":"_3RPpJ","caption":"_1FXNw","weekdays":"_3KcRU","weekdaysRow":"_1fO_e","weekday":"_c1Y-X","body":"_34mA1","week":"_1PmqZ","day":"_1AWH2","disabled":"_3vJkw","selected":"_1DR0N","outside":"_276GV","footer":"_2M5xr","today":"_3N6fj","overlayWrapper":"_3Zqgu","overlay":"_20Ncd","weekNumber":"_2hb-S"};
 
 function parseDate(str, format, locale) {
   var parsed = dateFnsParse(str, format, new Date(), {
@@ -3116,7 +4944,7 @@ var DateField = function DateField(_ref) {
     error: controllers.error
   };
   var dayPickerProps = {
-    classNames: styles$s,
+    classNames: styles$r,
     disabledDays: function disabledDays(day) {
       return _disabledDays && _disabledDays(setToMidnight(day));
     },
@@ -3128,12 +4956,12 @@ var DateField = function DateField(_ref) {
     })
   };
   return React__default.createElement(Field, Object.assign({}, fieldProps), React__default.createElement(AffixContainer, {
-    prefix: React__default.createElement(IconCalendar, {
+    prefix: React__default.createElement(IconCalendarAlt, {
       size: "medium"
     })
   }, React__default.createElement(DayPickerInput, {
     format: format,
-    classNames: styles$s,
+    classNames: styles$r,
     formatDate: formatDate,
     parseDate: parseDate,
     placeholder: placeholder || format.toUpperCase(),
@@ -3209,7 +5037,7 @@ var useRangeFieldControllers = function useRangeFieldControllers(_ref) {
   return initialControllers;
 };
 
-var styles$t = {"container":"_1Ini2","wrapper":"_21VnL","interactionDisabled":"_wJ6Cb","DayPicker-Day":"_1c48y","navBar":"_3KwsN","todayButton":"_10CBO","navButtonInteractionDisabled":"_dHL-D","navButtonPrev":"_6kNi3","navButtonNext":"_13W_e","months":"_1FeSY","month":"_wU6A4","caption":"_AMbAo","weekdays":"_1LEst","weekdaysRow":"_2XECo","weekday":"_1C5ry","body":"_11F-Y","week":"_3MAFk","day":"_mG73F","disabled":"_2pgnH","selected":"_MtLaz","outside":"_CRqyX","footer":"_2KG9-","today":"_2JA2y","overlayWrapper":"_1JWbc","overlay":"_2tL6g","weekNumber":"_3u72O","text-field":"_25rf7","date-range-field":"_3qVhi","text-field--invalid":"_2M9Ud","text-field--prefixed":"_3TUb2","text-field--suffixed":"_foqL0","date-range-field--invalid":"_3df9R"};
+var styles$s = {"container":"_1Ini2","wrapper":"_21VnL","interactionDisabled":"_wJ6Cb","DayPicker-Day":"_1c48y","navBar":"_3KwsN","todayButton":"_10CBO","navButtonInteractionDisabled":"_dHL-D","navButtonPrev":"_6kNi3","navButtonNext":"_13W_e","months":"_1FeSY","month":"_wU6A4","caption":"_AMbAo","weekdays":"_1LEst","weekdaysRow":"_2XECo","weekday":"_1C5ry","body":"_11F-Y","week":"_3MAFk","day":"_mG73F","disabled":"_2pgnH","selected":"_MtLaz","outside":"_CRqyX","footer":"_2KG9-","today":"_2JA2y","overlayWrapper":"_1JWbc","overlay":"_2tL6g","weekNumber":"_3u72O","text-field":"_25rf7","date-range-field":"_3qVhi","text-field--invalid":"_2M9Ud","text-field--prefixed":"_3TUb2","text-field--suffixed":"_foqL0","date-range-field--invalid":"_3df9R","date-range-field--disabled":"_2Nkht"};
 
 var FromDate = function FromDate(_ref) {
   var name = _ref.name,
@@ -3229,7 +5057,7 @@ var FromDate = function FromDate(_ref) {
     to: end
   };
   var dayPickerProps = {
-    classNames: styles$t,
+    classNames: styles$s,
     months: MONTH_NAMES,
     weekdaysLong: DAYS,
     weekdaysShort: DAYS.map(function (day) {
@@ -3250,7 +5078,7 @@ var FromDate = function FromDate(_ref) {
   };
   return React__default.createElement(DayPickerInput, {
     format: format,
-    classNames: styles$t,
+    classNames: styles$s,
     selectedDay: start,
     value: start,
     formatDate: formatDate,
@@ -3291,7 +5119,7 @@ var ToDate = function ToDate(_ref, ref) {
     to: end
   };
   var dayPickerProps = {
-    classNames: styles$t,
+    classNames: styles$s,
     months: MONTH_NAMES,
     weekdaysLong: DAYS,
     weekdaysShort: DAYS.map(function (day) {
@@ -3312,7 +5140,7 @@ var ToDate = function ToDate(_ref, ref) {
   };
   return React__default.createElement(DayPickerInput, {
     format: format,
-    classNames: styles$t,
+    classNames: styles$s,
     selectedDay: end,
     value: end,
     formatDate: formatDate,
@@ -3340,7 +5168,7 @@ var ToDate = function ToDate(_ref, ref) {
 var ToDate$1 = forwardRef(ToDate);
 
 var DateRangeField = function DateRangeField(_ref) {
-  var _classnames;
+  var _classnames, _classnames2;
 
   var name = _ref.name,
       inputId = _ref.id,
@@ -3379,9 +5207,10 @@ var DateRangeField = function DateRangeField(_ref) {
       start = _controllers$value.start,
       end = _controllers$value.end;
   return React__default.createElement(Field, Object.assign({}, fieldProps), React__default.createElement("div", {
-    className: classnames(styles$t['date-range-field'], (_classnames = {}, _classnames[styles$t['date-range-field--invalid']] = hasError, _classnames))
-  }, React__default.createElement(IconCalendar, {
-    size: "medium"
+    className: classnames(styles$s['date-range-field'], (_classnames = {}, _classnames[styles$s['date-range-field--invalid']] = hasError, _classnames), (_classnames2 = {}, _classnames2[styles$s['date-range-field--disabled']] = disabled, _classnames2))
+  }, React__default.createElement(IconCalendarAlt, {
+    size: "medium",
+    color: GREY400
   }), React__default.createElement(FromDate, {
     name: name,
     id: controllers.id,
@@ -3404,7 +5233,8 @@ var DateRangeField = function DateRangeField(_ref) {
       toInputRef === null || toInputRef === void 0 ? void 0 : (_toInputRef$current = toInputRef.current) === null || _toInputRef$current === void 0 ? void 0 : _toInputRef$current.focus();
     }
   }), React__default.createElement(IconArrowRight, {
-    size: "medium"
+    size: "medium",
+    color: GREY400
   }), React__default.createElement(ToDate$1, {
     name: name,
     format: format,
@@ -3424,7 +5254,7 @@ var DateRangeField = function DateRangeField(_ref) {
   })));
 };
 
-var styles$u = {"container":"_okDvi","wrapper":"_17XdD","interactionDisabled":"_1O7OT","DayPicker-Day":"_3noGA","navBar":"_1Hl3Q","todayButton":"_m0Vs9","navButtonInteractionDisabled":"_1ULWH","navButtonPrev":"_3gjq8","navButtonNext":"_1m-Kd","months":"_Fq6Xh","month":"_3i0Oo","caption":"_36X9Y","weekdays":"_1aWPn","weekdaysRow":"_3HXCK","weekday":"_t-ctd","body":"_XAbiR","week":"_3Nwep","day":"_3nNcG","disabled":"_1M4ZF","selected":"_2PEs8","outside":"_1PIJa","footer":"_2T_z1","today":"_1hVM6","overlayWrapper":"_1L-hI","overlay":"_dDPZb","weekNumber":"_1alhT"};
+var styles$t = {"container":"_okDvi","wrapper":"_17XdD","interactionDisabled":"_1O7OT","DayPicker-Day":"_3noGA","navBar":"_1Hl3Q","todayButton":"_m0Vs9","navButtonInteractionDisabled":"_1ULWH","navButtonPrev":"_3gjq8","navButtonNext":"_1m-Kd","months":"_Fq6Xh","month":"_3i0Oo","caption":"_36X9Y","weekdays":"_1aWPn","weekdaysRow":"_3HXCK","weekday":"_t-ctd","body":"_XAbiR","week":"_3Nwep","day":"_3nNcG","disabled":"_1M4ZF","selected":"_2PEs8","outside":"_1PIJa","footer":"_2T_z1","today":"_1hVM6","overlayWrapper":"_1L-hI","overlay":"_dDPZb","weekNumber":"_1alhT"};
 
 var WeekField = function WeekField(_ref) {
   var _classnames;
@@ -3495,7 +5325,7 @@ var WeekField = function WeekField(_ref) {
   };
 
   var dayPickerProps = {
-    classNames: styles$u,
+    classNames: styles$t,
     disabledDays: function disabledDays(day) {
       return _disabledDays && _disabledDays(setToMidnight(day));
     },
@@ -3520,12 +5350,12 @@ var WeekField = function WeekField(_ref) {
   };
 
   return React__default.createElement(Field, Object.assign({}, fieldProps), React__default.createElement(AffixContainer, {
-    prefix: React__default.createElement(IconCalendar, {
+    prefix: React__default.createElement(IconCalendarAlt, {
       size: "medium"
     })
   }, React__default.createElement(DayPickerInput, {
     format: format,
-    classNames: styles$u,
+    classNames: styles$t,
     formatDate: formatDate,
     parseDate: parseDate,
     placeholder: placeholder || format.toUpperCase(),
@@ -3554,7 +5384,7 @@ var WeekField = function WeekField(_ref) {
   })));
 };
 
-var styles$v = {"caption":"_1QDLF","label":"_2wiMV","toggle":"_1ui8X","toggle__label":"_1YRJT","toggle__caption":"_1jEiW","toggle__switch":"_3tNyE"};
+var styles$u = {"caption":"_1QDLF","label":"_2wiMV","toggle":"_1ui8X","toggle__label":"_1YRJT","toggle__caption":"_1jEiW","toggle__switch":"_3tNyE"};
 
 var Toggle = function Toggle(_ref) {
   var checked = _ref.checked,
@@ -3567,7 +5397,7 @@ var Toggle = function Toggle(_ref) {
   return React__default.createElement(Stack, {
     space: 8
   }, React__default.createElement("label", {
-    className: styles$v['toggle']
+    className: styles$u['toggle']
   }, React__default.createElement("input", {
     "data-testid": "toggle",
     type: "checkbox",
@@ -3576,17 +5406,17 @@ var Toggle = function Toggle(_ref) {
     disabled: disabled,
     id: id
   }), React__default.createElement("span", {
-    className: styles$v['toggle__switch']
+    className: styles$u['toggle__switch']
   }), label && React__default.createElement("span", {
-    className: styles$v['toggle__label']
+    className: styles$u['toggle__label']
   }, label)), caption && React__default.createElement("span", {
-    className: styles$v['toggle__caption']
+    className: styles$u['toggle__caption']
   }, caption));
 };
 
-var styles$w = {"overlay":"_2puqJ","overlay--after-open":"_1167h","overlay--before-close":"_t_t7L","content":"_wQQ_2","content--after-open":"_3jwux","content--before-close":"_2c2QP"};
+var styles$v = {"overlay":"_2puqJ","overlay--after-open":"_1167h","overlay--before-close":"_t_t7L","content":"_wQQ_2","content--after-open":"_3jwux","content--before-close":"_2c2QP"};
 
-var styles$x = {"header":"_36nxW","sub-header":"_2XwRD"};
+var styles$w = {"header":"_36nxW","sub-header":"_2XwRD"};
 
 var ModalHeader = function ModalHeader(_ref) {
   var header = _ref.header,
@@ -3598,12 +5428,12 @@ var ModalHeader = function ModalHeader(_ref) {
     flex: [1],
     alignItems: "center"
   }, React__default.createElement("span", {
-    className: styles$x['header']
+    className: styles$w['header']
   }, header), React__default.createElement(Button$1, {
     theme: "link-icon",
     onClick: onClose
-  }, React__default.createElement(IconClose, null))), subHeader && React__default.createElement("div", {
-    className: styles$x['sub-header']
+  }, React__default.createElement(IconTimes, null))), subHeader && React__default.createElement("div", {
+    className: styles$w['sub-header']
   }, subHeader));
 };
 
@@ -3639,14 +5469,14 @@ var Modal = function Modal(_ref) {
     contentLabel: "Modal",
     appElement: rootElementId && document.getElementById(rootElementId) || undefined,
     overlayClassName: {
-      base: styles$w['overlay'],
-      afterOpen: styles$w['overlay--after-open'],
-      beforeClose: styles$w['overlay--before-close']
+      base: styles$v['overlay'],
+      afterOpen: styles$v['overlay--after-open'],
+      beforeClose: styles$v['overlay--before-close']
     },
     className: {
-      base: styles$w['content'],
-      afterOpen: styles$w['content--after-open'],
-      beforeClose: styles$w['content--before-close']
+      base: styles$v['content'],
+      afterOpen: styles$v['content--after-open'],
+      beforeClose: styles$v['content--before-close']
     }
   }, React__default.createElement(ModalHeader, {
     header: header,
@@ -3659,16 +5489,16 @@ Modal.setAppElement = function (rootElement) {
   ReactModal.setAppElement(rootElement);
 };
 
-var styles$y = {"modal-body":"_2J-ku"};
+var styles$x = {"modal-body":"_2J-ku"};
 
 var ModalBody = function ModalBody(_ref) {
   var children = _ref.children;
   return React__default.createElement("div", {
-    className: styles$y['modal-body']
+    className: styles$x['modal-body']
   }, children);
 };
 
-var styles$z = {"modal-footer":"_LKOr5","tertiary-container":"_Qktd-"};
+var styles$y = {"modal-footer":"_LKOr5","tertiary-container":"_Qktd-"};
 
 var ModalFooter = function ModalFooter(_ref) {
   var children = _ref.children,
@@ -3689,7 +5519,7 @@ var ModalFooter = function ModalFooter(_ref) {
     return React__default.createElement(FooterContainer, null, React__default.createElement(Inline, {
       justifyContent: "space-between"
     }, React__default.createElement("div", {
-      className: classnames((_classnames = {}, _classnames[styles$z['tertiary-container']] = tertiaryButton && tertiaryButton.props.theme.startsWith('link'), _classnames))
+      className: classnames((_classnames = {}, _classnames[styles$y['tertiary-container']] = tertiaryButton && tertiaryButton.props.theme.startsWith('link'), _classnames))
     }, tertiaryButton || React__default.createElement("div", null)), React__default.createElement(Inline, {
       space: 12
     }, secondaryButton, primaryButton)));
@@ -3717,7 +5547,7 @@ var FooterContainer = function FooterContainer(_ref2) {
   var childrenItens = React__default.Children.toArray(children);
   var hasCustomAlignment = childrenItens.length === 1 && childrenItens[0].type === Inline;
   return React__default.createElement("div", {
-    className: styles$z['modal-footer']
+    className: styles$y['modal-footer']
   }, React__default.createElement(Inline, {
     justifyContent: "end",
     space: 12,
@@ -3725,7 +5555,7 @@ var FooterContainer = function FooterContainer(_ref2) {
   }, children));
 };
 
-var styles$A = {"badge":"_2f81N","badge--warning":"_2g1GI","badge--danger":"_2zLnM","badge--success":"_27QOo","badge--info":"_2gmsM"};
+var styles$z = {"badge":"_2f81N","badge--warning":"_2g1GI","badge--danger":"_2zLnM","badge--success":"_27QOo","badge--info":"_2gmsM"};
 
 var _excluded$5 = ["children", "theme", "title"];
 
@@ -3748,16 +5578,16 @@ var Badge = function Badge(_ref, forwardedRef) {
     overlay: title,
     ref: ref
   }, React__default.createElement("div", Object.assign({
-    className: classnames(styles$A['badge'], (_classnames = {}, _classnames[styles$A['badge--success']] = theme === 'success', _classnames[styles$A['badge--danger']] = theme === 'danger', _classnames[styles$A['badge--info']] = theme === 'info', _classnames[styles$A['badge--warning']] = theme === 'warning', _classnames)),
+    className: classnames(styles$z['badge'], (_classnames = {}, _classnames[styles$z['badge--success']] = theme === 'success', _classnames[styles$z['badge--danger']] = theme === 'danger', _classnames[styles$z['badge--info']] = theme === 'info', _classnames[styles$z['badge--warning']] = theme === 'warning', _classnames)),
     ref: ref
   }, otherProps), children));
 };
 
 var Badge$1 = forwardRef(Badge);
 
-var styles$B = {"avatar":"_2wJGB","avatar--small":"_3QTSo","avatar__badge":"_2Rl8S","avatar--medium":"_1zwj0","avatar--large":"_3-U6x","avatar--extra-large":"_3qn2q"};
+var styles$A = {"avatar":"_2wJGB","avatar--small":"_3QTSo","avatar__badge":"_2Rl8S","avatar--medium":"_1zwj0","avatar--large":"_3-U6x","avatar--extra-large":"_3qn2q"};
 
-var styles$C = {"avatar-image":"_GKL9P"};
+var styles$B = {"avatar-image":"_GKL9P"};
 
 var AvatarImage = function AvatarImage(_ref) {
   var url = _ref.url,
@@ -3782,8 +5612,8 @@ var AvatarImage = function AvatarImage(_ref) {
   }
 
   return React__default.createElement("div", {
-    className: styles$C['avatar-image']
-  }, React__default.createElement(IconUser, {
+    className: styles$B['avatar-image']
+  }, React__default.createElement(IconUserSolid, {
     size: "flexible",
     color: color
   }));
@@ -3850,7 +5680,7 @@ var Avatar = function Avatar(_ref) {
 
   var backgroundColor = url ? GREY200 : color;
   return React__default.createElement("div", {
-    className: classnames(styles$B['avatar'], (_classnames = {}, _classnames[styles$B['avatar--small']] = size === 'small', _classnames[styles$B['avatar--medium']] = size === 'medium', _classnames[styles$B['avatar--large']] = size === 'large', _classnames[styles$B['avatar--extra-large']] = size === 'extra-large', _classnames)),
+    className: classnames(styles$A['avatar'], (_classnames = {}, _classnames[styles$A['avatar--small']] = size === 'small', _classnames[styles$A['avatar--medium']] = size === 'medium', _classnames[styles$A['avatar--large']] = size === 'large', _classnames[styles$A['avatar--extra-large']] = size === 'extra-large', _classnames)),
     style: {
       backgroundColor: children || url && !showIconInsteadOfImage ? backgroundColor : defaultProfilePictureColors.backgroundColor
     }
@@ -3862,9 +5692,9 @@ var Avatar = function Avatar(_ref) {
       return setShowIconInsteadOfImage(true);
     }
   }), badge && size !== 'small' && React__default.createElement("div", {
-    className: styles$B['avatar__badge']
+    className: styles$A['avatar__badge']
   }, badge));
 };
 
-export { Avatar, Badge$1 as Badge, Button$1 as Button, CheckboxField, DataTable, DataTableCell, DataTableEditableCell, DataTableRow, DateField, DateRangeField, Form, FormRow, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowUp, IconCalendar, IconCheck, IconChevronDown, IconChevronUp, IconClose, IconComment, IconDelete, IconEdit, IconExclaim, IconEye, IconEyeSlash, IconLocation, IconMinusCircle, IconMore, IconRemove, IconUser, IconUserPlus, Inline, Modal, ModalBody, ModalFooter, MultiSelectField, PaginationControls, PasswordField, PillSelectField, RadioGroupField, RadioGroupOption, ResourceTable, ResourceTableRow, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT, SelectField, Spinner, Stack, TextAreaField, TextField$1 as TextField, Toggle, Tooltip$1 as Tooltip, WeekField };
+export { Avatar, Badge$1 as Badge, Button$1 as Button, CheckboxField, DataTable, DataTableCell, DataTableEditableCell, DataTableRow, DateField, DateRangeField, Form, FormRow, IconAnalytics, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowToTop, IconArrowUp, IconAward, IconBalanceScale, IconBalanceScaleLeft, IconBan, IconBarsH, IconBarsV, IconBell, IconBold, IconBolt, IconBook, IconBriefcase, IconBullseyeArrow, IconCalculator, IconCalendar, IconCalendarAlt, IconCalendarCheck, IconCalendarDay, IconCalendarExclamation, IconCalendarTomorrow, IconCamera, IconCameraSlash, IconCashRegister, IconChartBar, IconCheck, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconClipboardList, IconClock, IconCog, IconComment, IconCommentLines, IconCopy, IconCreditCard, IconCreditCardPlus, IconDownload, IconEdit, IconEllipsisV, IconEnvelope, IconExclaimation, IconExclaimationTriangle, IconExpand, IconExternalLink, IconEye, IconEyeSlash, IconFile, IconFilePdf, IconFlag, IconFourDotsCircle, IconFourSquares, IconGift, IconGrinBeam, IconGripVertical, IconHandshake, IconImage, IconInfoCircle, IconIslandTropical, IconItalic, IconLaptopSearch, IconLink, IconList, IconListOI as IconListOi, IconLock, IconMagicSolid, IconMapMarker, IconMegaphone, IconMinus, IconMinusCircle, IconMoneyBill, IconNotesMedical, IconOvertime, IconPaperPlane, IconPaperPlaneClock, IconPaperclip, IconPencil, IconPercentage, IconPhone, IconPlug, IconPlus, IconPrint, IconQuestionCircle, IconRepeat, IconSearch, IconSignOut, IconSitemap, IconSlidersH, IconSort, IconStar, IconStickyNoteLines, IconStopwatch, IconStrikethrough, IconSync, IconSyncExclaimation, IconTachometer, IconTimes, IconTimesOctagon, IconTrash, IconUnderline, IconUndo, IconUserComputer, IconUserLight, IconUserPlus, IconUserSlash, IconUserSolid, IconUserTag, IconUserTie, IconUsers, IconVideo, IconVolume, IconVolumeMute, IconWrench, Inline, Modal, ModalBody, ModalFooter, MultiSelectField, PaginationControls, PasswordField, PillSelectField, RadioGroupField, RadioGroupOption, ResourceTable, ResourceTableRow, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT, SelectField, Spinner, Stack, TextAreaField, TextField, Toggle, Tooltip$1 as Tooltip, WeekField };
 //# sourceMappingURL=index.modern.js.map