@czi-sds/components 15.2.0 → 15.3.0

package/dist/index.esm.d.ts

@@ -878,7 +878,7 @@ type MenuSelectProps<T, Multiple extends boolean | undefined = undefined, Disabl
  * @see https://mui.com/material-ui/react-autocomplete/
  */
 declare const MenuSelect: <T extends DefaultMenuSelectOption, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined>(props: MenuSelectProps<T, Multiple, DisableClearable, FreeSolo>) => JSX.Element;
-interface NavigationJumpToExtraProps extends Omit<TabsProps, "indicatorColor" | "nonce" | "rev" | "rel" | "autoFocus" | "content">, CommonThemeProps {
+interface NavigationJumpToExtraProps extends Omit<TabsProps, "indicatorColor" | "nonce" | "rev" | "rel" | "autoFocus" | "content" | "onChange">, CommonThemeProps {
     sdsIndicatorColor?: "primary" | "error" | "info" | "success" | "warning" | "gray" | "beta";
 }
 interface NavigationJumpToProps extends NavigationJumpToExtraProps {
@@ -888,7 +888,7 @@ interface NavigationJumpToProps extends NavigationJumpToExtraProps {
         elementRef: React.MutableRefObject<HTMLElement | null>;
     }>;
     offsetTop?: number;
-    onChange?: (event: React.SyntheticEvent, value: number) => void;
+    onChange?: (value: number) => void;
 }
 declare const NavigationJumpTo: React.ForwardRefExoticComponent<Pick<NavigationJumpToProps, "className" | "style" | "classes" | "form" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "key" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "variant" | "theme" | "orientation" | "slotProps" | "slots" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar" | "sdsIndicatorColor" | "items" | "offsetTop"> & React.RefAttributes<HTMLButtonElement>>;
 interface NotificationProps {

package/dist/index.esm.js

@@ -585,7 +585,7 @@ var AccordionDetails = function (props) {
     return jsx(StyledAccordionDetails, { children: children });
 };
 
-var _path$1M, _path2$q, _path3$1;
+var _path$1M, _path2$r, _path3$2;
 function _extends$1T() { _extends$1T = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1T.apply(this, arguments); }
 var SvgIconBacteriaLarge = function SvgIconBacteriaLarge(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$1T({
@@ -596,9 +596,9 @@ var SvgIconBacteriaLarge = function SvgIconBacteriaLarge(props) {
     fillRule: "evenodd",
     d: "M11.188 13.473a1.793 1.793 0 1 1-3.585 0 1.793 1.793 0 0 1 3.585 0Zm-1.792.693a.693.693 0 1 0 0-1.385.693.693 0 0 0 0 1.385Z",
     clipRule: "evenodd"
-  })), _path2$q || (_path2$q = /*#__PURE__*/React.createElement("path", {
+  })), _path2$r || (_path2$r = /*#__PURE__*/React.createElement("path", {
     d: "M13.06 7.332a.938.938 0 1 0 0-1.877.938.938 0 0 0 0 1.877ZM11.72 11.128a.693.693 0 0 1 .221-.954l.947-.59a.693.693 0 1 1 .733 1.176l-.947.59a.693.693 0 0 1-.954-.222ZM9.312 8.534a.693.693 0 1 0 1.366-.228L10.45 6.94a.693.693 0 1 0-1.366.228l.228 1.367Z"
-  })), _path3$1 || (_path3$1 = /*#__PURE__*/React.createElement("path", {
+  })), _path3$2 || (_path3$2 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M13.932 2.232a5.174 5.174 0 0 0-2.462-.28L10.944.808a.693.693 0 1 0-1.259.58l.429.93a5.23 5.23 0 0 0-.518.253l-.582-.692a.693.693 0 0 0-1.061.891l.532.633c-.187.184-.36.382-.52.595l-.822-.269a.693.693 0 0 0-.431 1.317l.573.187-.028.073-2 5.413-.38-.32a.693.693 0 0 0-.89 1.06l.869.732c-.05.394-.054.789-.015 1.175l-.934.159a.693.693 0 1 0 .232 1.366l1.026-.174a5.19 5.19 0 0 0 2.18 2.588c-.078.16-.168.327-.265.506l-.013.026c-.158.292-.34.628-.465.962-.13.346-.23.766-.144 1.21.089.468.363.86.785 1.174.45.336.924.45 1.397.393.434-.053.818-.248 1.118-.419.14-.08.256-.15.364-.216.162-.099.304-.185.476-.272.254-.128.45-.186.626-.186.477 0 .681.16.77.252a.565.565 0 0 1 .113.172.7.7 0 0 0 1.354-.355l-.675.166.675-.166v-.002l-.001-.002-.001-.004-.003-.01-.006-.022a1.72 1.72 0 0 0-.095-.243 1.967 1.967 0 0 0-.349-.501c-.359-.376-.933-.685-1.782-.685-.487 0-.912.162-1.256.336-.211.106-.449.25-.649.37-.096.059-.184.111-.255.152-.27.154-.451.228-.595.245-.104.013-.22.002-.39-.125-.198-.148-.235-.255-.246-.314-.016-.084-.007-.222.08-.457.089-.236.227-.493.4-.813l.006-.013c.1-.186.212-.393.316-.61a5.184 5.184 0 0 0 3.84-.435l.708.844a.693.693 0 0 0 1.062-.89l-.645-.77a5.16 5.16 0 0 0 .94-1.211l1.127.096a.693.693 0 1 0 .118-1.38l-.68-.059 1.9-5.142a5.14 5.14 0 0 0 .066-.191l.605.223a.693.693 0 1 0 .48-1.3l-.832-.307a5.175 5.175 0 0 0-.05-.968l.807-.123a.693.693 0 1 0-.21-1.37l-.98.15a5.222 5.222 0 0 0-.516-.913l.684-.578a.693.693 0 0 0-.895-1.058l-.733.62a5.187 5.187 0 0 0-1.5-.86Zm-.36 11.927 2.12-5.737A3.796 3.796 0 0 0 8.57 5.79l-2.12 5.738a3.796 3.796 0 0 0 7.121 2.63Z",
     clipRule: "evenodd"
@@ -681,7 +681,7 @@ var SvgIconBookLarge = function SvgIconBookLarge(props) {
   })));
 };
 
-var _path$1H, _path2$p;
+var _path$1H, _path2$q;
 function _extends$1N() { _extends$1N = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1N.apply(this, arguments); }
 var SvgIconCheckCircleLarge = function SvgIconCheckCircleLarge(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$1N({
@@ -690,7 +690,7 @@ var SvgIconCheckCircleLarge = function SvgIconCheckCircleLarge(props) {
     height: 22
   }, props), _path$1H || (_path$1H = /*#__PURE__*/React.createElement("path", {
     d: "M15.92 7.982a.825.825 0 0 0-1.34-.964l-4.801 6.67-2.916-3.24a.825.825 0 1 0-1.226 1.104l3.662 4.069a.75.75 0 0 0 1.166-.063l5.455-7.576Z"
-  })), _path2$p || (_path2$p = /*#__PURE__*/React.createElement("path", {
+  })), _path2$q || (_path2$q = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M20.5 11a9.5 9.5 0 1 1-19 0 9.5 9.5 0 0 1 19 0Zm-1.45 0a8.05 8.05 0 1 1-16.1 0 8.05 8.05 0 0 1 16.1 0Z",
     clipRule: "evenodd"
@@ -850,7 +850,7 @@ var SvgIconCirclesOverlapLarge = function SvgIconCirclesOverlapLarge(props) {
   })));
 };
 
-var _path$1v, _path2$o;
+var _path$1v, _path2$p;
 function _extends$1B() { _extends$1B = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1B.apply(this, arguments); }
 var SvgIconCirclesOverlapSmall = function SvgIconCirclesOverlapSmall(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$1B({
@@ -861,7 +861,7 @@ var SvgIconCirclesOverlapSmall = function SvgIconCirclesOverlapSmall(props) {
     fillRule: "evenodd",
     d: "M7 10.914a4.594 4.594 0 1 1 0-7.828 4.594 4.594 0 1 1 0 7.828Zm-1.099-.945a3.244 3.244 0 1 1 0-5.939A4.576 4.576 0 0 0 4.813 7c0 1.132.41 2.169 1.088 2.97ZM8.1 4.031a3.244 3.244 0 1 1 0 5.939A4.575 4.575 0 0 0 9.187 7c0-1.132-.41-2.169-1.088-2.97ZM7 4.825c.52.575.838 1.338.838 2.175 0 .837-.318 1.6-.838 2.175A3.232 3.232 0 0 1 6.162 7c0-.837.318-1.6.838-2.175Z",
     clipRule: "evenodd"
-  })), _path2$o || (_path2$o = /*#__PURE__*/React.createElement("path", {
+  })), _path2$p || (_path2$p = /*#__PURE__*/React.createElement("path", {
     d: "M7.838 7c0-.837-.318-1.6-.838-2.175A3.232 3.232 0 0 0 6.162 7c0 .837.318 1.6.838 2.175.52-.575.838-1.338.838-2.175Z"
   })));
 };
@@ -880,7 +880,7 @@ var SvgIconCompassLarge = function SvgIconCompassLarge(props) {
   })));
 };
 
