@0xsquid/ui 2.2.2 → 2.2.4

package/dist/cjs/index.js

@@ -2699,10 +2699,12 @@ function mapToCssVariables(obj) {
 const badgeSizeClassMap = {
     sm: "tw-w-4 tw-h-4",
     md: "tw-w-5 tw-h-5",
+    lg: "tw-w-5 tw-h-5",
 };
 const mainImageSizeClassMap = {
     sm: "tw-w-8 tw-h-8",
     md: "tw-w-10 tw-h-10",
+    lg: "tw-w-[60px] tw-h-[60px]",
 };
 const loadingSkeletonClassName = "tw-bg-grey-500";
 var ImageState;
@@ -2717,7 +2719,11 @@ function BadgeImage({ imageUrl: _imageUrl, badgeUrl, size = "sm", extraMarginFor
         badge: ImageState.LOADING,
         mainImage: ImageState.LOADING,
     });
-    const badgeImageClassName = cn("tw-absolute -tw-right-1/3 tw-bottom-0 tw-z-10 tw-m-0 -tw-translate-x-1/3 tw-rounded-md tw-border-[1px] tw-border-grey-800", badgeSizeClassMap[size]);
+    const badgeImageClassName = cn(
+    // "tw-absolute -tw-right-[5px] tw-bottom-0 tw-z-10 tw-m-0 tw-rounded-md tw-border-[1px] tw-border-grey-800",
+    size === "lg"
+        ? "tw-absolute tw-right-0 tw-bottom-0 tw-z-10 tw-m-0 tw-rounded-md tw-border-[2px] tw-border-grey-800"
+        : "tw-absolute -tw-right-1/3 tw-bottom-0 tw-z-10 tw-m-0 -tw-translate-x-1/3 tw-rounded-md tw-border-[1px] tw-border-grey-800", badgeSizeClassMap[size]);
     const mainImageClassName = cn("tw-h-full tw-w-full tw-absolute", rounded ? " tw-rounded-full" : "tw-rounded-squid-xs");
     return imageUrl ? (jsxRuntime.jsxs("div", { className: cn("tw-relative", extraMarginForBadge && badgeUrl ? "tw-mr-1.5" : null, mainImageSizeClassMap[size]), children: [imagesLoadState.mainImage !== ImageState.LOADED &&
                 (placeholderImageUrl ? (jsxRuntime.jsx("img", { src: placeholderImageUrl, alt: "", className: mainImageClassName })) : (jsxRuntime.jsx("div", { className: cn(mainImageClassName, loadingSkeletonClassName) }))), jsxRuntime.jsx("img", { src: imageUrl, alt: "", onError: () => {
@@ -2786,6 +2792,37 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
+const LoadingContext = React$1.createContext(false);
+const LoadingProvider = LoadingContext.Provider;
+function LoadingSkeleton({ className, height = "20", isLoading: isLoadingProp, children, width = "100", }) {
+    const contextValue = React$1.useContext(LoadingContext);
+    const isLoading = isLoadingProp !== undefined ? isLoadingProp : contextValue;
+    if (children && !isLoading)
+        return children;
+    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, viewBox: "0 0 100 20", fill: "none", className: className, children: [jsxRuntime.jsx("g", { clipPath: "url(#clip0_1246_29063)", children: jsxRuntime.jsx("rect", { width: "100", height: "20", fill: "url(#paint0_linear_1246_29063)" }) }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("linearGradient", { id: "paint0_linear_1246_29063", x1: "0", y1: "10", x2: "100", y2: "10", gradientUnits: "userSpaceOnUse", className: "tw-animate-loading-gradient tw-text-material-light-thin", children: [jsxRuntime.jsx("stop", { stopColor: "currentColor" }), jsxRuntime.jsx("stop", { offset: "0.395881", stopColor: "currentColor" }), jsxRuntime.jsx("stop", { offset: "0.597867", stopColor: "currentColor", className: "group-data-[squid-theme-type=dark]:tw-text-material-light-average group-data-[squid-theme-type=light]:tw-text-transparent" }), jsxRuntime.jsx("stop", { offset: "0.697004", stopColor: "currentColor" })] }), jsxRuntime.jsx("clipPath", { id: "clip0_1246_29063", children: jsxRuntime.jsx("path", { d: "M0 10C0 4.47715 4.47715 0 10 0H90C95.5228 0 100 4.47715 100 10C100 15.5228 95.5229 20 90 20H10C4.47716 20 0 15.5228 0 10Z", fill: "white" }) })] })] }));
+}
+function TextSkeleton(_a) {
+    var { className, width = ["4em", "6em"], children, isLoading } = _a, props = __rest$1(_a, ["className", "width", "children", "isLoading"]);
+    const minWidthVar = "--min-width";
+    const minWidth = Array.isArray(width) ? width[0] : width;
+    const maxWidthVar = "--max-width";
+    const maxWidth = Array.isArray(width) ? width[1] : width;
+    const t = React$1.useMemo(Math.random, []);
+    if (isLoading === false)
+        return children;
+    return (jsxRuntime.jsx("span", Object.assign({ className: cn("loading-gradient tw-inline-flex tw-rounded-full", className), style: {
+            ["--min-width"]: minWidth,
+            ["--max-width"]: maxWidth,
+            width: calcLerp(`var(${minWidthVar})`, `var(${maxWidthVar})`, t),
+        } }, props, { children: "\u00A0" })));
+}
+function BlockSkeleton(_a) {
+    var { isLoading, className, children } = _a, props = __rest$1(_a, ["isLoading", "className", "children"]);
+    if (isLoading === false)
+        return children;
+    return (jsxRuntime.jsx("div", Object.assign({ className: cn("loading-gradient tw-rounded-squid-s", className) }, props)));
+}
+
 // font size, line height, and letter spacing classes
 const textClassMap$1 = {
     small: "tw-text-body-small tw-tracking-body-small tw-leading-body-small tw-font-body-small",
@@ -2793,15 +2830,25 @@ const textClassMap$1 = {
     large: "tw-text-body-large tw-tracking-body-large tw-leading-body-large tw-font-body-large",
 };
 function BodyText(_a) {
-    var { size, children, bold = false, tight = false } = _a, props = __rest$1(_a, ["size", "children", "bold", "tight"]);
+    var _b, _c;
+    var { size, children, bold = false, tight = false, loading } = _a, props = __rest$1(_a, ["size", "children", "bold", "tight", "loading"]);
     const fontWeightClass = bold ? "!tw-font-bold" : "!tw-font-regular";
-    return (jsxRuntime.jsx("span", Object.assign({}, props, { className: cn(textClassMap$1[size], fontWeightClass, tight && "!tw-leading-[1]", props.className), children: children })));
+    const className = cn(textClassMap$1[size], fontWeightClass, tight && "!tw-leading-[1]", props.className);
+    if ((_b = loading === null || loading === void 0 ? void 0 : loading.isLoading) !== null && _b !== void 0 ? _b : false) {
+        return (jsxRuntime.jsx(TextSkeleton, { className: className, width: (_c = loading === null || loading === void 0 ? void 0 : loading.width) !== null && _c !== void 0 ? _c : "100%", isLoading: true }));
+    }
+    return (jsxRuntime.jsx("span", Object.assign({}, props, { className: className, children: children })));
 }
 
 function CaptionText(_a) {
-    var { children, bold = false } = _a, props = __rest$1(_a, ["children", "bold"]);
-    const boldClass = bold && "!tw-font-bold";
-    return (jsxRuntime.jsx("span", Object.assign({}, props, { className: cn(boldClass, "tw-text-caption tw-font-caption tw-leading-caption", props.className), children: children })));
+    var _b, _c;
+    var { children, bold = false, loading } = _a, props = __rest$1(_a, ["children", "bold", "loading"]);
+    const boldClass = bold ? "!tw-font-bold" : "";
+    const className = cn("tw-text-caption tw-font-caption tw-leading-caption", boldClass, props.className);
+    if ((_b = loading === null || loading === void 0 ? void 0 : loading.isLoading) !== null && _b !== void 0 ? _b : false) {
+        return (jsxRuntime.jsx(TextSkeleton, { className: className, width: (_c = loading === null || loading === void 0 ? void 0 : loading.width) !== null && _c !== void 0 ? _c : "100%", isLoading: true }));
+    }
+    return (jsxRuntime.jsx("span", Object.assign({}, props, { className: className, children: children })));
 }
 
 // font size, line height, and letter spacing classes
@@ -2840,37 +2887,6 @@ function IconLabel({ src, children, variant }) {
     return (jsxRuntime.jsxs("div", { className: "tw-inline-flex tw-items-center tw-gap-squid-xxs", children: [src && jsxRuntime.jsx(Image$1, { src: src, variant: variant }), typeof children === "string" ? (jsxRuntime.jsx(CaptionText, { children: children })) : (children)] }));
 }
 
-const LoadingContext = React$1.createContext(false);
-const LoadingProvider = LoadingContext.Provider;
-function LoadingSkeleton({ className, height = "20", isLoading: isLoadingProp, children, width = "100", }) {
-    const contextValue = React$1.useContext(LoadingContext);
-    const isLoading = isLoadingProp !== undefined ? isLoadingProp : contextValue;
-    if (children && !isLoading)
-        return children;
-    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, viewBox: "0 0 100 20", fill: "none", className: className, children: [jsxRuntime.jsx("g", { clipPath: "url(#clip0_1246_29063)", children: jsxRuntime.jsx("rect", { width: "100", height: "20", fill: "url(#paint0_linear_1246_29063)" }) }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsxs("linearGradient", { id: "paint0_linear_1246_29063", x1: "0", y1: "10", x2: "100", y2: "10", gradientUnits: "userSpaceOnUse", className: "tw-animate-loading-gradient tw-text-material-light-thin", children: [jsxRuntime.jsx("stop", { stopColor: "currentColor" }), jsxRuntime.jsx("stop", { offset: "0.395881", stopColor: "currentColor" }), jsxRuntime.jsx("stop", { offset: "0.597867", stopColor: "currentColor", className: "group-data-[squid-theme-type=dark]:tw-text-material-light-average group-data-[squid-theme-type=light]:tw-text-transparent" }), jsxRuntime.jsx("stop", { offset: "0.697004", stopColor: "currentColor" })] }), jsxRuntime.jsx("clipPath", { id: "clip0_1246_29063", children: jsxRuntime.jsx("path", { d: "M0 10C0 4.47715 4.47715 0 10 0H90C95.5228 0 100 4.47715 100 10C100 15.5228 95.5229 20 90 20H10C4.47716 20 0 15.5228 0 10Z", fill: "white" }) })] })] }));
-}
-function TextSkeleton(_a) {
-    var { className, width = ["4em", "6em"], children, isLoading } = _a, props = __rest$1(_a, ["className", "width", "children", "isLoading"]);
-    const minWidthVar = "--min-width";
-    const minWidth = Array.isArray(width) ? width[0] : width;
-    const maxWidthVar = "--max-width";
-    const maxWidth = Array.isArray(width) ? width[1] : width;
-    const t = React$1.useMemo(Math.random, []);
-    if (isLoading === false)
-        return children;
-    return (jsxRuntime.jsx("span", Object.assign({ className: cn("loading-gradient tw-inline-flex tw-rounded-full", className), style: {
-            ["--min-width"]: minWidth,
-            ["--max-width"]: maxWidth,
-            width: calcLerp(`var(${minWidthVar})`, `var(${maxWidthVar})`, t),
-        } }, props, { children: "\u00A0" })));
-}
-function BlockSkeleton(_a) {
-    var { isLoading, className, children } = _a, props = __rest$1(_a, ["isLoading", "className", "children"]);
-    if (isLoading === false)
-        return children;
-    return (jsxRuntime.jsx("div", Object.assign({ className: cn("loading-gradient tw-rounded-squid-s", className) }, props)));
-}
-
 function Checkmark1Icon({ className, size = "16", }) {
     return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 16 16", fill: "none", className: className, children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.8809 2.82977C13.3432 3.13201 13.4729 3.75174 13.1706 4.21399L7.50398 12.8807C7.3318 13.144 7.04572 13.3109 6.73174 13.3313C6.41777 13.3517 6.11252 13.2231 5.90775 12.9842L2.90775 9.4842C2.54833 9.06487 2.59689 8.43357 3.01622 8.07415C3.43554 7.71473 4.06684 7.76329 4.42627 8.18262L6.55918 10.671L11.4967 3.11949C11.7989 2.65725 12.4187 2.52753 12.8809 2.82977Z", fill: "currentColor" }) }));
 }
@@ -17570,6 +17586,20 @@ function SizeTransition(_a) {
     return (jsxRuntime.jsx("div", Object.assign({}, props, { className: cn("tw-transition-[width,height], tw-duration-200", className), style: { width: contentsRect.width, height: contentsRect.height }, children: jsxRuntime.jsx("div", { ref: contentsRef, className: "tw-inline-block", children: children }) })));
 }
 
