@kaizen/components 1.23.0 → 1.24.0

package/dist/esm/index.js

@@ -1,8 +1,9 @@
-import { _ as __rest, a as __assign, S as SVG, b as __spreadArray, c as SuccessIcon, I as IndicatorActiveIcon, d as IndicatorInactiveIcon } from './SuccessIcon-ea598371.js';
+import { _ as __rest, a as __assign, S as SVG, b as __spreadArray, c as SuccessIcon, I as IndicatorActiveIcon, d as IndicatorInactiveIcon } from './SuccessIcon-a3db6485.js';
 import React, { forwardRef, useRef, useImperativeHandle, useState, useEffect, useContext, useMemo, useReducer, useCallback, createContext } from 'react';
 import classnames from 'classnames';
 import { BadgeAnimated, Badge } from '@kaizen/draft-badge';
 import { LoadingSpinner } from '@kaizen/loading-spinner';
+import { v4 } from 'uuid';
 import { useIntl, FormattedMessage, StaticIntlProvider } from '@cultureamp/i18n-react-intl';
 import { BrandMomentError } from '@kaizen/draft-illustration';
 import { Heading, Paragraph } from '@kaizen/typography';
@@ -11,7 +12,6 @@ import { useMediaQueries } from '@kaizen/responsive';
 import { FocusOn } from 'react-focus-on';
 import { usePopper } from 'react-popper';
 import { formatDateAsText, isInvalidDate, DateInput, getLocale, CalendarSingle } from '@kaizen/date-picker';
-import { v4 } from 'uuid';
 import { validateDate as validateDate$1 } from '@kaizen/date-picker/src/utils/validateDate';
 import { formatDateAsNumeral } from '@kaizen/date-picker/src/utils/formatDateAsNumeral';
 import { isDisabledDate } from '@kaizen/date-picker/src/utils/isDisabledDate';
@@ -56,161 +56,3723 @@ var getCustomProps = function(props) {
     return acc;
   }, {});
 };