-var _path$1t, _path2$n;
+var _path$1t, _path2$o;
 function _extends$1z() { _extends$1z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1z.apply(this, arguments); }
 var SvgIconCopyLarge = function SvgIconCopyLarge(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$1z({
@@ -889,7 +889,7 @@ var SvgIconCopyLarge = function SvgIconCopyLarge(props) {
     height: 22
   }, props), _path$1t || (_path$1t = /*#__PURE__*/React.createElement("path", {
     d: "M5.526 16.883h6.566c.445 0 .794-.271.794-.617s-.349-.617-.794-.617H5.526c-.445 0-.794.271-.794.617s.35.617.794.617ZM12.092 14.287H5.526c-.438 0-.794-.28-.794-.626 0-.34.35-.608.794-.608h6.566c.438 0 .794.28.794.625 0 .341-.349.609-.794.609Z"
-  })), _path2$n || (_path2$n = /*#__PURE__*/React.createElement("path", {
+  })), _path2$o || (_path2$o = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M20.247 5.2c0-.202-.083-.4-.229-.544L16.053.657a.78.78 0 0 0-.544-.227H7.731c-.879 0-1.621.744-1.621 1.625v2.764H3.35c-.894 0-1.621.728-1.621 1.625V19.94c0 .897.727 1.626 1.621 1.626h10.916c.895 0 1.623-.73 1.623-1.626v-2.764h2.756c.88 0 1.624-.745 1.624-1.624l-.023-10.353ZM3.295 6.421c0-.03.026-.056.056-.056h7.006v3.2c0 .427.346.774.773.774h3.193v9.58c0 .028-.026.055-.056.055H3.35a.058.058 0 0 1-.056-.056V6.422Zm12.366 2.601-3.966-3.998a.779.779 0 0 0-.543-.228H7.675V2.055c0-.03.025-.056.056-.056h7.006v3.2c0 .427.346.774.772.774h3.194v9.579c0 .029-.026.056-.057.056H15.89V9.567c0-.2-.084-.4-.23-.544Zm-3.737-.252V7.455l1.314 1.316h-1.314Zm4.357-4.367V3.087l1.315 1.317H16.28Z",
     clipRule: "evenodd"
@@ -1014,7 +1014,7 @@ var SvgIconEditSmall = function SvgIconEditSmall(props) {
   })));
 };
 
-var _path$1j, _path2$m;
+var _path$1j, _path2$n;
 function _extends$1p() { _extends$1p = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1p.apply(this, arguments); }
 var SvgIconExclamationMarkCircleLarge = function SvgIconExclamationMarkCircleLarge(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$1p({
@@ -1025,7 +1025,7 @@ var SvgIconExclamationMarkCircleLarge = function SvgIconExclamationMarkCircleLar
     fillRule: "evenodd",
     d: "M11 13.32c-.607 0-1.241-.39-1.287-1.261l-.257-6v-.023c0-.853.693-1.546 1.545-1.546s1.545.693 1.545 1.546v.01a.22.22 0 0 1 0 .012l-.257 5.995A1.292 1.292 0 0 1 11 13.32Zm.415-6.97a.413.413 0 0 0-.825 0l.228 5.308c.01.175.064.205.184.205.053 0 .176-.02.185-.207l.228-5.306ZM9.75 14.5a1.78 1.78 0 0 1 1.251-.518 1.774 1.774 0 0 1 1.766 1.766A1.763 1.763 0 0 1 11 17.514c-.467 0-.922-.189-1.25-.517a1.779 1.779 0 0 1-.516-1.25c0-.464.188-.918.516-1.246Zm.781 1.725c.245.246.695.246.935.002A.666.666 0 0 0 11 15.086a.667.667 0 0 0-.47 1.139Z",
     clipRule: "evenodd"
-  })), _path2$m || (_path2$m = /*#__PURE__*/React.createElement("path", {
+  })), _path2$n || (_path2$n = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M20.5 11a9.5 9.5 0 1 1-19 0 9.5 9.5 0 0 1 19 0Zm-1.45 0a8.05 8.05 0 1 1-16.1 0 8.05 8.05 0 0 1 16.1 0Z",
     clipRule: "evenodd"
@@ -1046,7 +1046,7 @@ var SvgIconExclamationMarkCircleSmall = function SvgIconExclamationMarkCircleSma
   })));
 };
 
-var _path$1h, _path2$l, _path3;
+var _path$1h, _path2$m, _path3$1;
 function _extends$1n() { _extends$1n = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1n.apply(this, arguments); }
 var SvgIconExclamationmarkSpeechBubbleLarge = function SvgIconExclamationmarkSpeechBubbleLarge(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$1n({
@@ -1055,9 +1055,9 @@ var SvgIconExclamationmarkSpeechBubbleLarge = function SvgIconExclamationmarkSpe
     height: 22
   }, props), _path$1h || (_path$1h = /*#__PURE__*/React.createElement("path", {
     d: "M10.02 8.65a.95.95 0 1 0 1.9 0v-6.1a.95.95 0 0 0-1.9 0v6.1Z"
-  })), _path2$l || (_path2$l = /*#__PURE__*/React.createElement("path", {
+  })), _path2$m || (_path2$m = /*#__PURE__*/React.createElement("path", {
     d: "m9.79 16.866-3.187 2.903v-2.903H3.692V5.083H6.9a.74.74 0 0 0 0-1.483H3.27c-.58 0-1.05.47-1.05 1.05v12.625c0 .58.47 1.05 1.05 1.05h1.861v2.404c0 .914 1.087 1.392 1.76.774l3.46-3.178 8.375.001c.58 0 1.05-.47 1.05-1.05L19.774 4.65c0-.58-.47-1.05-1.05-1.05h-3.413a.741.741 0 0 0 0 1.483h2.991v11.783H9.79Z"
-  })), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
+  })), _path3$1 || (_path3$1 = /*#__PURE__*/React.createElement("path", {
     d: "m11.845 13.761-.004.004c-.208.212-.526.335-.872.335-.345 0-.669-.124-.885-.342a1.282 1.282 0 0 1-.364-.896 1.3 1.3 0 0 1 .364-.89c.235-.237.56-.372.886-.372.32 0 .642.133.884.376l.001.002a1.26 1.26 0 0 1-.01 1.783Z"
   })));
 };
@@ -1174,7 +1174,7 @@ var SvgIconFlaskLarge = function SvgIconFlaskLarge(props) {
   })));
 };
 
-var _path$19, _path2$k;
+var _path$19, _path2$l;
 function _extends$1e() { _extends$1e = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1e.apply(this, arguments); }
 var SvgIconFlaskPrivateLarge = function SvgIconFlaskPrivateLarge(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$1e({
@@ -1186,14 +1186,14 @@ var SvgIconFlaskPrivateLarge = function SvgIconFlaskPrivateLarge(props) {
     fillRule: "evenodd",
     d: "M11.867 17.252v-.216H4.723a.454.454 0 0 1-.456-.453.434.434 0 0 1 .082-.25l1.017-1.66h7.186a5.151 5.151 0 0 1 2.573-2.264L12.684 8.36V4.283a1.733 1.733 0 0 0 1.341-1.749v-.09c0-.97-.78-1.756-1.743-1.756H7.794A1.75 1.75 0 0 0 6.05 2.444v.09a1.733 1.733 0 0 0 1.342 1.729v4.076L4.39 13.308a.635.635 0 0 0-.228.362l-1.12 1.854a2.016 2.016 0 0 0 .629 2.739c.318.19.68.294 1.05.3h7.318a5.181 5.181 0 0 1-.173-1.31ZM8.81 8.987a.743.743 0 0 0 .118-.397V3.545a.77.77 0 0 0-.768-.767h-.366a.207.207 0 0 1-.208-.216v-.118c0-.117.092-.213.208-.216h4.488c.119 0 .215.096.215.216v.09c0 .12-.096.216-.215.216h-.366a.77.77 0 0 0-.76.767v5.045a.7.7 0 0 0 .11.39L13.79 13.1H6.286L8.81 8.987Z",
     clipRule: "evenodd"
-  })), _path2$k || (_path2$k = /*#__PURE__*/React.createElement("path", {
+  })), _path2$l || (_path2$l = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M16.844 11.688a5.156 5.156 0 1 1 0 10.312 5.156 5.156 0 0 1 0-10.313Zm.01 1.947c-.955 0-1.746.743-1.805 1.696v.605a.605.605 0 0 0-.605.598v2.407c0 .334.271.605.605.605h3.603a.598.598 0 0 0 .598-.605l.007-2.407a.598.598 0 0 0-.598-.598v-.605a1.808 1.808 0 0 0-1.805-1.696Zm-.01 3.284c.247 0 .447.2.447.447a.44.44 0 0 1-.227.378v.62a.22.22 0 0 1-.433 0v-.62a.426.426 0 0 1-.227-.378c0-.244.196-.443.44-.447Zm0-2.79a1.203 1.203 0 0 1 1.203 1.202v.605H15.64v-.605a1.21 1.21 0 0 1 1.203-1.203Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$18, _path2$j;
+var _path$18, _path2$k;
 function _extends$1d() { _extends$1d = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1d.apply(this, arguments); }
 var SvgIconFlaskPublicLarge = function SvgIconFlaskPublicLarge(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$1d({
@@ -1205,7 +1205,7 @@ var SvgIconFlaskPublicLarge = function SvgIconFlaskPublicLarge(props) {
     fillRule: "evenodd",
     d: "M11.867 17.252v-.216H4.723a.454.454 0 0 1-.456-.453.434.434 0 0 1 .082-.25l1.017-1.66h7.186a5.151 5.151 0 0 1 2.573-2.264L12.684 8.36V4.283a1.733 1.733 0 0 0 1.341-1.749v-.09c0-.97-.78-1.756-1.743-1.756H7.794A1.75 1.75 0 0 0 6.05 2.444v.09a1.733 1.733 0 0 0 1.342 1.729v4.076L4.39 13.308a.635.635 0 0 0-.228.362l-1.12 1.854a2.016 2.016 0 0 0 .629 2.739c.318.19.68.294 1.05.3h7.318a5.181 5.181 0 0 1-.173-1.31ZM8.81 8.987a.743.743 0 0 0 .118-.397V3.545a.77.77 0 0 0-.768-.767h-.366a.207.207 0 0 1-.208-.216v-.118c0-.117.092-.213.208-.216h4.488c.119 0 .215.096.215.216v.09c0 .12-.096.216-.215.216h-.366a.77.77 0 0 0-.76.767v5.045a.7.7 0 0 0 .11.39L13.79 13.1H6.286L8.81 8.987Z",
     clipRule: "evenodd"
-  })), _path2$j || (_path2$j = /*#__PURE__*/React.createElement("path", {
+  })), _path2$k || (_path2$k = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M17.26 11.704a5.156 5.156 0 1 0-.832 10.28 5.156 5.156 0 0 0 .832-10.28Zm.591.75c.2.047.398.104.591.172.107.073.226.127.351.158a4.371 4.371 0 0 1 1.45 1.093.2.2 0 0 1 .049.11.593.593 0 0 1 0 .289.523.523 0 0 0-.041.171.254.254 0 0 0 .199.22c.087.012.175.012.261 0a.165.165 0 0 1 .152.11c.038.117.091.227.158.33.198.484.31.998.33 1.52a.275.275 0 0 1-.07.192 1.933 1.933 0 0 0-.24.33c-.14.347-.317.676-.53.983a1.072 1.072 0 0 0-.288.413 2.067 2.067 0 0 0-.041.35c0 .049-.09.049-.138 0a2.655 2.655 0 0 1-.37-.859c-.042-.22-.09-.44-.152-.687a.894.894 0 0 0-.399-.53 1.991 1.991 0 0 0-.687-.103.811.811 0 0 1-.688-.247.522.522 0 0 1-.11-.303 1.375 1.375 0 0 1 .688-1.45c.061-.048.13-.07.192-.11a.468.468 0 0 0 .158-.461.062.062 0 0 0-.09-.048c-.128.04-.252.093-.37.158-.07 0-.138 0-.11-.069a2.514 2.514 0 0 1 .082-.687.956.956 0 0 0 0-.688.206.206 0 0 0-.137-.09h-.612a1.19 1.19 0 0 0 .282-.24.172.172 0 0 1 .13-.027Zm-2.22.062a.075.075 0 0 1 .11.048c.069.11.11.22.178.35.137.265.152.576.042.853-.152.31-.502.44-.79.598a4.028 4.028 0 0 0-1.472 1.313s-.041.069-.062.069a.076.076 0 0 1-.11-.048.536.536 0 0 1-.179-.152s-.082 0-.082.07a.687.687 0 0 0 .323.79c.05.02.096.047.137.082.083.11 0 .268 0 .4 0 .13.241.28.44.26.181-.035.357-.093.523-.172a1.32 1.32 0 0 1 1.19.152c.171.11.33.288.501.398a.853.853 0 0 0 .53.172c.04.001.078.016.11.041.05.191.01.394-.11.55-.149.166-.31.32-.482.461-.378.42-.46 1.059-.77 1.52-.071.085-.131.18-.178.281-.045.15-.059.306-.042.461 0 0 0 .069-.041.048a.874.874 0 0 1-.22-.09.144.144 0 0 1-.09-.11 5.934 5.934 0 0 0-.639-1.821 1.569 1.569 0 0 0-.481-.591c-.069-.049-.13-.09-.151-.159-.02-.068 0-.11 0-.15a1.691 1.691 0 0 0-.688-1.561.564.564 0 0 1-.22-.2c-.048-.082-.048-.22-.09-.302a1.317 1.317 0 0 0-.309-.268c-.04 0-.04-.062-.04-.11a4.468 4.468 0 0 1 3.162-3.183Z",
     clipRule: "evenodd"
@@ -1267,7 +1267,7 @@ var SvgIconGridLarge = function SvgIconGridLarge(props) {
   })));
 };
 