+function CollapsibleMenu({ children, menuRef, isOpen, transitionDuration, size, className, }) {
+    return (jsxRuntime.jsx("aside", { style: Object.assign({ transitionDuration, transitionTimingFunction: isOpen
+                ? "cubic-bezier(0.4, 1.3, 0.4, 1)"
+                : undefined, [CSS_VARS.COLLAPSIBLE_MENU_OPEN_WIDTH]: size.open.width, [CSS_VARS.COLLAPSIBLE_MENU_OPEN_HEIGHT]: size.open.height, [CSS_VARS.COLLAPSIBLE_MENU_CLOSED_WIDTH]: size.closed.width, [CSS_VARS.COLLAPSIBLE_MENU_CLOSED_HEIGHT]: size.closed.height }, (isOpen
+            ? {
+                width: `var(${CSS_VARS.COLLAPSIBLE_MENU_OPEN_WIDTH})`,
+                height: `var(${CSS_VARS.COLLAPSIBLE_MENU_OPEN_HEIGHT})`,
+            }
+            : {
+                width: `var(${CSS_VARS.COLLAPSIBLE_MENU_CLOSED_WIDTH})`,
+                height: `var(${CSS_VARS.COLLAPSIBLE_MENU_CLOSED_HEIGHT})`,
+            })), className: cn("tw-fixed tw-z-40 tw-flex tw-flex-col tw-overflow-hidden tw-bg-grey-900 tw-text-grey-100 tw-shadow-elevation-light-3 tw-outline-material-light-thin", className), ref: menuRef, children: children }));
+}
+
 function DescriptionBlocks(_a) {
     var { className, blocks: blocksProp } = _a, props = __rest$1(_a, ["className", "blocks"]);
     const blocks = typeof blocksProp === "string"
@@ -17709,10 +17739,56 @@ function PowerIcon({ size = "24", className, }) {
     return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M7.02331 4.5C4.59826 6.11238 3 8.86954 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 8.86954 19.4017 6.11238 16.9767 4.5M12 2V7", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
 }
 
+function CrossAnimatedIcon({ size = 24, isOpen, transitionDuration, className, }) {
+    const rotateDegrees = isOpen ? 45 : 0;
+    return (jsxRuntime.jsxs("div", { style: {
+            width: size,
+            height: size * 0.585,
+        }, className: cn("tw-relative tw-rotate-0 tw-transition-transform", className), children: [jsxRuntime.jsx("span", { style: {
+                    height: size * 0.1,
+                    top: isOpen ? size * -0.05 : 0,
+                    transformOrigin: "left center",
+                    left: isOpen ? size * 0.13 : 0,
+                    transitionDuration,
+                    transform: isOpen ? `rotate(${rotateDegrees}deg)` : "rotate(0)",
+                }, className: "tw-absolute tw-block tw-w-full tw-rounded-sm tw-bg-current tw-opacity-100 tw-transition-transform" }), jsxRuntime.jsx("span", { style: {
+                    height: size * 0.1,
+                    top: isOpen ? size * 0.65 : size * 0.6,
+                    transformOrigin: "left center",
+                    left: isOpen ? size * 0.13 : 0,
+                    transitionDuration,
+                    transform: isOpen ? `rotate(-${rotateDegrees}deg)` : "rotate(0)",
+                }, className: "tw-absolute tw-block tw-w-full tw-rounded-sm tw-bg-current tw-opacity-100 tw-transition-transform" })] }));
+}
+
 function DashboardFast({ size = "24", className, }) {
     return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M15 10L12.25 15.5M19.5 16H4.5M21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
 }
 
+const dockIconClassname = "tw-text-grey-900";
+const dockIconSelectedClassname = "group-data-[squid-theme-type=dark]:tw-text-royal-700 group-data-[squid-theme-type=light]:tw-text-volt-700";
+function getDockIconClassname({ isSelected }) {
+    return cn("tw-max-h-full tw-max-w-full", isSelected ? dockIconSelectedClassname : dockIconClassname);
+}
+function DockIconSwap({ isSelected = false }) {
+    return (jsxRuntime.jsxs("svg", { className: getDockIconClassname({ isSelected }), xmlns: "http://www.w3.org/2000/svg", width: "80", height: "80", viewBox: "0 0 109 97", fill: "none", children: [jsxRuntime.jsxs("g", { filter: "url(#filter0_dd_1247_37415)", children: [jsxRuntime.jsx("path", { d: "M63.6703 17.0953L37.5166 21.707C34.6819 22.2068 32.7896 24.9126 33.29 27.7506L33.793 30.6033C33.3175 30.6287 32.8384 30.6832 32.3576 30.7679C25.9215 31.9028 21.6251 38.0463 22.7612 44.4898C23.8974 50.9334 30.036 55.2369 36.4721 54.1021C36.9528 54.0173 37.4217 53.9046 37.8772 53.7659L39.9405 65.4678C40.4409 68.3057 43.1446 70.2012 45.9793 69.7013L72.133 65.0897C74.9677 64.5899 76.8601 61.8841 76.3596 59.0461L74.1505 46.5176L86.5832 38.2026L75.5578 21.6867L70.3825 25.1479L69.7091 21.3289C69.2087 18.4909 66.505 16.5955 63.6703 17.0953Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M71.4603 22.6225L71.1863 21.0685C70.5423 17.4162 67.062 14.9742 63.4099 15.6181L37.2561 20.2297C33.604 20.8737 31.1688 24.3589 31.8128 28.0111L32.0402 29.3009C24.8183 30.606 20.0076 37.5116 21.284 44.7503C22.5604 51.9891 29.4428 56.8329 36.6755 55.5892L38.4633 65.7282C39.1073 69.3805 42.5876 71.8225 46.2398 71.1786L72.3935 66.567C76.0456 65.923 78.4808 62.4378 77.8369 58.7856L75.7976 47.2205L87.4171 39.4495C88.1053 38.9892 88.2905 38.0584 87.8308 37.3698L76.8053 20.8539C76.5843 20.5228 76.2408 20.2932 75.8504 20.2155C75.46 20.1379 75.0548 20.2186 74.7239 20.4398L71.4603 22.6225Z", className: "tw-stroke-grey-900", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" })] }), jsxRuntime.jsx("path", { d: "M63.6702 17.0953L37.5165 21.707C34.6818 22.2068 32.7895 24.9126 33.2899 27.7506L39.9404 65.4678C40.4408 68.3057 43.1445 70.2012 45.9792 69.7014L72.1329 65.0897C74.9676 64.5899 76.8599 61.8841 76.3595 59.0461L69.709 21.3289C69.2086 18.4909 66.5049 16.5955 63.6702 17.0953Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M49.0884 48.2686L62.4932 45.905", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M59.0986 43.5195L62.4998 45.908L60.1039 49.3081", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M59.3135 27.8751L45.9087 30.2388", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M49.3038 32.6307L45.9015 30.2358L48.2985 26.8421", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M65.9355 53.5151L47.8565 56.7029C45.8237 57.0613 44.4667 59.0018 44.8255 61.0369C45.1844 63.0721 47.1232 64.4314 49.1561 64.0729L67.2351 60.8851C69.2679 60.5267 70.6249 58.5863 70.2661 56.5511C69.9072 54.5159 67.9684 53.1566 65.9355 53.5151Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M36.4438 54.1219C42.8956 52.998 47.2174 46.8545 46.0969 40.4C44.9764 33.9455 38.8378 29.6242 32.3861 30.7481C25.9343 31.872 21.6125 38.0155 22.733 44.47C23.8535 50.9245 29.992 55.2458 36.4438 54.1219Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M32.9659 47.642C34.5412 49.3003 37.1165 49.6718 39.1334 48.4109C41.1503 47.1501 41.881 44.8381 41.2175 42.7504", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M32.9659 47.642C34.5412 49.3003 37.1165 49.6718 39.1334 48.4109C41.1503 47.1501 41.881 44.8381 41.2175 42.7504", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M31.9918 43.5313C32.4376 44.0191 33.1761 44.1464 33.7658 43.7931C34.3555 43.4399 34.5834 42.7816 34.4061 42.1745", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M31.9918 43.5313C32.4376 44.0191 33.1761 44.1464 33.7658 43.7931C34.3555 43.4399 34.5834 42.7816 34.4061 42.1745", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M36.0201 41.2762C36.466 41.7639 37.2044 41.8912 37.7941 41.538C38.3838 41.1848 38.6117 40.5265 38.4345 39.9194", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M36.0201 41.2762C36.466 41.7639 37.2044 41.8912 37.7941 41.538C38.3838 41.1848 38.6117 40.5265 38.4345 39.9194", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M41.8629 42.4827C41.3973 42.685 40.8832 42.7882 40.3758 42.7691L41.8629 42.4827Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M41.8629 42.4827C41.3973 42.685 40.8832 42.7882 40.3758 42.7691", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M75.5576 21.6867L59.064 32.7176L70.0894 49.2335L86.5831 38.2026L75.5576 21.6867Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M70.0814 39.65C71.7524 41.2152 74.3416 41.4418 76.2791 40.0702C78.1457 38.7438 78.815 36.349 78.0326 34.2995", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M70.0814 39.65C71.7524 41.2152 74.3416 41.4418 76.2791 40.0702C78.1457 38.7438 78.815 36.349 78.0326 34.2995", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M68.8751 35.6008C69.3498 36.0645 70.0944 36.1519 70.6644 35.7628C71.2344 35.3736 71.4204 34.7025 71.212 34.1067", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M68.8751 35.6008C69.3498 36.0645 70.0944 36.1519 70.6644 35.7628C71.2344 35.3736 71.4204 34.7025 71.212 34.1067", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M72.7648 33.1203C73.2394 33.584 73.984 33.6714 74.554 33.2823C75.124 32.8931 75.31 32.222 75.1017 31.6262", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M72.7648 33.1203C73.2394 33.584 73.984 33.6714 74.554 33.2823C75.124 32.8931 75.31 32.222 75.1017 31.6262", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M78.6657 33.9882C78.2129 34.2204 77.7097 34.3483 77.1997 34.3577L78.6657 33.9882Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M78.6657 33.9882C78.2129 34.2204 77.7097 34.3483 77.1997 34.3577", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_dd_1247_37415", x: "0.578613", y: "0.0148315", width: "108.005", height: "96.767", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [jsxRuntime.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feMorphology", { radius: "1", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_1247_37415" }), jsxRuntime.jsx("feOffset", { dy: "5" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "10" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_1247_37415" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feOffset", { dy: "1" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "2.5" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "effect1_dropShadow_1247_37415", result: "effect2_dropShadow_1247_37415" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_1247_37415", result: "shape" })] }) })] }));
+}
+function DockIconCheckout({ isSelected = false }) {
+    return (jsxRuntime.jsxs("svg", { className: getDockIconClassname({ isSelected }), xmlns: "http://www.w3.org/2000/svg", width: "80", height: "80", viewBox: "0 0 93 106", fill: "none", children: [jsxRuntime.jsxs("g", { filter: "url(#filter0_dd_2890_2833)", children: [jsxRuntime.jsx("path", { d: "M20.8379 24.4996C18.57 24.8995 17.6524 27.7819 19.3763 29.343C19.7833 29.7104 20.2433 30.0228 20.6064 30.4322C21.2476 31.1575 21.5393 32.1327 21.5955 33.0981C21.6851 34.5766 21.3149 36.0677 21.1865 37.5391C21.0581 39.0104 21.025 40.5048 21.1368 41.9794C21.3281 44.5522 21.9589 47.4182 23.9392 49.2363C23.0632 49.8642 22.5766 50.9538 22.7756 52.0822C22.9745 53.2106 23.81 54.0671 24.8424 54.3585C23.6033 56.7443 23.9908 59.6532 24.6909 62.1362C25.0903 63.5601 25.6371 64.9466 26.2564 66.2918C26.8757 67.637 27.7381 68.9051 28.1596 70.3251C28.437 71.2515 28.4974 72.2731 28.142 73.1685C27.9408 73.6774 27.6154 74.1283 27.3586 74.6127C26.2781 76.6683 28.1206 79.064 30.3886 78.6641C31.0966 78.5392 31.7513 78.1443 32.1874 77.5769C32.6235 77.0095 32.6564 76.1938 33.1813 75.645C33.6285 75.1726 34.3092 74.9898 34.9599 74.9606C35.6107 74.9314 36.2683 74.941 36.9073 75.0393C45.4954 76.3254 46.9874 72.1726 46.9874 72.1726C47.1718 73.218 48.1673 73.9151 49.2128 73.7308C50.2582 73.5464 50.9553 72.5509 50.771 71.5054C50.771 71.5054 53.5935 74.8975 61.2237 70.7517C61.7961 70.4397 62.4053 70.2068 63.0267 70.0117C63.6482 69.8166 64.3458 69.762 64.9321 70.0465C65.6131 70.3827 65.898 71.1252 66.5269 71.5219C67.1558 71.9186 67.881 72.0531 68.5891 71.9283C70.857 71.5284 71.7746 68.646 70.0507 67.085C69.6437 66.7176 69.1837 66.4051 68.8206 65.9958C68.1794 65.2704 67.8877 64.2952 67.8315 63.3298C67.7419 61.8513 68.1121 60.3602 68.2405 58.8889C68.3679 57.412 68.4019 55.9231 68.2902 54.4485C68.0989 51.8757 67.4681 49.0097 65.4878 47.1916C66.3638 46.5638 66.8504 45.4741 66.6514 44.3457C66.4524 43.2173 65.617 42.3608 64.5846 42.0694C65.8237 39.6836 65.4362 36.7747 64.736 34.2917C64.3367 32.8678 63.7899 31.4813 63.1706 30.1361C62.5513 28.791 61.6889 27.5229 61.2674 26.1029C60.99 25.1765 60.9296 24.1548 61.285 23.2594C61.4862 22.7506 61.8116 22.2996 62.0684 21.8152C63.1489 19.7596 61.3063 17.364 59.0384 17.7639C58.3304 17.8887 57.6757 18.2836 57.2396 18.851C56.8035 19.4184 56.7705 20.2341 56.2456 20.7829C55.7985 21.2553 55.1178 21.4381 54.4671 21.4673C53.8163 21.4965 53.1587 21.487 52.5197 21.3886C43.9316 20.1025 42.4395 24.2554 42.4395 24.2554C42.2552 23.2099 41.2596 22.5128 40.2142 22.6972C39.1687 22.8815 38.4716 23.8771 38.656 24.9225C38.656 24.9225 35.8335 21.5304 28.2032 25.6762C27.6309 25.9882 27.0217 26.2211 26.4002 26.4162C25.7787 26.6114 25.0811 26.6659 24.4948 26.3815C23.8139 26.0453 23.529 25.3027 22.9001 24.906C22.2712 24.5093 21.5459 24.3748 20.8379 24.4996Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M18.3712 30.4564L18.3695 30.4548C15.6599 28.0013 17.1621 23.6247 20.5774 23.0224C21.6474 22.8338 22.7516 23.0388 23.7004 23.6373C24.2013 23.9533 24.5661 24.3901 24.7664 24.63C24.7867 24.6544 24.8054 24.6767 24.8223 24.6966C25.0513 24.9668 25.1213 25.0168 25.1545 25.0342C25.2588 25.0822 25.5174 25.1212 25.9509 24.9851C26.5177 24.8071 27.0278 24.6086 27.4854 24.3592L27.4871 24.3582C31.5213 22.1663 34.4925 21.8579 36.5834 22.2735C37.0211 22.3605 37.4115 22.4777 37.7565 22.6105C38.2589 21.9016 39.03 21.3828 39.9537 21.22C40.8774 21.0571 41.7795 21.2809 42.494 21.7751C42.7728 21.5323 43.0995 21.2887 43.4811 21.0572C45.3037 19.9516 48.2013 19.2252 52.7419 19.9051L52.7479 19.906C53.2533 19.9839 53.8034 19.9955 54.3998 19.9688C54.8771 19.9474 55.0947 19.8169 55.1563 19.7518L55.1616 19.7462C55.1887 19.7179 55.2408 19.6469 55.3709 19.2988C55.3805 19.2731 55.391 19.2441 55.4027 19.212C55.508 18.9228 55.7018 18.3904 56.0503 17.9369C56.7169 17.0696 57.7043 16.476 58.778 16.2866C62.1993 15.6834 65.0914 19.2882 63.3961 22.5131L63.3937 22.5177C63.2826 22.7273 63.1507 22.9488 63.045 23.1262C63.0101 23.1849 62.978 23.2387 62.9505 23.2856C62.8217 23.5058 62.7372 23.666 62.68 23.8108L62.6792 23.8129C62.4875 24.2957 62.4881 24.9504 62.7043 25.6726L62.7054 25.676C62.874 26.244 63.1404 26.8129 63.4747 27.4538C63.5615 27.6201 63.6562 27.7973 63.7549 27.9818C64.0116 28.4617 64.2949 28.9914 64.5331 29.5088C65.1749 30.9027 65.7535 32.3652 66.1801 33.8858M18.3712 30.4564L24.3047 55.7631C23.7612 57.8303 24.1233 60.1232 24.6909 62.1362L23.2467 62.5413C23.2468 62.5416 23.2469 62.542 23.247 62.5423C23.6735 64.0628 24.2521 65.5253 24.8939 66.9191C25.1321 67.4366 25.4154 67.9662 25.6721 68.4462C25.7708 68.6307 25.8655 68.8079 25.9523 68.9742C26.2866 69.615 26.553 70.1839 26.7216 70.7519L26.7226 70.7554C26.9389 71.4776 26.9394 72.1323 26.7478 72.6151L26.747 72.6171C26.6897 72.7619 26.6052 72.9222 26.4764 73.1423C26.449 73.1892 26.4169 73.2431 26.382 73.3017C26.2763 73.4791 26.1443 73.7007 26.0332 73.9102L26.0308 73.9148C24.3356 77.1398 27.2277 80.7445 30.649 80.1413C31.7227 79.952 32.7101 79.3583 33.3767 78.491C33.7252 78.0376 33.919 77.5052 34.0243 77.2159C34.0359 77.1839 34.0465 77.1548 34.0561 77.1291C34.1862 76.781 34.2383 76.7101 34.2654 76.6818L34.2707 76.6761C34.3323 76.6111 34.5499 76.4805 35.0272 76.4591C35.6236 76.4324 36.1736 76.4441 36.6791 76.5219L36.6851 76.5228C41.2257 77.2028 44.1232 76.4763 45.9458 75.3707C46.3275 75.1392 46.6542 74.8956 46.933 74.6528C47.6475 75.1471 48.5496 75.3708 49.4733 75.208C50.3969 75.0451 51.1681 74.5263 51.6705 73.8174C52.0155 73.9503 52.4058 74.0675 52.8436 74.1545C54.9344 74.57 57.9057 74.2616 61.9399 72.0697L61.9416 72.0688C62.3992 71.8194 62.9093 71.6208 63.4761 71.4428C63.9095 71.3067 64.1681 71.3457 64.2724 71.3937C64.3056 71.4111 64.3756 71.4609 64.6047 71.7313C64.6216 71.7512 64.6403 71.7736 64.6606 71.7979C64.8609 72.0378 65.2257 72.4746 65.7266 72.7906C66.6754 73.3891 67.7795 73.5942 68.8495 73.4055C72.2649 72.8033 73.7671 68.4267 71.0575 65.9731L71.0558 65.9715C70.8797 65.8126 70.6799 65.6495 70.5199 65.519C70.4671 65.4758 70.4186 65.4362 70.3767 65.4015C70.1807 65.239 70.0466 65.1174 69.9434 65.0011C69.5936 64.6047 69.3725 63.9918 69.329 63.2427L69.3288 63.2391C69.2928 62.6459 69.3475 62.0176 69.4415 61.302C69.4674 61.1047 69.4977 60.8922 69.5294 60.6706C69.6046 60.1438 69.6871 59.5659 69.7348 59.0193L69.7349 59.0178C69.8676 57.4795 69.905 55.908 69.786 54.3362C69.6197 52.1009 69.1224 49.3441 67.5087 47.1992C68.0769 46.3083 68.327 45.2104 68.1286 44.0852C67.93 42.9587 67.3168 42.0147 66.4805 41.3731C67.264 38.8051 66.7885 36.0437 66.1801 33.8858M18.3712 30.4564C18.5472 30.6153 18.747 30.7784 18.907 30.9089C18.9599 30.9521 19.0084 30.9917 19.0503 31.0264C19.2461 31.1888 19.3801 31.3103 19.4834 31.4266C19.8333 31.823 20.0544 32.4359 20.098 33.1852L20.0982 33.1888C20.1342 33.782 20.0795 34.4104 19.9855 35.1259C19.9596 35.3232 19.9293 35.5357 19.8976 35.7573C19.8224 36.2841 19.7399 36.862 19.6922 37.4087C19.5583 38.9434 19.522 40.5206 19.641 42.0917C19.8073 44.327 20.3046 47.0838 21.9183 49.2288M18.3712 30.4564L21.9183 49.2288M66.1801 33.8858C66.1801 33.8861 66.1802 33.8864 66.1803 33.8866L64.736 34.2917L66.1797 33.8846C66.1798 33.885 66.18 33.8854 66.1801 33.8858ZM21.9183 49.2288C21.3501 50.1196 21.1 51.2175 21.2984 52.3427C21.497 53.4692 22.1102 54.4132 22.9465 55.0548L21.9183 49.2288ZM28.2032 25.6762C32.7848 23.1869 35.633 23.4152 37.1776 23.9951L28.2032 25.6762ZM28.2032 25.6762C27.6309 25.9882 27.0217 26.2211 26.4002 26.4162C25.7787 26.6114 25.0811 26.6659 24.4948 26.3815L28.2032 25.6762ZM40.2142 22.6972C39.7634 22.7767 39.3773 23.007 39.0988 23.3271L41.4778 22.9077C41.1066 22.7021 40.665 22.6177 40.2142 22.6972Z", className: "tw-stroke-grey-900", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" })] }), jsxRuntime.jsx("path", { d: "M20.8379 24.4996C18.57 24.8995 17.6524 27.7819 19.3763 29.343C19.7833 29.7104 20.2433 30.0228 20.6064 30.4322C21.2476 31.1575 21.5393 32.1327 21.5955 33.0981C21.6851 34.5766 21.3149 36.0677 21.1865 37.5391C21.0581 39.0104 21.025 40.5048 21.1368 41.9794C21.3281 44.5522 21.9589 47.4182 23.9392 49.2363C23.0632 49.8642 22.5766 50.9538 22.7756 52.0822C22.9745 53.2106 23.81 54.0671 24.8424 54.3585C23.6033 56.7443 23.9908 59.6532 24.6909 62.1362C25.0903 63.5601 25.6371 64.9466 26.2564 66.2918C26.8757 67.637 27.7381 68.9051 28.1596 70.3251C28.437 71.2514 28.4974 72.2731 28.142 73.1685C27.9408 73.6774 27.6154 74.1283 27.3586 74.6127C26.2781 76.6683 28.1206 79.064 30.3886 78.6641C31.0966 78.5392 31.7513 78.1443 32.1874 77.5769C32.6235 77.0095 32.6564 76.1938 33.1813 75.645C33.6285 75.1726 34.3092 74.9898 34.9599 74.9606C35.6107 74.9314 36.2683 74.941 36.9073 75.0393C45.4954 76.3254 46.9874 72.1726 46.9874 72.1726C47.1718 73.218 48.1673 73.9151 49.2128 73.7308C50.2582 73.5464 50.9553 72.5509 50.771 71.5054C50.771 71.5054 53.5935 74.8975 61.2237 70.7517C61.7961 70.4397 62.4053 70.2068 63.0267 70.0117C63.6482 69.8166 64.3458 69.762 64.9321 70.0465C65.6131 70.3827 65.898 71.1252 66.5269 71.5219C67.1558 71.9187 67.881 72.0531 68.5891 71.9283C70.857 71.5284 71.7746 68.646 70.0507 67.085C69.6437 66.7176 69.1837 66.4051 68.8206 65.9958C68.1794 65.2704 67.8877 64.2952 67.8315 63.3298C67.7419 61.8513 68.1121 60.3602 68.2405 58.8889C68.3679 57.412 68.4019 55.9231 68.2902 54.4485C68.0989 51.8757 67.4681 49.0097 65.4878 47.1916C66.3638 46.5638 66.8504 45.4741 66.6514 44.3457C66.4524 43.2173 65.617 42.3608 64.5846 42.0694C65.8237 39.6836 65.4362 36.7747 64.736 34.2917C64.3367 32.8678 63.7899 31.4813 63.1706 30.1361C62.5513 28.791 61.6889 27.5229 61.2674 26.1029C60.99 25.1765 60.9296 24.1548 61.285 23.2594C61.4862 22.7506 61.8116 22.2996 62.0684 21.8152C63.1489 19.7596 61.3063 17.364 59.0384 17.7639C58.3304 17.8887 57.6757 18.2836 57.2396 18.851C56.8035 19.4184 56.7705 20.2341 56.2456 20.7829C55.7985 21.2553 55.1178 21.4381 54.4671 21.4673C53.8163 21.4965 53.1587 21.487 52.5197 21.3886C43.9316 20.1025 42.4395 24.2554 42.4395 24.2554C42.2552 23.2099 41.2596 22.5128 40.2142 22.6972C39.1687 22.8815 38.4716 23.8771 38.656 24.9225C38.656 24.9225 35.8335 21.5304 28.2032 25.6762C27.6309 25.9882 27.0217 26.2211 26.4002 26.4162C25.7787 26.6114 25.0811 26.6659 24.4948 26.3815C23.8139 26.0453 23.529 25.3027 22.9001 24.906C22.2712 24.5093 21.5459 24.3748 20.8379 24.4996Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M64.7972 66.306L57.3992 24.3496L24.6195 30.1295L32.0176 72.086L64.7972 66.306Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M54.5418 38.4847L43.4253 34.4391C42.6636 34.1627 41.8173 34.312 41.1961 34.8322L32.1337 42.4359C31.5125 42.9561 31.2218 43.7659 31.3623 44.5624L33.4163 56.2117C33.5568 57.0083 34.1124 57.6689 34.8686 57.9462L45.9851 61.9918C46.7467 62.2682 47.5931 62.1189 48.2143 61.5987L57.2767 53.995C57.8979 53.4748 58.1886 52.665 58.0481 51.8685L55.994 40.2192C55.8536 39.4226 55.2979 38.762 54.5418 38.4847Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M50.7979 48.5955C50.655 51.3755 48.5784 53.7664 45.718 54.2023C42.9627 54.6197 40.3544 53.0891 39.3109 50.6324", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M50.7979 48.5955C50.655 51.3755 48.5784 53.7664 45.718 54.2023C42.9627 54.6197 40.3544 53.0891 39.3109 50.6324", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M48.505 42.3838C48.4811 43.1865 47.8986 43.8938 47.0744 44.0391C46.2502 44.1844 45.5185 43.7545 45.1952 43.0529", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M48.505 42.3838C48.4811 43.1865 47.8986 43.8938 47.0744 44.0391C46.2502 44.1844 45.5185 43.7545 45.1952 43.0529", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M42.7688 43.3953C42.7449 44.198 42.1624 44.9052 41.3382 45.0506C40.5417 45.191 39.7823 44.766 39.459 44.0644", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M42.7688 43.3953C42.7449 44.198 42.1624 44.9052 41.3382 45.0506C40.5417 45.191 39.7823 44.766 39.459 44.0644", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M38.4824 50.9153C39.0717 50.7315 39.6255 50.4114 40.0834 49.9999L38.4824 50.9153Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M38.4824 50.9153C39.0717 50.7315 39.6255 50.4114 40.0834 49.9999", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_dd_2890_2833", x: "-3.53467", y: "0.720215", width: "96.4963", height: "104.988", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [jsxRuntime.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feMorphology", { radius: "1", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_2890_2833" }), jsxRuntime.jsx("feOffset", { dy: "5" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "10" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_2890_2833" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feOffset", { dy: "1" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "2.5" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "effect1_dropShadow_2890_2833", result: "effect2_dropShadow_2890_2833" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_2890_2833", result: "shape" })] }) })] }));
+}
+function DockIconScan({ isSelected = false }) {
+    return (jsxRuntime.jsxs("svg", { className: getDockIconClassname({ isSelected }), xmlns: "http://www.w3.org/2000/svg", width: "80", height: "80", viewBox: "0 0 104 93", fill: "none", children: [jsxRuntime.jsxs("g", { filter: "url(#filter0_dd_1987_41216)", children: [jsxRuntime.jsxs("mask", { id: "path-1-outside-1_1987_41216", maskUnits: "userSpaceOnUse", x: "17.2639", y: "7.89738", width: "69.2766", height: "62.7873", fill: "black", children: [jsxRuntime.jsx("rect", { fill: "white", x: "17.2639", y: "7.89738", width: "69.2766", height: "62.7873" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M29.121 24.4211L26.4157 24.8981C23.7506 25.368 21.9711 27.9095 22.441 30.5745L27.9109 61.596C28.3809 64.2611 30.9223 66.0406 33.5874 65.5707L77.7067 57.7912C80.3718 57.3213 82.1514 54.7799 81.6814 52.1148L76.2115 21.0934C75.7416 18.4283 73.2002 16.6487 70.5351 17.1187L52.3411 20.3268C48.8487 17.8692 44.4172 16.7483 39.8802 17.5483C35.3432 18.3483 31.5623 20.9172 29.121 24.4211Z" })] }), jsxRuntime.jsx("path", { d: "M29.121 24.4211L29.642 27.3755C30.4279 27.2369 31.1263 26.7909 31.5825 26.1361L29.121 24.4211ZM22.441 30.5745L19.4866 31.0955L22.441 30.5745ZM27.9109 61.596L30.8654 61.075L27.9109 61.596ZM70.5351 17.1187L71.056 20.0731L70.5351 17.1187ZM52.3411 20.3268L50.6146 22.7802C51.2673 23.2395 52.0761 23.4198 52.8621 23.2812L52.3411 20.3268ZM26.9366 27.8525L29.642 27.3755L28.6001 21.4667L25.8948 21.9437L26.9366 27.8525ZM25.3954 30.0536C25.2132 29.0202 25.9032 28.0347 26.9366 27.8525L25.8948 21.9437C21.598 22.7013 18.729 26.7987 19.4866 31.0955L25.3954 30.0536ZM30.8654 61.075L25.3954 30.0536L19.4866 31.0955L24.9565 62.1169L30.8654 61.075ZM33.0664 62.6162C32.033 62.7985 31.0476 62.1084 30.8654 61.075L24.9565 62.1169C25.7141 66.4137 29.8116 69.2827 34.1083 68.5251L33.0664 62.6162ZM77.1858 54.8368L33.0664 62.6162L34.1083 68.5251L78.2277 60.7457L77.1858 54.8368ZM78.727 52.6357C78.9092 53.6691 78.2192 54.6546 77.1858 54.8368L78.2277 60.7457C82.5245 59.988 85.3935 55.8906 84.6359 51.5939L78.727 52.6357ZM73.2571 21.6143L78.727 52.6357L84.6359 51.5939L79.1659 20.5724L73.2571 21.6143ZM71.056 20.0731C72.0894 19.8909 73.0749 20.5809 73.2571 21.6143L79.1659 20.5724C78.4083 16.2756 74.3109 13.4066 70.0141 14.1642L71.056 20.0731ZM52.8621 23.2812L71.056 20.0731L70.0141 14.1642L51.8202 17.3723L52.8621 23.2812ZM54.0676 17.8733C49.9494 14.9754 44.714 13.6497 39.3592 14.5939L40.4011 20.5028C44.1204 19.847 47.748 20.763 50.6146 22.7802L54.0676 17.8733ZM39.3592 14.5939C34.0045 15.5381 29.5382 18.5744 26.6596 22.7061L31.5825 26.1361C33.5863 23.2601 36.6819 21.1586 40.4011 20.5028L39.3592 14.5939Z", className: "tw-fill-current", mask: "url(#path-1-outside-1_1987_41216)" })] }), jsxRuntime.jsx("rect", { x: "22.1691", y: "26.1546", width: "53.6", height: "40.3", rx: "4.4", transform: "rotate(-10 22.1691 26.1546)", className: "tw-fill-current tw-stroke-grey-100" }), jsxRuntime.jsx("path", { d: "M23.4946 32.5211L75.8864 23.283", className: "tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M55.7461 39.7263L52.6416 44.1618L69.4942 55.9669L72.5987 51.5313L55.7461 39.7263Z", className: "tw-fill-current tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M61.7136 42.7723L57.5659 48.6982L74.4185 60.5033L78.5662 54.5774L61.7136 42.7723Z", className: "tw-fill-current tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M45.6602 50.3281C54.7086 48.7326 60.75 40.1012 59.1539 31.0493C57.5578 21.9975 48.9287 15.9529 39.8802 17.5483C30.8318 19.1438 24.7905 27.7752 26.3866 36.8271C27.9826 45.879 36.6117 51.9236 45.6602 50.3281Z", className: "tw-fill-current tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("mask", { id: "mask0_1987_41216", style: { maskType: "luminance" }, maskUnits: "userSpaceOnUse", x: "26", y: "17", width: "34", height: "34", children: jsxRuntime.jsx("path", { d: "M46.1553 50.2408C55.2038 48.6453 61.2451 40.0139 59.649 30.962C58.0529 21.9101 49.4238 15.8655 40.3754 17.461C31.3269 19.0565 25.2856 27.6879 26.8817 36.7398C28.4778 45.7916 37.1069 51.8362 46.1553 50.2408Z", fill: "white" }) }), jsxRuntime.jsxs("g", { mask: "url(#mask0_1987_41216)", children: [jsxRuntime.jsx("path", { d: "M31.7583 39.0834C33.391 42.9447 37.5553 45.2561 41.8224 44.3965C45.9378 43.57 48.8235 40.0596 49.0377 36.0555", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M31.7583 39.0834C33.391 42.9447 37.5553 45.2561 41.8224 44.3965C45.9378 43.57 48.8235 40.0596 49.0377 36.0555", className: "tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M31.8042 29.1248C32.2486 30.2508 33.437 30.9493 34.678 30.7305C35.919 30.5117 36.7343 29.5229 36.8203 28.3664", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M31.8042 29.1248C32.2486 30.2508 33.437 30.9493 34.678 30.7305C35.919 30.5117 36.7343 29.5229 36.8203 28.3664", className: "tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M40.4302 27.6038C40.8746 28.7298 42.063 29.4283 43.304 29.2095C44.545 28.9906 45.3603 28.0019 45.4463 26.8454", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M40.4302 27.6038C40.8746 28.7298 42.063 29.4283 43.304 29.2095C44.545 28.9906 45.3603 28.0019 45.4463 26.8454", className: "tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M50.3628 36.03C49.4315 36.0744 48.494 35.9055 47.6313 35.5532L50.3628 36.03Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M50.3628 36.03C49.4315 36.0744 48.494 35.9055 47.6313 35.5532", className: "tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_dd_1987_41216", x: "0.365234", y: "0.0429077", width: "103.392", height: "92.6035", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [jsxRuntime.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feMorphology", { radius: "1", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_1987_41216" }), jsxRuntime.jsx("feOffset", { dy: "5" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "10" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_1987_41216" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feOffset", { dy: "1" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "2.5" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "effect1_dropShadow_1987_41216", result: "effect2_dropShadow_1987_41216" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_1987_41216", result: "shape" })] }) })] }));
+}
+function DockIconAnalytics({ isSelected = false }) {
+    return (jsxRuntime.jsxs("svg", { className: getDockIconClassname({ isSelected }), xmlns: "http://www.w3.org/2000/svg", width: "80", height: "80", viewBox: "0 0 96 99", fill: "none", children: [jsxRuntime.jsxs("g", { filter: "url(#filter0_dd_2890_2870)", children: [jsxRuntime.jsxs("mask", { id: "path-1-outside-1_2890_2870", maskUnits: "userSpaceOnUse", x: "12.6476", y: "11.527", width: "64.6999", height: "63.8887", fill: "black", children: [jsxRuntime.jsx("rect", { fill: "white", x: "12.6476", y: "11.527", width: "64.6999", height: "63.8887" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M48.7338 17.9346L32.4285 20.8097L40.9373 69.0653L57.2426 66.1902L57.2426 66.1902L73.5477 63.3151L67.7141 30.2315L51.409 33.1065L48.7338 17.9346ZM37.2625 48.2266L20.9573 51.1016L24.6308 71.9354L40.9361 69.0603L37.2625 48.2266Z" })] }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M48.7338 17.9346L32.4285 20.8097L40.9373 69.0653L57.2426 66.1902L57.2426 66.1902L73.5477 63.3151L67.7141 30.2315L51.409 33.1065L48.7338 17.9346ZM37.2625 48.2266L20.9573 51.1016L24.6308 71.9354L40.9361 69.0603L37.2625 48.2266Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M32.4285 20.8097L31.9076 17.8553C31.124 17.9934 30.4274 18.4372 29.9711 19.089C29.5147 19.7407 29.3359 20.5471 29.4741 21.3306L32.4285 20.8097ZM48.7338 17.9346L51.6882 17.4137C51.4005 15.782 49.8445 14.6925 48.2129 14.9802L48.7338 17.9346ZM40.9373 69.0653L37.9829 69.5862C38.2706 71.2179 39.8265 72.3074 41.4582 72.0197L40.9373 69.0653ZM57.2426 66.1902L57.7635 69.1446C58.5471 69.0065 59.2437 68.5627 59.7 67.9109C60.1564 67.2592 60.3352 66.4528 60.197 65.6693L57.2426 66.1902ZM57.2426 66.1902L56.7216 63.2357C55.0899 63.5234 54.0004 65.0794 54.2881 66.7111L57.2426 66.1902ZM73.5477 63.3151L74.0686 66.2695C75.7003 65.9818 76.7898 64.4259 76.5021 62.7942L73.5477 63.3151ZM67.7141 30.2315L70.6685 29.7106C70.5304 28.927 70.0866 28.2304 69.4349 27.774C68.7831 27.3177 67.9767 27.1389 67.1932 27.2771L67.7141 30.2315ZM51.409 33.1065L48.4546 33.6275C48.5928 34.411 49.0365 35.1076 49.6883 35.564C50.34 36.0204 51.1464 36.1991 51.93 36.061L51.409 33.1065ZM20.9573 51.1016L20.4363 48.1472C19.6527 48.2854 18.9562 48.7292 18.4998 49.3809C18.0434 50.0327 17.8647 50.839 18.0028 51.6226L20.9573 51.1016ZM37.2625 48.2266L40.217 47.7056C39.9293 46.074 38.3733 44.9845 36.7416 45.2722L37.2625 48.2266ZM24.6308 71.9354L21.6764 72.4563C21.9641 74.088 23.5201 75.1775 25.1517 74.8898L24.6308 71.9354ZM40.9361 69.0603L41.457 72.0147C43.0887 71.727 44.1782 70.171 43.8905 68.5394L40.9361 69.0603ZM32.9495 23.7641L49.2547 20.8891L48.2129 14.9802L31.9076 17.8553L32.9495 23.7641ZM43.8917 68.5443L35.3829 20.2888L29.4741 21.3306L37.9829 69.5862L43.8917 68.5443ZM56.7216 63.2358L40.4163 66.1109L41.4582 72.0197L57.7635 69.1446L56.7216 63.2358ZM54.2881 66.7111L54.2881 66.7112L60.197 65.6693L60.197 65.6692L54.2881 66.7111ZM57.7635 69.1446L74.0686 66.2695L73.0267 60.3607L56.7216 63.2357L57.7635 69.1446ZM76.5021 62.7942L70.6685 29.7106L64.7597 30.7524L70.5932 63.8361L76.5021 62.7942ZM67.1932 27.2771L50.8881 30.1521L51.93 36.061L68.2351 33.1859L67.1932 27.2771ZM45.7794 18.4556L48.4546 33.6275L54.3634 32.5856L51.6882 17.4137L45.7794 18.4556ZM21.4782 54.0561L37.7835 51.181L36.7416 45.2722L20.4363 48.1472L21.4782 54.0561ZM27.5852 71.4144L23.9117 50.5807L18.0028 51.6226L21.6764 72.4563L27.5852 71.4144ZM40.4151 66.1059L24.1099 68.9809L25.1517 74.8898L41.457 72.0147L40.4151 66.1059ZM34.3081 48.7475L37.9817 69.5812L43.8905 68.5394L40.217 47.7056L34.3081 48.7475Z", className: "tw-fill-current", mask: "url(#path-1-outside-1_2890_2870)" })] }), jsxRuntime.jsx("path", { d: "M37.2626 48.2265L20.9573 51.1016L24.6308 71.9353L40.9361 69.0602L37.2626 48.2265Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M48.7338 17.9348L32.4285 20.8098L40.9372 69.0654L57.2425 66.1903L48.7338 17.9348Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M67.7141 30.2316L51.4088 33.1067L57.2423 66.1903L73.5476 63.3153L67.7141 30.2316Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M46.2448 27.966C46.1456 29.9395 44.6669 31.6381 42.6388 31.95C40.6796 32.2497 38.8308 31.1582 38.0865 29.4146", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M46.2448 27.966C46.1456 29.9395 44.6669 31.6381 42.6388 31.95C40.6796 32.2497 38.8308 31.1582 38.0865 29.4146", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M44.6182 23.5531C44.6022 24.1249 44.1874 24.6249 43.601 24.7283C43.0146 24.8316 42.4935 24.5272 42.2684 24.0284", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M44.6182 23.5531C44.6022 24.1249 44.1874 24.6249 43.601 24.7283C43.0146 24.8316 42.4935 24.5272 42.2684 24.0284", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M40.5429 24.2718C40.5269 24.8437 40.1121 25.3436 39.5257 25.447C38.9393 25.5504 38.4182 25.246 38.193 24.7471", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M40.5429 24.2718C40.5269 24.8437 40.1121 25.3436 39.5257 25.447C38.9393 25.5504 38.4182 25.246 38.193 24.7471", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M37.497 29.6151C37.9161 29.4853 38.3081 29.2587 38.6319 28.9628L37.497 29.6151Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M37.497 29.6151C37.9161 29.4853 38.3081 29.2587 38.6319 28.9628", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_dd_2890_2870", x: "-1.04272", y: "0.934082", width: "96.5909", height: "98.0017", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [jsxRuntime.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feMorphology", { radius: "1", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_2890_2870" }), jsxRuntime.jsx("feOffset", { dy: "5" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "10" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_2890_2870" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feOffset", { dy: "1" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "2.5" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "effect1_dropShadow_2890_2870", result: "effect2_dropShadow_2890_2870" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_2890_2870", result: "shape" })] }) })] }));
+}
+function DockIconProfile({ isSelected = false }) {
+    return (jsxRuntime.jsxs("svg", { className: getDockIconClassname({ isSelected }), xmlns: "http://www.w3.org/2000/svg", width: "80", height: "80", viewBox: "0 0 91 92", fill: "none", children: [jsxRuntime.jsxs("g", { filter: "url(#filter0_dd_2890_2884)", children: [jsxRuntime.jsx("path", { d: "M49.0981 64.2104C61.953 61.9437 70.5392 49.7011 68.276 36.8658C66.0128 24.0305 53.7572 15.4629 40.9023 17.7296C28.0474 19.9962 19.4612 32.2388 21.7244 45.0741C23.9876 57.9094 36.2432 66.477 49.0981 64.2104Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M49.3586 65.6876C63.0272 63.2774 72.1607 50.2586 69.7532 36.6053C67.3458 22.9521 54.3104 13.8422 40.6418 16.2524C26.9732 18.6625 17.8397 31.6813 20.2472 45.3346C22.6546 58.9879 35.69 68.0977 49.3586 65.6876Z", className: "tw-stroke-grey-900", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" })] }), jsxRuntime.jsx("path", { d: "M22.1104 28.5476C23.2067 26.1969 24.9162 24.1733 27.0532 22.6971L27.0537 22.6967C27.67 22.2704 27.8292 21.4229 27.3993 20.8017L27.3982 20.8C26.9703 20.1844 26.1255 20.0297 25.5064 20.4553L25.5045 20.4565C22.9691 22.2077 20.9415 24.6071 19.6404 27.3974L19.6398 27.3986C19.3231 28.0803 19.6183 28.8896 20.2999 29.2069C20.5624 29.3293 20.8462 29.3606 21.1118 29.3137C21.5296 29.2401 21.9137 28.9694 22.1102 28.548L22.1104 28.5476Z", className: "tw-fill-grey-300 tw-stroke-grey-900", strokeWidth: "2" }), jsxRuntime.jsx("path", { d: "M43.9449 44.0574L43.9449 44.0574C43.5982 44.264 43.2244 44.3996 42.8431 44.4668C41.764 44.6571 40.6236 44.3 39.8533 43.4574C39.6904 43.2796 39.7029 43.0036 39.8812 42.8404L39.8815 42.8401L39.8815 42.8401C40.0588 42.6797 40.3357 42.6894 40.4991 42.8686L43.9449 44.0574ZM43.9449 44.0574C45.2277 43.2924 45.8302 41.76 45.4101 40.331L43.9449 44.0574ZM44.5707 40.5772C44.8784 41.6236 44.4373 42.7467 43.4966 43.3073C42.522 43.8877 41.2615 43.7027 40.4991 42.8686L44.5707 40.5772Z", className: "tw-fill-grey-300 tw-stroke-grey-300", strokeWidth: "0.15" }), jsxRuntime.jsx("path", { d: "M51.9849 39.5628L51.9848 39.5628C51.6377 39.7694 51.264 39.9054 50.8827 39.9727C49.8031 40.163 48.6626 39.8055 47.8927 38.9628C47.7298 38.785 47.7424 38.509 47.9207 38.3458L47.9211 38.3454L47.9211 38.3454C48.0993 38.185 48.3751 38.1948 48.5385 38.374L51.9849 39.5628ZM51.9849 39.5628C53.2678 38.7982 53.8703 37.2658 53.45 35.8363M51.9849 39.5628L52.9071 35.5405M52.9071 35.5405L52.9072 35.5405C53.1388 35.4731 53.3818 35.6043 53.45 35.8363M52.9071 35.5405C52.6753 35.6086 52.5426 35.8513 52.6106 36.0825L52.9071 35.5405ZM53.45 35.8363L53.378 35.8574L53.45 35.8363C53.45 35.8363 53.45 35.8363 53.45 35.8363ZM52.6106 36.0825C52.9184 37.1294 52.4773 38.2526 51.5366 38.8127C50.5627 39.392 49.301 39.2085 48.5385 38.374L52.6106 36.0825Z", className: "tw-fill-grey-300 tw-stroke-grey-300", strokeWidth: "0.15" }), jsxRuntime.jsx("path", { d: "M59.7053 40.6561L59.7056 40.6559C59.9299 40.5604 60.1845 40.6619 60.2805 40.8834C60.3764 41.105 60.2741 41.3619 60.0525 41.4576L60.0525 41.4577C59.7295 41.597 59.3945 41.7046 59.056 41.7956C60.2892 46.1438 58.5167 50.805 54.6571 53.2307C53.5151 53.9487 52.2719 54.4152 51.0004 54.6394C47.7072 55.22 44.2239 54.1756 41.8116 51.6588L41.8115 51.6588C41.6447 51.4844 41.6502 51.2078 41.8251 51.0409L59.7053 40.6561ZM59.7053 40.6561C58.8349 41.0318 57.8735 41.2193 56.9246 41.1958L56.9239 41.1958M59.7053 40.6561L56.9239 41.1958M56.9239 41.1958C56.6855 41.1919 56.483 41.3799 56.4763 41.6217L56.4763 41.6219M56.9239 41.1958L56.4763 41.6219M56.4763 41.6219C56.4703 41.8632 56.6615 42.0635 56.9028 42.0694L56.9028 42.0694M56.4763 41.6219L56.9028 42.0694M56.9028 42.0694C57.3363 42.0798 57.7711 42.0476 58.2009 41.9823C59.3574 45.9729 57.7367 50.2639 54.1912 52.4919C50.4409 54.8481 45.5006 54.2438 42.4433 51.0542L42.4432 51.0542M56.9028 42.0694L42.4432 51.0542M42.4432 51.0542C42.2757 50.8798 41.9985 50.8748 41.8252 51.0408L42.4432 51.0542Z", className: "tw-fill-grey-300 tw-stroke-grey-300", strokeWidth: "0.15" }), jsxRuntime.jsx("path", { d: "M23.0014 50.7377L23.0699 50.7072L23.0014 50.7377C27.5772 61.0207 38.5449 66.5181 49.1764 64.643C51.064 64.3102 52.9419 63.7442 54.7704 62.9324C66.9005 57.5467 72.3868 43.3128 66.9996 31.2026C64.3895 25.3359 59.6475 20.8368 53.6469 18.5332C47.6474 16.2304 41.1069 16.3985 35.23 19.0075L35.2604 19.0761L35.23 19.0075C23.0999 24.3936 17.6137 38.6276 23.0014 50.7377ZM23.8008 50.3826L23.7323 50.4131L23.8008 50.3826C18.6089 38.7132 23.8955 24.9966 35.5849 19.8054C37.3455 19.0238 39.168 18.4696 41.0175 18.1435C45.1165 17.4207 49.3479 17.8194 53.3325 19.3486C59.115 21.5685 63.6845 25.9041 66.1996 31.5573C71.3916 43.2272 66.1051 56.9442 54.4155 62.1345C52.6522 62.917 50.8442 63.4619 49.0247 63.7827C38.7786 65.5884 28.2091 60.2924 23.8008 50.3826Z", className: "tw-fill-grey-300 tw-stroke-grey-300", strokeWidth: "0.15" }), jsxRuntime.jsx("path", { d: "M20.4787 27.7884C20.3769 28.0073 20.4718 28.2668 20.6905 28.3684L20.7221 28.3004C20.7922 28.3331 20.8672 28.3414 20.9381 28.3289C21.0504 28.3091 21.1519 28.2369 21.2039 28.1253L21.2719 28.157C21.2719 28.157 21.2719 28.157 21.2719 28.157C22.4377 25.657 24.2553 23.5056 26.5274 21.936L26.5275 21.936C26.7258 21.7989 26.7763 21.5269 26.6387 21.328L26.6386 21.3279C26.5013 21.1304 26.2301 21.0802 26.0303 21.2176L26.0302 21.2177C23.6298 22.8755 21.7103 25.1472 20.4787 27.7883L20.4787 27.7884Z", className: "tw-fill-grey-300 tw-stroke-grey-300", strokeWidth: "0.15" }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_dd_2890_2884", x: "-0.638062", y: "0.365479", width: "91.2766", height: "91.209", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [jsxRuntime.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feMorphology", { radius: "1", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_2890_2884" }), jsxRuntime.jsx("feOffset", { dy: "5" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "10" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_2890_2884" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feOffset", { dy: "1" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "2.5" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "effect1_dropShadow_2890_2884", result: "effect2_dropShadow_2890_2884" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_2890_2884", result: "shape" })] }) })] }));
+}
+function DockIconHelp({ isSelected = false }) {
+    return (jsxRuntime.jsxs("svg", { className: getDockIconClassname({ isSelected }), xmlns: "http://www.w3.org/2000/svg", width: "80", height: "80", viewBox: "0 0 100 100", fill: "none", children: [jsxRuntime.jsxs("g", { filter: "url(#filter0_dd_1744_41485)", children: [jsxRuntime.jsx("path", { d: "M50 17C34.5359 17 22 29.5359 22 45C22 60.4641 34.5359 73 50 73C65.4641 73 78 60.4641 78 45C78 29.5359 65.4698 17 50 17ZM50 55.7516C44.0637 55.7516 39.2484 50.9363 39.2484 45C39.2484 39.0637 44.0637 34.2484 50 34.2484C55.9363 34.2484 60.7516 39.0637 60.7516 45C60.7516 50.9363 55.9363 55.7516 50 55.7516Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M50 15.5C33.7075 15.5 20.5 28.7075 20.5 45C20.5 61.2925 33.7075 74.5 50 74.5C66.2925 74.5 79.5 61.2925 79.5 45C79.5 28.7077 66.2984 15.5 50 15.5ZM50 54.2516C44.8922 54.2516 40.7484 50.1078 40.7484 45C40.7484 39.8922 44.8922 35.7484 50 35.7484C55.1078 35.7484 59.2516 39.8922 59.2516 45C59.2516 50.1078 55.1078 54.2516 50 54.2516Z", className: "tw-stroke-grey-900", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" })] }), jsxRuntime.jsxs("mask", { id: "path-3-outside-1_1744_41485", maskUnits: "userSpaceOnUse", x: "67.4766", y: "19.3555", width: "9", height: "9", fill: "black", children: [jsxRuntime.jsx("rect", { fill: "white", x: "67.4766", y: "19.3555", width: "9", height: "9" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M71.0508 21.5019C70.8556 21.3067 70.539 21.3067 70.3437 21.5019C70.1485 21.6972 70.1485 22.0138 70.3437 22.209L71.2167 23.082L69.623 24.6757C69.4277 24.8709 69.4277 25.1875 69.623 25.3828C69.8183 25.578 70.1349 25.578 70.3301 25.3828L71.9238 23.7891L72.7971 24.6625C72.9924 24.8577 73.309 24.8577 73.5043 24.6625C73.6995 24.4672 73.6995 24.1506 73.5043 23.9553L71.0508 21.5019Z" })] }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M71.0508 21.5019C70.8556 21.3067 70.539 21.3067 70.3437 21.5019C70.1485 21.6972 70.1485 22.0138 70.3437 22.209L71.2167 23.082L69.623 24.6757C69.4277 24.8709 69.4277 25.1875 69.623 25.3828C69.8183 25.578 70.1349 25.578 70.3301 25.3828L71.9238 23.7891L72.7971 24.6625C72.9924 24.8577 73.309 24.8577 73.5043 24.6625C73.6995 24.4672 73.6995 24.1506 73.5043 23.9553L71.0508 21.5019Z", className: "tw-fill-grey-300" }), jsxRuntime.jsx("path", { d: "M70.3437 21.5019L71.7579 22.9161L71.7579 22.9161L70.3437 21.5019ZM71.0508 21.5019L69.6366 22.9161L69.6366 22.9161L71.0508 21.5019ZM70.3437 22.209L71.7579 20.7948L71.7579 20.7948L70.3437 22.209ZM71.2167 23.082L72.6309 24.4962C73.4119 23.7151 73.4119 22.4488 72.6309 21.6678L71.2167 23.082ZM69.623 24.6757L68.2088 23.2614L68.2088 23.2614L69.623 24.6757ZM69.623 25.3828L68.2088 26.797L68.2088 26.797L69.623 25.3828ZM70.3301 25.3828L71.7443 26.797L71.7443 26.797L70.3301 25.3828ZM71.9238 23.7891L73.338 22.3749C72.9629 21.9998 72.4542 21.7891 71.9238 21.7891C71.3933 21.7891 70.8846 21.9998 70.5096 22.3749L71.9238 23.7891ZM72.7971 24.6625L71.3829 26.0767L71.3829 26.0767L72.7971 24.6625ZM73.5043 24.6625L74.9185 26.0767L74.9185 26.0767L73.5043 24.6625ZM73.5043 23.9553L74.9185 22.5411V22.5411L73.5043 23.9553ZM71.7579 22.9161C71.1721 23.5019 70.2224 23.5019 69.6366 22.9161L72.465 20.0877C71.4887 19.1114 69.9058 19.1114 68.9295 20.0877L71.7579 22.9161ZM71.7579 20.7948C72.3437 21.3806 72.3437 22.3303 71.7579 22.9161L68.9295 20.0877C67.9532 21.064 67.9532 22.6469 68.9295 23.6232L71.7579 20.7948ZM72.6309 21.6678L71.7579 20.7948L68.9295 23.6232L69.8025 24.4962L72.6309 21.6678ZM71.0372 26.0899L72.6309 24.4962L69.8025 21.6678L68.2088 23.2614L71.0372 26.0899ZM71.0372 23.9685C71.623 24.5543 71.623 25.5041 71.0372 26.0899L68.2088 23.2614C67.2325 24.2377 67.2325 25.8207 68.2088 26.797L71.0372 23.9685ZM68.9159 23.9685C69.5017 23.3828 70.4514 23.3828 71.0372 23.9685L68.2088 26.797C69.1851 27.7733 70.768 27.7733 71.7443 26.797L68.9159 23.9685ZM70.5096 22.3749L68.9159 23.9685L71.7443 26.797L73.338 25.2033L70.5096 22.3749ZM74.2114 23.2482L73.338 22.3749L70.5096 25.2033L71.3829 26.0767L74.2114 23.2482ZM72.09 23.2482C72.6758 22.6625 73.6256 22.6625 74.2114 23.2482L71.3829 26.0767C72.3592 27.053 73.9422 27.053 74.9185 26.0767L72.09 23.2482ZM72.09 25.3696C71.5043 24.7838 71.5043 23.834 72.09 23.2482L74.9185 26.0767C75.8948 25.1004 75.8948 23.5174 74.9185 22.5411L72.09 25.3696ZM69.6366 22.9161L72.09 25.3696L74.9185 22.5411L72.465 20.0877L69.6366 22.9161Z", className: "tw-fill-current", mask: "url(#path-3-outside-1_1744_41485)" }), jsxRuntime.jsx("path", { d: "M50 17C34.5359 17 22 29.5359 22 45C22 60.4641 34.5359 73 50 73C65.4641 73 78 60.4641 78 45C78 29.5359 65.4698 17 50 17ZM50 55.7516C44.0637 55.7516 39.2484 50.9363 39.2484 45C39.2484 39.0637 44.0637 34.2484 50 34.2484C55.9363 34.2484 60.7516 39.0637 60.7516 45C60.7516 50.9363 55.9363 55.7516 50 55.7516Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M42.5276 26.845L42.5242 26.8404C41.9548 26.087 40.8824 25.9378 40.129 26.5072L34.9231 30.4415C34.1697 31.0109 34.0205 32.0833 34.5899 32.8367L34.5933 32.8413C35.1627 33.5947 36.2351 33.7439 36.9885 33.1745L42.1944 29.2402C42.9478 28.6708 43.097 27.5984 42.5276 26.845Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M65.4441 57.1753L65.4407 57.1707C64.8713 56.4173 63.7989 56.2681 63.0455 56.8375L57.8396 60.7718C57.0862 61.3412 56.937 62.4136 57.5064 63.167L57.5098 63.1716C58.0792 63.925 59.1516 64.0742 59.905 63.5048L65.1109 59.5705C65.8643 59.0011 66.0135 57.9287 65.4441 57.1753Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M71.8123 23.1934L69.9766 25.0292", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M73.1507 24.3089L70.6973 21.8555", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M66.1677 36.1298C64.0574 37.3709 61.2894 37.0048 59.5852 35.1119C57.9438 33.2875 57.8066 30.6339 59.1048 28.678", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M66.1677 36.1298C64.0574 37.3709 61.2894 37.0048 59.5852 35.1119C57.9438 33.2875 57.8066 30.6339 59.1048 28.678", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M69.6218 31.4405C69.0213 31.8122 68.2206 31.7264 67.7117 31.1889C67.2027 30.6513 67.1684 29.9078 67.5287 29.3302", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M69.6218 31.4405C69.0213 31.8122 68.2206 31.7264 67.7117 31.1889C67.2027 30.6513 67.1684 29.9078 67.5287 29.3302", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M66.1047 27.7116C65.5042 28.0833 64.7036 27.9976 64.1946 27.46C63.6856 26.9224 63.6513 26.1789 64.0116 25.6013", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M66.1047 27.7116C65.5042 28.0833 64.7036 27.9976 64.1946 27.46C63.6856 26.9224 63.6513 26.1789 64.0116 25.6013", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M58.4985 28.2037C58.9217 28.5468 59.4193 28.7984 59.9454 28.9357L58.4985 28.2037Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M58.4985 28.2037C58.9217 28.5468 59.4193 28.7984 59.9454 28.9357", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_dd_1744_41485", x: "0", y: "0", width: "100", height: "100", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [jsxRuntime.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feMorphology", { radius: "1", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_1744_41485" }), jsxRuntime.jsx("feOffset", { dy: "5" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "10" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_1744_41485" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feOffset", { dy: "1" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "2.5" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "effect1_dropShadow_1744_41485", result: "effect2_dropShadow_1744_41485" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_1744_41485", result: "shape" })] }) })] }));
+}
+
 function EmojiSadIcon({ className, size = "20", }) {
     return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20ZM13.5341 12.4645C11.5815 10.5118 8.41568 10.5118 6.46306 12.4645C6.07254 12.855 6.07254 13.4882 6.46306 13.8787C6.85358 14.2692 7.48675 14.2692 7.87727 13.8787C9.04885 12.7071 10.9483 12.7071 12.1199 13.8787C12.5104 14.2692 13.1436 14.2692 13.5341 13.8787C13.9247 13.4882 13.9247 12.855 13.5341 12.4645ZM8.5 7.5C8.5 8.32843 7.94036 9 7.25 9C6.55964 9 6 8.32843 6 7.5C6 6.67157 6.55964 6 7.25 6C7.94036 6 8.5 6.67157 8.5 7.5ZM12.75 9C13.4404 9 14 8.32843 14 7.5C14 6.67157 13.4404 6 12.75 6C12.0596 6 11.5 6.67157 11.5 7.5C11.5 8.32843 12.0596 9 12.75 9Z", fill: "currentColor" }) }));
 }
@@ -17727,10 +17803,78 @@ function EthereumIcon() {
     return (jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M9.99866 2.91669L9.99866 12.6994L14.471 10.1298L9.99866 2.91669Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M9.99872 2.91669L5.52637 10.1298L9.99872 12.6995V8.15387V2.91669Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M9.99866 13.5226V17.0802L14.4737 10.9542L9.99866 13.5226Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M9.99872 17.0801V13.5225L5.52637 10.9542L9.99872 17.0801Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M9.99866 12.6994L14.4709 10.1298L9.99866 8.15387V12.6994Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M5.52637 10.1298L9.99865 12.6994V8.15387L5.52637 10.1298Z", fill: "currentColor" })] }));
 }
 
+function FavouriteFilterIcon({ size = "20", className, }) {
+    return (jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: [jsxRuntime.jsx("g", { clipPath: "url(#clip0_2347_2051)", children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.8455 1.41356C12.3313 0.606286 13.5017 0.606288 13.9875 1.41356L15.2314 3.4805L17.5816 4.0248C18.4995 4.23739 18.8611 5.35048 18.2435 6.06199L16.6621 7.88373L16.8707 10.2871C16.9522 11.2257 16.0053 11.9137 15.1378 11.5461L12.9165 10.6051L10.6952 11.5461C9.8277 11.9137 8.88085 11.2257 8.96232 10.2871L9.1709 7.88373L7.58951 6.06199C6.97187 5.35048 7.33354 4.23739 8.25143 4.0248L10.6016 3.4805L11.8455 1.41356ZM6.42243 8.57745C6.74786 8.90289 6.74786 9.43053 6.42243 9.75596L3.08909 13.0893C2.76366 13.4147 2.23602 13.4147 1.91058 13.0893C1.58514 12.7639 1.58514 12.2362 1.91058 11.9108L5.24392 8.57745C5.56935 8.25202 6.09699 8.25202 6.42243 8.57745ZM8.08909 12.7441C8.41453 13.0696 8.41453 13.5972 8.08909 13.9226L4.75576 17.256C4.43032 17.5814 3.90269 17.5814 3.57725 17.256C3.25181 16.9305 3.25181 16.4029 3.57725 16.0775L6.91058 12.7441C7.23602 12.4187 7.76366 12.4187 8.08909 12.7441ZM13.9224 12.7441C14.2479 13.0696 14.2479 13.5972 13.9224 13.9226L10.5891 17.256C10.2637 17.5814 9.73602 17.5814 9.41058 17.256C9.08515 16.9305 9.08515 16.4029 9.41058 16.0775L12.7439 12.7441C13.0694 12.4187 13.597 12.4187 13.9224 12.7441Z", fill: "currentColor", fillOpacity: "0.66" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "clip0_2347_2051", children: jsxRuntime.jsx("path", { d: "M0 8.3C0 5.21618 0 3.67427 0.656842 2.52271C1.1005 1.74489 1.74489 1.1005 2.52271 0.656842C3.67427 0 5.21618 0 8.3 0H11.7C14.7838 0 16.3257 0 17.4773 0.656842C18.2551 1.1005 18.8995 1.74489 19.3432 2.52271C20 3.67427 20 5.21618 20 8.3V11.7C20 14.7838 20 16.3257 19.3432 17.4773C18.8995 18.2551 18.2551 18.8995 17.4773 19.3432C16.3257 20 14.7838 20 11.7 20H8.3C5.21618 20 3.67427 20 2.52271 19.3432C1.74489 18.8995 1.1005 18.2551 0.656842 17.4773C0 16.3257 0 14.7838 0 11.7V8.3Z", fill: "currentColor" }) }) })] }));
+}
+
 function FilterIcon() {
     return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "16", fill: "none", viewBox: "0 0 20 16", children: jsxRuntime.jsx("path", { fill: "currentColor", fillOpacity: "0.66", fillRule: "evenodd", d: "M0 1a1 1 0 011-1h18a1 1 0 110 2H1a1 1 0 01-1-1zm3 7a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm3 7a1 1 0 011-1h6a1 1 0 110 2H7a1 1 0 01-1-1z", clipRule: "evenodd" }) }));
 }
 
+function GhostIcon({ size = "20", className, }) {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.0002 1.66675C6.31826 1.66675 3.3335 4.64254 3.3335 8.31336V16.6688C3.3335 18.0204 4.86578 18.8065 5.96889 18.021L6.80466 17.4258C7.04159 17.2571 7.34967 17.2239 7.61729 17.3382L9.34363 18.0758C9.76288 18.255 10.2374 18.255 10.6567 18.0758L12.383 17.3382C12.6507 17.2239 12.9587 17.2571 13.1957 17.4258L14.0314 18.021C15.1345 18.8065 16.6668 18.0204 16.6668 16.6688V8.31336C16.6668 4.64254 13.6821 1.66675 10.0002 1.66675ZM9.16683 8.75008C9.16683 9.44044 8.60719 10.0001 7.91683 10.0001C7.22647 10.0001 6.66683 9.44044 6.66683 8.75008C6.66683 8.05973 7.22647 7.50008 7.91683 7.50008C8.60719 7.50008 9.16683 8.05973 9.16683 8.75008ZM12.0835 10.0001C12.7739 10.0001 13.3335 9.44044 13.3335 8.75008C13.3335 8.05973 12.7739 7.50008 12.0835 7.50008C11.3931 7.50008 10.8335 8.05973 10.8335 8.75008C10.8335 9.44044 11.3931 10.0001 12.0835 10.0001Z", fill: "currentColor" }) }));
+}
+function SettingsSliderIcon({ size = "20", className, }) {
+    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, children: [jsxRuntime.jsx("path", { d: "M14.1667 2.5C12.6129 2.5 11.3081 3.56202 10.9383 5H3.33333C2.8731 5 2.5 5.3731 2.5 5.83333C2.5 6.29357 2.8731 6.66667 3.33333 6.66667H10.9383C11.3081 8.10465 12.6129 9.16667 14.1667 9.16667C16.0082 9.16667 17.5 7.67482 17.5 5.83333C17.5 3.99185 16.0082 2.5 14.1667 2.5Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M7.5 10.8333C5.94628 10.8333 4.64147 11.8953 4.2716 13.3333H3.33333C2.8731 13.3333 2.5 13.7064 2.5 14.1667C2.5 14.6269 2.8731 15 3.33333 15H4.2716C4.64147 16.438 5.94628 17.5 7.5 17.5C9.05372 17.5 10.3585 16.438 10.7284 15H16.6667C17.1269 15 17.5 14.6269 17.5 14.1667C17.5 13.7064 17.1269 13.3333 16.6667 13.3333H10.7284C10.3585 11.8953 9.05372 10.8333 7.5 10.8333Z", fill: "currentColor" })] }));
+}
+function EyeOpenIcon({ size = "20", className, }) {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.0002 3.33325C13.2933 3.33323 16.4923 5.22686 18.6308 8.81919C19.0637 9.54645 19.0637 10.4533 18.6308 11.1806C16.4923 14.7729 13.2933 16.6666 10.0002 16.6666C6.70711 16.6666 3.50807 14.773 1.36961 11.1806C0.936691 10.4534 0.936692 9.54654 1.36961 8.81928C3.50806 5.22694 6.70711 3.33328 10.0002 3.33325ZM7.08354 9.99992C7.08354 8.38909 8.38937 7.08325 10.0002 7.08325C11.611 7.08325 12.9169 8.38909 12.9169 9.99992C12.9169 11.6107 11.611 12.9166 10.0002 12.9166C8.38937 12.9166 7.08354 11.6107 7.08354 9.99992Z", fill: "currentColor" }) }));
+}
+function BellAlarmIcon({ size = "20", className, }) {
+    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, children: [jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.99988 1.66678C6.71988 1.66678 3.94653 4.09489 3.51303 7.34611L2.75878 13.003C2.55895 14.5017 3.72487 15.8334 5.23685 15.8334H6.1279C6.88136 17.29 8.30102 18.3334 9.99987 18.3334C11.6987 18.3334 13.1184 17.29 13.8718 15.8334H14.7629C16.2749 15.8334 17.4408 14.5017 17.241 13.003L16.4867 7.34612C16.0532 4.09489 13.2799 1.66678 9.99988 1.66678ZM11.8513 15.8334H8.1484C8.65585 16.3645 9.31385 16.6668 9.99987 16.6668C10.6859 16.6668 11.3439 16.3645 11.8513 15.8334Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.83481 1.65221C4.18713 1.94834 4.23268 2.47401 3.93655 2.82633C3.12664 3.78991 2.54294 4.94811 2.26535 6.2198C2.16719 6.66945 1.72311 6.95439 1.27346 6.85624C0.823814 6.75809 0.53887 6.31401 0.637023 5.86436C0.973718 4.32192 1.68141 2.91906 2.6607 1.75395C2.95683 1.40164 3.48249 1.35609 3.83481 1.65221ZM16.165 1.65221C16.5173 1.35609 17.043 1.40164 17.3391 1.75395C18.3184 2.91906 19.0261 4.32192 19.3628 5.86436C19.4609 6.31401 19.176 6.75809 18.7263 6.85624C18.2767 6.95439 17.8326 6.66945 17.7344 6.2198C17.4568 4.94811 16.8731 3.78991 16.0632 2.82633C15.7671 2.47401 15.8127 1.94834 16.165 1.65221Z", fill: "currentColor" })] }));
+}
+function LimitIcon({ size = "20", className, }) {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.7139 6.11929C12.1104 3.51579 7.88928 3.51579 5.28578 6.11929C2.77054 8.63453 2.68525 12.6602 5.03004 15.2772C5.33716 15.62 5.30825 16.1469 4.96547 16.454C4.62269 16.7611 4.09585 16.7322 3.78873 16.3894C0.856646 13.1169 0.962783 8.08527 4.10727 4.94078C7.36164 1.68641 12.638 1.68641 15.8924 4.94078C19.0369 8.08527 19.143 13.1169 16.2109 16.3894C15.9038 16.7322 15.377 16.7611 15.0342 16.454C14.6914 16.1469 14.6625 15.62 14.9696 15.2772C17.3144 12.6602 17.2291 8.63453 14.7139 6.11929ZM6.90944 7.74408C7.23488 7.41864 7.76251 7.41864 8.08795 7.74408L10.588 10.2441C10.9134 10.5695 10.9134 11.0972 10.588 11.4226C10.2625 11.748 9.73488 11.748 9.40944 11.4226L6.90944 8.92259C6.584 8.59715 6.584 8.06952 6.90944 7.74408Z", fill: "currentColor" }) }));
+}
+function PoopIcon({ size = "20", className, }) {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.99984 3.33348C9.99984 2.4904 10.7451 1.51067 11.8637 1.79543C13.666 2.25426 14.9998 3.88705 14.9998 5.83348C14.9998 6.51535 14.8357 7.15921 14.5453 7.72739C15.7869 8.21228 16.6665 9.42016 16.6665 10.8335C16.6665 11.1983 16.6077 11.5479 16.4996 11.8745C17.5741 12.3045 18.3332 13.3554 18.3332 14.5835C18.3332 16.1943 17.0273 17.5001 15.4165 17.5001H4.58317C2.97234 17.5001 1.6665 16.1943 1.6665 14.5835C1.6665 13.3554 2.42554 12.3045 3.50009 11.8745C3.39194 11.5479 3.33317 11.1983 3.33317 10.8335C3.33317 9.51455 4.09888 8.37491 5.21027 7.83436C5.07429 7.47085 4.99984 7.0773 4.99984 6.66681C4.99984 4.82586 6.49222 3.33348 8.33317 3.33348H9.99984ZM9.1665 7.50012C8.70627 7.50012 8.33317 7.87322 8.33317 8.33345C8.33317 8.79369 8.70627 9.16679 9.1665 9.16679H9.99984C10.4601 9.16679 10.8332 8.79369 10.8332 8.33345C10.8332 7.87322 10.4601 7.50012 9.99984 7.50012H9.1665ZM11.6665 11.6668C11.2063 11.6668 10.8332 12.0399 10.8332 12.5001C10.8332 12.9604 11.2063 13.3335 11.6665 13.3335H12.4998C12.9601 13.3335 13.3332 12.9604 13.3332 12.5001C13.3332 12.0399 12.9601 11.6668 12.4998 11.6668H11.6665Z", fill: "currentColor" }) }));
+}
+function CatSquareIcon({ size = "20", className, }) {
+    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, children: [jsxRuntime.jsx("path", { d: "M11.0744 13.3379C11.5495 13.2106 11.8109 12.6451 11.6581 12.0749C11.5053 11.5047 10.9962 11.1457 10.5211 11.273C10.0459 11.4003 9.78453 11.9658 9.93732 12.536C10.0901 13.1062 10.5992 13.4653 11.0744 13.3379Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M15.057 13.7462C15.1589 14.1264 14.7792 14.5584 14.209 14.7112C13.6388 14.864 13.0939 14.6796 12.9921 14.2995C12.8902 13.9194 13.2699 13.4873 13.8401 13.3345C14.4103 13.1818 14.9552 13.3661 15.057 13.7462Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.16667 2.5C3.24619 2.5 2.5 3.24619 2.5 4.16667V15.8333C2.5 16.7538 3.24619 17.5 4.16667 17.5H15.8333C16.7538 17.5 17.5 16.7538 17.5 15.8333V4.16667C17.5 3.24619 16.7538 2.5 15.8333 2.5H4.16667ZM12.3973 7.76567C11.6727 7.95982 11.0031 8.24294 10.4045 8.59391L7.48285 7.91551C7.19114 7.84777 6.92536 8.10071 6.97858 8.39542L7.59801 11.8256C7.32824 12.6125 7.2779 13.4391 7.49351 14.2437C7.61973 14.7148 7.82865 15.1468 8.10601 15.5337C8.24716 15.7306 8.48134 15.8333 8.72362 15.8333H15C15.4602 15.8333 15.8333 15.4602 15.8333 15V11.9521C15.5014 11.8617 15.2088 11.5615 15.0993 11.1528C14.9465 10.5825 15.2078 10.0171 15.683 9.88975C15.7329 9.87638 15.7832 9.86838 15.8333 9.86541V6.44469C15.8333 6.37139 15.7455 6.3338 15.6925 6.3844L14.5374 7.48655C13.8434 7.4819 13.1219 7.57151 12.3973 7.76567Z", fill: "currentColor" })] }));
+}
+function FilterAscendingIcon({ size = "20", className, }) {
+    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, children: [jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.83333 2.5C6.29357 2.5 6.66667 2.8731 6.66667 3.33333V14.6548L7.74408 13.5774C8.06951 13.252 8.59715 13.252 8.92259 13.5774C9.24803 13.9028 9.24803 14.4305 8.92259 14.7559L6.42259 17.2559C6.09715 17.5814 5.56951 17.5814 5.24408 17.2559L2.74408 14.7559C2.41864 14.4305 2.41864 13.9028 2.74408 13.5774C3.06951 13.252 3.59715 13.252 3.92259 13.5774L5 14.6548V3.33333C5 2.8731 5.3731 2.5 5.83333 2.5Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.5833 2.5C15.2592 2.5 15.8558 2.94152 16.0533 3.58792L17.0439 6.82978L17.4572 8.06981C17.6028 8.50643 17.3668 8.97836 16.9302 9.1239C16.4936 9.26944 16.0216 9.03348 15.8761 8.59686L15.6494 7.91667H13.5173L13.2906 8.59686C13.145 9.03348 12.6731 9.26944 12.2365 9.1239C11.7999 8.97836 11.5639 8.50643 11.7094 8.06981L12.1228 6.82977L13.1133 3.58792C13.3109 2.94152 13.9074 2.5 14.5833 2.5ZM14.5833 4.48053L14.0427 6.25H15.124L14.5833 4.48053Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.6667 11.6667C11.6667 11.2064 12.0398 10.8333 12.5 10.8333H16.6667C16.99 10.8333 17.2842 11.0204 17.4213 11.3132C17.5585 11.606 17.5139 11.9518 17.3069 12.2002L14.2792 15.8333H16.6667C17.1269 15.8333 17.5 16.2064 17.5 16.6667C17.5 17.1269 17.1269 17.5 16.6667 17.5H12.5C12.1767 17.5 11.8825 17.313 11.7453 17.0201C11.6082 16.7273 11.6528 16.3816 11.8598 16.1332L14.8875 12.5H12.5C12.0398 12.5 11.6667 12.1269 11.6667 11.6667Z", fill: "currentColor" })] }));
+}
+function ImageIcon({ size = "20", className, }) {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 25", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M4 14.7105L6.84488 12.5821C7.66137 12.0378 8.75215 12.1663 9.41987 12.8853C10.9123 14.4926 12.6426 15.9538 15 15.9538C17.1727 15.9538 18.6125 15.1485 20 13.761M6 20.5H18C19.1046 20.5 20 19.6046 20 18.5V6.5C20 5.39543 19.1046 4.5 18 4.5H6C4.89543 4.5 4 5.39543 4 6.5V18.5C4 19.6046 4.89543 20.5 6 20.5ZM17 9.5C17 10.6046 16.1046 11.5 15 11.5C13.8954 11.5 13 10.6046 13 9.5C13 8.39543 13.8954 7.5 15 7.5C16.1046 7.5 17 8.39543 17 9.5Z", stroke: "currentColor", strokeWidth: "2", strokeLinejoin: "round" }) }));
+}
+function FilterTimelineIcon({ size = "20", className, }) {
+    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, children: [jsxRuntime.jsx("path", { d: "M5.00117 3.33325C5.46141 3.33325 5.8345 3.70635 5.8345 4.16659V13.8206L6.91042 12.7442C7.23577 12.4186 7.76341 12.4185 8.08894 12.7438C8.41446 13.0692 8.4146 13.5968 8.08925 13.9224L5.59058 16.4224C5.43434 16.5787 5.22241 16.6665 5.00139 16.6666C4.78038 16.6666 4.56839 16.5789 4.41207 16.4227L1.91074 13.9227C1.58521 13.5973 1.58507 13.0697 1.91042 12.7442C2.23577 12.4186 2.76341 12.4185 3.08894 12.7438L4.16784 13.8222V4.16659C4.16784 3.70635 4.54093 3.33325 5.00117 3.33325Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M9.99984 4.99992C9.5396 4.99992 9.1665 5.37301 9.1665 5.83325C9.1665 6.29349 9.5396 6.66659 9.99984 6.66659H16.6665C17.1267 6.66659 17.4998 6.29349 17.4998 5.83325C17.4998 5.37301 17.1267 4.99992 16.6665 4.99992H9.99984Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M13.3332 13.3333C12.8729 13.3333 12.4998 13.7063 12.4998 14.1666C12.4998 14.6268 12.8729 14.9999 13.3332 14.9999H16.6665C17.1267 14.9999 17.4998 14.6268 17.4998 14.1666C17.4998 13.7063 17.1267 13.3333 16.6665 13.3333H13.3332Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M10.8332 9.99992C10.8332 9.53968 11.2063 9.16659 11.6665 9.16659H16.6665C17.1267 9.16659 17.4998 9.53968 17.4998 9.99992C17.4998 10.4602 17.1267 10.8333 16.6665 10.8333H11.6665C11.2063 10.8333 10.8332 10.4602 10.8332 9.99992Z", fill: "currentColor" })] }));
+}
+function NewspaperIcon({ className, size = "24", }) {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M12 8C12 6.34315 13.3431 5 15 5H20C21.1046 5 22 5.89543 22 7V17C22 18.1046 21.1046 19 20 19H15.277C14.5966 19 13.9296 19.1642 13.3508 19.5219C12.772 19.8796 12.3043 20.3914 12 21M12 8C12 6.34315 10.6569 5 9 5H4C2.89543 5 2 5.89543 2 7V17C2 18.1046 2.89543 19 4 19H8.723C9.40341 19 10.0704 19.1642 10.6492 19.5219C11.228 19.8796 11.6957 20.3914 12 21M12 8V21", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+}
+function AtomIcon({ className, size = "24", }) {
+    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: [jsxRuntime.jsx("path", { d: "M19.4739 4.52612C21.0463 6.09858 18.9749 10.7195 14.8472 14.8472C10.7195 18.9749 6.09858 21.0463 4.52612 19.4739C2.95366 17.9014 5.0251 13.2805 9.15281 9.15281C13.2805 5.0251 17.9014 2.95366 19.4739 4.52612Z", stroke: "currentColor", strokeWidth: "2" }), jsxRuntime.jsx("path", { d: "M19.4739 19.4739C17.9014 21.0463 13.2805 18.9749 9.15281 14.8472C5.0251 10.7195 2.95366 6.09858 4.52612 4.52612C6.09858 2.95366 10.7195 5.0251 14.8472 9.15281C18.9749 13.2805 21.0463 17.9014 19.4739 19.4739Z", stroke: "currentColor", strokeWidth: "2" })] }));
+}
+function SunriseSmallIcon({ className, size = "20", }) {
+    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, children: [jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.99984 1.66663C10.4601 1.66663 10.8332 2.03972 10.8332 2.49996V3.33329C10.8332 3.79353 10.4601 4.16663 9.99984 4.16663C9.5396 4.16663 9.1665 3.79353 9.1665 3.33329V2.49996C9.1665 2.03972 9.5396 1.66663 9.99984 1.66663ZM1.6665 9.99996C1.6665 9.53972 2.0396 9.16663 2.49984 9.16663H3.33317C3.79341 9.16663 4.1665 9.53972 4.1665 9.99996C4.1665 10.4602 3.79341 10.8333 3.33317 10.8333H2.49984C2.0396 10.8333 1.6665 10.4602 1.6665 9.99996ZM15.8332 9.99996C15.8332 9.53972 16.2063 9.16663 16.6665 9.16663H17.4998C17.9601 9.16663 18.3332 9.53972 18.3332 9.99996C18.3332 10.4602 17.9601 10.8333 17.4998 10.8333H16.6665C16.2063 10.8333 15.8332 10.4602 15.8332 9.99996Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1241 5.87517C13.7987 5.54973 13.7987 5.0221 14.1241 4.69666L14.7134 4.1074C15.0388 3.78197 15.5665 3.78197 15.8919 4.1074C16.2173 4.43284 16.2173 4.96048 15.8919 5.28592L15.3026 5.87517C14.9772 6.20061 14.4496 6.20061 14.1241 5.87517Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.6665 13.3333C1.6665 12.8731 2.0396 12.5 2.49984 12.5H17.4998C17.9601 12.5 18.3332 12.8731 18.3332 13.3333C18.3332 13.7935 17.9601 14.1666 17.4998 14.1666H2.49984C2.0396 14.1666 1.6665 13.7935 1.6665 13.3333ZM4.99984 16.6666C4.99984 16.2064 5.37293 15.8333 5.83317 15.8333H14.1665C14.6267 15.8333 14.9998 16.2064 14.9998 16.6666C14.9998 17.1269 14.6267 17.5 14.1665 17.5H5.83317C5.37293 17.5 4.99984 17.1269 4.99984 16.6666Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.10785 4.1074C4.43328 3.78197 4.96092 3.78197 5.28636 4.1074L5.87561 4.69666C6.20105 5.0221 6.20105 5.54973 5.87561 5.87517C5.55018 6.20061 5.02254 6.20061 4.6971 5.87517L4.10785 5.28591C3.78241 4.96048 3.78241 4.43284 4.10785 4.1074Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.6665 10.8333C6.20627 10.8333 5.83317 10.4602 5.83317 9.99996C5.83317 7.69877 7.69865 5.83329 9.99984 5.83329C12.301 5.83329 14.1665 7.69877 14.1665 9.99996C14.1665 10.4602 13.7934 10.8333 13.3332 10.8333C11.9184 10.8333 8.08126 10.8333 6.6665 10.8333Z", fill: "currentColor" })] }));
+}
+function CoinsOutlinedIcon({ className, size = "24", }) {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M9 16C5.68629 16 3 13.3137 3 10C3 6.68629 5.68629 4 9 4C11.4597 4 13.5737 5.48012 14.5 7.59829M21 14C21 17.3137 18.3137 20 15 20C12.3841 20 10.1591 18.3259 9.33811 15.9906C9.11911 15.3677 9 14.6978 9 14C9 10.7998 11.5055 8.1847 14.6619 8.00937C14.7738 8.00315 14.8865 8 15 8C18.3137 8 21 10.6863 21 14Z", stroke: "currentColor", strokeWidth: "2" }) }));
+}
+function PhoneIcon({ size = "24", className, }) {
+    return (jsxRuntime.jsx("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 25 24", fill: "none", children: jsxRuntime.jsx("path", { d: "M10.5 19H14.5M8.5 22H16.5C17.6046 22 18.5 21.1046 18.5 20V4C18.5 2.89543 17.6046 2 16.5 2H8.5C7.39543 2 6.5 2.89543 6.5 4V20C6.5 21.1046 7.39543 22 8.5 22Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }));
+}
+function LaptopIcon({ size = "24", className, }) {
+    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 25 24", fill: "none", className: className, children: [jsxRuntime.jsx("path", { d: "M4.5 6C4.5 4.89543 5.39543 4 6.5 4H18.5C19.6046 4 20.5 4.89543 20.5 6V15C20.5 15.5523 20.0523 16 19.5 16H5.5C4.94772 16 4.5 15.5523 4.5 15V6Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "square", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M2.5 16H22.5V18C22.5 19.1046 21.6046 20 20.5 20H4.5C3.39543 20 2.5 19.1046 2.5 18V16Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "square", strokeLinejoin: "round" })] }));
+}
+function CopyIcon({ size = "20", className, }) {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 21 20", fill: "none", className: className, children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.16663 6.66666V3.54166C7.16663 2.50612 8.00609 1.66666 9.04163 1.66666H16.9583C17.9938 1.66666 18.8333 2.50612 18.8333 3.54166V11.4583C18.8333 12.4939 17.9938 13.3333 16.9583 13.3333H13.8333V16.4583C13.8333 17.4939 12.9938 18.3333 11.9583 18.3333H4.04163C3.00609 18.3333 2.16663 17.4939 2.16663 16.4583V8.54166C2.16663 7.50612 3.00609 6.66666 4.04163 6.66666H7.16663ZM9.04163 13.3333C8.00609 13.3333 7.16663 12.4939 7.16663 11.4583V8.33332H4.04163C3.92657 8.33332 3.83329 8.4266 3.83329 8.54166V16.4583C3.83329 16.5734 3.92657 16.6667 4.04163 16.6667H11.9583C12.0734 16.6667 12.1666 16.5734 12.1666 16.4583V13.3333H9.04163Z", fill: "currentColor" }) }));
+}
+function FileDownloadIcon({ size = "20", className, }) {
+    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 21 20", fill: "none", children: [jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.33337 1.66666H10.5V5.83332C10.5 7.21404 11.6193 8.33332 13 8.33332H17.1667V15.8333C17.1667 17.214 16.0474 18.3333 14.6667 18.3333H6.33337C4.95266 18.3333 3.83337 17.214 3.83337 15.8333V4.16666C3.83337 2.78594 4.95266 1.66666 6.33337 1.66666ZM13.1726 14.3392L11.0893 16.4226C10.7639 16.748 10.2362 16.748 9.91079 16.4226L7.82745 14.3392C7.50201 14.0138 7.50201 13.4862 7.82745 13.1607C8.15289 12.8353 8.68053 12.8353 9.00596 13.1607L9.66671 13.8215V10.8333C9.66671 10.3731 10.0398 9.99999 10.5 9.99999C10.9603 9.99999 11.3334 10.3731 11.3334 10.8333V13.8215L11.9941 13.1607C12.3196 12.8353 12.8472 12.8353 13.1726 13.1607C13.4981 13.4862 13.4981 14.0138 13.1726 14.3392Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M12.1667 2.15481L16.6786 6.66666H13C12.5398 6.66666 12.1667 6.29356 12.1667 5.83332V2.15481Z", fill: "currentColor" })] }));
+}
+function CodeSolidSquareIcon({ size = "24", className, }) {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 25 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.5 6C3.5 4.34315 4.84315 3 6.5 3H18.5C20.1569 3 21.5 4.34315 21.5 6V18C21.5 19.6569 20.1569 21 18.5 21H6.5C4.84315 21 3.5 19.6569 3.5 18V6ZM11.2071 8.79289C11.5976 9.18342 11.5976 9.81658 11.2071 10.2071L9.41421 12L11.2071 13.7929C11.5976 14.1834 11.5976 14.8166 11.2071 15.2071C10.8166 15.5976 10.1834 15.5976 9.79289 15.2071L8 13.4142C7.21895 12.6332 7.21895 11.3668 8 10.5858L9.79289 8.79289C10.1834 8.40237 10.8166 8.40237 11.2071 8.79289ZM15.2071 8.79289C14.8166 8.40237 14.1834 8.40237 13.7929 8.79289C13.4024 9.18342 13.4024 9.81658 13.7929 10.2071L15.5858 12L13.7929 13.7929C13.4024 14.1834 13.4024 14.8166 13.7929 15.2071C14.1834 15.5976 14.8166 15.5976 15.2071 15.2071L17 13.4142C17.781 12.6332 17.781 11.3668 17 10.5858L15.2071 8.79289Z", fill: "currentColor" }) }));
+}
+function CodeBracketsIcon({ size = "20", className, }) {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.8688 2.5249C12.3153 2.63652 12.5867 3.08896 12.4751 3.53546L9.14178 16.8688C9.03015 17.3153 8.57771 17.5868 8.13121 17.4752C7.68472 17.3635 7.41325 16.9111 7.52487 16.4646L10.8582 3.13123C10.9698 2.68474 11.4223 2.41327 11.8688 2.5249ZM5.58925 6.07746C5.91469 6.4029 5.91469 6.93053 5.58925 7.25597L3.43443 9.41079C3.10899 9.73623 3.10899 10.2639 3.43443 10.5893L5.58925 12.7441C5.91469 13.0696 5.91469 13.5972 5.58925 13.9226C5.26381 14.2481 4.73617 14.2481 4.41074 13.9226L2.25591 11.7678C1.2796 10.7915 1.27961 9.20859 2.25592 8.23228L4.41074 6.07746C4.73617 5.75202 5.26381 5.75202 5.58925 6.07746ZM14.4107 6.07746C14.7362 5.75202 15.2638 5.75202 15.5892 6.07746L17.7441 8.23228C18.7204 9.20859 18.7204 10.7915 17.7441 11.7678L15.5892 13.9226C15.2638 14.2481 14.7362 14.2481 14.4107 13.9226C14.0853 13.5972 14.0853 13.0696 14.4107 12.7441L16.5656 10.5893C16.891 10.2639 16.891 9.73623 16.5656 9.41079L14.4107 7.25597C14.0853 6.93053 14.0853 6.4029 14.4107 6.07746Z", fill: "currentColor" }) }));
+}
+function CommandIcon({ size = "22", className, }) {
+    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 22 22", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M8 17V17C8 16.0219 8.28951 15.0657 8.83205 14.2519L13.1679 7.74808C13.7105 6.93427 14 5.97808 14 5V5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+}
+
 function EmptyHeartIcon({ className }) {
     return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M21 10C21 15.75 12.75 20 12 20C11.25 20 3 15.75 3 10C3 6 5.5 4 8 4C10.5 4 12 5.5 12 5.5C12 5.5 13.5 4 16 4C18.5 4 21 6 21 10Z", stroke: "currentColor", strokeWidth: "2", strokeLinejoin: "round" }) }));
 }
@@ -17789,6 +17933,13 @@ function LinkIcon(props) {
     return (jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, props, { children: jsxRuntime.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M9 9V5.25A2.25 2.25 0 0111.25 3h7.5A2.25 2.25 0 0121 5.25v7.5A2.25 2.25 0 0118.75 15H15m-2.25-6h-7.5A2.25 2.25 0 003 11.25v7.5A2.25 2.25 0 005.25 21h7.5A2.25 2.25 0 0015 18.75v-7.5A2.25 2.25 0 0012.75 9z" }) })));
 }
 
+function MarketCapIcon({ size = "20", className, }) {
+    return (jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: [jsxRuntime.jsxs("g", { clipPath: "url(#clip0_2347_2058)", children: [jsxRuntime.jsx("path", { d: "M2.5 4.79167C2.5 3.52601 3.52601 2.5 4.79167 2.5H15.2083C16.474 2.5 17.5 3.52601 17.5 4.79167V9.375H13.918L12.219 6.1659C12.1082 5.95663 11.8887 5.82794 11.652 5.83351C11.4152 5.83908 11.202 5.97795 11.1012 6.19221L8.30044 12.1437L7.0107 9.70757C6.90238 9.50297 6.68984 9.375 6.45833 9.375H2.5V4.79167Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M2.5 10.625V15.2083C2.5 16.474 3.52601 17.5 4.79167 17.5H15.2083C16.474 17.5 17.5 16.474 17.5 15.2083V10.625H13.5417C13.3102 10.625 13.0976 10.497 12.9893 10.2924L11.6996 7.85626L8.89884 13.8078C8.79802 14.022 8.58477 14.1609 8.34804 14.1665C8.11131 14.1721 7.89176 14.0434 7.78097 13.8341L6.08203 10.625H2.5Z", fill: "currentColor" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "clip0_2347_2058", children: jsxRuntime.jsx("path", { d: "M0 8.3C0 5.21618 0 3.67427 0.656842 2.52271C1.1005 1.74489 1.74489 1.1005 2.52271 0.656842C3.67427 0 5.21618 0 8.3 0H11.7C14.7838 0 16.3257 0 17.4773 0.656842C18.2551 1.1005 18.8995 1.74489 19.3432 2.52271C20 3.67427 20 5.21618 20 8.3V11.7C20 14.7838 20 16.3257 19.3432 17.4773C18.8995 18.2551 18.2551 18.8995 17.4773 19.3432C16.3257 20 14.7838 20 11.7 20H8.3C5.21618 20 3.67427 20 2.52271 19.3432C1.74489 18.8995 1.1005 18.2551 0.656842 17.4773C0 16.3257 0 14.7838 0 11.7V8.3Z", fill: "currentColor" }) }) })] }));
+}
+function HighestPriceRangeIcon({ size = "20", className, }) {
+    return (jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: [jsxRuntime.jsxs("g", { clipPath: "url(#clip0_2347_2065)", children: [jsxRuntime.jsx("path", { d: "M13.6165 3.75085C13.6165 3.0605 14.1762 2.50085 14.8665 2.50085H16.2582C16.9486 2.50085 17.5082 3.0605 17.5082 3.75085V16.2509C17.5082 16.9412 16.9486 17.5009 16.2582 17.5009H14.8665C14.1762 17.5009 13.6165 16.9412 13.6165 16.2509V3.75085Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M9.30827 7.08419C8.61791 7.08419 8.05827 7.64383 8.05827 8.33419V16.2509C8.05827 16.9412 8.61791 17.5009 9.30827 17.5009H10.6999C11.3903 17.5009 11.9499 16.9412 11.9499 16.2509V8.33419C11.9499 7.64383 11.3903 7.08419 10.6999 7.08419H9.30827Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M3.75 11.6675C3.05964 11.6675 2.5 12.2272 2.5 12.9175V16.2509C2.5 16.9412 3.05964 17.5009 3.75 17.5009H5.14167C5.83202 17.5009 6.39167 16.9412 6.39167 16.2509V12.9175C6.39167 12.2272 5.83202 11.6675 5.14167 11.6675H3.75Z", fill: "currentColor" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "clip0_2347_2065", children: jsxRuntime.jsx("path", { d: "M0 8.3C0 5.21618 0 3.67427 0.656842 2.52271C1.1005 1.74489 1.74489 1.1005 2.52271 0.656842C3.67427 0 5.21618 0 8.3 0H11.7C14.7838 0 16.3257 0 17.4773 0.656842C18.2551 1.1005 18.8995 1.74489 19.3432 2.52271C20 3.67427 20 5.21618 20 8.3V11.7C20 14.7838 20 16.3257 19.3432 17.4773C18.8995 18.2551 18.2551 18.8995 17.4773 19.3432C16.3257 20 14.7838 20 11.7 20H8.3C5.21618 20 3.67427 20 2.52271 19.3432C1.74489 18.8995 1.1005 18.2551 0.656842 17.4773C0 16.3257 0 14.7838 0 11.7V8.3Z", fill: "currentColor" }) }) })] }));
+}
+
 function MaxIcon() {
     return (jsxRuntime.jsxs("svg", { width: "20", height: "21", viewBox: "0 0 20 21", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("g", { clipPath: "url(#clip0_41_20801)", children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 10.5C20 16.0228 15.5228 20.5 10 20.5C4.47715 20.5 0 16.0228 0 10.5C0 4.97715 4.47715 0.5 10 0.5C15.5228 0.5 20 4.97715 20 10.5ZM10.6508 4.74074L14.1508 7.74074C14.5701 8.10017 14.6187 8.73147 14.2593 9.15079C13.8998 9.57012 13.2685 9.61868 12.8492 9.25926L10 6.81708L7.15079 9.25926C6.73147 9.61868 6.10017 9.57012 5.74074 9.15079C5.38132 8.73147 5.42988 8.10017 5.84921 7.74074L9.34921 4.74074C9.7237 4.41975 10.2763 4.41975 10.6508 4.74074ZM14.1508 13.7407L10.6508 10.7407C10.2763 10.4198 9.7237 10.4198 9.34921 10.7407L5.84921 13.7407C5.42988 14.1002 5.38132 14.7315 5.74074 15.1508C6.10017 15.5701 6.73147 15.6187 7.15079 15.2593L10 12.8171L12.8492 15.2593C13.2685 15.6187 13.8998 15.5701 14.2593 15.1508C14.6187 14.7315 14.5701 14.1002 14.1508 13.7407Z", fill: "currentColor" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "clip0_41_20801", children: jsxRuntime.jsx("rect", { width: "20", height: "20", fill: "white", transform: "translate(0 0.5)" }) }) })] }));
 }
@@ -17922,28 +18073,6 @@ function WalletFilledIcon({ size = "24" }) {
     return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: [jsxRuntime.jsx("path", { d: "M4 6.5V17C4 18.6569 5.34315 20 7 20H18C19.1046 20 20 19.1046 20 18V11C20 9.89543 19.1046 9 18 9H16M4 6.5C4 7.88071 5.11929 9 6.5 9H16M4 6.5C4 5.11929 5.11929 4 6.5 4H14.5882C15.3679 4 16 4.63207 16 5.41176V9", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "square", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M15.5 15.375C15.9832 15.375 16.375 14.9832 16.375 14.5C16.375 14.0168 15.9832 13.625 15.5 13.625C15.0168 13.625 14.625 14.0168 14.625 14.5C14.625 14.9832 15.0168 15.375 15.5 15.375Z", fill: "currentColor", stroke: "currentColor", strokeWidth: "0.75" })] }));
 }
 
-function CrossAnimatedIcon({ size = 24, isOpen, transitionDuration, className, }) {
-    const rotateDegrees = isOpen ? 45 : 0;
-    return (jsxRuntime.jsxs("div", { style: {
-            width: size,
-            height: size * 0.585,
-        }, className: cn("tw-relative tw-rotate-0 tw-transition-transform", className), children: [jsxRuntime.jsx("span", { style: {
-                    height: size * 0.1,
-                    top: isOpen ? size * -0.05 : 0,
-                    transformOrigin: "left center",
-                    left: isOpen ? size * 0.13 : 0,
-                    transitionDuration,
-                    transform: isOpen ? `rotate(${rotateDegrees}deg)` : "rotate(0)",
-                }, className: "tw-absolute tw-block tw-w-full tw-rounded-sm tw-bg-current tw-opacity-100 tw-transition-transform" }), jsxRuntime.jsx("span", { style: {
-                    height: size * 0.1,
-                    top: isOpen ? size * 0.65 : size * 0.6,
-                    transformOrigin: "left center",
-                    left: isOpen ? size * 0.13 : 0,
-                    transitionDuration,
-                    transform: isOpen ? `rotate(-${rotateDegrees}deg)` : "rotate(0)",
-                }, className: "tw-absolute tw-block tw-w-full tw-rounded-sm tw-bg-current tw-opacity-100 tw-transition-transform" })] }));
-}
-
 function SunriseIcon({ size = "32", className, }) {
     return (jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: [jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16 6C16.5523 6 17 6.44772 17 7V8C17 8.55228 16.5523 9 16 9C15.4477 9 15 8.55228 15 8V7C15 6.44772 15.4477 6 16 6ZM6 16C6 15.4477 6.44772 15 7 15H8C8.55228 15 9 15.4477 9 16C9 16.5523 8.55228 17 8 17H7C6.44772 17 6 16.5523 6 16ZM23 16C23 15.4477 23.4477 15 24 15H25C25.5523 15 26 15.4477 26 16C26 16.5523 25.5523 17 25 17H24C23.4477 17 23 16.5523 23 16Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20.9491 11.0503C20.5586 10.6597 20.5586 10.0266 20.9491 9.63604L21.6562 8.92893C22.0468 8.53841 22.6799 8.53841 23.0705 8.92893C23.461 9.31946 23.461 9.95262 23.0705 10.3431L22.3634 11.0503C21.9728 11.4408 21.3397 11.4408 20.9491 11.0503Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 20C6 19.4477 6.44772 19 7 19H25C25.5523 19 26 19.4477 26 20C26 20.5523 25.5523 21 25 21H7C6.44772 21 6 20.5523 6 20ZM10 24C10 23.4477 10.4477 23 11 23H21C21.5523 23 22 23.4477 22 24C22 24.5523 21.5523 25 21 25H11C10.4477 25 10 24.5523 10 24Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.92961 8.92893C9.32014 8.53841 9.9533 8.53841 10.3438 8.92893L11.0509 9.63604C11.4415 10.0266 11.4415 10.6597 11.0509 11.0503C10.6604 11.4408 10.0272 11.4408 9.63672 11.0503L8.92961 10.3431C8.53909 9.95262 8.53909 9.31946 8.92961 8.92893Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 17C11.4477 17 11 16.5523 11 16C11 13.2386 13.2386 11 16 11C18.7614 11 21 13.2386 21 16C21 16.5523 20.5523 17 20 17C18.3023 17 13.6977 17 12 17Z", fill: "currentColor" })] }));
 }
@@ -17960,94 +18089,6 @@ function CrossedOutSunSolidIcon({ size = "20", className, }) {
     return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, children: [jsxRuntime.jsx("g", { clipPath: "url(#clip0_3313_9942)", children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 0.833313C10.4603 0.833313 10.8334 1.20641 10.8334 1.66665V2.49998C10.8334 2.96022 10.4603 3.33331 10 3.33331C9.5398 3.33331 9.16671 2.96022 9.16671 2.49998V1.66665C9.16671 1.20641 9.5398 0.833313 10 0.833313ZM10 16.6667C10.4603 16.6667 10.8334 17.0398 10.8334 17.5V18.3333C10.8334 18.7936 10.4603 19.1667 10 19.1667C9.5398 19.1667 9.16671 18.7936 9.16671 18.3333V17.5C9.16671 17.0398 9.5398 16.6667 10 16.6667ZM16.6667 10C16.6667 9.53976 17.0398 9.16666 17.5 9.16666H18.3334C18.7936 9.16666 19.1667 9.53976 19.1667 10C19.1667 10.4602 18.7936 10.8333 18.3334 10.8333H17.5C17.0398 10.8333 16.6667 10.4602 16.6667 10ZM0.833374 10C0.833374 9.53976 1.20647 9.16666 1.66671 9.16666H2.50004C2.96028 9.16666 3.33337 9.53976 3.33337 10C3.33337 10.4602 2.96028 10.8333 2.50004 10.8333H1.66671C1.20647 10.8333 0.833374 10.4602 0.833374 10ZM14.7107 14.7107C15.0361 14.3853 15.5637 14.3853 15.8892 14.7107L16.4808 15.3024C16.8063 15.6278 16.8063 16.1554 16.4808 16.4809C16.1554 16.8063 15.6278 16.8063 15.3023 16.4809L14.7107 15.8892C14.3852 15.5638 14.3852 15.0361 14.7107 14.7107ZM3.51925 3.5191C3.84469 3.19366 4.37232 3.19366 4.69776 3.5191L5.28943 4.11077C5.61486 4.43621 5.61486 4.96384 5.28943 5.28928C4.96399 5.61472 4.43635 5.61472 4.11091 5.28928L3.51925 4.69761C3.19381 4.37218 3.19381 3.84454 3.51925 3.5191ZM6.46451 6.46445C7.91429 5.01466 10.0329 4.64131 11.8271 5.34441L5.34447 11.8271C4.64137 10.0328 5.01472 7.91423 6.46451 6.46445ZM8.17288 14.6555L14.6556 8.17282C15.3587 9.96708 14.9854 12.0857 13.5356 13.5355C12.0858 14.9853 9.96714 15.3587 8.17288 14.6555ZM17.2071 4.20709C17.5976 3.81657 17.5976 3.1834 17.2071 2.79288C16.8166 2.40235 16.1834 2.40235 15.7929 2.79288L2.79289 15.7929C2.40237 16.1834 2.40237 16.8166 2.79289 17.2071C3.18342 17.5976 3.81658 17.5976 4.20711 17.2071L17.2071 4.20709Z", fill: "currentColor" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "clip0_3313_9942", children: jsxRuntime.jsx("rect", { width: size, height: size, fill: "currentColor" }) }) })] }));
 }
 
-const dockIconClassname = "tw-text-grey-900";
-const dockIconSelectedClassname = "group-data-[squid-theme-type=dark]:tw-text-royal-700 group-data-[squid-theme-type=light]:tw-text-volt-700";
-function getDockIconClassname({ isSelected }) {
-    return cn("tw-max-h-full tw-max-w-full", isSelected ? dockIconSelectedClassname : dockIconClassname);
-}
-function DockIconSwap({ isSelected = false }) {
-    return (jsxRuntime.jsxs("svg", { className: getDockIconClassname({ isSelected }), xmlns: "http://www.w3.org/2000/svg", width: "80", height: "80", viewBox: "0 0 109 97", fill: "none", children: [jsxRuntime.jsxs("g", { filter: "url(#filter0_dd_1247_37415)", children: [jsxRuntime.jsx("path", { d: "M63.6703 17.0953L37.5166 21.707C34.6819 22.2068 32.7896 24.9126 33.29 27.7506L33.793 30.6033C33.3175 30.6287 32.8384 30.6832 32.3576 30.7679C25.9215 31.9028 21.6251 38.0463 22.7612 44.4898C23.8974 50.9334 30.036 55.2369 36.4721 54.1021C36.9528 54.0173 37.4217 53.9046 37.8772 53.7659L39.9405 65.4678C40.4409 68.3057 43.1446 70.2012 45.9793 69.7013L72.133 65.0897C74.9677 64.5899 76.8601 61.8841 76.3596 59.0461L74.1505 46.5176L86.5832 38.2026L75.5578 21.6867L70.3825 25.1479L69.7091 21.3289C69.2087 18.4909 66.505 16.5955 63.6703 17.0953Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M71.4603 22.6225L71.1863 21.0685C70.5423 17.4162 67.062 14.9742 63.4099 15.6181L37.2561 20.2297C33.604 20.8737 31.1688 24.3589 31.8128 28.0111L32.0402 29.3009C24.8183 30.606 20.0076 37.5116 21.284 44.7503C22.5604 51.9891 29.4428 56.8329 36.6755 55.5892L38.4633 65.7282C39.1073 69.3805 42.5876 71.8225 46.2398 71.1786L72.3935 66.567C76.0456 65.923 78.4808 62.4378 77.8369 58.7856L75.7976 47.2205L87.4171 39.4495C88.1053 38.9892 88.2905 38.0584 87.8308 37.3698L76.8053 20.8539C76.5843 20.5228 76.2408 20.2932 75.8504 20.2155C75.46 20.1379 75.0548 20.2186 74.7239 20.4398L71.4603 22.6225Z", className: "tw-stroke-grey-900", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" })] }), jsxRuntime.jsx("path", { d: "M63.6702 17.0953L37.5165 21.707C34.6818 22.2068 32.7895 24.9126 33.2899 27.7506L39.9404 65.4678C40.4408 68.3057 43.1445 70.2012 45.9792 69.7014L72.1329 65.0897C74.9676 64.5899 76.8599 61.8841 76.3595 59.0461L69.709 21.3289C69.2086 18.4909 66.5049 16.5955 63.6702 17.0953Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M49.0884 48.2686L62.4932 45.905", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M59.0986 43.5195L62.4998 45.908L60.1039 49.3081", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M59.3135 27.8751L45.9087 30.2388", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M49.3038 32.6307L45.9015 30.2358L48.2985 26.8421", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M65.9355 53.5151L47.8565 56.7029C45.8237 57.0613 44.4667 59.0018 44.8255 61.0369C45.1844 63.0721 47.1232 64.4314 49.1561 64.0729L67.2351 60.8851C69.2679 60.5267 70.6249 58.5863 70.2661 56.5511C69.9072 54.5159 67.9684 53.1566 65.9355 53.5151Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M36.4438 54.1219C42.8956 52.998 47.2174 46.8545 46.0969 40.4C44.9764 33.9455 38.8378 29.6242 32.3861 30.7481C25.9343 31.872 21.6125 38.0155 22.733 44.47C23.8535 50.9245 29.992 55.2458 36.4438 54.1219Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M32.9659 47.642C34.5412 49.3003 37.1165 49.6718 39.1334 48.4109C41.1503 47.1501 41.881 44.8381 41.2175 42.7504", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M32.9659 47.642C34.5412 49.3003 37.1165 49.6718 39.1334 48.4109C41.1503 47.1501 41.881 44.8381 41.2175 42.7504", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M31.9918 43.5313C32.4376 44.0191 33.1761 44.1464 33.7658 43.7931C34.3555 43.4399 34.5834 42.7816 34.4061 42.1745", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M31.9918 43.5313C32.4376 44.0191 33.1761 44.1464 33.7658 43.7931C34.3555 43.4399 34.5834 42.7816 34.4061 42.1745", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M36.0201 41.2762C36.466 41.7639 37.2044 41.8912 37.7941 41.538C38.3838 41.1848 38.6117 40.5265 38.4345 39.9194", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M36.0201 41.2762C36.466 41.7639 37.2044 41.8912 37.7941 41.538C38.3838 41.1848 38.6117 40.5265 38.4345 39.9194", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M41.8629 42.4827C41.3973 42.685 40.8832 42.7882 40.3758 42.7691L41.8629 42.4827Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M41.8629 42.4827C41.3973 42.685 40.8832 42.7882 40.3758 42.7691", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M75.5576 21.6867L59.064 32.7176L70.0894 49.2335L86.5831 38.2026L75.5576 21.6867Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M70.0814 39.65C71.7524 41.2152 74.3416 41.4418 76.2791 40.0702C78.1457 38.7438 78.815 36.349 78.0326 34.2995", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M70.0814 39.65C71.7524 41.2152 74.3416 41.4418 76.2791 40.0702C78.1457 38.7438 78.815 36.349 78.0326 34.2995", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M68.8751 35.6008C69.3498 36.0645 70.0944 36.1519 70.6644 35.7628C71.2344 35.3736 71.4204 34.7025 71.212 34.1067", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M68.8751 35.6008C69.3498 36.0645 70.0944 36.1519 70.6644 35.7628C71.2344 35.3736 71.4204 34.7025 71.212 34.1067", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M72.7648 33.1203C73.2394 33.584 73.984 33.6714 74.554 33.2823C75.124 32.8931 75.31 32.222 75.1017 31.6262", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M72.7648 33.1203C73.2394 33.584 73.984 33.6714 74.554 33.2823C75.124 32.8931 75.31 32.222 75.1017 31.6262", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M78.6657 33.9882C78.2129 34.2204 77.7097 34.3483 77.1997 34.3577L78.6657 33.9882Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M78.6657 33.9882C78.2129 34.2204 77.7097 34.3483 77.1997 34.3577", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_dd_1247_37415", x: "0.578613", y: "0.0148315", width: "108.005", height: "96.767", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [jsxRuntime.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feMorphology", { radius: "1", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_1247_37415" }), jsxRuntime.jsx("feOffset", { dy: "5" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "10" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_1247_37415" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feOffset", { dy: "1" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "2.5" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "effect1_dropShadow_1247_37415", result: "effect2_dropShadow_1247_37415" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_1247_37415", result: "shape" })] }) })] }));
-}
-function DockIconCheckout({ isSelected = false }) {
-    return (jsxRuntime.jsxs("svg", { className: getDockIconClassname({ isSelected }), xmlns: "http://www.w3.org/2000/svg", width: "80", height: "80", viewBox: "0 0 93 106", fill: "none", children: [jsxRuntime.jsxs("g", { filter: "url(#filter0_dd_2890_2833)", children: [jsxRuntime.jsx("path", { d: "M20.8379 24.4996C18.57 24.8995 17.6524 27.7819 19.3763 29.343C19.7833 29.7104 20.2433 30.0228 20.6064 30.4322C21.2476 31.1575 21.5393 32.1327 21.5955 33.0981C21.6851 34.5766 21.3149 36.0677 21.1865 37.5391C21.0581 39.0104 21.025 40.5048 21.1368 41.9794C21.3281 44.5522 21.9589 47.4182 23.9392 49.2363C23.0632 49.8642 22.5766 50.9538 22.7756 52.0822C22.9745 53.2106 23.81 54.0671 24.8424 54.3585C23.6033 56.7443 23.9908 59.6532 24.6909 62.1362C25.0903 63.5601 25.6371 64.9466 26.2564 66.2918C26.8757 67.637 27.7381 68.9051 28.1596 70.3251C28.437 71.2515 28.4974 72.2731 28.142 73.1685C27.9408 73.6774 27.6154 74.1283 27.3586 74.6127C26.2781 76.6683 28.1206 79.064 30.3886 78.6641C31.0966 78.5392 31.7513 78.1443 32.1874 77.5769C32.6235 77.0095 32.6564 76.1938 33.1813 75.645C33.6285 75.1726 34.3092 74.9898 34.9599 74.9606C35.6107 74.9314 36.2683 74.941 36.9073 75.0393C45.4954 76.3254 46.9874 72.1726 46.9874 72.1726C47.1718 73.218 48.1673 73.9151 49.2128 73.7308C50.2582 73.5464 50.9553 72.5509 50.771 71.5054C50.771 71.5054 53.5935 74.8975 61.2237 70.7517C61.7961 70.4397 62.4053 70.2068 63.0267 70.0117C63.6482 69.8166 64.3458 69.762 64.9321 70.0465C65.6131 70.3827 65.898 71.1252 66.5269 71.5219C67.1558 71.9186 67.881 72.0531 68.5891 71.9283C70.857 71.5284 71.7746 68.646 70.0507 67.085C69.6437 66.7176 69.1837 66.4051 68.8206 65.9958C68.1794 65.2704 67.8877 64.2952 67.8315 63.3298C67.7419 61.8513 68.1121 60.3602 68.2405 58.8889C68.3679 57.412 68.4019 55.9231 68.2902 54.4485C68.0989 51.8757 67.4681 49.0097 65.4878 47.1916C66.3638 46.5638 66.8504 45.4741 66.6514 44.3457C66.4524 43.2173 65.617 42.3608 64.5846 42.0694C65.8237 39.6836 65.4362 36.7747 64.736 34.2917C64.3367 32.8678 63.7899 31.4813 63.1706 30.1361C62.5513 28.791 61.6889 27.5229 61.2674 26.1029C60.99 25.1765 60.9296 24.1548 61.285 23.2594C61.4862 22.7506 61.8116 22.2996 62.0684 21.8152C63.1489 19.7596 61.3063 17.364 59.0384 17.7639C58.3304 17.8887 57.6757 18.2836 57.2396 18.851C56.8035 19.4184 56.7705 20.2341 56.2456 20.7829C55.7985 21.2553 55.1178 21.4381 54.4671 21.4673C53.8163 21.4965 53.1587 21.487 52.5197 21.3886C43.9316 20.1025 42.4395 24.2554 42.4395 24.2554C42.2552 23.2099 41.2596 22.5128 40.2142 22.6972C39.1687 22.8815 38.4716 23.8771 38.656 24.9225C38.656 24.9225 35.8335 21.5304 28.2032 25.6762C27.6309 25.9882 27.0217 26.2211 26.4002 26.4162C25.7787 26.6114 25.0811 26.6659 24.4948 26.3815C23.8139 26.0453 23.529 25.3027 22.9001 24.906C22.2712 24.5093 21.5459 24.3748 20.8379 24.4996Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M18.3712 30.4564L18.3695 30.4548C15.6599 28.0013 17.1621 23.6247 20.5774 23.0224C21.6474 22.8338 22.7516 23.0388 23.7004 23.6373C24.2013 23.9533 24.5661 24.3901 24.7664 24.63C24.7867 24.6544 24.8054 24.6767 24.8223 24.6966C25.0513 24.9668 25.1213 25.0168 25.1545 25.0342C25.2588 25.0822 25.5174 25.1212 25.9509 24.9851C26.5177 24.8071 27.0278 24.6086 27.4854 24.3592L27.4871 24.3582C31.5213 22.1663 34.4925 21.8579 36.5834 22.2735C37.0211 22.3605 37.4115 22.4777 37.7565 22.6105C38.2589 21.9016 39.03 21.3828 39.9537 21.22C40.8774 21.0571 41.7795 21.2809 42.494 21.7751C42.7728 21.5323 43.0995 21.2887 43.4811 21.0572C45.3037 19.9516 48.2013 19.2252 52.7419 19.9051L52.7479 19.906C53.2533 19.9839 53.8034 19.9955 54.3998 19.9688C54.8771 19.9474 55.0947 19.8169 55.1563 19.7518L55.1616 19.7462C55.1887 19.7179 55.2408 19.6469 55.3709 19.2988C55.3805 19.2731 55.391 19.2441 55.4027 19.212C55.508 18.9228 55.7018 18.3904 56.0503 17.9369C56.7169 17.0696 57.7043 16.476 58.778 16.2866C62.1993 15.6834 65.0914 19.2882 63.3961 22.5131L63.3937 22.5177C63.2826 22.7273 63.1507 22.9488 63.045 23.1262C63.0101 23.1849 62.978 23.2387 62.9505 23.2856C62.8217 23.5058 62.7372 23.666 62.68 23.8108L62.6792 23.8129C62.4875 24.2957 62.4881 24.9504 62.7043 25.6726L62.7054 25.676C62.874 26.244 63.1404 26.8129 63.4747 27.4538C63.5615 27.6201 63.6562 27.7973 63.7549 27.9818C64.0116 28.4617 64.2949 28.9914 64.5331 29.5088C65.1749 30.9027 65.7535 32.3652 66.1801 33.8858M18.3712 30.4564L24.3047 55.7631C23.7612 57.8303 24.1233 60.1232 24.6909 62.1362L23.2467 62.5413C23.2468 62.5416 23.2469 62.542 23.247 62.5423C23.6735 64.0628 24.2521 65.5253 24.8939 66.9191C25.1321 67.4366 25.4154 67.9662 25.6721 68.4462C25.7708 68.6307 25.8655 68.8079 25.9523 68.9742C26.2866 69.615 26.553 70.1839 26.7216 70.7519L26.7226 70.7554C26.9389 71.4776 26.9394 72.1323 26.7478 72.6151L26.747 72.6171C26.6897 72.7619 26.6052 72.9222 26.4764 73.1423C26.449 73.1892 26.4169 73.2431 26.382 73.3017C26.2763 73.4791 26.1443 73.7007 26.0332 73.9102L26.0308 73.9148C24.3356 77.1398 27.2277 80.7445 30.649 80.1413C31.7227 79.952 32.7101 79.3583 33.3767 78.491C33.7252 78.0376 33.919 77.5052 34.0243 77.2159C34.0359 77.1839 34.0465 77.1548 34.0561 77.1291C34.1862 76.781 34.2383 76.7101 34.2654 76.6818L34.2707 76.6761C34.3323 76.6111 34.5499 76.4805 35.0272 76.4591C35.6236 76.4324 36.1736 76.4441 36.6791 76.5219L36.6851 76.5228C41.2257 77.2028 44.1232 76.4763 45.9458 75.3707C46.3275 75.1392 46.6542 74.8956 46.933 74.6528C47.6475 75.1471 48.5496 75.3708 49.4733 75.208C50.3969 75.0451 51.1681 74.5263 51.6705 73.8174C52.0155 73.9503 52.4058 74.0675 52.8436 74.1545C54.9344 74.57 57.9057 74.2616 61.9399 72.0697L61.9416 72.0688C62.3992 71.8194 62.9093 71.6208 63.4761 71.4428C63.9095 71.3067 64.1681 71.3457 64.2724 71.3937C64.3056 71.4111 64.3756 71.4609 64.6047 71.7313C64.6216 71.7512 64.6403 71.7736 64.6606 71.7979C64.8609 72.0378 65.2257 72.4746 65.7266 72.7906C66.6754 73.3891 67.7795 73.5942 68.8495 73.4055C72.2649 72.8033 73.7671 68.4267 71.0575 65.9731L71.0558 65.9715C70.8797 65.8126 70.6799 65.6495 70.5199 65.519C70.4671 65.4758 70.4186 65.4362 70.3767 65.4015C70.1807 65.239 70.0466 65.1174 69.9434 65.0011C69.5936 64.6047 69.3725 63.9918 69.329 63.2427L69.3288 63.2391C69.2928 62.6459 69.3475 62.0176 69.4415 61.302C69.4674 61.1047 69.4977 60.8922 69.5294 60.6706C69.6046 60.1438 69.6871 59.5659 69.7348 59.0193L69.7349 59.0178C69.8676 57.4795 69.905 55.908 69.786 54.3362C69.6197 52.1009 69.1224 49.3441 67.5087 47.1992C68.0769 46.3083 68.327 45.2104 68.1286 44.0852C67.93 42.9587 67.3168 42.0147 66.4805 41.3731C67.264 38.8051 66.7885 36.0437 66.1801 33.8858M18.3712 30.4564C18.5472 30.6153 18.747 30.7784 18.907 30.9089C18.9599 30.9521 19.0084 30.9917 19.0503 31.0264C19.2461 31.1888 19.3801 31.3103 19.4834 31.4266C19.8333 31.823 20.0544 32.4359 20.098 33.1852L20.0982 33.1888C20.1342 33.782 20.0795 34.4104 19.9855 35.1259C19.9596 35.3232 19.9293 35.5357 19.8976 35.7573C19.8224 36.2841 19.7399 36.862 19.6922 37.4087C19.5583 38.9434 19.522 40.5206 19.641 42.0917C19.8073 44.327 20.3046 47.0838 21.9183 49.2288M18.3712 30.4564L21.9183 49.2288M66.1801 33.8858C66.1801 33.8861 66.1802 33.8864 66.1803 33.8866L64.736 34.2917L66.1797 33.8846C66.1798 33.885 66.18 33.8854 66.1801 33.8858ZM21.9183 49.2288C21.3501 50.1196 21.1 51.2175 21.2984 52.3427C21.497 53.4692 22.1102 54.4132 22.9465 55.0548L21.9183 49.2288ZM28.2032 25.6762C32.7848 23.1869 35.633 23.4152 37.1776 23.9951L28.2032 25.6762ZM28.2032 25.6762C27.6309 25.9882 27.0217 26.2211 26.4002 26.4162C25.7787 26.6114 25.0811 26.6659 24.4948 26.3815L28.2032 25.6762ZM40.2142 22.6972C39.7634 22.7767 39.3773 23.007 39.0988 23.3271L41.4778 22.9077C41.1066 22.7021 40.665 22.6177 40.2142 22.6972Z", className: "tw-stroke-grey-900", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" })] }), jsxRuntime.jsx("path", { d: "M20.8379 24.4996C18.57 24.8995 17.6524 27.7819 19.3763 29.343C19.7833 29.7104 20.2433 30.0228 20.6064 30.4322C21.2476 31.1575 21.5393 32.1327 21.5955 33.0981C21.6851 34.5766 21.3149 36.0677 21.1865 37.5391C21.0581 39.0104 21.025 40.5048 21.1368 41.9794C21.3281 44.5522 21.9589 47.4182 23.9392 49.2363C23.0632 49.8642 22.5766 50.9538 22.7756 52.0822C22.9745 53.2106 23.81 54.0671 24.8424 54.3585C23.6033 56.7443 23.9908 59.6532 24.6909 62.1362C25.0903 63.5601 25.6371 64.9466 26.2564 66.2918C26.8757 67.637 27.7381 68.9051 28.1596 70.3251C28.437 71.2514 28.4974 72.2731 28.142 73.1685C27.9408 73.6774 27.6154 74.1283 27.3586 74.6127C26.2781 76.6683 28.1206 79.064 30.3886 78.6641C31.0966 78.5392 31.7513 78.1443 32.1874 77.5769C32.6235 77.0095 32.6564 76.1938 33.1813 75.645C33.6285 75.1726 34.3092 74.9898 34.9599 74.9606C35.6107 74.9314 36.2683 74.941 36.9073 75.0393C45.4954 76.3254 46.9874 72.1726 46.9874 72.1726C47.1718 73.218 48.1673 73.9151 49.2128 73.7308C50.2582 73.5464 50.9553 72.5509 50.771 71.5054C50.771 71.5054 53.5935 74.8975 61.2237 70.7517C61.7961 70.4397 62.4053 70.2068 63.0267 70.0117C63.6482 69.8166 64.3458 69.762 64.9321 70.0465C65.6131 70.3827 65.898 71.1252 66.5269 71.5219C67.1558 71.9187 67.881 72.0531 68.5891 71.9283C70.857 71.5284 71.7746 68.646 70.0507 67.085C69.6437 66.7176 69.1837 66.4051 68.8206 65.9958C68.1794 65.2704 67.8877 64.2952 67.8315 63.3298C67.7419 61.8513 68.1121 60.3602 68.2405 58.8889C68.3679 57.412 68.4019 55.9231 68.2902 54.4485C68.0989 51.8757 67.4681 49.0097 65.4878 47.1916C66.3638 46.5638 66.8504 45.4741 66.6514 44.3457C66.4524 43.2173 65.617 42.3608 64.5846 42.0694C65.8237 39.6836 65.4362 36.7747 64.736 34.2917C64.3367 32.8678 63.7899 31.4813 63.1706 30.1361C62.5513 28.791 61.6889 27.5229 61.2674 26.1029C60.99 25.1765 60.9296 24.1548 61.285 23.2594C61.4862 22.7506 61.8116 22.2996 62.0684 21.8152C63.1489 19.7596 61.3063 17.364 59.0384 17.7639C58.3304 17.8887 57.6757 18.2836 57.2396 18.851C56.8035 19.4184 56.7705 20.2341 56.2456 20.7829C55.7985 21.2553 55.1178 21.4381 54.4671 21.4673C53.8163 21.4965 53.1587 21.487 52.5197 21.3886C43.9316 20.1025 42.4395 24.2554 42.4395 24.2554C42.2552 23.2099 41.2596 22.5128 40.2142 22.6972C39.1687 22.8815 38.4716 23.8771 38.656 24.9225C38.656 24.9225 35.8335 21.5304 28.2032 25.6762C27.6309 25.9882 27.0217 26.2211 26.4002 26.4162C25.7787 26.6114 25.0811 26.6659 24.4948 26.3815C23.8139 26.0453 23.529 25.3027 22.9001 24.906C22.2712 24.5093 21.5459 24.3748 20.8379 24.4996Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M64.7972 66.306L57.3992 24.3496L24.6195 30.1295L32.0176 72.086L64.7972 66.306Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M54.5418 38.4847L43.4253 34.4391C42.6636 34.1627 41.8173 34.312 41.1961 34.8322L32.1337 42.4359C31.5125 42.9561 31.2218 43.7659 31.3623 44.5624L33.4163 56.2117C33.5568 57.0083 34.1124 57.6689 34.8686 57.9462L45.9851 61.9918C46.7467 62.2682 47.5931 62.1189 48.2143 61.5987L57.2767 53.995C57.8979 53.4748 58.1886 52.665 58.0481 51.8685L55.994 40.2192C55.8536 39.4226 55.2979 38.762 54.5418 38.4847Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M50.7979 48.5955C50.655 51.3755 48.5784 53.7664 45.718 54.2023C42.9627 54.6197 40.3544 53.0891 39.3109 50.6324", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M50.7979 48.5955C50.655 51.3755 48.5784 53.7664 45.718 54.2023C42.9627 54.6197 40.3544 53.0891 39.3109 50.6324", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M48.505 42.3838C48.4811 43.1865 47.8986 43.8938 47.0744 44.0391C46.2502 44.1844 45.5185 43.7545 45.1952 43.0529", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M48.505 42.3838C48.4811 43.1865 47.8986 43.8938 47.0744 44.0391C46.2502 44.1844 45.5185 43.7545 45.1952 43.0529", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M42.7688 43.3953C42.7449 44.198 42.1624 44.9052 41.3382 45.0506C40.5417 45.191 39.7823 44.766 39.459 44.0644", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M42.7688 43.3953C42.7449 44.198 42.1624 44.9052 41.3382 45.0506C40.5417 45.191 39.7823 44.766 39.459 44.0644", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M38.4824 50.9153C39.0717 50.7315 39.6255 50.4114 40.0834 49.9999L38.4824 50.9153Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M38.4824 50.9153C39.0717 50.7315 39.6255 50.4114 40.0834 49.9999", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_dd_2890_2833", x: "-3.53467", y: "0.720215", width: "96.4963", height: "104.988", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [jsxRuntime.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feMorphology", { radius: "1", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_2890_2833" }), jsxRuntime.jsx("feOffset", { dy: "5" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "10" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_2890_2833" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feOffset", { dy: "1" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "2.5" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "effect1_dropShadow_2890_2833", result: "effect2_dropShadow_2890_2833" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_2890_2833", result: "shape" })] }) })] }));
-}
-function DockIconScan({ isSelected = false }) {
-    return (jsxRuntime.jsxs("svg", { className: getDockIconClassname({ isSelected }), xmlns: "http://www.w3.org/2000/svg", width: "80", height: "80", viewBox: "0 0 104 93", fill: "none", children: [jsxRuntime.jsxs("g", { filter: "url(#filter0_dd_1987_41216)", children: [jsxRuntime.jsxs("mask", { id: "path-1-outside-1_1987_41216", maskUnits: "userSpaceOnUse", x: "17.2639", y: "7.89738", width: "69.2766", height: "62.7873", fill: "black", children: [jsxRuntime.jsx("rect", { fill: "white", x: "17.2639", y: "7.89738", width: "69.2766", height: "62.7873" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M29.121 24.4211L26.4157 24.8981C23.7506 25.368 21.9711 27.9095 22.441 30.5745L27.9109 61.596C28.3809 64.2611 30.9223 66.0406 33.5874 65.5707L77.7067 57.7912C80.3718 57.3213 82.1514 54.7799 81.6814 52.1148L76.2115 21.0934C75.7416 18.4283 73.2002 16.6487 70.5351 17.1187L52.3411 20.3268C48.8487 17.8692 44.4172 16.7483 39.8802 17.5483C35.3432 18.3483 31.5623 20.9172 29.121 24.4211Z" })] }), jsxRuntime.jsx("path", { d: "M29.121 24.4211L29.642 27.3755C30.4279 27.2369 31.1263 26.7909 31.5825 26.1361L29.121 24.4211ZM22.441 30.5745L19.4866 31.0955L22.441 30.5745ZM27.9109 61.596L30.8654 61.075L27.9109 61.596ZM70.5351 17.1187L71.056 20.0731L70.5351 17.1187ZM52.3411 20.3268L50.6146 22.7802C51.2673 23.2395 52.0761 23.4198 52.8621 23.2812L52.3411 20.3268ZM26.9366 27.8525L29.642 27.3755L28.6001 21.4667L25.8948 21.9437L26.9366 27.8525ZM25.3954 30.0536C25.2132 29.0202 25.9032 28.0347 26.9366 27.8525L25.8948 21.9437C21.598 22.7013 18.729 26.7987 19.4866 31.0955L25.3954 30.0536ZM30.8654 61.075L25.3954 30.0536L19.4866 31.0955L24.9565 62.1169L30.8654 61.075ZM33.0664 62.6162C32.033 62.7985 31.0476 62.1084 30.8654 61.075L24.9565 62.1169C25.7141 66.4137 29.8116 69.2827 34.1083 68.5251L33.0664 62.6162ZM77.1858 54.8368L33.0664 62.6162L34.1083 68.5251L78.2277 60.7457L77.1858 54.8368ZM78.727 52.6357C78.9092 53.6691 78.2192 54.6546 77.1858 54.8368L78.2277 60.7457C82.5245 59.988 85.3935 55.8906 84.6359 51.5939L78.727 52.6357ZM73.2571 21.6143L78.727 52.6357L84.6359 51.5939L79.1659 20.5724L73.2571 21.6143ZM71.056 20.0731C72.0894 19.8909 73.0749 20.5809 73.2571 21.6143L79.1659 20.5724C78.4083 16.2756 74.3109 13.4066 70.0141 14.1642L71.056 20.0731ZM52.8621 23.2812L71.056 20.0731L70.0141 14.1642L51.8202 17.3723L52.8621 23.2812ZM54.0676 17.8733C49.9494 14.9754 44.714 13.6497 39.3592 14.5939L40.4011 20.5028C44.1204 19.847 47.748 20.763 50.6146 22.7802L54.0676 17.8733ZM39.3592 14.5939C34.0045 15.5381 29.5382 18.5744 26.6596 22.7061L31.5825 26.1361C33.5863 23.2601 36.6819 21.1586 40.4011 20.5028L39.3592 14.5939Z", className: "tw-fill-current", mask: "url(#path-1-outside-1_1987_41216)" })] }), jsxRuntime.jsx("rect", { x: "22.1691", y: "26.1546", width: "53.6", height: "40.3", rx: "4.4", transform: "rotate(-10 22.1691 26.1546)", className: "tw-fill-current tw-stroke-grey-100" }), jsxRuntime.jsx("path", { d: "M23.4946 32.5211L75.8864 23.283", className: "tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M55.7461 39.7263L52.6416 44.1618L69.4942 55.9669L72.5987 51.5313L55.7461 39.7263Z", className: "tw-fill-current tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M61.7136 42.7723L57.5659 48.6982L74.4185 60.5033L78.5662 54.5774L61.7136 42.7723Z", className: "tw-fill-current tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M45.6602 50.3281C54.7086 48.7326 60.75 40.1012 59.1539 31.0493C57.5578 21.9975 48.9287 15.9529 39.8802 17.5483C30.8318 19.1438 24.7905 27.7752 26.3866 36.8271C27.9826 45.879 36.6117 51.9236 45.6602 50.3281Z", className: "tw-fill-current tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("mask", { id: "mask0_1987_41216", style: { maskType: "luminance" }, maskUnits: "userSpaceOnUse", x: "26", y: "17", width: "34", height: "34", children: jsxRuntime.jsx("path", { d: "M46.1553 50.2408C55.2038 48.6453 61.2451 40.0139 59.649 30.962C58.0529 21.9101 49.4238 15.8655 40.3754 17.461C31.3269 19.0565 25.2856 27.6879 26.8817 36.7398C28.4778 45.7916 37.1069 51.8362 46.1553 50.2408Z", fill: "white" }) }), jsxRuntime.jsxs("g", { mask: "url(#mask0_1987_41216)", children: [jsxRuntime.jsx("path", { d: "M31.7583 39.0834C33.391 42.9447 37.5553 45.2561 41.8224 44.3965C45.9378 43.57 48.8235 40.0596 49.0377 36.0555", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M31.7583 39.0834C33.391 42.9447 37.5553 45.2561 41.8224 44.3965C45.9378 43.57 48.8235 40.0596 49.0377 36.0555", className: "tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M31.8042 29.1248C32.2486 30.2508 33.437 30.9493 34.678 30.7305C35.919 30.5117 36.7343 29.5229 36.8203 28.3664", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M31.8042 29.1248C32.2486 30.2508 33.437 30.9493 34.678 30.7305C35.919 30.5117 36.7343 29.5229 36.8203 28.3664", className: "tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M40.4302 27.6038C40.8746 28.7298 42.063 29.4283 43.304 29.2095C44.545 28.9906 45.3603 28.0019 45.4463 26.8454", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M40.4302 27.6038C40.8746 28.7298 42.063 29.4283 43.304 29.2095C44.545 28.9906 45.3603 28.0019 45.4463 26.8454", className: "tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M50.3628 36.03C49.4315 36.0744 48.494 35.9055 47.6313 35.5532L50.3628 36.03Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M50.3628 36.03C49.4315 36.0744 48.494 35.9055 47.6313 35.5532", className: "tw-stroke-grey-100", strokeLinecap: "round", strokeLinejoin: "round" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_dd_1987_41216", x: "0.365234", y: "0.0429077", width: "103.392", height: "92.6035", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [jsxRuntime.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feMorphology", { radius: "1", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_1987_41216" }), jsxRuntime.jsx("feOffset", { dy: "5" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "10" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_1987_41216" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feOffset", { dy: "1" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "2.5" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "effect1_dropShadow_1987_41216", result: "effect2_dropShadow_1987_41216" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_1987_41216", result: "shape" })] }) })] }));
-}
-function DockIconAnalytics({ isSelected = false }) {
-    return (jsxRuntime.jsxs("svg", { className: getDockIconClassname({ isSelected }), xmlns: "http://www.w3.org/2000/svg", width: "80", height: "80", viewBox: "0 0 96 99", fill: "none", children: [jsxRuntime.jsxs("g", { filter: "url(#filter0_dd_2890_2870)", children: [jsxRuntime.jsxs("mask", { id: "path-1-outside-1_2890_2870", maskUnits: "userSpaceOnUse", x: "12.6476", y: "11.527", width: "64.6999", height: "63.8887", fill: "black", children: [jsxRuntime.jsx("rect", { fill: "white", x: "12.6476", y: "11.527", width: "64.6999", height: "63.8887" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M48.7338 17.9346L32.4285 20.8097L40.9373 69.0653L57.2426 66.1902L57.2426 66.1902L73.5477 63.3151L67.7141 30.2315L51.409 33.1065L48.7338 17.9346ZM37.2625 48.2266L20.9573 51.1016L24.6308 71.9354L40.9361 69.0603L37.2625 48.2266Z" })] }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M48.7338 17.9346L32.4285 20.8097L40.9373 69.0653L57.2426 66.1902L57.2426 66.1902L73.5477 63.3151L67.7141 30.2315L51.409 33.1065L48.7338 17.9346ZM37.2625 48.2266L20.9573 51.1016L24.6308 71.9354L40.9361 69.0603L37.2625 48.2266Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M32.4285 20.8097L31.9076 17.8553C31.124 17.9934 30.4274 18.4372 29.9711 19.089C29.5147 19.7407 29.3359 20.5471 29.4741 21.3306L32.4285 20.8097ZM48.7338 17.9346L51.6882 17.4137C51.4005 15.782 49.8445 14.6925 48.2129 14.9802L48.7338 17.9346ZM40.9373 69.0653L37.9829 69.5862C38.2706 71.2179 39.8265 72.3074 41.4582 72.0197L40.9373 69.0653ZM57.2426 66.1902L57.7635 69.1446C58.5471 69.0065 59.2437 68.5627 59.7 67.9109C60.1564 67.2592 60.3352 66.4528 60.197 65.6693L57.2426 66.1902ZM57.2426 66.1902L56.7216 63.2357C55.0899 63.5234 54.0004 65.0794 54.2881 66.7111L57.2426 66.1902ZM73.5477 63.3151L74.0686 66.2695C75.7003 65.9818 76.7898 64.4259 76.5021 62.7942L73.5477 63.3151ZM67.7141 30.2315L70.6685 29.7106C70.5304 28.927 70.0866 28.2304 69.4349 27.774C68.7831 27.3177 67.9767 27.1389 67.1932 27.2771L67.7141 30.2315ZM51.409 33.1065L48.4546 33.6275C48.5928 34.411 49.0365 35.1076 49.6883 35.564C50.34 36.0204 51.1464 36.1991 51.93 36.061L51.409 33.1065ZM20.9573 51.1016L20.4363 48.1472C19.6527 48.2854 18.9562 48.7292 18.4998 49.3809C18.0434 50.0327 17.8647 50.839 18.0028 51.6226L20.9573 51.1016ZM37.2625 48.2266L40.217 47.7056C39.9293 46.074 38.3733 44.9845 36.7416 45.2722L37.2625 48.2266ZM24.6308 71.9354L21.6764 72.4563C21.9641 74.088 23.5201 75.1775 25.1517 74.8898L24.6308 71.9354ZM40.9361 69.0603L41.457 72.0147C43.0887 71.727 44.1782 70.171 43.8905 68.5394L40.9361 69.0603ZM32.9495 23.7641L49.2547 20.8891L48.2129 14.9802L31.9076 17.8553L32.9495 23.7641ZM43.8917 68.5443L35.3829 20.2888L29.4741 21.3306L37.9829 69.5862L43.8917 68.5443ZM56.7216 63.2358L40.4163 66.1109L41.4582 72.0197L57.7635 69.1446L56.7216 63.2358ZM54.2881 66.7111L54.2881 66.7112L60.197 65.6693L60.197 65.6692L54.2881 66.7111ZM57.7635 69.1446L74.0686 66.2695L73.0267 60.3607L56.7216 63.2357L57.7635 69.1446ZM76.5021 62.7942L70.6685 29.7106L64.7597 30.7524L70.5932 63.8361L76.5021 62.7942ZM67.1932 27.2771L50.8881 30.1521L51.93 36.061L68.2351 33.1859L67.1932 27.2771ZM45.7794 18.4556L48.4546 33.6275L54.3634 32.5856L51.6882 17.4137L45.7794 18.4556ZM21.4782 54.0561L37.7835 51.181L36.7416 45.2722L20.4363 48.1472L21.4782 54.0561ZM27.5852 71.4144L23.9117 50.5807L18.0028 51.6226L21.6764 72.4563L27.5852 71.4144ZM40.4151 66.1059L24.1099 68.9809L25.1517 74.8898L41.457 72.0147L40.4151 66.1059ZM34.3081 48.7475L37.9817 69.5812L43.8905 68.5394L40.217 47.7056L34.3081 48.7475Z", className: "tw-fill-current", mask: "url(#path-1-outside-1_2890_2870)" })] }), jsxRuntime.jsx("path", { d: "M37.2626 48.2265L20.9573 51.1016L24.6308 71.9353L40.9361 69.0602L37.2626 48.2265Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M48.7338 17.9348L32.4285 20.8098L40.9372 69.0654L57.2425 66.1903L48.7338 17.9348Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M67.7141 30.2316L51.4088 33.1067L57.2423 66.1903L73.5476 63.3153L67.7141 30.2316Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M46.2448 27.966C46.1456 29.9395 44.6669 31.6381 42.6388 31.95C40.6796 32.2497 38.8308 31.1582 38.0865 29.4146", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M46.2448 27.966C46.1456 29.9395 44.6669 31.6381 42.6388 31.95C40.6796 32.2497 38.8308 31.1582 38.0865 29.4146", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M44.6182 23.5531C44.6022 24.1249 44.1874 24.6249 43.601 24.7283C43.0146 24.8316 42.4935 24.5272 42.2684 24.0284", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M44.6182 23.5531C44.6022 24.1249 44.1874 24.6249 43.601 24.7283C43.0146 24.8316 42.4935 24.5272 42.2684 24.0284", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M40.5429 24.2718C40.5269 24.8437 40.1121 25.3436 39.5257 25.447C38.9393 25.5504 38.4182 25.246 38.193 24.7471", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M40.5429 24.2718C40.5269 24.8437 40.1121 25.3436 39.5257 25.447C38.9393 25.5504 38.4182 25.246 38.193 24.7471", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M37.497 29.6151C37.9161 29.4853 38.3081 29.2587 38.6319 28.9628L37.497 29.6151Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M37.497 29.6151C37.9161 29.4853 38.3081 29.2587 38.6319 28.9628", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_dd_2890_2870", x: "-1.04272", y: "0.934082", width: "96.5909", height: "98.0017", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [jsxRuntime.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feMorphology", { radius: "1", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_2890_2870" }), jsxRuntime.jsx("feOffset", { dy: "5" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "10" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_2890_2870" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feOffset", { dy: "1" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "2.5" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "effect1_dropShadow_2890_2870", result: "effect2_dropShadow_2890_2870" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_2890_2870", result: "shape" })] }) })] }));
-}
-function DockIconProfile({ isSelected = false }) {
-    return (jsxRuntime.jsxs("svg", { className: getDockIconClassname({ isSelected }), xmlns: "http://www.w3.org/2000/svg", width: "80", height: "80", viewBox: "0 0 91 92", fill: "none", children: [jsxRuntime.jsxs("g", { filter: "url(#filter0_dd_2890_2884)", children: [jsxRuntime.jsx("path", { d: "M49.0981 64.2104C61.953 61.9437 70.5392 49.7011 68.276 36.8658C66.0128 24.0305 53.7572 15.4629 40.9023 17.7296C28.0474 19.9962 19.4612 32.2388 21.7244 45.0741C23.9876 57.9094 36.2432 66.477 49.0981 64.2104Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M49.3586 65.6876C63.0272 63.2774 72.1607 50.2586 69.7532 36.6053C67.3458 22.9521 54.3104 13.8422 40.6418 16.2524C26.9732 18.6625 17.8397 31.6813 20.2472 45.3346C22.6546 58.9879 35.69 68.0977 49.3586 65.6876Z", className: "tw-stroke-grey-900", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" })] }), jsxRuntime.jsx("path", { d: "M22.1104 28.5476C23.2067 26.1969 24.9162 24.1733 27.0532 22.6971L27.0537 22.6967C27.67 22.2704 27.8292 21.4229 27.3993 20.8017L27.3982 20.8C26.9703 20.1844 26.1255 20.0297 25.5064 20.4553L25.5045 20.4565C22.9691 22.2077 20.9415 24.6071 19.6404 27.3974L19.6398 27.3986C19.3231 28.0803 19.6183 28.8896 20.2999 29.2069C20.5624 29.3293 20.8462 29.3606 21.1118 29.3137C21.5296 29.2401 21.9137 28.9694 22.1102 28.548L22.1104 28.5476Z", className: "tw-fill-grey-300 tw-stroke-grey-900", strokeWidth: "2" }), jsxRuntime.jsx("path", { d: "M43.9449 44.0574L43.9449 44.0574C43.5982 44.264 43.2244 44.3996 42.8431 44.4668C41.764 44.6571 40.6236 44.3 39.8533 43.4574C39.6904 43.2796 39.7029 43.0036 39.8812 42.8404L39.8815 42.8401L39.8815 42.8401C40.0588 42.6797 40.3357 42.6894 40.4991 42.8686L43.9449 44.0574ZM43.9449 44.0574C45.2277 43.2924 45.8302 41.76 45.4101 40.331L43.9449 44.0574ZM44.5707 40.5772C44.8784 41.6236 44.4373 42.7467 43.4966 43.3073C42.522 43.8877 41.2615 43.7027 40.4991 42.8686L44.5707 40.5772Z", className: "tw-fill-grey-300 tw-stroke-grey-300", strokeWidth: "0.15" }), jsxRuntime.jsx("path", { d: "M51.9849 39.5628L51.9848 39.5628C51.6377 39.7694 51.264 39.9054 50.8827 39.9727C49.8031 40.163 48.6626 39.8055 47.8927 38.9628C47.7298 38.785 47.7424 38.509 47.9207 38.3458L47.9211 38.3454L47.9211 38.3454C48.0993 38.185 48.3751 38.1948 48.5385 38.374L51.9849 39.5628ZM51.9849 39.5628C53.2678 38.7982 53.8703 37.2658 53.45 35.8363M51.9849 39.5628L52.9071 35.5405M52.9071 35.5405L52.9072 35.5405C53.1388 35.4731 53.3818 35.6043 53.45 35.8363M52.9071 35.5405C52.6753 35.6086 52.5426 35.8513 52.6106 36.0825L52.9071 35.5405ZM53.45 35.8363L53.378 35.8574L53.45 35.8363C53.45 35.8363 53.45 35.8363 53.45 35.8363ZM52.6106 36.0825C52.9184 37.1294 52.4773 38.2526 51.5366 38.8127C50.5627 39.392 49.301 39.2085 48.5385 38.374L52.6106 36.0825Z", className: "tw-fill-grey-300 tw-stroke-grey-300", strokeWidth: "0.15" }), jsxRuntime.jsx("path", { d: "M59.7053 40.6561L59.7056 40.6559C59.9299 40.5604 60.1845 40.6619 60.2805 40.8834C60.3764 41.105 60.2741 41.3619 60.0525 41.4576L60.0525 41.4577C59.7295 41.597 59.3945 41.7046 59.056 41.7956C60.2892 46.1438 58.5167 50.805 54.6571 53.2307C53.5151 53.9487 52.2719 54.4152 51.0004 54.6394C47.7072 55.22 44.2239 54.1756 41.8116 51.6588L41.8115 51.6588C41.6447 51.4844 41.6502 51.2078 41.8251 51.0409L59.7053 40.6561ZM59.7053 40.6561C58.8349 41.0318 57.8735 41.2193 56.9246 41.1958L56.9239 41.1958M59.7053 40.6561L56.9239 41.1958M56.9239 41.1958C56.6855 41.1919 56.483 41.3799 56.4763 41.6217L56.4763 41.6219M56.9239 41.1958L56.4763 41.6219M56.4763 41.6219C56.4703 41.8632 56.6615 42.0635 56.9028 42.0694L56.9028 42.0694M56.4763 41.6219L56.9028 42.0694M56.9028 42.0694C57.3363 42.0798 57.7711 42.0476 58.2009 41.9823C59.3574 45.9729 57.7367 50.2639 54.1912 52.4919C50.4409 54.8481 45.5006 54.2438 42.4433 51.0542L42.4432 51.0542M56.9028 42.0694L42.4432 51.0542M42.4432 51.0542C42.2757 50.8798 41.9985 50.8748 41.8252 51.0408L42.4432 51.0542Z", className: "tw-fill-grey-300 tw-stroke-grey-300", strokeWidth: "0.15" }), jsxRuntime.jsx("path", { d: "M23.0014 50.7377L23.0699 50.7072L23.0014 50.7377C27.5772 61.0207 38.5449 66.5181 49.1764 64.643C51.064 64.3102 52.9419 63.7442 54.7704 62.9324C66.9005 57.5467 72.3868 43.3128 66.9996 31.2026C64.3895 25.3359 59.6475 20.8368 53.6469 18.5332C47.6474 16.2304 41.1069 16.3985 35.23 19.0075L35.2604 19.0761L35.23 19.0075C23.0999 24.3936 17.6137 38.6276 23.0014 50.7377ZM23.8008 50.3826L23.7323 50.4131L23.8008 50.3826C18.6089 38.7132 23.8955 24.9966 35.5849 19.8054C37.3455 19.0238 39.168 18.4696 41.0175 18.1435C45.1165 17.4207 49.3479 17.8194 53.3325 19.3486C59.115 21.5685 63.6845 25.9041 66.1996 31.5573C71.3916 43.2272 66.1051 56.9442 54.4155 62.1345C52.6522 62.917 50.8442 63.4619 49.0247 63.7827C38.7786 65.5884 28.2091 60.2924 23.8008 50.3826Z", className: "tw-fill-grey-300 tw-stroke-grey-300", strokeWidth: "0.15" }), jsxRuntime.jsx("path", { d: "M20.4787 27.7884C20.3769 28.0073 20.4718 28.2668 20.6905 28.3684L20.7221 28.3004C20.7922 28.3331 20.8672 28.3414 20.9381 28.3289C21.0504 28.3091 21.1519 28.2369 21.2039 28.1253L21.2719 28.157C21.2719 28.157 21.2719 28.157 21.2719 28.157C22.4377 25.657 24.2553 23.5056 26.5274 21.936L26.5275 21.936C26.7258 21.7989 26.7763 21.5269 26.6387 21.328L26.6386 21.3279C26.5013 21.1304 26.2301 21.0802 26.0303 21.2176L26.0302 21.2177C23.6298 22.8755 21.7103 25.1472 20.4787 27.7883L20.4787 27.7884Z", className: "tw-fill-grey-300 tw-stroke-grey-300", strokeWidth: "0.15" }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_dd_2890_2884", x: "-0.638062", y: "0.365479", width: "91.2766", height: "91.209", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [jsxRuntime.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feMorphology", { radius: "1", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_2890_2884" }), jsxRuntime.jsx("feOffset", { dy: "5" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "10" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_2890_2884" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feOffset", { dy: "1" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "2.5" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "effect1_dropShadow_2890_2884", result: "effect2_dropShadow_2890_2884" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_2890_2884", result: "shape" })] }) })] }));
-}
-function DockIconHelp({ isSelected = false }) {
-    return (jsxRuntime.jsxs("svg", { className: getDockIconClassname({ isSelected }), xmlns: "http://www.w3.org/2000/svg", width: "80", height: "80", viewBox: "0 0 100 100", fill: "none", children: [jsxRuntime.jsxs("g", { filter: "url(#filter0_dd_1744_41485)", children: [jsxRuntime.jsx("path", { d: "M50 17C34.5359 17 22 29.5359 22 45C22 60.4641 34.5359 73 50 73C65.4641 73 78 60.4641 78 45C78 29.5359 65.4698 17 50 17ZM50 55.7516C44.0637 55.7516 39.2484 50.9363 39.2484 45C39.2484 39.0637 44.0637 34.2484 50 34.2484C55.9363 34.2484 60.7516 39.0637 60.7516 45C60.7516 50.9363 55.9363 55.7516 50 55.7516Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M50 15.5C33.7075 15.5 20.5 28.7075 20.5 45C20.5 61.2925 33.7075 74.5 50 74.5C66.2925 74.5 79.5 61.2925 79.5 45C79.5 28.7077 66.2984 15.5 50 15.5ZM50 54.2516C44.8922 54.2516 40.7484 50.1078 40.7484 45C40.7484 39.8922 44.8922 35.7484 50 35.7484C55.1078 35.7484 59.2516 39.8922 59.2516 45C59.2516 50.1078 55.1078 54.2516 50 54.2516Z", className: "tw-stroke-grey-900", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" })] }), jsxRuntime.jsxs("mask", { id: "path-3-outside-1_1744_41485", maskUnits: "userSpaceOnUse", x: "67.4766", y: "19.3555", width: "9", height: "9", fill: "black", children: [jsxRuntime.jsx("rect", { fill: "white", x: "67.4766", y: "19.3555", width: "9", height: "9" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M71.0508 21.5019C70.8556 21.3067 70.539 21.3067 70.3437 21.5019C70.1485 21.6972 70.1485 22.0138 70.3437 22.209L71.2167 23.082L69.623 24.6757C69.4277 24.8709 69.4277 25.1875 69.623 25.3828C69.8183 25.578 70.1349 25.578 70.3301 25.3828L71.9238 23.7891L72.7971 24.6625C72.9924 24.8577 73.309 24.8577 73.5043 24.6625C73.6995 24.4672 73.6995 24.1506 73.5043 23.9553L71.0508 21.5019Z" })] }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M71.0508 21.5019C70.8556 21.3067 70.539 21.3067 70.3437 21.5019C70.1485 21.6972 70.1485 22.0138 70.3437 22.209L71.2167 23.082L69.623 24.6757C69.4277 24.8709 69.4277 25.1875 69.623 25.3828C69.8183 25.578 70.1349 25.578 70.3301 25.3828L71.9238 23.7891L72.7971 24.6625C72.9924 24.8577 73.309 24.8577 73.5043 24.6625C73.6995 24.4672 73.6995 24.1506 73.5043 23.9553L71.0508 21.5019Z", className: "tw-fill-grey-300" }), jsxRuntime.jsx("path", { d: "M70.3437 21.5019L71.7579 22.9161L71.7579 22.9161L70.3437 21.5019ZM71.0508 21.5019L69.6366 22.9161L69.6366 22.9161L71.0508 21.5019ZM70.3437 22.209L71.7579 20.7948L71.7579 20.7948L70.3437 22.209ZM71.2167 23.082L72.6309 24.4962C73.4119 23.7151 73.4119 22.4488 72.6309 21.6678L71.2167 23.082ZM69.623 24.6757L68.2088 23.2614L68.2088 23.2614L69.623 24.6757ZM69.623 25.3828L68.2088 26.797L68.2088 26.797L69.623 25.3828ZM70.3301 25.3828L71.7443 26.797L71.7443 26.797L70.3301 25.3828ZM71.9238 23.7891L73.338 22.3749C72.9629 21.9998 72.4542 21.7891 71.9238 21.7891C71.3933 21.7891 70.8846 21.9998 70.5096 22.3749L71.9238 23.7891ZM72.7971 24.6625L71.3829 26.0767L71.3829 26.0767L72.7971 24.6625ZM73.5043 24.6625L74.9185 26.0767L74.9185 26.0767L73.5043 24.6625ZM73.5043 23.9553L74.9185 22.5411V22.5411L73.5043 23.9553ZM71.7579 22.9161C71.1721 23.5019 70.2224 23.5019 69.6366 22.9161L72.465 20.0877C71.4887 19.1114 69.9058 19.1114 68.9295 20.0877L71.7579 22.9161ZM71.7579 20.7948C72.3437 21.3806 72.3437 22.3303 71.7579 22.9161L68.9295 20.0877C67.9532 21.064 67.9532 22.6469 68.9295 23.6232L71.7579 20.7948ZM72.6309 21.6678L71.7579 20.7948L68.9295 23.6232L69.8025 24.4962L72.6309 21.6678ZM71.0372 26.0899L72.6309 24.4962L69.8025 21.6678L68.2088 23.2614L71.0372 26.0899ZM71.0372 23.9685C71.623 24.5543 71.623 25.5041 71.0372 26.0899L68.2088 23.2614C67.2325 24.2377 67.2325 25.8207 68.2088 26.797L71.0372 23.9685ZM68.9159 23.9685C69.5017 23.3828 70.4514 23.3828 71.0372 23.9685L68.2088 26.797C69.1851 27.7733 70.768 27.7733 71.7443 26.797L68.9159 23.9685ZM70.5096 22.3749L68.9159 23.9685L71.7443 26.797L73.338 25.2033L70.5096 22.3749ZM74.2114 23.2482L73.338 22.3749L70.5096 25.2033L71.3829 26.0767L74.2114 23.2482ZM72.09 23.2482C72.6758 22.6625 73.6256 22.6625 74.2114 23.2482L71.3829 26.0767C72.3592 27.053 73.9422 27.053 74.9185 26.0767L72.09 23.2482ZM72.09 25.3696C71.5043 24.7838 71.5043 23.834 72.09 23.2482L74.9185 26.0767C75.8948 25.1004 75.8948 23.5174 74.9185 22.5411L72.09 25.3696ZM69.6366 22.9161L72.09 25.3696L74.9185 22.5411L72.465 20.0877L69.6366 22.9161Z", className: "tw-fill-current", mask: "url(#path-3-outside-1_1744_41485)" }), jsxRuntime.jsx("path", { d: "M50 17C34.5359 17 22 29.5359 22 45C22 60.4641 34.5359 73 50 73C65.4641 73 78 60.4641 78 45C78 29.5359 65.4698 17 50 17ZM50 55.7516C44.0637 55.7516 39.2484 50.9363 39.2484 45C39.2484 39.0637 44.0637 34.2484 50 34.2484C55.9363 34.2484 60.7516 39.0637 60.7516 45C60.7516 50.9363 55.9363 55.7516 50 55.7516Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M42.5276 26.845L42.5242 26.8404C41.9548 26.087 40.8824 25.9378 40.129 26.5072L34.9231 30.4415C34.1697 31.0109 34.0205 32.0833 34.5899 32.8367L34.5933 32.8413C35.1627 33.5947 36.2351 33.7439 36.9885 33.1745L42.1944 29.2402C42.9478 28.6708 43.097 27.5984 42.5276 26.845Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M65.4441 57.1753L65.4407 57.1707C64.8713 56.4173 63.7989 56.2681 63.0455 56.8375L57.8396 60.7718C57.0862 61.3412 56.937 62.4136 57.5064 63.167L57.5098 63.1716C58.0792 63.925 59.1516 64.0742 59.905 63.5048L65.1109 59.5705C65.8643 59.0011 66.0135 57.9287 65.4441 57.1753Z", className: "tw-fill-current tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M71.8123 23.1934L69.9766 25.0292", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M73.1507 24.3089L70.6973 21.8555", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M66.1677 36.1298C64.0574 37.3709 61.2894 37.0048 59.5852 35.1119C57.9438 33.2875 57.8066 30.6339 59.1048 28.678", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M66.1677 36.1298C64.0574 37.3709 61.2894 37.0048 59.5852 35.1119C57.9438 33.2875 57.8066 30.6339 59.1048 28.678", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M69.6218 31.4405C69.0213 31.8122 68.2206 31.7264 67.7117 31.1889C67.2027 30.6513 67.1684 29.9078 67.5287 29.3302", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M69.6218 31.4405C69.0213 31.8122 68.2206 31.7264 67.7117 31.1889C67.2027 30.6513 67.1684 29.9078 67.5287 29.3302", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M66.1047 27.7116C65.5042 28.0833 64.7036 27.9976 64.1946 27.46C63.6856 26.9224 63.6513 26.1789 64.0116 25.6013", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M66.1047 27.7116C65.5042 28.0833 64.7036 27.9976 64.1946 27.46C63.6856 26.9224 63.6513 26.1789 64.0116 25.6013", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M58.4985 28.2037C58.9217 28.5468 59.4193 28.7984 59.9454 28.9357L58.4985 28.2037Z", className: "tw-fill-current" }), jsxRuntime.jsx("path", { d: "M58.4985 28.2037C58.9217 28.5468 59.4193 28.7984 59.9454 28.9357", className: "tw-stroke-grey-300", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_dd_1744_41485", x: "0", y: "0", width: "100", height: "100", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [jsxRuntime.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feMorphology", { radius: "1", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_1744_41485" }), jsxRuntime.jsx("feOffset", { dy: "5" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "10" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_1744_41485" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feOffset", { dy: "1" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "2.5" }), jsxRuntime.jsx("feComposite", { in2: "hardAlpha", operator: "out" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }), jsxRuntime.jsx("feBlend", { mode: "normal", in2: "effect1_dropShadow_1744_41485", result: "effect2_dropShadow_1744_41485" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_1744_41485", result: "shape" })] }) })] }));
-}
-
-function GhostIcon({ size = "20", className, }) {
-    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.0002 1.66675C6.31826 1.66675 3.3335 4.64254 3.3335 8.31336V16.6688C3.3335 18.0204 4.86578 18.8065 5.96889 18.021L6.80466 17.4258C7.04159 17.2571 7.34967 17.2239 7.61729 17.3382L9.34363 18.0758C9.76288 18.255 10.2374 18.255 10.6567 18.0758L12.383 17.3382C12.6507 17.2239 12.9587 17.2571 13.1957 17.4258L14.0314 18.021C15.1345 18.8065 16.6668 18.0204 16.6668 16.6688V8.31336C16.6668 4.64254 13.6821 1.66675 10.0002 1.66675ZM9.16683 8.75008C9.16683 9.44044 8.60719 10.0001 7.91683 10.0001C7.22647 10.0001 6.66683 9.44044 6.66683 8.75008C6.66683 8.05973 7.22647 7.50008 7.91683 7.50008C8.60719 7.50008 9.16683 8.05973 9.16683 8.75008ZM12.0835 10.0001C12.7739 10.0001 13.3335 9.44044 13.3335 8.75008C13.3335 8.05973 12.7739 7.50008 12.0835 7.50008C11.3931 7.50008 10.8335 8.05973 10.8335 8.75008C10.8335 9.44044 11.3931 10.0001 12.0835 10.0001Z", fill: "currentColor" }) }));
-}
-function SettingsSliderIcon({ size = "20", className, }) {
-    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, children: [jsxRuntime.jsx("path", { d: "M14.1667 2.5C12.6129 2.5 11.3081 3.56202 10.9383 5H3.33333C2.8731 5 2.5 5.3731 2.5 5.83333C2.5 6.29357 2.8731 6.66667 3.33333 6.66667H10.9383C11.3081 8.10465 12.6129 9.16667 14.1667 9.16667C16.0082 9.16667 17.5 7.67482 17.5 5.83333C17.5 3.99185 16.0082 2.5 14.1667 2.5Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M7.5 10.8333C5.94628 10.8333 4.64147 11.8953 4.2716 13.3333H3.33333C2.8731 13.3333 2.5 13.7064 2.5 14.1667C2.5 14.6269 2.8731 15 3.33333 15H4.2716C4.64147 16.438 5.94628 17.5 7.5 17.5C9.05372 17.5 10.3585 16.438 10.7284 15H16.6667C17.1269 15 17.5 14.6269 17.5 14.1667C17.5 13.7064 17.1269 13.3333 16.6667 13.3333H10.7284C10.3585 11.8953 9.05372 10.8333 7.5 10.8333Z", fill: "currentColor" })] }));
-}
-function EyeOpenIcon({ size = "20", className, }) {
-    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.0002 3.33325C13.2933 3.33323 16.4923 5.22686 18.6308 8.81919C19.0637 9.54645 19.0637 10.4533 18.6308 11.1806C16.4923 14.7729 13.2933 16.6666 10.0002 16.6666C6.70711 16.6666 3.50807 14.773 1.36961 11.1806C0.936691 10.4534 0.936692 9.54654 1.36961 8.81928C3.50806 5.22694 6.70711 3.33328 10.0002 3.33325ZM7.08354 9.99992C7.08354 8.38909 8.38937 7.08325 10.0002 7.08325C11.611 7.08325 12.9169 8.38909 12.9169 9.99992C12.9169 11.6107 11.611 12.9166 10.0002 12.9166C8.38937 12.9166 7.08354 11.6107 7.08354 9.99992Z", fill: "currentColor" }) }));
-}
-function BellAlarmIcon({ size = "20", className, }) {
-    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, children: [jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.99988 1.66678C6.71988 1.66678 3.94653 4.09489 3.51303 7.34611L2.75878 13.003C2.55895 14.5017 3.72487 15.8334 5.23685 15.8334H6.1279C6.88136 17.29 8.30102 18.3334 9.99987 18.3334C11.6987 18.3334 13.1184 17.29 13.8718 15.8334H14.7629C16.2749 15.8334 17.4408 14.5017 17.241 13.003L16.4867 7.34612C16.0532 4.09489 13.2799 1.66678 9.99988 1.66678ZM11.8513 15.8334H8.1484C8.65585 16.3645 9.31385 16.6668 9.99987 16.6668C10.6859 16.6668 11.3439 16.3645 11.8513 15.8334Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.83481 1.65221C4.18713 1.94834 4.23268 2.47401 3.93655 2.82633C3.12664 3.78991 2.54294 4.94811 2.26535 6.2198C2.16719 6.66945 1.72311 6.95439 1.27346 6.85624C0.823814 6.75809 0.53887 6.31401 0.637023 5.86436C0.973718 4.32192 1.68141 2.91906 2.6607 1.75395C2.95683 1.40164 3.48249 1.35609 3.83481 1.65221ZM16.165 1.65221C16.5173 1.35609 17.043 1.40164 17.3391 1.75395C18.3184 2.91906 19.0261 4.32192 19.3628 5.86436C19.4609 6.31401 19.176 6.75809 18.7263 6.85624C18.2767 6.95439 17.8326 6.66945 17.7344 6.2198C17.4568 4.94811 16.8731 3.78991 16.0632 2.82633C15.7671 2.47401 15.8127 1.94834 16.165 1.65221Z", fill: "currentColor" })] }));
-}
-function LimitIcon({ size = "20", className, }) {
-    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.7139 6.11929C12.1104 3.51579 7.88928 3.51579 5.28578 6.11929C2.77054 8.63453 2.68525 12.6602 5.03004 15.2772C5.33716 15.62 5.30825 16.1469 4.96547 16.454C4.62269 16.7611 4.09585 16.7322 3.78873 16.3894C0.856646 13.1169 0.962783 8.08527 4.10727 4.94078C7.36164 1.68641 12.638 1.68641 15.8924 4.94078C19.0369 8.08527 19.143 13.1169 16.2109 16.3894C15.9038 16.7322 15.377 16.7611 15.0342 16.454C14.6914 16.1469 14.6625 15.62 14.9696 15.2772C17.3144 12.6602 17.2291 8.63453 14.7139 6.11929ZM6.90944 7.74408C7.23488 7.41864 7.76251 7.41864 8.08795 7.74408L10.588 10.2441C10.9134 10.5695 10.9134 11.0972 10.588 11.4226C10.2625 11.748 9.73488 11.748 9.40944 11.4226L6.90944 8.92259C6.584 8.59715 6.584 8.06952 6.90944 7.74408Z", fill: "currentColor" }) }));
-}
-function PoopIcon({ size = "20", className, }) {
-    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.99984 3.33348C9.99984 2.4904 10.7451 1.51067 11.8637 1.79543C13.666 2.25426 14.9998 3.88705 14.9998 5.83348C14.9998 6.51535 14.8357 7.15921 14.5453 7.72739C15.7869 8.21228 16.6665 9.42016 16.6665 10.8335C16.6665 11.1983 16.6077 11.5479 16.4996 11.8745C17.5741 12.3045 18.3332 13.3554 18.3332 14.5835C18.3332 16.1943 17.0273 17.5001 15.4165 17.5001H4.58317C2.97234 17.5001 1.6665 16.1943 1.6665 14.5835C1.6665 13.3554 2.42554 12.3045 3.50009 11.8745C3.39194 11.5479 3.33317 11.1983 3.33317 10.8335C3.33317 9.51455 4.09888 8.37491 5.21027 7.83436C5.07429 7.47085 4.99984 7.0773 4.99984 6.66681C4.99984 4.82586 6.49222 3.33348 8.33317 3.33348H9.99984ZM9.1665 7.50012C8.70627 7.50012 8.33317 7.87322 8.33317 8.33345C8.33317 8.79369 8.70627 9.16679 9.1665 9.16679H9.99984C10.4601 9.16679 10.8332 8.79369 10.8332 8.33345C10.8332 7.87322 10.4601 7.50012 9.99984 7.50012H9.1665ZM11.6665 11.6668C11.2063 11.6668 10.8332 12.0399 10.8332 12.5001C10.8332 12.9604 11.2063 13.3335 11.6665 13.3335H12.4998C12.9601 13.3335 13.3332 12.9604 13.3332 12.5001C13.3332 12.0399 12.9601 11.6668 12.4998 11.6668H11.6665Z", fill: "currentColor" }) }));
-}
-function CatSquareIcon({ size = "20", className, }) {
-    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, children: [jsxRuntime.jsx("path", { d: "M11.0744 13.3379C11.5495 13.2106 11.8109 12.6451 11.6581 12.0749C11.5053 11.5047 10.9962 11.1457 10.5211 11.273C10.0459 11.4003 9.78453 11.9658 9.93732 12.536C10.0901 13.1062 10.5992 13.4653 11.0744 13.3379Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M15.057 13.7462C15.1589 14.1264 14.7792 14.5584 14.209 14.7112C13.6388 14.864 13.0939 14.6796 12.9921 14.2995C12.8902 13.9194 13.2699 13.4873 13.8401 13.3345C14.4103 13.1818 14.9552 13.3661 15.057 13.7462Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.16667 2.5C3.24619 2.5 2.5 3.24619 2.5 4.16667V15.8333C2.5 16.7538 3.24619 17.5 4.16667 17.5H15.8333C16.7538 17.5 17.5 16.7538 17.5 15.8333V4.16667C17.5 3.24619 16.7538 2.5 15.8333 2.5H4.16667ZM12.3973 7.76567C11.6727 7.95982 11.0031 8.24294 10.4045 8.59391L7.48285 7.91551C7.19114 7.84777 6.92536 8.10071 6.97858 8.39542L7.59801 11.8256C7.32824 12.6125 7.2779 13.4391 7.49351 14.2437C7.61973 14.7148 7.82865 15.1468 8.10601 15.5337C8.24716 15.7306 8.48134 15.8333 8.72362 15.8333H15C15.4602 15.8333 15.8333 15.4602 15.8333 15V11.9521C15.5014 11.8617 15.2088 11.5615 15.0993 11.1528C14.9465 10.5825 15.2078 10.0171 15.683 9.88975C15.7329 9.87638 15.7832 9.86838 15.8333 9.86541V6.44469C15.8333 6.37139 15.7455 6.3338 15.6925 6.3844L14.5374 7.48655C13.8434 7.4819 13.1219 7.57151 12.3973 7.76567Z", fill: "currentColor" })] }));
-}
-function FilterAscendingIcon({ size = "20", className, }) {
-    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, children: [jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.83333 2.5C6.29357 2.5 6.66667 2.8731 6.66667 3.33333V14.6548L7.74408 13.5774C8.06951 13.252 8.59715 13.252 8.92259 13.5774C9.24803 13.9028 9.24803 14.4305 8.92259 14.7559L6.42259 17.2559C6.09715 17.5814 5.56951 17.5814 5.24408 17.2559L2.74408 14.7559C2.41864 14.4305 2.41864 13.9028 2.74408 13.5774C3.06951 13.252 3.59715 13.252 3.92259 13.5774L5 14.6548V3.33333C5 2.8731 5.3731 2.5 5.83333 2.5Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.5833 2.5C15.2592 2.5 15.8558 2.94152 16.0533 3.58792L17.0439 6.82978L17.4572 8.06981C17.6028 8.50643 17.3668 8.97836 16.9302 9.1239C16.4936 9.26944 16.0216 9.03348 15.8761 8.59686L15.6494 7.91667H13.5173L13.2906 8.59686C13.145 9.03348 12.6731 9.26944 12.2365 9.1239C11.7999 8.97836 11.5639 8.50643 11.7094 8.06981L12.1228 6.82977L13.1133 3.58792C13.3109 2.94152 13.9074 2.5 14.5833 2.5ZM14.5833 4.48053L14.0427 6.25H15.124L14.5833 4.48053Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.6667 11.6667C11.6667 11.2064 12.0398 10.8333 12.5 10.8333H16.6667C16.99 10.8333 17.2842 11.0204 17.4213 11.3132C17.5585 11.606 17.5139 11.9518 17.3069 12.2002L14.2792 15.8333H16.6667C17.1269 15.8333 17.5 16.2064 17.5 16.6667C17.5 17.1269 17.1269 17.5 16.6667 17.5H12.5C12.1767 17.5 11.8825 17.313 11.7453 17.0201C11.6082 16.7273 11.6528 16.3816 11.8598 16.1332L14.8875 12.5H12.5C12.0398 12.5 11.6667 12.1269 11.6667 11.6667Z", fill: "currentColor" })] }));
-}
-function ImageIcon({ size = "20", className, }) {
-    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 25", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M4 14.7105L6.84488 12.5821C7.66137 12.0378 8.75215 12.1663 9.41987 12.8853C10.9123 14.4926 12.6426 15.9538 15 15.9538C17.1727 15.9538 18.6125 15.1485 20 13.761M6 20.5H18C19.1046 20.5 20 19.6046 20 18.5V6.5C20 5.39543 19.1046 4.5 18 4.5H6C4.89543 4.5 4 5.39543 4 6.5V18.5C4 19.6046 4.89543 20.5 6 20.5ZM17 9.5C17 10.6046 16.1046 11.5 15 11.5C13.8954 11.5 13 10.6046 13 9.5C13 8.39543 13.8954 7.5 15 7.5C16.1046 7.5 17 8.39543 17 9.5Z", stroke: "currentColor", strokeWidth: "2", strokeLinejoin: "round" }) }));
-}
-function FilterTimelineIcon({ size = "20", className, }) {
-    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, children: [jsxRuntime.jsx("path", { d: "M5.00117 3.33325C5.46141 3.33325 5.8345 3.70635 5.8345 4.16659V13.8206L6.91042 12.7442C7.23577 12.4186 7.76341 12.4185 8.08894 12.7438C8.41446 13.0692 8.4146 13.5968 8.08925 13.9224L5.59058 16.4224C5.43434 16.5787 5.22241 16.6665 5.00139 16.6666C4.78038 16.6666 4.56839 16.5789 4.41207 16.4227L1.91074 13.9227C1.58521 13.5973 1.58507 13.0697 1.91042 12.7442C2.23577 12.4186 2.76341 12.4185 3.08894 12.7438L4.16784 13.8222V4.16659C4.16784 3.70635 4.54093 3.33325 5.00117 3.33325Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M9.99984 4.99992C9.5396 4.99992 9.1665 5.37301 9.1665 5.83325C9.1665 6.29349 9.5396 6.66659 9.99984 6.66659H16.6665C17.1267 6.66659 17.4998 6.29349 17.4998 5.83325C17.4998 5.37301 17.1267 4.99992 16.6665 4.99992H9.99984Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M13.3332 13.3333C12.8729 13.3333 12.4998 13.7063 12.4998 14.1666C12.4998 14.6268 12.8729 14.9999 13.3332 14.9999H16.6665C17.1267 14.9999 17.4998 14.6268 17.4998 14.1666C17.4998 13.7063 17.1267 13.3333 16.6665 13.3333H13.3332Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M10.8332 9.99992C10.8332 9.53968 11.2063 9.16659 11.6665 9.16659H16.6665C17.1267 9.16659 17.4998 9.53968 17.4998 9.99992C17.4998 10.4602 17.1267 10.8333 16.6665 10.8333H11.6665C11.2063 10.8333 10.8332 10.4602 10.8332 9.99992Z", fill: "currentColor" })] }));
-}
-function NewspaperIcon({ className, size = "24", }) {
-    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M12 8C12 6.34315 13.3431 5 15 5H20C21.1046 5 22 5.89543 22 7V17C22 18.1046 21.1046 19 20 19H15.277C14.5966 19 13.9296 19.1642 13.3508 19.5219C12.772 19.8796 12.3043 20.3914 12 21M12 8C12 6.34315 10.6569 5 9 5H4C2.89543 5 2 5.89543 2 7V17C2 18.1046 2.89543 19 4 19H8.723C9.40341 19 10.0704 19.1642 10.6492 19.5219C11.228 19.8796 11.6957 20.3914 12 21M12 8V21", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
-}
-function AtomIcon({ className, size = "24", }) {
-    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: [jsxRuntime.jsx("path", { d: "M19.4739 4.52612C21.0463 6.09858 18.9749 10.7195 14.8472 14.8472C10.7195 18.9749 6.09858 21.0463 4.52612 19.4739C2.95366 17.9014 5.0251 13.2805 9.15281 9.15281C13.2805 5.0251 17.9014 2.95366 19.4739 4.52612Z", stroke: "currentColor", strokeWidth: "2" }), jsxRuntime.jsx("path", { d: "M19.4739 19.4739C17.9014 21.0463 13.2805 18.9749 9.15281 14.8472C5.0251 10.7195 2.95366 6.09858 4.52612 4.52612C6.09858 2.95366 10.7195 5.0251 14.8472 9.15281C18.9749 13.2805 21.0463 17.9014 19.4739 19.4739Z", stroke: "currentColor", strokeWidth: "2" })] }));
-}
-function SunriseSmallIcon({ className, size = "20", }) {
-    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, children: [jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.99984 1.66663C10.4601 1.66663 10.8332 2.03972 10.8332 2.49996V3.33329C10.8332 3.79353 10.4601 4.16663 9.99984 4.16663C9.5396 4.16663 9.1665 3.79353 9.1665 3.33329V2.49996C9.1665 2.03972 9.5396 1.66663 9.99984 1.66663ZM1.6665 9.99996C1.6665 9.53972 2.0396 9.16663 2.49984 9.16663H3.33317C3.79341 9.16663 4.1665 9.53972 4.1665 9.99996C4.1665 10.4602 3.79341 10.8333 3.33317 10.8333H2.49984C2.0396 10.8333 1.6665 10.4602 1.6665 9.99996ZM15.8332 9.99996C15.8332 9.53972 16.2063 9.16663 16.6665 9.16663H17.4998C17.9601 9.16663 18.3332 9.53972 18.3332 9.99996C18.3332 10.4602 17.9601 10.8333 17.4998 10.8333H16.6665C16.2063 10.8333 15.8332 10.4602 15.8332 9.99996Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1241 5.87517C13.7987 5.54973 13.7987 5.0221 14.1241 4.69666L14.7134 4.1074C15.0388 3.78197 15.5665 3.78197 15.8919 4.1074C16.2173 4.43284 16.2173 4.96048 15.8919 5.28592L15.3026 5.87517C14.9772 6.20061 14.4496 6.20061 14.1241 5.87517Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.6665 13.3333C1.6665 12.8731 2.0396 12.5 2.49984 12.5H17.4998C17.9601 12.5 18.3332 12.8731 18.3332 13.3333C18.3332 13.7935 17.9601 14.1666 17.4998 14.1666H2.49984C2.0396 14.1666 1.6665 13.7935 1.6665 13.3333ZM4.99984 16.6666C4.99984 16.2064 5.37293 15.8333 5.83317 15.8333H14.1665C14.6267 15.8333 14.9998 16.2064 14.9998 16.6666C14.9998 17.1269 14.6267 17.5 14.1665 17.5H5.83317C5.37293 17.5 4.99984 17.1269 4.99984 16.6666Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.10785 4.1074C4.43328 3.78197 4.96092 3.78197 5.28636 4.1074L5.87561 4.69666C6.20105 5.0221 6.20105 5.54973 5.87561 5.87517C5.55018 6.20061 5.02254 6.20061 4.6971 5.87517L4.10785 5.28591C3.78241 4.96048 3.78241 4.43284 4.10785 4.1074Z", fill: "currentColor" }), jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.6665 10.8333C6.20627 10.8333 5.83317 10.4602 5.83317 9.99996C5.83317 7.69877 7.69865 5.83329 9.99984 5.83329C12.301 5.83329 14.1665 7.69877 14.1665 9.99996C14.1665 10.4602 13.7934 10.8333 13.3332 10.8333C11.9184 10.8333 8.08126 10.8333 6.6665 10.8333Z", fill: "currentColor" })] }));
-}
-function CoinsOutlinedIcon({ className, size = "24", }) {
-    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M9 16C5.68629 16 3 13.3137 3 10C3 6.68629 5.68629 4 9 4C11.4597 4 13.5737 5.48012 14.5 7.59829M21 14C21 17.3137 18.3137 20 15 20C12.3841 20 10.1591 18.3259 9.33811 15.9906C9.11911 15.3677 9 14.6978 9 14C9 10.7998 11.5055 8.1847 14.6619 8.00937C14.7738 8.00315 14.8865 8 15 8C18.3137 8 21 10.6863 21 14Z", stroke: "currentColor", strokeWidth: "2" }) }));
-}
-function PhoneIcon({ size = "24", className, }) {
-    return (jsxRuntime.jsx("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 25 24", fill: "none", children: jsxRuntime.jsx("path", { d: "M10.5 19H14.5M8.5 22H16.5C17.6046 22 18.5 21.1046 18.5 20V4C18.5 2.89543 17.6046 2 16.5 2H8.5C7.39543 2 6.5 2.89543 6.5 4V20C6.5 21.1046 7.39543 22 8.5 22Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }));
-}
-function LaptopIcon({ size = "24", className, }) {
-    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 25 24", fill: "none", className: className, children: [jsxRuntime.jsx("path", { d: "M4.5 6C4.5 4.89543 5.39543 4 6.5 4H18.5C19.6046 4 20.5 4.89543 20.5 6V15C20.5 15.5523 20.0523 16 19.5 16H5.5C4.94772 16 4.5 15.5523 4.5 15V6Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "square", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M2.5 16H22.5V18C22.5 19.1046 21.6046 20 20.5 20H4.5C3.39543 20 2.5 19.1046 2.5 18V16Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "square", strokeLinejoin: "round" })] }));
-}
-function CopyIcon({ size = "20", className, }) {
-    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 21 20", fill: "none", className: className, children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.16663 6.66666V3.54166C7.16663 2.50612 8.00609 1.66666 9.04163 1.66666H16.9583C17.9938 1.66666 18.8333 2.50612 18.8333 3.54166V11.4583C18.8333 12.4939 17.9938 13.3333 16.9583 13.3333H13.8333V16.4583C13.8333 17.4939 12.9938 18.3333 11.9583 18.3333H4.04163C3.00609 18.3333 2.16663 17.4939 2.16663 16.4583V8.54166C2.16663 7.50612 3.00609 6.66666 4.04163 6.66666H7.16663ZM9.04163 13.3333C8.00609 13.3333 7.16663 12.4939 7.16663 11.4583V8.33332H4.04163C3.92657 8.33332 3.83329 8.4266 3.83329 8.54166V16.4583C3.83329 16.5734 3.92657 16.6667 4.04163 16.6667H11.9583C12.0734 16.6667 12.1666 16.5734 12.1666 16.4583V13.3333H9.04163Z", fill: "currentColor" }) }));
-}
-function FileDownloadIcon({ size = "20", className, }) {
-    return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 21 20", fill: "none", children: [jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.33337 1.66666H10.5V5.83332C10.5 7.21404 11.6193 8.33332 13 8.33332H17.1667V15.8333C17.1667 17.214 16.0474 18.3333 14.6667 18.3333H6.33337C4.95266 18.3333 3.83337 17.214 3.83337 15.8333V4.16666C3.83337 2.78594 4.95266 1.66666 6.33337 1.66666ZM13.1726 14.3392L11.0893 16.4226C10.7639 16.748 10.2362 16.748 9.91079 16.4226L7.82745 14.3392C7.50201 14.0138 7.50201 13.4862 7.82745 13.1607C8.15289 12.8353 8.68053 12.8353 9.00596 13.1607L9.66671 13.8215V10.8333C9.66671 10.3731 10.0398 9.99999 10.5 9.99999C10.9603 9.99999 11.3334 10.3731 11.3334 10.8333V13.8215L11.9941 13.1607C12.3196 12.8353 12.8472 12.8353 13.1726 13.1607C13.4981 13.4862 13.4981 14.0138 13.1726 14.3392Z", fill: "currentColor" }), jsxRuntime.jsx("path", { d: "M12.1667 2.15481L16.6786 6.66666H13C12.5398 6.66666 12.1667 6.29356 12.1667 5.83332V2.15481Z", fill: "currentColor" })] }));
-}
-function CodeSolidSquareIcon({ size = "24", className, }) {
-    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 25 24", fill: "none", className: className, children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.5 6C3.5 4.34315 4.84315 3 6.5 3H18.5C20.1569 3 21.5 4.34315 21.5 6V18C21.5 19.6569 20.1569 21 18.5 21H6.5C4.84315 21 3.5 19.6569 3.5 18V6ZM11.2071 8.79289C11.5976 9.18342 11.5976 9.81658 11.2071 10.2071L9.41421 12L11.2071 13.7929C11.5976 14.1834 11.5976 14.8166 11.2071 15.2071C10.8166 15.5976 10.1834 15.5976 9.79289 15.2071L8 13.4142C7.21895 12.6332 7.21895 11.3668 8 10.5858L9.79289 8.79289C10.1834 8.40237 10.8166 8.40237 11.2071 8.79289ZM15.2071 8.79289C14.8166 8.40237 14.1834 8.40237 13.7929 8.79289C13.4024 9.18342 13.4024 9.81658 13.7929 10.2071L15.5858 12L13.7929 13.7929C13.4024 14.1834 13.4024 14.8166 13.7929 15.2071C14.1834 15.5976 14.8166 15.5976 15.2071 15.2071L17 13.4142C17.781 12.6332 17.781 11.3668 17 10.5858L15.2071 8.79289Z", fill: "currentColor" }) }));
-}
-function CodeBracketsIcon({ size = "20", className, }) {
-    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 20 20", fill: "none", className: className, children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.8688 2.5249C12.3153 2.63652 12.5867 3.08896 12.4751 3.53546L9.14178 16.8688C9.03015 17.3153 8.57771 17.5868 8.13121 17.4752C7.68472 17.3635 7.41325 16.9111 7.52487 16.4646L10.8582 3.13123C10.9698 2.68474 11.4223 2.41327 11.8688 2.5249ZM5.58925 6.07746C5.91469 6.4029 5.91469 6.93053 5.58925 7.25597L3.43443 9.41079C3.10899 9.73623 3.10899 10.2639 3.43443 10.5893L5.58925 12.7441C5.91469 13.0696 5.91469 13.5972 5.58925 13.9226C5.26381 14.2481 4.73617 14.2481 4.41074 13.9226L2.25591 11.7678C1.2796 10.7915 1.27961 9.20859 2.25592 8.23228L4.41074 6.07746C4.73617 5.75202 5.26381 5.75202 5.58925 6.07746ZM14.4107 6.07746C14.7362 5.75202 15.2638 5.75202 15.5892 6.07746L17.7441 8.23228C18.7204 9.20859 18.7204 10.7915 17.7441 11.7678L15.5892 13.9226C15.2638 14.2481 14.7362 14.2481 14.4107 13.9226C14.0853 13.5972 14.0853 13.0696 14.4107 12.7441L16.5656 10.5893C16.891 10.2639 16.891 9.73623 16.5656 9.41079L14.4107 7.25597C14.0853 6.93053 14.0853 6.4029 14.4107 6.07746Z", fill: "currentColor" }) }));
-}
-function CommandIcon({ size = "22", className, }) {
-    return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 22 22", fill: "none", className: className, children: jsxRuntime.jsx("path", { d: "M8 17V17C8 16.0219 8.28951 15.0657 8.83205 14.2519L13.1679 7.74808C13.7105 6.93427 14 5.97808 14 5V5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
-}
-
 function FeeButton(_a) {
     var { feeInUsd = "0", chipLabel = "Fee", className, tooltip } = _a, props = __rest$1(_a, ["feeInUsd", "chipLabel", "className", "tooltip"]);
     return (jsxRuntime.jsx(Tooltip, Object.assign({}, tooltip, { tooltipWidth: "max", containerClassName: "tw-rounded-squid-m tw-w-full", childrenClassName: "tw-rounded-squid-m", children: jsxRuntime.jsxs("button", Object.assign({}, props, { className: cn("tw-flex tw-h-squid-xl tw-w-full tw-items-center tw-gap-x-squid-xs tw-rounded-squid-m tw-px-squid-xs hover:tw-bg-material-light-thin", className), children: [jsxRuntime.jsx(Chip, { label: chipLabel, className: "tw-hidden mobile-xs:tw-flex" }), jsxRuntime.jsxs("span", { className: "tw-flex tw-items-center", children: [jsxRuntime.jsx(UsdAmount, { usdAmount: feeInUsd }), jsxRuntime.jsx(ChevronDownSmallIcon, { className: "tw-text-grey-600" })] })] })) })));
@@ -18641,7 +18682,7 @@ function Menu(_a) {
     return (jsxRuntime.jsx("div", Object.assign({}, props, { className: cn("tw-max-w-[320px]", containerClassName), ref: menuRef, children: jsxRuntime.jsxs("div", { className: cn("tw-bg-menu-bg tw-text-menu-text tw-relative tw-inline-flex tw-max-w-full tw-flex-col tw-items-center tw-justify-center tw-gap-squid-xs tw-p-squid-xs tw-text-center group-data-[squid-theme-type=dark]:tw-shadow-elevation-dark-2 group-data-[squid-theme-type=light]:tw-shadow-elevation-light-2", borderRadiusClassMap[rounded], contentClassName, 
             // :before element to create a backdrop
             // Not applied to the div itself because the backdrop-filter spec does not apply nested backdrop filters
-            "before:tw-absolute before:tw-inset-0 before:-tw-z-[1] before:tw-h-full before:tw-w-full before:tw-rounded-squid-m before:tw-backdrop-blur/20 before:tw-backdrop-saturate-150"), children: [typeof children === "string" ? (jsxRuntime.jsx(CaptionText, { className: "tw-z-20 tw-self-stretch !tw-leading-[10px]", children: children })) : (jsxRuntime.jsx("div", Object.assign({}, contentWrapperProps, { className: cn("tw-z-20 tw-max-w-full tw-text-caption tw-font-caption", contentWrapperProps === null || contentWrapperProps === void 0 ? void 0 : contentWrapperProps.className), children: children }))), jsxRuntime.jsx("div", { className: cn("tw-bg-menu-backdrop tw-absolute tw-inset-0 tw-z-10 tw-h-full tw-w-full tw-border tw-border-material-light-thin", borderRadiusClassMap[rounded]) })] }) })));
+            "before:tw-absolute before:tw-inset-0 before:-tw-z-[1] before:tw-h-full before:tw-w-full before:tw-backdrop-blur/20 before:tw-backdrop-saturate-150"), children: [typeof children === "string" ? (jsxRuntime.jsx(CaptionText, { className: "tw-z-20 tw-self-stretch !tw-leading-[10px]", children: children })) : (jsxRuntime.jsx("div", Object.assign({}, contentWrapperProps, { className: cn("tw-z-20 tw-max-w-full tw-text-caption tw-font-caption", contentWrapperProps === null || contentWrapperProps === void 0 ? void 0 : contentWrapperProps.className), children: children }))), jsxRuntime.jsx("div", { className: cn("tw-bg-menu-backdrop tw-absolute tw-inset-0 tw-z-10 tw-h-full tw-w-full tw-border tw-border-material-light-thin", borderRadiusClassMap[rounded]) })] }) })));
 }
 
 function DropdownMenu({ dropdownRef, className, menuRef, isHidden = false, listClassName, containerClassName, children, contentWrapperProps, menuContentClassName, }) {
@@ -18723,20 +18764,6 @@ function PipeSeparator(props) {
     return (jsxRuntime.jsx("div", Object.assign({}, props, { className: cn("tw-h-[0.8em] tw-w-[2px] tw-rounded-full tw-bg-[currentColor]", props.className) })));
 }
 
-function CollapsibleMenu({ children, menuRef, isOpen, transitionDuration, size, className, }) {
-    return (jsxRuntime.jsx("aside", { style: Object.assign({ transitionDuration, transitionTimingFunction: isOpen
-                ? "cubic-bezier(0.4, 1.3, 0.4, 1)"
-                : undefined, [CSS_VARS.COLLAPSIBLE_MENU_OPEN_WIDTH]: size.open.width, [CSS_VARS.COLLAPSIBLE_MENU_OPEN_HEIGHT]: size.open.height, [CSS_VARS.COLLAPSIBLE_MENU_CLOSED_WIDTH]: size.closed.width, [CSS_VARS.COLLAPSIBLE_MENU_CLOSED_HEIGHT]: size.closed.height }, (isOpen
-            ? {
-                width: `var(${CSS_VARS.COLLAPSIBLE_MENU_OPEN_WIDTH})`,
-                height: `var(${CSS_VARS.COLLAPSIBLE_MENU_OPEN_HEIGHT})`,
-            }
-            : {
-                width: `var(${CSS_VARS.COLLAPSIBLE_MENU_CLOSED_WIDTH})`,
-                height: `var(${CSS_VARS.COLLAPSIBLE_MENU_CLOSED_HEIGHT})`,
-            })), className: cn("tw-fixed tw-z-40 tw-flex tw-flex-col tw-overflow-hidden tw-bg-grey-900 tw-text-grey-100 tw-shadow-elevation-light-3 tw-outline-material-light-thin", className), ref: menuRef, children: children }));
-}
-
 const useContainerStore = create(() => ({
     containerRef: undefined,
 }));
@@ -19584,18 +19611,18 @@ const SwapStepsCollapsed = React$1.forwardRef((props, ref) => {
             onOpen === null || onOpen === void 0 ? void 0 : onOpen();
         }
     };
-    return (jsxRuntime.jsx("div", { className: "tw-relative tw-h-[60px] tw-w-modal-compact tw-max-w-full tw-rounded-button-lg-tertiary mobile-lg:tw-min-w-modal-large", children: jsxRuntime.jsx("div", { className: cn("tw-absolute tw-bottom-0 tw-z-10 tw-flex tw-w-full tw-max-w-modal-compact tw-flex-col tw-justify-end tw-gap-squid-xxs tw-overflow-hidden tw-rounded-button-lg-tertiary mobile-lg:tw-max-w-modal-large", isRouteVisible ? "tw-h-[535px]" : "tw-h-[60px]"), children: jsxRuntime.jsxs("div", { className: "tw-flex tw-flex-col tw-justify-end", children: [!isRouteVisible && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { className: "tw-absolute tw-left-0 tw-top-0 tw-z-10 tw-h-[21px] tw-w-full tw-bg-gradient-to-b tw-from-grey-800 tw-transition-colors group-hover/swap-step-item-button:tw-from-grey-600" }), jsxRuntime.jsx("span", { className: "tw-absolute tw-bottom-0 tw-left-0 tw-z-10 tw-h-[21px] tw-w-full tw-bg-gradient-to-t tw-from-grey-800 tw-transition-colors group-hover/swap-step-item-button:tw-from-grey-600" })] })), jsxRuntime.jsx("div", { onClick: handleToggleRouteSteps, style: {
+    return (jsxRuntime.jsx("div", { className: "tw-rounded-modal tw-relative tw-h-[60px] tw-w-modal-compact tw-max-w-full mobile-lg:tw-min-w-modal-large", children: jsxRuntime.jsx("div", { className: cn("tw-rounded-modal tw-absolute tw-bottom-0 tw-z-10 tw-flex tw-w-full tw-max-w-modal-compact tw-flex-col tw-justify-end tw-gap-squid-xxs tw-overflow-hidden mobile-lg:tw-max-w-modal-large", isRouteVisible ? "tw-h-[535px]" : "tw-h-[60px]"), children: jsxRuntime.jsxs("div", { className: "tw-flex tw-flex-col tw-justify-end", children: [!isRouteVisible && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { className: "tw-absolute tw-left-0 tw-top-0 tw-z-10 tw-h-[21px] tw-w-full tw-bg-gradient-to-b tw-from-grey-800 tw-transition-colors group-hover/swap-step-item-button:tw-from-grey-600" }), jsxRuntime.jsx("span", { className: "tw-absolute tw-bottom-0 tw-left-0 tw-z-10 tw-h-[21px] tw-w-full tw-bg-gradient-to-t tw-from-grey-800 tw-transition-colors group-hover/swap-step-item-button:tw-from-grey-600" })] })), jsxRuntime.jsx("div", { onClick: handleToggleRouteSteps, style: {
                             [CSS_VARS.FADE_OUT_DURATION]: `${ANIMATION_DURATIONS.HIDE_ROUTE}ms`,
                             [CSS_VARS.FADE_IN_DURATION]: `${ANIMATION_DURATIONS.SHOW_ROUTE}ms`,
-                        }, className: cn("tw-absolute tw-top-0 tw-h-[535px] tw-w-full tw-rounded-button-lg-tertiary tw-bg-material-dark-thick tw-backdrop-blur/10  ", isShowRouteAnimationRunning
+                        }, className: cn("tw-rounded-modal tw-absolute tw-top-0 tw-h-[535px] tw-w-full tw-bg-material-dark-thick tw-backdrop-blur/10  ", isShowRouteAnimationRunning
                             ? "tw-animate-fade-in"
                             : "tw-animate-fade-out") }), jsxRuntime.jsx("div", { style: {
                             zIndex: 20,
                             display: isRouteVisible ? "none" : "block",
-                        }, onClick: handleToggleRouteSteps, className: "tw-absolute tw-inset-0 tw-h-[60px] tw-cursor-pointer tw-rounded-button-lg-tertiary tw-border tw-border-material-light-thin hover:tw-border-material-light-average hover:tw-bg-material-light-thin" }), jsxRuntime.jsx("div", { onClick: isShowRouteAnimationRunning ? undefined : handleToggleRouteSteps, style: {
+                        }, onClick: handleToggleRouteSteps, className: "tw-rounded-modal tw-absolute tw-inset-0 tw-h-[60px] tw-cursor-pointer tw-border tw-border-material-light-thin hover:tw-border-material-light-average hover:tw-bg-material-light-thin" }), jsxRuntime.jsx("div", { onClick: isShowRouteAnimationRunning ? undefined : handleToggleRouteSteps, style: {
                             [CSS_VARS.COLLAPSE_ROUTE_DURATION]: `${ANIMATION_DURATIONS.HIDE_ROUTE}ms`,
                             [CSS_VARS.EXPAND_ROUTE_DURATION]: `${ANIMATION_DURATIONS.SHOW_ROUTE}ms`,
-                        }, className: cn("tw-relative tw-h-[60px] tw-max-h-[470px] tw-w-full tw-overflow-hidden tw-rounded-button-lg-tertiary tw-border tw-border-material-light-thin tw-bg-grey-800 tw-backdrop-blur-2xl mobile-xs-height:tw-max-h-[535px]", isRouteVisible &&
+                        }, className: cn("tw-rounded-modal tw-relative tw-h-[60px] tw-max-h-[470px] tw-w-full tw-overflow-hidden tw-border tw-border-material-light-thin tw-bg-grey-800 tw-backdrop-blur-2xl mobile-xs-height:tw-max-h-[535px]", isRouteVisible &&
                             (isShowRouteAnimationRunning
                                 ? "tw-animate-expand-route"
                                 : "tw-animate-collapse-route")), children: jsxRuntime.jsxs("div", { className: cn("tw-flex tw-flex-col tw-gap-squid-xxs", isRouteVisible || isShowRouteAnimationRunning
@@ -19619,6 +19646,49 @@ const SwapStepsCollapsed = React$1.forwardRef((props, ref) => {
 });
 SwapStepsCollapsed.displayName = "SwapStepsCollapsed";
 
+function Toast({ headerContent, actionsContent, description, chipLabel, title, }) {
+    return (jsxRuntime.jsxs(Menu, { contentClassName: "tw-px-squid-m tw-pb-squid-s tw-pt-squid-xxs", contentWrapperProps: {
+            className: "tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-squid-xs",
+        }, rounded: "sm", children: [headerContent, jsxRuntime.jsx("header", { className: "tw-flex tw-flex-col tw-items-center tw-justify-center tw-self-stretch tw-px-0 tw-py-squid-xxs", children: jsxRuntime.jsx(BodyText, { size: "small", className: "tw-text-grey-100", children: title }) }), jsxRuntime.jsx(CaptionText, { className: "tw-text-center tw-text-material-light-thick", children: description }), jsxRuntime.jsx("menu", { className: "tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-squid-xs tw-self-stretch tw-pt-squid-xs", children: actionsContent }), chipLabel && (jsxRuntime.jsx(Chip, { label: chipLabel, className: "tw-absolute tw-right-squid-xs tw-top-squid-xs" }))] }));
+}
+
+const DEFAULT_TIMEFRAME = "1D";
+const DefaultChart = ({ timeframe, }) => (jsxRuntime.jsx("div", { className: "tw-flex tw-h-full tw-w-full tw-items-center tw-justify-center", children: jsxRuntime.jsxs(BodyText, { size: "small", children: ["Chart (", timeframe, ")"] }) }));
+const TokenModalHeader = ({ token, chain, onLikeToken, onClose, }) => (jsxRuntime.jsxs("div", { className: "tw-flex tw-w-full tw-items-start tw-justify-between", children: [jsxRuntime.jsx("div", { className: "tw-flex tw-items-center tw-gap-squid-xs tw-pb-squid-xs", children: jsxRuntime.jsx(BadgeImage, { imageUrl: token.image, badgeUrl: chain.image, size: "lg", rounded: true }) }), jsxRuntime.jsxs("span", { className: "tw-flex tw-items-center tw-gap-squid-xxs", children: [jsxRuntime.jsx(IconButton, { className: "tw-text-grey-300", onClick: onLikeToken, icon: jsxRuntime.jsx(EmptyHeartIcon, {}) }), jsxRuntime.jsx(IconButton, { className: "tw-text-grey-300", onClick: onClose, icon: jsxRuntime.jsx(CircleXFilledIcon, {}) })] })] }));
+const TokenInfo = ({ token, tokenPrice, priceChange, loading, }) => (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs(BodyText, { size: "large", loading: { isLoading: loading, width: "100px" }, children: ["$", tokenPrice.toLocaleString()] }), jsxRuntime.jsxs("div", { className: "tw-flex tw-flex-row tw-justify-between", children: [jsxRuntime.jsx(BodyText, { size: "small", children: token.name }), jsxRuntime.jsxs("div", { className: "tw-flex tw-items-center tw-gap-squid-xxs", children: [jsxRuntime.jsxs(BodyText, { size: "small", className: "tw-text-grey-500", loading: { isLoading: loading, width: "40px" }, children: [Math.abs(priceChange).toFixed(2), "%"] }), !loading && (jsxRuntime.jsx(ArrowTriangle, { className: `${priceChange >= 0 ? "tw-rotate-180 tw-text-status-positive" : "tw-text-status-negative"}` }))] })] })] }));
+const BalanceInfo = ({ balance, balanceUSD, token, loading, }) => (jsxRuntime.jsxs("div", { className: "tw-flex tw-flex-col", children: [jsxRuntime.jsx(CaptionText, { className: "tw-text-grey-400", children: "Balance" }), jsxRuntime.jsxs("div", { className: "tw-flex tw-flex-row tw-justify-between", children: [jsxRuntime.jsxs("span", { className: "tw-flex tw-flex-row tw-items-center tw-gap-squid-xxs", children: [jsxRuntime.jsx("img", { src: token.image, alt: token.name, className: "tw-h-squid-m tw-w-squid-m tw-rounded-full" }), jsxRuntime.jsxs(BodyText, { size: "small", loading: { isLoading: loading, width: "80px" }, children: [balance.toFixed(6), " ", token.symbol] })] }), jsxRuntime.jsxs(CaptionText, { className: "tw-text-grey-400", loading: { isLoading: loading, width: "60px" }, children: ["$", balanceUSD.toFixed(2)] })] })] }));
+const MarketDataItem = ({ label, value, showDollar, loading, }) => (jsxRuntime.jsxs("div", { className: "tw-flex tw-flex-col", children: [jsxRuntime.jsx(CaptionText, { className: "tw-text-grey-500", children: label }), jsxRuntime.jsxs(CaptionText, { loading: { isLoading: loading, width: "60px" }, children: [showDollar && jsxRuntime.jsx("span", { className: "tw-text-grey-500", children: "$" }), value] })] }));
+const TokenMarketData = ({ volume24h, marketCap, totalSupply, loading, }) => (jsxRuntime.jsxs("div", { className: "tw-flex tw-h-full tw-w-full tw-flex-row tw-items-center tw-justify-between", children: [jsxRuntime.jsx(MarketDataItem, { label: "24h volume", value: volume24h, showDollar: true, loading: loading }), jsxRuntime.jsx(MarketDataItem, { label: "Market cap", value: marketCap, showDollar: true, loading: loading }), jsxRuntime.jsx(MarketDataItem, { label: "Total supply", value: totalSupply, loading: loading })] }));
+const SwapButton = ({ label, color, icon, onClick, textColor, }) => (jsxRuntime.jsxs("div", { className: "tw-flex tw-flex-1 tw-flex-col tw-items-center tw-justify-center tw-gap-squid-xs", children: [jsxRuntime.jsx(IconButton, { icon: icon, className: "tw-text-grey-900", style: {
+                height: "40px",
+                width: "40px",
+                borderRadius: "100%",
+                backgroundColor: color,
+                color: textColor,
+            }, onClick: onClick }), jsxRuntime.jsx(CaptionText, { className: "tw-text-grey-400", children: label })] }));
+const SwapButtons = ({ token, onSwapFrom, onSwapTo, }) => (jsxRuntime.jsxs("div", { className: "tw-flex tw-justify-between tw-py-5", children: [jsxRuntime.jsx(SwapButton, { label: "Swap From", color: token.color, textColor: token.textColor, icon: jsxRuntime.jsx(ArrowUpIcon, {}), onClick: () => {
+                onSwapFrom({ address: token.address, chainId: token.chainId });
+            } }), jsxRuntime.jsx(SwapButton, { label: "Swap To", color: token.color, textColor: token.textColor, icon: jsxRuntime.jsx(ArrowDownIcon, {}), onClick: () => {
+                onSwapTo({ address: token.address, chainId: token.chainId });
+            } })] }));
+const TimeframeChip = ({ label, isSelected, onClick, }) => (jsxRuntime.jsx(Chip, { className: cn("tw-w-squid-xl tw-cursor-pointer hover:tw-bg-material-light-thin", isSelected
+        ? "!tw-bg-grey-300 !tw-text-grey-900"
+        : "tw-bg-transparent !tw-text-grey-600"), label: label, onClick: onClick }));
+const ChartTimeframeSelector = ({ selectedTimeframe, onTimeframeChange, }) => {
+    const timeframes = ["1H", "1D", "1W", "1Y"];
+    return (jsxRuntime.jsx("div", { className: "tw-mt-squid-s tw-flex tw-justify-center tw-gap-squid-xs", children: timeframes.map((timeframe) => (jsxRuntime.jsx(TimeframeChip, { label: timeframe, isSelected: selectedTimeframe === timeframe, onClick: () => {
+                onTimeframeChange(timeframe);
+            } }, timeframe))) }));
+};
+const TokenDetailsView = ({ isOpen, onClose, token, chain, tokenPrice, priceChange, balance, balanceUSD, volume24h, marketCap, totalSupply, loading, onLikeToken, Chart = DefaultChart, initialTimeframe = DEFAULT_TIMEFRAME, onTimeframeChange = () => { }, onSwapFrom, onSwapTo, }) => {
+    const [selectedTimeframe, setSelectedTimeframe] = React$1.useState(initialTimeframe);
+    const handleTimeframeChange = (timeframe) => {
+        setSelectedTimeframe(timeframe);
+        onTimeframeChange(timeframe);
+    };
+    return (jsxRuntime.jsx(Modal, { isOpen: isOpen, onBackdropClick: onClose, width: "extra-large", className: "tw-my-auto", children: jsxRuntime.jsxs(ModalContent, { className: "tw-flex tw-min-h-[631px] tw-flex-col tw-pt-squid-m", children: [jsxRuntime.jsxs("div", { className: "tw-px-squid-m", children: [jsxRuntime.jsx(TokenModalHeader, { token: token, chain: chain, loading: loading, onLikeToken: onLikeToken, onClose: onClose }), jsxRuntime.jsx(TokenInfo, { token: token, tokenPrice: tokenPrice, priceChange: priceChange, loading: loading })] }), jsxRuntime.jsxs("div", { className: "tw-flex tw-w-full tw-grow tw-flex-col tw-justify-between tw-text-center", children: [jsxRuntime.jsx("span", { className: "tw-flex tw-h-full tw-grow tw-items-center tw-justify-center", children: loading ? jsxRuntime.jsx(Loader, {}) : jsxRuntime.jsx(Chart, { timeframe: selectedTimeframe }) }), jsxRuntime.jsx(ChartTimeframeSelector, { selectedTimeframe: selectedTimeframe, onTimeframeChange: handleTimeframeChange })] }), jsxRuntime.jsx("hr", { className: "tw-my-squid-xs tw-h-px tw-border-0 tw-bg-material-light-thin" }), jsxRuntime.jsxs("div", { className: "tw-flex tw-flex-col", children: [jsxRuntime.jsxs("div", { className: "tw-gap-squid-sm tw-flex tw-flex-col tw-px-squid-m", children: [jsxRuntime.jsx(BalanceInfo, { balance: balance, balanceUSD: balanceUSD, token: token, loading: loading }), jsxRuntime.jsx("hr", { className: "tw-my-squid-xs tw-h-px tw-border-0 tw-bg-material-light-thin" }), jsxRuntime.jsx(TokenMarketData, { volume24h: volume24h, marketCap: marketCap, totalSupply: totalSupply, loading: loading })] }), jsxRuntime.jsx("hr", { className: "tw-my-squid-xs tw-h-px tw-border-0 tw-bg-material-light-thin" }), jsxRuntime.jsx(SwapButtons, { token: token, onSwapFrom: onSwapFrom, onSwapTo: onSwapTo })] })] }) }));
+};
+
 const WIDTH_SM = "69";
 const HEIGHT_SM = "31";
 const WIDTH_MD = "94";
@@ -25558,12 +25628,6 @@ function PopLayout(props) {
     return jsxRuntime.jsx(motion.div, Object.assign({ ref: ref }, props));
 }
 
-function Toast({ headerContent, actionsContent, description, chipLabel, title, }) {
-    return (jsxRuntime.jsxs(Menu, { contentClassName: "tw-px-squid-m tw-pb-squid-s tw-pt-squid-xxs", contentWrapperProps: {
-            className: "tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-squid-xs",
-        }, rounded: "sm", children: [headerContent, jsxRuntime.jsx("header", { className: "tw-flex tw-flex-col tw-items-center tw-justify-center tw-self-stretch tw-px-0 tw-py-squid-xxs", children: jsxRuntime.jsx(BodyText, { size: "small", className: "tw-text-grey-100", children: title }) }), jsxRuntime.jsx(CaptionText, { className: "tw-text-center tw-text-material-light-thick", children: description }), jsxRuntime.jsx("menu", { className: "tw-flex tw-flex-col tw-items-center tw-justify-center tw-gap-squid-xs tw-self-stretch tw-pt-squid-xs", children: actionsContent }), chipLabel && (jsxRuntime.jsx(Chip, { label: chipLabel, className: "tw-absolute tw-right-squid-xs tw-top-squid-xs" }))] }));
-}
-
 var lib = {};
 
 var uaParser_min = {exports: {}};
@@ -69233,9 +69297,6 @@ const parseSquidTheme = (userTheme, themeType) => {
     const fullTheme = deepmerge$1({
         color: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, materialVariants), opacityVariants), defaultButtonColors), defaultInputColors), defaultAnimationColors), defaultModalColors), defaultMenuColors),
     }, fullPublicTheme);
-    console.log({
-        fullTheme,
-    });
     return flatten(fullTheme, {
         prefix: THEME_CSS_VARIABLE_PREFIX,
     });
@@ -69300,19 +69361,43 @@ function rgbToHex(r, g, b) {
 // let bgColor = '#17191C'
 // let resultingColor = blendColors(foregroundColor, bgColor)
 // console.log(resultingColor) // Output: ~#2f3033
-function blendColors(foreground, background) {
-    const fg = hexToRgb(foreground);
-    const bg = hexToRgb(background);
+function blendColors(foreground, background, factor = 1) {
+    const fg = parseColor(foreground);
+    const bg = parseColor(background);
     if (fg == null || bg == null)
         return null;
-    const r = Math.round(fg.r * fg.a + bg.r * (1 - fg.a));
-    const g = Math.round(fg.g * fg.a + bg.g * (1 - fg.a));
-    const b = Math.round(fg.b * fg.a + bg.b * (1 - fg.a));
+    const r = Math.round(fg.r * (1 - factor) + bg.r * factor);
+    const g = Math.round(fg.g * (1 - factor) + bg.g * factor);
+    const b = Math.round(fg.b * (1 - factor) + bg.b * factor);
     return rgbToHex(r, g, b);
 }
 const isValidHexColor = (hex) => {
     return /^#([0-9A-F]{3}|[0-9A-F]{6}|[0-9A-F]{4}|[0-9A-F]{8})$/i.test(hex);
 };
+function parseColor(color) {
+    var _a, _b, _c, _d;
+    if (color.startsWith("#")) {
+        return hexToRgb(color);
+    }
+    else if (color.startsWith("rgb")) {
+        const match = color.match(/\d+(\.\d+)?/g);
+        if (match) {
+            return {
+                r: parseInt((_a = match[0]) !== null && _a !== void 0 ? _a : "0"),
+                g: parseInt((_b = match[1]) !== null && _b !== void 0 ? _b : "0"),
+                b: parseInt((_c = match[2]) !== null && _c !== void 0 ? _c : "0"),
+                a: match[3] ? parseFloat((_d = match[3]) !== null && _d !== void 0 ? _d : "0") : 1,
+            };
+        }
+    }
+    return null;
+}
+const getColorBrightness = (color) => {
+    const rgb = parseColor(color);
+    if (!rgb)
+        return 0;
+    return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000;
+};
 
 function ThemeProvider(_a) {
     var { theme = lightTheme, children, themeType = "light", settings } = _a, props = __rest$1(_a, ["theme", "children", "themeType", "settings"]);
@@ -69440,6 +69525,7 @@ exports.ErrorMessage = ErrorMessage;
 exports.EthereumIcon = EthereumIcon;
 exports.ExplosionIcon = ExplosionIcon;
 exports.EyeOpenIcon = EyeOpenIcon;
+exports.FavouriteFilterIcon = FavouriteFilterIcon;
 exports.FeeButton = FeeButton;
 exports.FeesAction = FeesAction;
 exports.FeesLines = FeesLines;
@@ -69457,6 +69543,7 @@ exports.HashLink = HashLink;
 exports.HeadingText = HeadingText;
 exports.HeartSmallIcon = HeartSmallIcon;
 exports.HelpIcon = HelpIcon;
+exports.HighestPriceRangeIcon = HighestPriceRangeIcon;
 exports.HistoryItem = HistoryItem;
 exports.HomeIcon = HomeIcon;
 exports.IconButton = IconButton;
@@ -69485,6 +69572,7 @@ exports.LoadingProvider = LoadingProvider;
 exports.LoadingSkeleton = LoadingSkeleton;
 exports.MEDIA_QUERIES = MEDIA_QUERIES;
 exports.MainView = MainView;
+exports.MarketCapIcon = MarketCapIcon;
 exports.MaxIcon = MaxIcon;
 exports.Menu = Menu;
 exports.MenuItem = MenuItem;
@@ -69575,6 +69663,7 @@ exports.TimeFliesIcon = TimeFliesIcon;
 exports.Timeline = Timeline;
 exports.Timestamp = Timestamp;
 exports.Toast = Toast;
+exports.TokenDetailsView = TokenDetailsView;
 exports.TokenPair = TokenPair;
 exports.Tooltip = Tooltip;
 exports.TradingViewStepsIcon = TradingViewStepsIcon;
@@ -69602,6 +69691,7 @@ exports.baseTailwindConfig = baseTailwindConfig;
 exports.blendColors = blendColors;
 exports.cn = cn;
 exports.darkTheme = darkTheme;
+exports.getColorBrightness = getColorBrightness;
 exports.getContrastColor = getContrastColor;
 exports.getHexColorFromOpacityPercentage = getHexColorFromOpacityPercentage;
 exports.hexToRgb = hexToRgb;