@agg-build/ui 1.2.3 → 1.2.4

package/dist/modals.js

@@ -98,7 +98,7 @@ __export(modals_exports, {
 module.exports = __toCommonJS(modals_exports);
 
 // src/deposit/index.tsx
-var import_react8 = require("react");
+var import_react6 = require("react");
 var import_hooks24 = require("@agg-build/hooks");
 var import_deposit = require("@agg-build/hooks/deposit");
 
@@ -438,273 +438,6 @@ var ModalFooter = ({
 Modal.Footer = ModalFooter;
 Modal.displayName = "Modal";
 
-// src/shared/constants.ts
-var import_react = __toESM(require("react"));
-
-// src/primitives/icon/svg/ethereum.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var EthereumIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 24 24",
-      className: cn("rounded-agg-sm", className),
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { width: "24", height: "24", fill: "#627EEA" }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          "path",
-          {
-            d: "M12.0861 3.36035L11.9719 3.74822V15.0024L12.0861 15.1163L17.3101 12.0284L12.0861 3.36035Z",
-            fill: "#C1CCF6"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12.0861 3.36035L6.86206 12.0284L12.0861 15.1163V9.65385V3.36035Z", fill: "#FFFFFF" }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          "path",
-          {
-            d: "M12.0858 16.1054L12.0215 16.1838V20.1927L12.0858 20.3806L17.313 13.019L12.0858 16.1054Z",
-            fill: "#C1CCF6"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12.0861 20.3806V16.1054L6.86206 13.019L12.0861 20.3806Z", fill: "#FFFFFF" }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12.0862 15.1163L17.3101 12.0283L12.0862 9.65381V15.1163Z", fill: "#8198EE" }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M6.86206 12.0283L12.0861 15.1163V9.65381L6.86206 12.0283Z", fill: "#C1CCF6" })
-      ]
-    })
-  );
-};
-EthereumIcon.displayName = "EthereumIcon";
-
-// src/primitives/icon/svg/polygon.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var PolygonIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 24 24",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("rect", { width: "24", height: "24", rx: "8", fill: "#8247E5" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          "path",
-          {
-            d: "M9.00108 10.1467L7.12599 9.05774L1.5 12.3246V18.836L7.12599 22.0919L12.752 18.836V8.70922L15.8729 6.90135L18.9938 8.70922V12.3246L15.8729 14.1325L13.9978 13.0435V15.9409L15.8729 17.0299L21.4989 13.774V7.26264L15.8729 4.00674L10.2469 7.26264V17.3894L7.12599 19.1973L4.00508 17.3894V13.7628L7.12599 11.955L9.00108 13.0435V10.1467Z",
-            fill: "white"
-          }
-        )
-      ]
-    })
-  );
-};
-PolygonIcon.displayName = "PolygonIcon";
-
-// src/primitives/icon/svg/base.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var BaseIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 24 24",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "12", cy: "12", r: "12", fill: "#0052FF" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-          "path",
-          {
-            d: "M11.988 18.9C15.8 18.9 18.9 15.8 18.9 11.988C18.9 8.176 15.8 5.1 11.988 5.1C8.308 5.1 5.292 8.004 5.1 11.622H15.27V12.378H5.1C5.292 15.996 8.308 18.9 11.988 18.9Z",
-            fill: "white"
-          }
-        )
-      ]
-    })
-  );
-};
-BaseIcon.displayName = "BaseIcon";
-
-// src/primitives/icon/svg/arbitrum.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var ArbitrumIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 24 24",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("rect", { width: "24", height: "24", rx: "4", fill: "#213147" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          "path",
-          {
-            d: "M13.62 8.08L15.06 10.64L16.5 13.2L12 19.8L7.5 13.2L8.94 10.64L10.38 8.08L12 5L13.62 8.08Z",
-            fill: "#28A0F0"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          "path",
-          {
-            d: "M12 5L7.5 13.2L12 19.8L16.5 13.2L12 5ZM12 7.2L15.12 12.6L12 17.4L8.88 12.6L12 7.2Z",
-            fill: "white"
-          }
-        )
-      ]
-    })
-  );
-};
-ArbitrumIcon.displayName = "ArbitrumIcon";
-
-// src/primitives/icon/svg/solana.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var SolanaIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 24 24",
-      className: cn("rounded-agg-sm", className),
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("rect", { width: "24", height: "24", fill: "black" }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          "path",
-          {
-            d: "M5.92399 15.7169C6.03262 15.6083 6.18198 15.5449 6.34039 15.5449H20.706C20.9685 15.5449 21.0998 15.8617 20.9142 16.0473L18.0764 18.8851C17.9677 18.9938 17.8184 19.0571 17.66 19.0571H3.29437C3.03186 19.0571 2.90061 18.7403 3.08617 18.5547L5.92399 15.7169Z",
-            fill: "url(#paint0_linear_1471_9988)"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          "path",
-          {
-            d: "M5.92399 5.1217C6.03714 5.01307 6.1865 4.94971 6.34039 4.94971H20.706C20.9685 4.94971 21.0998 5.26653 20.9142 5.4521L18.0764 8.28991C17.9677 8.39854 17.8184 8.4619 17.66 8.4619H3.29437C3.03186 8.4619 2.90061 8.14508 3.08617 7.95951L5.92399 5.1217Z",
-            fill: "url(#paint1_linear_1471_9988)"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          "path",
-          {
-            d: "M18.0764 10.3854C17.9677 10.2767 17.8184 10.2134 17.66 10.2134H3.29437C3.03186 10.2134 2.90061 10.5302 3.08617 10.7158L5.92399 13.5536C6.03262 13.6622 6.18198 13.7256 6.34039 13.7256H20.706C20.9685 13.7256 21.0998 13.4088 20.9142 13.2232L18.0764 10.3854Z",
-            fill: "url(#paint2_linear_1471_9988)"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("defs", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-            "linearGradient",
-            {
-              id: "paint0_linear_1471_9988",
-              x1: "19.3337",
-              y1: "3.25426",
-              x2: "9.39151",
-              y2: "22.2975",
-              gradientUnits: "userSpaceOnUse",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("stop", { stopColor: "#00FFA3" }),
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("stop", { offset: "1", stopColor: "#DC1FFF" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-            "linearGradient",
-            {
-              id: "paint1_linear_1471_9988",
-              x1: "14.9864",
-              y1: "0.984846",
-              x2: "5.04427",
-              y2: "20.028",
-              gradientUnits: "userSpaceOnUse",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("stop", { stopColor: "#00FFA3" }),
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("stop", { offset: "1", stopColor: "#DC1FFF" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-            "linearGradient",
-            {
-              id: "paint2_linear_1471_9988",
-              x1: "17.1462",
-              y1: "2.11234",
-              x2: "7.20405",
-              y2: "21.1555",
-              gradientUnits: "userSpaceOnUse",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("stop", { stopColor: "#00FFA3" }),
-                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("stop", { offset: "1", stopColor: "#DC1FFF" })
-              ]
-            }
-          )
-        ] })
-      ]
-    })
-  );
-};
-SolanaIcon.displayName = "SolanaIcon";
-
-// src/primitives/icon/svg/bnb.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var BnbIcon = (_a) => {
-  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 24 24",
-      className,
-      fill: "none"
-    }, getIconA11yProps(title)), props), {
-      children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("rect", { width: "24", height: "24", rx: "8", fill: "#F3BA2F" }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          "path",
-          {
-            d: "M9.295 12.001 9.306 15.97l3.37 1.982v2.322l-5.343-3.135v-6.301l1.962 1.16Zm0-3.968v2.312l-1.963-1.16V6.873L9.295 5.712l1.972 1.16-1.972 1.16Zm4.786-1.16 1.963-1.16 1.972 1.16-1.963 1.16-1.972-1.16Z",
-            fill: "white"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          "path",
-          {
-            d: "M10.714 15.146v-2.322l1.962 1.16v2.312l-1.962-1.15Zm3.367 3.636 1.963 1.16 1.972-1.16v2.311l-1.972 1.161-1.963-1.16v-2.312Zm6.75-11.909 1.963-1.16 1.972 1.16v2.312l-1.972 1.16V8.033L20.83 6.873Zm1.963 8.999.01-3.97 1.963-1.16v6.301l-5.343 3.136v-2.322l3.37-1.985Z",
-            fill: "white",
-            transform: "translate(-6.667)"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          "path",
-          {
-            d: "m20.831 15.143-1.963 1.15v-2.312l1.963-1.16v2.322Z",
-            fill: "white",
-            transform: "translate(-6.667)"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          "path",
-          {
-            d: "m20.83 8.851.011 2.322-3.38 1.982v3.98l-1.963 1.15-1.963-1.15v-3.98l-3.38-1.982V8.851l1.972-1.16 3.36 1.992 3.38-1.992 1.973 1.16ZM10.714 4.9l5.334-3.144L21.39 4.9l-1.963 1.16-3.38-1.992-3.37 1.991L10.714 4.9Z",
-            fill: "white"
-          }
-        )
-      ]
-    })
-  );
-};
-BnbIcon.displayName = "BnbIcon";
-
 // src/shared/constants.ts
 var USDC = {
   value: "USDC",
@@ -712,28 +445,40 @@ var USDC = {
   iconUrl: "https://assets.snagsolutions.io/public/web/icons/usdc.svg"
 };
 var SUPPORTED_NETWORKS = [
+  {
+    value: "abstract",
+    label: "Abstract",
+    iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/Abstract.svg",
+    tokens: [USDC]
+  },
   {
     value: "arbitrum",
     label: "Arbitrum One",
-    iconUrl: "https://assets.snagsolutions.io/public/web/icons/chains/arbitrum/colored.svg",
+    iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/Arbitrum.svg",
     tokens: [USDC]
   },
   {
     value: "base",
     label: "Base",
-    iconUrl: "https://assets.snagsolutions.io/public/web/icons/chains/base/colored.svg",
+    iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/Base.svg",
     tokens: [USDC]
   },
   {
     value: "bnb",
     label: "BNB Chain",
-    iconUrl: "https://assets.snagsolutions.io/public/web/icons/chains/bnb/colored.svg",
+    iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/BNB.svg",
+    tokens: [USDC]
+  },
+  {
+    value: "flow",
+    label: "Flow",
+    iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/Flow.svg",
     tokens: [USDC]
   },
   {
     value: "mainnet",
     label: "Ethereum",
-    iconUrl: "https://assets.snagsolutions.io/public/web/icons/chains/eth/colored.svg",
+    iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/ETH.svg",
     tokens: [USDC]
   },
   {
@@ -745,13 +490,13 @@ var SUPPORTED_NETWORKS = [
   {
     value: "polygon",
     label: "Polygon Mainnet",
-    iconUrl: "https://assets.snagsolutions.io/public/web/icons/chains/polygon/colored.svg",
+    iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/Polygon.svg",
     tokens: [USDC]
   },
   {
     value: "solana",
     label: "Solana",
-    iconUrl: "https://assets.snagsolutions.io/public/web/icons/chains/solana/dark.svg",
+    iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/Solana.svg",
     tokens: [USDC]
   },
   {
@@ -762,15 +507,11 @@ var SUPPORTED_NETWORKS = [
   }
 ];
 var mapNetworksToOptions = () => {
-  return SUPPORTED_NETWORKS.map((n) => {
-    const Component = CHAIN_ICON_COMPONENTS[n.value];
-    return {
-      value: n.value,
-      label: n.label,
-      iconUrl: n.iconUrl,
-      icon: Component ? import_react.default.createElement(Component) : void 0
-    };
-  });
+  return SUPPORTED_NETWORKS.map((n) => ({
+    value: n.value,
+    label: n.label,
+    iconUrl: n.iconUrl
+  }));
 };
 var DEFAULT_CURRENCY_OPTIONS = [
   {
@@ -825,27 +566,19 @@ var CHAIN_ID_TO_SLUG = {
   "56": "bnb",
   "137": "polygon",
   "324": "zksync",
+  "747": "flow",
   "8453": "base",
   "42161": "arbitrum",
+  "2741": "abstract",
   "792703809": "solana"
 };
-var CHAIN_ICON_COMPONENTS = {
-  mainnet: EthereumIcon,
-  polygon: PolygonIcon,
-  base: BaseIcon,
-  arbitrum: ArbitrumIcon,
-  solana: SolanaIcon,
-  bnb: BnbIcon
-};
 var withNetworkIcons = (options) => {
   const bySlug = new Map(SUPPORTED_NETWORKS.map((n) => [n.value, n.iconUrl]));
   return options.map((o) => {
-    var _a, _b, _c;
+    var _a, _b;
     const slug = (_a = CHAIN_ID_TO_SLUG[o.value]) != null ? _a : o.value;
-    const Component = CHAIN_ICON_COMPONENTS[slug];
     return __spreadProps(__spreadValues({}, o), {
-      iconUrl: (_b = o.iconUrl) != null ? _b : bySlug.get(slug),
-      icon: (_c = o.icon) != null ? _c : Component ? import_react.default.createElement(Component) : void 0
+      iconUrl: (_b = o.iconUrl) != null ? _b : bySlug.get(slug)
     });
   });
 };
@@ -867,9 +600,6 @@ var mergeSelectOptionsUnique = (base, fill) => {
   return out;
 };
 
-// src/deposit/deposit-modal.constants.ts
-var import_react2 = __toESM(require("react"));
-
 // src/primitives/venue-logo/venue-logo.constants.ts
 var import_sdk9 = require("@agg-build/sdk");
 
@@ -886,7 +616,7 @@ var resolveLogoPrimaryColor = ({
 };
 
 // src/primitives/venue-logo/svg/default-venue.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var DefaultVenueIcon = (_a) => {
   var _b = _a, {
     title,
@@ -904,7 +634,7 @@ var DefaultVenueIcon = (_a) => {
     isColor,
     color
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 100 100",
@@ -912,9 +642,9 @@ var DefaultVenueIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("circle", { cx: "50", cy: "50", r: "45", stroke: primaryColor, strokeWidth: "6", fill: "none" }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("circle", { cx: "50", cy: "50", r: "8", fill: primaryColor })
+        title ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "50", cy: "50", r: "45", stroke: primaryColor, strokeWidth: "6", fill: "none" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "50", cy: "50", r: "8", fill: primaryColor })
       ]
     })
   );
@@ -923,7 +653,7 @@ var DefaultVenueIcon = (_a) => {
 // src/primitives/venue-logo/svg/logo-hyperliquid.tsx
 var import_hooks2 = require("@agg-build/hooks");
 var import_sdk = require("@agg-build/sdk");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var LogoHyperliquidIcon = (_a) => {
   var _b = _a, {
     title,
@@ -946,7 +676,7 @@ var LogoHyperliquidIcon = (_a) => {
     isColor,
     color
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 100 100",
@@ -954,8 +684,8 @@ var LogoHyperliquidIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           "path",
           {
             d: "M82 49.2724C82 70.431 69.0516 77.2204 62.2292 71.175C56.6135 66.2457 54.9427 55.8293 46.496 54.7597C35.7752 53.4112 34.847 67.6875 27.7926 67.6875C19.578 67.6875 18 55.7363 18 49.5979C18 43.3201 19.7636 34.7636 26.7716 34.7636C34.9398 34.7636 35.4039 46.9938 45.6142 46.3427C55.7781 45.6452 55.9637 32.9034 62.5542 27.4626C68.3089 22.7658 82 27.8346 82 49.2724Z",
@@ -971,7 +701,7 @@ LogoHyperliquidIcon.displayName = "LogoHyperliquidIcon";
 // src/primitives/venue-logo/svg/logo-kalshi.tsx
 var import_hooks3 = require("@agg-build/hooks");
 var import_sdk2 = require("@agg-build/sdk");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var LogoKalshiIcon = (_a) => {
   var _b = _a, {
     title,
@@ -994,7 +724,7 @@ var LogoKalshiIcon = (_a) => {
     isColor,
     color
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 100 100",
@@ -1002,8 +732,8 @@ var LogoKalshiIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           "path",
           {
             d: "M54.9798 47.579L79.4249 85.9995H58.2273L38.2531 52.9344V85.9995H20.4189V13.9995H38.2531V45.4356L59.6547 13.9995H78.7119L54.9798 47.579Z",
@@ -1019,7 +749,7 @@ LogoKalshiIcon.displayName = "LogoKalshiIcon";
 // src/primitives/venue-logo/svg/logo-limitless.tsx
 var import_hooks4 = require("@agg-build/hooks");
 var import_sdk3 = require("@agg-build/sdk");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var LogoLimitlessIcon = (_a) => {
   var _b = _a, {
     title,
@@ -1042,7 +772,7 @@ var LogoLimitlessIcon = (_a) => {
     isColor,
     color
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 100 100",
@@ -1050,8 +780,8 @@ var LogoLimitlessIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "path",
           {
             d: "M78.2762 44.4662H67.7966L81.9152 30.0554L82 29.9706L76.8528 24.8176H62.8524V21.6803C62.8524 19.6513 61.2036 18 59.1777 18H44.1555C42.1297 18 40.4809 19.6513 40.4809 21.6803V48.171H21.7238C19.6979 48.171 18.0491 49.8223 18.0491 51.8512C18.0491 53.8804 19.6979 55.5317 21.7238 55.5317H32.2034L18.0848 69.9379L18 70.0227L23.145 75.1755H37.1476V78.3195C37.1476 80.3487 38.7964 82 40.8222 82H55.8444C57.8703 82 59.5191 80.3487 59.5191 78.3195V51.8267H78.2762C80.3021 51.8267 81.9509 50.1754 81.9509 48.1464C81.9509 46.1175 80.3021 44.4662 78.2762 44.4662ZM57.9886 78.3173C57.9886 79.5018 57.0269 80.4647 55.8444 80.4647C54.6619 80.4647 53.7003 79.5018 53.7003 78.3173V57.2411L38.2096 73.0506L35.1752 70.0137L50.8712 54.0009H36.7459C35.5634 54.0009 34.6018 53.0377 34.6018 51.8535C34.6018 50.6692 35.5634 49.7038 36.7459 49.7038H54.8204C56.5673 49.7038 57.9886 51.1273 57.9886 52.8769V78.3195V78.3173ZM78.2762 50.2938H60.2018C58.4549 50.2938 57.0336 48.8704 57.0336 47.1208V21.6781C57.0336 20.4938 57.9953 19.5307 59.1777 19.5307C60.3602 19.5307 61.3241 20.4938 61.3241 21.6781V42.7544L76.8126 26.9403L79.847 29.9772L64.1509 45.9968H78.2762C79.4587 45.9968 80.4204 46.9599 80.4204 48.1442C80.4204 49.3285 79.4587 50.2916 78.2762 50.2916V50.2938Z",
@@ -1067,7 +797,7 @@ LogoLimitlessIcon.displayName = "LogoLimitlessIcon";
 // src/primitives/venue-logo/svg/logo-myriad.tsx
 var import_hooks5 = require("@agg-build/hooks");
 var import_sdk4 = require("@agg-build/sdk");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var LogoMyriadIcon = (_a) => {
   var _b = _a, {
     title,
@@ -1090,7 +820,7 @@ var LogoMyriadIcon = (_a) => {
     isColor,
     color
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 100 100",
@@ -1098,8 +828,8 @@ var LogoMyriadIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           "path",
           {
             d: "M24.356 52.5901C24.1479 52.8348 24.0342 53.1458 24.0352 53.467L24.0394 64.9354V68.672H44.3882V58.5767H32.5776L55.2898 31.713C55.4979 31.4683 55.6116 31.1573 55.6107 30.8361V19.3656C55.6107 18.093 54.0108 17.5155 53.1874 18.4887L24.356 52.5901ZM75.9594 31.3259V35.0646L75.9637 46.533C75.9637 46.8538 75.8504 47.1639 75.6429 47.4099L46.8137 81.5113C45.9902 82.4845 44.3925 81.907 44.3925 80.6344V69.1617C44.3925 68.8409 44.5059 68.5329 44.7133 68.287L67.4234 41.4233H55.6128V31.328L75.9594 31.3259Z",
@@ -1115,7 +845,7 @@ LogoMyriadIcon.displayName = "LogoMyriadIcon";
 // src/primitives/venue-logo/svg/logo-opinion.tsx
 var import_hooks6 = require("@agg-build/hooks");
 var import_sdk5 = require("@agg-build/sdk");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var LogoOpinionIcon = (_a) => {
   var _b = _a, {
     title,
@@ -1138,7 +868,7 @@ var LogoOpinionIcon = (_a) => {
     isColor,
     color
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 100 100",
@@ -1146,8 +876,8 @@ var LogoOpinionIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           "path",
           {
             d: "M51.8239 68.4603L56.9659 68.0094L58.8049 89.0576C61.1459 88.5314 63.4349 87.7952 65.6437 86.8578V68.1879H71.9955V83.4385C74.6496 81.6828 77.0863 79.619 79.2548 77.2898L80.0716 67.958L85.516 68.433C88.6185 62.4381 90.156 55.7558 89.9858 49.0072C89.8154 42.2584 87.9429 35.6623 84.542 29.8316L84.3394 32.1494L77.9876 31.5927L78.8042 22.2668C76.7468 20.1288 74.4594 18.225 71.9835 16.5902V31.9164H65.6317V13.1739C62.9224 12.0205 60.0929 11.173 57.1957 10.6473L59.0317 31.6441L53.8897 32.0949L51.9599 10.0482C51.3128 10.0179 50.6593 9.99976 50.006 9.99976C47.4581 9.99976 44.9161 10.2419 42.414 10.723L46.0438 31.3899L42.1297 32.0798L38.5304 11.6701C35.1755 12.6725 31.9677 14.1143 28.9905 15.9578L33.0435 31.0873L29.9705 31.9134L26.2018 17.8369C23.2938 19.9923 20.6902 22.5308 18.4615 25.3835L20.4246 30.7787L18.1833 31.5956L16.7707 27.7134C14.5111 31.0771 12.7772 34.7657 11.6287 38.652L12.2639 38.4221L20.4306 60.8471L18.1893 61.6641L10.8877 41.5963C9.21542 49.4012 9.91256 57.528 12.8896 64.9338C15.8667 72.3395 20.9879 78.6865 27.5961 83.1601L23.8031 68.9989L26.8762 68.1728L31.5162 85.4991C34.6952 87.1593 38.0844 88.3808 41.5914 89.1303L38.0132 68.7296L41.9301 68.0397L45.7684 89.8262C47.1811 89.9757 48.6007 90.0505 50.0212 90.0502C51.2583 90.0502 52.4863 89.9926 53.6963 89.8807L51.8239 68.4603ZM80.1017 37.8985L86.4385 38.4524L84.3605 62.2299L78.0087 61.6761L80.1017 37.8985ZM65.6528 38.1315H72.0046V61.9969H65.6528V38.1315ZM56.975 37.9501L59.053 61.7277L53.911 62.1785L51.8299 38.4009L56.975 37.9501ZM29.9976 62.003L23.8243 38.9486L26.8974 38.1255L33.0707 61.1649L29.9976 62.003ZM42.157 62.1603L38.0132 38.658L41.9301 37.9683L46.0709 61.4674L42.157 62.1603Z",
@@ -1163,7 +893,7 @@ LogoOpinionIcon.displayName = "LogoOpinionIcon";
 // src/primitives/venue-logo/svg/logo-polymarket.tsx
 var import_hooks7 = require("@agg-build/hooks");
 var import_sdk6 = require("@agg-build/sdk");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var LogoPolymarketIcon = (_a) => {
   var _b = _a, {
     title,
@@ -1186,7 +916,7 @@ var LogoPolymarketIcon = (_a) => {
     isColor,
     color
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 100 100",
@@ -1194,8 +924,8 @@ var LogoPolymarketIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "path",
           {
             d: "M81.0904 84.2882C81.0904 87.9246 81.0904 89.7428 79.901 90.644C78.7119 91.5456 76.9613 91.0542 73.4603 90.0717L17.1975 74.2838C15.0881 73.6919 14.0332 73.3959 13.4233 72.5913C12.8135 71.7866 12.8135 70.6911 12.8135 68.5002V31.4998C12.8135 29.309 12.8135 28.2134 13.4233 27.4088C14.0332 26.6042 15.0881 26.3081 17.1975 25.7163L73.4603 9.92806C76.9613 8.94572 78.7119 8.45448 79.901 9.35587C81.0904 10.2573 81.0904 12.0755 81.0904 15.7119V84.2882ZM26.8451 69.1363L73.4308 82.2104V56.0637L26.8451 69.1363ZM20.4723 63.0711L67.0487 50L20.4723 36.929V63.0711ZM26.8446 30.8638L73.4308 43.9366V17.7896L26.8446 30.8638Z",
@@ -1211,7 +941,7 @@ LogoPolymarketIcon.displayName = "LogoPolymarketIcon";
 // src/primitives/venue-logo/svg/logo-predict.tsx
 var import_hooks8 = require("@agg-build/hooks");
 var import_sdk7 = require("@agg-build/sdk");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var LogoPredictIcon = (_a) => {
   var _b = _a, {
     title,
@@ -1234,7 +964,7 @@ var LogoPredictIcon = (_a) => {
     isColor,
     color
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 100 100",
@@ -1242,8 +972,8 @@ var LogoPredictIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           "path",
           {
             fillRule: "evenodd",
@@ -1261,7 +991,7 @@ LogoPredictIcon.displayName = "LogoPredictIcon";
 // src/primitives/venue-logo/svg/logo-probable.tsx
 var import_hooks9 = require("@agg-build/hooks");
 var import_sdk8 = require("@agg-build/sdk");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var LogoProbableIcon = (_a) => {
   var _b = _a, {
     title,
@@ -1284,7 +1014,7 @@ var LogoProbableIcon = (_a) => {
     isColor,
     color
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 100 100",
@@ -1292,16 +1022,16 @@ var LogoProbableIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           "path",
           {
             d: "M75.625 59.3489C75.6247 53.7323 71.0719 49.1792 65.4551 49.179H33.9209C28.3039 49.179 23.7503 53.7321 23.75 59.3489C23.75 64.9659 28.3038 69.5198 33.9209 69.5198H65.4551C71.0719 69.5195 75.625 64.9658 75.625 59.3489ZM90.625 59.3489C90.625 73.2501 79.3562 84.5195 65.4551 84.5198H33.9209C20.0196 84.5198 8.75 73.2502 8.75 59.3489C8.75026 45.4477 20.0198 34.179 33.9209 34.179H65.4551C79.3559 34.1792 90.6247 45.4478 90.625 59.3489Z",
             fill: primaryColor
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M90.9329 15.4546V30.4546H8.90234V15.4546H90.9329Z", fill: primaryColor }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { d: "M90.9329 15.4546V30.4546H8.90234V15.4546H90.9329Z", fill: primaryColor }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           "path",
           {
             d: "M64.5742 51.3496C68.9894 51.3496 72.5742 54.9344 72.5742 59.3496C72.5742 63.7648 68.9894 67.3496 64.5742 67.3496C60.159 67.3496 56.5742 63.7648 56.5742 59.3496C56.5742 54.9344 60.159 51.3496 64.5742 51.3496Z",
@@ -1382,12 +1112,29 @@ var resolveVenueLineColor = (venue, isDarkTheme) => {
 var DEFAULT_VENUE_COLOR = "#94a3b8";
 
 // src/deposit/deposit-modal.constants.ts
+var BASE_URL = "https://assets.snagsolutions.io";
 var CARD_NETWORK_OPTIONS = [
-  { value: "ethereum", label: "Ethereum", icon: import_react2.default.createElement(EthereumIcon) },
-  { value: "arbitrum", label: "Arbitrum", icon: import_react2.default.createElement(ArbitrumIcon) },
-  { value: "base", label: "Base", icon: import_react2.default.createElement(BaseIcon) },
-  { value: "solana", label: "Solana", icon: import_react2.default.createElement(SolanaIcon) },
-  { value: "polygon", label: "Polygon", icon: import_react2.default.createElement(PolygonIcon) }
+  {
+    value: "ethereum",
+    label: "Ethereum",
+    iconUrl: `${BASE_URL}/public/prediction-markets/logos/ETH.svg`
+  },
+  {
+    value: "arbitrum",
+    label: "Arbitrum",
+    iconUrl: `${BASE_URL}/public/prediction-markets/logos/Arbitrum.svg`
+  },
+  { value: "base", label: "Base", iconUrl: `${BASE_URL}/public/prediction-markets/logos/Base.svg` },
+  {
+    value: "solana",
+    label: "Solana",
+    iconUrl: `${BASE_URL}/public/prediction-markets/logos/Solana.svg`
+  },
+  {
+    value: "polygon",
+    label: "Polygon",
+    iconUrl: `${BASE_URL}/public/prediction-markets/logos/Polygon.svg`
+  }
 ];
 var NETWORK_TO_CURRENCY_CODE = {
   ethereum: "USDC",
@@ -1401,10 +1148,10 @@ var NETWORK_TO_CURRENCY_CODE = {
 var import_hooks11 = require("@agg-build/hooks");
 
 // src/primitives/icon/svg/apple.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var AppleIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 24 24",
@@ -1412,15 +1159,15 @@ var AppleIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "path",
           {
             d: "M18.5464 12.763C18.5704 10.893 19.5504 9.166 21.1434 8.187C20.1344 6.745 18.5034 5.864 16.7444 5.809C14.8934 5.615 13.0994 6.916 12.1564 6.916C11.1954 6.916 9.74336 5.828 8.17936 5.86C6.12236 5.927 4.25036 7.068 3.24936 8.867C1.11836 12.557 2.70736 17.981 4.74936 20.964C5.77136 22.425 6.96436 24.056 8.52736 23.999C10.0564 23.936 10.6274 23.024 12.4724 23.024C14.3004 23.024 14.8364 23.999 16.4304 23.962C18.0704 23.935 19.1044 22.495 20.0904 21.02C20.8244 19.979 21.3894 18.829 21.7634 17.612C19.8154 16.788 18.5484 14.879 18.5464 12.763Z",
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "path",
           {
             d: "M15.5354 3.847C16.4294 2.773 16.8704 1.393 16.7634 0C15.3974 0.144 14.1344 0.797 13.2284 1.829C12.3334 2.848 11.8794 4.18 11.9674 5.534C13.3524 5.548 14.6674 4.926 15.5354 3.847Z",
@@ -1434,10 +1181,10 @@ var AppleIcon = (_a) => {
 AppleIcon.displayName = "AppleIcon";
 
 // src/primitives/icon/svg/apps.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var AppsIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
@@ -1446,30 +1193,30 @@ var AppsIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("g", { transform: "translate(2 2)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("g", { transform: "translate(2 2)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             "path",
             {
               d: "M3.5 0H2C1.46957 0 0.960859 0.210714 0.585787 0.585787C0.210714 0.960859 0 1.46957 0 2V3.5C0 4.03043 0.210714 4.53914 0.585787 4.91421C0.960859 5.28929 1.46957 5.5 2 5.5H3.5C4.03043 5.5 4.53914 5.28929 4.91421 4.91421C5.28929 4.53914 5.5 4.03043 5.5 3.5V2C5.5 1.46957 5.28929 0.960859 4.91421 0.585787C4.53914 0.210714 4.03043 0 3.5 0ZM4.5 3.5C4.5 3.76522 4.39464 4.01957 4.20711 4.20711C4.01957 4.39464 3.76522 4.5 3.5 4.5H2C1.73478 4.5 1.48043 4.39464 1.29289 4.20711C1.10536 4.01957 1 3.76522 1 3.5V2C1 1.73478 1.10536 1.48043 1.29289 1.29289C1.48043 1.10536 1.73478 1 2 1H3.5C3.76522 1 4.01957 1.10536 4.20711 1.29289C4.39464 1.48043 4.5 1.73478 4.5 2V3.5Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             "path",
             {
               d: "M10 0H8.5C7.96957 0 7.46086 0.210714 7.08579 0.585786C6.71071 0.960859 6.5 1.46957 6.5 2V3.5C6.5 4.03043 6.71071 4.53914 7.08579 4.91421C7.46086 5.28929 7.96957 5.5 8.5 5.5H10C10.5304 5.5 11.0391 5.28929 11.4142 4.91421C11.7893 4.53914 12 4.03043 12 3.5V2C12 1.46957 11.7893 0.960859 11.4142 0.585786C11.0391 0.210714 10.5304 0 10 0ZM11 3.5C11 3.76522 10.8946 4.01957 10.7071 4.20711C10.5196 4.39464 10.2652 4.5 10 4.5H8.5C8.23478 4.5 7.98043 4.39464 7.79289 4.20711C7.60536 4.01957 7.5 3.76522 7.5 3.5V2C7.5 1.73478 7.60536 1.48043 7.79289 1.29289C7.98043 1.10536 8.23478 1 8.5 1H10C10.2652 1 10.5196 1.10536 10.7071 1.29289C10.8946 1.48043 11 1.73478 11 2V3.5Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             "path",
             {
               d: "M3.5 6.5H2C1.46957 6.5 0.960859 6.71071 0.585786 7.08579C0.210714 7.46086 0 7.96957 0 8.5V10C0 10.5304 0.210714 11.0391 0.585786 11.4142C0.960859 11.7893 1.46957 12 2 12H3.5C4.03043 12 4.53914 11.7893 4.91421 11.4142C5.28929 11.0391 5.5 10.5304 5.5 10V8.5C5.5 7.96957 5.28929 7.46086 4.91421 7.08579C4.53914 6.71071 4.03043 6.5 3.5 6.5ZM4.5 10C4.5 10.2652 4.39464 10.5196 4.20711 10.7071C4.01957 10.8946 3.76522 11 3.5 11H2C1.73478 11 1.48043 10.8946 1.29289 10.7071C1.10536 10.5196 1 10.2652 1 10V8.5C1 8.23478 1.10536 7.98043 1.29289 7.79289C1.48043 7.60536 1.73478 7.5 2 7.5H3.5C3.76522 7.5 4.01957 7.60536 4.20711 7.79289C4.39464 7.98043 4.5 8.23478 4.5 8.5V10Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             "path",
             {
               d: "M10 6.5H8.5C7.96957 6.5 7.46086 6.71071 7.08579 7.08579C6.71071 7.46086 6.5 7.96957 6.5 8.5V10C6.5 10.5304 6.71071 11.0391 7.08579 11.4142C7.46086 11.7893 7.96957 12 8.5 12H10C10.5304 12 11.0391 11.7893 11.4142 11.4142C11.7893 11.0391 12 10.5304 12 10V8.5C12 7.96957 11.7893 7.46086 11.4142 7.08579C11.0391 6.71071 10.5304 6.5 10 6.5ZM11 10C11 10.2652 10.8946 10.5196 10.7071 10.7071C10.5196 10.8946 10.2652 11 10 11H8.5C8.23478 11 7.98043 10.8946 7.79289 10.7071C7.60536 10.5196 7.5 10.2652 7.5 10V8.5C7.5 8.23478 7.60536 7.98043 7.79289 7.79289C7.98043 7.60536 8.23478 7.5 8.5 7.5H10C10.2652 7.5 10.5196 7.60536 10.7071 7.79289C10.8946 7.98043 11 8.23478 11 8.5V10Z",
@@ -1483,11 +1230,45 @@ var AppsIcon = (_a) => {
 };
 AppsIcon.displayName = "AppsIcon";
 
+// src/primitives/icon/svg/arbitrum.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var ArbitrumIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 24 24",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("rect", { width: "24", height: "24", rx: "4", fill: "#213147" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          "path",
+          {
+            d: "M13.62 8.08L15.06 10.64L16.5 13.2L12 19.8L7.5 13.2L8.94 10.64L10.38 8.08L12 5L13.62 8.08Z",
+            fill: "#28A0F0"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          "path",
+          {
+            d: "M12 5L7.5 13.2L12 19.8L16.5 13.2L12 5ZM12 7.2L15.12 12.6L12 17.4L8.88 12.6L12 7.2Z",
+            fill: "white"
+          }
+        )
+      ]
+    })
+  );
+};
+ArbitrumIcon.displayName = "ArbitrumIcon";
+
 // src/primitives/icon/svg/arrow-right.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var ArrowRightIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 14 14",
@@ -1495,15 +1276,15 @@ var ArrowRightIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("g", { clipPath: "url(#arrow-right-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("g", { clipPath: "url(#arrow-right-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           "path",
           {
             d: "M13.4867 5.76198L11.2292 3.48114C11.1749 3.42647 11.1104 3.38307 11.0393 3.35346C10.9683 3.32384 10.892 3.30859 10.815 3.30859C10.738 3.30859 10.6617 3.32384 10.5907 3.35346C10.5196 3.38307 10.4551 3.42647 10.4008 3.48114C10.2922 3.59044 10.2312 3.73828 10.2312 3.89239C10.2312 4.0465 10.2922 4.19435 10.4008 4.30364L12.4775 6.39781H0.583333C0.428624 6.39781 0.280251 6.45927 0.170854 6.56866C0.0614582 6.67806 0 6.82643 0 6.98114C0 7.13585 0.0614582 7.28423 0.170854 7.39362C0.280251 7.50302 0.428624 7.56448 0.583333 7.56448H12.5125L10.4008 9.67031C10.3462 9.72454 10.3028 9.78906 10.2731 9.86014C10.2435 9.93122 10.2283 10.0075 10.2283 10.0845C10.2283 10.1615 10.2435 10.2377 10.2731 10.3088C10.3028 10.3799 10.3462 10.4444 10.4008 10.4986C10.4551 10.5533 10.5196 10.5967 10.5907 10.6263C10.6617 10.6559 10.738 10.6712 10.815 10.6712C10.892 10.6712 10.9683 10.6559 11.0393 10.6263C11.1104 10.5967 11.1749 10.5533 11.2292 10.4986L13.4867 8.23531C13.8144 7.90718 13.9985 7.46239 13.9985 6.99864C13.9985 6.53489 13.8144 6.0901 13.4867 5.76198Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("clipPath", { id: "arrow-right-clip", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("rect", { width: "14", height: "14", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("clipPath", { id: "arrow-right-clip", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("rect", { width: "14", height: "14", fill: "white" }) }) })
       ]
     })
   );
@@ -1511,10 +1292,10 @@ var ArrowRightIcon = (_a) => {
 ArrowRightIcon.displayName = "ArrowRightIcon";
 
 // src/primitives/icon/svg/arrow-trend-up.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var ArrowTrendUpIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -1522,15 +1303,15 @@ var ArrowTrendUpIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("g", { clipPath: "url(#arrow-trend-up-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("g", { clipPath: "url(#arrow-trend-up-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           "path",
           {
             d: "M14.0002 4H10.0002C9.6315 4 9.3335 4.298 9.3335 4.66667C9.3335 5.03533 9.6315 5.33333 10.0002 5.33333H13.7242L9.3495 9.708C8.9735 10.084 8.3615 10.084 7.98483 9.708L6.29217 8.01533C5.39617 7.11933 3.93817 7.11933 3.04217 8.01533L0.1955 10.862C-0.0651667 11.1227 -0.0651667 11.544 0.1955 11.8047C0.3255 11.9347 0.496167 12 0.666833 12C0.8375 12 1.00817 11.9347 1.13817 11.8047L3.98483 8.958C4.3495 8.59333 4.98483 8.59333 5.3495 8.958L7.04217 10.6507C7.93817 11.5467 9.39617 11.5467 10.2922 10.6507L14.6675 6.276V10C14.6675 10.3687 14.9655 10.6667 15.3342 10.6667C15.7028 10.6667 16.0008 10.3687 16.0008 10V6C16.0008 4.89733 15.1028 4 14.0002 4Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("clipPath", { id: "arrow-trend-up-clip", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("clipPath", { id: "arrow-trend-up-clip", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -1538,10 +1319,10 @@ var ArrowTrendUpIcon = (_a) => {
 ArrowTrendUpIcon.displayName = "ArrowTrendUpIcon";
 
 // src/primitives/icon/svg/arrows-to-dot.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var ArrowsToDotIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -1549,8 +1330,8 @@ var ArrowsToDotIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           "path",
           {
             d: "M8 6.66667C8.73667 6.66667 9.33333 7.26333 9.33333 8C9.33333 8.73667 8.73667 9.33333 8 9.33333C7.26333 9.33333 6.66667 8.73667 6.66667 8C6.66667 7.26333 7.26333 6.66667 8 6.66667ZM5.27867 7.05733L3.39267 5.17133C3.132 4.91067 2.71067 4.91067 2.45 5.17133C2.18933 5.432 2.18933 5.854 2.45 6.114L3.67467 7.33333H0.666667C0.298 7.33333 0 7.632 0 8C0 8.368 0.298 8.66667 0.666667 8.66667H3.662L2.44867 9.88667C2.18867 10.148 2.19 10.5693 2.45133 10.8293C2.71267 11.0893 3.13467 11.088 3.394 10.8267L5.27933 8.93133C5.79467 8.41467 5.79467 7.574 5.27933 7.05667L5.27867 7.05733ZM7.068 5.278C7.56133 5.79267 8.45 5.79267 8.94267 5.278L10.828 3.392C11.0887 3.13133 11.0887 2.70933 10.828 2.44933C10.5673 2.18867 10.146 2.18867 9.88533 2.44933L8.66667 3.674V0.666667C8.66667 0.298667 8.36867 0 8 0C7.63133 0 7.33333 0.298667 7.33333 0.666667V3.662L6.11333 2.44867C5.852 2.18867 5.43067 2.19 5.17067 2.45133C4.91067 2.71267 4.912 3.13467 5.17333 3.394L7.068 5.278ZM8.94267 10.7213C8.42667 10.2053 7.58533 10.2053 7.06867 10.72L5.17267 12.606C4.91133 12.866 4.91 13.2873 5.17 13.5487C5.42933 13.8093 5.85067 13.8113 6.11267 13.5513L7.33267 12.3307V15.3333C7.33267 15.702 7.63067 16 7.99933 16C8.368 16 8.666 15.702 8.666 15.3333V12.3307L9.88467 13.55C10.1453 13.8107 10.5667 13.8107 10.8273 13.55C11.088 13.2893 11.088 12.868 10.8273 12.6073L8.94267 10.7213ZM15.3333 7.33333H12.3307L13.55 6.114C13.8107 5.854 13.8107 5.432 13.55 5.17133C13.2893 4.91067 12.868 4.91067 12.6073 5.17133L10.7213 7.05733C10.2053 7.574 10.2047 8.41467 10.72 8.93133L12.606 10.8273C12.866 11.088 13.2873 11.09 13.5487 10.83C13.81 10.57 13.8113 10.1487 13.5513 9.88733L12.3307 8.66733H15.3333C15.702 8.66733 16 8.36867 16 8.00067C16 7.63267 15.702 7.334 15.3333 7.334V7.33333Z",
@@ -1564,10 +1345,10 @@ var ArrowsToDotIcon = (_a) => {
 ArrowsToDotIcon.displayName = "ArrowsToDotIcon";
 
 // src/primitives/icon/svg/badge-check-thin.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var BadgeCheckThinIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 24 24",
@@ -1575,8 +1356,8 @@ var BadgeCheckThinIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           "path",
           {
             d: "M12 24C10.461 24 9.00998 23.324 8.01798 22.146C7.92298 22.033 7.79898 21.982 7.64198 21.991C6.11398 22.117 4.60298 21.574 3.51498 20.486C2.42698 19.398 1.87798 17.894 2.00998 16.359C2.02298 16.212 1.96698 16.078 1.85498 15.984C0.675977 14.991 0.000976562 13.539 0.000976562 12.001C0.000976562 10.463 0.676977 9.01095 1.85498 8.01895C1.96798 7.92395 2.02398 7.78995 2.01098 7.64295C1.87898 6.10795 2.42798 4.60395 3.51598 3.51595C4.60298 2.42895 6.09998 1.87595 7.64298 2.01095C7.78798 2.02495 7.92398 1.96895 8.01898 1.85595C9.01098 0.676953 10.462 0.00195312 12.001 0.00195312C13.54 0.00195312 14.991 0.677953 15.983 1.85595C16.079 1.96895 16.203 2.02195 16.359 2.01095C17.88 1.88095 19.398 2.42795 20.486 3.51595C21.574 4.60395 22.123 6.10795 21.991 7.64295C21.978 7.78995 22.034 7.92395 22.146 8.01795C23.325 9.01095 24 10.463 24 12.001C24 13.539 23.324 14.991 22.146 15.983C22.033 16.078 21.977 16.212 21.99 16.359C22.122 17.894 21.573 19.398 20.485 20.486C19.398 21.573 17.903 22.129 16.358 21.991C16.214 21.98 16.077 22.034 15.982 22.146C14.99 23.325 13.539 24 12 24ZM7.68598 20.988C8.11098 20.988 8.50498 21.171 8.78398 21.502C9.58498 22.454 10.758 23 12.001 23C13.244 23 14.417 22.454 15.218 21.502C15.524 21.138 15.975 20.952 16.446 20.994C17.687 21.099 18.901 20.657 19.78 19.778C20.659 18.899 21.102 17.684 20.996 16.443C20.956 15.969 21.141 15.523 21.505 15.217C22.456 14.415 23.002 13.242 23.002 12C23.002 10.758 22.456 9.58395 21.504 8.78195C21.141 8.47695 20.956 8.02995 20.996 7.55595C21.102 6.31495 20.659 5.09995 19.78 4.22095C18.9 3.34195 17.677 2.89895 16.446 3.00495C15.966 3.04895 15.525 2.86095 15.218 2.49695C14.417 1.54495 13.244 0.998953 12.001 0.998953C10.758 0.998953 9.58498 1.54495 8.78398 2.49695C8.47698 2.86095 8.02198 3.04795 7.55598 3.00495C6.31298 2.89795 5.10098 3.34195 4.22198 4.22095C3.34298 5.09995 2.89998 6.31495 3.00598 7.55595C3.04598 8.02995 2.86098 8.47595 2.49698 8.78195C1.54598 9.58395 0.999977 10.757 0.999977 11.999C0.999977 13.241 1.54598 14.415 2.49798 15.217C2.86098 15.522 3.04598 15.969 3.00598 16.443C2.89998 17.684 3.34298 18.899 4.22198 19.778C5.10098 20.657 6.32098 21.097 7.55598 20.994C7.59998 20.99 7.64298 20.988 7.68598 20.988ZM12.454 14.274L17.193 9.70595C17.392 9.51495 17.398 9.19795 17.207 8.99895C17.015 8.80195 16.699 8.79395 16.5 8.98595L11.754 13.56C11.169 14.144 10.217 14.144 9.61998 13.547L7.34198 11.43C7.13998 11.243 6.82298 11.254 6.63498 11.456C6.44698 11.658 6.45798 11.975 6.65998 12.163L8.92598 14.267C9.41398 14.755 10.056 14.999 10.696 14.999C11.336 14.999 11.971 14.757 12.455 14.273L12.454 14.274Z",
@@ -1590,10 +1371,10 @@ var BadgeCheckThinIcon = (_a) => {
 BadgeCheckThinIcon.displayName = "BadgeCheckThinIcon";
 
 // src/primitives/icon/svg/bank.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var BankIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 24 24",
@@ -1601,8 +1382,8 @@ var BankIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           "path",
           {
             d: "M23 22H1C0.448 22 0 22.448 0 23C0 23.552 0.448 24 1 24H23C23.552 24 24 23.552 24 23C24 22.448 23.552 22 23 22ZM2 21H4V11H2V21ZM6 21H8V11H6V21ZM10 21H14V11H10V21ZM16 21H18V11H16V21ZM20 21H22V11H20V21ZM12 0.334C11.826 0.123 11.569 0 11.297 0H12.703C12.431 0 12.174 0.123 12 0.334ZM0.392 8.613C0.144 9.02 0 9.495 0 10C0 10 0 10 1 10H23C24 10 24 10 24 10C24 9.495 23.856 9.02 23.608 8.613L13.406 0.668C13.016 0.244 12.528 0 12 0C11.472 0 10.984 0.244 10.594 0.668L0.392 8.613ZM12 2.156L21.445 9H2.555L12 2.156ZM12 5C10.895 5 10 5.895 10 7C10 8.105 10.895 9 12 9C13.105 9 14 8.105 14 7C14 5.895 13.105 5 12 5ZM12 8C11.448 8 11 7.552 11 7C11 6.448 11.448 6 12 6C12.552 6 13 6.448 13 7C13 7.552 12.552 8 12 8Z",
@@ -1615,11 +1396,38 @@ var BankIcon = (_a) => {
 };
 BankIcon.displayName = "BankIcon";
 
+// src/primitives/icon/svg/base.tsx
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var BaseIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 24 24",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("circle", { cx: "12", cy: "12", r: "12", fill: "#0052FF" }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          "path",
+          {
+            d: "M11.988 18.9C15.8 18.9 18.9 15.8 18.9 11.988C18.9 8.176 15.8 5.1 11.988 5.1C8.308 5.1 5.292 8.004 5.1 11.622H15.27V12.378H5.1C5.292 15.996 8.308 18.9 11.988 18.9Z",
+            fill: "white"
+          }
+        )
+      ]
+    })
+  );
+};
+BaseIcon.displayName = "BaseIcon";
+
 // src/primitives/icon/svg/best-prices.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var BestPricesIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       width: "28",
@@ -1630,26 +1438,76 @@ var BestPricesIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("g", { clipPath: "url(#clip0_best_prices)", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("g", { clipPath: "url(#clip0_best_prices)", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          "path",
+          {
+            d: "M12.8333 27.4167C12.8333 27.7387 12.572 28 12.25 28H5.25C2.3555 28 0 25.6445 0 22.75V5.25117C0 2.35667 2.35433 0 5.25 0H18.0833C20.9778 0 23.3333 2.35433 23.3333 5.24883V8.74883C23.3333 9.07083 23.0732 9.33217 22.75 9.33217C22.4268 9.33217 22.1667 9.07083 22.1667 8.74883V5.24883C22.1667 2.99717 20.3338 1.1655 18.0833 1.1655H5.25C2.99833 1.1655 1.16667 2.99833 1.16667 5.25V22.7488C1.16667 25.0005 2.9995 26.8322 5.25 26.8322H12.25C12.572 26.8322 12.8333 27.0947 12.8333 27.4167ZM27.8297 27.8297C27.7153 27.944 27.566 28 27.4167 28C27.2673 28 27.118 27.9428 27.0037 27.8297L23.0102 23.8362C21.6837 24.9748 19.964 25.6667 18.0822 25.6667C13.9008 25.6667 10.4988 22.2647 10.4988 18.0833C10.4988 13.902 13.9008 10.5 18.0822 10.5C22.2635 10.5 25.6655 13.902 25.6655 18.0833C25.6655 19.964 24.9725 21.6837 23.835 23.0113L27.8285 27.0048C28.056 27.2323 28.0572 27.6022 27.8297 27.8297ZM24.5 18.0833C24.5 14.546 21.6218 11.6667 18.0833 11.6667C14.5448 11.6667 11.6667 14.546 11.6667 18.0833C11.6667 21.6207 14.5448 24.5 18.0833 24.5C21.6218 24.5 24.5 21.6207 24.5 18.0833ZM7.58333 5.83333H5.25C4.928 5.83333 4.66667 6.09467 4.66667 6.41667C4.66667 6.73867 4.928 7 5.25 7H7.58333C7.90533 7 8.16667 6.73867 8.16667 6.41667C8.16667 6.09467 7.90533 5.83333 7.58333 5.83333ZM7.58333 17.5H5.25C4.928 17.5 4.66667 17.7613 4.66667 18.0833C4.66667 18.4053 4.928 18.6667 5.25 18.6667H7.58333C7.90533 18.6667 8.16667 18.4053 8.16667 18.0833C8.16667 17.7613 7.90533 17.5 7.58333 17.5ZM11.0833 5.83333C10.7613 5.83333 10.5 6.09467 10.5 6.41667C10.5 6.73867 10.7613 7 11.0833 7H18.0833C18.4053 7 18.6667 6.73867 18.6667 6.41667C18.6667 6.09467 18.4053 5.83333 18.0833 5.83333H11.0833ZM7.58333 11.6667H5.25C4.928 11.6667 4.66667 11.928 4.66667 12.25C4.66667 12.572 4.928 12.8333 5.25 12.8333H7.58333C7.90533 12.8333 8.16667 12.572 8.16667 12.25C8.16667 11.928 7.90533 11.6667 7.58333 11.6667ZM21.1668 16.4862L18.0098 19.5405C17.6167 19.9255 16.9762 19.9302 16.583 19.5452L14.9928 17.976C14.7642 17.7497 14.3943 17.752 14.168 17.9807C13.9417 18.2105 13.944 18.5803 14.1738 18.8055L15.7652 20.377C16.1875 20.79 16.7417 20.9965 17.2958 20.9965C17.85 20.9965 18.4053 20.7888 18.8253 20.3747L21.9788 17.325C22.2098 17.101 22.2168 16.7312 21.9928 16.5002C21.77 16.2692 21.399 16.2645 21.1668 16.4862Z",
+            fill: "currentColor"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("clipPath", { id: "clip0_best_prices", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
+      ]
+    })
+  );
+};
+BestPricesIcon.displayName = "BestPricesIcon";
+
+// src/primitives/icon/svg/bnb.tsx
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var BnbIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 24 24",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("rect", { width: "24", height: "24", rx: "8", fill: "#F3BA2F" }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           "path",
           {
-            d: "M12.8333 27.4167C12.8333 27.7387 12.572 28 12.25 28H5.25C2.3555 28 0 25.6445 0 22.75V5.25117C0 2.35667 2.35433 0 5.25 0H18.0833C20.9778 0 23.3333 2.35433 23.3333 5.24883V8.74883C23.3333 9.07083 23.0732 9.33217 22.75 9.33217C22.4268 9.33217 22.1667 9.07083 22.1667 8.74883V5.24883C22.1667 2.99717 20.3338 1.1655 18.0833 1.1655H5.25C2.99833 1.1655 1.16667 2.99833 1.16667 5.25V22.7488C1.16667 25.0005 2.9995 26.8322 5.25 26.8322H12.25C12.572 26.8322 12.8333 27.0947 12.8333 27.4167ZM27.8297 27.8297C27.7153 27.944 27.566 28 27.4167 28C27.2673 28 27.118 27.9428 27.0037 27.8297L23.0102 23.8362C21.6837 24.9748 19.964 25.6667 18.0822 25.6667C13.9008 25.6667 10.4988 22.2647 10.4988 18.0833C10.4988 13.902 13.9008 10.5 18.0822 10.5C22.2635 10.5 25.6655 13.902 25.6655 18.0833C25.6655 19.964 24.9725 21.6837 23.835 23.0113L27.8285 27.0048C28.056 27.2323 28.0572 27.6022 27.8297 27.8297ZM24.5 18.0833C24.5 14.546 21.6218 11.6667 18.0833 11.6667C14.5448 11.6667 11.6667 14.546 11.6667 18.0833C11.6667 21.6207 14.5448 24.5 18.0833 24.5C21.6218 24.5 24.5 21.6207 24.5 18.0833ZM7.58333 5.83333H5.25C4.928 5.83333 4.66667 6.09467 4.66667 6.41667C4.66667 6.73867 4.928 7 5.25 7H7.58333C7.90533 7 8.16667 6.73867 8.16667 6.41667C8.16667 6.09467 7.90533 5.83333 7.58333 5.83333ZM7.58333 17.5H5.25C4.928 17.5 4.66667 17.7613 4.66667 18.0833C4.66667 18.4053 4.928 18.6667 5.25 18.6667H7.58333C7.90533 18.6667 8.16667 18.4053 8.16667 18.0833C8.16667 17.7613 7.90533 17.5 7.58333 17.5ZM11.0833 5.83333C10.7613 5.83333 10.5 6.09467 10.5 6.41667C10.5 6.73867 10.7613 7 11.0833 7H18.0833C18.4053 7 18.6667 6.73867 18.6667 6.41667C18.6667 6.09467 18.4053 5.83333 18.0833 5.83333H11.0833ZM7.58333 11.6667H5.25C4.928 11.6667 4.66667 11.928 4.66667 12.25C4.66667 12.572 4.928 12.8333 5.25 12.8333H7.58333C7.90533 12.8333 8.16667 12.572 8.16667 12.25C8.16667 11.928 7.90533 11.6667 7.58333 11.6667ZM21.1668 16.4862L18.0098 19.5405C17.6167 19.9255 16.9762 19.9302 16.583 19.5452L14.9928 17.976C14.7642 17.7497 14.3943 17.752 14.168 17.9807C13.9417 18.2105 13.944 18.5803 14.1738 18.8055L15.7652 20.377C16.1875 20.79 16.7417 20.9965 17.2958 20.9965C17.85 20.9965 18.4053 20.7888 18.8253 20.3747L21.9788 17.325C22.2098 17.101 22.2168 16.7312 21.9928 16.5002C21.77 16.2692 21.399 16.2645 21.1668 16.4862Z",
-            fill: "currentColor"
+            d: "M9.295 12.001 9.306 15.97l3.37 1.982v2.322l-5.343-3.135v-6.301l1.962 1.16Zm0-3.968v2.312l-1.963-1.16V6.873L9.295 5.712l1.972 1.16-1.972 1.16Zm4.786-1.16 1.963-1.16 1.972 1.16-1.963 1.16-1.972-1.16Z",
+            fill: "white"
           }
-        ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("clipPath", { id: "clip0_best_prices", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          "path",
+          {
+            d: "M10.714 15.146v-2.322l1.962 1.16v2.312l-1.962-1.15Zm3.367 3.636 1.963 1.16 1.972-1.16v2.311l-1.972 1.161-1.963-1.16v-2.312Zm6.75-11.909 1.963-1.16 1.972 1.16v2.312l-1.972 1.16V8.033L20.83 6.873Zm1.963 8.999.01-3.97 1.963-1.16v6.301l-5.343 3.136v-2.322l3.37-1.985Z",
+            fill: "white",
+            transform: "translate(-6.667)"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          "path",
+          {
+            d: "m20.831 15.143-1.963 1.15v-2.312l1.963-1.16v2.322Z",
+            fill: "white",
+            transform: "translate(-6.667)"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          "path",
+          {
+            d: "m20.83 8.851.011 2.322-3.38 1.982v3.98l-1.963 1.15-1.963-1.15v-3.98l-3.38-1.982V8.851l1.972-1.16 3.36 1.992 3.38-1.992 1.973 1.16ZM10.714 4.9l5.334-3.144L21.39 4.9l-1.963 1.16-3.38-1.992-3.37 1.991L10.714 4.9Z",
+            fill: "white"
+          }
+        )
       ]
     })
   );
 };
-BestPricesIcon.displayName = "BestPricesIcon";
+BnbIcon.displayName = "BnbIcon";
 
 // src/primitives/icon/svg/bolt.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var BoltIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 24 24",
@@ -1657,15 +1515,15 @@ var BoltIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("g", { clipPath: "url(#bolt-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("g", { clipPath: "url(#bolt-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           "path",
           {
             d: "M11.7372 24C11.4922 24 11.2432 23.946 11.0022 23.835C10.2162 23.472 9.83423 22.637 10.0722 21.805L11.8272 16H6.50123C5.70223 16 4.97023 15.632 4.49423 14.99C4.01823 14.348 3.87723 13.541 4.10823 12.776L7.13023 1.788C7.45523 0.714 8.41723 0 9.52623 0H13.8992C14.5872 0 15.2322 0.338 15.6242 0.903C16.0162 1.468 16.1062 2.191 15.8652 2.835L13.7052 9H17.5002C18.4422 9 19.2682 9.497 19.7092 10.33C20.1502 11.163 20.0982 12.124 19.5692 12.904L13.1592 23.216C12.8202 23.725 12.2912 24 11.7372 24ZM9.52723 1C8.86123 1 8.28423 1.428 8.09123 2.066L5.06923 13.054C4.92723 13.525 5.01123 14.009 5.29723 14.394C5.58323 14.779 6.02223 15 6.50223 15H12.5012C12.6592 15 12.8082 15.075 12.9022 15.202C12.9962 15.329 13.0252 15.493 12.9792 15.644L11.0322 22.086C10.9102 22.514 11.1532 22.802 11.4232 22.926C11.6922 23.05 12.0692 23.05 12.3192 22.673L18.7312 12.358C19.0592 11.874 19.0912 11.297 18.8262 10.797C18.5612 10.297 18.0662 9.999 17.5002 9.999H13.0002C12.8382 9.999 12.6862 9.92 12.5922 9.788C12.4982 9.656 12.4742 9.487 12.5282 9.333L14.9252 2.493C15.0572 2.14 15.0112 1.772 14.8022 1.472C14.5942 1.171 14.2642 0.999 13.8992 0.999H9.52623L9.52723 1Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("clipPath", { id: "bolt-clip", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("rect", { width: "24", height: "24", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("clipPath", { id: "bolt-clip", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("rect", { width: "24", height: "24", fill: "white" }) }) })
       ]
     })
   );
@@ -1673,10 +1531,10 @@ var BoltIcon = (_a) => {
 BoltIcon.displayName = "BoltIcon";
 
 // src/primitives/icon/svg/check-circle.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var CheckCircleIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       width: "16",
@@ -1687,8 +1545,8 @@ var CheckCircleIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           "path",
           {
             d: "M8 0C3.58867 0 0 3.58867 0 8C0 12.4113 3.58867 16 8 16C12.4113 16 16 12.4113 16 8C16 3.58867 12.4113 0 8 0ZM7.93933 10.2793C7.68133 10.5373 7.342 10.666 7.00133 10.666C6.66067 10.666 6.318 10.536 6.05733 10.276L4.20267 8.47867L5.13133 7.52067L6.99333 9.32533L10.866 5.52467L11.802 6.47467L7.93933 10.2793Z",
@@ -1702,10 +1560,10 @@ var CheckCircleIcon = (_a) => {
 CheckCircleIcon.displayName = "CheckCircleIcon";
 
 // src/primitives/icon/svg/chart-candlestick.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var ChartCandlestickIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 20 20",
@@ -1714,21 +1572,21 @@ var ChartCandlestickIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "path",
           {
             d: "M5.55496 13.3329H6.11051H7.22163H7.77718V6.66623H7.22163H6.11051H5.55496V13.3329ZM8.88829 13.6107C8.88829 14.0709 8.5152 14.444 8.05496 14.444H7.22163H6.11051H5.27718L5.192 14.4397C4.77178 14.397 4.44385 14.0422 4.44385 13.6107V6.38845C4.44385 5.92822 4.81694 5.55512 5.27718 5.55512H6.11051H7.22163H8.05496C8.5152 5.55512 8.88829 5.92822 8.88829 6.38845V13.6107Z",
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "path",
           {
             d: "M12.2216 12.2218H12.7772H13.8883H14.4438V7.77734H13.8883H12.7772H12.2216V12.2218ZM15.555 12.4996C15.555 12.9598 15.1819 13.3329 14.7216 13.3329H13.8883H12.7772H11.9438L11.8587 13.3286C11.4384 13.2859 11.1105 12.931 11.1105 12.4996V7.49957C11.1105 7.03933 11.4836 6.66623 11.9438 6.66623H12.7772H13.8883H14.7216C15.1819 6.66623 15.555 7.03933 15.555 7.49957V12.4996Z",
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "path",
           {
             fillRule: "evenodd",
@@ -1737,7 +1595,7 @@ var ChartCandlestickIcon = (_a) => {
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "path",
           {
             fillRule: "evenodd",
@@ -1753,10 +1611,10 @@ var ChartCandlestickIcon = (_a) => {
 ChartCandlestickIcon.displayName = "ChartCandlestickIcon";
 
 // src/primitives/icon/svg/chart-line.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var ChartLineIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 20 20",
@@ -1765,29 +1623,29 @@ var ChartLineIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           "path",
           {
             d: "M16.8875 5.37257C16.6712 5.28028 16.4321 5.25518 16.2012 5.29987C15.9703 5.34459 15.7582 5.45741 15.592 5.62376C15.4258 5.79009 15.3132 6.00218 15.2686 6.23303L13.8672 13.5068L12.6558 10.2527C12.5907 10.0785 12.4852 9.92156 12.3482 9.79586C12.2109 9.67003 12.0458 9.57864 11.8664 9.52893C11.6869 9.47923 11.4982 9.47263 11.3157 9.50995C11.1332 9.5473 10.9621 9.62754 10.8166 9.74378L10.5746 9.93692L9.56334 8.34566C9.44798 8.16423 9.28505 8.018 9.09242 7.92249C8.89973 7.82699 8.68443 7.78559 8.47014 7.80367C8.25577 7.8218 8.05005 7.89849 7.87606 8.02503C7.70218 8.15153 7.566 8.32319 7.48273 8.52145L5.72004 12.7207L4.79828 11.9937C4.55292 11.8004 4.24095 11.7125 3.93077 11.749C3.6205 11.7856 3.33728 11.9439 3.14356 12.189L3.14301 12.1884L1.51487 14.2539L1.51433 14.2533C1.41771 14.3762 1.37444 14.5327 1.3928 14.6879C1.41122 14.8432 1.49034 14.9849 1.61307 15.0818C1.7359 15.1787 1.89227 15.2232 2.04764 15.2049C2.20294 15.1867 2.34451 15.1073 2.44152 14.9847L4.06912 12.922L4.99196 13.65C5.13448 13.7623 5.30109 13.84 5.47861 13.8774C5.65618 13.9147 5.84005 13.9103 6.01572 13.8649C6.19141 13.8195 6.35425 13.734 6.49152 13.6153C6.62876 13.4966 6.73698 13.348 6.80728 13.1807L8.56942 8.98314L9.60349 10.6091L9.67239 10.7068C9.74621 10.8005 9.83393 10.8828 9.9328 10.9504C10.0647 11.0405 10.2139 11.1029 10.3706 11.1338C10.5273 11.1645 10.6887 11.1629 10.8448 11.1294C11.0009 11.0959 11.1486 11.0313 11.2788 10.939L11.574 10.7296L12.7637 13.9267C12.8534 14.1676 13.0193 14.3727 13.2363 14.5105C13.4532 14.6482 13.7094 14.7108 13.9654 14.6895C14.2216 14.6682 14.4638 14.564 14.655 14.3922C14.8462 14.2205 14.9759 13.9909 15.0245 13.7385L16.4264 6.46252L17.8749 8.70754C17.9169 8.77265 17.9713 8.82942 18.035 8.87355C18.0987 8.91771 18.1708 8.94885 18.2466 8.96524C18.3224 8.98163 18.4008 8.98293 18.4771 8.96904C18.5534 8.95514 18.6263 8.92644 18.6914 8.8844C18.7566 8.84235 18.8128 8.78762 18.8569 8.72381C18.901 8.66003 18.9323 8.58802 18.9486 8.51222C18.9649 8.43652 18.9658 8.35835 18.9519 8.28219C18.9379 8.20597 18.9093 8.13296 18.8672 8.06789L18.8667 8.06734L17.4154 5.81745C17.2879 5.61981 17.1039 5.46489 16.8875 5.37257Z",
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           "path",
           {
             d: "M10.4631 11.4269C10.6099 11.4405 10.7584 11.4319 10.9032 11.4009C10.7102 11.4423 10.5107 11.444 10.3171 11.4059C10.2989 11.4023 10.2808 11.3984 10.2629 11.3941C10.1371 11.3644 10.0159 11.3181 9.90263 11.2565L9.90176 11.256C9.85881 11.2326 9.81699 11.207 9.77646 11.1793C9.61349 11.0679 9.47488 10.9245 9.36906 10.7579L8.62036 9.57988L7.06362 13.2878C6.97676 13.4945 6.8433 13.6785 6.67365 13.8252C6.5178 13.96 6.33528 14.06 6.13825 14.1189C6.12082 14.1241 6.10327 14.129 6.08561 14.1335C5.86846 14.1897 5.64128 14.1949 5.42179 14.1487C5.39778 14.1437 5.37392 14.1381 5.35025 14.1318C5.18457 14.0882 5.02788 14.0157 4.88746 13.9176L4.88406 13.9151C4.86239 13.8999 4.84111 13.884 4.82025 13.8676L4.1153 13.3115L2.65995 15.1565C2.51728 15.337 2.30878 15.4534 2.08028 15.4803C2.05174 15.4837 2.02319 15.4856 1.99471 15.4861L1.99468 15.4861C1.99469 15.4861 1.9947 15.4861 1.99471 15.4861L2.08028 15.4803C2.30878 15.4534 2.51728 15.337 2.65995 15.1565L4.1153 13.3115L4.82025 13.8676L4.88406 13.9151C5.02536 14.0144 5.18322 14.0878 5.35025 14.1318C5.37392 14.1381 5.39778 14.1437 5.42179 14.1487L5.50432 14.1634C5.67031 14.1884 5.83933 14.1846 6.004 14.152L6.08561 14.1335C6.10327 14.129 6.12082 14.1241 6.13825 14.1189C6.30842 14.068 6.46767 13.9862 6.60838 13.878L6.67365 13.8252C6.8433 13.6785 6.97676 13.4945 7.06362 13.2878L8.62036 9.57988L9.36906 10.7579C9.47488 10.9245 9.61349 11.0679 9.77646 11.1793L9.90176 11.256C10.0153 11.3178 10.1368 11.3643 10.2629 11.3941C10.2808 11.3984 10.2989 11.4023 10.3171 11.4059L10.4631 11.4269Z",
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           "path",
           {
             d: "M1.99468 15.4861L1.99471 15.4861C1.9947 15.4861 1.99469 15.4861 1.99468 15.4861C1.9448 15.487 1.89515 15.4836 1.84626 15.476C1.77676 15.4653 1.7088 15.4461 1.64391 15.419C1.57189 15.3889 1.50366 15.3489 1.4413 15.2997C1.26066 15.1572 1.14397 14.9489 1.11688 14.7204C1.08979 14.4919 1.15451 14.262 1.29683 14.0812L2.92578 12.0162C2.94214 11.9955 2.95902 11.9753 2.97639 11.9556C3.18137 11.7233 3.45477 11.5625 3.75628 11.4963L3.76129 11.4955C3.80636 11.4857 3.85206 11.4781 3.89824 11.4727C4.2816 11.4275 4.66723 11.5362 4.97045 11.7751L5.60556 12.2759L7.22706 8.41378C7.23269 8.40038 7.23851 8.38707 7.24453 8.37387C7.34851 8.14561 7.50983 7.94784 7.71308 7.80002L7.63485 7.86132C7.46833 8.00075 7.33478 8.1758 7.24453 8.37387C7.23851 8.38707 7.23269 8.40038 7.22706 8.41378L5.60556 12.2759L4.97045 11.7751C4.66723 11.5362 4.2816 11.4275 3.89824 11.4727L3.76129 11.4955C3.4578 11.561 3.1825 11.722 2.97639 11.9556C2.95902 11.9753 2.94214 11.9955 2.92578 12.0162L1.29683 14.0812C1.15451 14.262 1.08979 14.4919 1.11688 14.7204L1.13151 14.8052C1.17449 15 1.28339 15.1751 1.4413 15.2997C1.50366 15.3489 1.57189 15.3889 1.64391 15.419C1.7088 15.4461 1.77676 15.4653 1.84626 15.476C1.89515 15.4836 1.9448 15.487 1.99468 15.4861Z",
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           "path",
           {
             d: "M15.465 5.3617C15.6316 5.21547 15.8293 5.10915 16.043 5.05098L16.0463 5.05022C16.0801 5.04112 16.1142 5.03321 16.1487 5.02653C16.4341 4.97129 16.7295 5.00274 16.9968 5.11683C17.2642 5.23091 17.4913 5.42242 17.6488 5.66668L19.1004 7.91651C19.1624 8.01229 19.2049 8.11934 19.2254 8.23155C19.246 8.34375 19.2442 8.45891 19.2202 8.57043C19.1962 8.68195 19.1505 8.78765 19.0856 8.88149C19.0208 8.97533 18.9381 9.05546 18.8422 9.11731C18.7464 9.17916 18.6393 9.22151 18.527 9.24194C18.4148 9.26237 18.2997 9.26049 18.1882 9.23638C18.1777 9.23412 18.1673 9.23167 18.1569 9.22903C18.0845 9.21056 18.0147 9.18287 17.9495 9.14658L17.9474 9.14526C17.9233 9.13181 17.9 9.11721 17.8773 9.10148C17.8685 9.09539 17.8598 9.08915 17.8512 9.08276C17.7914 9.038 17.7376 8.98582 17.6912 8.9274L17.6886 8.92366C17.672 8.90248 17.6563 8.88051 17.6417 8.8578L17.6886 8.92366C17.7355 8.98354 17.7902 9.03705 17.8512 9.08276C17.8598 9.08915 17.8685 9.09539 17.8773 9.10148L17.9474 9.14526C18.0132 9.18215 18.0837 9.21033 18.1569 9.22903C18.1673 9.23167 18.1777 9.23412 18.1882 9.23638L18.2723 9.25021C18.3288 9.25672 18.3859 9.25758 18.4426 9.25292L18.527 9.24194C18.6393 9.22151 18.7464 9.17916 18.8422 9.11731C18.9381 9.05546 19.0208 8.97533 19.0856 8.88149C19.1505 8.78765 19.1962 8.68195 19.2202 8.57043C19.2442 8.45891 19.246 8.34375 19.2254 8.23155C19.2049 8.11934 19.1624 8.01229 19.1004 7.91651L17.6488 5.66668C17.4913 5.42242 17.2642 5.23091 16.9968 5.11683C16.7295 5.00274 16.4341 4.97129 16.1487 5.02653L16.0463 5.05022C15.8313 5.1082 15.6324 5.21475 15.465 5.3617Z",
@@ -1801,10 +1659,10 @@ var ChartLineIcon = (_a) => {
 ChartLineIcon.displayName = "ChartLineIcon";
 
 // src/primitives/icon/svg/circle-overlap.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var CircleOverlapIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
@@ -1813,8 +1671,8 @@ var CircleOverlapIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("g", { transform: "translate(2 2)", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("g", { transform: "translate(2 2)", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           "path",
           {
             d: "M8.439 3.561C8.108 1.545 6.3585 0 4.25 0C1.9065 0 0 1.9065 0 4.25C0 6.3585 1.545 8.108 3.561 8.439C3.892 10.455 5.6415 12 7.75 12C10.0935 12 12 10.0935 12 7.75C12 5.6415 10.455 3.892 8.439 3.561ZM1 4.25C1 2.458 2.458 1 4.25 1C5.7895 1 7.08 2.0775 7.4135 3.517C5.3385 3.681 3.681 5.3385 3.517 7.4135C2.0775 7.08 1 5.7895 1 4.25ZM7.75 11C6.2105 11 4.92 9.9225 4.5865 8.483C6.6615 8.319 8.319 6.6615 8.483 4.5865C9.9225 4.92 11 6.2105 11 7.75C11 9.542 9.542 11 7.75 11Z",
@@ -1828,10 +1686,10 @@ var CircleOverlapIcon = (_a) => {
 CircleOverlapIcon.displayName = "CircleOverlapIcon";
 
 // src/primitives/icon/svg/chevron-down.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var ChevronDownIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -1839,8 +1697,8 @@ var ChevronDownIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           "path",
           {
             d: "M12.473 6.11907C12.4111 6.05659 12.3373 6.00699 12.2561 5.97315C12.1749 5.9393 12.0877 5.92188 11.9997 5.92188C11.9117 5.92188 11.8246 5.9393 11.7433 5.97315C11.6621 6.00699 11.5884 6.05659 11.5264 6.11907L8.47305 9.17241C8.41107 9.23489 8.33734 9.28449 8.2561 9.31833C8.17486 9.35218 8.08772 9.36961 7.99971 9.36961C7.91171 9.36961 7.82457 9.35218 7.74333 9.31833C7.66209 9.28449 7.58836 9.23489 7.52638 9.17241L4.47305 6.11907C4.41107 6.05659 4.33734 6.00699 4.2561 5.97315C4.17486 5.9393 4.08772 5.92188 3.99971 5.92188C3.91171 5.92188 3.82457 5.9393 3.74333 5.97315C3.66209 6.00699 3.58836 6.05659 3.52638 6.11907C3.40221 6.24398 3.33252 6.41295 3.33252 6.58907C3.33252 6.7652 3.40221 6.93417 3.52638 7.05907L6.58638 10.1191C6.96138 10.4936 7.46971 10.704 7.99971 10.704C8.52972 10.704 9.03805 10.4936 9.41305 10.1191L12.473 7.05907C12.5972 6.93417 12.6669 6.7652 12.6669 6.58907C12.6669 6.41295 12.5972 6.24398 12.473 6.11907Z",
@@ -1854,10 +1712,10 @@ var ChevronDownIcon = (_a) => {
 ChevronDownIcon.displayName = "ChevronDownIcon";
 
 // src/primitives/icon/svg/chevron-left.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var ChevronLeftIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 24 24",
@@ -1865,8 +1723,8 @@ var ChevronLeftIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           "path",
           {
             d: "M10.5999 12.6786C10.5061 12.5856 10.4317 12.475 10.381 12.3531C10.3302 12.2313 10.3041 12.1006 10.3041 11.9686C10.3041 11.8366 10.3302 11.7058 10.381 11.584C10.4317 11.4621 10.5061 11.3515 10.5999 11.2586L15.1899 6.67857C15.2836 6.5856 15.358 6.475 15.4088 6.35314C15.4595 6.23128 15.4857 6.10058 15.4857 5.96857C15.4857 5.83655 15.4595 5.70585 15.4088 5.58399C15.358 5.46213 15.2836 5.35153 15.1899 5.25857C15.0025 5.07231 14.749 4.96777 14.4849 4.96777C14.2207 4.96777 13.9672 5.07231 13.7799 5.25857L9.18986 9.84857C8.62806 10.4111 8.3125 11.1736 8.3125 11.9686C8.3125 12.7636 8.62806 13.5261 9.18986 14.0886L13.7799 18.6786C13.9661 18.8633 14.2175 18.9675 14.4799 18.9686C14.6115 18.9693 14.7419 18.9441 14.8638 18.8943C14.9856 18.8446 15.0964 18.7712 15.1899 18.6786C15.2836 18.5856 15.358 18.475 15.4088 18.3531C15.4595 18.2313 15.4857 18.1006 15.4857 17.9686C15.4857 17.8366 15.4595 17.7058 15.4088 17.584C15.358 17.4621 15.2836 17.3515 15.1899 17.2586L10.5999 12.6786Z",
@@ -1880,10 +1738,10 @@ var ChevronLeftIcon = (_a) => {
 ChevronLeftIcon.displayName = "ChevronLeftIcon";
 
 // src/primitives/icon/svg/chevron-right.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var ChevronRightIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -1891,8 +1749,8 @@ var ChevronRightIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           "path",
           {
             d: "M10.2665 6.56563L7.20654 3.50563C7.08163 3.38146 6.91266 3.31177 6.73653 3.31177C6.56041 3.31177 6.39144 3.38146 6.26653 3.50563C6.20405 3.5676 6.15445 3.64134 6.12061 3.72258C6.08676 3.80382 6.06934 3.89095 6.06934 3.97896C6.06934 4.06697 6.08676 4.15411 6.12061 4.23535C6.15445 4.31659 6.20405 4.39032 6.26653 4.4523L9.3332 7.50563C9.39569 7.5676 9.44528 7.64134 9.47913 7.72258C9.51298 7.80382 9.5304 7.89095 9.5304 7.97896C9.5304 8.06697 9.51298 8.15411 9.47913 8.23535C9.44528 8.31659 9.39569 8.39032 9.3332 8.4523L6.26653 11.5056C6.141 11.6303 6.07012 11.7997 6.0695 11.9766C6.06887 12.1535 6.13855 12.3234 6.2632 12.449C6.38785 12.5745 6.55727 12.6454 6.73418 12.646C6.91109 12.6466 7.081 12.5769 7.20654 12.4523L10.2665 9.3923C10.6411 9.0173 10.8514 8.50896 10.8514 7.97896C10.8514 7.44896 10.6411 6.94063 10.2665 6.56563Z",
@@ -1906,10 +1764,10 @@ var ChevronRightIcon = (_a) => {
 ChevronRightIcon.displayName = "ChevronRightIcon";
 
 // src/primitives/icon/svg/chevron-up.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var ChevronUpIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -1917,8 +1775,8 @@ var ChevronUpIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           "path",
           {
             d: "M12.473 9.88093C12.4111 9.94341 12.3373 9.99301 12.2561 10.0269C12.1749 10.0607 12.0877 10.0781 11.9997 10.0781C11.9117 10.0781 11.8246 10.0607 11.7433 10.0269C11.6621 9.99301 11.5884 9.94341 11.5264 9.88093L8.47305 6.82759C8.41107 6.76511 8.33734 6.71551 8.2561 6.68167C8.17486 6.64782 8.08772 6.63039 7.99971 6.63039C7.91171 6.63039 7.82457 6.64782 7.74333 6.68167C7.66209 6.71551 7.58836 6.76511 7.52638 6.82759L4.47305 9.88093C4.41107 9.94341 4.33734 9.99301 4.2561 10.0269C4.17486 10.0607 4.08772 10.0781 3.99971 10.0781C3.91171 10.0781 3.82457 10.0607 3.74333 10.0269C3.66209 9.99301 3.58836 9.94341 3.52638 9.88093C3.40221 9.75602 3.33252 9.58705 3.33252 9.41093C3.33252 9.2348 3.40221 9.06583 3.52638 8.94093L6.58638 5.88093C6.96138 5.50639 7.46971 5.29597 7.99971 5.29597C8.52972 5.29597 9.03805 5.50639 9.41305 5.88093L12.473 8.94093C12.5972 9.06583 12.6669 9.2348 12.6669 9.41093C12.6669 9.58705 12.5972 9.75602 12.473 9.88093Z",
@@ -1932,10 +1790,10 @@ var ChevronUpIcon = (_a) => {
 ChevronUpIcon.displayName = "ChevronUpIcon";
 
 // src/primitives/icon/svg/copy.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var CopyIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -1943,15 +1801,15 @@ var CopyIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("g", { clipPath: "url(#clip0_copy)", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("g", { clipPath: "url(#clip0_copy)", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
           "path",
           {
             d: "M10 13.3333H3.33333C2.4496 13.3323 1.60237 12.9807 0.97748 12.3559C0.352588 11.731 0.00105857 10.8837 0 10L0 3.33333C0.00105857 2.4496 0.352588 1.60237 0.97748 0.97748C1.60237 0.352588 2.4496 0.00105857 3.33333 0L10 0C10.8837 0.00105857 11.731 0.352588 12.3559 0.97748C12.9807 1.60237 13.3323 2.4496 13.3333 3.33333V10C13.3323 10.8837 12.9807 11.731 12.3559 12.3559C11.731 12.9807 10.8837 13.3323 10 13.3333ZM3.33333 1.33333C2.8029 1.33333 2.29419 1.54405 1.91912 1.91912C1.54405 2.29419 1.33333 2.8029 1.33333 3.33333V10C1.33333 10.5304 1.54405 11.0391 1.91912 11.4142C2.29419 11.7893 2.8029 12 3.33333 12H10C10.5304 12 11.0391 11.7893 11.4142 11.4142C11.7893 11.0391 12 10.5304 12 10V3.33333C12 2.8029 11.7893 2.29419 11.4142 1.91912C11.0391 1.54405 10.5304 1.33333 10 1.33333H3.33333ZM16 12.6667V4C16 3.82319 15.9298 3.65362 15.8047 3.5286C15.6797 3.40357 15.5101 3.33333 15.3333 3.33333C15.1565 3.33333 14.987 3.40357 14.8619 3.5286C14.7369 3.65362 14.6667 3.82319 14.6667 4V12.6667C14.6667 13.1971 14.456 13.7058 14.0809 14.0809C13.7058 14.456 13.1971 14.6667 12.6667 14.6667H4C3.82319 14.6667 3.65362 14.7369 3.5286 14.8619C3.40357 14.987 3.33333 15.1565 3.33333 15.3333C3.33333 15.5101 3.40357 15.6797 3.5286 15.8047C3.65362 15.9298 3.82319 16 4 16H12.6667C13.5504 15.9989 14.3976 15.6474 15.0225 15.0225C15.6474 14.3976 15.9989 13.5504 16 12.6667Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("clipPath", { id: "clip0_copy", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("clipPath", { id: "clip0_copy", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -1959,10 +1817,10 @@ var CopyIcon = (_a) => {
 CopyIcon.displayName = "CopyIcon";
 
 // src/primitives/icon/svg/create-account.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var CreateAccountIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       width: "28",
@@ -1973,15 +1831,15 @@ var CreateAccountIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("g", { clipPath: "url(#clip0_create_account)", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("g", { clipPath: "url(#clip0_create_account)", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           "path",
           {
             d: "M22.1667 4.66667V0.583333C22.1667 0.261333 22.428 0 22.75 0C23.072 0 23.3333 0.261333 23.3333 0.583333V4.66667H27.4167C27.7387 4.66667 28 4.928 28 5.25C28 5.572 27.7387 5.83333 27.4167 5.83333H23.3333V9.91667C23.3333 10.2387 23.072 10.5 22.75 10.5C22.428 10.5 22.1667 10.2387 22.1667 9.91667V5.83333H18.0833C17.7613 5.83333 17.5 5.572 17.5 5.25C17.5 4.928 17.7613 4.66667 18.0833 4.66667H22.1667ZM18.6667 11.6667C18.6667 14.2403 16.5737 16.3333 14 16.3333C11.4263 16.3333 9.33333 14.2403 9.33333 11.6667C9.33333 9.093 11.4263 7 14 7C16.5737 7 18.6667 9.093 18.6667 11.6667ZM17.5 11.6667C17.5 9.737 15.9297 8.16667 14 8.16667C12.0703 8.16667 10.5 9.737 10.5 11.6667C10.5 13.5963 12.0703 15.1667 14 15.1667C15.9297 15.1667 17.5 13.5963 17.5 11.6667ZM27.3922 9.90617C27.7958 11.2292 28 12.6058 28 14C28 21.7198 21.7198 28 14 28C6.28017 28 0 21.7198 0 14C0 6.28017 6.28017 0 14 0C15.4548 0 16.8898 0.221667 18.2607 0.660333C18.5675 0.758333 18.7367 1.08617 18.6387 1.393C18.5395 1.69983 18.2105 1.87017 17.9048 1.771C16.6483 1.36967 15.3335 1.1655 13.9988 1.1655C6.92417 1.16667 1.16667 6.92417 1.16667 14C1.16667 18.5197 3.521 22.4933 7.063 24.78C7.5005 21.3383 10.4417 18.6667 14 18.6667C17.5583 18.6667 20.4995 21.3383 20.937 24.78C24.4778 22.4933 26.8333 18.5197 26.8333 14C26.8333 12.7213 26.6467 11.459 26.2757 10.2468C26.1823 9.93883 26.355 9.61217 26.6642 9.51883C26.9722 9.422 27.2977 9.59933 27.3922 9.90617ZM14 26.8333C16.0918 26.8333 18.0623 26.32 19.8088 25.4287C19.6805 22.3253 17.1348 19.8333 14 19.8333C10.8652 19.8333 8.31833 22.3242 8.19117 25.4287C9.93767 26.32 11.9082 26.8333 14 26.8333Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("clipPath", { id: "clip0_create_account", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("clipPath", { id: "clip0_create_account", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
       ]
     })
   );
@@ -1989,10 +1847,10 @@ var CreateAccountIcon = (_a) => {
 CreateAccountIcon.displayName = "CreateAccountIcon";
 
 // src/primitives/icon/svg/credit-card.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var CreditCardIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 24 24",
@@ -2000,8 +1858,8 @@ var CreditCardIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           "path",
           {
             d: "M19.5 3H4.5C2.019 3 0 5.019 0 7.5V16.5C0 18.981 2.019 21 4.5 21H19.5C21.981 21 24 18.981 24 16.5V7.5C24 5.019 21.981 3 19.5 3ZM1 8H23V10H1V8ZM4.5 4H19.5C21.258 4 22.704 5.308 22.949 7H1.051C1.296 5.308 2.742 4 4.5 4ZM19.5 20H4.5C2.57 20 1 18.43 1 16.5V11H23V16.5C23 18.43 21.43 20 19.5 20ZM5 14C3.897 14 3 14.897 3 16C3 17.103 3.897 18 5 18C6.103 18 7 17.103 7 16C7 14.897 6.103 14 5 14ZM5 17C4.449 17 4 16.552 4 16C4 15.448 4.449 15 5 15C5.551 15 6 15.448 6 16C6 16.552 5.551 17 5 17Z",
@@ -2015,10 +1873,10 @@ var CreditCardIcon = (_a) => {
 CreditCardIcon.displayName = "CreditCardIcon";
 
 // src/primitives/icon/svg/disconnect.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var DisconnectIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -2026,16 +1884,16 @@ var DisconnectIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("g", { clipPath: "url(#disconnect-clip)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("g", { clipPath: "url(#disconnect-clip)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
             "path",
             {
               d: "M7.65067 10C7.47386 10 7.30429 10.0702 7.17926 10.1953C7.05424 10.3203 6.984 10.4899 6.984 10.6667V12.6667C6.984 13.1971 6.77329 13.7058 6.39821 14.0809C6.02314 14.456 5.51443 14.6667 4.984 14.6667H3.33333C2.8029 14.6667 2.29419 14.456 1.91912 14.0809C1.54405 13.7058 1.33333 13.1971 1.33333 12.6667V3.33333C1.33333 2.8029 1.54405 2.29419 1.91912 1.91912C2.29419 1.54405 2.8029 1.33333 3.33333 1.33333H4.984C5.51443 1.33333 6.02314 1.54405 6.39821 1.91912C6.77329 2.29419 6.984 2.8029 6.984 3.33333V5.33333C6.984 5.51014 7.05424 5.67971 7.17926 5.80474C7.30429 5.92976 7.47386 6 7.65067 6C7.82748 6 7.99705 5.92976 8.12207 5.80474C8.2471 5.67971 8.31733 5.51014 8.31733 5.33333V3.33333C8.31627 2.4496 7.96475 1.60237 7.33985 0.97748C6.71496 0.352588 5.86773 0.00105857 4.984 0H3.33333C2.4496 0.00105857 1.60237 0.352588 0.97748 0.97748C0.352588 1.60237 0.00105857 2.4496 0 3.33333L0 12.6667C0.00105857 13.5504 0.352588 14.3976 0.97748 15.0225C1.60237 15.6474 2.4496 15.9989 3.33333 16H4.984C5.86773 15.9989 6.71496 15.6474 7.33985 15.0225C7.96475 14.3976 8.31627 13.5504 8.31733 12.6667V10.6667C8.31733 10.4899 8.2471 10.3203 8.12207 10.1953C7.99705 10.0702 7.82748 10 7.65067 10Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
             "path",
             {
               d: "M15.2443 6.58599L12.187 3.52866C12.1255 3.46499 12.0519 3.4142 11.9706 3.37926C11.8893 3.34432 11.8018 3.32593 11.7133 3.32516C11.6248 3.32439 11.537 3.34126 11.455 3.37478C11.3731 3.4083 11.2987 3.4578 11.2361 3.5204C11.1735 3.58299 11.124 3.65743 11.0905 3.73936C11.0569 3.82129 11.0401 3.90907 11.0408 3.99759C11.0416 4.08611 11.06 4.17359 11.0949 4.25493C11.1299 4.33627 11.1807 4.40983 11.2443 4.47133L14.0857 7.31333L3.99967 7.33333C3.82286 7.33333 3.65329 7.40356 3.52827 7.52859C3.40325 7.65361 3.33301 7.82318 3.33301 7.99999C3.33301 8.1768 3.40325 8.34637 3.52827 8.4714C3.65329 8.59642 3.82286 8.66666 3.99967 8.66666L14.125 8.64599L11.243 11.5287C11.1793 11.5902 11.1285 11.6637 11.0936 11.7451C11.0587 11.8264 11.0403 11.9139 11.0395 12.0024C11.0387 12.0909 11.0556 12.1787 11.0891 12.2606C11.1226 12.3426 11.1722 12.417 11.2347 12.4796C11.2973 12.5422 11.3718 12.5917 11.4537 12.6252C11.5356 12.6587 11.6234 12.6756 11.7119 12.6748C11.8005 12.6741 11.8879 12.6557 11.9693 12.6207C12.0506 12.5858 12.1242 12.535 12.1857 12.4713L15.243 9.41399C15.6181 9.03911 15.829 8.5306 15.8292 8.00027C15.8295 7.46994 15.6191 6.96123 15.2443 6.58599Z",
@@ -2043,7 +1901,7 @@ var DisconnectIcon = (_a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("clipPath", { id: "disconnect-clip", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("clipPath", { id: "disconnect-clip", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -2051,10 +1909,10 @@ var DisconnectIcon = (_a) => {
 DisconnectIcon.displayName = "DisconnectIcon";
 
 // src/primitives/icon/svg/dots-horizontal.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var DotsHorizontalIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -2062,10 +1920,10 @@ var DotsHorizontalIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("circle", { cx: "3.5", cy: "8", r: "1.25", fill: "currentColor" }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("circle", { cx: "8", cy: "8", r: "1.25", fill: "currentColor" }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("circle", { cx: "12.5", cy: "8", r: "1.25", fill: "currentColor" })
+        title ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("circle", { cx: "3.5", cy: "8", r: "1.25", fill: "currentColor" }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("circle", { cx: "8", cy: "8", r: "1.25", fill: "currentColor" }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("circle", { cx: "12.5", cy: "8", r: "1.25", fill: "currentColor" })
       ]
     })
   );
@@ -2073,10 +1931,10 @@ var DotsHorizontalIcon = (_a) => {
 DotsHorizontalIcon.displayName = "DotsHorizontalIcon";
 
 // src/primitives/icon/svg/document.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var DocumentIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -2084,15 +1942,15 @@ var DocumentIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("g", { clipPath: "url(#document-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("g", { clipPath: "url(#document-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
           "path",
           {
             d: "M11.3335 9.33335C11.3335 9.51016 11.2633 9.67973 11.1382 9.80475C11.0132 9.92978 10.8436 10 10.6668 10H5.3335C5.15669 10 4.98712 9.92978 4.86209 9.80475C4.73707 9.67973 4.66683 9.51016 4.66683 9.33335C4.66683 9.15654 4.73707 8.98697 4.86209 8.86194C4.98712 8.73692 5.15669 8.66668 5.3335 8.66668H10.6668C10.8436 8.66668 11.0132 8.73692 11.1382 8.86194C11.2633 8.98697 11.3335 9.15654 11.3335 9.33335ZM8.66683 11.3333H5.3335C5.15669 11.3333 4.98712 11.4036 4.86209 11.5286C4.73707 11.6536 4.66683 11.8232 4.66683 12C4.66683 12.1768 4.73707 12.3464 4.86209 12.4714C4.98712 12.5964 5.15669 12.6667 5.3335 12.6667H8.66683C8.84364 12.6667 9.01321 12.5964 9.13823 12.4714C9.26326 12.3464 9.3335 12.1768 9.3335 12C9.3335 11.8232 9.26326 11.6536 9.13823 11.5286C9.01321 11.4036 8.84364 11.3333 8.66683 11.3333ZM14.6668 6.99002V12.6667C14.6658 13.5504 14.3142 14.3976 13.6894 15.0225C13.0645 15.6474 12.2172 15.999 11.3335 16H4.66683C3.7831 15.999 2.93587 15.6474 2.31098 15.0225C1.68608 14.3976 1.33455 13.5504 1.3335 12.6667V3.33335C1.33455 2.44962 1.68608 1.60239 2.31098 0.977495C2.93587 0.352603 3.7831 0.00107394 4.66683 1.53658e-05H7.67683C8.28991 -0.00156258 8.89722 0.118407 9.46365 0.352988C10.0301 0.587569 10.5444 0.932107 10.9768 1.36668L13.2995 3.69068C13.7343 4.12284 14.0791 4.63699 14.3138 5.20333C14.5485 5.76968 14.6685 6.37696 14.6668 6.99002ZM10.0342 2.30935C9.82435 2.10612 9.58879 1.9313 9.3335 1.78935V4.66668C9.3335 4.84349 9.40373 5.01306 9.52876 5.13809C9.65378 5.26311 9.82335 5.33335 10.0002 5.33335H12.8775C12.7355 5.07814 12.5604 4.84278 12.3568 4.63335L10.0342 2.30935ZM13.3335 6.99002C13.3335 6.88002 13.3122 6.77468 13.3022 6.66668H10.0002C9.46973 6.66668 8.96102 6.45597 8.58595 6.0809C8.21088 5.70582 8.00016 5.19711 8.00016 4.66668V1.36468C7.89216 1.35468 7.78616 1.33335 7.67683 1.33335H4.66683C4.1364 1.33335 3.62769 1.54406 3.25262 1.91914C2.87754 2.29421 2.66683 2.80292 2.66683 3.33335V12.6667C2.66683 13.1971 2.87754 13.7058 3.25262 14.0809C3.62769 14.456 4.1364 14.6667 4.66683 14.6667H11.3335C11.8639 14.6667 12.3726 14.456 12.7477 14.0809C13.1228 13.7058 13.3335 13.1971 13.3335 12.6667V6.99002Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("clipPath", { id: "document-clip", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("clipPath", { id: "document-clip", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -2100,10 +1958,10 @@ var DocumentIcon = (_a) => {
 DocumentIcon.displayName = "DocumentIcon";
 
 // src/primitives/icon/svg/download.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var DownloadIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -2111,16 +1969,16 @@ var DownloadIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("g", { clipPath: "url(#download-clip)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("g", { clipPath: "url(#download-clip)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
             "path",
             {
               d: "M6.58516 12.0813C6.77089 12.2672 6.99143 12.4146 7.23416 12.5152C7.4769 12.6158 7.73707 12.6676 7.99983 12.6676C8.26258 12.6676 8.52275 12.6158 8.76549 12.5152C9.00822 12.4146 9.22876 12.2672 9.41449 12.0813L11.5552 9.94067C11.6699 9.81373 11.7315 9.64752 11.7271 9.47644C11.7227 9.30536 11.6527 9.14253 11.5316 9.02165C11.4104 8.90077 11.2474 8.8311 11.0764 8.82707C10.9053 8.82304 10.7392 8.88496 10.6125 9L8.66183 10.9513L8.66649 0.666667C8.66649 0.489856 8.59625 0.320286 8.47123 0.195262C8.34621 0.0702379 8.17664 0 7.99983 0C7.82301 0 7.65345 0.0702379 7.52842 0.195262C7.4034 0.320286 7.33316 0.489856 7.33316 0.666667L7.32716 10.9387L5.38716 9C5.26207 8.875 5.09244 8.8048 4.91559 8.80487C4.73874 8.80493 4.56916 8.87524 4.44416 9.00033C4.31915 9.12543 4.24896 9.29506 4.24902 9.4719C4.24909 9.64875 4.3194 9.81833 4.44449 9.94333L6.58516 12.0813Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
             "path",
             {
               d: "M15.3333 10.6667C15.1565 10.6667 14.987 10.7369 14.8619 10.8619C14.7369 10.9869 14.6667 11.1565 14.6667 11.3333V14C14.6667 14.1768 14.5964 14.3464 14.4714 14.4714C14.3464 14.5964 14.1768 14.6667 14 14.6667H2C1.82319 14.6667 1.65362 14.5964 1.5286 14.4714C1.40357 14.3464 1.33333 14.1768 1.33333 14V11.3333C1.33333 11.1565 1.2631 10.9869 1.13807 10.8619C1.01305 10.7369 0.843478 10.6667 0.666667 10.6667C0.489856 10.6667 0.320286 10.7369 0.195262 10.8619C0.0702379 10.9869 0 11.1565 0 11.3333L0 14C0 14.5304 0.210714 15.0391 0.585786 15.4142C0.960859 15.7893 1.46957 16 2 16H14C14.5304 16 15.0391 15.7893 15.4142 15.4142C15.7893 15.0391 16 14.5304 16 14V11.3333C16 11.1565 15.9298 10.9869 15.8047 10.8619C15.6797 10.7369 15.5101 10.6667 15.3333 10.6667Z",
@@ -2128,7 +1986,7 @@ var DownloadIcon = (_a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("clipPath", { id: "download-clip", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("clipPath", { id: "download-clip", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -2136,10 +1994,10 @@ var DownloadIcon = (_a) => {
 DownloadIcon.displayName = "DownloadIcon";
 
 // src/primitives/icon/svg/error-filled.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var ErrorFilledIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -2147,10 +2005,10 @@ var ErrorFilledIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("circle", { cx: "8", cy: "8", r: "8", fill: "currentColor" }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("path", { d: "M8 4.16699V8.50033", stroke: "white", strokeWidth: "1.4", strokeLinecap: "round" }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("circle", { cx: "8", cy: "11.167", r: "0.833333", fill: "white" })
+        title ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("circle", { cx: "8", cy: "8", r: "8", fill: "currentColor" }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("path", { d: "M8 4.16699V8.50033", stroke: "white", strokeWidth: "1.4", strokeLinecap: "round" }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("circle", { cx: "8", cy: "11.167", r: "0.833333", fill: "white" })
       ]
     })
   );
@@ -2158,10 +2016,10 @@ var ErrorFilledIcon = (_a) => {
 ErrorFilledIcon.displayName = "ErrorFilledIcon";
 
 // src/primitives/icon/svg/external-link.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var ExternalLinkIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 14 14",
@@ -2169,26 +2027,64 @@ var ExternalLinkIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("g", { clipPath: "url(#clip0_422_235)", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("g", { clipPath: "url(#clip0_422_235)", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           "path",
           {
             d: "M11.6667 6.41667V11.0833C11.6667 12.6916 10.3582 14 8.75 14H2.91667C1.30842 14 0 12.6916 0 11.0833V5.25C0 3.64175 1.30842 2.33333 2.91667 2.33333H7.58333C7.90533 2.33333 8.16667 2.59467 8.16667 2.91667C8.16667 3.23867 7.90533 3.5 7.58333 3.5H2.91667C1.95183 3.5 1.16667 4.28517 1.16667 5.25V11.0833C1.16667 12.0482 1.95183 12.8333 2.91667 12.8333H8.75C9.71483 12.8333 10.5 12.0482 10.5 11.0833V6.41667C10.5 6.09467 10.7613 5.83333 11.0833 5.83333C11.4053 5.83333 11.6667 6.09467 11.6667 6.41667ZM12.25 0H8.16667C7.84467 0 7.58333 0.261333 7.58333 0.583333C7.58333 0.905333 7.84467 1.16667 8.16667 1.16667H12.0085L4.83758 8.33758C4.6095 8.56567 4.6095 8.93433 4.83758 9.16242C4.95133 9.27617 5.10067 9.33333 5.25 9.33333C5.39933 9.33333 5.54867 9.27617 5.66242 9.16242L12.8333 1.9915V5.83333C12.8333 6.15533 13.0947 6.41667 13.4167 6.41667C13.7387 6.41667 14 6.15533 14 5.83333V1.75C14 0.785167 13.2148 0 12.25 0Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("clipPath", { id: "clip0_422_235", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("rect", { width: "14", height: "14", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("clipPath", { id: "clip0_422_235", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("rect", { width: "14", height: "14", fill: "white" }) }) })
       ]
     })
   );
 };
 ExternalLinkIcon.displayName = "ExternalLinkIcon";
 
+// src/primitives/icon/svg/ethereum.tsx
+var import_jsx_runtime41 = require("react/jsx-runtime");
+var EthereumIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 24 24",
+      className: cn("rounded-agg-sm", className),
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("rect", { width: "24", height: "24", fill: "#627EEA" }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+          "path",
+          {
+            d: "M12.0861 3.36035L11.9719 3.74822V15.0024L12.0861 15.1163L17.3101 12.0284L12.0861 3.36035Z",
+            fill: "#C1CCF6"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { d: "M12.0861 3.36035L6.86206 12.0284L12.0861 15.1163V9.65385V3.36035Z", fill: "#FFFFFF" }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+          "path",
+          {
+            d: "M12.0858 16.1054L12.0215 16.1838V20.1927L12.0858 20.3806L17.313 13.019L12.0858 16.1054Z",
+            fill: "#C1CCF6"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { d: "M12.0861 20.3806V16.1054L6.86206 13.019L12.0861 20.3806Z", fill: "#FFFFFF" }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { d: "M12.0862 15.1163L17.3101 12.0283L12.0862 9.65381V15.1163Z", fill: "#8198EE" }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { d: "M6.86206 12.0283L12.0861 15.1163V9.65381L6.86206 12.0283Z", fill: "#C1CCF6" })
+      ]
+    })
+  );
+};
+EthereumIcon.displayName = "EthereumIcon";
+
 // src/primitives/icon/svg/google.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var GoogleIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 24 24",
@@ -2196,29 +2092,29 @@ var GoogleIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "path",
           {
             d: "M23.0001 12.4427C23.0001 11.5198 22.9252 10.8464 22.7632 10.1479H12.2246V14.3134H18.4105C18.2858 15.3486 17.6124 16.9076 16.1157 17.9551L16.0948 18.0946L19.4269 20.6759L19.6577 20.699C21.7778 18.7409 23.0001 15.8599 23.0001 12.4427Z",
             fill: "#4285F4"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "path",
           {
             d: "M12.2245 23.4181C15.2551 23.4181 17.7994 22.42 19.6577 20.699L16.1157 17.9551C15.1679 18.6161 13.8957 19.0779 12.2245 19.0779C9.25627 19.0779 6.73701 17.1199 5.83897 14.4136L5.70734 14.4248L2.24258 17.1062L2.19727 17.2321C4.04305 20.8988 7.83444 23.4181 12.2245 23.4181Z",
             fill: "#34A853"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "path",
           {
             d: "M5.83897 14.4136C5.60201 13.7152 5.46486 12.9665 5.46486 12.1933C5.46486 11.42 5.602 10.6717 5.82649 9.97333L5.82021 9.82458L2.31203 7.1001L2.19725 7.15469C1.43651 8.67626 1 10.3849 1 12.1933C1 14.0017 1.43653 15.7106 2.19727 17.2321L5.83897 14.4136Z",
             fill: "#FBBC05"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "path",
           {
             d: "M12.2245 5.30886C14.3322 5.30886 15.7539 6.21928 16.5646 6.98011L19.7324 3.88712C17.7869 2.07873 15.2551 0.96875 12.2245 0.96875C7.83444 0.96875 4.04304 3.48806 2.19725 7.15469L5.82649 9.97333C6.737 7.26698 9.25627 5.30886 12.2245 5.30886Z",
@@ -2232,10 +2128,10 @@ var GoogleIcon = (_a) => {
 GoogleIcon.displayName = "GoogleIcon";
 
 // src/primitives/icon/svg/hourglass-start.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var HourglassStartIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       width: "16",
@@ -2246,8 +2142,8 @@ var HourglassStartIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
           "path",
           {
             d: "M4.25 1.5H11.75M4.25 14.5H11.75M5 1.5V4.6C5 5.2 5.27 5.76 5.73 6.14L8 8L5.73 9.86C5.27 10.24 5 10.8 5 11.4V14.5M11 1.5V4.6C11 5.2 10.73 5.76 10.27 6.14L8 8L10.27 9.86C10.73 10.24 11 10.8 11 11.4V14.5",
@@ -2257,7 +2153,7 @@ var HourglassStartIcon = (_a) => {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("path", { d: "M6.75 4.25H9.25L8 5.25L6.75 4.25Z", fill: "currentColor" })
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M6.75 4.25H9.25L8 5.25L6.75 4.25Z", fill: "currentColor" })
       ]
     })
   );
@@ -2265,7 +2161,7 @@ var HourglassStartIcon = (_a) => {
 HourglassStartIcon.displayName = "HourglassStartIcon";
 
 // src/primitives/icon/svg/image.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var ImageIcon = (_a) => {
   var _b = _a, {
     title,
@@ -2276,7 +2172,7 @@ var ImageIcon = (_a) => {
     "className",
     "isDarkTheme"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 40 40",
@@ -2284,9 +2180,9 @@ var ImageIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("rect", { width: "40", height: "40", fill: "currentColor" }),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("rect", { width: "40", height: "40", fill: "currentColor" }),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
           "path",
           {
             d: "M22.0001 16.3333C24.2092 16.3333 26.0001 14.5424 26.0001 12.3333C26.0001 10.1241 24.2092 8.33325 22.0001 8.33325C19.7909 8.33325 18.0001 10.1241 18.0001 12.3333C18.0001 14.5424 19.7909 16.3333 22.0001 16.3333Z",
@@ -2294,7 +2190,7 @@ var ImageIcon = (_a) => {
             fillOpacity: "0.1"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
           "path",
           {
             d: "M29.8379 21.3615C29.5903 21.1242 29.262 20.9946 28.9224 21.0001C28.5828 21.0056 28.2586 21.1457 28.0186 21.3909L22.3828 27.1429L22.1904 27.3332L13.8385 19.0367C13.5855 18.799 13.2504 18.6666 12.9022 18.6666C12.5539 18.6666 12.2188 18.799 11.9658 19.0367L0 30.9233V39.9999H40V31.1341L29.8379 21.3615Z",
@@ -2309,10 +2205,10 @@ var ImageIcon = (_a) => {
 ImageIcon.displayName = "ImageIcon";
 
 // src/primitives/icon/svg/info.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var InfoIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 12 12",
@@ -2320,23 +2216,23 @@ var InfoIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("g", { clipPath: "url(#info_clip)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("g", { clipPath: "url(#info_clip)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             "path",
             {
               d: "M6 0C4.81331 0 3.65328 0.351894 2.66658 1.01118C1.67989 1.67047 0.910851 2.60754 0.456726 3.7039C0.00259972 4.80026 -0.11622 6.00666 0.115291 7.17054C0.346802 8.33443 0.918247 9.40353 1.75736 10.2426C2.59648 11.0818 3.66558 11.6532 4.82946 11.8847C5.99335 12.1162 7.19975 11.9974 8.2961 11.5433C9.39246 11.0892 10.3295 10.3201 10.9888 9.33342C11.6481 8.34673 12 7.18669 12 6C11.9983 4.40923 11.3656 2.88411 10.2407 1.75926C9.1159 0.634414 7.59077 0.00172054 6 0ZM6 11C5.0111 11 4.0444 10.7068 3.22215 10.1573C2.39991 9.60794 1.75904 8.82705 1.38061 7.91342C1.00217 6.99979 0.90315 5.99445 1.09608 5.02455C1.289 4.05464 1.76521 3.16373 2.46447 2.46447C3.16373 1.7652 4.05465 1.289 5.02455 1.09607C5.99446 0.903148 6.99979 1.00216 7.91342 1.3806C8.82705 1.75904 9.60794 2.3999 10.1574 3.22215C10.7068 4.04439 11 5.01109 11 6C10.9985 7.32564 10.4713 8.59656 9.53393 9.53393C8.59656 10.4713 7.32564 10.9985 6 11Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             "path",
             {
               d: "M6 5H5.5C5.36739 5 5.24021 5.05268 5.14645 5.14645C5.05268 5.24021 5 5.36739 5 5.5C5 5.63261 5.05268 5.75979 5.14645 5.85355C5.24021 5.94732 5.36739 6 5.5 6H6V9C6 9.13261 6.05268 9.25979 6.14645 9.35355C6.24021 9.44732 6.36739 9.5 6.5 9.5C6.63261 9.5 6.75979 9.44732 6.85355 9.35355C6.94732 9.25979 7 9.13261 7 9V6C7 5.73478 6.89464 5.48043 6.70711 5.29289C6.51957 5.10536 6.26522 5 6 5Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             "path",
             {
               d: "M6 4C6.41421 4 6.75 3.66421 6.75 3.25C6.75 2.83579 6.41421 2.5 6 2.5C5.58579 2.5 5.25 2.83579 5.25 3.25C5.25 3.66421 5.58579 4 6 4Z",
@@ -2344,7 +2240,7 @@ var InfoIcon = (_a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("clipPath", { id: "info_clip", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("rect", { width: "12", height: "12", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("clipPath", { id: "info_clip", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("rect", { width: "12", height: "12", fill: "white" }) }) })
       ]
     })
   );
@@ -2360,10 +2256,10 @@ var iconSizeClasses = {
 };
 
 // src/primitives/search/search-empty-icon.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var SearchEmptyIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 36 36",
@@ -2372,8 +2268,8 @@ var SearchEmptyIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           "path",
           {
             d: "M35.2335 0.758837C32.958 -1.51816 27.2145 1.83434 23.82 4.17284C22.029 3.41534 20.061 2.99534 17.9955 2.99534C9.72603 2.99534 2.99703 9.72434 2.99703 17.9953C2.99703 20.0593 3.41553 22.0273 4.17303 23.8183C1.83303 27.2143 -1.51797 32.9563 0.759027 35.2318C1.26903 35.7418 1.97703 35.9758 2.83953 35.9758C5.11653 35.9758 8.47653 34.3453 12.1545 31.8103C13.9515 32.5723 15.9255 32.9953 17.9955 32.9953C26.2665 32.9953 32.9955 26.2663 32.9955 17.9953C32.9955 15.9313 32.577 13.9633 31.8195 12.1723C32.43 11.2873 32.985 10.4233 33.48 9.58934C35.2755 6.55784 37.038 2.56334 35.2335 0.758837ZM17.997 4.49534C23.295 4.49534 27.8895 7.56434 30.099 12.0163C27.885 15.1228 25.008 18.4783 21.744 21.7423C18.48 25.0063 15.1245 27.8818 12.018 30.0958C7.56453 27.8863 4.49703 23.2918 4.49703 17.9938C4.49703 10.5523 10.5525 4.49534 17.997 4.49534ZM8.82603 32.1883C4.66353 34.6558 2.47503 34.8283 1.82103 34.1713C0.979527 33.3313 1.65453 30.3028 4.93803 25.3663C6.28203 27.7393 8.25453 29.7103 10.6275 31.0558C10.014 31.4623 9.41103 31.8418 8.82603 32.1883ZM31.497 17.9953C31.497 25.4383 25.4415 31.4953 17.997 31.4953C16.4655 31.4953 14.994 31.2388 13.62 30.7663C16.6755 28.5178 19.875 25.7323 22.8045 22.8028C25.8645 19.7428 28.593 16.5988 30.7755 13.6363C31.2435 15.0043 31.497 16.4698 31.497 17.9938V17.9953ZM31.0575 10.6243C29.7135 8.25134 27.741 6.27884 25.368 4.93484C30.3045 1.65134 33.333 0.979337 34.173 1.81784C34.83 2.47484 34.6545 4.66184 32.19 8.82284C31.8435 9.40934 31.464 10.0108 31.0575 10.6243Z",
@@ -2387,10 +2283,10 @@ var SearchEmptyIcon = (_a) => {
 SearchEmptyIcon.displayName = "SearchEmptyIcon";
 
 // src/primitives/icon/svg/activity.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var ActivityIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 24 24",
@@ -2398,8 +2294,8 @@ var ActivityIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
           "path",
           {
             d: "M2 12h4l2.5-7 4 14 3-7h8.5",
@@ -2416,10 +2312,10 @@ var ActivityIcon = (_a) => {
 ActivityIcon.displayName = "ActivityIcon";
 
 // src/primitives/icon/svg/activity-chart.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var ActivityChartIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 14 14",
@@ -2427,8 +2323,8 @@ var ActivityChartIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
           "path",
           {
             d: "M14 6.99987C14 7.32187 13.7392 7.5832 13.4167 7.5832H11.9782C11.7145 7.5832 11.4829 7.76112 11.4147 8.01487L10.4364 11.656C10.325 12.0206 10.0135 12.2499 9.65417 12.2499H9.64425C9.28083 12.2458 8.9705 12.0078 8.87192 11.6584L6.96208 3.9432L5.10825 10.4993C4.99683 10.8475 4.70575 11.0686 4.36158 11.082C4.00458 11.1013 3.70883 10.8983 3.577 10.5792L2.64367 7.96937C2.56025 7.73837 2.33975 7.58262 2.09417 7.58262H0.583333C0.26075 7.58262 0 7.32128 0 6.99928C0 6.67728 0.26075 6.41595 0.583333 6.41595H2.09475C2.83208 6.41595 3.49358 6.88203 3.74267 7.5762L4.28983 9.10803L6.2055 2.33262C6.32275 1.96803 6.62958 1.73353 6.99942 1.74928C7.35992 1.7557 7.66792 1.99312 7.7665 2.33962L9.66758 10.0198L10.2871 7.71212C10.4918 6.94912 11.1866 6.41595 11.977 6.41595H13.4155C13.7381 6.41595 13.9988 6.67728 13.9988 6.99928L14 6.99987Z",
@@ -2442,10 +2338,10 @@ var ActivityChartIcon = (_a) => {
 ActivityChartIcon.displayName = "ActivityChartIcon";
 
 // src/primitives/icon/svg/check-badge.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var CheckBadgeIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -2453,15 +2349,15 @@ var CheckBadgeIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("g", { clipPath: "url(#check-badge-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("g", { clipPath: "url(#check-badge-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
           "path",
           {
             d: "M15.4173 6.57883L13.9833 5.14283V3.9975C13.9833 2.89683 13.0886 2.00083 11.9893 2.00083H10.8453L9.4113 0.5655C8.6573 -0.1885 7.34397 -0.1885 6.59063 0.5655L5.15663 2.00083H4.01263C2.91263 2.00083 2.01863 2.89617 2.01863 3.9975V5.14283L0.583965 6.57883C-0.192702 7.3575 -0.192702 8.6235 0.583965 9.40217L2.01796 10.8382V11.9835C2.01796 13.0842 2.91263 13.9802 4.01196 13.9802H5.15596L6.58997 15.4155C6.96663 15.7922 7.46797 16.0002 8.00063 16.0002C8.5333 16.0002 9.03397 15.7922 9.41063 15.4155L10.8446 13.9802H11.9886C13.0886 13.9802 13.9826 13.0848 13.9826 11.9835V10.8382L15.4173 9.40217C16.194 8.6235 16.194 7.3575 15.4173 6.57883ZM12.136 6.8075L8.76663 10.1375C8.3573 10.5442 7.81797 10.7482 7.2793 10.7482C6.74063 10.7482 6.20396 10.5448 5.7933 10.1395L4.06063 8.4735C3.7993 8.21417 3.79663 7.79283 4.05596 7.53083C4.31596 7.27017 4.73663 7.26683 4.9993 7.52617L6.7313 9.1915C7.0333 9.49083 7.52463 9.4915 7.8273 9.1915L11.1973 5.86083C11.46 5.60083 11.8813 5.6035 12.1406 5.8655C12.4 6.1275 12.3973 6.54817 12.136 6.8075Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("clipPath", { id: "check-badge-clip", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("clipPath", { id: "check-badge-clip", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -2469,10 +2365,10 @@ var CheckBadgeIcon = (_a) => {
 CheckBadgeIcon.displayName = "CheckBadgeIcon";
 
 // src/primitives/icon/svg/chevron-down-thin.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var ChevronDownThinIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -2481,8 +2377,8 @@ var ChevronDownThinIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           "path",
           {
             d: "M4 6L8 10L12 6",
@@ -2499,10 +2395,10 @@ var ChevronDownThinIcon = (_a) => {
 ChevronDownThinIcon.displayName = "ChevronDownThinIcon";
 
 // src/primitives/icon/svg/cross-circle.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var CrossCircleIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       width: "16",
@@ -2513,8 +2409,8 @@ var CrossCircleIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           "path",
           {
             d: "M8 0C6.41775 0 4.87104 0.469192 3.55544 1.34824C2.23985 2.22729 1.21447 3.47672 0.608967 4.93853C0.00346629 6.40034 -0.15496 8.00887 0.153721 9.56072C0.462403 11.1126 1.22433 12.538 2.34315 13.6569C3.46197 14.7757 4.88743 15.5376 6.43928 15.8463C7.99113 16.155 9.59966 15.9965 11.0615 15.391C12.5233 14.7855 13.7727 13.7602 14.6518 12.4446C15.5308 11.129 16 9.58225 16 8C16 5.87827 15.1571 3.84344 13.6569 2.34315C12.1566 0.842855 10.1217 0 8 0ZM11.138 10.1953L10.1953 11.138L8 8.94267L5.80467 11.138L4.862 10.1953L7.05734 8L4.862 5.80467L5.80467 4.862L8 7.05733L10.1953 4.862L11.138 5.80467L8.94267 8L11.138 10.1953Z",
@@ -2528,10 +2424,10 @@ var CrossCircleIcon = (_a) => {
 CrossCircleIcon.displayName = "CrossCircleIcon";
 
 // src/primitives/icon/svg/discord.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var DiscordIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 20 20",
@@ -2539,8 +2435,8 @@ var DiscordIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           "path",
           {
             d: "M16.3546 4.49236C15.1858 3.95607 13.9329 3.56111 12.6227 3.33499C12.599 3.3304 12.5754 3.34186 12.5624 3.36325C12.4012 3.64973 12.2224 4.02406 12.0979 4.31742C10.6884 4.10657 9.28659 4.10657 7.90615 4.31742C7.78162 4.01719 7.59598 3.64973 7.43479 3.36325C7.42181 3.34186 7.39812 3.33117 7.37444 3.33499C6.06504 3.56035 4.81218 3.95531 3.64258 4.49236C3.63265 4.49618 3.62348 4.50382 3.61813 4.51298C1.24151 8.06379 0.589865 11.5275 0.909193 14.9484C0.910721 14.9653 0.919888 14.9813 0.932875 14.9912C2.50125 16.1433 4.01997 16.8423 5.51119 17.3052C5.53487 17.3128 5.56008 17.3037 5.57536 17.2838C5.9283 16.8025 6.24228 16.2945 6.51195 15.7605C6.52799 15.7292 6.51271 15.6918 6.47986 15.6795C5.98101 15.4901 5.5066 15.2594 5.04976 14.9981C5.01386 14.9767 5.0108 14.9255 5.04365 14.9003C5.13991 14.8285 5.23617 14.7536 5.32784 14.678C5.34465 14.6643 5.36756 14.6612 5.38743 14.6704C8.38819 16.0401 11.6365 16.0401 14.6013 14.6704C14.6212 14.6612 14.6441 14.6635 14.6617 14.678C14.7534 14.7536 14.8496 14.8293 14.9466 14.9011C14.9803 14.9255 14.978 14.9775 14.9413 14.9989C14.4845 15.2655 14.01 15.4916 13.5104 15.6795C13.4776 15.6918 13.4638 15.73 13.4791 15.7613C13.7541 16.2945 14.0689 16.8025 14.4149 17.2838C14.4295 17.3044 14.4554 17.3128 14.4791 17.306C15.9772 16.8423 17.4967 16.1433 19.0643 14.992C19.078 14.9821 19.0865 14.9668 19.088 14.95C19.4699 10.995 18.4478 7.55959 16.3775 4.51451C16.3737 4.50382 16.3645 4.49618 16.3546 4.49236ZM6.96038 12.8659C6.05664 12.8659 5.31256 12.0363 5.31256 11.018C5.31256 9.99962 6.04213 9.16998 6.96038 9.16998C7.88552 9.16998 8.62272 10.0065 8.60821 11.018C8.60821 12.0371 7.87788 12.8659 6.96038 12.8659ZM13.0528 12.8659C12.1498 12.8659 11.405 12.0363 11.405 11.018C11.405 9.99962 12.1346 9.16998 13.0528 9.16998C13.978 9.16998 14.7152 10.0065 14.7007 11.018C14.7007 12.0371 13.978 12.8659 13.0528 12.8659Z",
@@ -2554,10 +2450,10 @@ var DiscordIcon = (_a) => {
 DiscordIcon.displayName = "DiscordIcon";
 
 // src/primitives/icon/svg/email.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var EmailIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 20 20",
@@ -2565,8 +2461,8 @@ var EmailIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           "path",
           {
             d: "M3.33333 3.33398H16.6667C17.5833 3.33398 18.3333 4.08398 18.3333 5.00065V15.0007C18.3333 15.9173 17.5833 16.6673 16.6667 16.6673H3.33333C2.41667 16.6673 1.66667 15.9173 1.66667 15.0007V5.00065C1.66667 4.08398 2.41667 3.33398 3.33333 3.33398Z",
@@ -2576,7 +2472,7 @@ var EmailIcon = (_a) => {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           "path",
           {
             d: "M18.3333 5L10 10.8333L1.66667 5",
@@ -2593,10 +2489,10 @@ var EmailIcon = (_a) => {
 EmailIcon.displayName = "EmailIcon";
 
 // src/primitives/icon/svg/internet-security.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var InternetSecurityIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 60 60",
@@ -2604,15 +2500,15 @@ var InternetSecurityIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("g", { clipPath: "url(#internet-security-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("g", { clipPath: "url(#internet-security-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           "path",
           {
             d: "M31.2125 58.9425C31.32 58.55 31.1175 58.13 30.855 57.84C30.76 57.7525 24.195 51.48 20.3075 42.5025H26.2525C26.9425 42.5025 27.5025 41.9425 27.5025 41.2525C27.5025 40.5625 26.9425 40.0025 26.2525 40.0025H19.33C18.2325 36.885 17.5025 33.52 17.5025 30.0025C17.5025 26.485 18.2325 23.12 19.33 20.0025H55.605C56.115 21.2975 56.5425 22.635 56.85 24.0225C57 24.695 57.6625 25.125 58.3425 24.9725C59.0175 24.8225 59.44 24.155 59.2925 23.48C56.275 9.88753 43.98 0.0225282 30.0425 2.81571e-05C13.49 -0.0224718 -0.00249965 13.4425 3.47359e-07 30C3.47359e-07 46.5425 13.4575 60 30 60C30.61 60.0025 31.1475 59.5325 31.2125 58.9425ZM20.305 17.5C23.3775 10.4025 28.0975 5.02003 30 3.02753C31.92 5.03253 36.6625 10.415 39.72 17.5H20.305ZM54.485 17.5H42.42C39.745 10.8325 35.645 5.56253 33.1075 2.70003C42.2725 3.76003 50.325 9.42003 54.485 17.5ZM26.9 2.68753C24.3525 5.54753 20.24 10.83 17.5725 17.5H5.535C9.6475 9.48503 17.565 3.74003 26.9 2.68753ZM4.41 20H16.6725C15.6625 23.12 15 26.4725 15 30C15 33.5275 15.6625 36.88 16.6725 40H4.41C3.1925 36.895 2.5 33.53 2.5 30C2.5 26.47 3.1925 23.105 4.41 20ZM5.535 42.5H17.5725C20.24 49.1725 24.3525 54.4525 26.9 57.3125C17.565 56.26 9.6475 50.515 5.535 42.5ZM55 38.3775V33.75C55 28.925 51.075 25 46.25 25C41.425 25 37.5 28.925 37.5 33.75V38.3775C34.555 39.7875 32.5 42.7725 32.5 46.25V51.25C32.5 56.075 36.425 60 41.25 60H51.25C56.075 60 60 56.075 60 51.25V46.25C60 42.7725 57.945 39.7875 55 38.3775ZM40 33.75C40 30.305 42.8025 27.5 46.25 27.5C49.6975 27.5 52.5 30.305 52.5 33.75V37.6275C52.0875 37.5675 51.6775 37.5 51.25 37.5H41.25C40.8225 37.5 40.4125 37.5675 40 37.6275V33.75ZM57.5 51.25C57.5 54.695 54.6975 57.5 51.25 57.5H41.25C37.8025 57.5 35 54.695 35 51.25V46.25C35 42.805 37.8025 40 41.25 40H51.25C54.6975 40 57.5 42.805 57.5 46.25V51.25ZM48.75 48.75C48.75 50.13 47.63 51.25 46.25 51.25C44.87 51.25 43.75 50.13 43.75 48.75C43.75 47.37 44.87 46.25 46.25 46.25C47.63 46.25 48.75 47.37 48.75 48.75Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("clipPath", { id: "internet-security-clip", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("rect", { width: "60", height: "60", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("clipPath", { id: "internet-security-clip", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("rect", { width: "60", height: "60", fill: "white" }) }) })
       ]
     })
   );
@@ -2620,10 +2516,10 @@ var InternetSecurityIcon = (_a) => {
 InternetSecurityIcon.displayName = "InternetSecurityIcon";
 
 // src/primitives/icon/svg/link-accounts.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var LinkAccountsIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       width: "28",
@@ -2634,15 +2530,15 @@ var LinkAccountsIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("g", { clipPath: "url(#clip0_link_accounts)", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("g", { clipPath: "url(#clip0_link_accounts)", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
           "path",
           {
             d: "M28 18.0835C28 22.2648 24.598 25.6668 20.4167 25.6668H14.5833C10.402 25.6668 7 22.2648 7 18.0835C7 13.9022 10.402 10.5002 14.5833 10.5002H16.9167C17.2387 10.5002 17.5 10.7615 17.5 11.0835C17.5 11.4055 17.2387 11.6668 16.9167 11.6668H14.5833C11.0448 11.6668 8.16667 14.5462 8.16667 18.0835C8.16667 21.6208 11.0448 24.5002 14.5833 24.5002H20.4167C23.9552 24.5002 26.8333 21.6208 26.8333 18.0835C26.8333 15.7992 25.6037 13.67 23.625 12.5243C23.3462 12.3633 23.2505 12.0063 23.4127 11.7275C23.5725 11.4487 23.9283 11.3507 24.2095 11.514C26.5475 12.8662 28.0012 15.3827 28.0012 18.0823L28 18.0835ZM4.375 15.476C2.39517 14.3315 1.16667 12.2012 1.16667 9.91683C1.16667 6.3795 4.04483 3.50016 7.58333 3.50016H13.4167C16.9552 3.50016 19.8333 6.3795 19.8333 9.91683C19.8333 13.4542 16.9552 16.3335 13.4167 16.3335H11.0833C10.7613 16.3335 10.5 16.5948 10.5 16.9168C10.5 17.2388 10.7613 17.5002 11.0833 17.5002H13.4167C17.598 17.5002 21 14.0982 21 9.91683C21 5.7355 17.598 2.3335 13.4167 2.3335H7.58333C3.402 2.3335 0 5.7355 0 9.91683C0 12.6153 1.4525 15.133 3.79167 16.4852C4.0705 16.6462 4.4275 16.5517 4.5885 16.2717C4.75067 15.994 4.655 15.6358 4.37617 15.4748L4.375 15.476Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("clipPath", { id: "clip0_link_accounts", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("clipPath", { id: "clip0_link_accounts", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
       ]
     })
   );
@@ -2650,10 +2546,10 @@ var LinkAccountsIcon = (_a) => {
 LinkAccountsIcon.displayName = "LinkAccountsIcon";
 
 // src/primitives/icon/svg/lock.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var LockIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 12 12",
@@ -2662,15 +2558,15 @@ var LockIcon = (_a) => {
       xmlns: "http://www.w3.org/2000/svg"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
           "path",
           {
             d: "M9.5 4.212V3.5C9.5 2.57174 9.13125 1.6815 8.47487 1.02513C7.8185 0.368749 6.92826 0 6 0C5.07174 0 4.1815 0.368749 3.52513 1.02513C2.86875 1.6815 2.5 2.57174 2.5 3.5V4.212C2.05468 4.40635 1.67565 4.72626 1.40925 5.13261C1.14285 5.53895 1.00064 6.01412 1 6.5V9.5C1.00079 10.1628 1.26444 10.7982 1.73311 11.2669C2.20178 11.7356 2.8372 11.9992 3.5 12H8.5C9.1628 11.9992 9.79822 11.7356 10.2669 11.2669C10.7356 10.7982 10.9992 10.1628 11 9.5V6.5C10.9994 6.01412 10.8571 5.53895 10.5908 5.13261C10.3244 4.72626 9.94532 4.40635 9.5 4.212ZM3.5 3.5C3.5 2.83696 3.76339 2.20107 4.23223 1.73223C4.70107 1.26339 5.33696 1 6 1C6.66304 1 7.29893 1.26339 7.76777 1.73223C8.23661 2.20107 8.5 2.83696 8.5 3.5V4H3.5V3.5ZM10 9.5C10 9.89782 9.84196 10.2794 9.56066 10.5607C9.27936 10.842 8.89782 11 8.5 11H3.5C3.10218 11 2.72064 10.842 2.43934 10.5607C2.15804 10.2794 2 9.89782 2 9.5V6.5C2 6.10218 2.15804 5.72064 2.43934 5.43934C2.72064 5.15804 3.10218 5 3.5 5H8.5C8.89782 5 9.27936 5.15804 9.56066 5.43934C9.84196 5.72064 10 6.10218 10 6.5V9.5Z",
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
           "path",
           {
             d: "M6 7C5.86739 7 5.74021 7.05268 5.64645 7.14645C5.55268 7.24021 5.5 7.36739 5.5 7.5V8.5C5.5 8.63261 5.55268 8.75979 5.64645 8.85355C5.74021 8.94732 5.86739 9 6 9C6.13261 9 6.25979 8.94732 6.35355 8.85355C6.44732 8.75979 6.5 8.63261 6.5 8.5V7.5C6.5 7.36739 6.44732 7.24021 6.35355 7.14645C6.25979 7.05268 6.13261 7 6 7Z",
@@ -2684,10 +2580,10 @@ var LockIcon = (_a) => {
 LockIcon.displayName = "LockIcon";
 
 // src/primitives/icon/svg/pencil.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var PencilIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -2695,15 +2591,15 @@ var PencilIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("g", { clipPath: "url(#pencil_clip)", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("g", { clipPath: "url(#pencil_clip)", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
           "path",
           {
             d: "M15.2353 0.706709C14.7821 0.254173 14.1678 0 13.5273 0C12.8869 0 12.2726 0.254173 11.8193 0.706709L0.976677 11.5494C0.666178 11.8581 0.419985 12.2254 0.252342 12.6299C0.0846994 13.0344 -0.00106532 13.4682 9.98748e-06 13.906V15.2747C9.98748e-06 15.4515 0.0702479 15.6211 0.195272 15.7461C0.320296 15.8711 0.489866 15.9414 0.666677 15.9414H2.03534C2.47318 15.9426 2.90692 15.857 3.31145 15.6895C3.71597 15.5219 4.08325 15.2758 4.39201 14.9654L15.2353 4.12204C15.6877 3.66884 15.9417 3.05469 15.9417 2.41438C15.9417 1.77406 15.6877 1.15991 15.2353 0.706709ZM3.44934 14.0227C3.07335 14.3962 2.56532 14.6065 2.03534 14.608H1.33334V13.906C1.33267 13.6433 1.38411 13.3831 1.4847 13.1403C1.58529 12.8976 1.73302 12.6773 1.91934 12.492L10.148 4.26338L11.6813 5.79671L3.44934 14.0227ZM14.292 3.17938L12.6213 4.85071L11.088 3.32071L12.7593 1.64938C12.86 1.54891 12.9795 1.46927 13.111 1.41498C13.2424 1.3607 13.3833 1.33284 13.5255 1.33299C13.6678 1.33314 13.8086 1.36131 13.9399 1.41588C14.0712 1.47045 14.1905 1.55036 14.291 1.65104C14.3915 1.75172 14.4711 1.8712 14.5254 2.00266C14.5797 2.13413 14.6076 2.27499 14.6074 2.41722C14.6072 2.55945 14.5791 2.70025 14.5245 2.8316C14.4699 2.96294 14.39 3.08225 14.2893 3.18271L14.292 3.17938Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("clipPath", { id: "pencil_clip", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("clipPath", { id: "pencil_clip", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -2711,10 +2607,10 @@ var PencilIcon = (_a) => {
 PencilIcon.displayName = "PencilIcon";
 
 // src/primitives/icon/svg/play-square.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var PlaySquareIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -2722,26 +2618,53 @@ var PlaySquareIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("g", { clipPath: "url(#play-square-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("g", { clipPath: "url(#play-square-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
           "path",
           {
             d: "M12.6667 16H3.33333C2.4496 15.9989 1.60237 15.6474 0.97748 15.0225C0.352588 14.3976 0.00105857 13.5504 0 12.6667L0 3.33333C0.00105857 2.4496 0.352588 1.60237 0.97748 0.97748C1.60237 0.352588 2.4496 0.00105857 3.33333 0L12.6667 0C13.5504 0.00105857 14.3976 0.352588 15.0225 0.97748C15.6474 1.60237 15.9989 2.4496 16 3.33333V12.6667C15.9989 13.5504 15.6474 14.3976 15.0225 15.0225C14.3976 15.6474 13.5504 15.9989 12.6667 16ZM3.33333 1.33333C2.8029 1.33333 2.29419 1.54405 1.91912 1.91912C1.54405 2.29419 1.33333 2.8029 1.33333 3.33333V12.6667C1.33333 13.1971 1.54405 13.7058 1.91912 14.0809C2.29419 14.456 2.8029 14.6667 3.33333 14.6667H12.6667C13.1971 14.6667 13.7058 14.456 14.0809 14.0809C14.456 13.7058 14.6667 13.1971 14.6667 12.6667V3.33333C14.6667 2.8029 14.456 2.29419 14.0809 1.91912C13.7058 1.54405 13.1971 1.33333 12.6667 1.33333H3.33333ZM6.228 11.3367C5.95008 11.3357 5.67734 11.2615 5.43733 11.1213C5.20023 10.9856 5.00344 10.7894 4.86709 10.5526C4.73074 10.3159 4.65973 10.0472 4.66133 9.774V6.226C4.66111 5.95276 4.73274 5.68427 4.86905 5.44746C5.00537 5.21066 5.20156 5.01386 5.43794 4.87683C5.67433 4.73979 5.9426 4.66733 6.21584 4.66672C6.48907 4.6661 6.75767 4.73736 6.99467 4.87333L10.5133 6.63C10.7577 6.76194 10.9624 6.95685 11.1062 7.19452C11.2499 7.4322 11.3274 7.70399 11.3308 7.98172C11.3341 8.25946 11.2631 8.53303 11.1251 8.77408C10.9871 9.01514 10.7872 9.2149 10.546 9.35267L6.962 11.144C6.73847 11.2715 6.48533 11.3379 6.228 11.3367ZM6.21133 6.00333C6.17459 6.00332 6.13849 6.01298 6.10667 6.03133C6.07209 6.05056 6.0434 6.07884 6.02367 6.11313C6.00394 6.14743 5.99391 6.18644 5.99467 6.226V9.774C5.99489 9.81297 6.00525 9.85121 6.02473 9.88497C6.0442 9.91872 6.07212 9.94683 6.10574 9.96653C6.13936 9.98624 6.17753 9.99686 6.2165 9.99735C6.25547 9.99784 6.29389 9.98818 6.328 9.96933L9.912 8.17733C9.93869 8.15646 9.95992 8.12941 9.97385 8.09852C9.98779 8.06764 9.99401 8.03383 9.992 8C9.99284 7.96035 9.98277 7.92123 9.96291 7.8869C9.94304 7.85258 9.91413 7.82436 9.87933 7.80533L6.36333 6.04867C6.31749 6.02054 6.26509 6.00492 6.21133 6.00333Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("clipPath", { id: "play-square-clip", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("clipPath", { id: "play-square-clip", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
 };
 PlaySquareIcon.displayName = "PlaySquareIcon";
 
+// src/primitives/icon/svg/polygon.tsx
+var import_jsx_runtime59 = require("react/jsx-runtime");
+var PolygonIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 24 24",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("rect", { width: "24", height: "24", rx: "8", fill: "#8247E5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+          "path",
+          {
+            d: "M9.00108 10.1467L7.12599 9.05774L1.5 12.3246V18.836L7.12599 22.0919L12.752 18.836V8.70922L15.8729 6.90135L18.9938 8.70922V12.3246L15.8729 14.1325L13.9978 13.0435V15.9409L15.8729 17.0299L21.4989 13.774V7.26264L15.8729 4.00674L10.2469 7.26264V17.3894L7.12599 19.1973L4.00508 17.3894V13.7628L7.12599 11.955L9.00108 13.0435V10.1467Z",
+            fill: "white"
+          }
+        )
+      ]
+    })
+  );
+};
+PolygonIcon.displayName = "PolygonIcon";
+
 // src/primitives/icon/svg/quotes-warning.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var QuotesWarningIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
@@ -2752,8 +2675,8 @@ var QuotesWarningIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
           "path",
           {
             d: "M17.25 21.75V9.75C17.25 9.33 17.58 9 18 9C18.42 9 18.75 9.33 18.75 9.75V21.75C18.75 22.17 18.42 22.5 18 22.5C17.58 22.5 17.25 22.17 17.25 21.75ZM18 25.5C17.175 25.5 16.5 26.175 16.5 27C16.5 27.825 17.175 28.5 18 28.5C18.825 28.5 19.5 27.825 19.5 27C19.5 26.175 18.825 25.5 18 25.5ZM35.415 30.105C34.455 31.95 32.43 33 29.85 33H6.15002C3.58502 33 1.54502 31.95 0.585023 30.105C-0.389977 28.245 -0.119977 25.8 1.30502 23.745L13.95 3.645C14.88 2.295 16.395 1.5 18 1.5C19.605 1.5 21.12 2.295 22.035 3.615L34.695 23.76C36.12 25.815 36.39 28.245 35.415 30.105ZM33.45 24.6C33.45 24.6 33.45 24.585 33.435 24.57L20.79 4.44C20.16 3.525 19.14 3 18 3C16.86 3 15.84 3.54 15.195 4.47L2.56502 24.57C1.44002 26.19 1.20002 28.035 1.92002 29.415C2.62502 30.765 4.12502 31.5 6.15002 31.5H29.865C31.89 31.5 33.39 30.765 34.095 29.415C34.815 28.05 34.575 26.205 33.465 24.6H33.45Z",
@@ -2767,10 +2690,10 @@ var QuotesWarningIcon = (_a) => {
 QuotesWarningIcon.displayName = "QuotesWarningIcon";
 
 // src/primitives/icon/svg/profile-about-tab.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var ProfileAboutTabIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -2778,16 +2701,16 @@ var ProfileAboutTabIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("g", { clipPath: "url(#clip_profile_about_tab)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("g", { clipPath: "url(#clip_profile_about_tab)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
             "path",
             {
               d: "M12.6667 0H3.33333C2.4496 0.00105857 1.60237 0.352588 0.97748 0.97748C0.352588 1.60237 0.00105857 2.4496 0 3.33333L0 12.6667C0.00105857 13.5504 0.352588 14.3976 0.97748 15.0225C1.60237 15.6474 2.4496 15.9989 3.33333 16H12.6667C13.5504 15.9989 14.3976 15.6474 15.0225 15.0225C15.6474 14.3976 15.9989 13.5504 16 12.6667V3.33333C15.9989 2.4496 15.6474 1.60237 15.0225 0.97748C14.3976 0.352588 13.5504 0.00105857 12.6667 0ZM4.66667 14.6667V14C4.66667 13.1159 5.01786 12.2681 5.64298 11.643C6.2681 11.0179 7.11595 10.6667 8 10.6667C8.88406 10.6667 9.7319 11.0179 10.357 11.643C10.9821 12.2681 11.3333 13.1159 11.3333 14V14.6667H4.66667ZM14.6667 12.6667C14.6667 13.1971 14.456 13.7058 14.0809 14.0809C13.7058 14.456 13.1971 14.6667 12.6667 14.6667V14C12.6667 12.7623 12.175 11.5753 11.2998 10.7002C10.4247 9.825 9.23768 9.33333 8 9.33333C6.76232 9.33333 5.57534 9.825 4.70017 10.7002C3.825 11.5753 3.33333 12.7623 3.33333 14V14.6667C2.8029 14.6667 2.29419 14.456 1.91912 14.0809C1.54405 13.7058 1.33333 13.1971 1.33333 12.6667V3.33333C1.33333 2.8029 1.54405 2.29419 1.91912 1.91912C2.29419 1.54405 2.8029 1.33333 3.33333 1.33333H12.6667C13.1971 1.33333 13.7058 1.54405 14.0809 1.91912C14.456 2.29419 14.6667 2.8029 14.6667 3.33333V12.6667Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
             "path",
             {
               d: "M8.00004 2.66669C7.47263 2.66669 6.95705 2.82308 6.51852 3.1161C6.07999 3.40912 5.7382 3.82559 5.53636 4.31286C5.33453 4.80013 5.28172 5.33631 5.38461 5.85359C5.48751 6.37088 5.74148 6.84603 6.11442 7.21897C6.48736 7.59191 6.96252 7.84589 7.4798 7.94878C7.99708 8.05167 8.53326 7.99887 9.02053 7.79703C9.5078 7.5952 9.92428 7.2534 10.2173 6.81487C10.5103 6.37634 10.6667 5.86077 10.6667 5.33335C10.6667 4.62611 10.3858 3.94783 9.88566 3.44774C9.38556 2.94764 8.70729 2.66669 8.00004 2.66669ZM8.00004 6.66669C7.73633 6.66669 7.47855 6.58849 7.25928 6.44198C7.04002 6.29547 6.86912 6.08723 6.7682 5.8436C6.66729 5.59996 6.64088 5.33187 6.69233 5.07323C6.74378 4.81459 6.87076 4.57701 7.05723 4.39054C7.2437 4.20407 7.48128 4.07709 7.73992 4.02564C7.99856 3.97419 8.26665 4.0006 8.51029 4.10151C8.75392 4.20243 8.96216 4.37333 9.10867 4.59259C9.25518 4.81186 9.33338 5.06965 9.33338 5.33335C9.33338 5.68698 9.1929 6.02611 8.94285 6.27616C8.6928 6.52621 8.35366 6.66669 8.00004 6.66669Z",
@@ -2795,7 +2718,7 @@ var ProfileAboutTabIcon = (_a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("clipPath", { id: "clip_profile_about_tab", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("clipPath", { id: "clip_profile_about_tab", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -2803,7 +2726,7 @@ var ProfileAboutTabIcon = (_a) => {
 ProfileAboutTabIcon.displayName = "ProfileAboutTabIcon";
 
 // src/primitives/icon/svg/profile-accounts-wallets-tab.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var ProfileAccountsWalletsTabIcon = (_a) => {
   var _b = _a, {
     title,
@@ -2812,7 +2735,7 @@ var ProfileAccountsWalletsTabIcon = (_a) => {
     "title",
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -2820,15 +2743,15 @@ var ProfileAccountsWalletsTabIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("g", { clipPath: "url(#clip_profile_accounts_wallets_tab)", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("g", { clipPath: "url(#clip_profile_accounts_wallets_tab)", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
           "path",
           {
             d: "M5 8.66667C4.40666 8.66667 3.82664 8.49072 3.33329 8.16108C2.83994 7.83143 2.45542 7.3629 2.22836 6.81472C2.0013 6.26654 1.94189 5.66334 2.05764 5.0814C2.1734 4.49945 2.45912 3.96491 2.87868 3.54535C3.29824 3.12579 3.83279 2.84007 4.41473 2.72431C4.99667 2.60856 5.59987 2.66797 6.14805 2.89503C6.69623 3.12209 7.16476 3.50661 7.49441 3.99996C7.82405 4.4933 8 5.07332 8 5.66667C7.99912 6.46205 7.68276 7.2246 7.12035 7.78701C6.55793 8.34943 5.79538 8.66579 5 8.66667ZM5 4C4.67036 4 4.34813 4.09775 4.07405 4.28089C3.79997 4.46402 3.58635 4.72432 3.4602 5.02886C3.33405 5.33341 3.30105 5.66852 3.36536 5.99182C3.42967 6.31512 3.5884 6.61209 3.82149 6.84518C4.05458 7.07827 4.35155 7.237 4.67485 7.30131C4.99815 7.36562 5.33326 7.33261 5.63781 7.20647C5.94235 7.08032 6.20265 6.8667 6.38578 6.59262C6.56892 6.31854 6.66667 5.9963 6.66667 5.66667C6.66667 5.22464 6.49107 4.80072 6.17851 4.48816C5.86595 4.1756 5.44203 4 5 4ZM10 15.3333V15C10 13.6739 9.47322 12.4021 8.53553 11.4645C7.59785 10.5268 6.32608 10 5 10C3.67392 10 2.40215 10.5268 1.46447 11.4645C0.526784 12.4021 0 13.6739 0 15L0 15.3333C0 15.5101 0.0702379 15.6797 0.195262 15.8047C0.320286 15.9298 0.489856 16 0.666667 16C0.843478 16 1.01305 15.9298 1.13807 15.8047C1.2631 15.6797 1.33333 15.5101 1.33333 15.3333V15C1.33333 14.0275 1.71964 13.0949 2.40728 12.4073C3.09491 11.7196 4.02754 11.3333 5 11.3333C5.97246 11.3333 6.90509 11.7196 7.59273 12.4073C8.28036 13.0949 8.66667 14.0275 8.66667 15V15.3333C8.66667 15.5101 8.73691 15.6797 8.86193 15.8047C8.98695 15.9298 9.15652 16 9.33333 16C9.51014 16 9.67971 15.9298 9.80474 15.8047C9.92976 15.6797 10 15.5101 10 15.3333ZM16 12C16 11.0991 15.7392 10.2175 15.2491 9.46158C14.7591 8.70565 14.0607 8.10772 13.2383 7.73998C12.4159 7.37223 11.5046 7.25039 10.6145 7.38916C9.72437 7.52793 8.89344 7.92137 8.222 8.522C8.15584 8.58013 8.10186 8.6508 8.06317 8.72991C8.02448 8.80903 8.00185 8.89502 7.99659 8.98293C7.99132 9.07085 8.00353 9.15893 8.0325 9.24209C8.06147 9.32526 8.10663 9.40186 8.16537 9.46748C8.22412 9.53309 8.29528 9.58642 8.37475 9.62437C8.45422 9.66232 8.54042 9.68416 8.62838 9.68861C8.71633 9.69306 8.8043 9.68004 8.88719 9.6503C8.97009 9.62055 9.04627 9.57469 9.11133 9.51534C9.59097 9.08641 10.1845 8.80548 10.8203 8.70644C11.456 8.6074 12.1069 8.69449 12.6943 8.9572C13.2816 9.21991 13.7804 9.647 14.1304 10.1869C14.4804 10.7269 14.6667 11.3566 14.6667 12C14.6667 12.1768 14.7369 12.3464 14.8619 12.4714C14.987 12.5964 15.1565 12.6667 15.3333 12.6667C15.5101 12.6667 15.6797 12.5964 15.8047 12.4714C15.9298 12.3464 16 12.1768 16 12ZM11.6667 6C11.0733 6 10.4933 5.82405 9.99996 5.49441C9.50661 5.16477 9.12209 4.69623 8.89503 4.14805C8.66796 3.59987 8.60855 2.99667 8.72431 2.41473C8.84007 1.83279 9.12579 1.29824 9.54535 0.878681C9.9649 0.459123 10.4995 0.173401 11.0814 0.0576455C11.6633 -0.0581102 12.2665 0.00129986 12.8147 0.228363C13.3629 0.455426 13.8314 0.839943 14.1611 1.33329C14.4907 1.82664 14.6667 2.40666 14.6667 3C14.6658 3.79538 14.3494 4.55793 13.787 5.12035C13.2246 5.68277 12.462 5.99912 11.6667 6ZM11.6667 1.33333C11.337 1.33333 11.0148 1.43108 10.7407 1.61422C10.4666 1.79735 10.253 2.05765 10.1269 2.3622C10.0007 2.66674 9.96772 3.00185 10.032 3.32515C10.0963 3.64845 10.2551 3.94543 10.4882 4.17851C10.7212 4.4116 11.0182 4.57033 11.3415 4.63464C11.6648 4.69895 11.9999 4.66595 12.3045 4.5398C12.609 4.41365 12.8693 4.20003 13.0525 3.92595C13.2356 3.65187 13.3333 3.32964 13.3333 3C13.3333 2.55797 13.1577 2.13405 12.8452 1.82149C12.5326 1.50893 12.1087 1.33333 11.6667 1.33333Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("clipPath", { id: "clip_profile_accounts_wallets_tab", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("clipPath", { id: "clip_profile_accounts_wallets_tab", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -2836,10 +2759,10 @@ var ProfileAccountsWalletsTabIcon = (_a) => {
 ProfileAccountsWalletsTabIcon.displayName = "ProfileAccountsWalletsTabIcon";
 
 // src/primitives/icon/svg/profile.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var ProfileIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -2847,16 +2770,16 @@ var ProfileIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("g", { clipPath: "url(#profile-clip)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("g", { clipPath: "url(#profile-clip)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
             "path",
             {
               d: "M8 8C8.79113 8 9.56448 7.76541 10.2223 7.32588C10.8801 6.88635 11.3928 6.26164 11.6955 5.53074C11.9983 4.79983 12.0775 3.99556 11.9231 3.21964C11.7688 2.44372 11.3878 1.73098 10.8284 1.17157C10.269 0.612165 9.55629 0.231202 8.78036 0.0768607C8.00444 -0.0774802 7.20017 0.00173314 6.46927 0.304484C5.73836 0.607234 5.11365 1.11992 4.67412 1.77772C4.2346 2.43552 4 3.20888 4 4C4.00106 5.06054 4.42283 6.07734 5.17274 6.82726C5.92266 7.57718 6.93946 7.99894 8 8ZM8 1.33334C8.52742 1.33334 9.04299 1.48973 9.48152 1.78275C9.92005 2.07577 10.2618 2.49224 10.4637 2.97951C10.6655 3.46678 10.7183 4.00296 10.6154 4.52024C10.5125 5.03753 10.2586 5.51268 9.88562 5.88562C9.51268 6.25856 9.03752 6.51254 8.52024 6.61543C8.00296 6.71832 7.46678 6.66551 6.97951 6.46368C6.49224 6.26185 6.07577 5.92005 5.78275 5.48152C5.48973 5.04299 5.33333 4.52742 5.33333 4C5.33333 3.29276 5.61428 2.61448 6.11438 2.11438C6.61448 1.61429 7.29276 1.33334 8 1.33334Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
             "path",
             {
               d: "M8 9.33334C6.40924 9.33511 4.88414 9.96782 3.75931 11.0927C2.63447 12.2175 2.00176 13.7426 2 15.3333C2 15.5102 2.07024 15.6797 2.19526 15.8047C2.32029 15.9298 2.48986 16 2.66667 16C2.84348 16 3.01305 15.9298 3.13807 15.8047C3.2631 15.6797 3.33333 15.5102 3.33333 15.3333C3.33333 14.0957 3.825 12.9087 4.70017 12.0335C5.57534 11.1583 6.76232 10.6667 8 10.6667C9.23768 10.6667 10.4247 11.1583 11.2998 12.0335C12.175 12.9087 12.6667 14.0957 12.6667 15.3333C12.6667 15.5102 12.7369 15.6797 12.8619 15.8047C12.987 15.9298 13.1565 16 13.3333 16C13.5101 16 13.6797 15.9298 13.8047 15.8047C13.9298 15.6797 14 15.5102 14 15.3333C13.9982 13.7426 13.3655 12.2175 12.2407 11.0927C11.1159 9.96782 9.59076 9.33511 8 9.33334Z",
@@ -2864,7 +2787,7 @@ var ProfileIcon = (_a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("clipPath", { id: "profile-clip", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("clipPath", { id: "profile-clip", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -2872,10 +2795,10 @@ var ProfileIcon = (_a) => {
 ProfileIcon.displayName = "ProfileIcon";
 
 // src/primitives/icon/svg/recenter.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var RecenterIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -2883,15 +2806,15 @@ var RecenterIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("g", { clipPath: "url(#recenter-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("g", { clipPath: "url(#recenter-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
           "path",
           {
             d: "M16 8C16 8.36867 15.7013 8.66667 15.3333 8.66667H0.666667C0.298667 8.66667 0 8.36867 0 8C0 7.63133 0.298667 7.33333 0.666667 7.33333H15.3333C15.7013 7.33333 16 7.63133 16 8ZM7.05733 5.60933C7.31733 5.86933 7.65867 5.99933 8 5.99933C8.34133 5.99933 8.68267 5.86933 8.94267 5.60933L11.138 3.414C11.3987 3.15333 11.3987 2.732 11.138 2.47133C10.8773 2.21067 10.456 2.21067 10.1953 2.47133L8.66667 4V0.666667C8.66667 0.298 8.368 0 8 0C7.632 0 7.33333 0.298 7.33333 0.666667V4L5.80467 2.47133C5.544 2.21067 5.12267 2.21067 4.862 2.47133C4.60133 2.732 4.60133 3.15333 4.862 3.414L7.05733 5.60933ZM8.94267 10.3907C8.42333 9.87133 7.57667 9.87133 7.05733 10.3907L4.862 12.586C4.60133 12.8467 4.60133 13.268 4.862 13.5287C5.12267 13.7893 5.544 13.7893 5.80467 13.5287L7.33333 12V15.3333C7.33333 15.702 7.632 16 8 16C8.368 16 8.66667 15.702 8.66667 15.3333V12L10.1953 13.5287C10.3253 13.6587 10.496 13.724 10.6667 13.724C10.8373 13.724 11.008 13.6587 11.138 13.5287C11.3987 13.268 11.3987 12.8467 11.138 12.586L8.94267 10.3907Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("clipPath", { id: "recenter-clip", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("clipPath", { id: "recenter-clip", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -2899,10 +2822,10 @@ var RecenterIcon = (_a) => {
 RecenterIcon.displayName = "RecenterIcon";
 
 // src/primitives/icon/svg/revenue-alt.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var RevenueAltIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 20 20",
@@ -2910,8 +2833,8 @@ var RevenueAltIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
           "path",
           {
             d: "M3 14V6M3 6L1.5 7.5M3 6L4.5 7.5M17 6V14M17 14L15.5 12.5M17 14L18.5 12.5",
@@ -2921,7 +2844,7 @@ var RevenueAltIcon = (_a) => {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
           "path",
           {
             d: "M10 5.5V14.5M12.5 7.4C12.5 6.55 11.38 5.86 10 5.86C8.62 5.86 7.5 6.55 7.5 7.4C7.5 8.25 8.62 8.94 10 8.94C11.38 8.94 12.5 9.63 12.5 10.48C12.5 11.33 11.38 12.02 10 12.02C8.62 12.02 7.5 11.33 7.5 10.48",
@@ -2938,10 +2861,10 @@ var RevenueAltIcon = (_a) => {
 RevenueAltIcon.displayName = "RevenueAltIcon";
 
 // src/primitives/icon/svg/search.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var SearchIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -2950,8 +2873,8 @@ var SearchIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
           "path",
           {
             d: "M7.3335 12.3333C10.0949 12.3333 12.3335 10.0947 12.3335 7.33329C12.3335 4.57187 10.0949 2.33329 7.3335 2.33329C4.57208 2.33329 2.3335 4.57187 2.3335 7.33329C2.3335 10.0947 4.57208 12.3333 7.3335 12.3333Z",
@@ -2961,7 +2884,7 @@ var SearchIcon = (_a) => {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
           "path",
           {
             d: "M13.6668 13.6666L11.1667 11.1666",
@@ -2978,10 +2901,10 @@ var SearchIcon = (_a) => {
 SearchIcon.displayName = "SearchIcon";
 
 // src/primitives/icon/svg/shield-trust.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var ShieldTrustIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 14 14",
@@ -2989,8 +2912,8 @@ var ShieldTrustIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
           "path",
           {
             d: "M13.4889 5.75648L12.2341 4.49998V3.49781C12.2341 2.53473 11.4513 1.75073 10.4894 1.75073H9.48835L8.2336 0.494813C7.57385 -0.164938 6.42469 -0.164938 5.76552 0.494813L4.51077 1.75073H3.50977C2.54727 1.75073 1.76502 2.53415 1.76502 3.49781V4.49998L0.509687 5.75648C-0.169896 6.43781 -0.169896 7.54556 0.509687 8.2269L1.76444 9.4834V10.4856C1.76444 11.4486 2.54727 12.2326 3.50919 12.2326H4.51019L5.76494 13.4886C6.09452 13.8181 6.53319 14.0001 6.99927 14.0001C7.46535 14.0001 7.90344 13.8181 8.23302 13.4886L9.48777 12.2326H10.4888C11.4513 12.2326 12.2335 11.4492 12.2335 10.4856V9.4834L13.4889 8.2269C14.1684 7.54556 14.1684 6.43781 13.4889 5.75648ZM10.6177 5.95656L7.66952 8.87031C7.31135 9.22615 6.83944 9.40465 6.3681 9.40465C5.89677 9.40465 5.42719 9.22673 5.06785 8.87206L3.55177 7.41431C3.3231 7.1874 3.32077 6.81873 3.54769 6.58948C3.77519 6.3614 4.14327 6.35848 4.3731 6.5854L5.8886 8.04256C6.15285 8.30448 6.58277 8.30506 6.8476 8.04256L9.79635 5.12823C10.0262 4.90073 10.3949 4.90306 10.6218 5.13231C10.8487 5.36156 10.8464 5.72965 10.6177 5.95656Z",
@@ -3003,6 +2926,94 @@ var ShieldTrustIcon = (_a) => {
 };
 ShieldTrustIcon.displayName = "ShieldTrustIcon";
 
+// src/primitives/icon/svg/solana.tsx
+var import_jsx_runtime68 = require("react/jsx-runtime");
+var SolanaIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 24 24",
+      className: cn("rounded-agg-sm", className),
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("rect", { width: "24", height: "24", fill: "black" }),
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+          "path",
+          {
+            d: "M5.92399 15.7169C6.03262 15.6083 6.18198 15.5449 6.34039 15.5449H20.706C20.9685 15.5449 21.0998 15.8617 20.9142 16.0473L18.0764 18.8851C17.9677 18.9938 17.8184 19.0571 17.66 19.0571H3.29437C3.03186 19.0571 2.90061 18.7403 3.08617 18.5547L5.92399 15.7169Z",
+            fill: "url(#paint0_linear_1471_9988)"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+          "path",
+          {
+            d: "M5.92399 5.1217C6.03714 5.01307 6.1865 4.94971 6.34039 4.94971H20.706C20.9685 4.94971 21.0998 5.26653 20.9142 5.4521L18.0764 8.28991C17.9677 8.39854 17.8184 8.4619 17.66 8.4619H3.29437C3.03186 8.4619 2.90061 8.14508 3.08617 7.95951L5.92399 5.1217Z",
+            fill: "url(#paint1_linear_1471_9988)"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+          "path",
+          {
+            d: "M18.0764 10.3854C17.9677 10.2767 17.8184 10.2134 17.66 10.2134H3.29437C3.03186 10.2134 2.90061 10.5302 3.08617 10.7158L5.92399 13.5536C6.03262 13.6622 6.18198 13.7256 6.34039 13.7256H20.706C20.9685 13.7256 21.0998 13.4088 20.9142 13.2232L18.0764 10.3854Z",
+            fill: "url(#paint2_linear_1471_9988)"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("defs", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+            "linearGradient",
+            {
+              id: "paint0_linear_1471_9988",
+              x1: "19.3337",
+              y1: "3.25426",
+              x2: "9.39151",
+              y2: "22.2975",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("stop", { stopColor: "#00FFA3" }),
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("stop", { offset: "1", stopColor: "#DC1FFF" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+            "linearGradient",
+            {
+              id: "paint1_linear_1471_9988",
+              x1: "14.9864",
+              y1: "0.984846",
+              x2: "5.04427",
+              y2: "20.028",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("stop", { stopColor: "#00FFA3" }),
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("stop", { offset: "1", stopColor: "#DC1FFF" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+            "linearGradient",
+            {
+              id: "paint2_linear_1471_9988",
+              x1: "17.1462",
+              y1: "2.11234",
+              x2: "7.20405",
+              y2: "21.1555",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("stop", { stopColor: "#00FFA3" }),
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("stop", { offset: "1", stopColor: "#DC1FFF" })
+              ]
+            }
+          )
+        ] })
+      ]
+    })
+  );
+};
+SolanaIcon.displayName = "SolanaIcon";
+
 // src/primitives/icon/svg/sparkles-filled.tsx
 var import_jsx_runtime69 = require("react/jsx-runtime");
 var SparklesFilledIcon = (_a) => {
@@ -3882,7 +3893,7 @@ var DepositMethodStep = ({
 
 // src/deposit/steps/card-deposit.tsx
 var import_hooks16 = require("@agg-build/hooks");
-var import_react5 = require("react");
+var import_react3 = require("react");
 
 // src/primitives/button/index.tsx
 var import_hooks12 = require("@agg-build/hooks");
@@ -4022,13 +4033,13 @@ var Button = (_a) => {
 Button.displayName = "Button";
 
 // src/primitives/select/index.tsx
-var import_react4 = require("react");
+var import_react2 = require("react");
 var import_react_dom = require("react-dom");
 var import_hooks15 = require("@agg-build/hooks");
 
 // src/primitives/remote-image/index.tsx
 var import_hooks14 = require("@agg-build/hooks");
-var import_react3 = require("react");
+var import_react = require("react");
 
 // src/primitives/skeleton/skeleton-block.tsx
 var import_hooks13 = require("@agg-build/hooks");
@@ -4082,10 +4093,10 @@ var RemoteImage = ({
     general: { theme }
   } = (0, import_hooks14.useSdkUiConfig)();
   const isDarkTheme = theme === "dark";
-  const [status, setStatus] = (0, import_react3.useState)(
+  const [status, setStatus] = (0, import_react.useState)(
     () => resolveRemoteImageStatusFromSrc(src)
   );
-  const prevSrcRef = (0, import_react3.useRef)(src);
+  const prevSrcRef = (0, import_react.useRef)(src);
   if (src !== prevSrcRef.current) {
     prevSrcRef.current = src;
     const next = resolveRemoteImageStatusFromSrc(src);
@@ -4194,27 +4205,27 @@ var Select = ({
   } = (0, import_hooks15.useSdkUiConfig)();
   const isDisabled = resolveIsSelectDisabled({ disabled, items });
   const selectedItem = resolveSelectedItem(items, value);
-  const [isOpen, setIsOpen] = (0, import_react4.useState)(false);
-  const [menuRect, setMenuRect] = (0, import_react4.useState)(
+  const [isOpen, setIsOpen] = (0, import_react2.useState)(false);
+  const [menuRect, setMenuRect] = (0, import_react2.useState)(
     null
   );
-  const containerRef = (0, import_react4.useRef)(null);
-  const portalRef = (0, import_react4.useRef)(null);
-  const handleClose = (0, import_react4.useCallback)(() => setIsOpen(false), []);
-  const updateMenuRect = (0, import_react4.useCallback)(() => {
+  const containerRef = (0, import_react2.useRef)(null);
+  const portalRef = (0, import_react2.useRef)(null);
+  const handleClose = (0, import_react2.useCallback)(() => setIsOpen(false), []);
+  const updateMenuRect = (0, import_react2.useCallback)(() => {
     const el = containerRef.current;
     if (!el) return;
     const r = el.getBoundingClientRect();
     setMenuRect({ top: r.bottom + 4, left: r.left, width: r.width });
   }, []);
-  (0, import_react4.useLayoutEffect)(() => {
+  (0, import_react2.useLayoutEffect)(() => {
     if (!isOpen) {
       setMenuRect(null);
       return;
     }
     updateMenuRect();
   }, [isOpen, updateMenuRect, value]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     if (!isOpen) return;
     const handlePointerDown = (event) => {
       var _a2, _b;
@@ -4235,7 +4246,7 @@ var Select = ({
       document.removeEventListener("scroll", handleReposition, true);
     };
   }, [isOpen, handleClose, updateMenuRect]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     if (!isOpen) return;
     const handleKeyDown = (event) => {
       if ((event == null ? void 0 : event.key) === "Escape") handleClose();
@@ -4366,8 +4377,8 @@ var CardDepositStep = ({
   onContinue
 }) => {
   const labels = (0, import_hooks16.useLabels)();
-  const [localAmount, setLocalAmount] = (0, import_react5.useState)(amount);
-  (0, import_react5.useEffect)(() => {
+  const [localAmount, setLocalAmount] = (0, import_react3.useState)(amount);
+  (0, import_react3.useEffect)(() => {
     setLocalAmount(amount);
   }, [amount]);
   const numericAmount = Number(localAmount) || 0;
@@ -4485,7 +4496,7 @@ var CardDepositStep = ({
 var import_hooks17 = require("@agg-build/hooks");
 
 // src/primitives/copy-button/index.tsx
-var import_react6 = require("react");
+var import_react4 = require("react");
 var import_jsx_runtime94 = require("react/jsx-runtime");
 var CopyButton = ({
   value,
@@ -4498,15 +4509,15 @@ var CopyButton = ({
   onCopy,
   resetMs = 2e3
 }) => {
-  const [isCopied, setIsCopied] = (0, import_react6.useState)(false);
-  const timeoutRef = (0, import_react6.useRef)(null);
-  (0, import_react6.useEffect)(
+  const [isCopied, setIsCopied] = (0, import_react4.useState)(false);
+  const timeoutRef = (0, import_react4.useRef)(null);
+  (0, import_react4.useEffect)(
     () => () => {
       if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);
     },
     []
   );
-  const handleClick = (0, import_react6.useCallback)(() => {
+  const handleClick = (0, import_react4.useCallback)(() => {
     var _a;
     if (!value) return;
     (_a = navigator.clipboard) == null ? void 0 : _a.writeText(value).catch(() => {
@@ -5092,7 +5103,7 @@ var CardPurchaseSuccessStep = ({
 
 // src/deposit/steps/wallet-processing.tsx
 var import_hooks22 = require("@agg-build/hooks");
-var import_react7 = require("react");
+var import_react5 = require("react");
 var import_jsx_runtime101 = require("react/jsx-runtime");
 var WalletProcessingStep = ({
   steps,
@@ -5100,7 +5111,7 @@ var WalletProcessingStep = ({
   onComplete
 }) => {
   const labels = (0, import_hooks22.useLabels)();
-  (0, import_react7.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     const allDone = steps.length > 0 && steps.every((s) => s.status === "complete");
     if (allDone) {
       onComplete();
@@ -5270,28 +5281,28 @@ function DepositModalControlled({
   const { walletActions } = (0, import_hooks24.useAggUiConfig)();
   const labels = (0, import_hooks24.useLabels)();
   const defaultMethod = isWeb3User ? "wallet" : "crypto";
-  const [step, setStep] = (0, import_react8.useState)(
+  const [step, setStep] = (0, import_react6.useState)(
     () => pendingCardPurchaseSummary ? "card-success" : "method"
   );
-  const [highlightedMethod, setHighlightedMethod] = (0, import_react8.useState)(defaultMethod);
-  const walletSubmitInFlightRef = (0, import_react8.useRef)(false);
-  const [isWalletSubmitting, setIsWalletSubmitting] = (0, import_react8.useState)(false);
-  const [cardProviders, setCardProviders] = (0, import_react8.useState)([]);
-  const [quotesLoading, setQuotesLoading] = (0, import_react8.useState)(false);
-  const [quotesError, setQuotesError] = (0, import_react8.useState)(null);
-  const [sessionError, setSessionError] = (0, import_react8.useState)(null);
-  const [pendingProviderName, setPendingProviderName] = (0, import_react8.useState)("");
-  const [pendingProviderWalletAddress, setPendingProviderWalletAddress] = (0, import_react8.useState)("");
-  (0, import_react8.useEffect)(() => {
+  const [highlightedMethod, setHighlightedMethod] = (0, import_react6.useState)(defaultMethod);
+  const walletSubmitInFlightRef = (0, import_react6.useRef)(false);
+  const [isWalletSubmitting, setIsWalletSubmitting] = (0, import_react6.useState)(false);
+  const [cardProviders, setCardProviders] = (0, import_react6.useState)([]);
+  const [quotesLoading, setQuotesLoading] = (0, import_react6.useState)(false);
+  const [quotesError, setQuotesError] = (0, import_react6.useState)(null);
+  const [sessionError, setSessionError] = (0, import_react6.useState)(null);
+  const [pendingProviderName, setPendingProviderName] = (0, import_react6.useState)("");
+  const [pendingProviderWalletAddress, setPendingProviderWalletAddress] = (0, import_react6.useState)("");
+  (0, import_react6.useEffect)(() => {
     if (pendingCardPurchaseSummary) {
       clearPendingCardSession();
       setStep("card-success");
     }
   }, [pendingCardPurchaseSummary]);
-  const [walletChainId, setWalletChainId] = (0, import_react8.useState)("");
-  const [walletToken, setWalletToken] = (0, import_react8.useState)("");
-  const [sendChainId, setSendChainId] = (0, import_react8.useState)("");
-  const [sendToken, setSendToken] = (0, import_react8.useState)("");
+  const [walletChainId, setWalletChainId] = (0, import_react6.useState)("");
+  const [walletToken, setWalletToken] = (0, import_react6.useState)("");
+  const [sendChainId, setSendChainId] = (0, import_react6.useState)("");
+  const [sendToken, setSendToken] = (0, import_react6.useState)("");
   const {
     isReady,
     isTimedOut,
@@ -5299,14 +5310,14 @@ function DepositModalControlled({
     supportedChains,
     getAddress
   } = (0, import_hooks24.useDepositAddresses)({ enabled: open });
-  const fallbackNetworkOptions = (0, import_react8.useMemo)(() => mapNetworksToOptions(), []);
-  const networkOptions = (0, import_react8.useMemo)(() => {
+  const fallbackNetworkOptions = (0, import_react6.useMemo)(() => mapNetworksToOptions(), []);
+  const networkOptions = (0, import_react6.useMemo)(() => {
     if (!(supportedChains == null ? void 0 : supportedChains.length)) return fallbackNetworkOptions;
     return withNetworkIcons(
       supportedChains.map((c) => ({ value: String(c.chainId), label: c.name }))
     );
   }, [supportedChains, fallbackNetworkOptions]);
-  const walletNetworkOptions = (0, import_react8.useMemo)(() => {
+  const walletNetworkOptions = (0, import_react6.useMemo)(() => {
     if (!(supportedChains == null ? void 0 : supportedChains.length) || !connectedWalletKind) return networkOptions;
     const filtered = supportedChains.filter(
       (c) => connectedWalletKind === "solana" ? import_deposit.SVM_CHAIN_IDS.has(c.chainId) : !import_deposit.SVM_CHAIN_IDS.has(c.chainId)
@@ -5314,17 +5325,17 @@ function DepositModalControlled({
     if (filtered.length === 0) return networkOptions;
     return withNetworkIcons(filtered.map((c) => ({ value: String(c.chainId), label: c.name })));
   }, [supportedChains, networkOptions, connectedWalletKind]);
-  const walletTokenOptions = (0, import_react8.useMemo)(() => {
+  const walletTokenOptions = (0, import_react6.useMemo)(() => {
     const chain = supportedChains == null ? void 0 : supportedChains.find((c) => String(c.chainId) === walletChainId);
     if (!chain) return withTokenIcons(DEFAULT_CURRENCY_OPTIONS);
     return withTokenIcons(chain.tokens.map((t) => ({ value: t.symbol, label: t.symbol })));
   }, [supportedChains, walletChainId]);
-  const sendTokenOptions = (0, import_react8.useMemo)(() => {
+  const sendTokenOptions = (0, import_react6.useMemo)(() => {
     const chain = supportedChains == null ? void 0 : supportedChains.find((c) => String(c.chainId) === sendChainId);
     if (!chain) return withTokenIcons(DEFAULT_CURRENCY_OPTIONS);
     return withTokenIcons(chain.tokens.map((t) => ({ value: t.symbol, label: t.symbol })));
   }, [supportedChains, sendChainId]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (walletNetworkOptions.length > 0) {
       if (!walletChainId || !walletNetworkOptions.some((o) => o.value === walletChainId)) {
         const preferred = initialWalletChainId && walletNetworkOptions.some((o) => o.value === initialWalletChainId) ? initialWalletChainId : walletNetworkOptions[0].value;
@@ -5332,25 +5343,25 @@ function DepositModalControlled({
       }
     }
   }, [walletNetworkOptions, walletChainId, initialWalletChainId]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (networkOptions.length > 0) {
       if (!sendChainId || !networkOptions.some((o) => o.value === sendChainId)) {
         setSendChainId(networkOptions[0].value);
       }
     }
   }, [networkOptions, sendChainId]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (walletTokenOptions.length > 0) setWalletToken(walletTokenOptions[0].value);
   }, [walletTokenOptions]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (sendTokenOptions.length > 0) setSendToken(sendTokenOptions[0].value);
   }, [sendTokenOptions]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (walletChainId) {
       onWalletNetworkChange == null ? void 0 : onWalletNetworkChange(walletChainId);
     }
   }, [walletChainId, onWalletNetworkChange]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (walletToken) {
       onWalletTokenChange == null ? void 0 : onWalletTokenChange(walletToken);
     }
@@ -5369,7 +5380,7 @@ function DepositModalControlled({
     fromWallet: walletFlow.walletLabel,
     gasFee: ""
   }, walletFlow.successSummary);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (step === "wallet-processing" && !isWalletSubmitting && walletFlow.transactionStatus === "settled") {
       setStep("wallet-success");
     }
@@ -5695,7 +5706,7 @@ var DepositModal = (props) => {
 DepositModal.displayName = "DepositModal";
 
 // src/withdraw/index.tsx
-var import_react10 = require("react");
+var import_react8 = require("react");
 var import_withdraw2 = require("@agg-build/hooks/withdraw");
 
 // src/withdraw/steps/withdraw-method.tsx
@@ -5885,7 +5896,7 @@ var WithdrawAmountStep = ({
 };
 
 // src/withdraw/steps/withdraw-success.tsx
-var import_react9 = require("react");
+var import_react7 = require("react");
 var import_hooks27 = require("@agg-build/hooks");
 var import_withdraw = require("@agg-build/hooks/withdraw");
 
@@ -6019,7 +6030,7 @@ var WithdrawSuccessStep = ({
     features: { enableAnimations }
   } = (0, import_hooks27.useSdkUiConfig)();
   const { state } = (0, import_withdraw.useWithdrawalLifecycle)(withdrawalId);
-  const [isTimelineExpanded, setIsTimelineExpanded] = (0, import_react9.useState)(true);
+  const [isTimelineExpanded, setIsTimelineExpanded] = (0, import_react7.useState)(true);
   const walletFlowLabels = labels.withdraw.walletFlow;
   const { groups, finalStep, hasDetails } = buildWithdrawalLifecycleSteps({
     pending: state.pending,
@@ -6027,7 +6038,7 @@ var WithdrawSuccessStep = ({
     legs: state.legs,
     walletFlowLabels
   });
-  (0, import_react9.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (!state.terminal) return;
     if (state.status !== "completed") return;
     const timer = window.setTimeout(() => onClose(), 1500);
@@ -6219,10 +6230,10 @@ function WithdrawModalControlled({
   onSelectWithdrawProvider,
   onDoneWithdraw
 }) {
-  const [step, setStep] = (0, import_react10.useState)("method");
-  const [isConfirming, setIsConfirming] = (0, import_react10.useState)(false);
-  const [confirmError, setConfirmError] = (0, import_react10.useState)(null);
-  (0, import_react10.useEffect)(() => {
+  const [step, setStep] = (0, import_react8.useState)("method");
+  const [isConfirming, setIsConfirming] = (0, import_react8.useState)(false);
+  const [confirmError, setConfirmError] = (0, import_react8.useState)(null);
+  (0, import_react8.useEffect)(() => {
     if (!open) {
       setStep("method");
       setIsConfirming(false);
@@ -6305,7 +6316,7 @@ var WithdrawModal = (props) => {
 WithdrawModal.displayName = "WithdrawModal";
 
 // src/onboarding/index.tsx
-var import_react15 = require("react");
+var import_react13 = require("react");
 var import_hooks34 = require("@agg-build/hooks");
 var Dialog4 = __toESM(require("@radix-ui/react-dialog"));
 
@@ -6325,7 +6336,7 @@ var ONBOARDING_STEPS = {
 var ONCHAIN_VENUES = [import_sdk10.Venue.polymarket, import_sdk10.Venue.opinion, import_sdk10.Venue.predict];
 
 // src/onboarding/steps/how-it-works.tsx
-var import_react11 = require("react");
+var import_react9 = require("react");
 var import_hooks28 = require("@agg-build/hooks");
 var import_jsx_runtime108 = require("react/jsx-runtime");
 var defaultIcons = {
@@ -6336,10 +6347,10 @@ var defaultIcons = {
 };
 var HowItWorksStep = ({ onContinue, icons }) => {
   const labels = (0, import_hooks28.useLabels)();
-  const scrollRef = (0, import_react11.useRef)(null);
-  const [showTopGradient, setShowTopGradient] = (0, import_react11.useState)(false);
-  const [showBottomGradient, setShowBottomGradient] = (0, import_react11.useState)(true);
-  const handleScroll = (0, import_react11.useCallback)(() => {
+  const scrollRef = (0, import_react9.useRef)(null);
+  const [showTopGradient, setShowTopGradient] = (0, import_react9.useState)(false);
+  const [showBottomGradient, setShowBottomGradient] = (0, import_react9.useState)(true);
+  const handleScroll = (0, import_react9.useCallback)(() => {
     const el = scrollRef.current;
     if (!el) return;
     setShowTopGradient(el.scrollTop > 0);
@@ -6408,7 +6419,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
 HowItWorksStep.displayName = "HowItWorksStep";
 
 // src/onboarding/steps/profile-setup.tsx
-var import_react12 = require("react");
+var import_react10 = require("react");
 var import_hooks30 = require("@agg-build/hooks");
 
 // src/primitives/venue-logo/index.tsx
@@ -6490,15 +6501,15 @@ VenueLogo.displayName = "VenueLogo";
 var import_jsx_runtime110 = require("react/jsx-runtime");
 var ProfileSetupStep = ({ onContinue }) => {
   const labels = (0, import_hooks30.useLabels)();
-  const [username, setUsername] = (0, import_react12.useState)("");
-  const [avatarFile, setAvatarFile] = (0, import_react12.useState)();
-  const [avatarPreview, setAvatarPreview] = (0, import_react12.useState)();
-  const fileInputRef = (0, import_react12.useRef)(null);
-  const handleAvatarClick = (0, import_react12.useCallback)(() => {
+  const [username, setUsername] = (0, import_react10.useState)("");
+  const [avatarFile, setAvatarFile] = (0, import_react10.useState)();
+  const [avatarPreview, setAvatarPreview] = (0, import_react10.useState)();
+  const fileInputRef = (0, import_react10.useRef)(null);
+  const handleAvatarClick = (0, import_react10.useCallback)(() => {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, []);
-  const handleFileChange = (0, import_react12.useCallback)((e) => {
+  const handleFileChange = (0, import_react10.useCallback)((e) => {
     var _a;
     const file = (_a = e.target.files) == null ? void 0 : _a[0];
     if (!file) return;
@@ -6510,7 +6521,7 @@ var ProfileSetupStep = ({ onContinue }) => {
     };
     reader.readAsDataURL(file);
   }, []);
-  const handleContinue = (0, import_react12.useCallback)(() => {
+  const handleContinue = (0, import_react10.useCallback)(() => {
     onContinue({
       username,
       avatarFile,
@@ -6752,7 +6763,7 @@ ConnectAccountsStep.displayName = "ConnectAccountsStep";
 
 // src/onboarding/steps/connect-kalshi-modal.tsx
 var import_sdk12 = require("@agg-build/sdk");
-var import_react13 = require("react");
+var import_react11 = require("react");
 var import_hooks32 = require("@agg-build/hooks");
 var Dialog2 = __toESM(require("@radix-ui/react-dialog"));
 var import_jsx_runtime112 = require("react/jsx-runtime");
@@ -6762,15 +6773,15 @@ var ConnectKalshiModal = ({
   onVerify
 }) => {
   const labels = (0, import_hooks32.useLabels)();
-  const [apiKeyId, setApiKeyId] = (0, import_react13.useState)("");
-  const [privateKey, setPrivateKey] = (0, import_react13.useState)("");
-  const [verifying, setVerifying] = (0, import_react13.useState)(false);
-  const [error, setError] = (0, import_react13.useState)();
+  const [apiKeyId, setApiKeyId] = (0, import_react11.useState)("");
+  const [privateKey, setPrivateKey] = (0, import_react11.useState)("");
+  const [verifying, setVerifying] = (0, import_react11.useState)(false);
+  const [error, setError] = (0, import_react11.useState)();
   const canVerify = apiKeyId.trim().length > 0 && privateKey.trim().length > 0;
-  const handleCancel = (0, import_react13.useCallback)(() => {
+  const handleCancel = (0, import_react11.useCallback)(() => {
     onOpenChange(false);
   }, [onOpenChange]);
-  const handleVerify = (0, import_react13.useCallback)(() => __async(null, null, function* () {
+  const handleVerify = (0, import_react11.useCallback)(() => __async(null, null, function* () {
     if (!canVerify || verifying) return;
     setVerifying(true);
     setError(void 0);
@@ -6799,7 +6810,7 @@ var ConnectKalshiModal = ({
     privateKey,
     verifying
   ]);
-  const handleOpenChange = (0, import_react13.useCallback)(
+  const handleOpenChange = (0, import_react11.useCallback)(
     (value) => {
       if (value) {
         setApiKeyId("");
@@ -7002,7 +7013,7 @@ var ConnectKalshiModal = ({
 ConnectKalshiModal.displayName = "ConnectKalshiModal";
 
 // src/onboarding/steps/connect-onchain-modal.tsx
-var import_react14 = require("react");
+var import_react12 = require("react");
 var import_hooks33 = require("@agg-build/hooks");
 var Dialog3 = __toESM(require("@radix-ui/react-dialog"));
 var import_jsx_runtime113 = require("react/jsx-runtime");
@@ -7012,12 +7023,12 @@ var ConnectOnchainModal = ({
   onConnect
 }) => {
   const labels = (0, import_hooks33.useLabels)();
-  const [connecting, setConnecting] = (0, import_react14.useState)(false);
-  const [error, setError] = (0, import_react14.useState)();
-  const handleCancel = (0, import_react14.useCallback)(() => {
+  const [connecting, setConnecting] = (0, import_react12.useState)(false);
+  const [error, setError] = (0, import_react12.useState)();
+  const handleCancel = (0, import_react12.useCallback)(() => {
     onOpenChange(false);
   }, [onOpenChange]);
-  const handleConnect = (0, import_react14.useCallback)(() => __async(null, null, function* () {
+  const handleConnect = (0, import_react12.useCallback)(() => __async(null, null, function* () {
     if (connecting) return;
     setConnecting(true);
     setError(void 0);
@@ -7032,7 +7043,7 @@ var ConnectOnchainModal = ({
       setConnecting(false);
     }
   }), [connecting, labels.onboarding.connectOnchainModal.fallbackError, onConnect, onOpenChange]);
-  const handleOpenChange = (0, import_react14.useCallback)(
+  const handleOpenChange = (0, import_react12.useCallback)(
     (value) => {
       if (value) {
         setError(void 0);
@@ -7124,48 +7135,48 @@ var OnboardingModal = ({
 }) => {
   var _a;
   const labels = (0, import_hooks34.useLabels)();
-  const [step, setStep] = (0, import_react15.useState)(ONBOARDING_STEPS.HOW_IT_WORKS);
+  const [step, setStep] = (0, import_react13.useState)(ONBOARDING_STEPS.HOW_IT_WORKS);
   const stepLabels = {
     [ONBOARDING_STEPS.HOW_IT_WORKS]: labels.onboarding.modal.stepHowItWorks,
     [ONBOARDING_STEPS.PROFILE_SETUP]: labels.onboarding.modal.stepProfileSetup,
     [ONBOARDING_STEPS.CONNECT_ACCOUNTS]: labels.onboarding.modal.stepConnectAccounts
   };
   const resolvedTitle = (_a = stepLabels[step]) != null ? _a : labels.onboarding.modal.title;
-  const [kalshiModalOpen, setKalshiModalOpen] = (0, import_react15.useState)(false);
-  const [kalshiConnected, setKalshiConnected] = (0, import_react15.useState)(false);
-  const [onchainModalOpen, setOnchainModalOpen] = (0, import_react15.useState)(false);
-  const [onchainConnected, setOnchainConnected] = (0, import_react15.useState)(false);
-  (0, import_react15.useEffect)(() => {
+  const [kalshiModalOpen, setKalshiModalOpen] = (0, import_react13.useState)(false);
+  const [kalshiConnected, setKalshiConnected] = (0, import_react13.useState)(false);
+  const [onchainModalOpen, setOnchainModalOpen] = (0, import_react13.useState)(false);
+  const [onchainConnected, setOnchainConnected] = (0, import_react13.useState)(false);
+  (0, import_react13.useEffect)(() => {
     if (open) {
       setStep(ONBOARDING_STEPS.HOW_IT_WORKS);
       setKalshiConnected(false);
       setOnchainConnected(false);
     }
   }, [open]);
-  const handleHowItWorksContinue = (0, import_react15.useCallback)(() => {
+  const handleHowItWorksContinue = (0, import_react13.useCallback)(() => {
     setStep(ONBOARDING_STEPS.PROFILE_SETUP);
   }, []);
-  const handleProfileContinue = (0, import_react15.useCallback)(
+  const handleProfileContinue = (0, import_react13.useCallback)(
     (data) => {
       onProfileSubmit == null ? void 0 : onProfileSubmit(data);
       setStep(ONBOARDING_STEPS.CONNECT_ACCOUNTS);
     },
     [onProfileSubmit]
   );
-  const handleConnectContinue = (0, import_react15.useCallback)(() => {
+  const handleConnectContinue = (0, import_react13.useCallback)(() => {
     onComplete == null ? void 0 : onComplete();
   }, [onComplete]);
-  const handleOpenOnchainModal = (0, import_react15.useCallback)(() => {
+  const handleOpenOnchainModal = (0, import_react13.useCallback)(() => {
     setOnchainModalOpen(true);
   }, []);
-  const handleOnchainConnect = (0, import_react15.useCallback)(() => __async(null, null, function* () {
+  const handleOnchainConnect = (0, import_react13.useCallback)(() => __async(null, null, function* () {
     yield onConnectOnchain == null ? void 0 : onConnectOnchain();
     setOnchainConnected(true);
   }), [onConnectOnchain]);
-  const handleOpenKalshiModal = (0, import_react15.useCallback)(() => {
+  const handleOpenKalshiModal = (0, import_react13.useCallback)(() => {
     setKalshiModalOpen(true);
   }, []);
-  const handleKalshiVerify = (0, import_react15.useCallback)(
+  const handleKalshiVerify = (0, import_react13.useCallback)(
     (credentials) => __async(null, null, function* () {
       yield onConnectKalshi == null ? void 0 : onConnectKalshi(credentials);
       setKalshiConnected(true);
@@ -7220,7 +7231,7 @@ OnboardingModal.displayName = "OnboardingModal";
 
 // src/profile/index.tsx
 var import_sdk13 = require("@agg-build/sdk");
-var import_react18 = require("react");
+var import_react16 = require("react");
 var import_hooks37 = require("@agg-build/hooks");
 
 // src/profile/profile-modal.constants.ts
@@ -7238,7 +7249,7 @@ var PROFILE_TAB_ITEMS = [
 ];
 
 // src/profile/tabs/about-tab.tsx
-var import_react16 = require("react");
+var import_react14 = require("react");
 var import_hooks35 = require("@agg-build/hooks");
 var import_jsx_runtime115 = require("react/jsx-runtime");
 var AboutTab = ({
@@ -7251,12 +7262,12 @@ var AboutTab = ({
   avatarError: _avatarError
 }) => {
   const labels = (0, import_hooks35.useLabels)();
-  const fileInputRef = (0, import_react16.useRef)(null);
-  const handleAvatarClick = (0, import_react16.useCallback)(() => {
+  const fileInputRef = (0, import_react14.useRef)(null);
+  const handleAvatarClick = (0, import_react14.useCallback)(() => {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, []);
-  const handleFileChange = (0, import_react16.useCallback)(
+  const handleFileChange = (0, import_react14.useCallback)(
     (e) => {
       var _a;
       const file = (_a = e.target.files) == null ? void 0 : _a[0];
@@ -7370,7 +7381,7 @@ var AboutTab = ({
 AboutTab.displayName = "AboutTab";
 
 // src/profile/tabs/accounts-wallets-tab.tsx
-var import_react17 = require("react");
+var import_react15 = require("react");
 var import_hooks36 = require("@agg-build/hooks");
 var import_jsx_runtime116 = require("react/jsx-runtime");
 var SectionTitle = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
@@ -7407,13 +7418,13 @@ var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runti
 var TRADING_ACCESS_VENUES = ["kalshi", "polymarket", "opinion", "predict"];
 var VerifyIdentityButton = ({ onError }) => {
   const client = (0, import_hooks36.useAggClient)();
-  const [isInitiating, setIsInitiating] = (0, import_react17.useState)(false);
-  const [needsDepositAddress, setNeedsDepositAddress] = (0, import_react17.useState)(false);
+  const [isInitiating, setIsInitiating] = (0, import_react15.useState)(false);
+  const [needsDepositAddress, setNeedsDepositAddress] = (0, import_react15.useState)(false);
   const { isReady, isTimedOut } = (0, import_hooks36.useDepositAddresses)({
     enabled: needsDepositAddress,
     poll: true
   });
-  (0, import_react17.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!isInitiating || !isReady) return;
     const redirectUri = window.location.href;
     client.initiateKyc("kalshi", redirectUri).then((res) => {
@@ -7427,14 +7438,14 @@ var VerifyIdentityButton = ({ onError }) => {
       setNeedsDepositAddress(false);
     });
   }, [isReady, isInitiating, client, onError]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (isTimedOut && isInitiating) {
       setIsInitiating(false);
       setNeedsDepositAddress(false);
       onError == null ? void 0 : onError(new Error("Deposit address provisioning timed out"));
     }
   }, [isTimedOut, isInitiating, onError]);
-  const handleClick = (0, import_react17.useCallback)(() => {
+  const handleClick = (0, import_react15.useCallback)(() => {
     setIsInitiating(true);
     setNeedsDepositAddress(true);
   }, []);
@@ -7599,18 +7610,18 @@ var ProfileModal = ({
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const client = (0, import_hooks37.useAggClient)();
   const { user, startAuth } = (0, import_hooks37.useAggAuthState)();
-  const [activeTab, setActiveTab] = (0, import_react18.useState)(PROFILE_TAB_KEYS.ABOUT);
+  const [activeTab, setActiveTab] = (0, import_react16.useState)(PROFILE_TAB_KEYS.ABOUT);
   const resolvedInitialUsername = (_a = username != null ? username : user == null ? void 0 : user.username) != null ? _a : "";
-  const [draftUsername, setDraftUsername] = (0, import_react18.useState)(resolvedInitialUsername);
-  const [draftAvatarFile, setDraftAvatarFile] = (0, import_react18.useState)();
-  const [draftAvatarPreview, setDraftAvatarPreview] = (0, import_react18.useState)();
-  const [isSaving, setIsSaving] = (0, import_react18.useState)(false);
-  const [avatarTypeError, setAvatarTypeError] = (0, import_react18.useState)(null);
-  (0, import_react18.useEffect)(() => {
+  const [draftUsername, setDraftUsername] = (0, import_react16.useState)(resolvedInitialUsername);
+  const [draftAvatarFile, setDraftAvatarFile] = (0, import_react16.useState)();
+  const [draftAvatarPreview, setDraftAvatarPreview] = (0, import_react16.useState)();
+  const [isSaving, setIsSaving] = (0, import_react16.useState)(false);
+  const [avatarTypeError, setAvatarTypeError] = (0, import_react16.useState)(null);
+  (0, import_react16.useEffect)(() => {
     var _a2;
     setDraftUsername((_a2 = username != null ? username : user == null ? void 0 : user.username) != null ? _a2 : "");
   }, [username, user == null ? void 0 : user.username]);
-  const handleOpenChange = (0, import_react18.useCallback)(
+  const handleOpenChange = (0, import_react16.useCallback)(
     (isOpen) => {
       var _a2;
       if (!isOpen) {
@@ -7634,7 +7645,7 @@ var ProfileModal = ({
       setDraftAvatarPreview
     ]
   );
-  const handleDraftAvatarChange = (0, import_react18.useCallback)(
+  const handleDraftAvatarChange = (0, import_react16.useCallback)(
     (file, preview) => {
       const ACCEPTED_AVATAR_TYPES = ["image/jpeg", "image/png", "image/gif", "image/webp"];
       if (file && !ACCEPTED_AVATAR_TYPES.includes(file.type)) {
@@ -7649,7 +7660,7 @@ var ProfileModal = ({
   );
   const originalUsername = (_b = username != null ? username : user == null ? void 0 : user.username) != null ? _b : "";
   const hasChanges = draftUsername !== originalUsername || draftAvatarFile !== void 0;
-  const handleSave = (0, import_react18.useCallback)(() => __async(null, null, function* () {
+  const handleSave = (0, import_react16.useCallback)(() => __async(null, null, function* () {
     var _a2, _b2;
     setIsSaving(true);
     try {
@@ -7694,7 +7705,7 @@ var ProfileModal = ({
     onSave,
     originalUsername
   ]);
-  const handleCancel = (0, import_react18.useCallback)(() => {
+  const handleCancel = (0, import_react16.useCallback)(() => {
     handleOpenChange(false);
   }, [handleOpenChange]);
   const isAccountConnected = (providers) => {
@@ -7738,7 +7749,7 @@ var ProfileModal = ({
     if (typeof window === "undefined") return;
     ((_a2 = window.top) != null ? _a2 : window).location.assign(url);
   };
-  const handleConnectTwitter = (0, import_react18.useCallback)(() => __async(null, null, function* () {
+  const handleConnectTwitter = (0, import_react16.useCallback)(() => __async(null, null, function* () {
     const result = yield startAuth({
       provider: "twitter",
       redirectUrl: resolveRedirectUrl()
@@ -7748,7 +7759,7 @@ var ProfileModal = ({
       navigateTopWindow(result.url);
     }
   }), [onConnectTwitter, startAuth]);
-  const handleConnectGoogle = (0, import_react18.useCallback)(() => __async(null, null, function* () {
+  const handleConnectGoogle = (0, import_react16.useCallback)(() => __async(null, null, function* () {
     const result = yield startAuth({
       provider: "google",
       redirectUrl: resolveRedirectUrl()
@@ -7758,7 +7769,7 @@ var ProfileModal = ({
       navigateTopWindow(result.url);
     }
   }), [onConnectGoogle, startAuth]);
-  const handleConnectApple = (0, import_react18.useCallback)(() => __async(null, null, function* () {
+  const handleConnectApple = (0, import_react16.useCallback)(() => __async(null, null, function* () {
     const result = yield startAuth({
       provider: "apple",
       redirectUrl: resolveRedirectUrl()
@@ -7768,22 +7779,22 @@ var ProfileModal = ({
       navigateTopWindow(result.url);
     }
   }), [onConnectApple, startAuth]);
-  const handleDisconnectTwitter = (0, import_react18.useCallback)(() => __async(null, null, function* () {
+  const handleDisconnectTwitter = (0, import_react16.useCallback)(() => __async(null, null, function* () {
     yield client.disconnectAccount("twitter");
     yield client.getCurrentUser();
     onDisconnectTwitter == null ? void 0 : onDisconnectTwitter();
   }), [client, onDisconnectTwitter]);
-  const handleDisconnectGoogle = (0, import_react18.useCallback)(() => __async(null, null, function* () {
+  const handleDisconnectGoogle = (0, import_react16.useCallback)(() => __async(null, null, function* () {
     yield client.disconnectAccount("google");
     yield client.getCurrentUser();
     onDisconnectGoogle == null ? void 0 : onDisconnectGoogle();
   }), [client, onDisconnectGoogle]);
-  const handleDisconnectApple = (0, import_react18.useCallback)(() => __async(null, null, function* () {
+  const handleDisconnectApple = (0, import_react16.useCallback)(() => __async(null, null, function* () {
     yield client.disconnectAccount("apple");
     yield client.getCurrentUser();
     onDisconnectApple == null ? void 0 : onDisconnectApple();
   }), [client, onDisconnectApple]);
-  const handleConnectEmail = (0, import_react18.useCallback)(() => __async(null, null, function* () {
+  const handleConnectEmail = (0, import_react16.useCallback)(() => __async(null, null, function* () {
     var _a2;
     const typedEmail = typeof window !== "undefined" ? (_a2 = window.prompt("Enter your email to receive a magic link")) == null ? void 0 : _a2.trim() : void 0;
     if (!typedEmail) return;
@@ -7794,7 +7805,7 @@ var ProfileModal = ({
     });
     onConnectEmail == null ? void 0 : onConnectEmail();
   }), [onConnectEmail, startAuth]);
-  const handleDisconnectWallet = (0, import_react18.useCallback)(
+  const handleDisconnectWallet = (0, import_react16.useCallback)(
     (wallet) => __async(null, null, function* () {
       const normalizedChain = wallet.chain.toLowerCase();
       const provider = normalizedChain === "solana" || normalizedChain === "svm" ? "solana_wallet" : "wallet";
@@ -7804,7 +7815,7 @@ var ProfileModal = ({
     }),
     [client, onDisconnectWallet]
   );
-  const providerActionMap = (0, import_react18.useMemo)(
+  const providerActionMap = (0, import_react16.useMemo)(
     () => ({
       twitter: {
         connect: () => {
@@ -7846,7 +7857,7 @@ var ProfileModal = ({
       handleDisconnectTwitter
     ]
   );
-  const resolvedWallets = (0, import_react18.useMemo)(() => {
+  const resolvedWallets = (0, import_react16.useMemo)(() => {
     var _a2, _b2;
     if (wallets) return wallets;
     return (_b2 = (_a2 = user == null ? void 0 : user.wallets) == null ? void 0 : _a2.map((wallet) => {
@@ -7858,7 +7869,7 @@ var ProfileModal = ({
       };
     })) != null ? _b2 : [];
   }, [user == null ? void 0 : user.wallets, wallets]);
-  const resolvedExchanges = (0, import_react18.useMemo)(() => {
+  const resolvedExchanges = (0, import_react16.useMemo)(() => {
     var _a2, _b2;
     if (exchanges !== void 0) return exchanges;
     const walletAccount = (_a2 = user == null ? void 0 : user.accounts) == null ? void 0 : _a2.find(
@@ -7869,7 +7880,7 @@ var ProfileModal = ({
     const displayAddress = (_b2 = shortenAddress(addr)) != null ? _b2 : addr;
     return EVM_WALLET_VENUES.map((venue) => ({ venue, displayAddress, verified: false }));
   }, [exchanges, user == null ? void 0 : user.accounts]);
-  const handleDisconnectExchange = (0, import_react18.useCallback)(
+  const handleDisconnectExchange = (0, import_react16.useCallback)(
     (venue) => __async(null, null, function* () {
       if (exchanges !== void 0) {
         onDisconnectExchangeProp == null ? void 0 : onDisconnectExchangeProp(venue);
@@ -8026,7 +8037,7 @@ ProfileModal.displayName = "ProfileModal";
 
 // src/geo-block-modal/index.tsx
 var import_hooks38 = require("@agg-build/hooks");
-var import_react19 = require("react");
+var import_react17 = require("react");
 var import_jsx_runtime118 = require("react/jsx-runtime");
 var GeoBlockModal = ({
   open,
@@ -8035,7 +8046,7 @@ var GeoBlockModal = ({
   classNames
 }) => {
   const labels = (0, import_hooks38.useLabels)();
-  const handleConfirm = (0, import_react19.useCallback)(() => {
+  const handleConfirm = (0, import_react17.useCallback)(() => {
     onConfirm == null ? void 0 : onConfirm();
     onOpenChange(false);
   }, [onConfirm, onOpenChange]);