-var _path$13, _path2$i;
+var _path$13, _path2$j;
 function _extends$18() { _extends$18 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$18.apply(this, arguments); }
 var SvgIconGridPrivateLarge = function SvgIconGridPrivateLarge(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$18({
@@ -1279,14 +1279,14 @@ var SvgIconGridPrivateLarge = function SvgIconGridPrivateLarge(props) {
     fillRule: "evenodd",
     d: "M11.78 17.398H9.864v-2.944h2.534a4.61 4.61 0 0 1 1.301-1.507V10.62h2.944v1.164h.274c.343 0 .685.069.959.069v-9.86a.614.614 0 0 0-.616-.617H1.235c-.342 0-.548.274-.548.616v15.955c0 .343.274.616.617.616h10.682a3.198 3.198 0 0 1-.205-1.164Zm1.918-14.79h2.944v2.944h-2.944V2.608Zm0 4.245h2.944v2.534h-2.944V6.853ZM9.863 2.608h2.534v2.944H9.863V2.608Zm0 4.245h2.534v2.534H9.863V6.853Zm0 3.766h2.534v2.534H9.863v-2.534ZM4.796 17.4H1.852v-2.945h2.944v2.944Zm0-4.246H1.852v-2.534h2.944v2.534Zm0-3.766H1.852V6.853h2.944v2.534Zm0-3.835H1.852V2.608h2.944v2.944Zm3.835 11.846H6.097v-2.944h2.534v2.944Zm0-4.245H6.097v-2.534h2.534v2.534Zm0-3.766H6.097V6.853h2.534v2.534Zm0-3.835H6.097V2.608h2.534v2.944Z",
     clipRule: "evenodd"
-  })), _path2$i || (_path2$i = /*#__PURE__*/React.createElement("path", {
+  })), _path2$j || (_path2$j = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M16.844 11.688A5.15 5.15 0 0 1 22 16.843C22 19.663 19.663 22 16.844 22c-2.819 0-5.157-2.337-5.157-5.156 0-2.819 2.338-5.157 5.157-5.157Zm0 1.787c-.963 0-1.788.825-1.788 1.787v.62a.616.616 0 0 0-.618.618v2.406c0 .344.274.619.618.619h3.575a.616.616 0 0 0 .619-.619V16.5a.616.616 0 0 0-.619-.619v-.619c0-.962-.825-1.787-1.787-1.787Zm0 3.438c.275 0 .481.206.412.412 0 .206-.069.344-.206.413v.618c0 .138-.069.206-.206.206-.138 0-.207-.068-.207-.206v-.619c-.137-.137-.206-.274-.206-.412 0-.206.138-.412.413-.412Zm0-2.82c.687 0 1.237.55 1.168 1.238v.619h-2.406v-.619c0-.687.55-1.237 1.238-1.237Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$12, _path2$h;
+var _path$12, _path2$i;
 function _extends$17() { _extends$17 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$17.apply(this, arguments); }
 var SvgIconGridPublicLarge = function SvgIconGridPublicLarge(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$17({
@@ -1298,7 +1298,7 @@ var SvgIconGridPublicLarge = function SvgIconGridPublicLarge(props) {
     fillRule: "evenodd",
     d: "M11.78 17.398H9.864v-2.944h2.534a4.61 4.61 0 0 1 1.301-1.507V10.62h2.944v1.164h.274c.343 0 .685.069.959.069v-9.86a.614.614 0 0 0-.616-.617H1.235c-.342 0-.548.274-.548.616v15.955c0 .343.274.616.617.616h10.682a3.198 3.198 0 0 1-.205-1.164Zm1.918-14.79h2.944v2.944h-2.944V2.608Zm0 4.245h2.944v2.534h-2.944V6.853ZM9.863 2.608h2.534v2.944H9.863V2.608Zm0 4.245h2.534v2.534H9.863V6.853Zm0 3.766h2.534v2.534H9.863v-2.534ZM4.796 17.4H1.852v-2.945h2.944v2.944Zm0-4.246H1.852v-2.534h2.944v2.534Zm0-3.766H1.852V6.853h2.944v2.534Zm0-3.835H1.852V2.608h2.944v2.944Zm3.835 11.846H6.097v-2.944h2.534v2.944Zm0-4.245H6.097v-2.534h2.534v2.534Zm0-3.766H6.097V6.853h2.534v2.534Zm0-3.835H6.097V2.608h2.534v2.944Z",
     clipRule: "evenodd"
-  })), _path2$h || (_path2$h = /*#__PURE__*/React.createElement("path", {
+  })), _path2$i || (_path2$i = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M17.255 11.707c-3.15-.274-5.822 2.397-5.548 5.548.205 2.465 2.192 4.52 4.726 4.726 3.15.274 5.822-2.398 5.548-5.548-.206-2.534-2.192-4.59-4.726-4.726Zm.616.685.617.205c.137.069.205.137.342.137a4.47 4.47 0 0 1 1.438 1.096s.069.069.069.137v.274c0 .069-.069.137-.069.206 0 .137.137.205.206.205h.274c.068 0 .137.069.137.137.068.137.137.274.137.343.205.479.274.958.342 1.506 0 .069 0 .137-.068.206a1.491 1.491 0 0 0-.274.342c-.137.274-.274.685-.48.89-.137.138-.274.275-.274.412-.068.137 0 .274-.068.342 0 .069-.069.069-.137 0-.206-.274-.274-.548-.343-.822-.068-.205-.068-.41-.137-.685a1.065 1.065 0 0 0-.41-.548c-.206-.137-.48-.068-.685-.137-.274 0-.48-.068-.685-.274a.52.52 0 0 1-.137-.274c-.137-.548.205-1.164.685-1.438.068-.068.137-.068.205-.137.137-.137.206-.274.137-.48 0-.068-.069-.068-.069-.068-.136.069-.273.069-.342.137-.068 0-.137 0-.137-.068 0-.206 0-.411.069-.685.068-.274.137-.48 0-.685 0-.069-.069-.069-.137-.069h-.617a.534.534 0 0 0 .274-.274c.069.137.137.069.137.069Zm-2.192.068c.069 0 .069 0 .137.069.069.137.137.205.206.342.137.274.205.617.068.822-.137.274-.48.411-.753.617-.617.274-1.096.753-1.438 1.3l-.069.07c-.068 0-.068 0-.137-.07-.068-.068-.137-.068-.205-.136 0 0-.069 0-.069.068a.689.689 0 0 0 .343.754c.068 0 .068.068.137.068.068.137 0 .274 0 .411 0 .206.274.274.41.274.206 0 .343-.137.549-.205.41-.137.821-.069 1.164.137.205.137.342.274.48.41a.778.778 0 0 0 .547.206c.069 0 .069 0 .137.069.069.205 0 .41-.137.548-.137.205-.342.274-.48.479-.342.411-.479 1.027-.753 1.507-.068.068-.137.205-.205.274-.069.137-.069.274-.069.48 0 0 0 .068-.068.068-.069 0-.137-.069-.206-.069-.068 0-.068-.068-.068-.137a9.758 9.758 0 0 0-.616-1.849c-.137-.205-.274-.48-.48-.616-.068-.069-.137-.069-.137-.137v-.137a1.722 1.722 0 0 0-.685-1.576c-.068-.068-.205-.137-.205-.205 0-.069-.069-.206-.069-.274l-.274-.274c-.068 0-.068-.069-.068-.137.274-1.438 1.438-2.74 3.013-3.15Z",
     clipRule: "evenodd"
@@ -1317,7 +1317,7 @@ var SvgIconHouseSmall = function SvgIconHouseSmall(props) {
   })));
 };
 