-var GenericButton = forwardRef(function(props, ref) {
-  var buttonRef = useRef();
-  useImperativeHandle(ref, function() {
-    return {
-      focus: function() {
-        var _a;
-        (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-      }
-    };
-  });
-  var determineButtonRenderer = function() {
-    if (props.component) {
-      return renderCustomComponent(props.component, props);
-    }
-    if (props.href && !props.disabled && !props.working) {
-      return renderLink(props, buttonRef);
-    }
-    return renderButton(props, buttonRef);
-  };
-  return React.createElement("span", { className: classnames(styles$I.container, props.fullWidth && styles$I.fullWidth), "aria-live": "polite" }, determineButtonRenderer());
-});
-GenericButton.defaultProps = {
-  iconPosition: "start",
-  iconButton: false,
-  primary: false,
-  secondary: false,
-  newTabAndIUnderstandTheAccessibilityImplications: false,
-  disableTabFocusAndIUnderstandTheAccessibilityImplications: false,
-  type: "button"
+var GenericButton = forwardRef(function(props, ref) {
+  var buttonRef = useRef();
+  useImperativeHandle(ref, function() {
+    return {
+      focus: function() {
+        var _a;
+        (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+      }
+    };
+  });
+  var determineButtonRenderer = function() {
+    if (props.component) {
+      return renderCustomComponent(props.component, props);
+    }
+    if (props.href && !props.disabled && !props.working) {
+      return renderLink(props, buttonRef);
+    }
+    return renderButton(props, buttonRef);
+  };
+  return React.createElement("span", { className: classnames(styles$I.container, props.fullWidth && styles$I.fullWidth), "aria-live": "polite" }, determineButtonRenderer());
+});
+GenericButton.defaultProps = {
+  iconPosition: "start",
+  iconButton: false,
+  primary: false,
+  secondary: false,
+  newTabAndIUnderstandTheAccessibilityImplications: false,
+  disableTabFocusAndIUnderstandTheAccessibilityImplications: false,
+  type: "button"
+};
+GenericButton.displayName = "GenericButton";
+var renderCustomComponent = function(CustomComponent, props) {
+  var id = props.id, disabled = props.disabled, href = props.href, onClick = props.onClick, onFocus = props.onFocus, onBlur = props.onBlur, rest = __rest(props, ["id", "disabled", "href", "onClick", "onFocus", "onBlur"]);
+  var customProps = getCustomProps(rest);
+  return React.createElement(CustomComponent, __assign({ id, className: buttonClass(props), disabled, href, onClick, onFocus, onBlur, "aria-label": generateAriaLabel(props) }, customProps), renderContent(props));
+};
+var renderButton = function(props, ref) {
+  var id = props.id, disabled = props.disabled, onClick = props.onClick, onMouseDown = props.onMouseDown, type = props.type, disableTabFocusAndIUnderstandTheAccessibilityImplications = props.disableTabFocusAndIUnderstandTheAccessibilityImplications, onFocus = props.onFocus, onBlur = props.onBlur, form = props.form, formAction = props.formAction, formMethod = props.formMethod, formEncType = props.formEncType, formTarget = props.formTarget, formNoValidate = props.formNoValidate, rest = __rest(props, ["id", "disabled", "onClick", "onMouseDown", "type", "disableTabFocusAndIUnderstandTheAccessibilityImplications", "onFocus", "onBlur", "form", "formAction", "formMethod", "formEncType", "formTarget", "formNoValidate"]);
+  var customProps = getCustomProps(rest);
+  return React.createElement("button", __assign({
+    // eslint-disable-next-line react/button-has-type
+    type,
+    id,
+    disabled,
+    className: buttonClass(props),
+    onClick,
+    onFocus,
+    onBlur,
+    onMouseDown: function(e) {
+      return onMouseDown && onMouseDown(e);
+    },
+    "aria-label": generateAriaLabel(props),
+    "aria-disabled": disabled || props.working ? true : void 0,
+    form,
+    formAction,
+    formMethod,
+    formEncType,
+    formTarget,
+    formNoValidate,
+    tabIndex: disableTabFocusAndIUnderstandTheAccessibilityImplications ? -1 : void 0,
+    ref
+  }, customProps), renderContent(props));
+};
+var renderLink = function(props, ref) {
+  var id = props.id, href = props.href, onClick = props.onClick, newTabAndIUnderstandTheAccessibilityImplications = props.newTabAndIUnderstandTheAccessibilityImplications, onFocus = props.onFocus, onBlur = props.onBlur, rest = __rest(props, ["id", "href", "onClick", "newTabAndIUnderstandTheAccessibilityImplications", "onFocus", "onBlur"]);
+  var customProps = getCustomProps(rest);
+  var target = newTabAndIUnderstandTheAccessibilityImplications ? "_blank" : "_self";
+  return React.createElement("a", __assign({ id, href, target, rel: target === "_blank" ? "noopener noreferrer" : void 0, className: buttonClass(props), onClick, onFocus, onBlur, ref, "aria-label": generateAriaLabel(props) }, customProps), renderContent(props));
+};
+var buttonClass = function(props) {
+  var isDefault = !props.primary && !props.destructive && !props.secondary;
+  return classnames(styles$I.button, isDefault && styles$I["default"], props.primary && styles$I.primary, props.destructive && styles$I.destructive, props.secondary && styles$I.secondary, props.size && styles$I[props.size], props.reversed && styles$I.reversed, props.iconButton && styles$I.iconButton, props.working && styles$I.working, (props.directionalLink || props.paginationLink) && styles$I.circleButton, props.directionalLink && styles$I.directionalLink, props.paginationLink && styles$I.paginationLink, props.isActive && styles$I.isPaginationLinkActive, props.classNameOverride);
+};
+var renderLoadingSpinner = function() {
+  return React.createElement(
+    "div",
+    { className: styles$I.loadingSpinner },
+    React.createElement(LoadingSpinner, { accessibilityLabel: "", size: "sm" })
+  );
+};
+var renderWorkingContent = function(props) {
+  if (props.workingLabelHidden) {
+    return React.createElement(
+      React.Fragment,
+      null,
+      React.createElement("span", { className: styles$I.hidden, "aria-hidden": "true" }, renderDefaultContent(props)),
+      React.createElement("span", { className: styles$I.centeredLoadingSpinner }, renderLoadingSpinner())
+    );
+  }
+  return React.createElement(
+    React.Fragment,
+    null,
+    props.iconPosition !== "end" && renderLoadingSpinner(),
+    React.createElement("span", { className: styles$I.label }, props.workingLabel),
+    props.additionalContent && React.createElement("span", { className: styles$I.additionalContentWrapper }, props.additionalContent),
+    props.iconPosition === "end" && renderLoadingSpinner()
+  );
+};
+var renderDefaultContent = function(props) {
+  return React.createElement(
+    React.Fragment,
+    null,
+    props.icon && props.iconPosition !== "end" && renderIcon(props.icon),
+    (!props.icon || !props.iconButton) && React.createElement("span", { className: styles$I.label }, props.label),
+    props.additionalContent && React.createElement("span", { className: styles$I.additionalContentWrapper }, props.additionalContent),
+    renderBadge(props),
+    props.icon && props.iconPosition === "end" && renderIcon(props.icon)
+  );
+};
+var renderBadge = function(props) {
+  if (!props.badge)
+    return null;
+  var _a = props.badge, text = _a.text, animateChange = _a.animateChange, reversed = _a.reversed, variant = _a.variant;
+  if (animateChange) {
+    return React.createElement(BadgeAnimated, { variant, reversed }, text);
+  }
+  return React.createElement(Badge, { variant, reversed }, text);
+};
+var renderContent = function(props) {
+  return React.createElement("span", { className: styles$I.content }, props.working ? renderWorkingContent(props) : renderDefaultContent(props));
+};
+var renderIcon = function(icon) {
+  return React.createElement("span", { className: styles$I.iconWrapper }, icon);
+};
+var generateAriaLabel = function(props) {
+  if (props.working && props.workingLabelHidden) {
+    return props.workingLabel;
+  }
+  if (props.iconButton) {
+    return props.label;
+  }
+  return void 0;
+};
+
+var Button = forwardRef(function(props, ref) {
+  return React.createElement(GenericButton, __assign({}, props, { ref }));
+});
+Button.defaultProps = {
+  fullWidth: false,
+  primary: false,
+  secondary: false,
+  destructive: false,
+  disabled: false,
+  reversed: false,
+  iconPosition: "start",
+  newTabAndIUnderstandTheAccessibilityImplications: false
+};
+Button.displayName = "Button";
+
+var AcademyIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M10 2 0 7.455l10 5.454 8.182-4.464v6.281H20V7.455L10 2Zm0 12.726-6.364-3.471v3.636L10 18.364l6.364-3.473v-3.636L10 14.726Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ActionOffIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "m7.947 1-4.248 9.469 5.271-.144L8.53 19l7.771-13.196H11.72l2.004-4.783L7.947 1Zm.91 1.385 2.776.01-1.207 2.882-.8 1.909h4.243l-3.652 6.2.151-2.992.076-1.49-1.512.04-3.055.084 2.98-6.643Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ActionOffWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "m7.947 1-4.248 9.469 5.271-.144L8.53 19l7.771-13.196H11.72l2.004-4.783z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "m8.857 2.385 2.776.01-1.207 2.882-.8 1.909h4.243l-3.652 6.2.151-2.992.076-1.49-1.512.04-3.055.084z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ActionOnIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "m3.699 10.469 5.271-.143L8.53 19l7.771-13.195H11.72l2.004-4.784L7.947 1z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var AddIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M10 2c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8Zm4 8.8h-3.2V14H9.2v-3.2H6V9.2h3.2V6h1.6v3.2H14v1.6Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var AddLinkIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M9.125 14.167H5.833c-1.153 0-2.135-.406-2.948-1.219-.812-.813-1.218-1.795-1.218-2.948s.406-2.135 1.218-2.948c.813-.813 1.795-1.219 2.948-1.219h3.292v1.75H5.833c-.694 0-1.27.23-1.729.688-.458.458-.687 1.034-.687 1.729 0 .695.229 1.271.687 1.729.459.459 1.035.688 1.729.688h3.292v1.75Zm-2.458-3.292v-1.75h6.666v1.75H6.667Zm4.208 3.292v-1.75h3.292c.694 0 1.27-.23 1.729-.688.458-.458.687-1.034.687-1.729 0-.695-.229-1.271-.687-1.729-.459-.459-1.035-.688-1.729-.688h-3.292v-1.75h3.292c1.153 0 2.135.406 2.948 1.219.812.813 1.218 1.795 1.218 2.948s-.406 2.135-1.218 2.948c-.813.813-1.795 1.219-2.948 1.219h-3.292Z" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var AddWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M10 2c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "M14 10.8h-3.2V14H9.2v-3.2H6V9.2h3.2V6h1.6v3.2H14z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ArchivedIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M12.307 2.636A2.463 2.463 0 0 0 10 1a2.463 2.463 0 0 0-2.307 1.636h-3.06c-.9 0-1.636.737-1.636 1.637v13.09c0 .9.736 1.637 1.636 1.637h10.73c.9 0 1.636-.736 1.636-1.636V4.273c0-.9-.736-1.637-1.636-1.637h-3.056Zm-1.489.819a.82.82 0 0 1-.818.818.82.82 0 0 1-.818-.818.82.82 0 0 1 .818-.819.82.82 0 0 1 .818.819ZM10 14.909l-4.09-4.09h2.454V7.544h3.272v3.273h2.455L10 14.91Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ArchivedWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M12.307 2.636A2.463 2.463 0 0 0 10 1a2.463 2.463 0 0 0-2.307 1.636h-3.06c-.9 0-1.636.737-1.636 1.637v13.09c0 .9.736 1.637 1.636 1.637h10.73c.9 0 1.636-.736 1.636-1.636V4.273c0-.9-.736-1.637-1.636-1.637h-3.056Zm-1.489.819a.82.82 0 0 1-.818.818.82.82 0 0 1-.818-.818.82.82 0 0 1 .818-.819.82.82 0 0 1 .818.819Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "m10 14.91-4.09-4.092h2.454V7.545h3.272v3.273h2.455z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ArrowBackwardIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M17.5 9.167H5.692l2.987-2.988L7.5 5l-5 5 5 5 1.18-1.18-2.988-2.987H17.5z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ArrowDownIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "m16 8-1.057-1.058-4.193 4.185V2h-1.5v9.127L5.065 6.935 4 8l6 6z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ArrowForwardIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "m12.5 5-1.18 1.18 2.988 2.986H2.5v1.666h11.808l-2.987 2.989L12.5 15l5-5z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ArrowLeftIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M17.5 9.167H5.692l2.987-2.988L7.5 5l-5 5 5 5 1.18-1.18-2.988-2.987H17.5z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ArrowRightIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "m12.5 5-1.18 1.18 2.988 2.986H2.5v1.666h11.808l-2.987 2.989L12.5 15l5-5z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ArrowUpIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "m4 10 1.058 1.057L9.25 6.872V16h1.5V6.872l4.185 4.193L16 10l-6-6z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var BlankIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M12.303 2.636A2.446 2.446 0 0 0 10 1a2.446 2.446 0 0 0-2.303 1.636H4.635c-.904 0-1.637.733-1.637 1.637v13.09c0 .905.733 1.637 1.637 1.637H15.36c.904 0 1.636-.732 1.636-1.636V4.273c0-.904-.732-1.637-1.636-1.637h-3.057Zm-1.485.819a.818.818 0 1 1-1.636 0 .818.818 0 0 1 1.636 0Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var BoldIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M6 16V4h4.786c1.009 0 1.89.282 2.644.846.754.565 1.13 1.326 1.13 2.283 0 .686-.164 1.232-.492 1.64-.33.406-.714.717-1.153.931v.172c.643.214 1.152.55 1.526 1.007.372.457.559 1.05.559 1.778 0 1.071-.402 1.896-1.207 2.475-.805.579-1.764.868-2.876.868H6Zm2.415-7.157h2.174c.467 0 .859-.132 1.173-.397.315-.264.472-.589.472-.975 0-.37-.157-.692-.472-.963-.314-.272-.706-.408-1.174-.408H8.415v2.743Zm0 5.014h2.348c.572 0 1.018-.139 1.34-.418.321-.278.482-.64.482-1.082 0-.443-.16-.804-.482-1.082-.322-.279-.768-.418-1.34-.418H8.415v3Z" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var BookmarkOffIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M15 1H5c-1.1 0-1.99.9-1.99 2L3 19l7-3 7 3V3c0-1.1-.9-2-2-2zm0 15-5-2.18L5 16V3h10v13z" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var BookmarkOnIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M15 1H5c-1.1 0-1.99.9-1.99 2L3 19l7-3 7 3V3c0-1.1-.9-2-2-2z" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var BranchingIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M10.53 15.706H10v-2h.53v-1.177H10v-2h1v1.78c1.236-.403 2.195-.403 2.654-.403 1.743 0 5.24.916 5.24 2.66v2.105H10.53v-.965Zm5.496-8.088A2.375 2.375 0 0 1 13.654 10a2.383 2.383 0 0 1 0-4.765 2.375 2.375 0 0 1 2.372 2.383Zm-1.06 0c0-.734-.586-1.324-1.312-1.324a1.324 1.324 0 0 0 0 2.647c.726 0 1.313-.59 1.313-1.323Zm-3.378 5.613v2.38h6.248v-1.046c0-.642-2.342-1.6-4.182-1.6-.744 0-1.36.059-2.066.266ZM10 1h1v2h-1V1Zm0 3.176h1v2h-1v-2Zm0 3.177h1v2h-1v-2Zm0 9.53h1v2h-1v-2ZM3.87 7.617A2.375 2.375 0 0 1 6.24 5.235a2.383 2.383 0 0 1 0 4.765A2.375 2.375 0 0 1 3.87 7.618Zm5.496 9.053H1v-2.106c0-1.743 3.498-2.66 5.241-2.66.516 0 1.663 0 3.125.572v4.194Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "nonzero" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var BullettedListIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M3.812 11.292c-.36 0-.666-.125-.916-.375A1.247 1.247 0 0 1 2.521 10c0-.361.125-.667.375-.917s.555-.375.916-.375.667.125.917.375.375.556.375.917-.125.667-.375.917-.556.375-.917.375Zm0-4.98c-.36 0-.666-.125-.916-.374a1.25 1.25 0 0 1-.375-.917c0-.361.125-.667.375-.917s.555-.375.916-.375.667.125.917.375.375.556.375.917c0 .36-.125.666-.375.917-.25.25-.556.374-.917.374Zm0 9.938c-.36 0-.666-.125-.916-.375a1.247 1.247 0 0 1-.375-.917c0-.36.125-.666.375-.916s.555-.375.916-.375.667.125.917.375.375.555.375.916-.125.667-.375.917-.556.375-.917.375Zm2.834-.417v-1.75H17.5v1.75H6.646Zm0-4.958v-1.75H17.5v1.75H6.646Zm0-4.979v-1.75H17.5v1.75H6.646Z" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var CaMonogramIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M17.673 9.041c-.133.049-.217.368-.197.629.064.855.136 1.824-.485 3.303-.295.704-.828 1.438-1.538 2.122-.895.861-1.646 1.055-1.839 1.055-.066 0-.107-.021-.12-.064-.005-.014-.015-.062.041-.102l.159-.116c.379-.272.481-.345.89-.702.649-.566 1.576-1.928 1.725-2.368.18-.533.338-1.339.28-1.935-.036-.377-.115-.495-.132-.505-.065.01-.205.205-.29.532-.076.288-.177.63-.276.957-.277.917-.556 1.253-.825 1.579-.055.067-.11.134-.166.205-.48.622-1.095.957-1.24.957-.065 0-.085-.043-.09-.056-.022-.06.025-.118.103-.184.197-.167.861-.795 1.158-1.855.05-.18.001-.367-.03-.383 0 0-.065.015-.163.258-.208.513-.242.564-.57 1.045-.406.594-1.142 1.192-1.491 1.36a4.037 4.037 0 0 1-1.764.396c-.372 0-.763-.048-1.161-.141-.886-.209-1.935-1.087-2.001-1.158-.288-.312-.58-.647-.768-.98-.49-.874-.7-1.72-.623-2.513.079-.82.24-1.458.794-2.109.55-.643 1.037-1.074 1.902-1.379a4.712 4.712 0 0 1 1.523-.236c.77 0 1.458.164 1.892.448.754.495 1.024.752 1.693 1.422.303.305.772.487 1.252.487a1.99 1.99 0 0 0 1.026-.289c.646-.383 1.016-.878 1.099-1.473.179-1.282-.998-2.542-1.01-2.555-.28-.296-.549-.55-.809-.774-.002-.316-.357-.561-.357-.561-1.96-1.406-3.797-1.383-4.546-1.348-.89.041-1.725.137-2.552.369-2.08.477-3.73 1.652-4.915 3.497-.836.988-1.146 2.5-1.239 3.736-.102 1.335.417 3.336.701 3.604.266.25.5.284.53.288.163.345.335.704.407.807l.162.235c.335.49.681.995 1.144 1.396.763.663 1.448 1.029 2.373 1.435.917.403 1.623.573 2.517.606.316.012.534.017.73.017.713 0 1.227-.072 1.963-.278a8.865 8.865 0 0 0 2.268-1.006c.289-.184 1.178-.987 1.487-1.343.318-.367.899-1.22 1.195-2.073.66-1.894.524-2.93.433-3.623-.056-.439-.166-.636-.25-.636Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var CameraIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M2.25 2.25V0h1.5v2.25H6v1.5H3.75V6h-1.5V3.75H0v-1.5h2.25Zm2.25 4.5V4.5h2.25V2.25H12l1.373 1.5h2.377c.825 0 1.5.675 1.5 1.5v9c0 .825-.675 1.5-1.5 1.5h-12c-.825 0-1.5-.675-1.5-1.5v-7.5H4.5Zm5.25 6.75c2.07 0 3.75-1.68 3.75-3.75C13.5 7.68 11.82 6 9.75 6 7.68 6 6 7.68 6 9.75c0 2.07 1.68 3.75 3.75 3.75Zm-2.4-3.75c0 1.328 1.072 2.4 2.4 2.4 1.328 0 2.4-1.072 2.4-2.4 0-1.328-1.072-2.4-2.4-2.4a2.397 2.397 0 0 0-2.4 2.4Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", transform: "translate(1 2)", href: "#".concat(uniqueId), fillRule: "nonzero" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var CautionIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M8.67 2.822 2.16 15.849A1.486 1.486 0 0 0 3.488 18h13.024a1.486 1.486 0 0 0 1.33-2.151L11.328 2.822c-.548-1.096-2.11-1.096-2.658 0ZM10.8 15H9.2v-1.6h1.6V15Zm-1.6-3.2h1.6V7H9.2v4.8Z", fillRule: "evenodd", clipRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var CautionWhiteIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M8.67 2.822 2.16 15.849A1.486 1.486 0 0 0 3.488 18h13.024a1.486 1.486 0 0 0 1.33-2.151L11.328 2.822c-.548-1.096-2.11-1.096-2.658 0Z" }),
+    React.createElement("path", { fill: "#FFF", d: "M10.8 15H9.2v-1.6h1.6V15Zm0-3.2H9.2V7h1.6v4.8Z", fillRule: "evenodd", clipRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var CheckIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "m8.333 14.342-4.166-4.167L5.342 9l2.991 2.983 6.325-6.325 1.175 1.184z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ChevronDownIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M6.18 6.845 10 10.747l3.82-3.902L15 8.049l-5 5.106-5-5.106z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ChevronLeftIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M13.155 13.82 9.253 10l3.902-3.82L11.951 5l-5.106 5 5.106 5z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ChevronRightIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M6.845 13.82 10.747 10 6.845 6.18 8.049 5l5.106 5-5.106 5z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ChevronUpIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M6.179 13.155 10 9.253l3.821 3.902 1.18-1.204L10 6.845l-5 5.106z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ClearIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M10 2c-4.424 0-8 3.576-8 8 0 4.424 3.576 8 8 8 4.424 0 8-3.576 8-8 0-4.424-3.576-8-8-8Zm4 10.872L12.872 14 10 11.128 7.128 14 6 12.872 8.872 10 6 7.128 7.128 6 10 8.872 12.872 6 14 7.128 11.128 10 14 12.872Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ClearWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M10 2c-4.424 0-8 3.576-8 8 0 4.424 3.576 8 8 8 4.424 0 8-3.576 8-8 0-4.424-3.576-8-8-8Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "M14 12.872 12.872 14 10 11.128 7.128 14 6 12.872 8.872 10 6 7.128 7.128 6 10 8.872 12.872 6 14 7.128 11.128 10z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var CloseIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M14.654 4.167 10 8.82 5.346 4.167l-1.18 1.18L8.823 10l-4.655 4.655 1.179 1.178L10 11.18l4.654 4.654 1.18-1.178L11.18 10l4.655-4.653z" })
+    ),
+    React.createElement("use", { href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ClosedIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M12.307 2.636A2.464 2.464 0 0 0 10 1a2.464 2.464 0 0 0-2.308 1.636H4.636c-.9 0-1.637.737-1.637 1.637v13.09c0 .9.737 1.637 1.637 1.637H15.36c.9 0 1.637-.736 1.637-1.636V4.273c0-.9-.738-1.637-1.637-1.637h-3.054Zm-1.489.819c0 .45-.369.818-.818.818a.82.82 0 0 1-.818-.818.82.82 0 0 1 .818-.819c.45 0 .818.369.818.819Zm-5.727 8.181 1.154-1.153 2.119 2.11 5.391-5.391 1.154 1.162-6.545 6.545-3.273-3.273Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ClosedWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M12.307 2.636A2.464 2.464 0 0 0 10 1a2.464 2.464 0 0 0-2.308 1.636H4.636c-.9 0-1.637.737-1.637 1.637v13.09c0 .9.737 1.637 1.637 1.637H15.36c.9 0 1.637-.736 1.637-1.636V4.273c0-.9-.738-1.637-1.637-1.637h-3.054Zm-1.489.819c0 .45-.369.818-.818.818a.82.82 0 0 1-.818-.818.82.82 0 0 1 .818-.819c.45 0 .818.369.818.819Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "m5.09 11.636 1.155-1.153 2.119 2.11 5.391-5.391 1.154 1.162-6.545 6.545z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var CommentAddIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M16.4 2A1.6 1.6 0 0 1 18 3.6v9.6a1.6 1.6 0 0 1-1.6 1.6H5.2L2 18V3.6C2 2.716 2.715 2 3.6 2h12.8Zm-3.174 7.218V7.623h-2.398V5.225H9.233v2.398l-2.404.006v1.595l2.404-.006v2.399h1.595V9.218h2.398Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var CommentAddWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M16.4 2H3.6C2.715 2 2 2.716 2 3.6V18l3.2-3.2h11.2a1.6 1.6 0 0 0 1.6-1.6V3.6A1.6 1.6 0 0 0 16.4 2Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "M13.226 9.218h-2.398v2.399H9.233V9.218l-2.404.006V7.629l2.404-.006V5.225h1.595v2.398h2.398z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var CommentBankIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M.667 17.333V1.917c0-.32.125-.608.375-.865s.541-.385.875-.385h14.166c.32 0 .608.128.865.385s.385.545.385.865V12.75c0 .32-.128.608-.385.865-.257.256-.545.385-.865.385H4L.667 17.333Zm9.229-9.729 2.02-1.042 2 1.042V1.917h-4.02v5.687Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var CommentDisabledIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M16.4 2c.884 0 1.6.715 1.6 1.6v9.6a1.6 1.6 0 0 1-1.6 1.6H5.2L2 18V3.6C2 2.715 2.715 2 3.6 2h12.8Zm-3.544 8.12L11.16 8.422l1.696-1.696L11.728 5.6l-1.696 1.696L8.328 5.6 7.2 6.727l1.704 1.696-1.697 1.696 1.129 1.128 1.696-1.696 1.696 1.696 1.128-1.128Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var CommentDisabledWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M16.4 2H3.6C2.715 2 2 2.715 2 3.6V18l3.2-3.2h11.2a1.6 1.6 0 0 0 1.6-1.6V3.6c0-.885-.716-1.6-1.6-1.6Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "m12.856 10.12-1.128 1.127-1.696-1.696-1.696 1.696-1.129-1.128 1.697-1.696L7.2 6.727 8.328 5.6l1.704 1.696L11.728 5.6l1.128 1.127-1.696 1.696z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var CommentIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M16.4 2A1.6 1.6 0 0 1 18 3.6v9.6a1.6 1.6 0 0 1-1.6 1.6H5.2L2 18l.008-14.4c0-.884.708-1.6 1.592-1.6h12.8Zm-4 7.2H14V7.6h-1.6v1.6Zm-3.2 0h1.6V7.6H9.2v1.6ZM6 9.2h1.6V7.6H6v1.6Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var CommentWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M16.4 2H3.6c-.884 0-1.592.716-1.592 1.6L2 18l3.2-3.2h11.2a1.6 1.6 0 0 0 1.6-1.6V3.6A1.6 1.6 0 0 0 16.4 2Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "M12.4 9.2H14V7.6h-1.6zM9.2 9.2h1.6V7.6H9.2zM6 9.2h1.6V7.6H6z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var CommunicationsIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M17.2 5.2h-1.6v7.2H5.2V14c0 .44.36.8.8.8h8.8L18 18V6c0-.44-.36-.8-.8-.8ZM14 10V2.8c0-.44-.36-.8-.8-.8H2.8c-.44 0-.8.36-.8.8V14l3.2-3.2h8c.44 0 .8-.36.8-.8Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "nonzero" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var CompetencyLibraryIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M7.094 11.18a2.507 2.507 0 0 1-1.826-.745 2.433 2.433 0 0 1-.756-1.798c0-.703.252-1.303.756-1.799a2.507 2.507 0 0 1 1.826-.745c.713 0 1.322.249 1.826.745s.756 1.096.756 1.799c0 .702-.252 1.302-.756 1.798a2.507 2.507 0 0 1-1.826.745Z" }),
+    React.createElement("path", { fill: "currentColor", d: "M2.186 17c-.604 0-1.12-.21-1.546-.63A2.06 2.06 0 0 1 0 14.846v-9.67c0-.595.213-1.107.64-1.534A2.104 2.104 0 0 1 2.186 3h9.604c.605 0 1.125.214 1.559.642.434.427.651.939.651 1.535v9.67c0 .595-.217 1.103-.651 1.523-.434.42-.954.63-1.559.63H2.186ZM2 14.401C3.27 12.92 5.041 12 7 12s3.73.92 5 2.401V5H2v9.401Z", fillRule: "evenodd", clipRule: "evenodd" }),
+    React.createElement("path", { fill: "currentColor", d: "M15 3h2v14h-2V3ZM20 3h-2v14h2V3Z" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ConfigureIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M17.537 4.683 14.37 7.85l-2.22-2.22 3.167-3.165c-1.747-.837-3.93-.546-5.385.909a4.71 4.71 0 0 0-1.055 5.021l-6.658 6.66c-.292.29-.292.763 0 1.018l1.71 1.71c.255.29.728.29 1.018 0l6.659-6.659a4.71 4.71 0 0 0 5.021-1.055c1.454-1.455 1.746-3.638.91-5.385" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ConnectIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M14.01 5 14 1h-2v4H8V1H6v4h-.01C5 4.99 4 5.99 4 6.99v5.49L7.5 16v3h5v-3l3.5-3.51v-5.5c0-1-1-2-1.99-1.99Z" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ConnectLineIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { d: "M9.05 17.5h1.9v-2.05l3.55-3.9V6.775h-9v4.775l3.55 3.893V17.5ZM7.55 19v-2.95L4 12.15V6.775c0-.413.147-.766.44-1.06.294-.293.647-.44 1.06-.44h1.8l-.75.75V1h1.5v4.275h3.9V1h1.5v5.025l-.75-.75h1.8c.412 0 .766.147 1.06.44.293.294.44.647.44 1.06v5.375l-3.55 3.9V19h-4.9Z" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var CustomIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "m18.615 3.45-1.253-1.19a.967.967 0 0 0-1.32 0L7.66 10.223l2.573 2.444 8.382-7.963a.854.854 0 0 0 0-1.253M5.79 11.779c-1.553 0-2.807 1.19-2.807 2.666 0 1.164-1.085 1.777-1.87 1.777C1.971 17.307 3.44 18 4.852 18c2.068 0 3.743-1.59 3.743-3.555 0-1.475-1.254-2.666-2.807-2.666" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var DashboardIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M10.889 7.333H18V2h-7.111v5.333ZM2 10.89h7.111V2H2v8.889ZM10.889 18H18V9.111h-7.111V18ZM2 18h7.111v-5.333H2V18Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", transform: "translate(-2 -2)", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var DateEndIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M13.557 1.111h1.778V2.89h.889c.982 0 1.778.796 1.778 1.778v12.446c0 .982-.796 1.778-1.778 1.778H3.778A1.778 1.778 0 0 1 2 17.113l.009-12.446A1.77 1.77 0 0 1 3.778 2.89h.889V1.111h1.778V2.89h7.112V1.111Zm2.667 16.002V7.334H3.778v9.78h12.446Zm-1.778-6.223h-4.445v4.445h4.445V10.89Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var DateEndWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M13.557 1.111V2.89H6.445V1.111H4.667V2.89h-.889a1.77 1.77 0 0 0-1.77 1.778L2 17.113c0 .982.796 1.778 1.778 1.778h12.446c.982 0 1.778-.796 1.778-1.778V4.667c0-.982-.796-1.778-1.778-1.778h-.889V1.111h-1.778Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "M16.224 17.113H3.778V7.334h12.446z" }),
+      React.createElement("path", { fill: "currentColor", d: "M14.446 10.89h-4.445v4.445h4.445z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var DateRangeIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M16.224 2.89c.978 0 1.778.8 1.778 1.777v12.446c0 .978-.8 1.778-1.778 1.778H3.778c-.987 0-1.778-.8-1.778-1.778l.009-12.446A1.77 1.77 0 0 1 3.778 2.89h.889V1.111h1.778V2.89h7.112V1.111h1.778V2.89h.889Zm0 14.223V7.334H3.778v9.78h12.446Zm-8.89-8H5.556v1.777h1.778V9.112Zm3.556 0H9.112v1.777h1.778V9.112Zm3.556 0h-1.778v1.777h1.778V9.112Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var DateRangeWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M16.224 2.89h-.889V1.11h-1.778V2.89H6.445V1.111H4.667V2.89h-.889c-.987 0-1.77.8-1.77 1.778L2 17.113c0 .978.791 1.778 1.778 1.778h12.446c.978 0 1.778-.8 1.778-1.778V4.667c0-.978-.8-1.778-1.778-1.778Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "M16.224 17.113H3.778V7.334h12.446z" }),
+      React.createElement("path", { fill: "currentColor", d: "M7.334 9.112H5.556v1.778h1.778zM10.89 9.112H9.112v1.778h1.778zM14.446 9.112h-1.778v1.778h1.778z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var DateStartIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M16.224 2.89c.978 0 1.778.8 1.778 1.777v12.446c0 .978-.8 1.778-1.778 1.778H3.778c-.987 0-1.778-.8-1.778-1.778l.009-12.446A1.77 1.77 0 0 1 3.778 2.89h.889V1.111h1.778V2.89h7.112V1.111h1.778V2.89h.889Zm0 14.223V7.334H3.778v9.78h12.446Zm-10.668-8h4.445v4.444H5.556V9.112Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var DateStartWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M16.224 2.89h-.889V1.11h-1.778V2.89H6.445V1.111H4.667V2.89h-.889c-.987 0-1.77.8-1.77 1.778L2 17.113c0 .978.791 1.778 1.778 1.778h12.446c.978 0 1.778-.8 1.778-1.778V4.667c0-.978-.8-1.778-1.778-1.778Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "M16.224 17.113H3.778V7.334h12.446z" }),
+      React.createElement("path", { fill: "currentColor", d: "M5.556 9.112h4.445v4.445H5.556z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var DecreaseIndentIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M9.183 13.909v-1.634H17v1.634H9.183Zm-2.994-.7L3 10l3.19-3.19v6.399ZM3 17v-1.633h14V17H3ZM3 4.633V3h14v1.633H3Zm6.183 3.092V6.09H17v1.634H9.183Zm0 3.092V9.183H17v1.634H9.183Z" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var DeltaBareIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "m10.482 3.37 8 12.8h-16l8-12.8Zm4.7 10.829-4.7-7.523-4.699 7.523h9.398Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var DeltaBareWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "m10.482 3.37-8 12.8h16z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "M15.181 14.199H5.783l4.7-7.523z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var DeltaFlatIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M4 9h12v2H4V9z" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var DeltaIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M2 10c0-4.42 3.58-8 8-8s8 3.58 8 8-3.58 8-8 8-8-3.58-8-8Zm8-4.63-5.018 8.028h10.036L10 5.369Zm2.131 6.401H7.87L10 8.36l2.131 3.412Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("circle", { cx: "10", cy: "10", r: "7" }),
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var DeltaNegativeIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M6.775 16H16V6.775h-2.05V12.5L5.45 4 4 5.45l8.5 8.5H6.775V16z", fillRule: "evenodd", clipRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var DeltaPositiveIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M6.775 4H16v9.225h-2.05V7.5L5.45 16 4 14.55l8.5-8.5H6.775V4z", fillRule: "evenodd", clipRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var DeltaWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M2 10c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8-8 3.58-8 8Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "m10 5.37-5.018 8.028h10.036z" }),
+      React.createElement("path", { fill: "currentColor", d: "M12.131 11.771H7.87L10 8.36z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var DemographicsIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M2 14.444v1.778h5.333v-1.778H2ZM2 3.778v1.778h8.889V3.778H2ZM10.889 18v-1.778H18v-1.778h-7.111v-1.777H9.11V18h1.778ZM5.556 7.333v1.778H2v1.778h3.556v1.778h1.777V7.333H5.556ZM18 10.89V9.11H9.111v1.778H18Zm-5.333-3.556h1.777V5.556H18V3.778h-3.556V2h-1.777v5.333Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "nonzero" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var DepartmentIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M10 8.4c1.902 0 3.203.372 3.547.525A3.482 3.482 0 0 1 15.6 12.11V14H4.4v-1.878c0-1.377.793-2.637 2.053-3.185.25-.11 1.645-.537 3.547-.537Zm6.533-.233a2.34 2.34 0 0 0 2.334-2.334A2.34 2.34 0 0 0 16.533 3.5 2.34 2.34 0 0 0 14.2 5.833a2.34 2.34 0 0 0 2.333 2.334Zm3.267 4.001c0-.945-.7-1.668-1.423-2.158-.885-.56-1.43-.612-1.844-.677-.45-.07-.886.047-1.318.117.467.793.849 1.692.849 2.66v1.878L19.8 14v-1.832ZM10 0c1.937 0 3.5 1.563 3.5 3.5S11.937 7 10 7a3.495 3.495 0 0 1-3.5-3.5C6.5 1.563 8.063 0 10 0ZM1.133 5.833a2.34 2.34 0 0 0 2.334 2.334A2.34 2.34 0 0 0 5.8 5.833 2.34 2.34 0 0 0 3.467 3.5a2.34 2.34 0 0 0-2.334 2.333Z" }),
+    React.createElement("path", { fill: "currentColor", d: "M1.623 10.01C.9 10.5.2 11.223.2 12.168V14h3.72v-1.878c0-.969.398-1.879.865-2.672-.432-.07-.869-.187-1.318-.117-.414.065-.96.117-1.844.677Z" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var DraftIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M15.376 2.636c.9 0 1.637.737 1.637 1.637v13.09c0 .9-.737 1.637-1.637 1.637H4.631c-.9 0-1.636-.736-1.636-1.636V4.273c0-.9.736-1.637 1.636-1.637h3.062A2.463 2.463 0 0 1 10 1c1.064 0 1.964.687 2.307 1.636h3.07ZM11.15 8.801l-4.813 4.442v1.666h1.805l4.813-4.443-1.805-1.665Zm2.105-1.314a.511.511 0 0 0-.682 0l-.942.87 1.806 1.665.941-.869a.421.421 0 0 0 0-.628l-1.123-1.038Zm-2.437-4.032A.82.82 0 0 0 10 2.636a.82.82 0 0 0-.818.819c0 .45.368.818.818.818a.82.82 0 0 0 .818-.818Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var DraftWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M15.376 2.636c.9 0 1.637.737 1.637 1.637v13.09c0 .9-.737 1.637-1.637 1.637H4.631c-.9 0-1.636-.736-1.636-1.636V4.273c0-.9.736-1.637 1.636-1.637h3.062A2.463 2.463 0 0 1 10 1c1.064 0 1.964.687 2.307 1.636h3.07Zm-4.558.819a.82.82 0 0 1-.818.818.82.82 0 0 1-.818-.818.82.82 0 0 1 .818-.819.82.82 0 0 1 .818.819Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "m11.15 8.8-4.813 4.443v1.666h1.805l4.813-4.443zM13.255 7.487a.511.511 0 0 0-.682 0l-.942.87 1.806 1.665.941-.869a.421.421 0 0 0 0-.628l-1.123-1.038Z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var DragIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M2 12c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2ZM2 0c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2Zm0 6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2Zm6 6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2ZM8 0c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2Zm0 6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", transform: "translate(5 2)", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var DuplicateIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M13.273 2H4.545c-.803 0-1.454.65-1.454 1.455v10.181h1.454V3.455h8.728V2Zm2.182 2.91h-8C6.65 4.91 6 5.56 6 6.363v10.181C6 17.35 6.65 18 7.455 18h8c.803 0 1.454-.65 1.454-1.455V6.364c0-.804-.65-1.455-1.454-1.455Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var EditIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M1.556 14.666V18h3.519l10.383-9.837-3.519-3.334-10.383 9.837ZM18.17 5.594a.858.858 0 0 0 0-1.258L15.979 2.26a.978.978 0 0 0-1.328 0l-1.717 1.627 3.519 3.334 1.717-1.627Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var EffectivenessIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "m10 10.847-6.45-.014.956 6.332c.154 1.045.856 1.82 1.913 1.82L10 19l3.58-.014c1.058 0 1.76-.776 1.914-1.821l.956-6.332-6.45.014Zm-.957-3.863V9.97h1.913V6.855c1.991-.616 3.43-2.288 3.43-4.276-1.885 0-3.513.929-4.39 2.292C8.99 2.605 6.52 1 3.627 1c0 2.94 2.322 5.394 5.416 5.984Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var EllipsisIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M4 8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var EmailIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M16.4 3.5H3.6c-.88 0-1.592.72-1.592 1.6L2 14.7c0 .88.72 1.6 1.6 1.6h12.8c.88 0 1.6-.72 1.6-1.6V5.1c0-.88-.72-1.6-1.6-1.6Zm0 3.2-6.4 4-6.4-4V5.1l6.4 4 6.4-4v1.6Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "nonzero" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var EmptyIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M2 10c0-4.416 3.584-8 8-8s8 3.584 8 8-3.584 8-8 8-8-3.584-8-8Zm8 6.4c3.536 0 6.4-2.864 6.4-6.4 0-3.536-2.864-6.4-6.4-6.4A6.398 6.398 0 0 0 3.6 10c0 3.536 2.864 6.4 6.4 6.4Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var EmptyWhiteIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("path", { fill: "currentColor", d: "M10 2c4.416 0 8 3.584 8 8s-3.584 8-8 8-8-3.584-8-8 3.584-8 8-8Z" }),
+      React.createElement("path", { fill: "#FFF", d: "M10 16.4A6.398 6.398 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4 3.536 0 6.4 2.864 6.4 6.4 0 3.536-2.864 6.4-6.4 6.4Z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var EndIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M14 4h2v12h-2V4Zm-3.7 5.17H2v1.66h8.3l-2.98 3L8.5 15l5-5-5-5-1.18 1.18 2.99 2.99Z" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var EngagementIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M15.423 5.396c0-.634.372-1.165 1.01-1.165.637 0 1.152.511 1.152 1.144l-.547 10.815c0 .894-1.432 2.737-3.122 2.737L9.997 19c-.83 0-1.442-.275-2.717-1.401 0 0-4.158-4.196-4.77-5.121-.415-.627.618-1.882 1.542-1.33.022.006 2.531 2.01 2.733 2.198.315.294.436.302.436.072 0-.151-.782-9.365-.782-9.365 0-.634.514-1.145 1.152-1.145.637 0 1.152.511 1.152 1.145l.421 5.027h.296l.05-6.935c0-.633.515-1.145 1.153-1.145.637 0 1.152.512 1.152 1.145l.155 6.94.41.01.203-6.187c0-.633.515-1.145 1.152-1.145.637 0 1.152.512 1.152 1.145l-.05 6.172h.4l.186-3.684Zm-3.386 10.77.373-.337c1.328-1.205 2.204-1.999 2.204-2.973 0-.794-.624-1.418-1.417-1.418-.45 0-.88.209-1.16.539a1.544 1.544 0 0 0-1.16-.539c-.793 0-1.417.624-1.417 1.418 0 .974.877 1.768 2.203 2.971l.374.34Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var EngagementWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "m15.423 5.396-.187 3.684h-.4l.051-6.172c0-.633-.515-1.145-1.152-1.145-.637 0-1.152.512-1.152 1.145l-.204 6.187-.41-.01-.154-6.94C11.815 1.512 11.3 1 10.663 1c-.638 0-1.152.512-1.152 1.145L9.46 9.08h-.296l-.421-5.027c0-.634-.515-1.145-1.152-1.145-.638 0-1.152.511-1.152 1.145 0 0 .782 9.214.782 9.365 0 .23-.12.222-.436-.072-.202-.189-2.71-2.192-2.733-2.198-.924-.552-1.957.703-1.543 1.33.613.925 4.771 5.121 4.771 5.121C8.555 18.725 9.168 19 9.997 19l3.919-.073c1.69 0 3.122-1.843 3.122-2.737l.547-10.815c0-.633-.515-1.144-1.152-1.144-.638 0-1.01.531-1.01 1.165Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "m12.037 16.167-.374-.34c-1.326-1.203-2.203-1.997-2.203-2.971 0-.794.624-1.418 1.417-1.418.449 0 .879.209 1.16.539.28-.33.71-.539 1.16-.539.793 0 1.417.624 1.417 1.418 0 .974-.876 1.768-2.204 2.973l-.373.338Z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var EqualIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M10 2c4.42 0 8 3.58 8 8s-3.58 8-8 8-8-3.58-8-8 3.58-8 8-8ZM6.153 12.1h7.694v-1.6H6.153v1.6Zm0-2.881h7.694v-1.6H6.153v1.6Z", fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var EqualWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M10 2c4.42 0 8 3.58 8 8s-3.58 8-8 8-8-3.58-8-8 3.58-8 8-8Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "M6.153 12.1h7.694v-1.6H6.153zM6.153 9.219h7.694v-1.6H6.153z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ExclamationIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm.8 12v-1.6H9.2V14h1.6Zm0-3.2V6H9.2v4.8h1.6Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ExclamationOctagonIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M13.316 2H6.684L2 6.684v6.632L6.684 18h6.632L18 13.316V6.684L13.316 2ZM10 14.711c-.64 0-1.156-.515-1.156-1.155S9.36 12.4 10 12.4c.64 0 1.156.516 1.156 1.156 0 .64-.516 1.155-1.156 1.155Zm.889-3.822H9.11V5.556h1.778v5.333Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "nonzero" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ExclamationOctagonWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M13.316 2H6.684L2 6.684v6.632L6.684 18h6.632L18 13.316V6.684z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "nonzero" }),
+      React.createElement("path", { fill: "#FFF", d: "M10 14.711c-.64 0-1.156-.515-1.156-1.155S9.36 12.4 10 12.4c.64 0 1.156.516 1.156 1.156 0 .64-.516 1.155-1.156 1.155ZM10.889 10.889H9.11V5.556h1.778z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ExclamationWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "M10.8 14H9.2v-1.6h1.6zM10.8 10.8H9.2V6h1.6z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ExperienceIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M11.645 4.653c-.62-.003-3.092 4.004-3.092 4.004 1.054 1.512 2.04 3.41 2.04 3.41l-1.235-.009C7.976 9.912 6.684 7.704 5.908 7.71 5.04 7.716 1 15.343 1 15.343h17.993s-6.086-10.685-7.348-10.69Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ExportIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M15.827 8.446a5.94 5.94 0 0 0-5.824-4.78 5.944 5.944 0 0 0-5.266 3.196A4.754 4.754 0 0 0 .5 11.585a4.75 4.75 0 0 0 4.751 4.752h10.295a3.96 3.96 0 0 0 3.959-3.96c0-2.09-1.627-3.785-3.678-3.931Zm-1.865 2.348-3.96 3.959-3.959-3.96H8.42V7.627h3.167v3.168h2.376Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ExportWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M15.827 8.446a5.94 5.94 0 0 0-5.824-4.78 5.944 5.944 0 0 0-5.266 3.196A4.754 4.754 0 0 0 .5 11.585a4.75 4.75 0 0 0 4.751 4.752h10.295a3.96 3.96 0 0 0 3.959-3.96c0-2.09-1.627-3.785-3.678-3.931Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "m13.962 10.794-3.96 3.959-3.959-3.96H8.42V7.627h3.167v3.168z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ExternalLinkIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M16.222 16.222H3.778V3.778H10V2H3.778C2.79 2 2 2.8 2 3.778v12.444C2 17.2 2.791 18 3.778 18h12.444C17.2 18 18 17.2 18 16.222V10h-1.778v6.222ZM11.778 2v1.778h3.19l-8.737 8.738 1.253 1.253 8.738-8.738v3.191H18V2h-6.222Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var FaceDissatisfiedIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M10 16.4A6.398 6.398 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4 3.536 0 6.4 2.864 6.4 6.4 0 3.536-2.864 6.4-6.4 6.4M9.992 2C5.576 2 2 5.583 2 10c0 4.416 3.576 8 7.992 8C14.416 18 18 14.416 18 10c0-4.417-3.584-8-8.008-8M10 11.6a4.395 4.395 0 0 0-4.096 2.8H7.24A3.188 3.188 0 0 1 10 12.8c1.184 0 2.2.648 2.76 1.6h1.336A4.395 4.395 0 0 0 10 11.6m2.8-2.4a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4m-5.6 0a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var FaceDissatisfiedWhiteIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("path", { fill: "currentColor", d: "M9.992 2C5.576 2 2 5.583 2 10c0 4.416 3.576 8 7.992 8C14.416 18 18 14.416 18 10c0-4.417-3.584-8-8.008-8" }),
+      React.createElement("path", { fill: "#FFF", d: "M10 16.4A6.398 6.398 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4 3.536 0 6.4 2.864 6.4 6.4 0 3.536-2.864 6.4-6.4 6.4" }),
+      React.createElement("path", { fill: "currentColor", d: "M10 11.6a4.395 4.395 0 0 0-4.096 2.8H7.24A3.188 3.188 0 0 1 10 12.8c1.184 0 2.2.648 2.76 1.6h1.336A4.395 4.395 0 0 0 10 11.6M12.8 9.2a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4M7.2 9.2a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var FaceNeutralIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M12.8 6.8a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4ZM8.4 8A1.2 1.2 0 1 0 6 8a1.2 1.2 0 0 0 2.4 0Zm1.6 8.4A6.398 6.398 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4 3.536 0 6.4 2.864 6.4 6.4 0 3.536-2.864 6.4-6.4 6.4ZM9.992 2C5.576 2 2 5.584 2 10s3.576 8 7.992 8C14.416 18 18 14.416 18 10s-3.584-8-8.008-8ZM7.6 12.8h4.8v-1.2H7.6v1.2Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var FaceNeutralWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M12.8 6.8a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("path", { fill: "currentColor", d: "M9.992 2C5.576 2 2 5.584 2 10s3.576 8 7.992 8C14.416 18 18 14.416 18 10s-3.584-8-8.008-8Z" }),
+      React.createElement("path", { fill: "#FFF", d: "M10 16.4A6.398 6.398 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4 3.536 0 6.4 2.864 6.4 6.4 0 3.536-2.864 6.4-6.4 6.4Z" }),
+      React.createElement("path", { fill: "currentColor", d: "M8.4 8A1.2 1.2 0 1 0 6 8a1.2 1.2 0 0 0 2.4 0Z" }),
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "currentColor", d: "M7.6 12.8h4.8v-1.2H7.6z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var FaceSatisfiedIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M10 16.4A6.398 6.398 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4 3.536 0 6.4 2.864 6.4 6.4 0 3.536-2.864 6.4-6.4 6.4M9.992 2C5.576 2 2 5.584 2 10s3.576 8 7.992 8C14.416 18 18 14.416 18 10s-3.584-8-8.008-8M10 13.2c-1.184 0-2.2-.648-2.76-1.6H5.904a4.396 4.396 0 0 0 8.192 0H12.76c-.56.952-1.576 1.6-2.76 1.6m2.8-4a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4m-5.6 0a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var FaceSatisfiedWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M9.992 2C5.576 2 2 5.584 2 10s3.576 8 7.992 8C14.416 18 18 14.416 18 10s-3.584-8-8.008-8" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "M10 16.4A6.398 6.398 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4 3.536 0 6.4 2.864 6.4 6.4 0 3.536-2.864 6.4-6.4 6.4" }),
+      React.createElement("path", { fill: "currentColor", d: "M10 13.2c-1.184 0-2.2-.648-2.76-1.6H5.904a4.396 4.396 0 0 0 8.192 0H12.76c-.56.952-1.576 1.6-2.76 1.6M12.8 9.2a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4M7.2 9.2a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var FaceVeryDissatisfiedIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M9.992 2A7.991 7.991 0 0 0 2 10c0 4.424 3.576 8 7.992 8S18 14.424 18 10a8 8 0 0 0-8.008-8ZM10 16.4A6.398 6.398 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4 3.536 0 6.4 2.864 6.4 6.4 0 3.536-2.864 6.4-6.4 6.4Zm3.344-9.792-.848.848-.848-.848-.848.848.848.848-.848.848.848.848.848-.848.848.848.848-.848-.848-.848.848-.848-.848-.848ZM6.656 10l.848-.848.848.848.848-.848-.848-.848.848-.848-.848-.848-.848.848-.848-.848-.848.848.848.848-.848.848.848.848ZM10 11.6a4.397 4.397 0 0 0-4.088 2.8h8.176A4.397 4.397 0 0 0 10 11.6Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var FaceVeryDissatisfiedWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M9.992 2A7.991 7.991 0 0 0 2 10c0 4.424 3.576 8 7.992 8S18 14.424 18 10a8 8 0 0 0-8.008-8Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "M10 16.4A6.398 6.398 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4 3.536 0 6.4 2.864 6.4 6.4 0 3.536-2.864 6.4-6.4 6.4Z" }),
+      React.createElement("path", { fill: "currentColor", d: "m13.344 6.608-.848.848-.848-.848-.848.848.848.848-.848.848.848.848.848-.848.848.848.848-.848-.848-.848.848-.848zM6.656 10l.848-.848.848.848.848-.848-.848-.848.848-.848-.848-.848-.848.848-.848-.848-.848.848.848.848-.848.848zM10 11.6a4.397 4.397 0 0 0-4.088 2.8h8.176A4.397 4.397 0 0 0 10 11.6Z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var FaceVerySatisfiedIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M9.992 2A7.991 7.991 0 0 0 2 10c0 4.424 3.576 8 7.992 8S18 14.424 18 10a8 8 0 0 0-8.008-8ZM10 16.4A6.398 6.398 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4 3.536 0 6.4 2.864 6.4 6.4 0 3.536-2.864 6.4-6.4 6.4ZM8.4 8.8a1.2 1.2 0 1 0-2.4 0h2.4Zm5.6 0a1.2 1.2 0 1 0-2.4 0H14Zm-4 5.6a4.397 4.397 0 0 0 4.088-2.8H5.912A4.397 4.397 0 0 0 10 14.4Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var FaceVerySatisfiedWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M9.992 2A7.991 7.991 0 0 0 2 10c0 4.424 3.576 8 7.992 8S18 14.424 18 10a8 8 0 0 0-8.008-8Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "M10 16.4A6.398 6.398 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4 3.536 0 6.4 2.864 6.4 6.4 0 3.536-2.864 6.4-6.4 6.4Z" }),
+      React.createElement("path", { fill: "currentColor", d: "M8.4 8.8a1.2 1.2 0 1 0-2.4 0h2.4ZM14 8.8a1.2 1.2 0 1 0-2.4 0H14ZM10 14.4a4.397 4.397 0 0 0 4.088-2.8H5.912A4.397 4.397 0 0 0 10 14.4Z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var FactorsIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "m12.8 14.496-2.8-2.94-2.8 2.94a2.667 2.667 0 1 1-1.144-1.44L9.11 10V7.173C8.08 6.8 7.333 5.823 7.333 4.667A2.663 2.663 0 0 1 10 2a2.663 2.663 0 0 1 2.667 2.667c0 1.155-.747 2.133-1.778 2.506V10l3.056 3.056a2.667 2.667 0 1 1-1.144 1.44Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "nonzero" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var FavoriteOffIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M13.6 3A4.79 4.79 0 0 0 10 4.672 4.79 4.79 0 0 0 6.4 3 4.357 4.357 0 0 0 2 7.4c0 3.024 2.72 5.488 6.84 9.232L10 17.68l1.16-1.056C15.28 12.888 18 10.424 18 7.4 18 4.936 16.064 3 13.6 3Zm-3.52 12.44-.08.08-.08-.08C6.112 11.992 3.6 9.712 3.6 7.4c0-1.6 1.2-2.8 2.8-2.8 1.232 0 2.432.792 2.856 1.888h1.496C11.168 5.392 12.368 4.6 13.6 4.6c1.6 0 2.8 1.2 2.8 2.8 0 2.312-2.512 4.592-6.32 8.04Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "nonzero" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var FavoriteOnIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M13.6 3A4.79 4.79 0 0 0 10 4.672 4.79 4.79 0 0 0 6.4 3 4.357 4.357 0 0 0 2 7.4c0 3.024 2.72 5.488 6.84 9.232L10 17.68l1.16-1.056C15.28 12.888 18 10.424 18 7.4 18 4.936 16.064 3 13.6 3Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "nonzero" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var FeedbackClassifyIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M16.387 2c.872 0 1.57.698 1.613 1.57v9.59c0 .916-.74 1.614-1.613 1.614H5.183L2 18V3.613C2 2.698 2.698 2 3.57 2h12.817Zm-4.141 9.94-.306-2.616 1.745-1.831-2.486-.349-1.22-2.571-1.22 2.571-2.486.349 1.744 1.831-.306 2.66 2.223-1.44 2.312 1.396Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var FeedbackClassifyWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M16.387 2H3.57C2.698 2 2 2.698 2 3.613V18l3.183-3.226h11.204c.872 0 1.613-.698 1.613-1.613V3.57C17.957 2.698 17.26 2 16.387 2Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "m12.246 11.94-2.312-1.395-2.223 1.439.306-2.66-1.744-1.831 2.485-.349 1.22-2.571L11.2 7.144l2.486.349-1.745 1.831z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var FeedbackCompletedIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M10 2c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8Zm4 12.8H6v-1.6h8v1.6Zm-5.36-3.2L6 8.96l1.12-1.12 1.52 1.52 4.24-4.24L14 6.24 8.64 11.6Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "nonzero" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var FeedbackCompletedWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M10 2c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "nonzero" }),
+      React.createElement("path", { fill: "#FFF", d: "M14 14.8H6v-1.6h8zM8.64 11.6 6 8.96l1.12-1.12 1.52 1.52 4.24-4.24L14 6.24z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var FeedbackReportIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M16.386 2c.873 0 1.57.697 1.613 1.57v9.59c0 .916-.74 1.613-1.613 1.613H5.182L2 18V3.612C2 2.697 2.697 2 3.57 2h12.816Zm-4.01 10.375h2.049V9.193h-2.05v3.182Zm-3.227 0h2.05V4.397h-2.05v7.978Zm-3.618 0H7.58v-5.58H5.53v5.58Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var FeedbackReportWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M16.386 2H3.57C2.697 2 2 2.697 2 3.612V18l3.182-3.227h11.204c.873 0 1.613-.697 1.613-1.613V3.57C17.957 2.696 17.26 2 16.386 2Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "M12.376 12.375h2.049V9.193h-2.05zM9.15 12.375h2.049V4.397h-2.05zM5.531 12.375H7.58v-5.58H5.53z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var FeedbackReviewIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M14.781 11.635H8.782l1.609-1.613h4.39v1.613Zm-9.563 0V9.672l5.478-5.492c.174-.175.39-.175.564 0l1.391 1.395c.174.174.174.392 0 .566l-5.476 5.494H5.218ZM16.39 2H3.61c-.87 0-1.608.74-1.608 1.613V18l3.216-3.183H16.39c.87 0 1.608-.74 1.608-1.613V3.613C17.955 2.74 17.26 2 16.39 2Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var FeedbackReviewWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M16.39 2H3.61c-.87 0-1.608.74-1.608 1.613V18l3.216-3.183H16.39c.87 0 1.608-.74 1.608-1.613V3.613C17.955 2.74 17.26 2 16.39 2Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "M14.781 11.635H8.782l1.609-1.613h4.39zM5.218 11.635V9.672l5.478-5.492c.174-.175.39-.175.564 0l1.391 1.395c.174.174.174.392 0 .566l-5.476 5.494H5.218Z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var FeedbackShareIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M16.4 2A1.6 1.6 0 0 1 18 3.6v9.6a1.6 1.6 0 0 1-1.6 1.6H5.2L2 18l.008-14.4c0-.884.708-1.6 1.592-1.6h12.8Zm-5.511 8.92L14 8.014l-3.111-2.904v1.66C7.778 7.186 6.444 9.26 6 11.333c1.111-1.451 2.667-2.115 4.889-2.115v1.701Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var FeedbackShareWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M16.4 2H3.6c-.884 0-1.592.716-1.592 1.6L2 18l3.2-3.2h11.2a1.6 1.6 0 0 0 1.6-1.6V3.6A1.6 1.6 0 0 0 16.4 2Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "M10.889 10.92V9.217c-2.222 0-3.778.664-4.889 2.115.444-2.073 1.778-4.147 4.889-4.562V5.11L14 8.015l-3.111 2.904Z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var FileIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "m11.613 2 4.39 4.657V16.4a1.6 1.6 0 0 1-1.6 1.6H5.59a1.593 1.593 0 0 1-1.592-1.6l.008-12.8c0-.884.708-1.6 1.592-1.6h6.015Zm-.8 5.6h4.4l-4.4-4.4v4.4Zm-4 4h6.4V10h-6.4v1.6Zm0 3.2h6.4v-1.6h-6.4v1.6Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var FileWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M11.613 2H5.598c-.884 0-1.592.716-1.592 1.6l-.008 12.8c0 .884.708 1.6 1.592 1.6h8.812a1.6 1.6 0 0 0 1.6-1.6V6.657L11.613 2Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "M10.813 7.6V3.2l4.4 4.4zM6.813 11.6h6.4V10h-6.4zM6.813 14.8h6.4v-1.6h-6.4z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var FilterIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M2 14.444v1.778h5.333v-1.778H2ZM2 3.778v1.778h8.889V3.778H2ZM10.889 18v-1.778H18v-1.778h-7.111v-1.777H9.11V18h1.778ZM5.556 7.333v1.778H2v1.778h3.556v1.778h1.777V7.333H5.556ZM18 10.89V9.11H9.111v1.778H18Zm-5.333-3.556h1.777V5.556H18V3.778h-3.556V2h-1.777v5.333Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "nonzero" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var FlagOffIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M11.788 3.882h5.27v9.412h-6.587l-.377-1.882h-5.27V18H2.94V2h8.47l.377 1.882Zm-6.963-.004v5.668l7 .02.452 1.837h2.945l-.01-5.654h-4.86l-.515-1.871H4.825Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var FlagOffWhiteIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("path", { fill: "currentColor", d: "M11.788 3.882 11.412 2h-8.47v16h1.882v-6.588h5.27l.377 1.882h6.588V3.882z" }),
+      React.createElement("path", { fill: "#FFF", d: "M4.825 3.878h5.012l.515 1.871h4.86l.01 5.654h-2.945l-.451-1.837-7.001-.02z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var FlagOnIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M11.788 3.882 11.412 2h-8.47v16h1.882v-6.588h5.27l.377 1.882h6.588V3.882z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var FullIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M10 2c-4.416 0-8 3.584-8 8s3.584 8 8 8 8-3.584 8-8-3.584-8-8-8Zm0 14.4A6.398 6.398 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4 3.536 0 6.4 2.864 6.4 6.4 0 3.536-2.864 6.4-6.4 6.4Zm0-2.9a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Z", fillRule: "evenodd", clipRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var GridViewIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M6.008 15.016v-4h-4v4h4Zm5.986 0v-4h-4v4h4Zm5.991 0v-4h-4v4h4ZM6.008 9V5h-4v4h4Zm5.986 0V5h-4v4h4Zm1.991 0h4V5h-4v4Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var GuidanceIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M7.2 17.2c0 .44.36.8.8.8h3.2c.44 0 .8-.36.8-.8v-.8H7.2v.8ZM9.6 2A5.606 5.606 0 0 0 4 7.6c0 1.904.952 3.576 2.4 4.592V14c0 .44.36.8.8.8H12c.44 0 .8-.36.8-.8v-1.808A5.597 5.597 0 0 0 15.2 7.6c0-3.088-2.512-5.6-5.6-5.6Zm2.28 8.88-.68.48v1.84H8v-1.84l-.68-.48A3.997 3.997 0 0 1 5.6 7.6c0-2.208 1.792-4 4-4s4 1.792 4 4c0 1.304-.64 2.528-1.72 3.28Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "nonzero" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var HamburgerIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M2 16h16v-2H2v2Zm0-5h16V9H2v2Zm0-7v2h16V4H2Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "nonzero" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var HeatmapIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M11.305 1s.644 2.236.644 4.05c0 1.738-1.174 3.148-2.967 3.148a3.117 3.117 0 0 1-3.158-3.147l.026-.312a11.417 11.417 0 0 0-2.81 7.51C3.04 15.977 6.156 19 10 19s6.96-3.023 6.96-6.751c0-4.557-2.254-8.608-5.655-11.249M9.748 16.469c-1.548 0-2.793-1.19-2.793-2.65 0-1.368.896-2.33 2.436-2.633 1.54-.305 3.132-1.021 4.02-2.177.339 1.087.504 2.235.504 3.408 0 2.228-1.861 4.052-4.167 4.052" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var HeatmapWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M11.305 1s.644 2.236.644 4.05c0 1.738-1.174 3.148-2.967 3.148a3.117 3.117 0 0 1-3.158-3.147l.026-.312a11.417 11.417 0 0 0-2.81 7.51C3.04 15.977 6.156 19 10 19s6.96-3.023 6.96-6.751c0-4.557-2.254-8.608-5.655-11.249" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "M9.748 16.469c-1.548 0-2.793-1.19-2.793-2.65 0-1.368.896-2.33 2.436-2.633 1.54-.305 3.132-1.021 4.02-2.177.339 1.087.504 2.235.504 3.408 0 2.228-1.861 4.052-4.167 4.052" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var HierarchyIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M8.202 6.434h3.601V4.567h-3.6v1.867Zm.9.834v1.8H1.9v3.601h1.8v-1.8h5.402v1.8h1.801v-1.8h5.402v1.8h1.8v-3.6h-7.202V7.267h-1.8Zm6.302 8.169h3.601v-1.868h-3.6v1.868Zm-7.202 0h3.601v-1.868h-3.6v1.868Zm-7.202 0h3.601v-1.868H1v1.868Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var HomeIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M8.118 18v-5.647h3.764V18h4.706v-7.53h2.824L10 2 .588 10.47h2.824V18z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ImportIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M15.823 8.444A5.938 5.938 0 0 0 10 3.667 5.943 5.943 0 0 0 4.735 6.86 4.752 4.752 0 0 0 .5 11.583a4.749 4.749 0 0 0 4.75 4.75h10.292a3.96 3.96 0 0 0 3.958-3.958c0-2.09-1.627-3.784-3.677-3.93Zm-4.24 5.514H8.417v-3.166H6.042L10 6.833l3.958 3.959h-2.375v3.166Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ImportWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M15.823 8.444A5.938 5.938 0 0 0 10 3.667 5.943 5.943 0 0 0 4.735 6.86 4.752 4.752 0 0 0 .5 11.583a4.749 4.749 0 0 0 4.75 4.75h10.292a3.96 3.96 0 0 0 3.958-3.958c0-2.09-1.627-3.784-3.677-3.93Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "M11.583 13.958H8.417v-3.166H6.042L10 6.833l3.958 3.959h-2.375z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var IncreaseIndentIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M3 17v-1.633h14V17H3Zm0-3.791V6.81L6.209 10 3 13.209Zm6.183.7v-1.634H17v1.634H9.183ZM3 4.633V3h14v1.633H3Zm6.183 3.092V6.09H17v1.634H9.183Zm0 3.092V9.183H17v1.634H9.183Z" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var InformationIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M10 2c4.42 0 8 3.58 8 8s-3.58 8-8 8-8-3.58-8-8 3.58-8 8-8Zm-.8 5.6h1.6V6H9.2v1.6Zm0 6.4h1.6V9.2H9.2V14Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var InformationWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M10 2c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "M9.2 7.6h1.6V6H9.2zM9.2 14h1.6V9.2H9.2z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var InsightIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M7.603 10.8c0 1.328 1.072 2.4 2.4 2.4 1.328 0 2.4-1.072 2.4-2.4 0-1.328-1.072-2.4-2.4-2.4a2.397 2.397 0 0 0-2.4 2.4Zm8.4 5.272V6.8l-4.4-4.8H5.598c-.88 0-1.592.72-1.592 1.6l-.008 12.8c0 .88.712 1.6 1.592 1.6h8.812c.36 0 .68-.12.952-.32l-3.143-3.544A4.001 4.001 0 0 1 6.003 10.8c0-2.208 1.792-4 4-4s4 1.792 4 4c0 .816-.248 1.568-.664 2.2l2.663 3.072Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", transform: "translate(-4 -2)", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var InsightsIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { d: "M2.29 14.875a1.4 1.4 0 0 1-1.03-.429 1.41 1.41 0 0 1-.427-1.031c0-.402.143-.745.427-1.03a1.4 1.4 0 0 1 1.027-.427c.073 0 .144.004.213.01.07.008.16.025.271.053l4.167-4.167a1.985 1.985 0 0 1-.052-.27 2.14 2.14 0 0 1-.01-.214c0-.4.142-.742.428-1.026a1.41 1.41 0 0 1 1.031-.427c.402 0 .745.143 1.03.43.284.286.427.63.427 1.033 0 .024-.021.183-.063.474l2.292 2.292a1.99 1.99 0 0 1 .27-.052 2.077 2.077 0 0 1 .418 0c.069.007.16.024.27.052l3.334-3.334a1.977 1.977 0 0 1-.052-.27c-.007-.07-.01-.14-.01-.214 0-.4.142-.741.428-1.026a1.41 1.41 0 0 1 1.031-.427 1.4 1.4 0 0 1 1.03.429c.285.286.427.63.427 1.031 0 .402-.143.745-.427 1.03a1.4 1.4 0 0 1-1.027.427c-.072 0-.143-.004-.213-.01a1.986 1.986 0 0 1-.27-.053l-3.334 3.333c.028.112.045.202.052.271.007.07.01.14.01.213 0 .4-.143.742-.428 1.027a1.41 1.41 0 0 1-1.032.427c-.401 0-.744-.142-1.03-.427a1.4 1.4 0 0 1-.426-1.027c0-.072.003-.143.01-.213s.025-.16.052-.27L8.813 8.77a1.987 1.987 0 0 1-.271.052c-.07.007-.14.01-.214.01-.024 0-.182-.02-.474-.062l-4.166 4.166c.027.112.045.202.052.271.007.07.01.14.01.213 0 .4-.143.742-.429 1.027a1.41 1.41 0 0 1-1.031.427Zm1.043-9.208-.421-.912L2 4.333l.912-.422L3.333 3l.422.911.912.422-.912.422-.421.912ZM12.5 4.604l-.64-1.38-1.38-.64 1.38-.64.64-1.381.64 1.38 1.381.64-1.38.64-.64 1.381Z" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var InvisibleIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M10.003 5.497a4.094 4.094 0 0 1 4.092 4.093c0 .532-.107 1.03-.295 1.497l2.39 2.39a9.671 9.671 0 0 0 2.807-3.887c-1.416-3.593-4.91-6.139-9.003-6.139a9.53 9.53 0 0 0-3.257.573l1.768 1.768a3.972 3.972 0 0 1 1.498-.295ZM1.818 3.263 3.684 5.13l.377.377A9.66 9.66 0 0 0 1 9.59c1.416 3.592 4.91 6.138 9.003 6.138 1.268 0 2.48-.246 3.584-.688l.344.344 2.398 2.39 1.04-1.04L2.857 2.224l-1.04 1.04ZM6.344 7.79l1.269 1.269c-.041.171-.066.351-.066.532a2.452 2.452 0 0 0 2.456 2.455c.18 0 .36-.025.532-.066l1.268 1.269a4.057 4.057 0 0 1-1.8.434A4.094 4.094 0 0 1 5.91 9.59c0-.647.163-1.253.433-1.801Zm3.528-.638 2.578 2.578.016-.131a2.452 2.452 0 0 0-2.455-2.456l-.14.009Z", fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ItalicsIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M5 16v-1.749h2.79l3.464-8.502h-2.71V4H16v1.749h-2.79L9.745 14.25h2.71V16H5Z" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var KebabIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M-4 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2ZM8 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2ZM2 6C.9 6 0 6.9 0 8s.9 2 2 2 2-.9 2-2-.9-2-2-2Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", transform: "rotate(-90 7 5)", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var KioskIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M14.353 2h.314c.92 0 1.353.747 1.353 1.667v12.666c0 .92-.747 1.667-1.667 1.667H5.677c-.92 0-1.667-.747-1.667-1.667V3.667C4.01 2.747 4.757 2 5.677 2h8.676ZM5 14.667h10V4H5v10.667Zm4 1.666c0 .553.446 1 1 1s1-.447 1-1c0-.553-.446-1-1-1s-1 .447-1 1Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var KioskWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M14.353 2H5.677c-.92 0-1.667.747-1.667 1.667v12.666c0 .92.747 1.667 1.667 1.667h8.676c.92 0 1.667-.747 1.667-1.667V3.667c0-.92-.433-1.667-1.353-1.667h-.314Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "M5 14.667h10V4H5zM9 16.333c0-.553.446-1 1-1s1 .447 1 1c0 .553-.446 1-1 1s-1-.447-1-1Z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var LaunchIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M10 2c4.42 0 8 3.58 8 8s-3.58 8-8 8-8-3.58-8-8 3.58-8 8-8ZM8.4 13.6l4.8-3.6-4.8-3.6v7.2Z", fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var LaunchWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M10 2c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "M8.4 13.6V6.4l4.8 3.6z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var LeaderboardIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M16.4 10c0-.894.72-1.625 1.6-1.625v-3.25c0-.894-.72-1.625-1.6-1.625H3.6c-.88 0-1.592.731-1.592 1.625v3.25c.88 0 1.592.731 1.592 1.625s-.712 1.625-1.6 1.625v3.25c0 .894.72 1.625 1.6 1.625h12.8c.88 0 1.6-.731 1.6-1.625v-3.25c-.88 0-1.6-.731-1.6-1.625Zm-4.111 4.5-2.785-1.882L6.719 14.5l.84-3.37L5 8.927l3.298-.204L9.504 5.5l1.198 3.232L14 8.936l-2.56 2.201.849 3.363Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "nonzero" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ListViewIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M2 10.89h1.778V9.112H2v1.778Zm0 3.556h1.778v-1.778H2v1.778Zm0-7.112h1.778V5.556H2v1.778Zm3.556 3.556h12.446V9.112H5.556v1.778Zm0 3.556h12.446v-1.778H5.556v1.778Zm0-8.89v1.778h12.446V5.556H5.556Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var LiveIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { stroke: "#000", d: "M3.266 12.733c-2.6-2.6-2.6-6.866 0-9.466M5.2 10.8c-1.534-1.533-1.534-4.067 0-5.667", strokeWidth: "1.5", strokeLinejoin: "round", strokeLinecap: "round" }),
+    React.createElement("path", { fill: "currentColor", d: "M8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" }),
+    React.createElement("path", { stroke: "#000", d: "M10.8 5.2c1.533 1.533 1.533 4.067 0 5.667M12.733 3.267c2.6 2.6 2.6 6.8 0 9.4", strokeWidth: "1.5", strokeLinejoin: "round", strokeLinecap: "round" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var LockIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M14.667 7.333h-.762V5.81A3.81 3.81 0 0 0 10.095 2a3.81 3.81 0 0 0-3.81 3.81v1.523h-.761C4.686 7.333 4 8.02 4 8.857v7.62C4 17.313 4.686 18 5.524 18h9.143c.838 0 1.523-.686 1.523-1.524V8.857c0-.838-.685-1.524-1.523-1.524Zm-4.572 6.857a1.528 1.528 0 0 1-1.524-1.523c0-.838.686-1.524 1.524-1.524s1.524.686 1.524 1.524-.686 1.523-1.524 1.523Zm2.362-6.857H7.733V5.81a2.364 2.364 0 0 1 2.362-2.362 2.364 2.364 0 0 1 2.362 2.362v1.523Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "nonzero" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var LockWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M14.667 7.333h-.762V5.81A3.81 3.81 0 0 0 10.095 2a3.81 3.81 0 0 0-3.81 3.81v1.523h-.761C4.686 7.333 4 8.02 4 8.857v7.62C4 17.313 4.686 18 5.524 18h9.143c.838 0 1.523-.686 1.523-1.524V8.857c0-.838-.685-1.524-1.523-1.524Zm-2.21 0H7.733V5.81a2.364 2.364 0 0 1 2.362-2.362 2.364 2.364 0 0 1 2.362 2.362v1.523Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "nonzero" }),
+      React.createElement("path", { fill: "#FFF", d: "M10.095 14.19a1.528 1.528 0 0 1-1.524-1.523c0-.838.686-1.524 1.524-1.524s1.524.686 1.524 1.524-.686 1.523-1.524 1.523Z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var LogOutIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M9.556 13.667 14 9.5 9.556 5.333 8.302 6.508l2.294 2.159H2v1.666h8.596l-2.294 2.159 1.254 1.175ZM3.778 2C2.79 2 2 2.75 2 3.667V7h1.778V3.667h12.444v11.666H3.778V12H2v3.333C2 16.25 2.791 17 3.778 17h12.444C17.2 17 18 16.25 18 15.333V3.667C18 2.75 17.2 2 16.222 2H3.778Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var MaximizeIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M2 18v-7.018h1.965v3.697L14.679 3.965h-3.697V2H18v7.018h-1.965V5.32L5.321 16.035h3.697V18H2Z" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var MeatballsIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M4 8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var MinimizeIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M2.354 19 1 17.646l5.74-5.74H3.136V10H10v6.864H8.095V13.26L2.355 19ZM10 10V3.136h1.905V6.74L17.645 1 19 2.354l-5.74 5.74h3.604V10H10Z" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var MinusIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M13.996 10.833H6.011V9.167h7.985z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var NavigatorIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M12.01 3.997v1.858h2.786V8.64h1.857V3.997H12.01Zm-8.663 0V8.64h1.857V5.855H7.99V3.997H3.347Zm11.449 7.363v2.787H12.01v1.856h4.643V11.36h-1.857Zm-11.449 0v4.643H7.99v-1.856H5.204V11.36H3.347Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var NotificationIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M7.004 3.318 5.882 2.196a8.176 8.176 0 0 0-3.231 6.157H4.22a6.624 6.624 0 0 1 2.784-5.035Zm9.718 5.035h1.568a8.226 8.226 0 0 0-3.231-6.157l-1.114 1.122a6.663 6.663 0 0 1 2.777 5.035Zm-1.546.392c0-2.408-1.286-4.423-3.529-4.957v-.533c0-.651-.525-1.177-1.176-1.177-.651 0-1.177.526-1.177 1.177v.533c-2.25.534-3.53 2.541-3.53 4.957v3.922l-1.568 1.568v.785h12.55v-.785l-1.57-1.568V8.745Zm-4.705 8.628c.11 0 .211-.008.313-.032.51-.11.926-.455 1.13-.925.078-.189.117-.392.117-.612H8.894a1.58 1.58 0 0 0 1.577 1.569Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "nonzero" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var NumberedListIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M2.5 16.667v-.834h1.667v-.416h-.834v-.834h.834v-.416H2.5v-.834h2.521v3.334H2.5Zm.854-10v-2.5H2.5v-.834h1.688v3.334h-.834Zm-.854 5v-.75l1.479-1.75H2.5v-.834h2.521v.771l-1.5 1.729h1.5v.834H2.5Zm4.104 4.208v-1.75H17.5v1.75H6.604Zm0-5v-1.75H17.5v1.75H6.604Zm0-5v-1.75H17.5v1.75H6.604Z" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var NumberedListRtlIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M2.5 15.875v-1.75h10.875v1.75H2.5Zm0-5v-1.75h10.875v1.75H2.5Zm0-5v-1.75h10.875v1.75H2.5Zm12.479 10.792v-.834h1.667v-.416h-.834v-.834h.834v-.416h-1.667v-.834H17.5v3.334h-2.521Zm.854-10v-2.5h-.854v-.834h1.688v3.334h-.834Zm-.854 5v-.75l1.5-1.75h-1.5v-.834H17.5v.771l-1.479 1.729H17.5v.834h-2.521Z" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var OpenIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M15.361 2.636c.9 0 1.636.737 1.636 1.637v13.09c0 .9-.737 1.637-1.636 1.637H4.636c-.9 0-1.637-.736-1.637-1.636V4.273c0-.9.737-1.637 1.637-1.637h3.056A2.464 2.464 0 0 1 10 1c1.063 0 1.964.687 2.307 1.636h3.054ZM5.909 14.91h1.636V9.182H5.91v5.727Zm3.273 0h1.636V6.727H9.182v8.182Zm3.273 0h1.636v-3.273h-1.636v3.273ZM10.818 3.455A.821.821 0 0 0 10 2.636a.82.82 0 0 0-.818.819c0 .45.368.818.818.818.45 0 .818-.368.818-.818Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var OpenWhiteIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("path", { fill: "currentColor", d: "M15.361 2.636c.9 0 1.636.737 1.636 1.637v13.09c0 .9-.737 1.637-1.636 1.637H4.636c-.9 0-1.637-.736-1.637-1.636V4.273c0-.9.737-1.637 1.637-1.637h3.056A2.464 2.464 0 0 1 10 1c1.063 0 1.964.687 2.307 1.636h3.054Zm-4.543.819A.821.821 0 0 0 10 2.636a.82.82 0 0 0-.818.819c0 .45.368.818.818.818.45 0 .818-.368.818-.818Z" }),
+      React.createElement("path", { fill: "#FFF", d: "M5.91 14.91h1.635V9.181H5.91zM9.182 14.91h1.636V6.726H9.182zM12.455 14.91h1.636v-3.274h-1.636z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var OrganizationIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M10 5.6V2H1v16.2h18V5.6h-9ZM4.6 16.4H2.8v-1.8h1.8v1.8Zm0-3.6H2.8V11h1.8v1.8Zm0-3.6H2.8V7.4h1.8v1.8Zm0-3.6H2.8V3.8h1.8v1.8Zm3.6 10.8H6.4v-1.8h1.8v1.8Zm0-3.6H6.4V11h1.8v1.8Zm0-3.6H6.4V7.4h1.8v1.8Zm0-3.6H6.4V3.8h1.8v1.8Zm9 10.8H10v-1.8h1.8v-1.8H10V11h1.8V9.2H10V7.4h7.2v9Zm-1.8-7.2h-1.8V11h1.8V9.2Zm0 3.6h-1.8v1.8h1.8v-1.8Z" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ParticipationIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "m11.16 16.047-2.446-2.44.813-.813 1.633 1.626 2.976-2.982.813.813-3.79 3.796ZM16.433 4.23c-.638 0-1.011.531-1.011 1.165l-.186 3.684h-.4l.051-6.172c0-.633-.515-1.145-1.152-1.145-.637 0-1.152.512-1.152 1.145l-.204 6.187-.41-.01-.154-6.94C11.815 1.512 11.3 1 10.663 1c-.638 0-1.152.512-1.152 1.145L9.46 9.08h-.297l-.421-5.027c0-.634-.514-1.145-1.152-1.145-.637 0-1.152.511-1.152 1.145 0 0 .784 9.214.784 9.365 0 .23-.122.223-.437-.072-.202-.189-2.71-2.192-2.733-2.197-.924-.553-1.957.702-1.543 1.328.613.926 4.771 5.122 4.771 5.122C8.556 18.725 9.168 19 9.997 19l3.919-.073c1.689 0 3.123-1.843 3.123-2.737l.546-10.815c0-.633-.515-1.144-1.152-1.144Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", transform: "translate(-2 -1)", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ParticipationWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M16.433 4.23c-.638 0-1.011.532-1.011 1.166l-.186 3.684h-.4l.051-6.172c0-.633-.515-1.145-1.152-1.145-.637 0-1.152.512-1.152 1.145l-.204 6.187-.41-.01-.154-6.94C11.815 1.512 11.3 1 10.663 1c-.638 0-1.152.512-1.152 1.145L9.46 9.08h-.297l-.421-5.027c0-.634-.514-1.145-1.152-1.145-.637 0-1.152.511-1.152 1.145 0 0 .784 9.214.784 9.365 0 .23-.122.223-.437-.072-.202-.189-2.71-2.192-2.733-2.197-.924-.553-1.957.702-1.543 1.328.613.926 4.771 5.122 4.771 5.122C8.556 18.725 9.168 19 9.997 19l3.919-.073c1.689 0 3.123-1.843 3.123-2.737l.546-10.815c0-.633-.515-1.144-1.152-1.144Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "m11.16 16.047-2.446-2.44.813-.813 1.633 1.626 2.976-2.982.813.813z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var PauseIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M10 2c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8Zm-.8 11.2H7.6V6.8h1.6v6.4Zm3.2 0h-1.6V6.8h1.6v6.4Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var PauseWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M10 2c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "M9.2 13.2H7.6V6.8h1.6zM12.4 13.2h-1.6V6.8h1.6z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var PercentageIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M16.59 2 2.002 16.587l1.415 1.415L18.004 3.414 16.59 2ZM5.5 9.004c1.93 0 3.5-1.57 3.5-3.5s-1.57-3.5-3.5-3.5S2 3.574 2 5.504s1.57 3.5 3.5 3.5Zm0-5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5-1.5-.67-1.5-1.5.67-1.5 1.5-1.5Zm5.5 10.5c0-1.93 1.57-3.5 3.5-3.5s3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5-3.5-1.57-3.5-3.5Zm2 0c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5-.67-1.5-1.5-1.5-1.5.67-1.5 1.5Z", fillRule: "evenodd", clipRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var PermissionsIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M5.91 11.638c-.9 0-1.637-.737-1.637-1.637S5.01 8.364 5.91 8.364s1.637.737 1.637 1.637-.737 1.637-1.637 1.637Zm4.624-3.274A4.903 4.903 0 0 0 5.91 5.091 4.913 4.913 0 0 0 1 10c0 2.709 2.2 4.91 4.91 4.91a4.903 4.903 0 0 0 4.624-3.273h3.56v3.273h3.273v-3.273h1.636V8.364h-8.47Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var PersonIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M10.005 6c-1.069 0-3.2.536-3.2 1.6l-.01 4.878h1.61V18h3.2v-5.522h1.59l.01-4.878c0-1.064-2.133-1.6-3.2-1.6m0-.8a1.6 1.6 0 1 0 0-3.2 1.6 1.6 0 0 0 0 3.2" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var PhotoUploadIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M2.5 3.333v-2.5h1.667v2.5h2.5V5h-2.5v2.5H2.5V5H0V3.333h2.5Zm2.5 5v-2.5h2.5v-2.5h5.833L14.858 5H17.5c.917 0 1.667.75 1.667 1.667v10c0 .916-.75 1.666-1.667 1.666H4.167c-.917 0-1.667-.75-1.667-1.666V8.333H5Zm5.833 7.5c2.3 0 4.167-1.866 4.167-4.166 0-2.3-1.867-4.167-4.167-4.167a4.168 4.168 0 0 0-4.166 4.167c0 2.3 1.866 4.166 4.166 4.166Zm-2.666-4.166a2.664 2.664 0 0 0 2.666 2.666 2.664 2.664 0 0 0 2.667-2.666A2.664 2.664 0 0 0 10.833 9a2.664 2.664 0 0 0-2.666 2.667Z" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var PowerIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M9.111 10.889h1.778V2H9.11v8.889Zm6.076-6.965-1.258 1.258A6.21 6.21 0 0 1 16.222 10a6.223 6.223 0 0 1-12.444 0A6.21 6.21 0 0 1 6.07 5.182L4.813 3.924A7.972 7.972 0 0 0 2 10a8 8 0 0 0 16 0 7.972 7.972 0 0 0-2.813-6.076Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var PrintIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M5.2 6h9.6V2.8H5.2V6Zm10.4.8c1.328 0 2.4 1.072 2.4 2.4V14h-3.2v3.2H5.2V14H2V9.2c0-1.328 1.072-2.4 2.4-2.4h11.2Zm0 3.2c.44 0 .8-.36.8-.8 0-.44-.36-.8-.8-.8-.44 0-.8.36-.8.8 0 .44.36.8.8.8Zm-8.8 5.6h6.4v-4H6.8v4Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var PrintWhiteIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("path", { fill: "currentColor", d: "M15.6 6.8H4.4A2.397 2.397 0 0 0 2 9.2V14h3.2v3.2h9.6V14H18V9.2c0-1.328-1.072-2.4-2.4-2.4ZM5.2 6h9.6V2.8H5.2z" }),
+      React.createElement("path", { fill: "#FFF", d: "M15.6 10c-.44 0-.8-.36-.8-.8 0-.44.36-.8.8-.8.44 0 .8.36.8.8 0 .44-.36.8-.8.8ZM6.8 15.6h6.4v-4H6.8z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ProcessManagerIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M11 7.333H1V9h10V7.333ZM11 4H1v1.667h10V4ZM1 12.333h6.667v-1.666H1v1.666Zm16.25-3.75 1.25 1.25-5.825 5.834-3.758-3.75 1.25-1.25 2.508 2.5 4.575-4.584Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "nonzero" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var PromotionIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M9.992 2C14.415 2 18 5.584 18 10s-3.585 8-8.008 8C5.575 18 2 14.416 2 10s3.575-8 7.992-8Zm3.392 12.8-.896-3.856 2.984-2.584-3.936-.336L10 4.4 8.464 8.032l-3.936.336 2.983 2.584-.896 3.848L10 12.76l3.384 2.04Z", fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var PromotionWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M9.992 2C5.575 2 2 5.584 2 10s3.575 8 7.992 8C14.415 18 18 14.416 18 10s-3.585-8-8.008-8Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "M13.384 14.8 10 12.76 6.615 14.8l.896-3.848-2.983-2.584 3.936-.336L10 4.4l1.536 3.624 3.936.336-2.984 2.584z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var QuestionIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M10 2c4.415 0 8 3.584 8 8s-3.585 8-8 8c-4.416 0-8-3.584-8-8s3.584-8 8-8Zm2.456 7.4a2.546 2.546 0 0 0 .744-1.8 3.2 3.2 0 1 0-6.4 0h1.6c0-.88.72-1.6 1.6-1.6.88 0 1.6.72 1.6 1.6 0 .44-.176.84-.472 1.128l-.992 1.008A3.22 3.22 0 0 0 9.2 12v.4h1.6c0-1.2.36-1.68.936-2.264l.72-.736ZM9.2 15.6h1.6V14H9.2v1.6Z", fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var QuestionWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M10 2c-4.416 0-8 3.584-8 8s3.584 8 8 8c4.415 0 8-3.584 8-8s-3.585-8-8-8Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "m12.456 9.4-.72.736c-.576.584-.936 1.064-.936 2.264H9.2V12c0-.88.36-1.68.936-2.264l.992-1.008c.296-.288.472-.688.472-1.128 0-.88-.72-1.6-1.6-1.6-.88 0-1.6.72-1.6 1.6H6.8a3.2 3.2 0 1 1 6.4 0c0 .704-.288 1.344-.744 1.8ZM9.2 15.6h1.6V14H9.2z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var QuestionsIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M13 13H3v1.667h10V13Zm0-6.667H3V8h10V6.333Zm-10 5h15V9.667H3v1.666ZM3 18h15v-1.667H3V18ZM3 3v1.667h15V3H3Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "nonzero" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var RedoIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M15.832 9.209A9.168 9.168 0 0 0 9.764 6.92C5.673 6.92 2.21 9.587 1 13.274l2.081.687a7.035 7.035 0 0 1 6.683-4.84 6.97 6.97 0 0 1 4.502 1.659l-3.182 3.18h7.92V6.04L15.832 9.21Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var RefreshIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M15.831 10a5.79 5.79 0 0 1-1.706 4.121A5.79 5.79 0 0 1 10 15.83a5.789 5.789 0 0 1-4.123-1.709A5.79 5.79 0 0 1 4.17 10c0-1.558.607-3.022 1.708-4.123A5.794 5.794 0 0 1 10 4.17c1.415 0 2.75.505 3.808 1.42l-2.001 2.002 6.04.778-.778-6.04-1.728 1.727A7.926 7.926 0 0 0 10.001 2a7.954 7.954 0 0 0-5.657 2.343A7.95 7.95 0 0 0 2.001 10a7.962 7.962 0 0 0 2.343 5.658l.001-.001A7.949 7.949 0 0 0 10.002 18a7.942 7.942 0 0 0 5.656-2.343A7.941 7.941 0 0 0 18 10.162L15.831 10Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var RemoveLinkIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "m16.188 13.646-1.334-1.334c.57-.167 1-.462 1.292-.885A2.46 2.46 0 0 0 16.583 10c0-.695-.229-1.271-.687-1.729-.459-.459-1.035-.688-1.729-.688h-3.396v-1.75h3.396c1.153 0 2.135.406 2.948 1.219.812.813 1.218 1.795 1.218 2.948 0 .805-.198 1.524-.593 2.156a4.314 4.314 0 0 1-1.552 1.49Zm-2.855-2.854-1.666-1.667h1.666v1.667Zm3.105 8.041L1.167 3.562l1.229-1.229 15.271 15.271-1.229 1.229Zm-7.313-4.666H5.833c-1.153 0-2.135-.406-2.948-1.219-.812-.813-1.218-1.795-1.218-2.948 0-.972.298-1.83.895-2.573a4.178 4.178 0 0 1 2.25-1.469L5.354 6l1.084 1.583h-.605c-.694 0-1.27.23-1.729.688-.458.458-.687 1.034-.687 1.729 0 .695.229 1.271.687 1.729.459.459 1.035.688 1.729.688h3.292v1.75Zm-2.458-3.292v-1.75h1.312l1.75 1.75H6.667Z" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var RepeatsIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, fill: "currentColor", d: "M4 5h10v3l4-4-4-4v3H2v6h2V5zm10 10H4v-3l-4 4 4 4v-3h12v-6h-2v4z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ReportIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M8 18h4V2H8v16Zm6 0h4V7h-4v11ZM2 18h4v-8H2v8Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ReportSharingIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M8.223 6.89V3.335l-6.221 6.22 6.22 6.221v-3.643c4.444 0 7.554 1.422 9.776 4.532-.889-4.443-3.555-8.887-9.775-9.775Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", transform: "matrix(-1 0 0 1 20 0)", href: "#".concat(uniqueId), fillRule: "nonzero" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var RestoreIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M11.286 2C7.026 2 3.57 5.425 3.57 9.65H1l3.334 3.307.06.118L7.857 9.65H5.286c0-3.29 2.683-5.95 6-5.95s6 2.66 6 5.95-2.683 5.95-6 5.95a5.977 5.977 0 0 1-4.235-1.751l-1.217 1.207a7.708 7.708 0 0 0 5.452 2.244c4.26 0 7.714-3.425 7.714-7.65C19 5.425 15.546 2 11.286 2Zm-.857 4.25v4.25l3.668 2.159.617-1.028-3-1.769V6.25H10.43Z", fillRule: "nonzero" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var SaveIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M14.444 2H3.778C2.79 2 2 2.8 2 3.778v12.444C2 17.2 2.791 18 3.778 18h12.444C17.2 18 18 17.2 18 16.222V5.556L14.444 2ZM10 16.222a2.663 2.663 0 0 1-2.667-2.666A2.663 2.663 0 0 1 10 10.889a2.663 2.663 0 0 1 2.667 2.667A2.663 2.663 0 0 1 10 16.222Zm2.667-8.889h-8.89V3.778h8.89v3.555Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "nonzero" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var SearchIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M13.435 12.063h-.723l-.256-.247a5.92 5.92 0 0 0 1.437-3.87 5.946 5.946 0 1 0-5.947 5.947 5.92 5.92 0 0 0 3.87-1.437l.247.256v.723L16.637 18 18 16.637l-4.565-4.574Zm-5.489 0A4.111 4.111 0 0 1 3.83 7.946 4.111 4.111 0 0 1 7.946 3.83a4.111 4.111 0 0 1 4.117 4.116 4.111 4.111 0 0 1-4.117 4.117Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var SearchWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M13.435 12.063h-.723l-.256-.247a5.92 5.92 0 0 0 1.437-3.87 5.946 5.946 0 1 0-5.947 5.947 5.92 5.92 0 0 0 3.87-1.437l.247.256v.723L16.637 18 18 16.637l-4.565-4.574Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "M7.946 12.063A4.111 4.111 0 0 1 3.83 7.946 4.111 4.111 0 0 1 7.946 3.83a4.111 4.111 0 0 1 4.117 4.116 4.111 4.111 0 0 1-4.117 4.117Z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var SecurityTipIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M10.182 0 2 3.636v5.455C2 14.136 5.49 18.855 10.182 20c4.69-1.145 8.182-5.864 8.182-10.91V3.637L10.182 0Zm-.91 5.455h1.819v1.818H9.273V5.455Zm0 3.636h1.819v5.455H9.273V9.09Z" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var SendIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M2.008 3.143 2 8.475l11.425 1.523L2 11.52l.008 5.332 15.987-6.855z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var SendRtlIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M2.008 3.143 2 8.475l11.425 1.523L2 11.52l.008 5.332 15.987-6.855z" })
+    ),
+    React.createElement("use", { fill: "currentColor", transform: "matrix(-1 0 0 1 19.995 0)", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var SettingsIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M16.112 10.784c.033-.256.058-.512.058-.784s-.025-.528-.058-.784l1.736-1.32a.395.395 0 0 0 .098-.512l-1.645-2.768c-.098-.176-.32-.24-.501-.176l-2.048.8a6.051 6.051 0 0 0-1.39-.784l-.312-2.12A.4.4 0 0 0 11.646 2h-3.29a.398.398 0 0 0-.402.336l-.313 2.12c-.501.2-.962.472-1.39.784l-2.047-.8a.407.407 0 0 0-.502.176L2.057 7.384a.387.387 0 0 0 .099.512l1.736 1.32c-.033.256-.059.52-.059.784s.026.528.059.784l-1.736 1.32a.396.396 0 0 0-.099.512l1.645 2.768c.099.176.32.24.502.176l2.047-.8c.428.32.889.584 1.39.784l.313 2.12a.398.398 0 0 0 .403.336h3.29a.4.4 0 0 0 .403-.336l.312-2.12c.502-.2.962-.472 1.39-.784l2.048.8c.19.072.403 0 .501-.176l1.645-2.768a.395.395 0 0 0-.098-.512l-1.736-1.32Zm-6.11 2.016c-1.587 0-2.879-1.256-2.879-2.8 0-1.544 1.292-2.8 2.879-2.8S12.88 8.456 12.88 10c0 1.544-1.291 2.8-2.878 2.8Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var SettingsWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M16.112 10.784c.033-.256.058-.512.058-.784s-.025-.528-.058-.784l1.736-1.32a.395.395 0 0 0 .098-.512l-1.645-2.768c-.098-.176-.32-.24-.501-.176l-2.048.8a6.051 6.051 0 0 0-1.39-.784l-.312-2.12A.4.4 0 0 0 11.646 2h-3.29a.398.398 0 0 0-.402.336l-.313 2.12c-.501.2-.962.472-1.39.784l-2.047-.8a.407.407 0 0 0-.502.176L2.057 7.384a.387.387 0 0 0 .099.512l1.736 1.32c-.033.256-.059.52-.059.784s.026.528.059.784l-1.736 1.32a.396.396 0 0 0-.099.512l1.645 2.768c.099.176.32.24.502.176l2.047-.8c.428.32.889.584 1.39.784l.313 2.12a.398.398 0 0 0 .403.336h3.29a.4.4 0 0 0 .403-.336l.312-2.12c.502-.2.962-.472 1.39-.784l2.048.8c.19.072.403 0 .501-.176l1.645-2.768a.395.395 0 0 0-.098-.512l-1.736-1.32Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "M10.002 12.8c-1.587 0-2.879-1.256-2.879-2.8 0-1.544 1.292-2.8 2.879-2.8S12.88 8.456 12.88 10c0 1.544-1.291 2.8-2.878 2.8Z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ShareIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M14.82 13.31c-.611 0-1.158.24-1.575.618l-5.728-3.333c.041-.185.073-.37.073-.563 0-.193-.032-.378-.073-.562L13.18 6.17a2.404 2.404 0 0 0 4.05-1.76A2.407 2.407 0 0 0 14.82 2a2.407 2.407 0 0 0-2.41 2.41c0 .193.03.378.072.562l-5.662 3.3a2.4 2.4 0 0 0-1.64-.65 2.407 2.407 0 0 0-2.41 2.41 2.407 2.407 0 0 0 2.41 2.41 2.4 2.4 0 0 0 1.64-.65l5.719 3.34c-.04.17-.065.345-.065.522A2.349 2.349 0 0 0 14.82 18a2.35 2.35 0 0 0 2.345-2.346 2.349 2.349 0 0 0-2.345-2.345" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var SkipIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M10 2c4.42 0 8 3.58 8 8s-3.58 8-8 8-8-3.58-8-8 3.58-8 8-8ZM6.8 12.935l4.272-3.068L6.8 6.8v6.135ZM11.6 6.8v6.135h1.005V6.8H11.6Z", fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var SkipWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M10 2c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "m6.8 12.935 4.272-3.068L6.8 6.8zM11.6 6.8v6.135h1.005V6.8z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var SortAscendingIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "m6 12 4-4 4 4z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var SortDescendingIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "m5.833 8.333 4 4 4-4z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var SpinnerIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "none", d: "M0 0h100v100H0z", className: "bk" }),
+    React.createElement(
+      "rect",
+      { width: "6", height: "20", x: "47", y: "40", rx: "3", ry: "3", transform: "translate(0 -30)" },
+      React.createElement("animate", { attributeName: "opacity", begin: "-1s", dur: "1s", from: "1", repeatCount: "indefinite", to: "0" })
+    ),
+    React.createElement(
+      "rect",
+      { width: "6", height: "20", x: "47", y: "40", rx: "3", ry: "3", transform: "rotate(25.714 115.72 65)" },
+      React.createElement("animate", { attributeName: "opacity", begin: "-0.9285714285714286s", dur: "1s", from: "1", repeatCount: "indefinite", to: "0" })
+    ),
+    React.createElement(
+      "rect",
+      { width: "6", height: "20", x: "47", y: "40", rx: "3", ry: "3", transform: "rotate(51.429 81.148 65)" },
+      React.createElement("animate", { attributeName: "opacity", begin: "-0.8571428571428571s", dur: "1s", from: "1", repeatCount: "indefinite", to: "0" })
+    ),
+    React.createElement(
+      "rect",
+      { width: "6", height: "20", x: "47", y: "40", rx: "3", ry: "3", transform: "rotate(77.143 68.81 65)" },
+      React.createElement("animate", { attributeName: "opacity", begin: "-0.7857142857142857s", dur: "1s", from: "1", repeatCount: "indefinite", to: "0" })
+    ),
+    React.createElement(
+      "rect",
+      { width: "6", height: "20", x: "47", y: "40", rx: "3", ry: "3", transform: "rotate(102.857 61.962 65)" },
+      React.createElement("animate", { attributeName: "opacity", begin: "-0.7142857142857143s", dur: "1s", from: "1", repeatCount: "indefinite", to: "0" })
+    ),
+    React.createElement(
+      "rect",
+      { width: "6", height: "20", x: "47", y: "40", rx: "3", ry: "3", transform: "rotate(128.571 57.224 65)" },
+      React.createElement("animate", { attributeName: "opacity", begin: "-0.6428571428571429s", dur: "1s", from: "1", repeatCount: "indefinite", to: "0" })
+    ),
+    React.createElement(
+      "rect",
+      { width: "6", height: "20", x: "47", y: "40", rx: "3", ry: "3", transform: "rotate(154.286 53.424 65)" },
+      React.createElement("animate", { attributeName: "opacity", begin: "-0.5714285714285714s", dur: "1s", from: "1", repeatCount: "indefinite", to: "0" })
+    ),
+    React.createElement(
+      "rect",
+      { width: "6", height: "20", x: "47", y: "40", rx: "3", ry: "3", transform: "rotate(180 50 65)" },
+      React.createElement("animate", { attributeName: "opacity", begin: "-0.5s", dur: "1s", from: "1", repeatCount: "indefinite", to: "0" })
+    ),
+    React.createElement(
+      "rect",
+      { width: "6", height: "20", x: "47", y: "40", rx: "3", ry: "3", transform: "rotate(-154.286 46.576 65)" },
+      React.createElement("animate", { attributeName: "opacity", begin: "-0.42857142857142855s", dur: "1s", from: "1", repeatCount: "indefinite", to: "0" })
+    ),
+    React.createElement(
+      "rect",
+      { width: "6", height: "20", x: "47", y: "40", rx: "3", ry: "3", transform: "rotate(-128.571 42.776 65)" },
+      React.createElement("animate", { attributeName: "opacity", begin: "-0.35714285714285715s", dur: "1s", from: "1", repeatCount: "indefinite", to: "0" })
+    ),
+    React.createElement(
+      "rect",
+      { width: "6", height: "20", x: "47", y: "40", rx: "3", ry: "3", transform: "rotate(-102.857 38.038 65)" },
+      React.createElement("animate", { attributeName: "opacity", begin: "-0.2857142857142857s", dur: "1s", from: "1", repeatCount: "indefinite", to: "0" })
+    ),
+    React.createElement(
+      "rect",
+      { width: "6", height: "20", x: "47", y: "40", rx: "3", ry: "3", transform: "rotate(-77.143 31.19 65)" },
+      React.createElement("animate", { attributeName: "opacity", begin: "-0.21428571428571427s", dur: "1s", from: "1", repeatCount: "indefinite", to: "0" })
+    ),
+    React.createElement(
+      "rect",
+      { width: "6", height: "20", x: "47", y: "40", rx: "3", ry: "3", transform: "rotate(-51.429 18.852 65)" },
+      React.createElement("animate", { attributeName: "opacity", begin: "-0.14285714285714285s", dur: "1s", from: "1", repeatCount: "indefinite", to: "0" })
+    ),
+    React.createElement(
+      "rect",
+      { width: "6", height: "20", x: "47", y: "40", rx: "3", ry: "3", transform: "rotate(-25.714 -15.72 65)" },
+      React.createElement("animate", { attributeName: "opacity", begin: "-0.07142857142857142s", dur: "1s", from: "1", repeatCount: "indefinite", to: "0" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var StarOffIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "m18.667 8.033-5.992-.516L10.333 2 7.992 7.525 2 8.033l4.55 3.942-1.367 5.858 5.15-3.108 5.15 3.108-1.358-5.858 4.542-3.942Zm-8.334 5.134L7.2 15.058l.833-3.566-2.766-2.4 3.65-.317 1.416-3.358 1.425 3.366 3.65.317-2.766 2.4.833 3.567-3.142-1.9Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "nonzero" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var StarOnIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "m18.667 8.033-5.992-.516L10.333 2 7.992 7.525 2 8.033l4.55 3.942-1.367 5.858 5.15-3.108 5.15 3.108-1.358-5.858z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "nonzero" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var StartIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M6 4H4v12h2V4Zm3.7 5.17H18v1.66H9.7l2.98 3L11.5 15l-5-5 5-5 1.18 1.18-2.99 2.99Z" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var SubtractIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M10 2c4.42 0 8 3.58 8 8s-3.58 8-8 8-8-3.58-8-8 3.58-8 8-8Zm4 8.8V9.2H6v1.6h8Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var SubtractWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M10 2c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "M14 10.8H6V9.2h8z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var SuccessWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M10 2c-4.416 0-8 3.584-8 8s3.584 8 8 8 8-3.584 8-8-3.584-8-8-8Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "m8.4 14-4-4 1.128-1.128L8.4 11.736l6.072-6.072L15.6 6.8z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var SupportIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M10 14.5c-.92 0-1.776-.276-2.489-.75l-3.213 3.213A8.963 8.963 0 0 0 10 19a8.96 8.96 0 0 0 5.685-2.023l-3.215-3.215A4.482 4.482 0 0 1 10 14.5m6.963-10.201L13.75 7.51c.474.713.75 1.57.75 2.489 0 .913-.272 1.762-.738 2.471l3.215 3.215A8.967 8.967 0 0 0 19 10c0-2.164-.764-4.15-2.037-5.702M5.5 10c0-.913.272-1.762.738-2.471L3.023 4.314A8.965 8.965 0 0 0 1 10c0 2.164.764 4.15 2.037 5.701l3.213-3.213A4.484 4.484 0 0 1 5.5 10M10 5.5c.92 0 1.776.276 2.489.75l3.213-3.213A8.967 8.967 0 0 0 10 1a8.96 8.96 0 0 0-5.685 2.023l3.214 3.215A4.482 4.482 0 0 1 10 5.5" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var SurveysIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M12.193 2.454h3.251c.856 0 1.556.655 1.556 1.455v13.636c0 .8-.7 1.455-1.556 1.455H4.556C3.7 19 3 18.345 3 17.545V3.91c0-.8.7-1.455 1.556-1.455h3.25C8.134 1.611 8.99 1 10 1c1.01 0 1.867.61 2.193 1.454Zm-5.83 6.091h7.273V7.091H6.363v1.454Zm0 2.909h7.273V9.999H6.363v1.455Zm0 2.908h5.091v-1.454h-5.09v1.454ZM10 2.454a.73.73 0 0 0-.727.728c0 .4.327.727.727.727a.73.73 0 0 0 .726-.727.73.73 0 0 0-.726-.728Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var SurveysWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M12.193 2.454C11.867 1.611 11.011 1 10 1c-1.01 0-1.867.61-2.193 1.454H4.556C3.7 2.454 3 3.109 3 3.909v13.636c0 .8.7 1.455 1.556 1.455h10.888C16.3 19 17 18.345 17 17.545V3.91c0-.8-.7-1.455-1.556-1.455h-3.25Zm-2.193 0c.4 0 .726.327.726.728a.73.73 0 0 1-.726.727.73.73 0 0 1-.727-.727c0-.4.327-.728.727-.728Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "M6.363 8.545h7.273V7.091H6.363zM6.363 11.454h7.273V9.999H6.363zM6.363 14.362h5.091v-1.454h-5.09z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var SyncIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "m3.638 6.365 3.637 3.638H4.547a5.461 5.461 0 0 0 5.456 5.456c.919 0 1.792-.228 2.546-.637l1.328 1.327a7.216 7.216 0 0 1-3.874 1.128 7.273 7.273 0 0 1-7.275-7.274H0l3.638-3.638Zm11.82 3.638a5.46 5.46 0 0 0-5.455-5.457c-.919 0-1.791.227-2.547.637L6.13 3.855a7.214 7.214 0 0 1 3.874-1.128 7.273 7.273 0 0 1 7.275 7.276h2.728l-3.638 3.637-3.637-3.637h2.728Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var TagIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "m13.315 3.978-10.419.01a1.892 1.892 0 0 0-1.894 1.884v8.256c0 1.042.853 1.885 1.894 1.885l10.419.01c.635 0 1.203-.313 1.544-.796l4.139-5.239-4.14-5.215a1.888 1.888 0 0 0-1.543-.795Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var TasksIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M15.444 3H4.548c-.864 0-1.54.692-1.54 1.556L3 15.444C3 16.3 3.684 17 4.548 17h10.896C16.3 17 17 16.3 17 15.444V4.556C17 3.692 16.3 3 15.444 3Zm0 9.333h-3.11A2.335 2.335 0 0 1 10 14.667a2.335 2.335 0 0 1-2.333-2.334h-3.12V4.556h10.897v7.777Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "nonzero" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var TasksWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M15.444 3H4.548c-.864 0-1.54.692-1.54 1.556L3 15.444C3 16.3 3.684 17 4.548 17h10.896C16.3 17 17 16.3 17 15.444V4.556C17 3.692 16.3 3 15.444 3Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "nonzero" }),
+      React.createElement("path", { fill: "#FFF", d: "M15.444 12.333h-3.11A2.335 2.335 0 0 1 10 14.667a2.335 2.335 0 0 1-2.333-2.334h-3.12V4.556h10.897v7.777Z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var TemplateIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M12.307 2.636h3.061c.9 0 1.637.737 1.637 1.637v13.09c0 .9-.737 1.637-1.637 1.637H4.641c-.9 0-1.636-.736-1.636-1.636V4.273c0-.9.736-1.637 1.636-1.637h3.052A2.463 2.463 0 0 1 10 1c1.064 0 1.964.687 2.307 1.636Zm-.302 8.637h1.455V9.818h-1.455v1.455ZM9.182 3.455c0 .45.368.818.818.818a.82.82 0 0 0 .818-.818.82.82 0 0 0-.818-.819.82.82 0 0 0-.818.819Zm.106 7.818h1.454V9.818H9.288v1.455Zm-2.745 0h1.455V9.818H6.543v1.455Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var TemplateWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M9.182 3.455A.82.82 0 0 1 10 2.636a.82.82 0 0 1 .818.819.82.82 0 0 1-.818.818.82.82 0 0 1-.818-.818Zm3.125-.819A2.463 2.463 0 0 0 10 1a2.463 2.463 0 0 0-2.307 1.636H4.64c-.9 0-1.636.737-1.636 1.637v13.09c0 .9.736 1.637 1.636 1.637h10.727c.9 0 1.637-.736 1.637-1.636V4.273c0-.9-.737-1.637-1.637-1.637h-3.06Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "M12.005 11.273h1.455V9.818h-1.455zM9.288 11.273h1.454V9.818H9.288zM6.543 11.273h1.455V9.818H6.543z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var TextAnalyticsIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M3.57 2h12.817c.872 0 1.57.698 1.613 1.57v10.59c0 .916-.74 1.614-1.613 1.614H5.183L2 19V3.613C2 2.698 2.698 2 3.57 2ZM8 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm6 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm-3.5 4a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z", fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var TextAnalyticsWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M1.57 0C.698 0 0 .698 0 1.613V17l3.183-3.226h11.204c.872 0 1.613-.698 1.613-1.613V1.57C15.957.698 15.26 0 14.387 0H1.57Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", transform: "translate(2 2)", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("circle", { cx: "6", cy: "5", r: "3", fill: "#FFF" }),
+      React.createElement("circle", { cx: "12", cy: "6", r: "2", fill: "#FFF" }),
+      React.createElement("circle", { cx: "8.5", cy: "10.5", r: "1.5", fill: "#FFF" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ThumbsDownIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M5.91 3.183c-.566 0-1.05.341-1.254.832L2.597 8.821c-.061.156-.095.32-.095.497v1.364c0 .75.613 1.363 1.363 1.363h4.301L7.52 15.16l-.02.218c0 .28.115.539.3.723l.722.716 4.492-4.493c.245-.245.395-.586.395-.96V4.546c0-.75-.613-1.364-1.363-1.364H5.91Zm8.862 8.18h2.726v-8.18h-2.726v8.18Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var ThumbsUpIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M5.228 16.817v-8.18H2.502v8.18h2.726Zm10.907-8.862h-4.301l.647-3.115.02-.218c0-.28-.115-.539-.3-.723l-.722-.716-4.485 4.493a1.333 1.333 0 0 0-.402.96v6.817c0 .75.613 1.364 1.363 1.364h6.135c.566 0 1.05-.341 1.254-.832l2.059-4.806c.061-.156.095-.32.095-.497V9.318c0-.75-.613-1.363-1.363-1.363Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var TimeIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M10 2c4.4 0 8 3.6 8 8s-3.6 8-8 8-8-3.6-8-8 3.6-8 8-8Zm3.36 11.36.64-1.04-3.6-2.16V6H9.2v4.8l4.16 2.56Z", fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var TimeWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M10 2c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "M13.36 13.36 9.2 10.8V6h1.2v4.16l3.6 2.16z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var TranslationIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "m10.725 12.558-2.117-2.091.025-.025A14.6 14.6 0 0 0 11.725 5h2.442V3.333H8.333V1.667H6.667v1.666H.833v1.659h9.309A13.094 13.094 0 0 1 7.5 9.458a13.038 13.038 0 0 1-1.925-2.791H3.908a14.635 14.635 0 0 0 2.484 3.8L2.15 14.65l1.183 1.183L7.5 11.667l2.592 2.591.633-1.7Zm4.692-4.225H13.75l-3.75 10h1.667l.933-2.5h3.958l.942 2.5h1.667l-3.75-10Zm-2.184 5.834 1.35-3.609 1.35 3.609h-2.7Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "nonzero" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var TrashIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M13 2.889 12.143 2H7.857L7 2.889H4v1.778h12V2.889h-3ZM5.005 16.222c0 .982.767 1.778 1.714 1.778h6.562c.947 0 1.714-.796 1.714-1.778V5.556h-9.99v10.666Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var UnattributedIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M17.497 3.145c.825 0 1.5.686 1.5 1.523l-.008 10.664c0 .838-.667 1.523-1.492 1.523H2.503c-.825 0-1.5-.685-1.5-1.523V4.668c0-.837.675-1.523 1.5-1.523h14.994ZM7.001 5.43c-1.245 0-2.25 1.02-2.25 2.286C4.752 8.98 5.757 10 7.002 10s2.25-1.02 2.25-2.284C9.25 6.45 8.246 5.43 7 5.43Zm4.499 9.14v-.761c0-1.524-3-2.361-4.499-2.361-1.5 0-4.498.837-4.498 2.36v.763H11.5Zm2.535-2.107h1.125v-1.071h-1.125v1.071Zm2.29-4.15c.32-.307.522-.735.522-1.207 0-1.183-1.007-2.142-2.25-2.142-1.242 0-2.249.96-2.249 2.142h1.125c0-.588.506-1.07 1.125-1.07s1.124.482 1.124 1.07c0 .296-.123.563-.332.756l-.696.675a2.107 2.107 0 0 0-.659 1.516v.268h1.125c0-.803.254-1.125.659-1.516l.505-.493Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var UnattributedWhiteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M17.497 3.145H2.503c-.825 0-1.5.686-1.5 1.523v10.664c0 .838.675 1.523 1.5 1.523h14.994c.825 0 1.492-.685 1.492-1.523l.008-10.664c0-.837-.675-1.523-1.5-1.523Z" })
+    ),
+    React.createElement(
+      "g",
+      { fill: "none", fillRule: "evenodd" },
+      React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId) }),
+      React.createElement("path", { fill: "#FFF", d: "M7.001 5.43c1.245 0 2.25 1.02 2.25 2.286C9.25 8.98 8.246 10 7 10s-2.25-1.02-2.25-2.284c0-1.265 1.005-2.286 2.25-2.286ZM11.5 14.57H2.503v-.761c0-1.524 2.998-2.361 4.498-2.361s4.499.837 4.499 2.36v.763ZM14.035 12.463h1.125v-1.071h-1.125zM16.324 8.312l-.505.493c-.405.39-.66.713-.66 1.516h-1.124v-.268c0-.59.254-1.125.659-1.516l.696-.675c.209-.193.332-.46.332-.756 0-.588-.505-1.07-1.124-1.07-.619 0-1.125.482-1.125 1.07h-1.125c0-1.183 1.007-2.142 2.25-2.142 1.242 0 2.249.96 2.249 2.142 0 .472-.203.9-.523 1.206Z" })
+    )
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
 };
-GenericButton.displayName = "GenericButton";
-var renderCustomComponent = function(CustomComponent, props) {
-  var id = props.id, disabled = props.disabled, href = props.href, onClick = props.onClick, onFocus = props.onFocus, onBlur = props.onBlur, rest = __rest(props, ["id", "disabled", "href", "onClick", "onFocus", "onBlur"]);
-  var customProps = getCustomProps(rest);
-  return React.createElement(CustomComponent, __assign({ id, className: buttonClass(props), disabled, href, onClick, onFocus, onBlur, "aria-label": generateAriaLabel(props) }, customProps), renderContent(props));
+
+var UnderlineIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M10 13.667c-1.428 0-2.643-.486-3.643-1.459-1-.972-1.5-2.16-1.5-3.562V3h2.229v5.646c0 .791.282 1.465.846 2.021.564.555 1.253.833 2.068.833.815 0 1.504-.278 2.068-.833.564-.556.846-1.23.846-2.021V3h2.23v5.646c0 1.403-.5 2.59-1.5 3.562-1.001.973-2.216 1.459-3.644 1.459ZM4 17v-2h12v2H4Z" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
 };
-var renderButton = function(props, ref) {
-  var id = props.id, disabled = props.disabled, onClick = props.onClick, onMouseDown = props.onMouseDown, type = props.type, disableTabFocusAndIUnderstandTheAccessibilityImplications = props.disableTabFocusAndIUnderstandTheAccessibilityImplications, onFocus = props.onFocus, onBlur = props.onBlur, form = props.form, formAction = props.formAction, formMethod = props.formMethod, formEncType = props.formEncType, formTarget = props.formTarget, formNoValidate = props.formNoValidate, rest = __rest(props, ["id", "disabled", "onClick", "onMouseDown", "type", "disableTabFocusAndIUnderstandTheAccessibilityImplications", "onFocus", "onBlur", "form", "formAction", "formMethod", "formEncType", "formTarget", "formNoValidate"]);
-  var customProps = getCustomProps(rest);
-  return React.createElement("button", __assign({
-    // eslint-disable-next-line react/button-has-type
-    type,
-    id,
-    disabled,
-    className: buttonClass(props),
-    onClick,
-    onFocus,
-    onBlur,
-    onMouseDown: function(e) {
-      return onMouseDown && onMouseDown(e);
-    },
-    "aria-label": generateAriaLabel(props),
-    "aria-disabled": disabled || props.working ? true : void 0,
-    form,
-    formAction,
-    formMethod,
-    formEncType,
-    formTarget,
-    formNoValidate,
-    tabIndex: disableTabFocusAndIUnderstandTheAccessibilityImplications ? -1 : void 0,
-    ref
-  }, customProps), renderContent(props));
+
+var UndoIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M10.24 6.921A9.166 9.166 0 0 0 4.172 9.21L1 6.041v7.92h7.92L5.739 10.78A6.967 6.967 0 0 1 10.24 9.12c3.12 0 5.76 2.028 6.684 4.84l2.08-.686c-1.21-3.688-4.672-6.354-8.764-6.354" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
 };
-var renderLink = function(props, ref) {
-  var id = props.id, href = props.href, onClick = props.onClick, newTabAndIUnderstandTheAccessibilityImplications = props.newTabAndIUnderstandTheAccessibilityImplications, onFocus = props.onFocus, onBlur = props.onBlur, rest = __rest(props, ["id", "href", "onClick", "newTabAndIUnderstandTheAccessibilityImplications", "onFocus", "onBlur"]);
-  var customProps = getCustomProps(rest);
-  var target = newTabAndIUnderstandTheAccessibilityImplications ? "_blank" : "_self";
-  return React.createElement("a", __assign({ id, href, target, rel: target === "_blank" ? "noopener noreferrer" : void 0, className: buttonClass(props), onClick, onFocus, onBlur, ref, "aria-label": generateAriaLabel(props) }, customProps), renderContent(props));
+
+var UserAddIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M7.499 11.667C5.274 11.667.833 12.783.833 15v1.667h13.331V15c0-2.217-4.44-3.333-6.665-3.333Zm9.165-3.334v-2.5h-1.667v2.5h-2.5V10h2.5v2.5h1.667V10h2.5V8.333h-2.5ZM7.499 10a3.332 3.332 0 0 0 3.333-3.333 3.332 3.332 0 1 0-6.666 0A3.332 3.332 0 0 0 7.5 10Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
 };
-var buttonClass = function(props) {
-  var isDefault = !props.primary && !props.destructive && !props.secondary;
-  return classnames(styles$I.button, isDefault && styles$I["default"], props.primary && styles$I.primary, props.destructive && styles$I.destructive, props.secondary && styles$I.secondary, props.size && styles$I[props.size], props.reversed && styles$I.reversed, props.iconButton && styles$I.iconButton, props.working && styles$I.working, (props.directionalLink || props.paginationLink) && styles$I.circleButton, props.directionalLink && styles$I.directionalLink, props.paginationLink && styles$I.paginationLink, props.isActive && styles$I.isPaginationLinkActive, props.classNameOverride);
+
+var UserDeleteIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M7.694 10a3.332 3.332 0 1 1 0-6.665 3.332 3.332 0 1 1 0 6.665Zm8.332-2.011 1.767-1.767L18.97 7.4l-1.767 1.767 1.767 1.768-1.178 1.178-1.767-1.767-1.767 1.767-1.179-1.178 1.768-1.768L13.08 7.4l1.179-1.178 1.767 1.767Zm-8.332 3.677c2.225 0 6.665 1.117 6.665 3.333v1.666H1.03v-1.666c0-2.216 4.44-3.333 6.665-3.333Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
 };
-var renderLoadingSpinner = function() {
-  return React.createElement(
-    "div",
-    { className: styles$I.loadingSpinner },
-    React.createElement(LoadingSpinner, { accessibilityLabel: "", size: "sm" })
+
+var UserExitIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M7.5 11.667C5.275 11.667.833 12.783.833 15v1.667h13.334V15c0-2.217-4.442-3.333-6.667-3.333Zm9.52-3.372.872.872-.872.871.87-.871-.87-.872Zm-1.187-2.07-.882.882 1.431 1.435h-3.361v1.25h3.361l-1.431 1.434.882.882 2.942-2.941-2.942-2.942ZM7.5 10a3.332 3.332 0 1 0 0-6.667A3.332 3.332 0 1 0 7.5 10Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
   );
+  return React.createElement(SVG, __assign({}, props), svgContent);
 };
-var renderWorkingContent = function(props) {
-  if (props.workingLabelHidden) {
-    return React.createElement(
-      React.Fragment,
+
+var UserIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
       null,
-      React.createElement("span", { className: styles$I.hidden, "aria-hidden": "true" }, renderDefaultContent(props)),
-      React.createElement("span", { className: styles$I.centeredLoadingSpinner }, renderLoadingSpinner())
-    );
-  }
-  return React.createElement(
+      React.createElement("path", { id: uniqueId, d: "M10 12c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4m0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
+};
+
+var UserSelectIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
     React.Fragment,
     null,
-    props.iconPosition !== "end" && renderLoadingSpinner(),
-    React.createElement("span", { className: styles$I.label }, props.workingLabel),
-    props.additionalContent && React.createElement("span", { className: styles$I.additionalContentWrapper }, props.additionalContent),
-    props.iconPosition === "end" && renderLoadingSpinner()
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M6.876 10a3.332 3.332 0 1 1 0-6.665 3.332 3.332 0 1 1 0 6.665Zm12.913-3.063-5.138 5.146-3.316-3.308 1.104-1.103 2.212 2.206 4.036-4.044 1.102 1.103Zm-12.913 4.73c2.224 0 6.665 1.116 6.665 3.332v1.666H.21v-1.666c0-2.216 4.44-3.333 6.665-3.333Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
   );
+  return React.createElement(SVG, __assign({}, props), svgContent);
 };
-var renderDefaultContent = function(props) {
-  return React.createElement(
+
+var UserSettingsIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
     React.Fragment,
     null,
-    props.icon && props.iconPosition !== "end" && renderIcon(props.icon),
-    (!props.icon || !props.iconButton) && React.createElement("span", { className: styles$I.label }, props.label),
-    props.additionalContent && React.createElement("span", { className: styles$I.additionalContentWrapper }, props.additionalContent),
-    renderBadge(props),
-    props.icon && props.iconPosition === "end" && renderIcon(props.icon)
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M16.036 9.917a1.168 1.168 0 0 1-1.167-1.167c0-.643.524-1.166 1.167-1.166a1.168 1.168 0 0 1 0 2.333Zm2.477-.84c.012-.107.023-.217.023-.327 0-.11-.011-.22-.023-.326l.702-.55a.163.163 0 0 0 .04-.214l-.667-1.153a.162.162 0 0 0-.203-.073l-.83.333a2.542 2.542 0 0 0-.563-.327l-.127-.883a.163.163 0 0 0-.163-.14h-1.334a.162.162 0 0 0-.162.14l-.127.883c-.204.084-.39.194-.563.327l-.83-.333a.167.167 0 0 0-.203.073l-.668 1.153a.168.168 0 0 0 .04.214l.703.55a2.766 2.766 0 0 0-.022.326c0 .114.01.22.022.327l-.702.55a.168.168 0 0 0-.041.213l.668 1.154c.039.073.126.103.203.073l.83-.333c.172.13.359.243.563.326l.127.884c.01.08.08.14.162.14h1.334c.083 0 .153-.06.163-.14l.127-.884c.204-.083.39-.193.563-.326l.83.333c.073.027.164 0 .203-.073l.667-1.154a.167.167 0 0 0-.04-.213l-.702-.55ZM7.388 10a3.332 3.332 0 1 0 0-6.666 3.332 3.332 0 1 0 0 6.666Zm0 1.667C5.163 11.667.722 12.784.722 15v1.667h13.333V15c0-2.216-4.442-3.333-6.667-3.333Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
   );
+  return React.createElement(SVG, __assign({}, props), svgContent);
 };
-var renderBadge = function(props) {
-  if (!props.badge)
-    return null;
-  var _a = props.badge, text = _a.text, animateChange = _a.animateChange, reversed = _a.reversed, variant = _a.variant;
-  if (animateChange) {
-    return React.createElement(BadgeAnimated, { variant, reversed }, text);
-  }
-  return React.createElement(Badge, { variant, reversed }, text);
+
+var UserUpdateIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "m17.519 10.956 1.843-1.921H18.17c-.046-1.523-1.345-2.794-2.876-2.794a2.88 2.88 0 0 0-2.877 2.877c0 .686.247 1.351.7 1.878l.308.305a2.869 2.869 0 0 0 3.33.296l.092-.055-.752-.751-.052.022a1.853 1.853 0 0 1-2.6-1.695c0-1.02.83-1.85 1.85-1.85.993 0 1.807.785 1.85 1.767h-1.62l1.996 1.92Zm-10.019.71C5.275 11.666.834 12.784.834 15v1.666h13.333V15c0-2.217-4.442-3.334-6.667-3.334ZM7.5 10a3.333 3.333 0 1 0 .001-6.666 3.333 3.333 0 0 0 0 6.666Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
 };
-var renderContent = function(props) {
-  return React.createElement("span", { className: styles$I.content }, props.working ? renderWorkingContent(props) : renderDefaultContent(props));
+
+var UsersIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M13.6 9.6a1.994 1.994 0 0 0 1.991-2c0-1.104-.888-2-1.991-2a2 2 0 0 0 0 4m-6-.8a2.39 2.39 0 0 0 2.392-2.4 2.397 2.397 0 1 0-4.793 0c0 1.328 1.073 2.4 2.401 2.4m6 2.4c-1.464 0-4.4.736-4.4 2.2v1.8H18v-1.8c0-1.464-2.937-2.2-4.4-2.2m-6-.8c-1.865 0-5.6.936-5.6 2.8v2h5.6v-1.8c0-.68.264-1.872 1.896-2.776C8.8 10.48 8.128 10.4 7.6 10.4" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
 };
-var renderIcon = function(icon) {
-  return React.createElement("span", { className: styles$I.iconWrapper }, icon);
+
+var VisibleIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M9.831 3.75c-4.09 0-7.583 2.544-8.998 6.135 1.415 3.591 4.908 6.135 8.998 6.135 4.09 0 7.583-2.544 8.998-6.135-1.415-3.591-4.908-6.135-8.998-6.135Zm0 10.225a4.091 4.091 0 0 1-4.09-4.09 4.091 4.091 0 0 1 4.09-4.09 4.091 4.091 0 0 1 4.09 4.09 4.091 4.091 0 0 1-4.09 4.09Zm0-6.544a2.45 2.45 0 0 0-2.454 2.454 2.45 2.45 0 0 0 2.454 2.454 2.45 2.45 0 0 0 2.454-2.454 2.45 2.45 0 0 0-2.454-2.454Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
 };
-var generateAriaLabel = function(props) {
-  if (props.working && props.workingLabelHidden) {
-    return props.workingLabel;
-  }
-  if (props.iconButton) {
-    return props.label;
-  }
-  return void 0;
+
+var WritingIcon = function(props) {
+  var uniqueId = v4();
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(
+      "defs",
+      null,
+      React.createElement("path", { id: uniqueId, d: "M1 18.55h18.002V15.7H1v2.85ZM16.53 4.333a.689.689 0 0 0 0-1.009L14.78 1.66a.78.78 0 0 0-1.061 0L12.25 3.052l2.813 2.673 1.466-1.393Zm-2.216 2.105-2.813-2.672-7.5 7.126v2.672h2.812l7.501-7.126Z" })
+    ),
+    React.createElement("use", { fill: "currentColor", href: "#".concat(uniqueId), fillRule: "evenodd" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
 };
 
-var Button = forwardRef(function(props, ref) {
-  return React.createElement(GenericButton, __assign({}, props, { ref }));
-});
-Button.defaultProps = {
-  fullWidth: false,
-  primary: false,
-  secondary: false,
-  destructive: false,
-  disabled: false,
-  reversed: false,
-  iconPosition: "start",
-  newTabAndIUnderstandTheAccessibilityImplications: false
+var ZoomInIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M13.864 12.32h-.813l-.288-.277A6.66 6.66 0 0 0 14.38 7.69a6.69 6.69 0 1 0-6.69 6.69 6.66 6.66 0 0 0 4.354-1.617l.278.289v.813L17.467 19 19 17.467l-5.136-5.146Zm-6.174 0a4.625 4.625 0 0 1-4.632-4.63A4.625 4.625 0 0 1 7.69 3.058a4.625 4.625 0 0 1 4.63 4.632 4.625 4.625 0 0 1-4.63 4.63Zm.514-7.203H7.175v2.058H5.117v1.03h2.058v2.057h1.03V8.204h2.057V7.175H8.204V5.117Z" })
+  );
+  return React.createElement(SVG, __assign({}, props), svgContent);
 };
-Button.displayName = "Button";
 
-var ClearIcon = function(props) {
-  return React.createElement(
-    SVG,
-    __assign({}, props),
-    React.createElement("path", { fillRule: "evenodd", fill: "currentColor", d: "M10 2c-4.424 0-8 3.576-8 8 0 4.424 3.576 8 8 8 4.424 0 8-3.576 8-8 0-4.424-3.576-8-8-8Zm4 10.872L12.872 14 10 11.128 7.128 14 6 12.872 8.872 10 6 7.128 7.128 6 10 8.872 12.872 6 14 7.128 11.128 10 14 12.872Z" })
+var ZoomOutIcon = function(props) {
+  var svgContent = React.createElement(
+    React.Fragment,
+    null,
+    React.createElement("path", { fill: "currentColor", d: "M13.864 12.32h-.813l-.288-.277A6.66 6.66 0 0 0 14.38 7.69a6.69 6.69 0 1 0-6.69 6.69 6.66 6.66 0 0 0 4.354-1.617l.278.289v.813L17.467 19 19 17.467l-5.136-5.146Zm-6.174 0a4.625 4.625 0 0 1-4.632-4.63A4.625 4.625 0 0 1 7.69 3.058a4.625 4.625 0 0 1 4.63 4.632 4.625 4.625 0 0 1-4.63 4.63ZM5.117 7.176h5.145v1.03H5.117v-1.03Z" })
   );
+  return React.createElement(SVG, __assign({}, props), svgContent);
 };
 
 var styles$H = {"clearButton":"ClearButton-module_clearButton__CSOIc","default":"ClearButton-module_default__lBJxw","reversed":"ClearButton-module_reversed__0I2DC"};
@@ -304,24 +3866,6 @@ var BrandMoment = function(_a) {
 };
 BrandMoment.displayName = "BrandMoment";
 
-var ArrowRightIcon = function(props) {
-  return React.createElement(
-    SVG,
-    __assign({}, props),
-    React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "m12.5 5-1.179 1.179 2.987 2.987H2.5v1.667h11.808l-2.987 2.988L12.5 15l5-5.001z" })
-  );
-};
-ArrowRightIcon.displayName = "ArrowRightIcon";
-
-var EmailIcon = function(props) {
-  return React.createElement(
-    SVG,
-    __assign({}, props),
-    React.createElement("path", { fill: "currentColor", fillRule: "nonzero", d: "M16.4 3.5H3.6c-.88 0-1.592.72-1.592 1.6L2 14.7c0 .88.72 1.6 1.6 1.6h12.8c.88 0 1.6-.72 1.6-1.6V5.1c0-.88-.72-1.6-1.6-1.6Zm0 3.2-6.4 4-6.4-4V5.1l6.4 4 6.4-4v1.6Z" })
-  );
-};
-EmailIcon.displayName = "EmailIcon";
-
 var useErrorMessages = function(code) {
   var formatMessage = useIntl().formatMessage;
   var translationsMap = {
@@ -1057,22 +4601,6 @@ var FilterDatePicker = function(_a) {
 };
 FilterDatePicker.displayName = "FilterDatePicker";
 
-var ChevronDownIcon = function(props) {
-  return React.createElement(
-    SVG,
-    __assign({}, props),
-    React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M6.179 6.845 10 10.747l3.821-3.902L15 8.049l-5 5.106-5-5.106z" })
-  );
-};
-
-var ChevronUpIcon = function(props) {
-  return React.createElement(
-    SVG,
-    __assign({}, props),
-    React.createElement("path", { fillRule: "evenodd", fill: "currentColor", d: "M6.179 13.155 10 9.253l3.821 3.902 1.18-1.204L10 6.845l-5.001 5.106z" })
-  );
-};
-
 var isRefObject = function(ref) {
   return ref !== null && "current" in ref;
 };
@@ -1752,20 +5280,11 @@ var MenuLoadingSkeleton = function(_a) {
 };
 MenuLoadingSkeleton.displayName = "FilterMultiSelect.MenuLoadingSkeleton";
 
-var CheckIcon = function(props) {
-  return React.createElement(
-    SVG,
-    __assign({}, props),
-    React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "m8.333 14.342-4.166-4.167L5.342 9l2.991 2.983 6.325-6.325 1.175 1.184z" })
-  );
-};
-CheckIcon.displayName = "CheckIcon";
-
 var styles$m = {"icon":"MultiSelectOption-module_icon__rmfL-","option":"MultiSelectOption-module_option__1vbfi","badge":"MultiSelectOption-module_badge__VbnQR","isFocused":"MultiSelectOption-module_isFocused__XhwMs","isDisabled":"MultiSelectOption-module_isDisabled__FKH9f","badgeContainer":"MultiSelectOption-module_badgeContainer__6Xw7E","isSelected":"MultiSelectOption-module_isSelected__dXmuK"};
 
 var MultiSelectOption = function(_a) {
   var _b, _c, _d;
-  var item = _a.item;
+  var classNameOverride = _a.classNameOverride, item = _a.item;
   var state = useSelectionContext().selectionState;
   var ref = React.createRef();
   var _e = useOption({ key: item.key }, state, ref), optionProps = _e.optionProps, isSelected = _e.isSelected, isDisabled = _e.isDisabled;
@@ -1775,7 +5294,7 @@ var MultiSelectOption = function(_a) {
   }, []);
   return React.createElement(
     "li",
-    __assign({}, mergeProps(optionProps, focusProps), { ref, className: classnames(styles$m.option, isSelected && styles$m.isSelected, isFocusVisible && styles$m.isFocusVisible, isDisabled && styles$m.isDisabled), "aria-label": (_b = item.value) === null || _b === void 0 ? void 0 : _b.label, "aria-describedby": ((_c = item.value) === null || _c === void 0 ? void 0 : _c.count) ? countElementId : void 0 }),
+    __assign({}, mergeProps(optionProps, focusProps), { ref, className: classnames(styles$m.option, classNameOverride, isSelected && styles$m.isSelected, isFocusVisible && styles$m.isFocusVisible, isDisabled && styles$m.isDisabled), "aria-label": (_b = item.value) === null || _b === void 0 ? void 0 : _b.label, "aria-describedby": ((_c = item.value) === null || _c === void 0 ? void 0 : _c.count) ? countElementId : void 0 }),
     React.createElement("span", { className: classnames(styles$m.icon, isSelected && styles$m.isSelected) }, isSelected && React.createElement(CheckIcon, { role: "presentation" })),
     item.rendered,
     ((_d = item.value) === null || _d === void 0 ? void 0 : _d.count) && React.createElement(
@@ -1873,15 +5392,6 @@ var Root = function(_a) {
 };
 Root.displayName = "FilterMultiSelect";
 
-var SearchIcon = function(props) {
-  return React.createElement(
-    SVG,
-    __assign({}, props),
-    React.createElement("path", { id: "a", d: "M13.435 12.063h-.723l-.256-.247a5.92 5.92 0 0 0 1.437-3.87 5.946 5.946 0 1 0-5.947 5.947 5.92 5.92 0 0 0 3.87-1.437l.247.256v.723L16.637 18 18 16.637l-4.565-4.574Zm-5.489 0A4.111 4.111 0 0 1 3.83 7.946 4.111 4.111 0 0 1 7.946 3.83a4.111 4.111 0 0 1 4.117 4.116 4.111 4.111 0 0 1-4.117 4.117Z" })
-  );
-};
-SearchIcon.displayName = "SearchIcon";
-
 var styles$j = {"wrapper":"InputSearch-module_wrapper__hs-4L","input":"InputSearch-module_input__dNBbc","hasEndIconAdornment":"InputSearch-module_hasEndIconAdornment__AbK33","focusRing":"InputSearch-module_focusRing__IjP-5","startIconAdornment":"InputSearch-module_startIconAdornment__80-z0","loadingSpinner":"InputSearch-module_loadingSpinner__JrFST","endIconAdornment":"InputSearch-module_endIconAdornment__mgwQC","disabled":"InputSearch-module_disabled__gA9sy","default":"InputSearch-module_default__9VM-U","secondary":"InputSearch-module_secondary__ndOXK","reversed":"InputSearch-module_reversed__v8hfk"};
 
 var InputSearch = function(props) {
@@ -2320,15 +5830,6 @@ var FilterBarSelect = function(_a) {
 };
 FilterBarSelect.displayName = "FilterBarSelect";
 
-var AddIcon = function(props) {
-  return React.createElement(
-    SVG,
-    __assign({}, props),
-    React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M10 2c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8Zm4 8.8h-3.2V14H9.2v-3.2H6V9.2h3.2V6h1.6v3.2H14v1.6Z" })
-  );
-};
-AddIcon.displayName = "AddIcon";
-
 var AddFiltersMenu = function() {
   var _a = useFilterBarContext(), getInactiveFilters = _a.getInactiveFilters, showFilter = _a.showFilter;
   var inactiveFilters = getInactiveFilters();
@@ -3019,5 +6520,5 @@ var Workflow = Object.assign(WorkflowComponent, {
   Wrapper
 });
 
-export { Button, ClearButton$1 as ClearButton, ErrorPage, Filter, FilterBar, FilterBarProvider, FilterButton, FilterButtonRemovable, FilterContents, FilterDatePicker, FilterDatePickerField, FilterDateRangePicker, FilterMultiSelect, FilterSelect, InputSearch, KaizenProvider, MenuTriggerConsumer, MenuTriggerProvider, SelectionConsumer, SelectionProvider, ThemeContext, ThemeManager, ThemeProvider, Workflow, defaultTheme, getDateValidationHandler, getSelectedOptionKeys, getSelectedOptionLabels, getTruncatedLabels, heartTheme, useDateValidation, useFilterBarContext, useMenuTriggerContext, useSelectionContext, useTheme, validateDate };
+export { AcademyIcon, ActionOffIcon, ActionOffWhiteIcon, ActionOnIcon, AddIcon, AddLinkIcon, AddWhiteIcon, ArchivedIcon, ArchivedWhiteIcon, ArrowBackwardIcon, ArrowDownIcon, ArrowForwardIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BlankIcon, BoldIcon, BookmarkOffIcon, BookmarkOnIcon, BranchingIcon, BullettedListIcon, Button, CaMonogramIcon, CameraIcon, CautionIcon, CautionWhiteIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClearButton$1 as ClearButton, ClearIcon, ClearWhiteIcon, CloseIcon, ClosedIcon, ClosedWhiteIcon, CommentAddIcon, CommentAddWhiteIcon, CommentBankIcon, CommentDisabledIcon, CommentDisabledWhiteIcon, CommentIcon, CommentWhiteIcon, CommunicationsIcon, CompetencyLibraryIcon, ConfigureIcon, ConnectIcon, ConnectLineIcon, CustomIcon, DashboardIcon, DateEndIcon, DateEndWhiteIcon, DateRangeIcon, DateRangeWhiteIcon, DateStartIcon, DateStartWhiteIcon, DecreaseIndentIcon, DeltaBareIcon, DeltaBareWhiteIcon, DeltaFlatIcon, DeltaIcon, DeltaNegativeIcon, DeltaPositiveIcon, DeltaWhiteIcon, DemographicsIcon, DepartmentIcon, DraftIcon, DraftWhiteIcon, DragIcon, DuplicateIcon, EditIcon, EffectivenessIcon, EllipsisIcon, EmailIcon, EmptyIcon, EmptyWhiteIcon, EndIcon, EngagementIcon, EngagementWhiteIcon, EqualIcon, EqualWhiteIcon, ErrorPage, ExclamationIcon, ExclamationOctagonIcon, ExclamationOctagonWhiteIcon, ExclamationWhiteIcon, ExperienceIcon, ExportIcon, ExportWhiteIcon, ExternalLinkIcon, FaceDissatisfiedIcon, FaceDissatisfiedWhiteIcon, FaceNeutralIcon, FaceNeutralWhiteIcon, FaceSatisfiedIcon, FaceSatisfiedWhiteIcon, FaceVeryDissatisfiedIcon, FaceVeryDissatisfiedWhiteIcon, FaceVerySatisfiedIcon, FaceVerySatisfiedWhiteIcon, FactorsIcon, FavoriteOffIcon, FavoriteOnIcon, FeedbackClassifyIcon, FeedbackClassifyWhiteIcon, FeedbackCompletedIcon, FeedbackCompletedWhiteIcon, FeedbackReportIcon, FeedbackReportWhiteIcon, FeedbackReviewIcon, FeedbackReviewWhiteIcon, FeedbackShareIcon, FeedbackShareWhiteIcon, FileIcon, FileWhiteIcon, Filter, FilterBar, FilterBarProvider, FilterButton, FilterButtonRemovable, FilterContents, FilterDatePicker, FilterDatePickerField, FilterDateRangePicker, FilterIcon, FilterMultiSelect, FilterSelect, FlagOffIcon, FlagOffWhiteIcon, FlagOnIcon, FullIcon, GridViewIcon, GuidanceIcon, HamburgerIcon, HeatmapIcon, HeatmapWhiteIcon, HierarchyIcon, HomeIcon, ImportIcon, ImportWhiteIcon, IncreaseIndentIcon, IndicatorActiveIcon, IndicatorInactiveIcon, InformationIcon, InformationWhiteIcon, InputSearch, InsightIcon, InsightsIcon, InvisibleIcon, ItalicsIcon, KaizenProvider, KebabIcon, KioskIcon, KioskWhiteIcon, LaunchIcon, LaunchWhiteIcon, LeaderboardIcon, ListViewIcon, LiveIcon, LockIcon, LockWhiteIcon, LogOutIcon, MaximizeIcon, MeatballsIcon, MenuTriggerConsumer, MenuTriggerProvider, MinimizeIcon, MinusIcon, NavigatorIcon, NotificationIcon, NumberedListIcon, NumberedListRtlIcon, OpenIcon, OpenWhiteIcon, OrganizationIcon, ParticipationIcon, ParticipationWhiteIcon, PauseIcon, PauseWhiteIcon, PercentageIcon, PermissionsIcon, PersonIcon, PhotoUploadIcon, PowerIcon, PrintIcon, PrintWhiteIcon, ProcessManagerIcon, PromotionIcon, PromotionWhiteIcon, QuestionIcon, QuestionWhiteIcon, QuestionsIcon, RedoIcon, RefreshIcon, RemoveLinkIcon, RepeatsIcon, ReportIcon, ReportSharingIcon, RestoreIcon, SaveIcon, SearchIcon, SearchWhiteIcon, SecurityTipIcon, SelectionConsumer, SelectionProvider, SendIcon, SendRtlIcon, SettingsIcon, SettingsWhiteIcon, ShareIcon, SkipIcon, SkipWhiteIcon, SortAscendingIcon, SortDescendingIcon, SpinnerIcon, StarOffIcon, StarOnIcon, StartIcon, SubtractIcon, SubtractWhiteIcon, SuccessIcon, SuccessWhiteIcon, SupportIcon, SurveysIcon, SurveysWhiteIcon, SyncIcon, TagIcon, TasksIcon, TasksWhiteIcon, TemplateIcon, TemplateWhiteIcon, TextAnalyticsIcon, TextAnalyticsWhiteIcon, ThemeContext, ThemeManager, ThemeProvider, ThumbsDownIcon, ThumbsUpIcon, TimeIcon, TimeWhiteIcon, TranslationIcon, TrashIcon, UnattributedIcon, UnattributedWhiteIcon, UnderlineIcon, UndoIcon, UserAddIcon, UserDeleteIcon, UserExitIcon, UserIcon, UserSelectIcon, UserSettingsIcon, UserUpdateIcon, UsersIcon, VisibleIcon, Workflow, WritingIcon, ZoomInIcon, ZoomOutIcon, defaultTheme, getDateValidationHandler, getSelectedOptionKeys, getSelectedOptionLabels, getTruncatedLabels, heartTheme, useDateValidation, useFilterBarContext, useMenuTriggerContext, useSelectionContext, useTheme, validateDate };
 //# sourceMappingURL=index.js.map