-var _path$10, _path2$g;
+var _path$10, _path2$h;
 function _extends$15() { _extends$15 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$15.apply(this, arguments); }
 var SvgIconInfoCircleLarge = function SvgIconInfoCircleLarge(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$15({
@@ -1328,7 +1328,7 @@ var SvgIconInfoCircleLarge = function SvgIconInfoCircleLarge(props) {
     fillRule: "evenodd",
     d: "M12.251 7.503a1.78 1.78 0 0 1-1.25.519 1.774 1.774 0 0 1-1.766-1.766 1.763 1.763 0 0 1 1.766-1.766c.467 0 .922.188 1.25.516.328.328.516.784.516 1.25 0 .465-.188.92-.516 1.247Zm-.78-1.724c-.245-.247-.695-.247-.935-.002a.666.666 0 0 0 .465 1.141.667.667 0 0 0 .47-1.139ZM11.001 8.684c.608 0 1.5.39 1.545 1.261v6.023c0 .852-.693 1.546-1.545 1.546a1.547 1.547 0 0 1-1.545-1.546V9.95c.039-.823.95-1.266 1.545-1.266Zm-.414 6.97a.413.413 0 0 0 .825 0v-5.102c-.01-.174-.185-.411-.413-.411-.228 0-.403.227-.412.414v5.099Z",
     clipRule: "evenodd"
-  })), _path2$g || (_path2$g = /*#__PURE__*/React.createElement("path", {
+  })), _path2$h || (_path2$h = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M20.5 11a9.5 9.5 0 1 1-19 0 9.5 9.5 0 0 1 19 0Zm-1.45 0a8.05 8.05 0 1 1-16.1 0 8.05 8.05 0 0 1 16.1 0Z",
     clipRule: "evenodd"
@@ -1377,7 +1377,7 @@ var SvgIconLifeRingSmall = function SvgIconLifeRingSmall(props) {
   })));
 };
 
-var _path$Y, _path2$f;
+var _path$Y, _path2$g;
 function _extends$11() { _extends$11 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$11.apply(this, arguments); }
 var SvgIconLightBulbLarge = function SvgIconLightBulbLarge(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$11({
@@ -1388,7 +1388,7 @@ var SvgIconLightBulbLarge = function SvgIconLightBulbLarge(props) {
     fillRule: "evenodd",
     d: "M11.27 2.011c3.064.132 5.563 2.551 5.723 5.534a5.582 5.582 0 0 1-1.285 3.824c-.686.825-1.152 1.623-1.448 2.455l-.007.023v2.87a.82.82 0 0 1-.524.766c-.073.6-.619 2.47-1.185 2.47-.068.042-3.007.042-3.094 0-.616 0-1.112-1.859-1.185-2.45a.842.842 0 0 1-.524-.765v-2.891l-.007-.022c-.296-.832-.762-1.63-1.45-2.478A5.59 5.59 0 0 1 5 7.77c0-1.593.667-3.072 1.857-4.173 1.192-1.103 2.772-1.652 4.414-1.586Zm3.085 8.3c.64-.776.972-1.729.952-2.744-.105-2.077-1.88-3.814-4.08-3.914a4.341 4.341 0 0 0-3.173 1.136c-.85.799-1.323 1.851-1.323 2.98 0 .934.309 1.806.908 2.542.631.77 1.106 1.54 1.46 2.313h3.795c.355-.791.831-1.545 1.461-2.314Zm-1.811 5.585v-1.608H9.45v1.608h3.094Zm-2.282 2.52c.043.073 1.397.06 1.475 0 .101-.174.21-.658.252-.878h-1.983c.043.214.156.704.256.877Z",
     clipRule: "evenodd"
-  })), _path2$f || (_path2$f = /*#__PURE__*/React.createElement("path", {
+  })), _path2$g || (_path2$g = /*#__PURE__*/React.createElement("path", {
     d: "M11.908 5.933c0-.502-.407-.728-.908-.728a2.56 2.56 0 0 0-2.558 2.558c0 .501.29.907.79.907.46 0 .84-.341.9-.784l.008-.123c0-.372.393-.861.75-.914L11 6.84a.908.908 0 0 0 .908-.908Z"
   })));
 };
@@ -1835,7 +1835,7 @@ var SvgIconLoadingSmall = function SvgIconLoadingSmall(props) {
   }))));
 };
 
-var _path$R, _path2$e;
+var _path$R, _path2$f;
 function _extends$U() { _extends$U = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$U.apply(this, arguments); }
 var SvgIconLockCircleSmall = function SvgIconLockCircleSmall(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$U({
@@ -1844,7 +1844,7 @@ var SvgIconLockCircleSmall = function SvgIconLockCircleSmall(props) {
     height: 14
   }, props), _path$R || (_path$R = /*#__PURE__*/React.createElement("path", {
     d: "M7 3.267c-.933 0-1.68.746-1.68 1.68v.84h3.267v-.84c.093-.934-.654-1.68-1.587-1.68ZM7 7.093c-.373 0-.56.28-.56.56 0 .187.093.374.28.56v.84c0 .187.093.28.28.28.187 0 .28-.093.28-.28v-.84c.187-.093.28-.28.28-.56.093-.28-.187-.56-.56-.56Z"
-  })), _path2$e || (_path2$e = /*#__PURE__*/React.createElement("path", {
+  })), _path2$f || (_path2$f = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M7 0C3.173 0 0 3.173 0 7s3.173 7 7 7 7-3.173 7-7-3.08-7-7-7Zm3.267 9.8c0 .467-.374.84-.84.84H4.573a.836.836 0 0 1-.84-.84V6.533c0-.466.374-.84.84-.84v-.84c0-1.306 1.12-2.426 2.427-2.426s2.427 1.12 2.427 2.426v.84c.466 0 .84.374.84.84V9.8Z",
     clipRule: "evenodd"
@@ -1931,7 +1931,7 @@ var SvgIconPeopleSmall = function SvgIconPeopleSmall(props) {
   })));
 };
 
-var _path$K, _rect$3, _path2$d;
+var _path$K, _rect$3, _path2$e;
 function _extends$N() { _extends$N = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$N.apply(this, arguments); }
 var SvgIconPercentageSmall = function SvgIconPercentageSmall(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$N({
@@ -1947,7 +1947,7 @@ var SvgIconPercentageSmall = function SvgIconPercentageSmall(props) {
     y: 1.024,
     rx: 1,
     transform: "rotate(45 11.208 1.024)"
-  })), _path2$d || (_path2$d = /*#__PURE__*/React.createElement("path", {
+  })), _path2$e || (_path2$e = /*#__PURE__*/React.createElement("path", {
     d: "M3.026 4.526a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"
   })));
 };
@@ -2009,7 +2009,7 @@ var SvgIconPinSmall = function SvgIconPinSmall(props) {
   })));
 };
 
-var _path$G, _path2$c;
+var _path$G, _path2$d;
 function _extends$I() { _extends$I = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$I.apply(this, arguments); }
 var SvgIconPlayLarge = function SvgIconPlayLarge(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$I({
@@ -2020,7 +2020,7 @@ var SvgIconPlayLarge = function SvgIconPlayLarge(props) {
     fillRule: "evenodd",
     d: "M11 18.639A7.639 7.639 0 1 0 11 3.36a7.639 7.639 0 0 0 0 15.278Zm0 1.528a9.167 9.167 0 1 0 0-18.334 9.167 9.167 0 0 0 0 18.334Z",
     clipRule: "evenodd"
-  })), _path2$c || (_path2$c = /*#__PURE__*/React.createElement("path", {
+  })), _path2$d || (_path2$d = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M14.056 11.306 9.014 8.395v5.821l5.042-2.91Zm1.222 1.058a1.222 1.222 0 0 0 0-2.117l-5.959-3.44a1.222 1.222 0 0 0-1.833 1.059v6.88c0 .94 1.019 1.528 1.833 1.058l5.959-3.44Z",
     clipRule: "evenodd"
@@ -2054,7 +2054,7 @@ var SvgIconPlusSmall = function SvgIconPlusSmall(props) {
   })));
 };
 
-var _path$D, _path2$b;
+var _path$D, _path2$c;
 function _extends$F() { _extends$F = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$F.apply(this, arguments); }
 var SvgIconProjectPrivateLarge = function SvgIconProjectPrivateLarge(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$F({
@@ -2066,14 +2066,14 @@ var SvgIconProjectPrivateLarge = function SvgIconProjectPrivateLarge(props) {
     fillRule: "evenodd",
     d: "M20.009 5.294c-.137-.206-.343-.344-.548-.481l.068-.482c.137-1.237-.753-2.337-1.985-2.406H8.778c-.205 0-.41-.069-.548-.275L7.546.825C7.066.344 6.45 0 5.766 0H3.367c-.616 0-1.232.275-1.643.756-.48.482-.685 1.1-.616 1.788l.274 2.2c-.274.137-.548.275-.822.55a2.27 2.27 0 0 0-.548 1.719l.753 8.593A2.532 2.532 0 0 0 3.3 17.875h8.834c-.069-.275-.069-.55-.069-.825 0-.206 0-.481.069-.688H3.3c-.548 0-.959-.412-.959-.893L1.52 6.875c0-.206.069-.412.206-.55.137-.138.342-.275.548-.275h16.092c.206 0 .411.069.548.275a.782.782 0 0 1 .206.55l-.48 5.225c.548.138 1.027.412 1.438.688l.548-5.776c0-.618-.205-1.237-.616-1.718Zm-2.055-.756H2.89l-.274-2.2c0-.207.069-.413.206-.55.137-.138.342-.276.547-.276h2.397c.206 0 .411.07.548.276l.685.824c.41.55 1.027.825 1.712.825H17.2c.206 0 .41.07.548.207a.782.782 0 0 1 .205.55v.343Z",
     clipRule: "evenodd"
-  })), _path2$b || (_path2$b = /*#__PURE__*/React.createElement("path", {
+  })), _path2$c || (_path2$c = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M16.844 11.688A5.15 5.15 0 0 1 22 16.843C22 19.663 19.663 22 16.844 22c-2.819 0-5.157-2.337-5.157-5.156 0-2.819 2.338-5.157 5.157-5.157Zm0 1.787c-.963 0-1.788.825-1.788 1.787v.62a.616.616 0 0 0-.618.618v2.406c0 .344.274.619.618.619h3.575a.616.616 0 0 0 .619-.619V16.5a.616.616 0 0 0-.619-.619v-.619c0-.962-.825-1.787-1.787-1.787Zm0 3.438c.275 0 .481.206.412.412 0 .206-.069.344-.206.413v.618c0 .138-.069.206-.206.206-.138 0-.207-.068-.207-.206v-.619c-.137-.137-.206-.274-.206-.412 0-.206.138-.412.413-.412Zm0-2.82c.687 0 1.237.55 1.168 1.238v.619h-2.406v-.619c0-.687.55-1.237 1.238-1.237Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$C, _path2$a;
+var _path$C, _path2$b;
 function _extends$E() { _extends$E = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$E.apply(this, arguments); }
 var SvgIconProjectPublicLarge = function SvgIconProjectPublicLarge(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$E({
@@ -2085,7 +2085,7 @@ var SvgIconProjectPublicLarge = function SvgIconProjectPublicLarge(props) {
     fillRule: "evenodd",
     d: "M12.03 17.462v-.412c0-.206 0-.481.068-.688h-8.79c-.548 0-.96-.412-.96-.893l-.824-8.594c0-.206.068-.412.206-.55.137-.138.343-.275.549-.275h16.136c.206 0 .412.069.55.275a.781.781 0 0 1 .205.55l-.48 5.225c.274.069.48.138.686.275 0 0 .069 0 .069.069.206.137.412.206.618.343l.549-5.775a2.265 2.265 0 0 0-.55-1.718c-.137-.206-.343-.344-.549-.481l.069-.482c.137-1.237-.755-2.337-1.991-2.406H8.802c-.206 0-.412-.069-.55-.275L7.567.825C7.086.344 6.467 0 5.781 0H3.378C2.76 0 2.142.275 1.73.756c-.481.482-.687 1.1-.618 1.788l.274 2.2c-.274.137-.549.275-.824.55a2.266 2.266 0 0 0-.549 1.719l.755 8.593a2.536 2.536 0 0 0 2.54 2.269h8.858c-.068-.137-.068-.275-.137-.413ZM2.827 1.787c.138-.137.344-.274.55-.274H5.78c.206 0 .412.068.549.275l.687.824c.412.55 1.03.825 1.716.825h8.514c.206 0 .413.07.55.207a.781.781 0 0 1 .206.55l-.069.343H2.828l-.206-2.2c0-.206.069-.412.206-.55Z",
     clipRule: "evenodd"
-  })), _path2$a || (_path2$a = /*#__PURE__*/React.createElement("path", {
+  })), _path2$b || (_path2$b = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M17.255 11.707c-3.15-.274-5.822 2.397-5.548 5.548.205 2.465 2.192 4.52 4.726 4.726 3.15.274 5.822-2.398 5.548-5.548a5.138 5.138 0 0 0-4.726-4.726Zm.616.753.617.206c.137.068.205.137.342.137a4.47 4.47 0 0 1 1.438 1.096s.069.068.069.137v.274c0 .068-.069.136-.069.205 0 .137.137.205.206.205h.274c.068 0 .137.069.137.137.068.138.137.275.137.343.205.48.274.959.342 1.507 0 .068 0 .137-.068.205-.069.069-.206.206-.274.343-.137.274-.274.685-.48.89-.137.137-.274.274-.274.411-.068.137 0 .274-.068.342 0 .069-.069.069-.137 0-.206-.273-.274-.547-.343-.821-.068-.206-.068-.411-.137-.685a1.065 1.065 0 0 0-.41-.548c-.206-.137-.48-.069-.685-.137-.274 0-.48-.069-.685-.274a.52.52 0 0 1-.137-.274c-.137-.548.205-1.164.685-1.438.068-.069.137-.069.205-.137.137-.137.206-.274.137-.48 0-.068-.069-.068-.069-.068-.136.068-.273.068-.342.137-.068 0-.137 0-.137-.069 0-.205 0-.41.069-.685.068-.274.137-.48 0-.685 0-.068-.069-.068-.137-.068h-.617a.534.534 0 0 0 .274-.274c.069.068.069.068.137.068Zm-2.192.069c.069 0 .069 0 .137.068.069.137.137.206.206.343.137.274.205.616.068.822-.137.274-.48.41-.753.616-.617.274-1.096.754-1.438 1.301l-.069.069c-.068 0-.068 0-.137-.069-.068-.068-.137-.068-.205-.137 0 0-.069 0-.069.069a.689.689 0 0 0 .343.753c.068 0 .068.069.137.069.068.137 0 .274 0 .41 0 .206.274.275.41.275.138 0 .343-.137.549-.206.41-.137.821-.068 1.164.137.205.137.342.274.48.411a.778.778 0 0 0 .547.206c.069 0 .069 0 .137.068a.533.533 0 0 1-.137.548c-.137.206-.342.274-.48.48-.342.41-.479 1.027-.753 1.506-.068.069-.137.206-.205.274-.137.137-.137.274-.137.48 0 0 0 .068-.069.068-.068 0-.137-.068-.205-.068-.068 0-.068-.069-.068-.137a9.765 9.765 0 0 0-.617-1.85c-.137-.205-.274-.479-.48-.616-.068-.068-.136-.068-.136-.137v-.137a1.722 1.722 0 0 0-.685-1.575c-.069-.069-.206-.137-.206-.206-.068-.068-.068-.205-.068-.274l-.274-.274c-.069 0-.069-.068-.069-.137.274-1.506 1.507-2.74 3.082-3.15Z",
     clipRule: "evenodd"
@@ -2147,7 +2147,7 @@ var SvgIconRefreshSmall = function SvgIconRefreshSmall(props) {
   })));
 };
 
-var _path$x, _path2$9;
+var _path$x, _path2$a;
 function _extends$z() { _extends$z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$z.apply(this, arguments); }
 var SvgIconSaveLarge = function SvgIconSaveLarge(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$z({
@@ -2158,7 +2158,7 @@ var SvgIconSaveLarge = function SvgIconSaveLarge(props) {
     fillRule: "evenodd",
     d: "M14.649 13.332a3.648 3.648 0 1 1-7.297 0 3.648 3.648 0 0 1 7.296 0Zm-1.57 0a2.078 2.078 0 1 1-4.157 0 2.078 2.078 0 0 1 4.156 0Z",
     clipRule: "evenodd"
-  })), _path2$9 || (_path2$9 = /*#__PURE__*/React.createElement("path", {
+  })), _path2$a || (_path2$a = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M3 2a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V6.473a1 1 0 0 0-.293-.707l-3.473-3.473A1 1 0 0 0 15.527 2H3Zm12.677 1.956 2.753 2.753V18.43H3.57V3.57h2.75v3.45a1 1 0 0 0 1 1h7.357a1 1 0 0 0 1-1V3.956ZM7.89 6.45V3.57h6.217v2.88H7.89Z",
     clipRule: "evenodd"
@@ -2179,7 +2179,7 @@ var SvgIconSearchLarge = function SvgIconSearchLarge(props) {
   })));
 };
 
-var _path$v, _path2$8;
+var _path$v, _path2$9;
 function _extends$x() { _extends$x = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$x.apply(this, arguments); }
 var SvgIconSearchLinesHorizontalLarge = function SvgIconSearchLinesHorizontalLarge(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$x({
@@ -2188,14 +2188,14 @@ var SvgIconSearchLinesHorizontalLarge = function SvgIconSearchLinesHorizontalLar
     height: 22
   }, props), _path$v || (_path$v = /*#__PURE__*/React.createElement("path", {
     d: "M5.968 5.22a.75.75 0 1 0 0 1.5h3.998a.75.75 0 1 0 0-1.5H5.968ZM5.218 8.47a.75.75 0 0 1 .75-.75h5.997a.75.75 0 0 1 0 1.5H5.968a.75.75 0 0 1-.75-.75ZM5.968 10.22a.75.75 0 1 0 0 1.5h2.498a.75.75 0 0 0 0-1.5H5.968Z"
-  })), _path2$8 || (_path2$8 = /*#__PURE__*/React.createElement("path", {
+  })), _path2$9 || (_path2$9 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M13.576 3.372a7.211 7.211 0 0 1 .624 9.49c.025.02.05.042.073.065l6.188 6.189a.95.95 0 1 1-1.343 1.343l-6.188-6.188a.968.968 0 0 1-.067-.074 7.22 7.22 0 0 1-9.492-.625 7.21 7.21 0 0 1 0-10.2 7.218 7.218 0 0 1 10.205 0Zm-1.378 8.826a5.317 5.317 0 1 0-7.52-7.519 5.317 5.317 0 0 0 7.52 7.52Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$u, _path2$7;
+var _path$u, _path2$8;
 function _extends$w() { _extends$w = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$w.apply(this, arguments); }
 var SvgIconSearchLinesHorizontalSmall = function SvgIconSearchLinesHorizontalSmall(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$w({
@@ -2204,7 +2204,7 @@ var SvgIconSearchLinesHorizontalSmall = function SvgIconSearchLinesHorizontalSma
     height: 14
   }, props), _path$u || (_path$u = /*#__PURE__*/React.createElement("path", {
     d: "M3.495 2.935a.5.5 0 1 0 0 1h3a.5.5 0 0 0 0-1h-3ZM2.995 5.185a.5.5 0 0 1 .5-.5h4a.5.5 0 1 1 0 1h-4a.5.5 0 0 1-.5-.5ZM3.495 6.435a.5.5 0 1 0 0 1h2a.5.5 0 0 0 0-1h-2Z"
-  })), _path2$7 || (_path2$7 = /*#__PURE__*/React.createElement("path", {
+  })), _path2$8 || (_path2$8 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M8.785 1.685a5.022 5.022 0 0 1 .486 6.538c.026.02.052.043.076.067l4.221 4.222a.749.749 0 0 1-1.058 1.058L8.288 9.35a.756.756 0 0 1-.067-.077 5.022 5.022 0 1 1 .564-7.587ZM7.678 7.678a3.487 3.487 0 1 0-4.932-4.932 3.487 3.487 0 0 0 4.932 4.932Z",
     clipRule: "evenodd"
@@ -2281,7 +2281,7 @@ var SvgIconSquareOnDashedSquareLarge = function SvgIconSquareOnDashedSquareLarge
   })));
 };
 
-var _path$o, _path2$6;
+var _path$o, _path2$7;
 function _extends$q() { _extends$q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$q.apply(this, arguments); }
 var SvgIconStarLarge = function SvgIconStarLarge(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$q({
@@ -2292,7 +2292,7 @@ var SvgIconStarLarge = function SvgIconStarLarge(props) {
     fillRule: "evenodd",
     d: "m10.993 7.986-.586 1.41a1.7 1.7 0 0 1-1.434 1.041l-1.522.122 1.16.993a1.7 1.7 0 0 1 .547 1.686l-.354 1.485 1.303-.796a1.7 1.7 0 0 1 1.772 0l1.303.796-.354-1.485a1.7 1.7 0 0 1 .547-1.686l1.16-.993-1.522-.122a1.7 1.7 0 0 1-1.434-1.042l-.586-1.41Zm.923-1.556c-.341-.821-1.505-.821-1.846 0L9.068 8.839a.25.25 0 0 1-.211.153l-2.6.208c-.887.071-1.247 1.178-.571 1.757l1.981 1.697a.25.25 0 0 1 .08.248l-.605 2.537c-.206.865.735 1.55 1.494 1.085l2.227-1.36a.25.25 0 0 1 .26 0l2.227 1.36c.759.464 1.7-.22 1.494-1.085l-.606-2.537a.25.25 0 0 1 .08-.248l1.982-1.697c.675-.58.316-1.686-.57-1.757l-2.601-.208a.25.25 0 0 1-.21-.153L11.915 6.43Z",
     clipRule: "evenodd"
-  })), _path2$6 || (_path2$6 = /*#__PURE__*/React.createElement("path", {
+  })), _path2$7 || (_path2$7 = /*#__PURE__*/React.createElement("path", {
     d: "M10.268 1.935a.725.725 0 0 1 1.45 0v1.55a.725.725 0 0 1-1.45 0v-1.55ZM20.4 10.269a.725.725 0 0 1 0 1.45h-1.55a.725.725 0 0 1 0-1.45h1.55ZM17.224 3.733a.725.725 0 1 1 1.026 1.025l-1.096 1.096a.725.725 0 1 1-1.026-1.025l1.096-1.096ZM19.007 17.232a.725.725 0 0 1-1.026 1.026l-1.096-1.096a.725.725 0 1 1 1.026-1.026l1.096 1.096ZM10.268 18.503a.725.725 0 0 1 1.45 0v1.55a.725.725 0 1 1-1.45 0v-1.55ZM3.135 10.269a.725.725 0 0 1 0 1.45h-1.55a.725.725 0 0 1 0-1.45h1.55ZM4.078 16.136a.725.725 0 0 1 1.025 1.026l-1.096 1.096a.725.725 0 0 1-1.025-1.026l1.096-1.096ZM5.857 4.829A.725.725 0 1 1 4.83 5.854L3.735 4.758a.725.725 0 0 1 1.026-1.025l1.096 1.096Z"
   })));
 };
@@ -2322,7 +2322,7 @@ var SvgIconTableSmall = function SvgIconTableSmall(props) {
   })));
 };
 
-var _path$l, _rect$2, _rect2, _rect3, _path2$5;
+var _path$l, _rect$2, _rect2, _rect3, _path2$6;
 function _extends$n() { _extends$n = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$n.apply(this, arguments); }
 var SvgIconTrashCanLarge = function SvgIconTrashCanLarge(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$n({
@@ -2348,7 +2348,7 @@ var SvgIconTrashCanLarge = function SvgIconTrashCanLarge(props) {
     height: 9.217,
     rx: 0.4,
     transform: "rotate(2.511 -184.365 301.642) skewX(.151)"
-  })), _path2$5 || (_path2$5 = /*#__PURE__*/React.createElement("path", {
+  })), _path2$6 || (_path2$6 = /*#__PURE__*/React.createElement("path", {
     d: "M6.423 4.018a2 2 0 0 1 2-2h5.156a2 2 0 0 1 2 2v.594h2.661a.45.45 0 0 1 .45.45v.51a.45.45 0 0 1-.45.45H3.76a.45.45 0 0 1-.45-.45v-.51a.45.45 0 0 1 .45-.45h2.663v-.594Zm2.013-.582a.6.6 0 0 0-.6.6v.568h6.328v-.568a.6.6 0 0 0-.6-.6H8.436Z",
     clipRule: "evenodd"
   })));
@@ -2394,7 +2394,7 @@ var SvgIconTreeHorizontalLarge = function SvgIconTreeHorizontalLarge(props) {
   })));
 };
 
-var _path$h, _path2$4;
+var _path$h, _path2$5;
 function _extends$j() { _extends$j = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$j.apply(this, arguments); }
 var SvgIconTreeHorizontalPrivateLarge = function SvgIconTreeHorizontalPrivateLarge(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$j({
@@ -2406,14 +2406,14 @@ var SvgIconTreeHorizontalPrivateLarge = function SvgIconTreeHorizontalPrivateLar
     fillRule: "evenodd",
     d: "M12.568 14.575H8.847v-4.4h2.738a2.46 2.46 0 0 0 2.387 1.856c1.405 0 2.528-1.1 2.528-2.475s-1.123-2.475-2.528-2.475a2.46 2.46 0 0 0-2.387 1.856H8.847v-4.4h2.738c.281 1.1 1.264 1.788 2.387 1.788 1.405 0 2.528-1.1 2.528-2.475s-1.123-2.475-2.528-2.475c-1.123 0-2.176.825-2.387 1.925h-3.3c-.14 0-.28.069-.421.206-.14.138-.21.275-.21.413v5.018h-2.74a2.46 2.46 0 0 0-2.386-1.856C1.123 7.081 0 8.181 0 9.556v.069c.07 1.306 1.194 2.406 2.528 2.406a2.46 2.46 0 0 0 2.387-1.856h2.738v5.019c0 .343.281.618.632.618h3.721c.07-.48.281-.824.562-1.237Zm1.404-6.256c.703 0 1.264.55 1.264 1.237 0 .688-.562 1.307-1.264 1.307s-1.263-.55-1.263-1.307c-.07-.687.491-1.237 1.263-1.237Zm0-5.707c.703 0 1.264.55 1.264 1.307 0 .687-.562 1.237-1.264 1.237s-1.263-.55-1.263-1.237c-.07-.688.561-1.307 1.263-1.307Zm-11.515 8.25c-.702 0-1.263-.55-1.263-1.306 0-.687.561-1.237 1.263-1.237.703 0 1.334.55 1.334 1.237 0 .688-.631 1.307-1.334 1.307Z",
     clipRule: "evenodd"
-  })), _path2$4 || (_path2$4 = /*#__PURE__*/React.createElement("path", {
+  })), _path2$5 || (_path2$5 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M16.844 11.688A5.15 5.15 0 0 1 22 16.843C22 19.663 19.663 22 16.844 22c-2.819 0-5.157-2.337-5.157-5.156 0-2.819 2.338-5.157 5.157-5.157Zm0 1.787c-.963 0-1.788.825-1.788 1.787v.62a.616.616 0 0 0-.618.618v2.406c0 .344.274.619.618.619h3.575a.616.616 0 0 0 .619-.619V16.5a.616.616 0 0 0-.619-.619v-.619c0-.962-.825-1.787-1.787-1.787Zm0 3.438c.275 0 .481.206.412.412 0 .206-.069.344-.206.413v.618c0 .138-.069.206-.206.206-.138 0-.207-.068-.207-.206v-.619c-.137-.137-.206-.274-.206-.412 0-.206.138-.412.413-.412Zm0-2.82c.687 0 1.237.55 1.168 1.238v.619h-2.406v-.619c0-.687.55-1.237 1.238-1.237Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$g, _path2$3;
+var _path$g, _path2$4;
 function _extends$i() { _extends$i = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$i.apply(this, arguments); }
 var SvgIconTreeHorizontalPublicLarge = function SvgIconTreeHorizontalPublicLarge(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$i({
@@ -2425,7 +2425,7 @@ var SvgIconTreeHorizontalPublicLarge = function SvgIconTreeHorizontalPublicLarge
     fillRule: "evenodd",
     d: "M12.779 14.575H8.847v-4.4h2.738a2.46 2.46 0 0 0 2.387 1.856c1.405 0 2.528-1.1 2.528-2.475s-1.123-2.475-2.528-2.475a2.46 2.46 0 0 0-2.387 1.856H8.847v-4.4h2.738c.281 1.1 1.264 1.788 2.387 1.788 1.405 0 2.528-1.1 2.528-2.475s-1.123-2.475-2.528-2.475c-1.123 0-2.176.825-2.387 1.925h-3.3c-.14 0-.28.069-.421.206-.14.138-.21.275-.21.413v5.018h-2.74a2.46 2.46 0 0 0-2.386-1.856C1.123 7.081 0 8.181 0 9.556v.069c.07 1.306 1.194 2.406 2.528 2.406a2.46 2.46 0 0 0 2.387-1.856h2.738v5.019c0 .343.281.618.632.618h3.932c.07-.48.28-.893.562-1.237Zm1.193-6.256c.703 0 1.264.55 1.264 1.237 0 .688-.562 1.307-1.264 1.307s-1.263-.55-1.263-1.307c-.07-.687.491-1.237 1.263-1.237Zm0-5.707c.703 0 1.264.55 1.264 1.307 0 .687-.562 1.237-1.264 1.237s-1.263-.55-1.263-1.237c-.07-.688.561-1.307 1.263-1.307Zm-11.515 8.25c-.702 0-1.263-.55-1.263-1.306 0-.687.561-1.237 1.263-1.237.703 0 1.334.55 1.334 1.237 0 .688-.631 1.307-1.334 1.307Z",
     clipRule: "evenodd"
-  })), _path2$3 || (_path2$3 = /*#__PURE__*/React.createElement("path", {
+  })), _path2$4 || (_path2$4 = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M17.255 11.707c-3.15-.274-5.822 2.397-5.548 5.548.205 2.465 2.192 4.52 4.726 4.726 3.15.274 5.822-2.398 5.548-5.548-.206-2.534-2.192-4.59-4.726-4.726Zm.616.685.617.205c.137.069.205.137.342.137a4.47 4.47 0 0 1 1.438 1.096s.069.069.069.137v.274c0 .069-.069.137-.069.206 0 .137.137.205.206.205h.274c.068 0 .137.069.137.137.068.137.137.274.137.343.205.479.274.958.342 1.506 0 .069 0 .137-.068.206a1.491 1.491 0 0 0-.274.342c-.137.274-.274.685-.48.89-.137.138-.274.275-.274.412-.068.137 0 .274-.068.342 0 .069-.069.069-.137 0-.206-.274-.274-.548-.343-.822-.068-.205-.068-.41-.137-.685a1.065 1.065 0 0 0-.41-.548c-.206-.137-.48-.068-.685-.137-.274 0-.48-.068-.685-.274a.52.52 0 0 1-.137-.274c-.137-.548.205-1.164.685-1.438.068-.068.137-.068.205-.137.137-.137.206-.274.137-.48 0-.068-.069-.068-.069-.068-.136.069-.273.069-.342.137-.068 0-.137 0-.137-.068 0-.206 0-.411.069-.685.068-.274.137-.48 0-.685 0-.069-.069-.069-.137-.069h-.617a.534.534 0 0 0 .274-.274c.069.137.137.069.137.069Zm-2.192.068c.069 0 .069 0 .137.069.069.137.137.205.206.342.137.274.205.617.068.822-.137.274-.48.411-.753.617-.617.274-1.096.753-1.438 1.3l-.069.07c-.068 0-.068 0-.137-.07-.068-.068-.137-.068-.205-.136 0 0-.069 0-.069.068a.689.689 0 0 0 .343.754c.068 0 .068.068.137.068.068.137 0 .274 0 .411 0 .206.274.274.41.274.206 0 .343-.137.549-.205.41-.137.821-.069 1.164.137.205.137.342.274.48.41a.778.778 0 0 0 .547.206c.069 0 .069 0 .137.069.069.205 0 .41-.137.548-.137.205-.342.274-.48.479-.342.411-.479 1.027-.753 1.507-.068.068-.137.205-.205.274-.069.137-.069.274-.069.48 0 0 0 .068-.068.068-.069 0-.137-.069-.206-.069-.068 0-.068-.068-.068-.137a9.758 9.758 0 0 0-.616-1.849c-.137-.205-.274-.48-.48-.616-.068-.069-.137-.069-.137-.137v-.137a1.722 1.722 0 0 0-.685-1.576c-.068-.068-.205-.137-.205-.205 0-.069-.069-.206-.069-.274l-.274-.274c-.068 0-.068-.069-.068-.137.274-1.438 1.438-2.74 3.013-3.15Z",
     clipRule: "evenodd"
@@ -2534,7 +2534,7 @@ var SvgIconUploadLarge = function SvgIconUploadLarge(props) {
   })));
 };
 
-var _path$7, _path2$2;
+var _path$7, _path2$3;
 function _extends$9() { _extends$9 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
 var SvgIconUploadSmall = function SvgIconUploadSmall(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$9({
@@ -2544,21 +2544,26 @@ var SvgIconUploadSmall = function SvgIconUploadSmall(props) {
     fill: "none"
   }, props), _path$7 || (_path$7 = /*#__PURE__*/React.createElement("path", {
     d: "M7.005 10.48a.858.858 0 0 1-.624-.263.897.897 0 0 1-.252-.643V4.237l-.973 1.134a.857.857 0 0 1-1.48-.298.905.905 0 0 1 .18-.876l2.492-2.899c.164-.19.4-.298.648-.298s.484.109.649.299l2.488 2.896c.222.247.29.595.18.906a.857.857 0 0 1-1.474.272l-.976-1.136V9.57a.9.9 0 0 1-.246.64.861.861 0 0 1-.498.26l-.114.01Z"
-  })), _path2$2 || (_path2$2 = /*#__PURE__*/React.createElement("path", {
+  })), _path2$3 || (_path2$3 = /*#__PURE__*/React.createElement("path", {
     d: "M10.96 9.847c0-.486.365-.886.836-.94l.11-.007c.524 0 .947.424.947.947l-.002 2.173-.007.155a.947.947 0 0 1-.94.837H2.096a.948.948 0 0 1-.947-.953V9.847a.947.947 0 1 1 1.893 0l-.001 1.271h7.917l.001-1.271Z"
   })));
 };
 
-var _path$6;
+var _path$6, _path2$2, _path3;
 function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
 var SvgIconVirusLarge = function SvgIconVirusLarge(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$8({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
-    height: 22
+    height: 22,
+    fill: "none"
   }, props), _path$6 || (_path$6 = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    d: "M19.136 9.733a.773.773 0 0 1 .214-.516.755.755 0 0 1 .517-.214c.194 0 .389.087.516.214s.21.322.215.516v2.534a.778.778 0 0 1-.215.516.755.755 0 0 1-.516.215.756.756 0 0 1-.517-.215.773.773 0 0 1-.214-.516v-.536h-1.082a6.974 6.974 0 0 1-1.571 3.697l.775.81.386-.385a.77.77 0 0 1 .503-.175.76.76 0 0 1 .489.214c.13.13.207.318.213.488a.787.787 0 0 1-.179.508l-.907.932-.893.893a.776.776 0 0 1-.515.213.774.774 0 0 1-.516-.213.775.775 0 0 1-.212-.515.78.78 0 0 1 .212-.516l.381-.38-.793-.788a6.97 6.97 0 0 1-3.696 1.541v1.081h.536a.773.773 0 0 1 .516.214.756.756 0 0 1 .215.517.755.755 0 0 1-.215.516.778.778 0 0 1-.516.215H9.733a.778.778 0 0 1-.516-.215.754.754 0 0 1-.214-.516c0-.195.087-.39.214-.517a.773.773 0 0 1 .516-.214h.537v-1.082a6.974 6.974 0 0 1-3.698-1.571l-.81.775.38.38a.775.775 0 0 1 .212.516.778.778 0 0 1-.212.515.776.776 0 0 1-.515.213.772.772 0 0 1-.515-.213l-.901-.888-.877-.889a.783.783 0 0 1-.272-.731.787.787 0 0 1 .554-.563.784.784 0 0 1 .736.263l.377.377.788-.811a6.977 6.977 0 0 1-1.54-3.696H2.865v.536a.778.778 0 0 1-.215.516.756.756 0 0 1-.517.215.755.755 0 0 1-.516-.215.773.773 0 0 1-.214-.516V9.733a.773.773 0 0 1 .214-.516.754.754 0 0 1 .516-.214c.195 0 .39.087.517.214s.21.322.215.516v.537h1.112a6.98 6.98 0 0 1 1.541-3.698l-.776-.81-.38.38a.775.775 0 0 1-.515.212.778.778 0 0 1-.516-.212.776.776 0 0 1-.213-.515c0-.179.079-.375.213-.515l.888-.901.889-.877a.783.783 0 0 1 .731-.272.787.787 0 0 1 .563.554.784.784 0 0 1-.263.736l-.377.377.811.788a6.977 6.977 0 0 1 3.697-1.54V2.865h-.537a.778.778 0 0 1-.516-.215.755.755 0 0 1-.214-.517c0-.194.087-.389.214-.516a.773.773 0 0 1 .516-.214h2.534a.773.773 0 0 1 .516.214.755.755 0 0 1 .215.516c0 .195-.088.39-.215.517a.778.778 0 0 1-.516.215h-.536v1.112a6.98 6.98 0 0 1 3.697 1.541l.81-.776-.379-.379a.786.786 0 0 1-.23-.722.788.788 0 0 1 .54-.54.784.784 0 0 1 .721.231l.899.886.893.893a.775.775 0 0 1 .212.516.778.778 0 0 1-.212.515.775.775 0 0 1-.515.212.78.78 0 0 1-.516-.212l-.379-.379-.759.808a6.981 6.981 0 0 1 1.542 3.699h1.081ZM7.038 7.038A5.563 5.563 0 0 0 5.397 11c0 1.554.622 2.942 1.641 3.962A5.563 5.563 0 0 0 11 16.603a5.569 5.569 0 0 0 3.962-1.641A5.565 5.565 0 0 0 16.603 11a5.563 5.563 0 0 0-1.641-3.962A5.563 5.563 0 0 0 11 5.397a5.563 5.563 0 0 0-3.962 1.641Zm.916 2.755c.326 0 .64.14.853.353.213.213.354.528.354.854 0 .326-.141.641-.354.854a1.229 1.229 0 0 1-.853.354c-.326 0-.641-.141-.854-.354A1.23 1.23 0 0 1 6.747 11c0-.326.14-.641.353-.854.213-.213.528-.354.854-.354Zm3.284 2.391c.447 0 .871.189 1.164.481.292.293.482.717.482 1.164 0 .447-.19.871-.482 1.164a1.67 1.67 0 0 1-1.164.482 1.67 1.67 0 0 1-1.164-.482 1.67 1.67 0 0 1-.481-1.164c0-.447.189-.871.481-1.164a1.67 1.67 0 0 1 1.164-.481Zm-.483-4.267a2.167 2.167 0 0 1 1.928-1.02 2.155 2.155 0 0 1 1.419.658c.354.375.579.899.579 1.453 0 .555-.225 1.079-.579 1.454a2.15 2.15 0 0 1-1.419.657 2.168 2.168 0 0 1-1.929-1.02 2.171 2.171 0 0 1 .001-2.182Zm1.055 1.249c.031.17.103.319.231.446.124.13.271.205.44.24a.818.818 0 0 0 .499-.048.816.816 0 0 0 .388-.318.817.817 0 0 0 .143-.48.803.803 0 0 0-.241-.599.81.81 0 0 0-.593-.254.828.828 0 0 0-.485.135.82.82 0 0 0-.326.38.817.817 0 0 0-.056.498Z",
+    d: "M19.134 9.733a.73.73 0 0 1 .73-.733c.458 0 .727.384.727.733v2.534c0 .35-.265.73-.727.73a.725.725 0 0 1-.73-.73v-.537h-1.086c-.141 1.401-.64 2.635-1.55 3.71l.76.798.379-.378c.251-.216.65-.319.999.03.348.348.243.745.027.996l-.905.931-.893.893a.721.721 0 0 1-1.04-.01c-.342-.343-.232-.77.013-1.016l.368-.393-.78-.78a6.605 6.605 0 0 1-3.698 1.54v1.086h.536c.35 0 .735.263.735.73 0 .467-.385.727-.735.727H9.731a.72.72 0 0 1-.725-.727c0-.462.375-.73.725-.73h.536v-1.086a6.622 6.622 0 0 1-3.703-1.574l-.808.781.382.382a.722.722 0 0 1-.002 1.028c-.326.326-.785.239-1.032-.007l-.9-.887-.88-.893a.72.72 0 0 1-.046-1.1c.366-.362.839-.221 1.067.08l.389.375.775-.814a6.552 6.552 0 0 1-1.53-3.684H2.86v.529c0 .35-.23.73-.73.73s-.731-.41-.731-.76V9.703c0-.35.278-.7.731-.7.453 0 .73.38.73.73v.537h1.117a6.595 6.595 0 0 1 1.539-3.696l-.784-.812-.383.383a.724.724 0 0 1-1.02-.006.734.734 0 0 1-.001-1.028l.887-.9.893-.88a.738.738 0 0 1 1.1-.071c.343.342.221.864-.079 1.093l-.372.372.83.779c1.078-.899 2.282-1.39 3.68-1.524V2.863H9.73c-.35 0-.736-.277-.736-.726 0-.45.386-.735.736-.735h2.533a.74.74 0 0 1 .734.735c0 .449-.384.726-.734.726h-.536V3.98c1.397.133 2.636.617 3.714 1.515l.79-.756-.384-.384a.732.732 0 0 1-.018-1.068.717.717 0 0 1 1.051.035l.9.887.892.893c.246.247.352.688.015 1.025a.736.736 0 0 1-1.048.008l-.381-.369-.745.8a6.613 6.613 0 0 1 1.534 3.704h1.086v-.537ZM5.396 11c0 3.036 2.577 5.594 5.598 5.594s5.609-2.424 5.609-5.572-2.457-5.627-5.605-5.627c-3.148 0-5.602 2.57-5.602 5.605Z",
+    clipRule: "evenodd"
+  })), _path2$2 || (_path2$2 = /*#__PURE__*/React.createElement("path", {
+    d: "M7.951 9.793c.754 0 1.203.594 1.203 1.207 0 .613-.477 1.21-1.203 1.21-.726 0-1.203-.597-1.203-1.21s.45-1.207 1.203-1.207ZM11.236 12.182c.959 0 1.642.792 1.642 1.647s-.679 1.65-1.642 1.65c-.964 0-1.643-.795-1.643-1.65 0-.855.684-1.647 1.643-1.647Z"
+  })), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
+    d: "M12.676 11.121a2.11 2.11 0 0 0 2.005-2.113 2.101 2.101 0 0 0-2.005-2.11c-1.122-.062-2.225.82-2.225 2.11s1.112 2.175 2.225 2.113Zm0-2.969a.847.847 0 0 1 .837.856.852.852 0 0 1-.837.86c-.458 0-.89-.384-.89-.86s.416-.868.89-.856Z",
     clipRule: "evenodd"
   })));
 };
@@ -5440,6 +5445,7 @@ var NavigationJumpTo = forwardRef(function (props, ref) {
     var items = props.items, indicatorColor = props.indicatorColor, _a = props.offsetTop, offsetTop = _a === void 0 ? 0 : _a, onChange = props.onChange, rest = __rest(props, ["items", "indicatorColor", "offsetTop", "onChange"]);
     var _b = useState(false), navItemClicked = _b[0], setNavItemClicked = _b[1];
     var _c = useState(0), firstTabIndexInview = _c[0], setFirstTabIndexInview = _c[1];
+    var _d = useState(-1), emittedValue = _d[0], setEmittedValue = _d[1];
     var sectionIsInView = useInView(items);
     useEffect(function () {
         items.forEach(function (item) {
@@ -5466,6 +5472,13 @@ var NavigationJumpTo = forwardRef(function (props, ref) {
             id: "navigation-tab-".concat(title),
         };
     };
+    // Emit changes only once
+    var handleOnChange = function (value) {
+        if (value !== emittedValue) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(value);
+            setEmittedValue(value);
+        }
+    };
     var handleChange = function (event, newValue) {
         var _a, _b, _c, _d, _e, _f;
         // Set navItemClicked to true to disable changing the tab value
@@ -5488,7 +5501,7 @@ var NavigationJumpTo = forwardRef(function (props, ref) {
         // Update the tab value to newValue to adjust the position of the tabsIndicator
         setFirstTabIndexInview(newValue);
         // Envoke the custom onChange prop
-        onChange === null || onChange === void 0 ? void 0 : onChange(event, newValue);
+        handleOnChange(newValue);
     };
     // Observe changes in the sectionIsInView object to update the tabs value
     // based on the index of the visible sections in the viewport.
@@ -5498,8 +5511,11 @@ var NavigationJumpTo = forwardRef(function (props, ref) {
         // Update the tabs value only if a section is present in the viewport
         // and no navigation item has been clicked, preventing updates during window scroll
         // and unnecessary movement of the tabs indicator.
-        if (sectionInView > -1 && !navItemClicked)
+        if (sectionInView > -1 && !navItemClicked) {
             setFirstTabIndexInview(sectionInView);
+            // Envoke the custom onChange prop
+            handleOnChange(sectionInView);
+        }
     }, [sectionIsInView]);
     // Set navItemClicked to false to re-enable the option
     // to update the tab value based on scroll.

package/dist/src/core/NavigationJumpTo/NavigationJumpTo.namespace-test.js

@@ -9,5 +9,5 @@ var NavigationJumpToNameSpaceTest = function (props) {
             { elementRef: { current: null }, title: "Item 3" },
             { elementRef: { current: null }, title: "Item 4" },
             { elementRef: { current: null }, title: "Item 5" },
-        ], onChange: function (event, value) { }, offsetTop: 0 }));
+        ], onChange: function (value) { }, offsetTop: 0 }));
 };