@agg-build/ui 1.0.2 → 1.2.0

package/dist/trading.js

@@ -98,7 +98,7 @@ __export(trading_exports, {
   getTradingVenueLabel: () => getTradingVenueLabel,
   parseAmount: () => parseAmount,
   parseVenue: () => parseVenue,
-  useEventTradingContext: () => import_hooks29.useEventTradingContext
+  useEventTradingContext: () => import_hooks30.useEventTradingContext
 });
 module.exports = __toCommonJS(trading_exports);
 
@@ -122,13 +122,16 @@ var getMotionClassName = (enabled, ...values) => {
   if (!enabled) return void 0;
   return cn(...values);
 };
-var formatUsd = (value) => {
+var formatUsd = (value, options) => {
+  var _a, _b;
   if (!Number.isFinite(value)) return "$0";
+  const minimumFractionDigits = (_a = options == null ? void 0 : options.minimumFractionDigits) != null ? _a : Number.isInteger(value) ? 0 : 1;
+  const maximumFractionDigits = (_b = options == null ? void 0 : options.maximumFractionDigits) != null ? _b : 2;
   return value.toLocaleString("en-US", {
     style: "currency",
     currency: "USD",
-    minimumFractionDigits: Number.isInteger(value) ? 0 : 1,
-    maximumFractionDigits: 2
+    minimumFractionDigits,
+    maximumFractionDigits
   });
 };
 
@@ -1165,10 +1168,10 @@ var SettlementDetails = ({ className }) => {
 SettlementDetails.displayName = "SettlementDetails";
 
 // src/trading/place-order/index.tsx
-var import_hooks28 = require("@agg-build/hooks");
-var import_react7 = __toESM(require("@number-flow/react"));
+var import_hooks29 = require("@agg-build/hooks");
+var import_react8 = __toESM(require("@number-flow/react"));
 var Dialog2 = __toESM(require("@radix-ui/react-dialog"));
-var import_react8 = require("react");
+var import_react9 = require("react");
 
 // src/events/market-details/market-details.utils.ts
 var import_sdk13 = require("@agg-build/sdk");
@@ -2851,8 +2854,41 @@ var GoogleIcon = (_a) => {
 };
 GoogleIcon.displayName = "GoogleIcon";
 
-// src/primitives/icon/svg/image.tsx
+// src/primitives/icon/svg/hourglass-start.tsx
 var import_jsx_runtime57 = require("react/jsx-runtime");
+var HourglassStartIcon = (_a) => {
+  var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    }, getIconA11yProps(title2)), props), {
+      children: [
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime57.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",
+            stroke: "currentColor",
+            strokeWidth: "1.4",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M6.75 4.25H9.25L8 5.25L6.75 4.25Z", fill: "currentColor" })
+      ]
+    })
+  );
+};
+HourglassStartIcon.displayName = "HourglassStartIcon";
+
+// src/primitives/icon/svg/image.tsx
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var ImageIcon = (_a) => {
   var _b = _a, {
     title: title2,
@@ -2863,7 +2899,7 @@ var ImageIcon = (_a) => {
     "className",
     "isDarkTheme"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 40 40",
@@ -2871,9 +2907,9 @@ var ImageIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("rect", { width: "40", height: "40", fill: "currentColor" }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("rect", { width: "40", height: "40", fill: "currentColor" }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.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",
@@ -2881,7 +2917,7 @@ var ImageIcon = (_a) => {
             fillOpacity: "0.1"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime58.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",
@@ -2896,10 +2932,10 @@ var ImageIcon = (_a) => {
 ImageIcon.displayName = "ImageIcon";
 
 // src/primitives/icon/svg/info.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var InfoIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 12 12",
@@ -2907,23 +2943,23 @@ var InfoIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("g", { clipPath: "url(#info_clip)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("g", { clipPath: "url(#info_clip)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime59.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_runtime58.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime59.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_runtime58.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime59.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",
@@ -2931,7 +2967,7 @@ var InfoIcon = (_a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("clipPath", { id: "info_clip", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("rect", { width: "12", height: "12", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("clipPath", { id: "info_clip", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("rect", { width: "12", height: "12", fill: "white" }) }) })
       ]
     })
   );
@@ -2940,16 +2976,17 @@ InfoIcon.displayName = "InfoIcon";
 
 // src/primitives/icon/icon.constants.ts
 var iconSizeClasses = {
+  xs: "h-3 w-3",
   small: "h-4 w-4",
   medium: "h-6 w-6",
   large: "h-8 w-8"
 };
 
 // src/primitives/search/search-empty-icon.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var SearchEmptyIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 36 36",
@@ -2958,8 +2995,8 @@ var SearchEmptyIcon = (_a) => {
       className
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime60.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",
@@ -2973,10 +3010,10 @@ var SearchEmptyIcon = (_a) => {
 SearchEmptyIcon.displayName = "SearchEmptyIcon";
 
 // src/primitives/icon/svg/activity.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var ActivityIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 24 24",
@@ -2984,8 +3021,8 @@ var ActivityIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           "path",
           {
             d: "M2 12h4l2.5-7 4 14 3-7h8.5",
@@ -3002,10 +3039,10 @@ var ActivityIcon = (_a) => {
 ActivityIcon.displayName = "ActivityIcon";
 
 // src/primitives/icon/svg/activity-chart.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var ActivityChartIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 14 14",
@@ -3013,8 +3050,8 @@ var ActivityChartIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime62.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",
@@ -3028,10 +3065,10 @@ var ActivityChartIcon = (_a) => {
 ActivityChartIcon.displayName = "ActivityChartIcon";
 
 // src/primitives/icon/svg/check-badge.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var CheckBadgeIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -3039,15 +3076,15 @@ var CheckBadgeIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("g", { clipPath: "url(#check-badge-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("g", { clipPath: "url(#check-badge-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime63.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_runtime62.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("clipPath", { id: "check-badge-clip", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("clipPath", { id: "check-badge-clip", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -3055,10 +3092,10 @@ var CheckBadgeIcon = (_a) => {
 CheckBadgeIcon.displayName = "CheckBadgeIcon";
 
 // src/primitives/icon/svg/chevron-down-thin.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var ChevronDownThinIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -3067,8 +3104,8 @@ var ChevronDownThinIcon = (_a) => {
       className
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
           "path",
           {
             d: "M4 6L8 10L12 6",
@@ -3085,10 +3122,10 @@ var ChevronDownThinIcon = (_a) => {
 ChevronDownThinIcon.displayName = "ChevronDownThinIcon";
 
 // src/primitives/icon/svg/cross-circle.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var CrossCircleIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       width: "16",
@@ -3099,8 +3136,8 @@ var CrossCircleIcon = (_a) => {
       className
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime65.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",
@@ -3114,10 +3151,10 @@ var CrossCircleIcon = (_a) => {
 CrossCircleIcon.displayName = "CrossCircleIcon";
 
 // src/primitives/icon/svg/discord.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var DiscordIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 20 20",
@@ -3125,8 +3162,8 @@ var DiscordIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime66.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",
@@ -3140,10 +3177,10 @@ var DiscordIcon = (_a) => {
 DiscordIcon.displayName = "DiscordIcon";
 
 // src/primitives/icon/svg/email.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var EmailIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 20 20",
@@ -3151,8 +3188,8 @@ var EmailIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime67.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",
@@ -3162,7 +3199,7 @@ var EmailIcon = (_a) => {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
           "path",
           {
             d: "M18.3333 5L10 10.8333L1.66667 5",
@@ -3179,10 +3216,10 @@ var EmailIcon = (_a) => {
 EmailIcon.displayName = "EmailIcon";
 
 // src/primitives/icon/svg/internet-security.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var InternetSecurityIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 60 60",
@@ -3190,15 +3227,15 @@ var InternetSecurityIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("g", { clipPath: "url(#internet-security-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("g", { clipPath: "url(#internet-security-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime68.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_runtime67.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("clipPath", { id: "internet-security-clip", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("rect", { width: "60", height: "60", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("clipPath", { id: "internet-security-clip", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("rect", { width: "60", height: "60", fill: "white" }) }) })
       ]
     })
   );
@@ -3206,10 +3243,10 @@ var InternetSecurityIcon = (_a) => {
 InternetSecurityIcon.displayName = "InternetSecurityIcon";
 
 // src/primitives/icon/svg/link-accounts.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 var LinkAccountsIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       width: "28",
@@ -3220,26 +3257,60 @@ var LinkAccountsIcon = (_a) => {
       className
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("g", { clipPath: "url(#clip0_link_accounts)", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("g", { clipPath: "url(#clip0_link_accounts)", children: /* @__PURE__ */ (0, import_jsx_runtime69.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_runtime68.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("clipPath", { id: "clip0_link_accounts", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("clipPath", { id: "clip0_link_accounts", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
       ]
     })
   );
 };
 LinkAccountsIcon.displayName = "LinkAccountsIcon";
 
+// src/primitives/icon/svg/lock.tsx
+var import_jsx_runtime70 = require("react/jsx-runtime");
+var LockIcon = (_a) => {
+  var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 12 12",
+      className,
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, getIconA11yProps(title2)), props), {
+      children: [
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime70.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_runtime70.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",
+            fill: "currentColor"
+          }
+        )
+      ]
+    })
+  );
+};
+LockIcon.displayName = "LockIcon";
+
 // src/primitives/icon/svg/pencil.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 var PencilIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -3247,15 +3318,15 @@ var PencilIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("g", { clipPath: "url(#pencil_clip)", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("g", { clipPath: "url(#pencil_clip)", children: /* @__PURE__ */ (0, import_jsx_runtime71.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_runtime69.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("clipPath", { id: "pencil_clip", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("clipPath", { id: "pencil_clip", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -3263,10 +3334,10 @@ var PencilIcon = (_a) => {
 PencilIcon.displayName = "PencilIcon";
 
 // src/primitives/icon/svg/play-square.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 var PlaySquareIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -3274,15 +3345,15 @@ var PlaySquareIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("g", { clipPath: "url(#play-square-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("g", { clipPath: "url(#play-square-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime72.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_runtime70.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("clipPath", { id: "play-square-clip", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("clipPath", { id: "play-square-clip", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -3290,10 +3361,10 @@ var PlaySquareIcon = (_a) => {
 PlaySquareIcon.displayName = "PlaySquareIcon";
 
 // src/primitives/icon/svg/polygon.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var PolygonIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 24 24",
@@ -3301,9 +3372,9 @@ var PolygonIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("rect", { width: "24", height: "24", rx: "8", fill: "#8247E5" }),
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("rect", { width: "24", height: "24", rx: "8", fill: "#8247E5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime73.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",
@@ -3317,10 +3388,10 @@ var PolygonIcon = (_a) => {
 PolygonIcon.displayName = "PolygonIcon";
 
 // src/primitives/icon/svg/quotes-warning.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var QuotesWarningIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
@@ -3331,8 +3402,8 @@ var QuotesWarningIcon = (_a) => {
       className
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime74.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",
@@ -3346,10 +3417,10 @@ var QuotesWarningIcon = (_a) => {
 QuotesWarningIcon.displayName = "QuotesWarningIcon";
 
 // src/primitives/icon/svg/profile-about-tab.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 var ProfileAboutTabIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -3357,16 +3428,16 @@ var ProfileAboutTabIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("g", { clipPath: "url(#clip_profile_about_tab)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("g", { clipPath: "url(#clip_profile_about_tab)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime75.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_runtime73.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime75.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",
@@ -3374,7 +3445,7 @@ var ProfileAboutTabIcon = (_a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("clipPath", { id: "clip_profile_about_tab", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("clipPath", { id: "clip_profile_about_tab", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -3382,7 +3453,7 @@ var ProfileAboutTabIcon = (_a) => {
 ProfileAboutTabIcon.displayName = "ProfileAboutTabIcon";
 
 // src/primitives/icon/svg/profile-accounts-wallets-tab.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 var ProfileAccountsWalletsTabIcon = (_a) => {
   var _b = _a, {
     title: title2,
@@ -3391,7 +3462,7 @@ var ProfileAccountsWalletsTabIcon = (_a) => {
     "title",
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -3399,15 +3470,15 @@ var ProfileAccountsWalletsTabIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("g", { clipPath: "url(#clip_profile_accounts_wallets_tab)", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("g", { clipPath: "url(#clip_profile_accounts_wallets_tab)", children: /* @__PURE__ */ (0, import_jsx_runtime76.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_runtime74.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("clipPath", { id: "clip_profile_accounts_wallets_tab", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("clipPath", { id: "clip_profile_accounts_wallets_tab", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -3415,10 +3486,10 @@ var ProfileAccountsWalletsTabIcon = (_a) => {
 ProfileAccountsWalletsTabIcon.displayName = "ProfileAccountsWalletsTabIcon";
 
 // src/primitives/icon/svg/profile.tsx
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 var ProfileIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -3426,16 +3497,16 @@ var ProfileIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("g", { clipPath: "url(#profile-clip)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("g", { clipPath: "url(#profile-clip)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime77.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_runtime75.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.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",
@@ -3443,7 +3514,7 @@ var ProfileIcon = (_a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("clipPath", { id: "profile-clip", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("clipPath", { id: "profile-clip", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -3451,10 +3522,10 @@ var ProfileIcon = (_a) => {
 ProfileIcon.displayName = "ProfileIcon";
 
 // src/primitives/icon/svg/recenter.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var RecenterIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -3462,15 +3533,15 @@ var RecenterIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("g", { clipPath: "url(#recenter-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("g", { clipPath: "url(#recenter-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime78.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_runtime76.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("clipPath", { id: "recenter-clip", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("clipPath", { id: "recenter-clip", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -3478,10 +3549,10 @@ var RecenterIcon = (_a) => {
 RecenterIcon.displayName = "RecenterIcon";
 
 // src/primitives/icon/svg/revenue-alt.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var RevenueAltIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 20 20",
@@ -3489,8 +3560,8 @@ var RevenueAltIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
           "path",
           {
             d: "M3 14V6M3 6L1.5 7.5M3 6L4.5 7.5M17 6V14M17 14L15.5 12.5M17 14L18.5 12.5",
@@ -3500,7 +3571,7 @@ var RevenueAltIcon = (_a) => {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime79.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",
@@ -3517,10 +3588,10 @@ var RevenueAltIcon = (_a) => {
 RevenueAltIcon.displayName = "RevenueAltIcon";
 
 // src/primitives/icon/svg/search.tsx
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var SearchIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -3529,8 +3600,8 @@ var SearchIcon = (_a) => {
       className
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime80.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",
@@ -3540,7 +3611,7 @@ var SearchIcon = (_a) => {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
           "path",
           {
             d: "M13.6668 13.6666L11.1667 11.1666",
@@ -3557,34 +3628,24 @@ var SearchIcon = (_a) => {
 SearchIcon.displayName = "SearchIcon";
 
 // src/primitives/icon/svg/shield-trust.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 var ShieldTrustIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 16 16",
+      viewBox: "0 0 14 14",
       className,
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
           "path",
           {
-            d: "M8 1.25L13.5 3.25V7.08C13.5 10.09 11.62 12.74 8 14.75C4.38 12.74 2.5 10.09 2.5 7.08V3.25L8 1.25Z",
+            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",
             fill: "currentColor"
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
-          "path",
-          {
-            d: "M5.5 8.2L7.2 9.9L10.8 6.3",
-            stroke: "white",
-            strokeWidth: "1.4",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
         )
       ]
     })
@@ -3593,10 +3654,10 @@ var ShieldTrustIcon = (_a) => {
 ShieldTrustIcon.displayName = "ShieldTrustIcon";
 
 // src/primitives/icon/svg/solana.tsx
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var SolanaIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 24 24",
@@ -3604,31 +3665,31 @@ var SolanaIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("rect", { width: "24", height: "24", fill: "black" }),
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("rect", { width: "24", height: "24", fill: "black" }),
+        /* @__PURE__ */ (0, import_jsx_runtime82.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_runtime80.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime82.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_runtime80.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime82.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_runtime80.jsxs)("defs", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("defs", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
             "linearGradient",
             {
               id: "paint0_linear_1471_9988",
@@ -3638,12 +3699,12 @@ var SolanaIcon = (_a) => {
               y2: "22.2975",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("stop", { stopColor: "#00FFA3" }),
-                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("stop", { offset: "1", stopColor: "#DC1FFF" })
+                /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("stop", { stopColor: "#00FFA3" }),
+                /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("stop", { offset: "1", stopColor: "#DC1FFF" })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
             "linearGradient",
             {
               id: "paint1_linear_1471_9988",
@@ -3653,12 +3714,12 @@ var SolanaIcon = (_a) => {
               y2: "20.028",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("stop", { stopColor: "#00FFA3" }),
-                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("stop", { offset: "1", stopColor: "#DC1FFF" })
+                /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("stop", { stopColor: "#00FFA3" }),
+                /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("stop", { offset: "1", stopColor: "#DC1FFF" })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
             "linearGradient",
             {
               id: "paint2_linear_1471_9988",
@@ -3668,8 +3729,8 @@ var SolanaIcon = (_a) => {
               y2: "21.1555",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("stop", { stopColor: "#00FFA3" }),
-                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("stop", { offset: "1", stopColor: "#DC1FFF" })
+                /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("stop", { stopColor: "#00FFA3" }),
+                /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("stop", { offset: "1", stopColor: "#DC1FFF" })
               ]
             }
           )
@@ -3681,10 +3742,10 @@ var SolanaIcon = (_a) => {
 SolanaIcon.displayName = "SolanaIcon";
 
 // src/primitives/icon/svg/sparkles-filled.tsx
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var SparklesFilledIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
@@ -3695,15 +3756,15 @@ var SparklesFilledIcon = (_a) => {
       className
     }, getIconA11yProps(title2)), props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("g", { clipPath: "url(#clip0_2028_8371)", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("g", { clipPath: "url(#clip0_2028_8371)", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
           "path",
           {
             d: "M13.0001 15.9999C12.8668 16 12.7366 15.9602 12.6262 15.8856C12.5158 15.8109 12.4303 15.705 12.3807 15.5813L11.8181 14.1726L10.4074 13.5786C10.2864 13.5252 10.1839 13.4372 10.1127 13.3256C10.0416 13.2141 10.0049 13.0841 10.0074 12.9518C10.0099 12.8196 10.0514 12.691 10.1267 12.5823C10.202 12.4735 10.3078 12.3894 10.4307 12.3406L11.8227 11.8133L12.3807 10.4186C12.4321 10.2967 12.5182 10.1927 12.6284 10.1195C12.7385 10.0464 12.8678 10.0074 13.0001 10.0074C13.1323 10.0074 13.2616 10.0464 13.3718 10.1195C13.482 10.1927 13.5681 10.2967 13.6194 10.4186L14.1801 11.8186L15.5801 12.3793C15.7022 12.4303 15.8065 12.5164 15.8799 12.6266C15.9532 12.7368 15.9923 12.8662 15.9923 12.9986C15.9923 13.131 15.9532 13.2604 15.8799 13.3706C15.8065 13.4808 15.7022 13.5668 15.5801 13.6179L14.1801 14.1786L13.6194 15.5786C13.5703 15.7028 13.4849 15.8093 13.3745 15.8845C13.2641 15.9596 13.1336 15.9998 13.0001 15.9999ZM6.66674 13.9999C6.37872 14.0034 6.09733 13.9135 5.86467 13.7437C5.63201 13.5739 5.46059 13.3333 5.37607 13.0579L4.30007 9.69326L0.92474 8.56393C0.652316 8.47287 0.415886 8.29758 0.249599 8.06337C0.0833117 7.82916 -0.00422421 7.54815 -0.000366007 7.26094C0.0034922 6.97372 0.0985448 6.69517 0.271063 6.46551C0.443581 6.23585 0.684635 6.06697 0.959407 5.98326L4.30807 4.9606L5.43607 1.59126C5.51994 1.31451 5.69343 1.07349 5.92924 0.906102C6.16505 0.738716 6.44981 0.654464 6.73874 0.666597C7.02681 0.666987 7.307 0.76066 7.53738 0.933596C7.76776 1.10653 7.93594 1.34943 8.01674 1.62593L9.03807 4.96926L12.3914 6.0426C12.6619 6.13332 12.897 6.30672 13.0636 6.53831C13.2302 6.7699 13.3198 7.04798 13.3198 7.33326C13.3198 7.61855 13.2302 7.89662 13.0636 8.12822C12.897 8.35981 12.6619 8.53321 12.3914 8.62393L9.03207 9.6986L7.95741 13.0579C7.87289 13.3333 7.70147 13.5739 7.46881 13.7437C7.23615 13.9135 6.95476 14.0034 6.66674 13.9999ZM13.6667 4.6666C13.5181 4.66659 13.3738 4.61693 13.2566 4.52549C13.1394 4.43406 13.0562 4.30609 13.0201 4.16193L12.7821 3.2086L11.8267 2.95193C11.6832 2.91335 11.5566 2.82788 11.4672 2.70911C11.3777 2.59033 11.3306 2.44507 11.3332 2.29641C11.3358 2.14776 11.388 2.00424 11.4815 1.88867C11.5751 1.7731 11.7046 1.69212 11.8494 1.6586L12.7827 1.44193L13.0201 0.504597C13.0562 0.360445 13.1395 0.232498 13.2566 0.141076C13.3738 0.0496542 13.5181 0 13.6667 0C13.8154 0 13.9597 0.0496542 14.0769 0.141076C14.194 0.232498 14.2773 0.360445 14.3134 0.504597L14.5494 1.44993L15.4947 1.6866C15.6389 1.72272 15.7668 1.80598 15.8583 1.92314C15.9497 2.0403 15.9993 2.18465 15.9993 2.33326C15.9993 2.48187 15.9497 2.62622 15.8583 2.74338C15.7668 2.86055 15.6389 2.9438 15.4947 2.97993L14.5494 3.2166L14.3134 4.16193C14.2773 4.30609 14.194 4.43406 14.0769 4.52549C13.9597 4.61693 13.8154 4.66659 13.6667 4.6666Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("defs", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("defs", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
             "linearGradient",
             {
               id: "paint0_linear_2028_8371",
@@ -3713,12 +3774,12 @@ var SparklesFilledIcon = (_a) => {
               y2: "7.99997",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("stop", { stopColor: "currentColor" }),
-                /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("stop", { offset: "1", stopColor: "currentColor" })
+                /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("stop", { stopColor: "currentColor" }),
+                /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("stop", { offset: "1", stopColor: "currentColor" })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("clipPath", { id: "clip0_2028_8371", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("rect", { width: "16", height: "16", fill: "white" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("clipPath", { id: "clip0_2028_8371", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("rect", { width: "16", height: "16", fill: "white" }) })
         ] })
       ]
     })
@@ -3727,10 +3788,10 @@ var SparklesFilledIcon = (_a) => {
 SparklesFilledIcon.displayName = "SparklesFilledIcon";
 
 // src/primitives/icon/svg/stay-in-control.tsx
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 var StayInControlIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       width: "28",
@@ -3741,16 +3802,16 @@ var StayInControlIcon = (_a) => {
       className
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("g", { clipPath: "url(#clip0_stay_in_control)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("g", { clipPath: "url(#clip0_stay_in_control)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
             "path",
             {
               d: "M14 27.9406C13.9102 27.9406 13.8215 27.9196 13.7387 27.8788L13.2428 27.6314C10.6832 26.3504 2.32983 21.5753 2.32983 13.8648L2.33217 7.62776C2.33217 5.36093 3.77767 3.35776 5.93017 2.64493L13.8168 0.0292617C13.9358 -0.010405 14.0653 -0.010405 14.1832 0.0292617L22.0687 2.64376C24.2212 3.35776 25.6667 5.36093 25.6667 7.6266L25.6632 13.8636C25.6632 22.6113 17.2958 26.6584 14.7315 27.6909L14.217 27.8974C14.147 27.9254 14.0723 27.9394 13.9988 27.9394L14 27.9406ZM14 1.19826L6.29767 3.7521C4.6235 4.30743 3.5 5.86493 3.5 7.62776L3.49767 13.8648C3.49767 20.9056 11.3563 25.3844 13.7655 26.5884L14.0268 26.7191L14.2975 26.6106C16.6903 25.6481 24.4977 21.8833 24.4977 13.8659L24.5012 7.62893C24.5012 5.8661 23.3765 4.3086 21.7035 3.75326L14 1.19826Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
             "path",
             {
               d: "M12.8112 17.5001C12.0633 17.5001 11.3155 17.2154 10.7462 16.6461L7.18083 13.2569C6.94749 13.0352 6.93816 12.6654 7.15983 12.4321C7.38149 12.1999 7.75016 12.1894 7.98466 12.4111L11.5605 15.8107C12.2535 16.5026 13.363 16.5037 14.0455 15.8212L20.5928 9.49791C20.8262 9.27508 21.196 9.28208 21.4177 9.51308C21.6417 9.74408 21.6358 10.1139 21.4037 10.3379L14.8622 16.6542C14.2987 17.2177 13.5543 17.5012 12.81 17.5012L12.8112 17.5001Z",
@@ -3758,7 +3819,7 @@ var StayInControlIcon = (_a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("clipPath", { id: "clip0_stay_in_control", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("clipPath", { id: "clip0_stay_in_control", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
       ]
     })
   );
@@ -3766,10 +3827,10 @@ var StayInControlIcon = (_a) => {
 StayInControlIcon.displayName = "StayInControlIcon";
 
 // src/primitives/icon/svg/success-check.tsx
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 var SuccessCheckIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       width: "24",
@@ -3780,8 +3841,8 @@ var SuccessCheckIcon = (_a) => {
       className
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
           "path",
           {
             d: "M7.74919 20.6626C7.06793 20.6629 6.41457 20.3921 5.93325 19.91L0.443061 14.4219C-0.147687 13.8309 -0.147687 12.873 0.443061 12.2821C1.034 11.6913 1.99191 11.6913 2.58284 12.2821L7.74919 17.4484L21.4172 3.78046C22.0081 3.18972 22.966 3.18972 23.5569 3.78046C24.1477 4.3714 24.1477 5.32931 23.5569 5.92024L9.56513 19.91C9.08381 20.3921 8.43045 20.6629 7.74919 20.6626Z",
@@ -3795,10 +3856,10 @@ var SuccessCheckIcon = (_a) => {
 SuccessCheckIcon.displayName = "SuccessCheckIcon";
 
 // src/primitives/icon/svg/telegram.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var TelegramIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 20 20",
@@ -3806,8 +3867,8 @@ var TelegramIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("g", { clipPath: "url(#clip0_telegram)", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("g", { clipPath: "url(#clip0_telegram)", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
           "path",
           {
             fillRule: "evenodd",
@@ -3816,7 +3877,7 @@ var TelegramIcon = (_a) => {
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("clipPath", { id: "clip0_telegram", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("rect", { width: "20", height: "20", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("clipPath", { id: "clip0_telegram", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("rect", { width: "20", height: "20", fill: "white" }) }) })
       ]
     })
   );
@@ -3824,10 +3885,10 @@ var TelegramIcon = (_a) => {
 TelegramIcon.displayName = "TelegramIcon";
 
 // src/primitives/icon/svg/triangle-down.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 var TriangleDownIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 8 8",
@@ -3835,16 +3896,16 @@ var TriangleDownIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("g", { transform: "scale(1,-1) translate(0,-8)", clipPath: "url(#triangle_up)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("g", { transform: "scale(1,-1) translate(0,-8)", clipPath: "url(#triangle_up)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
             "path",
             {
               d: "M3.99989 1.6805L6.23917 6.72896H1.76061L3.99989 1.6805ZM3.99989 0.366097C3.87788 0.36535 3.75832 0.400347 3.65596 0.466768C3.55361 0.53319 3.47295 0.628129 3.42393 0.739866L0.362237 7.63838H7.63755L4.57737 0.739866C4.52825 0.62789 4.44735 0.532789 4.3447 0.46635C4.24205 0.39991 4.12216 0.365052 3.99989 0.366097Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
             "path",
             {
               d: "M4.00167 0.00284122C4.19344 0.00214978 4.38147 0.0566837 4.54252 0.160923C4.70445 0.265758 4.83154 0.416026 4.90931 0.592539L7.9697 7.4913L8.19705 8.00195H-0.197266L3.09048 0.593427C3.16804 0.41669 3.29625 0.26688 3.45815 0.161811C3.61872 0.0576301 3.80589 0.00261591 3.99723 0.00284122H3.99989L4.00256 0.00195312L4.00167 0.00284122ZM3.99989 0.366097C3.87788 0.36535 3.75832 0.400347 3.65596 0.466768L3.58337 0.521491C3.51516 0.581467 3.46071 0.656022 3.42393 0.739866L0.362237 7.63838H7.63755L4.57737 0.739866C4.54053 0.655873 4.48567 0.581521 4.4173 0.521491L4.3447 0.46635C4.24205 0.39991 4.12216 0.365052 3.99989 0.366097ZM6.23917 6.72896H1.76061L3.99989 1.6805L6.23917 6.72896ZM2.31961 6.36519H5.68018L3.99989 2.57655L2.31961 6.36519Z",
@@ -3852,7 +3913,7 @@ var TriangleDownIcon = (_a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("clipPath", { id: "triangle_up", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("rect", { width: "8", height: "8", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("clipPath", { id: "triangle_up", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("rect", { width: "8", height: "8", fill: "white" }) }) })
       ]
     })
   );
@@ -3860,10 +3921,10 @@ var TriangleDownIcon = (_a) => {
 TriangleDownIcon.displayName = "TriangleDownIcon";
 
 // src/primitives/icon/svg/triangle-up.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 var TriangleUpIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 8 8",
@@ -3871,16 +3932,16 @@ var TriangleUpIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("g", { clipPath: "url(#triangle_up)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("g", { clipPath: "url(#triangle_up)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
             "path",
             {
               d: "M3.99989 1.6805L6.23917 6.72896H1.76061L3.99989 1.6805ZM3.99989 0.366097C3.87788 0.36535 3.75832 0.400347 3.65596 0.466768C3.55361 0.53319 3.47295 0.628129 3.42393 0.739866L0.362237 7.63838H7.63755L4.57737 0.739866C4.52825 0.62789 4.44735 0.532789 4.3447 0.46635C4.24205 0.39991 4.12216 0.365052 3.99989 0.366097Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
             "path",
             {
               d: "M4.00167 0.00284122C4.19344 0.00214978 4.38147 0.0566837 4.54252 0.160923C4.70445 0.265758 4.83154 0.416026 4.90931 0.592539L7.9697 7.4913L8.19705 8.00195H-0.197266L3.09048 0.593427C3.16804 0.41669 3.29625 0.26688 3.45815 0.161811C3.61872 0.0576301 3.80589 0.00261591 3.99723 0.00284122H3.99989L4.00256 0.00195312L4.00167 0.00284122ZM3.99989 0.366097C3.87788 0.36535 3.75832 0.400347 3.65596 0.466768L3.58337 0.521491C3.51516 0.581467 3.46071 0.656022 3.42393 0.739866L0.362237 7.63838H7.63755L4.57737 0.739866C4.54053 0.655873 4.48567 0.581521 4.4173 0.521491L4.3447 0.46635C4.24205 0.39991 4.12216 0.365052 3.99989 0.366097ZM6.23917 6.72896H1.76061L3.99989 1.6805L6.23917 6.72896ZM2.31961 6.36519H5.68018L3.99989 2.57655L2.31961 6.36519Z",
@@ -3888,7 +3949,7 @@ var TriangleUpIcon = (_a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("clipPath", { id: "triangle_up", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("rect", { width: "8", height: "8", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("clipPath", { id: "triangle_up", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("rect", { width: "8", height: "8", fill: "white" }) }) })
       ]
     })
   );
@@ -3896,10 +3957,10 @@ var TriangleUpIcon = (_a) => {
 TriangleUpIcon.displayName = "TriangleUpIcon";
 
 // src/primitives/icon/svg/triangle-up-filled.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 var TriangleUpFilledIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 8 8",
@@ -3907,8 +3968,8 @@ var TriangleUpFilledIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
           "path",
           {
             d: "M6.67873 8.00001H1.3214C1.09613 8.00053 0.874481 7.94332 0.677605 7.83384C0.480728 7.72435 0.315192 7.56625 0.196788 7.3746C0.0783848 7.18296 0.0110649 6.96417 0.00125164 6.73911C-0.0085616 6.51405 0.0394592 6.29023 0.140732 6.08901L2.81973 0.729677C2.92186 0.523193 3.0766 0.347273 3.26837 0.219641C3.46014 0.0920097 3.68216 0.0171748 3.91207 0.00267686C4.17147 -0.013831 4.43 0.0462826 4.6555 0.175542C4.88101 0.3048 5.06354 0.497501 5.1804 0.729677L7.8594 6.08901C7.96008 6.2903 8.00764 6.51398 7.99756 6.73881C7.98748 6.96365 7.92009 7.18218 7.8018 7.37365C7.68351 7.56512 7.51823 7.72317 7.32167 7.83279C7.12511 7.94242 6.90379 7.99998 6.67873 8.00001Z",
@@ -3922,10 +3983,10 @@ var TriangleUpFilledIcon = (_a) => {
 TriangleUpFilledIcon.displayName = "TriangleUpFilledIcon";
 
 // src/primitives/icon/svg/twitter.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 var TwitterIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 24 24",
@@ -3933,8 +3994,8 @@ var TwitterIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
           "path",
           {
             d: "M18.325 2H21.7002L14.3283 10.4233L23 21.8871H16.2121L10.8918 14.936L4.81058 21.8871H1.42992L9.31325 12.8753L1 2H7.96025L12.7645 8.35342L18.325 2ZM17.1398 19.8695H19.0088L6.94183 3.91217H4.93433L17.1398 19.8695Z",
@@ -3948,10 +4009,10 @@ var TwitterIcon = (_a) => {
 TwitterIcon.displayName = "TwitterIcon";
 
 // src/primitives/icon/svg/upload.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 var UploadIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -3959,16 +4020,16 @@ var UploadIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("g", { clipPath: "url(#upload-clip)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("g", { clipPath: "url(#upload-clip)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
             "path",
             {
               d: "M7.33755 1.71857L7.33288 12.0106C7.33288 12.1874 7.40312 12.357 7.52814 12.482C7.65317 12.607 7.82274 12.6772 7.99955 12.6772C8.17636 12.6772 8.34593 12.607 8.47095 12.482C8.59598 12.357 8.66621 12.1874 8.66621 12.0106L8.67088 1.7299L10.6122 3.6719C10.7372 3.79688 10.9068 3.86709 11.0835 3.86709C11.2603 3.86709 11.4299 3.79688 11.5549 3.6719C11.6799 3.54689 11.7501 3.37735 11.7501 3.20057C11.7501 3.02379 11.6799 2.85426 11.5549 2.72924L9.41421 0.585904C9.22848 0.400051 9.00795 0.252617 8.76521 0.152028C8.52248 0.0514383 8.2623 -0.000335693 7.99955 -0.000335693C7.7368 -0.000335693 7.47662 0.0514383 7.23388 0.152028C6.99115 0.252617 6.77061 0.400051 6.58488 0.585904L4.44421 2.72724C4.31923 2.85226 4.24902 3.02179 4.24902 3.19857C4.24902 3.37535 4.31923 3.54489 4.44421 3.6699C4.56923 3.79488 4.73877 3.86509 4.91555 3.86509C5.09232 3.86509 5.26186 3.79488 5.38688 3.6699L7.33755 1.71857Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
             "path",
             {
               d: "M14.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.6667C15.1565 10.6667 14.987 10.7369 14.8619 10.8619C14.7369 10.9869 14.6667 11.1565 14.6667 11.3333Z",
@@ -3976,7 +4037,7 @@ var UploadIcon = (_a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("clipPath", { id: "upload-clip", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("clipPath", { id: "upload-clip", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -3984,10 +4045,10 @@ var UploadIcon = (_a) => {
 UploadIcon.displayName = "UploadIcon";
 
 // src/primitives/icon/svg/user-trust.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 var UserTrustIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
@@ -3996,15 +4057,15 @@ var UserTrustIcon = (_a) => {
       className
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("g", { clipPath: "url(#clip0_user_trust)", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("g", { clipPath: "url(#clip0_user_trust)", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
           "path",
           {
             d: "M22.5 30C14.2275 30 7.5 23.2725 7.5 15C7.5 6.7275 14.2275 0 22.5 0C30.7725 0 37.5 6.7275 37.5 15C37.5 23.2725 30.7725 30 22.5 30ZM22.5 2.5C15.6075 2.5 10 8.1075 10 15C10 21.8925 15.6075 27.5 22.5 27.5C29.3925 27.5 35 21.8925 35 15C35 8.1075 29.3925 2.5 22.5 2.5ZM2.5 58.75V57.5C2.5 46.9175 10.7675 38.1475 21.3225 37.535C22.0125 37.495 22.5375 36.905 22.4975 36.215C22.4575 35.5275 21.87 34.96 21.1775 35.04C9.3025 35.7275 0 45.5925 0 57.5V58.75C0 59.44 0.56 60 1.25 60C1.94 60 2.5 59.44 2.5 58.75ZM43.75 60C34.79 60 27.5 52.71 27.5 43.75C27.5 34.79 34.79 27.5 43.75 27.5C52.71 27.5 60 34.79 60 43.75C60 52.71 52.71 60 43.75 60ZM43.75 30C36.1675 30 30 36.17 30 43.75C30 51.33 36.1675 57.5 43.75 57.5C51.3325 57.5 57.5 51.33 57.5 43.75C57.5 36.17 51.3325 30 43.75 30ZM45.3375 48.66L52.095 42.125C52.59 41.645 52.605 40.8525 52.125 40.3575C51.6475 39.8625 50.8575 39.85 50.3575 40.3275L43.5925 46.8725C42.7525 47.7 41.38 47.705 40.535 46.8825L37.1275 43.52C36.6375 43.035 35.845 43.04 35.36 43.53C34.875 44.0225 34.88 44.815 35.3725 45.2975L38.7825 48.665C39.6875 49.55 40.875 49.9925 42.0625 49.9925C43.25 49.9925 44.4375 49.5475 45.3375 48.66Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("clipPath", { id: "clip0_user_trust", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("rect", { width: "60", height: "60", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("clipPath", { id: "clip0_user_trust", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("rect", { width: "60", height: "60", fill: "white" }) }) })
       ]
     })
   );
@@ -4012,10 +4073,10 @@ var UserTrustIcon = (_a) => {
 UserTrustIcon.displayName = "UserTrustIcon";
 
 // src/primitives/icon/svg/usdc.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 var UsdcIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 32 32",
@@ -4023,16 +4084,16 @@ var UsdcIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("circle", { cx: "16", cy: "16", r: "16", fill: "#2775CA" }),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("circle", { cx: "16", cy: "16", r: "16", fill: "#2775CA" }),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
           "path",
           {
             d: "M20.4 18.6c0-2.2-1.3-3-3.9-3.3-1.9-.3-2.3-.8-2.3-1.7s.7-1.5 2.1-1.5c1.2 0 1.9.4 2.2 1.4.1.2.2.3.4.3h1c.2 0 .4-.2.4-.4-.2-1.3-1.1-2.4-2.6-2.7v-1.5c0-.2-.2-.4-.5-.4h-.9c-.2 0-.4.2-.5.4v1.5c-1.7.3-2.8 1.4-2.8 2.9 0 2.1 1.3 2.8 3.9 3.2 1.7.3 2.3.8 2.3 1.8s-.9 1.7-2.2 1.7c-1.7 0-2.3-.7-2.5-1.6-.1-.2-.2-.3-.4-.3h-1c-.2 0-.4.2-.4.4.3 1.6 1.3 2.6 3.1 2.9v1.5c0 .2.2.4.5.4h.9c.2 0 .4-.2.5-.4v-1.5c1.7-.3 2.8-1.5 2.8-3.1z",
             fill: "#fff"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
           "path",
           {
             d: "M13.1 25.2c-4.6-1.6-7-6.7-5.3-11.3 1-2.7 3.1-4.5 5.7-5.3.2-.1.4-.3.4-.5v-.9c0-.2-.2-.4-.4-.4h-.1c-5.3 1.6-8.3 7.3-6.7 12.6 1 3.3 3.5 5.8 6.8 6.8.2.1.5-.1.5-.3v-.9c-.1-.3-.2-.5-.5-.6l-.4-.2zM19.3 6.8c-.2-.1-.5.1-.5.3v.9c0 .2.2.5.4.6 4.6 1.6 7 6.7 5.3 11.3-1 2.7-3.1 4.5-5.7 5.3-.2.1-.4.3-.4.5v.9c0 .2.2.4.4.4h.1c5.3-1.6 8.3-7.3 6.7-12.6-1-3.3-3.5-5.8-6.8-6.8l.5.2z",
@@ -4046,10 +4107,10 @@ var UsdcIcon = (_a) => {
 UsdcIcon.displayName = "UsdcIcon";
 
 // src/primitives/icon/svg/wallet.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 var WalletIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 24 24",
@@ -4057,8 +4118,8 @@ var WalletIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
           "path",
           {
             d: "M21.5 6H4.5C3.354 6 2.279 5.433 1.628 4.501C2.262 3.594 3.313 3 4.5 3H23.5C23.776 3 24 2.776 24 2.5C24 2.224 23.776 2 23.5 2H4.5C2.015 2 0 4.015 0 6.5V17.5C0 19.985 2.015 22 4.5 22H21.5C22.881 22 24 20.881 24 19.5V8.5C24 7.119 22.881 6 21.5 6ZM23 19.5C23 20.327 22.327 21 21.5 21H4.5C2.57 21 1 19.43 1 17.5V6.5C1 6.152 1.051 5.816 1.146 5.499C1.992 6.441 3.21 7 4.5 7H21.5C22.327 7 23 7.673 23 8.5V19.5ZM21 14C21 14.552 20.552 15 20 15C19.448 15 19 14.552 19 14C19 13.448 19.448 13 20 13C20.552 13 21 13.448 21 14Z",
@@ -4072,10 +4133,10 @@ var WalletIcon = (_a) => {
 WalletIcon.displayName = "WalletIcon";
 
 // src/primitives/icon/svg/wallet-avatar.tsx
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 function WalletAvatarIcon(_a) {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       fill: "none",
@@ -4083,9 +4144,9 @@ function WalletAvatarIcon(_a) {
       viewBox: "0 0 16 16"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("circle", { cx: "8", cy: "5.25", r: "2.25", fill: "currentColor" }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("path", { d: "M3.75 12.75a4.25 4.25 0 0 1 8.5 0v.25h-8.5v-.25Z", fill: "currentColor" })
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("circle", { cx: "8", cy: "5.25", r: "2.25", fill: "currentColor" }),
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("path", { d: "M3.75 12.75a4.25 4.25 0 0 1 8.5 0v.25h-8.5v-.25Z", fill: "currentColor" })
       ]
     })
   );
@@ -4093,10 +4154,10 @@ function WalletAvatarIcon(_a) {
 WalletAvatarIcon.displayName = "WalletAvatarIcon";
 
 // src/primitives/icon/svg/wallet-filled.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 var WalletFilledIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 14 14",
@@ -4104,8 +4165,8 @@ var WalletFilledIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
           "path",
           {
             d: "M12.25 3.50008H2.91667C2.41558 3.50008 1.94133 3.28308 1.61292 2.91733C1.93375 2.55916 2.39983 2.33341 2.91667 2.33341H13.4167C13.7392 2.33341 14 2.07208 14 1.75008C14 1.42808 13.7392 1.16675 13.4167 1.16675H2.91667C1.30608 1.16675 0 2.47283 0 4.08342V9.91675C0 11.5273 1.30608 12.8334 2.91667 12.8334H12.25C13.2166 12.8334 14 12.05 14 11.0834V5.25008C14 4.2835 13.2166 3.50008 12.25 3.50008ZM12.8333 11.0834C12.8333 11.4048 12.572 11.6667 12.25 11.6667H2.91667C1.95183 11.6667 1.16667 10.8816 1.16667 9.91675V4.08225C1.66483 4.455 2.27733 4.66675 2.91667 4.66675H12.25C12.572 4.66675 12.8333 4.92866 12.8333 5.25008V11.0834ZM11.6667 8.16675C11.6667 8.48875 11.4053 8.75008 11.0833 8.75008C10.7613 8.75008 10.5 8.48875 10.5 8.16675C10.5 7.84475 10.7613 7.58342 11.0833 7.58342C11.4053 7.58342 11.6667 7.84475 11.6667 8.16675Z",
@@ -4119,10 +4180,10 @@ var WalletFilledIcon = (_a) => {
 WalletFilledIcon.displayName = "WalletFilledIcon";
 
 // src/primitives/icon/svg/paper-plane.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var PaperPlaneIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 24 24",
@@ -4130,15 +4191,15 @@ var PaperPlaneIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("g", { clipPath: "url(#paper-plane-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("g", { clipPath: "url(#paper-plane-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
           "path",
           {
             d: "M23.149 0.854808C22.43 0.135808 21.42 -0.152192 20.441 0.0858076L4.21901 4.30981C2.13901 4.59681 0.532009 6.10881 0.125009 8.16081C-0.184991 9.72081 0.349009 11.3698 1.56401 12.5848L3.00101 13.9388V18.5008C3.00101 19.1868 3.27901 19.8088 3.72801 20.2608C3.73001 20.2628 3.73101 20.2658 3.73301 20.2688C3.73501 20.2718 3.73801 20.2718 3.74101 20.2738C4.19301 20.7228 4.81501 21.0008 5.50101 21.0008H10.075L11.456 22.4768C12.438 23.4588 13.757 23.9978 15.059 23.9978C15.525 23.9978 15.989 23.9288 16.434 23.7868C18.218 23.2178 19.478 21.7408 19.713 19.9878L23.91 3.60081C24.154 2.60181 23.87 1.57681 23.15 0.855808L23.149 0.854808ZM2.26001 11.8668C1.29301 10.8988 0.861009 9.58681 1.10501 8.35481C1.42801 6.72781 2.70401 5.52881 4.41401 5.28881L20.686 1.05681C20.83 1.02181 20.976 1.00481 21.12 1.00481C21.441 1.00481 21.753 1.09781 22.035 1.25981L4.15001 19.1438C4.05601 18.9478 4.00001 18.7318 4.00001 18.5008V13.7228C4.00001 13.5848 3.94301 13.4528 3.84301 13.3588L2.26001 11.8668ZM22.939 3.35781L18.731 19.7958C18.538 21.2188 17.541 22.3828 16.128 22.8328C14.789 23.2588 13.232 22.8408 12.172 21.7808L10.654 20.1588C10.559 20.0578 10.427 20.0008 10.289 20.0008H5.50001C5.26901 20.0008 5.05301 19.9438 4.85701 19.8508L22.746 1.96181C22.984 2.37781 23.058 2.87381 22.939 3.35781Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("clipPath", { id: "paper-plane-clip", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("rect", { width: "24", height: "24", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("clipPath", { id: "paper-plane-clip", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("rect", { width: "24", height: "24", fill: "white" }) }) })
       ]
     })
   );
@@ -4146,10 +4207,10 @@ var PaperPlaneIcon = (_a) => {
 PaperPlaneIcon.displayName = "PaperPlaneIcon";
 
 // src/primitives/icon/svg/warning.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 var WarningIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       width: "14",
@@ -4160,8 +4221,8 @@ var WarningIcon = (_a) => {
       className
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
           "path",
           {
             d: "M6.41665 8.1665V4.6665C6.41665 4.34567 6.67915 4.08317 6.99998 4.08317C7.32082 4.08317 7.58332 4.34567 7.58332 4.6665V8.1665C7.58332 8.48734 7.32082 8.74984 6.99998 8.74984C6.67915 8.74984 6.41665 8.48734 6.41665 8.1665ZM6.99998 9.33317C6.51582 9.33317 6.12498 9.724 6.12498 10.2082C6.12498 10.6923 6.51582 11.0832 6.99998 11.0832C7.48415 11.0832 7.87498 10.6923 7.87498 10.2082C7.87498 9.724 7.48415 9.33317 6.99998 9.33317ZM13.755 12.1798C13.3467 12.9673 12.4892 13.4165 11.4158 13.4165H2.58998C1.51082 13.4165 0.659151 12.9673 0.250818 12.1798C-0.163348 11.3865 -0.0466818 10.3715 0.542485 9.51984L5.23248 2.09984C5.64665 1.50484 6.29998 1.1665 6.99998 1.1665C7.69999 1.1665 8.35332 1.50484 8.74998 2.08234L13.4633 9.5315C14.0525 10.3832 14.1633 11.3923 13.7492 12.1798H13.755ZM12.5008 10.1848C12.5008 10.1848 12.4892 10.1732 12.4892 10.1615L7.78165 2.724C7.61248 2.48484 7.32082 2.33317 6.99998 2.33317C6.67915 2.33317 6.38749 2.48484 6.20665 2.74734L1.51082 10.1615C1.14915 10.6748 1.06748 11.2348 1.27748 11.6373C1.48165 12.034 1.94832 12.2498 2.58415 12.2498H11.4042C12.04 12.2498 12.5067 12.034 12.7108 11.6373C12.9208 11.2348 12.8392 10.6748 12.495 10.1848H12.5008Z",
@@ -4175,10 +4236,10 @@ var WarningIcon = (_a) => {
 WarningIcon.displayName = "WarningIcon";
 
 // src/primitives/icon/svg/warning-filled.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var WarningFilledIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -4186,8 +4247,8 @@ var WarningFilledIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
           "path",
           {
             d: "M15.3869 10.22L10.0002 1.71332C9.5469 1.05999 8.79356 0.666656 8.00023 0.666656C7.20689 0.666656 6.45356 1.05332 5.98023 1.73332L0.620227 10.2067C-0.0597729 11.18 -0.18644 12.3467 0.286894 13.2467C0.75356 14.1467 1.73356 14.66 2.96023 14.66H13.0402C14.2736 14.66 15.2469 14.1467 15.7136 13.2467C16.1802 12.3467 16.0536 11.1867 15.3869 10.22ZM7.33356 4.66666C7.33356 4.29999 7.63356 3.99999 8.00023 3.99999C8.36689 3.99999 8.66689 4.29999 8.66689 4.66666V8.66666C8.66689 9.03332 8.36689 9.33332 8.00023 9.33332C7.63356 9.33332 7.33356 9.03332 7.33356 8.66666V4.66666ZM8.00023 12.6667C7.44689 12.6667 7.00023 12.22 7.00023 11.6667C7.00023 11.1133 7.44689 10.6667 8.00023 10.6667C8.55356 10.6667 9.00023 11.1133 9.00023 11.6667C9.00023 12.22 8.55356 12.6667 8.00023 12.6667Z",
@@ -4241,10 +4302,12 @@ var iconRegistry = {
   ethereum: EthereumIcon,
   "external-link": ExternalLinkIcon,
   google: GoogleIcon,
+  "hourglass-start": HourglassStartIcon,
   image: ImageIcon,
   info: InfoIcon,
   "internet-security": InternetSecurityIcon,
   "link-accounts": LinkAccountsIcon,
+  lock: LockIcon,
   pencil: PencilIcon,
   "play-square": PlaySquareIcon,
   polygon: PolygonIcon,
@@ -4287,7 +4350,7 @@ var resolveIconStyle = (color, style) => {
 };
 
 // src/primitives/icon/index.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 var Icon = (_a) => {
   var _b = _a, {
     name,
@@ -4311,7 +4374,7 @@ var Icon = (_a) => {
   }
   const resolvedStyle = resolveIconStyle(color, style);
   const resolvedClassName = cn(iconSizeClasses[size], className);
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
     Component,
     __spreadValues({
       color,
@@ -4323,7 +4386,7 @@ var Icon = (_a) => {
 Icon.displayName = "Icon";
 
 // src/geo-block-banner/index.tsx
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 var GeoBlockBanner = ({
   venue,
   termsUrl = AGG_TERMS_OF_SERVICE_URL,
@@ -4331,18 +4394,18 @@ var GeoBlockBanner = ({
 }) => {
   const labels = (0, import_hooks20.useLabels)();
   const message = venue ? labels.trading.geoBlockVenueMessage(venue) : labels.trading.geoBlockGenericMessage;
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
     "div",
     {
-      className: cn("flex items-center gap-5 rounded-agg-sm bg-agg-secondary-hover p-3", className),
+      className: cn("flex items-center gap-5 rounded-agg-lg bg-agg-secondary-hover p-3", className),
       role: "status",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("p", { className: "min-w-0 flex-1 text-agg-xs leading-agg-4 text-agg-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("p", { className: "min-w-0 flex-1 text-agg-xs leading-agg-4 text-agg-foreground", children: [
           message,
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("a", { href: termsUrl, className: "underline", target: "_blank", rel: "noreferrer noopener", children: labels.trading.geoBlockTermsLink }),
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("a", { href: termsUrl, className: "underline", target: "_blank", rel: "noreferrer noopener", children: labels.trading.geoBlockTermsLink }),
           labels.trading.geoBlockMessageSuffix
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Icon, { name: "internet-security", className: "h-6 w-6 shrink-0 text-agg-muted-foreground" })
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Icon, { name: "internet-security", className: "h-6 w-6 shrink-0 text-agg-muted-foreground" })
       ]
     }
   );
@@ -4421,7 +4484,7 @@ var getButtonClassName = ({
 };
 
 // src/primitives/button/index.tsx
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 var Button = (_a) => {
   var _b = _a, {
     children,
@@ -4450,7 +4513,7 @@ var Button = (_a) => {
     features: { enableAnimations }
   } = (0, import_hooks21.useSdkUiConfig)();
   const isDisabled = resolveButtonIsDisabled({ disabled, isLoading });
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
     "button",
     __spreadProps(__spreadValues({
       type,
@@ -4459,7 +4522,7 @@ var Button = (_a) => {
       "aria-busy": isLoading,
       "aria-label": ariaLabel
     }, other), {
-      children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+      children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
         "span",
         {
           className: cn(
@@ -4470,9 +4533,9 @@ var Button = (_a) => {
           ),
           "aria-hidden": "true"
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
+      ) : /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
         prefix != null ? prefix : null,
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
           "span",
           {
             className: cn("group/span-agg-button agg-button-label", "whitespace-nowrap truncate"),
@@ -4579,7 +4642,7 @@ var sanitizeCurrencyInputPastedValue = (input, parts, decimalPlaces) => {
 };
 
 // src/primitives/currency-input/index.tsx
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 var CurrencyInput = ({
   value,
   onChange,
@@ -4707,7 +4770,7 @@ var CurrencyInput = ({
     onChange == null ? void 0 : onChange(nextValue);
     onBlur == null ? void 0 : onBlur();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     "input",
     {
       ref: inputRef,
@@ -4755,7 +4818,7 @@ var resolveRemoteImageStatusFromSrc = (src) => {
 };
 
 // src/primitives/remote-image/index.tsx
-var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_jsx_runtime104 = require("react/jsx-runtime");
 var RemoteImage = ({
   src,
   alt,
@@ -4789,7 +4852,7 @@ var RemoteImage = ({
     setStatus("error");
   };
   const sizeStyle = width !== void 0 || height !== void 0 ? { width: width != null ? width : void 0, height: height != null ? height : void 0 } : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
     "div",
     {
       className: cn(containerClasses, classNames == null ? void 0 : classNames.root, className),
@@ -4806,14 +4869,14 @@ var RemoteImage = ({
       "aria-label": ariaLabel,
       title: title2,
       children: [
-        status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(SkeletonBlock, { className: cn(skeletonClasses, classNames == null ? void 0 : classNames.placeholder) }),
-        status === "error" && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+        status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(SkeletonBlock, { className: cn(skeletonClasses, classNames == null ? void 0 : classNames.placeholder) }),
+        status === "error" && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
           "div",
           {
             className: cn(placeholderClasses, classNames == null ? void 0 : classNames.placeholder),
             "aria-hidden": true,
             "aria-errormessage": "Image failed to load",
-            children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
               Icon,
               {
                 name: "image",
@@ -4824,7 +4887,7 @@ var RemoteImage = ({
             )
           }
         ),
-        isValidRemoteImageSrc(src) && status !== "error" && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+        isValidRemoteImageSrc(src) && status !== "error" && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
           "img",
           {
             src,
@@ -4863,7 +4926,7 @@ var resolveVenueLogoIsColor = ({
 };
 
 // src/primitives/venue-logo/index.tsx
-var import_jsx_runtime103 = require("react/jsx-runtime");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 var VenueLogo = ({
   venue,
   variant = "icon",
@@ -4889,7 +4952,7 @@ var VenueLogo = ({
     console.warn(`[AggUI] Unknown venue "${venue}" \u2014 using default logo`);
   }
   if (variant === "logo") {
-    return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
       RemoteImage,
       {
         src: (_a = venueLogoUrlRegistry[venue]) != null ? _a : DEFAULT_VENUE_LOGO_URL,
@@ -4904,7 +4967,7 @@ var VenueLogo = ({
     isColor,
     isMonochromatic
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
     Component,
     {
       className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
@@ -4962,7 +5025,7 @@ var resolveInlineAlertHasAction = ({
 };
 
 // src/primitives/inline-alert/index.tsx
-var import_jsx_runtime104 = require("react/jsx-runtime");
+var import_jsx_runtime106 = require("react/jsx-runtime");
 var InlineAlert = ({
   tone = INLINE_ALERT_DEFAULT_TONE,
   variant,
@@ -4976,7 +5039,7 @@ var InlineAlert = ({
   const resolvedVariant = resolveInlineAlertVariant({ tone, variant });
   const hasAction = resolveInlineAlertHasAction({ actionLabel, onAction });
   const { ariaLive, role } = INLINE_ALERT_LIVE_REGION_CONFIG[tone];
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
     "div",
     {
       className: cn(
@@ -4988,7 +5051,7 @@ var InlineAlert = ({
       "aria-live": ariaLive,
       "aria-label": ariaLabel,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
           Icon,
           {
             name: INLINE_ALERT_TONE_ICON_NAME[tone],
@@ -4996,14 +5059,14 @@ var InlineAlert = ({
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
           "div",
           {
             className: cn(
               "min-w-0",
               resolvedVariant === "plain" && !hasAction ? "flex-none text-center" : "flex-1"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
               "div",
               {
                 className: cn(
@@ -5012,14 +5075,14 @@ var InlineAlert = ({
                   resolvedVariant === "plain" && !hasAction ? "items-center" : null
                 ),
                 children: [
-                  title2 ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: title2 }) : null,
-                  /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground wrap-break-word", children: message })
+                  title2 ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: title2 }) : null,
+                  /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground wrap-break-word", children: message })
                 ]
               }
             )
           }
         ),
-        hasAction ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        hasAction ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
           "button",
           {
             type: "button",
@@ -5057,7 +5120,7 @@ var resolveLoadingIconAriaLabel = ({
 };
 
 // src/primitives/loading-icon/index.tsx
-var import_jsx_runtime105 = require("react/jsx-runtime");
+var import_jsx_runtime107 = require("react/jsx-runtime");
 var LoadingIcon = ({
   size = LOADING_ICON_DEFAULT_SIZE,
   variant = "default",
@@ -5068,7 +5131,7 @@ var LoadingIcon = ({
   const {
     features: { enableAnimations }
   } = (0, import_hooks25.useSdkUiConfig)();
-  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
     "span",
     {
       role: "status",
@@ -5081,7 +5144,7 @@ var LoadingIcon = ({
         "inline-grid place-items-center text-agg-primary will-change-transform",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "inline-grid place-items-center", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { className: "inline-grid place-items-center", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
         "svg",
         {
           viewBox: LOADING_ICON_SVG_VIEW_BOX,
@@ -5089,8 +5152,8 @@ var LoadingIcon = ({
             "block",
             variant === "prominent" ? LOADING_ICON_PROMINENT_FRAME_CLASS : iconSizeClasses[size]
           ),
-          children: variant === "prominent" ? /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("g", { children: [
-            enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+          children: variant === "prominent" ? /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("g", { children: [
+            enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
               "animateTransform",
               {
                 attributeName: "transform",
@@ -5102,7 +5165,7 @@ var LoadingIcon = ({
                 repeatCount: "indefinite"
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
               "circle",
               {
                 cx: "22",
@@ -5116,8 +5179,8 @@ var LoadingIcon = ({
                 strokeDasharray: LOADING_ICON_PROMINENT_DASHARRAY
               }
             )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("g", { children: [
-            enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("g", { children: [
+            enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
               "animateTransform",
               {
                 attributeName: "transform",
@@ -5129,7 +5192,7 @@ var LoadingIcon = ({
                 repeatCount: "indefinite"
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
               "circle",
               {
                 cx: "22",
@@ -5141,8 +5204,8 @@ var LoadingIcon = ({
                 strokeLinecap: "round",
                 strokeDasharray: "60 100",
                 strokeDashoffset: "0",
-                children: enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_jsx_runtime105.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+                children: enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_jsx_runtime107.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
                     "animate",
                     {
                       attributeName: "stroke-dasharray",
@@ -5151,7 +5214,7 @@ var LoadingIcon = ({
                       repeatCount: "indefinite"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
                     "animate",
                     {
                       attributeName: "stroke-dashoffset",
@@ -5196,7 +5259,7 @@ var resolveModalCloseIcon = ({
 };
 
 // src/primitives/modal/index.tsx
-var import_jsx_runtime106 = require("react/jsx-runtime");
+var import_jsx_runtime108 = require("react/jsx-runtime");
 var Modal = ({
   open,
   onOpenChange,
@@ -5204,7 +5267,7 @@ var Modal = ({
   "aria-label": _ariaLabel,
   "aria-labelledby": _ariaLabelledBy
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Dialog.Root, { open, onOpenChange, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Dialog.Root, { open, onOpenChange, children });
 };
 var ModalContainer = ({
   children,
@@ -5219,8 +5282,8 @@ var ModalContainer = ({
   } = (0, import_hooks26.useSdkUiConfig)();
   const overlayAnimationClassName = resolveModalOverlayAnimationClassName(enableAnimations);
   const panelAnimationClassName = resolveModalPanelAnimationClassName(enableAnimations);
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(Dialog.Portal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(Dialog.Portal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
       Dialog.Overlay,
       {
         className: cn(
@@ -5231,7 +5294,7 @@ var ModalContainer = ({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
       Dialog.Content,
       {
         className: cn(
@@ -5257,7 +5320,7 @@ var ModalContainer = ({
             event.preventDefault();
           }
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
           "div",
           {
             className: cn(
@@ -5265,7 +5328,7 @@ var ModalContainer = ({
               "items-end md:items-center",
               "flex h-full min-h-0 w-full justify-center p-0 md:p-5"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
               "div",
               {
                 className: cn(
@@ -5307,12 +5370,12 @@ var ModalHeader = ({
     features: { enableAnimations }
   } = (0, import_hooks26.useSdkUiConfig)();
   const labels = (0, import_hooks26.useLabels)();
-  const defaultCloseIcon = /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(CloseIcon, { className: "h-6 w-6" });
+  const defaultCloseIcon = /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(CloseIcon, { className: "h-6 w-6" });
   const resolvedCloseIcon = resolveModalCloseIcon({
     closeIcon,
     defaultCloseIcon
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
     "div",
     {
       className: cn(
@@ -5325,7 +5388,7 @@ var ModalHeader = ({
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
           "div",
           {
             className: cn(
@@ -5338,8 +5401,8 @@ var ModalHeader = ({
               classNames == null ? void 0 : classNames.container
             ),
             children: [
-              leftElement ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_jsx_runtime106.Fragment, { children: leftElement }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
+              leftElement ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_jsx_runtime108.Fragment, { children: leftElement }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
                 "div",
                 {
                   className: cn(
@@ -5348,7 +5411,7 @@ var ModalHeader = ({
                     classNames == null ? void 0 : classNames.titleContainer
                   ),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
                       Dialog.Title,
                       {
                         className: cn(
@@ -5362,7 +5425,7 @@ var ModalHeader = ({
                         children: title2
                       }
                     ),
-                    subtitle ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+                    subtitle ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
                       "span",
                       {
                         className: cn(
@@ -5376,9 +5439,9 @@ var ModalHeader = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "agg-modal-header-actions flex flex-row items-center justify-end gap-6", children: [
-                rightElement ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_jsx_runtime106.Fragment, { children: rightElement }) : null,
-                !hideClose && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "agg-modal-header-actions flex flex-row items-center justify-end gap-6", children: [
+                rightElement ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_jsx_runtime108.Fragment, { children: rightElement }) : null,
+                !hideClose && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
                   Dialog.Close,
                   {
                     className: cn(
@@ -5395,14 +5458,14 @@ var ModalHeader = ({
             ]
           }
         ),
-        children ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "agg-modal-header-extra", children }) : null
+        children ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "agg-modal-header-extra", children }) : null
       ]
     }
   );
 };
 Modal.Header = ModalHeader;
 var ModalBody = ({ children, classNames }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
     "div",
     {
       className: cn(
@@ -5423,7 +5486,7 @@ var ModalFooter = ({
   classNames,
   hideBorder = false
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
     "div",
     {
       className: cn(
@@ -5506,17 +5569,136 @@ var getTypographyClassName = ({
 };
 
 // src/primitives/typography/index.tsx
-var import_jsx_runtime107 = require("react/jsx-runtime");
+var import_jsx_runtime109 = require("react/jsx-runtime");
 var Typography = ({
   as: Component = "p",
   variant = "body",
   className,
   children
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Component, { className: getTypographyClassName({ className, variant }), children });
+  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Component, { className: getTypographyClassName({ className, variant }), children });
 };
 Typography.displayName = "Typography";
 
+// src/primitives/tooltip/index.tsx
+var import_hooks27 = require("@agg-build/hooks");
+var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
+var import_react5 = require("react");
+
+// src/primitives/tooltip/tooltip.constants.ts
+var tooltipSizeClasses = {
+  small: cn("p-2.5 max-w-[240px]"),
+  medium: cn("p-5 max-w-[360px]")
+};
+var defaultTooltipTriggerAriaLabel = "More information";
+
+// src/primitives/tooltip/tooltip.utils.ts
+var resolveTooltipTriggerClassName = (triggerClassName) => {
+  return cn(
+    "inline-flex items-center justify-center rounded-agg-sm border-0 bg-transparent p-0 leading-none",
+    "cursor-help focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary/40",
+    "text-agg-foreground",
+    triggerClassName
+  );
+};
+var resolveTooltipArrowDimensions = (size) => {
+  if (size === "small") {
+    return {
+      width: 12,
+      height: 6
+    };
+  }
+  return {
+    width: 14,
+    height: 8
+  };
+};
+
+// src/primitives/tooltip/index.tsx
+var import_jsx_runtime110 = require("react/jsx-runtime");
+var Tooltip = ({
+  content,
+  children,
+  size = "small",
+  side = "top",
+  delayDuration = 150,
+  collisionPadding = 12,
+  classNames,
+  "aria-label": ariaLabel
+}) => {
+  const {
+    features: { enableAnimations }
+  } = (0, import_hooks27.useSdkUiConfig)();
+  const trigger = (0, import_react5.useMemo)(() => {
+    if (children) return children;
+    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+      "button",
+      {
+        type: "button",
+        className: resolveTooltipTriggerClassName(classNames == null ? void 0 : classNames.trigger),
+        "aria-label": ariaLabel != null ? ariaLabel : defaultTooltipTriggerAriaLabel,
+        children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Icon, { name: "info", size: "small", "aria-hidden": true })
+      }
+    );
+  }, [children, classNames == null ? void 0 : classNames.trigger, ariaLabel]);
+  const { width: arrowWidth, height: arrowHeight } = resolveTooltipArrowDimensions(size);
+  const arrowPoints = `0,0 ${arrowWidth},0 ${arrowWidth / 2},${arrowHeight}`;
+  const arrowBorderPath = `M0 0 L${arrowWidth / 2} ${arrowHeight} L${arrowWidth} 0`;
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(TooltipPrimitive.Root, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+      TooltipPrimitive.Content,
+      {
+        side,
+        sideOffset: 0,
+        collisionPadding,
+        className: cn(
+          "group/agg-tooltip",
+          "z-50 text-agg-foreground",
+          "text-agg-sm leading-agg-5",
+          "rounded-agg-xl bg-agg-secondary",
+          "border border-agg-separator",
+          "data-[side=top]:[&>span]:bottom-px!",
+          "data-[side=bottom]:[&>span]:top-px!",
+          tooltipSizeClasses[size],
+          getMotionClassName(
+            enableAnimations,
+            "data-[state=delayed-open]:animate-agg-fade-in data-[state=closed]:animate-agg-fade-out motion-reduce:animate-none"
+          ),
+          classNames == null ? void 0 : classNames.content
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(TooltipPrimitive.Arrow, { asChild: true, width: arrowWidth, height: arrowHeight, children: /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+            "svg",
+            {
+              width: arrowWidth,
+              height: arrowHeight,
+              viewBox: `0 0 ${arrowWidth} ${arrowHeight}`,
+              "aria-hidden": "true",
+              className: cn("overflow-visible", classNames == null ? void 0 : classNames.arrow),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("polygon", { points: arrowPoints, className: "fill-agg-secondary" }),
+                /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                  "path",
+                  {
+                    d: arrowBorderPath,
+                    className: "fill-none stroke-agg-separator",
+                    strokeWidth: 1,
+                    strokeLinejoin: "round",
+                    vectorEffect: "non-scaling-stroke"
+                  }
+                )
+              ]
+            }
+          ) }),
+          content
+        ]
+      }
+    ) })
+  ] }) });
+};
+Tooltip.displayName = "Tooltip";
+
 // src/shared/deposit-modal-events.ts
 var DEPOSIT_MODAL_OPEN_EVENT = "agg-deposit:open-modal";
 var requestAggDepositModalOpen = () => {
@@ -5525,8 +5707,8 @@ var requestAggDepositModalOpen = () => {
 };
 
 // src/trading/use-kalshi-kyc-flow.ts
-var import_hooks27 = require("@agg-build/hooks");
-var import_react5 = require("react");
+var import_hooks28 = require("@agg-build/hooks");
+var import_react6 = require("react");
 var KYC_PENDING_STORAGE_KEY = "agg_kyc_pending";
 var getKycPendingState = () => {
   var _a, _b;
@@ -5556,14 +5738,14 @@ var useKalshiKycFlow = ({
   walletAddress,
   onError
 }) => {
-  const client = (0, import_hooks27.useAggClient)();
-  const [isVerifyModalOpen, setIsVerifyModalOpen] = (0, import_react5.useState)(false);
-  const [showSuccessModal, setShowSuccessModal] = (0, import_react5.useState)(false);
-  const [isInitiating, setIsInitiating] = (0, import_react5.useState)(false);
-  const [needsDepositAddress, setNeedsDepositAddress] = (0, import_react5.useState)(false);
-  const initiationAttemptRef = (0, import_react5.useRef)(0);
-  const { isReady, isTimedOut } = (0, import_hooks27.useDepositAddresses)({ enabled: needsDepositAddress, poll: true });
-  const pendingState = (0, import_react5.useMemo)(
+  const client = (0, import_hooks28.useAggClient)();
+  const [isVerifyModalOpen, setIsVerifyModalOpen] = (0, import_react6.useState)(false);
+  const [showSuccessModal, setShowSuccessModal] = (0, import_react6.useState)(false);
+  const [isInitiating, setIsInitiating] = (0, import_react6.useState)(false);
+  const [needsDepositAddress, setNeedsDepositAddress] = (0, import_react6.useState)(false);
+  const initiationAttemptRef = (0, import_react6.useRef)(0);
+  const { isReady, isTimedOut } = (0, import_hooks28.useDepositAddresses)({ enabled: needsDepositAddress, poll: true });
+  const pendingState = (0, import_react6.useMemo)(
     () => ({
       venue: "kalshi",
       userId: userId != null ? userId : null,
@@ -5571,28 +5753,28 @@ var useKalshiKycFlow = ({
     }),
     [userId, walletAddress]
   );
-  const resetInitiation = (0, import_react5.useCallback)(() => {
+  const resetInitiation = (0, import_react6.useCallback)(() => {
     setIsInitiating(false);
     setNeedsDepositAddress(false);
   }, []);
-  const closeVerifyModal = (0, import_react5.useCallback)(() => {
+  const closeVerifyModal = (0, import_react6.useCallback)(() => {
     initiationAttemptRef.current += 1;
     clearKycPendingState();
     resetInitiation();
     setIsVerifyModalOpen(false);
   }, [resetInitiation]);
-  const closeSuccessModal = (0, import_react5.useCallback)(() => {
+  const closeSuccessModal = (0, import_react6.useCallback)(() => {
     setShowSuccessModal(false);
   }, []);
-  const openVerifyModal = (0, import_react5.useCallback)(() => {
+  const openVerifyModal = (0, import_react6.useCallback)(() => {
     setIsVerifyModalOpen(true);
   }, []);
-  const startVerification = (0, import_react5.useCallback)(() => {
+  const startVerification = (0, import_react6.useCallback)(() => {
     initiationAttemptRef.current += 1;
     setIsInitiating(true);
     setNeedsDepositAddress(true);
   }, []);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (!isInitiating || !isReady) return;
     const attemptId = initiationAttemptRef.current;
     const redirectUri = window.location.href;
@@ -5609,14 +5791,14 @@ var useKalshiKycFlow = ({
       resetInitiation();
     });
   }, [client, isInitiating, isReady, onError, pendingState, resetInitiation]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (isTimedOut && isInitiating) {
       clearKycPendingState();
       resetInitiation();
       onError == null ? void 0 : onError(new Error("Deposit address provisioning timed out"));
     }
   }, [isInitiating, isTimedOut, onError, resetInitiation]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     const storedPendingState = getKycPendingState();
     const isMatchingSession = (storedPendingState == null ? void 0 : storedPendingState.venue) === "kalshi" && storedPendingState.userId === pendingState.userId && storedPendingState.walletAddress === pendingState.walletAddress;
     if (isKalshiVerified && isMatchingSession) {
@@ -5863,14 +6045,14 @@ var buildLiveRouteCards = ({
   const isPrimaryRouteGeoBlocked = quoteData.fills.length > 0 && quoteData.fills.every((f) => geoBlockedVenues.has(f.venue));
   const primaryCard = primaryResult ? isPrimaryRouteGeoBlocked ? {
     id: "live-route",
-    hint: "",
+    hint: labels.venueUnavailableInRegion,
     kind: "venue",
     label: getTradingVenueLabel(
       parsedPrimaryVenue.success ? parsedPrimaryVenue.data : void 0
     ),
-    numericValue: 0,
+    numericValue: tradeSide === "sell" ? quoteData.rawExecCost : quoteData.totalFilled,
     quoteData,
-    value: "",
+    value: primaryResult.value,
     venue: parsedPrimaryVenue.success ? parsedPrimaryVenue.data : void 0,
     isUnavailable: true
   } : {
@@ -5895,12 +6077,16 @@ var buildLiveRouteCards = ({
     if (geoBlockedVenues.has(sq.venue)) {
       return {
         id: `live-unavailable-${sq.venue}`,
-        hint: "",
+        hint: labels.venueUnavailableInRegion,
         kind: "venue",
         label: getTradingVenueLabel(venue),
-        numericValue: 0,
+        numericValue: sq.filledQty,
         quoteData,
-        value: "",
+        value: getTradingValueLabel({
+          amount: sq.filledQty,
+          minimumFractionDigits: 2,
+          maximumFractionDigits: 2
+        }),
         venue,
         isUnavailable: true
       };
@@ -5940,7 +6126,7 @@ var buildLiveRouteCards = ({
     const venue = parsedVenue.success ? parsedVenue.data : void 0;
     return {
       id: `live-unavailable-${sq.venue}`,
-      hint: "",
+      hint: labels.venueUnavailableInRegion,
       kind: "venue",
       label: getTradingVenueLabel(venue),
       numericValue: 0,
@@ -5950,7 +6136,9 @@ var buildLiveRouteCards = ({
       isUnavailable: true
     };
   });
-  const baseCards = primaryCard ? [primaryCard, ...soloCards] : soloCards;
+  const baseCards = (primaryCard ? [primaryCard, ...soloCards] : soloCards).sort(
+    (left, right) => right.numericValue - left.numericValue
+  );
   const coveredVenueStrings = new Set(
     [...baseCards, ...unavailableCards].flatMap((card) => card.venue ? [card.venue] : [])
   );
@@ -5960,7 +6148,7 @@ var buildLiveRouteCards = ({
     return [
       {
         id: "live-geo-blocked-kalshi",
-        hint: "",
+        hint: labels.venueUnavailableInRegion,
         kind: "venue",
         label: getTradingVenueLabel(kalshiVenue),
         numericValue: 0,
@@ -6535,7 +6723,7 @@ var isPercentageBelowMinimum = (value, minimumValue) => {
 };
 
 // src/trading/place-order/index.place-order.failure.tsx
-var import_jsx_runtime108 = require("react/jsx-runtime");
+var import_jsx_runtime111 = require("react/jsx-runtime");
 var resolveFailureActionHandler = ({
   action,
   onDone,
@@ -6548,12 +6736,12 @@ var resolveFailureActionHandler = ({
 };
 var renderPartialFailureStep = (step) => {
   const isWarningStep = step.tone === "warning" || step.tone === "error";
-  return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
     "div",
     {
       className: "flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
           Icon,
           {
             name: isWarningStep ? "warning-filled" : "check-circle",
@@ -6562,8 +6750,8 @@ var renderPartialFailureStep = (step) => {
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("p", { className: "min-w-0 flex-1", children: step.label }),
-        step.venue ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(VenueLogo, { venue: step.venue, size: "small", className: "h-4 w-4 shrink-0" }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "min-w-0 flex-1", children: step.label }),
+        step.venue ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(VenueLogo, { venue: step.venue, size: "small", className: "h-4 w-4 shrink-0" }) : null
       ]
     },
     step.id
@@ -6582,10 +6770,10 @@ var PlaceOrderFailureView = ({
   const shouldShowPartialFailureLayout = summary.kind === "partial_fill";
   const failureStepGroups = shouldShowPartialFailureLayout ? groupPlaceOrderFailureSteps(summary.steps) : [];
   if (shouldShowPartialFailureLayout) {
-    return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "agg-order-failure-body flex flex-col gap-6 p-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "agg-order-failure-header flex flex-col gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "agg-order-failure-market flex items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "agg-order-failure-body flex flex-col gap-6 p-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "agg-order-failure-header flex flex-col gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "agg-order-failure-market flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
             RemoteImage,
             {
               src: (_a = summary.eventImage) != null ? _a : null,
@@ -6593,12 +6781,12 @@ var PlaceOrderFailureView = ({
               className: "h-12 w-12 shrink-0 overflow-hidden rounded-agg-lg object-cover"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("p", { className: "min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: summary.eventTitle })
+          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: summary.eventTitle })
         ] }),
-        summary.eventSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
+        summary.eventSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "flex flex-col gap-4", children: failureStepGroups.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "flex flex-col gap-2", children: group.map((step) => renderPartialFailureStep(step)) }, `failure-group-${groupIndex}`)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "flex items-center gap-4", children: summary.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "flex flex-col gap-4", children: failureStepGroups.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "flex flex-col gap-2", children: group.map((step) => renderPartialFailureStep(step)) }, `failure-group-${groupIndex}`)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "flex items-center gap-4", children: summary.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
         Button,
         {
           variant: "tertiary",
@@ -6612,10 +6800,10 @@ var PlaceOrderFailureView = ({
       )) })
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "agg-order-failure-body flex flex-col gap-6 p-5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "agg-order-failure-header flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "agg-order-failure-market flex items-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "agg-order-failure-body flex flex-col gap-6 p-5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "agg-order-failure-header flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "agg-order-failure-market flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
           RemoteImage,
           {
             src: (_b = summary.eventImage) != null ? _b : null,
@@ -6623,11 +6811,11 @@ var PlaceOrderFailureView = ({
             className: "h-12 w-12 shrink-0 overflow-hidden rounded-agg-lg object-cover"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("p", { className: "min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: summary.eventTitle })
+        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: summary.eventTitle })
       ] }),
-      summary.eventSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
+      summary.eventSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventSubtitle }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       InlineAlert,
       {
         tone: "error",
@@ -6636,7 +6824,7 @@ var PlaceOrderFailureView = ({
         message: tradingLabels.orderFailureDescription((_c = summary.errorMessage) != null ? _c : "")
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "agg-order-failure-actions flex items-center gap-3", children: summary.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "agg-order-failure-actions flex items-center gap-3", children: summary.actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       Button,
       {
         variant: action.variant === "retry" ? "primary" : "secondary",
@@ -6653,8 +6841,8 @@ var PlaceOrderFailureView = ({
 PlaceOrderFailureView.displayName = "PlaceOrderFailureView";
 
 // src/trading/place-order/index.place-order.success.tsx
-var import_react6 = require("react");
-var import_jsx_runtime109 = require("react/jsx-runtime");
+var import_react7 = require("react");
+var import_jsx_runtime112 = require("react/jsx-runtime");
 var resolveBuyToWinLabel = (shares) => {
   if (!shares) return "$0";
   return shares.startsWith("$") ? shares : `$${shares}`;
@@ -6667,7 +6855,7 @@ var PlaceOrderSuccessView = ({
   onShare: _onShare
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
-  const [isExecutionDetailsExpanded, setIsExecutionDetailsExpanded] = (0, import_react6.useState)(true);
+  const [isExecutionDetailsExpanded, setIsExecutionDetailsExpanded] = (0, import_react7.useState)(true);
   const newTradeLabel = (_a = tradingLabels.orderNewTrade) != null ? _a : "New Trade";
   const _shareLabel = (_b = tradingLabels.orderShare) != null ? _b : "Share";
   const potentialReturnLabel = summary.potentialReturnLabel && tradingLabels.potentialReturnBonus ? tradingLabels.potentialReturnBonus(summary.potentialReturnLabel) : summary.potentialReturnLabel ? `+${summary.potentialReturnLabel} Better Payout` : null;
@@ -6685,10 +6873,10 @@ var PlaceOrderSuccessView = ({
   const resolveStepIconClassName = (tone) => {
     return tone === "warning" || tone === "error" ? "text-agg-warning" : "text-agg-primary";
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "agg-order-success-body flex flex-col gap-6 p-5", children: [
-    summary.eventTitle ? /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "agg-order-success-header flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "agg-order-success-market flex items-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Card, { className: cn("group/agg-order-panel", getPlaceOrderContainerClassName(), className), children: /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "agg-order-success-body flex flex-col gap-6 p-5", children: [
+    summary.eventTitle ? /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "agg-order-success-header flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "agg-order-success-market flex items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
           RemoteImage,
           {
             src: (_i = summary.eventImage) != null ? _i : null,
@@ -6696,12 +6884,12 @@ var PlaceOrderSuccessView = ({
             className: "h-12 w-12 shrink-0 overflow-hidden rounded-agg-lg object-cover"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: summary.eventTitle })
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { className: "min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: summary.eventTitle })
       ] }),
-      summary.eventDateLabel ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventDateLabel }) : null
+      summary.eventDateLabel ? /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { className: "text-agg-base leading-agg-6 text-agg-foreground", children: summary.eventDateLabel }) : null
     ] }) : null,
-    executionStepGroups.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "agg-order-success-timeline flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+    executionStepGroups.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "agg-order-success-timeline flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
         "div",
         {
           "aria-hidden": !isExecutionDetailsExpanded,
@@ -6714,12 +6902,12 @@ var PlaceOrderSuccessView = ({
               "transition-[grid-template-rows,opacity] duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]"
             )
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "flex flex-col gap-4 pb-2", children: detailedStepGroups.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "flex flex-col gap-2", children: group.map((step) => /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: "min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: "flex flex-col gap-4 pb-2", children: detailedStepGroups.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: "flex flex-col gap-2", children: group.map((step) => /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(
             "div",
             {
               className: "flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
                   Icon,
                   {
                     name: resolveStepIconName(step.tone),
@@ -6728,8 +6916,8 @@ var PlaceOrderSuccessView = ({
                     "aria-hidden": "true"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "min-w-0 flex-1", children: step.label }),
-                step.venue ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { className: "min-w-0 flex-1", children: step.label }),
+                step.venue ? /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
                   VenueLogo,
                   {
                     venue: step.venue,
@@ -6743,7 +6931,7 @@ var PlaceOrderSuccessView = ({
           )) }, `execution-group-${groupIndex}`)) }) })
         }
       ),
-      finalStep ? hasExecutionDetails ? /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
+      finalStep ? hasExecutionDetails ? /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(
         "button",
         {
           type: "button",
@@ -6755,7 +6943,7 @@ var PlaceOrderSuccessView = ({
           ),
           onClick: () => setIsExecutionDetailsExpanded((currentValue) => !currentValue),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
               Icon,
               {
                 name: resolveStepIconName(finalStep.tone),
@@ -6764,8 +6952,8 @@ var PlaceOrderSuccessView = ({
                 "aria-hidden": "true"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "min-w-0 flex-1", children: finalStep.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { className: "min-w-0 flex-1", children: finalStep.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
               Icon,
               {
                 name: isExecutionDetailsExpanded ? "chevron-up" : "chevron-down",
@@ -6776,8 +6964,8 @@ var PlaceOrderSuccessView = ({
             )
           ]
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
           Icon,
           {
             name: resolveStepIconName(finalStep.tone),
@@ -6786,34 +6974,34 @@ var PlaceOrderSuccessView = ({
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "min-w-0 flex-1", children: finalStep.label })
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { className: "min-w-0 flex-1", children: finalStep.label })
       ] }) : null
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(
       "div",
       {
         className: cn(
           "agg-order-success-pill flex min-h-12 w-full items-center justify-center gap-2 rounded-agg-full px-6 py-2.5 text-center text-agg-base font-agg-bold leading-agg-6 text-agg-on-primary bg-agg-success"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Icon, { name: "success-check", size: "small", className: "h-4 w-4 shrink-0 text-current" }),
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { children: resolvedActionLabel })
+          /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Icon, { name: "success-check", size: "small", className: "h-4 w-4 shrink-0 text-current" }),
+          /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { children: resolvedActionLabel })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "agg-order-success-summary flex items-center justify-between gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.amount(resolvedTradeSide) }),
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "text-right text-[30px] font-agg-bold leading-[36px] text-agg-foreground", children: resolvedAmountLabel })
+    /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "agg-order-success-summary flex items-center justify-between gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.amount(resolvedTradeSide) }),
+      /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { className: "text-right text-[30px] font-agg-bold leading-[36px] text-agg-foreground", children: resolvedAmountLabel })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "agg-order-success-summary flex items-center justify-between gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.toWin(resolvedTradeSide) }),
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "text-right text-[30px] font-agg-bold leading-[36px] text-agg-success", children: resolvedToWinLabel })
+    /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "agg-order-success-summary flex items-center justify-between gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.toWin(resolvedTradeSide) }),
+      /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { className: "text-right text-[30px] font-agg-bold leading-[36px] text-agg-success", children: resolvedToWinLabel })
     ] }),
-    summary.potentialReturnLabel ? /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex w-full flex-col items-center justify-center gap-1 overflow-hidden rounded-agg-lg border border-agg-primary/50 bg-gradient-to-b from-agg-primary/8 to-agg-primary/15 p-3 text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "bg-gradient-to-r from-agg-primary to-agg-primary-hover bg-clip-text text-agg-lg font-agg-bold leading-[28px] text-transparent", children: potentialReturnLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "text-agg-xs leading-agg-4 text-agg-foreground", children: (_j = tradingLabels.withSmartRouting) != null ? _j : "with Smart Routing" })
+    summary.potentialReturnLabel ? /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "flex w-full flex-col items-center justify-center gap-1 overflow-hidden rounded-agg-lg border border-agg-primary/50 bg-gradient-to-b from-agg-primary/8 to-agg-primary/15 p-3 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { className: "bg-gradient-to-r from-agg-primary to-agg-primary-hover bg-clip-text text-agg-lg font-agg-bold leading-[28px] text-transparent", children: potentialReturnLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("p", { className: "text-agg-xs leading-agg-4 text-agg-foreground", children: (_j = tradingLabels.withSmartRouting) != null ? _j : "with Smart Routing" })
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "agg-order-success-actions flex gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: "agg-order-success-actions flex gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
       Button,
       {
         variant: "secondary",
@@ -6829,7 +7017,7 @@ var PlaceOrderSuccessView = ({
 PlaceOrderSuccessView.displayName = "PlaceOrderSuccessView";
 
 // src/trading/place-order/index.tsx
-var import_jsx_runtime110 = require("react/jsx-runtime");
+var import_jsx_runtime113 = require("react/jsx-runtime");
 var DEFAULT_STEP_LABELS = {
   "check-balance": "Checking balance",
   "check-position": "Checking position",
@@ -6855,7 +7043,7 @@ var LoadingGlyph = ({
   className,
   enableAnimations
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
     "span",
     {
       "aria-hidden": "true",
@@ -6875,25 +7063,25 @@ var PlaceOrderSlippageControl = ({
   minimumValue: slippageMinimumValue
 }) => {
   var _a, _b;
-  const labels = (0, import_hooks28.useLabels)();
-  const containerRef = (0, import_react8.useRef)(null);
-  const triggerRef = (0, import_react8.useRef)(null);
-  const inputRef = (0, import_react8.useRef)(null);
-  const warningId = (0, import_react8.useId)();
+  const labels = (0, import_hooks29.useLabels)();
+  const containerRef = (0, import_react9.useRef)(null);
+  const triggerRef = (0, import_react9.useRef)(null);
+  const inputRef = (0, import_react9.useRef)(null);
+  const warningId = (0, import_react9.useId)();
   const defaultValue = finalizePercentageValue(slippageDefaultValue);
   const committedValue = finalizePercentageValue(slippageValue) || defaultValue;
-  const [draftValue, setDraftValue] = (0, import_react8.useState)(committedValue);
-  const [isEditing, setIsEditing] = (0, import_react8.useState)(
+  const [draftValue, setDraftValue] = (0, import_react9.useState)(committedValue);
+  const [isEditing, setIsEditing] = (0, import_react9.useState)(
     () => isPercentageBelowMinimum(committedValue, slippageMinimumValue)
   );
-  const [shouldFocusInput, setShouldFocusInput] = (0, import_react8.useState)(false);
-  (0, import_react8.useEffect)(() => {
+  const [shouldFocusInput, setShouldFocusInput] = (0, import_react9.useState)(false);
+  (0, import_react9.useEffect)(() => {
     setDraftValue(committedValue);
     if (isPercentageBelowMinimum(committedValue, slippageMinimumValue)) {
       setIsEditing(true);
     }
   }, [committedValue, slippageMinimumValue]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (!shouldFocusInput) return;
     requestAnimationFrame(() => {
       var _a2, _b2;
@@ -6910,7 +7098,7 @@ var PlaceOrderSlippageControl = ({
     Number(committedValue || slippageDefaultValue || DEFAULT_SLIPPAGE_VALUE)
   );
   const resolvedAutoLabel = labels.trading.resetSlippage;
-  const resolvedWarningMessage = (0, import_react8.useMemo)(() => {
+  const resolvedWarningMessage = (0, import_react9.useMemo)(() => {
     if (isLowSlippage) {
       return labels.trading.slippageLow(slippageMinimumValue);
     }
@@ -6973,8 +7161,8 @@ var PlaceOrderSlippageControl = ({
     if (!isEditing) return;
     handleCommitDraft(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { ref: containerRef, className: "agg-slippage-control w-full", onBlur: handleContainerBlur, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { ref: containerRef, className: "agg-slippage-control w-full", onBlur: handleContainerBlur, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
       "button",
       {
         ref: triggerRef,
@@ -6992,8 +7180,8 @@ var PlaceOrderSlippageControl = ({
         ),
         onClick: handleToggleEditing,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "agg-slippage-label", children: collapsedLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "agg-slippage-label", children: collapsedLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
             Icon,
             {
               name: isEditing ? "chevron-up" : "pencil",
@@ -7005,7 +7193,7 @@ var PlaceOrderSlippageControl = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
       "div",
       {
         "aria-hidden": !isEditing,
@@ -7019,10 +7207,10 @@ var PlaceOrderSlippageControl = ({
             "transition-[grid-template-rows,opacity,margin-top] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]"
           )
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "agg-slippage-editor-body flex flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "agg-slippage-input-row flex h-9 overflow-hidden rounded-agg-sm border border-agg-separator", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "agg-slippage-input-group flex min-w-0 flex-1 items-center gap-2 bg-agg-secondary px-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "agg-slippage-editor-body flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "agg-slippage-input-row flex h-9 overflow-hidden rounded-agg-sm border border-agg-separator", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "agg-slippage-input-group flex min-w-0 flex-1 items-center gap-2 bg-agg-secondary px-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
                 "input",
                 {
                   ref: inputRef,
@@ -7037,7 +7225,7 @@ var PlaceOrderSlippageControl = ({
                   onKeyDown: handleInputKeyDown
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
                 "button",
                 {
                   type: "button",
@@ -7055,8 +7243,8 @@ var PlaceOrderSlippageControl = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "h-full w-px bg-agg-separator", "aria-hidden": "true" }),
-            /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "h-full w-px bg-agg-separator", "aria-hidden": "true" }),
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
               "div",
               {
                 className: "agg-slippage-suffix flex w-9 items-center justify-center bg-agg-secondary-hover text-agg-sm leading-agg-5 text-agg-muted-foreground",
@@ -7065,7 +7253,7 @@ var PlaceOrderSlippageControl = ({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
             "div",
             {
               "aria-hidden": !resolvedWarningMessage,
@@ -7079,13 +7267,13 @@ var PlaceOrderSlippageControl = ({
                   "transition-[grid-template-rows,opacity] duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]"
                 )
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
                 "div",
                 {
                   id: warningId,
                   className: "agg-slippage-warning-message flex items-start gap-2 text-agg-sm leading-agg-5 text-agg-foreground",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
                       Icon,
                       {
                         name: "warning-filled",
@@ -7094,7 +7282,7 @@ var PlaceOrderSlippageControl = ({
                         color: "currentColor"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { children: resolvedWarningMessage != null ? resolvedWarningMessage : "" })
+                    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { children: resolvedWarningMessage != null ? resolvedWarningMessage : "" })
                   ]
                 }
               ) })
@@ -7114,9 +7302,9 @@ var renderCardHeader = ({
   onClose
 }) => {
   if (!headerTitle) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: cn("agg-order-panel-header flex flex-col gap-2", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "agg-order-market-summary flex items-center gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: cn("agg-order-panel-header flex flex-col gap-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "agg-order-market-summary flex items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
         RemoteImage,
         {
           src: headerImage,
@@ -7124,19 +7312,19 @@ var renderCardHeader = ({
           className: "agg-order-market-image h-12 w-12 shrink-0 overflow-hidden rounded-agg-lg object-cover"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "agg-order-market-title min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: headerTitle }),
-      onClose ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "agg-order-market-title min-w-0 flex-1 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground line-clamp-2", children: headerTitle }),
+      onClose ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
         "button",
         {
           type: "button",
           className: "agg-order-close -mr-1 -mt-1 hidden shrink-0 cursor-pointer items-center justify-center p-1 text-agg-muted-foreground hover:text-agg-foreground sm:flex",
           "aria-label": "Close",
           onClick: onClose,
-          children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(CloseIcon, { className: "h-5 w-5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(CloseIcon, { className: "h-5 w-5" })
         }
       ) : null
     ] }),
-    headerSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "agg-order-market-subtitle text-agg-base leading-agg-6 text-agg-foreground", children: headerSubtitle }) : null
+    headerSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "agg-order-market-subtitle text-agg-base leading-agg-6 text-agg-foreground", children: headerSubtitle }) : null
   ] });
 };
 var PlaceOrderResolvedView = ({
@@ -7146,7 +7334,7 @@ var PlaceOrderResolvedView = ({
   className
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
-  const labels = (0, import_hooks28.useLabels)();
+  const labels = (0, import_hooks29.useLabels)();
   const tradingLabels = labels.trading;
   const extendedTradingLabels = tradingLabels;
   const winningOutcomeLabel = (_c = (_b = (_a = tradingState.winningOutcome) == null ? void 0 : _a.label) == null ? void 0 : _b.trim().toLowerCase()) != null ? _c : "";
@@ -7156,7 +7344,7 @@ var PlaceOrderResolvedView = ({
   const resolvedIconName = isPositiveWinningOutcome ? "success-check" : "close";
   const resolvedIconToneClassName = isPositiveWinningOutcome ? "text-agg-success" : "text-agg-error";
   const resolvedIconContainerClassName = isPositiveWinningOutcome ? "bg-agg-success/15" : "bg-agg-error/15";
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
     Card,
     {
       className: cn(
@@ -7165,7 +7353,7 @@ var PlaceOrderResolvedView = ({
         classNames == null ? void 0 : classNames.root,
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
         "div",
         {
           className: cn(
@@ -7173,17 +7361,17 @@ var PlaceOrderResolvedView = ({
             classNames == null ? void 0 : classNames.body
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
               "div",
               {
                 className: cn(
                   "flex h-15 w-15 items-center justify-center rounded-full",
                   resolvedIconContainerClassName
                 ),
-                children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Icon, { name: resolvedIconName, className: cn("h-6 w-6", resolvedIconToneClassName) })
+                children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Icon, { name: resolvedIconName, className: cn("h-6 w-6", resolvedIconToneClassName) })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
               "div",
               {
                 className: cn(
@@ -7191,30 +7379,30 @@ var PlaceOrderResolvedView = ({
                   classNames == null ? void 0 : classNames.content
                 ),
                 children: [
-                  tradingState.market ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Typography, { variant: "body", children: tradingState.market.question }) : null,
-                  tradingState.winningOutcome ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Typography, { variant: "body-large-strong", children: tradingLabels.outcome(tradingState.winningOutcome.label) }) : null
+                  tradingState.market ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Typography, { variant: "body", children: tradingState.market.question }) : null,
+                  tradingState.winningOutcome ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Typography, { variant: "body-large-strong", children: tradingLabels.outcome(tradingState.winningOutcome.label) }) : null
                 ]
               }
             ),
-            resolvedClaim ? /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_jsx_runtime110.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex flex-col gap-5 p-6", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Typography, { variant: "body-strong", children: (_d = extendedTradingLabels.resolvedEarningsTitle) != null ? _d : "Your Earnings" }),
-                /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex flex-col gap-3 text-agg-sm leading-agg-5 text-agg-foreground", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { children: (_e = extendedTradingLabels.resolvedResolutionDateLabel) != null ? _e : "Resolution date" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "font-agg-bold", children: resolvedClaim.resolutionDateLabel })
+            resolvedClaim ? /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(import_jsx_runtime113.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
+              /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex flex-col gap-5 p-6", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Typography, { variant: "body-strong", children: (_d = extendedTradingLabels.resolvedEarningsTitle) != null ? _d : "Your Earnings" }),
+                /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex flex-col gap-3 text-agg-sm leading-agg-5 text-agg-foreground", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { children: (_e = extendedTradingLabels.resolvedResolutionDateLabel) != null ? _e : "Resolution date" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "font-agg-bold", children: resolvedClaim.resolutionDateLabel })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { children: (_f = extendedTradingLabels.resolvedSharesLabel) != null ? _f : "Shares" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "font-agg-bold", children: resolvedClaim.sharesLabel })
+                  /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { children: (_f = extendedTradingLabels.resolvedSharesLabel) != null ? _f : "Shares" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "font-agg-bold", children: resolvedClaim.sharesLabel })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { children: (_g = extendedTradingLabels.resolvedTotalPayoutLabel) != null ? _g : "Total payout" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "font-agg-bold", children: resolvedClaim.totalPayoutLabel })
+                  /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { children: (_g = extendedTradingLabels.resolvedTotalPayoutLabel) != null ? _g : "Total payout" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "font-agg-bold", children: resolvedClaim.totalPayoutLabel })
                   ] })
                 ] }),
-                resolvedClaim.onClaim ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                resolvedClaim.onClaim ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
                   Button,
                   {
                     size: "large",
@@ -7236,18 +7424,18 @@ var renderRouteBreakdownRow = (row) => {
   var _a, _b;
   const venueLabel = getTradingVenueLabel(row.venue);
   const rowKey = `${row.venue}-${row.label}-${row.priceLabel}-${(_a = row.resultLabel) != null ? _a : ""}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
     "div",
     {
       className: "agg-route-breakdown-row flex items-center justify-between gap-4 text-left",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "agg-route-breakdown-market flex min-w-0 items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(VenueLogo, { venue: row.venue, className: "!size-3", ariaLabel: venueLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "agg-route-breakdown-label truncate text-agg-sm leading-agg-5 text-agg-foreground", children: row.label })
+        /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "agg-route-breakdown-market flex min-w-0 items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(VenueLogo, { venue: row.venue, className: "!size-3", ariaLabel: venueLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "agg-route-breakdown-label truncate text-agg-sm leading-agg-5 text-agg-foreground", children: row.label })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "agg-route-breakdown-value flex shrink-0 items-center gap-2 text-agg-sm leading-agg-5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "text-agg-muted-foreground", children: row.priceLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "text-agg-foreground", children: (_b = row.resultLabel) != null ? _b : "" })
+        /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "agg-route-breakdown-value flex shrink-0 items-center gap-2 text-agg-sm leading-agg-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "text-agg-muted-foreground", children: row.priceLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "text-agg-foreground", children: (_b = row.resultLabel) != null ? _b : "" })
         ] })
       ]
     },
@@ -7264,9 +7452,8 @@ var renderRouteCard = ({
 }) => {
   var _a, _b;
   const showSplitDetails = isSelected && isExpanded && card.kind === "split" && !!((_a = card.rows) == null ? void 0 : _a.length);
-  const valueLabel = card.isUnavailable ? tradingLabels.venueUnavailableInRegion : card.value;
-  const ariaLabel = [card.label, card.hint, valueLabel].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+  const ariaLabel = [card.label, card.hint, card.value].filter(Boolean).join(" ");
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
     "button",
     {
       type: "button",
@@ -7275,22 +7462,22 @@ var renderRouteCard = ({
       disabled: card.isUnavailable,
       className: cn(
         "agg-route-card",
-        "relative w-full cursor-pointer overflow-hidden rounded-agg-lg p-3 text-left",
+        "relative w-full overflow-hidden rounded-agg-lg p-3 text-left",
         "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-0 focus-visible:ring-offset-agg-secondary",
         getMotionClassName(
           enableAnimations,
           "transition-[background-color,border-color,color] duration-200 ease-in-out"
         ),
-        isSelected && !card.isUnavailable ? "border border-agg-trade-highlight-border bg-gradient-to-b from-agg-trade-highlight-surface-from to-agg-trade-highlight-surface-to" : "border-transparent bg-agg-secondary-hover",
-        card.isUnavailable && "cursor-not-allowed"
+        card.isUnavailable ? "cursor-not-allowed" : "cursor-pointer",
+        isSelected && !card.isUnavailable ? "border border-agg-trade-highlight-border bg-gradient-to-b from-agg-trade-highlight-surface-from to-agg-trade-highlight-surface-to" : "border-transparent bg-agg-secondary-hover"
       ),
       onClick: () => onSelect(card.id),
       children: [
-        isSelected && !card.isUnavailable ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "agg-route-card-glow pointer-events-none absolute -inset-x-px -bottom-px h-11 bg-linear-to-b from-transparent to-agg-trade-highlight-glow" }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "agg-route-card-content relative z-10 flex flex-col gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "agg-route-card-header flex items-center justify-between gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "agg-route-card-meta flex min-w-0 gap-3 items-center", children: [
-              card.kind === "split" ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+        isSelected && !card.isUnavailable ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "agg-route-card-glow pointer-events-none absolute -inset-x-px -bottom-px h-11 bg-linear-to-b from-transparent to-agg-trade-highlight-glow" }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "agg-route-card-content relative z-10 flex flex-col gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "agg-route-card-header flex items-center justify-between gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "agg-route-card-meta flex min-w-0 gap-3 items-center", children: [
+              card.kind === "split" ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
                 Icon,
                 {
                   name: "sparkles-filled",
@@ -7301,7 +7488,7 @@ var renderRouteCard = ({
                   ),
                   "aria-hidden": "true"
                 }
-              ) : card.venue ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+              ) : card.venue ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
                 VenueLogo,
                 {
                   venue: card.venue,
@@ -7309,10 +7496,18 @@ var renderRouteCard = ({
                   ariaLabel: getTradingVenueLabel(card.venue)
                 }
               ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex flex-col gap-1 min-w-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "agg-route-card-title truncate text-agg-sm leading-agg-5 text-agg-foreground", children: card.label }),
-                  card.kind === "split" && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex flex-col gap-1 min-w-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "agg-route-card-title truncate text-agg-sm leading-agg-5 text-agg-foreground", children: card.label }),
+                  card.isUnavailable ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+                    Icon,
+                    {
+                      name: "lock",
+                      size: "xs",
+                      className: "shrink-0 text-agg-muted-foreground",
+                      "aria-hidden": "true"
+                    }
+                  ) : card.kind === "split" && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
                     Icon,
                     {
                       name: showSplitDetails ? "chevron-up" : "chevron-down",
@@ -7322,24 +7517,24 @@ var renderRouteCard = ({
                     }
                   ) : null
                 ] }),
-                card.hint ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "agg-route-card-hint text-agg-xs leading-agg-4 text-agg-muted-foreground", children: card.hint }) : null
+                card.hint ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "agg-route-card-hint text-agg-xs leading-agg-4 text-agg-muted-foreground", children: card.hint }) : null
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
               "p",
               {
                 className: cn(
                   "agg-route-card-value",
                   "shrink-0 whitespace-nowrap",
-                  card.isUnavailable ? "text-agg-xs leading-agg-4 text-agg-muted-foreground" : isSelected ? "text-agg-lg font-agg-bold leading-agg-7 text-agg-trade-highlight-accent" : "text-agg-base leading-agg-6 text-agg-foreground"
+                  isSelected && !card.isUnavailable ? "text-agg-lg font-agg-bold leading-agg-7 text-agg-trade-highlight-accent" : "text-agg-base leading-agg-6 text-agg-foreground"
                 ),
-                children: valueLabel
+                children: card.value
               }
             )
           ] }),
-          showSplitDetails ? /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_jsx_runtime110.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "agg-route-card-description text-agg-xs leading-agg-4 text-agg-foreground", children: tradingLabels.splitOrderDescription }),
-            /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "agg-route-breakdown flex flex-col gap-3", children: (_b = card.rows) == null ? void 0 : _b.map((row) => renderRouteBreakdownRow(row)) })
+          showSplitDetails ? /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(import_jsx_runtime113.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "agg-route-card-description text-agg-xs leading-agg-4 text-agg-foreground", children: tradingLabels.splitOrderDescription }),
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "agg-route-breakdown flex flex-col gap-3", children: (_b = card.rows) == null ? void 0 : _b.map((row) => renderRouteBreakdownRow(row)) })
           ] }) : null
         ] })
       ]
@@ -7433,7 +7628,7 @@ var renderSubmissionSurface = ({
     ];
   };
   const stepGroups = resolveStepGroups();
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
     Card,
     {
       className: cn(
@@ -7442,30 +7637,30 @@ var renderSubmissionSurface = ({
         classNames == null ? void 0 : classNames.root,
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: cn("agg-order-submission-body flex flex-col gap-6 p-5", classNames == null ? void 0 : classNames.body), children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: cn("agg-order-submission-body flex flex-col gap-6 p-5", classNames == null ? void 0 : classNames.body), children: [
         renderCardHeader({
           className: classNames == null ? void 0 : classNames.header,
           headerSubtitle,
           headerImage,
           headerTitle
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: cn("agg-order-panel-content flex flex-col gap-6", classNames == null ? void 0 : classNames.content), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "agg-order-submission-status flex h-12 w-full items-center justify-center gap-3 rounded-agg-full bg-agg-primary-hover px-8 text-agg-base font-agg-bold leading-agg-6 text-agg-on-primary", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(LoadingGlyph, { enableAnimations, className: "h-4 w-4 text-current" }),
-            /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { children: actionLabel })
+        /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: cn("agg-order-panel-content flex flex-col gap-6", classNames == null ? void 0 : classNames.content), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "agg-order-submission-status flex h-12 w-full items-center justify-center gap-3 rounded-agg-full bg-agg-primary-hover px-8 text-agg-base font-agg-bold leading-agg-6 text-agg-on-primary", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(LoadingGlyph, { enableAnimations, className: "h-4 w-4 text-current" }),
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { children: actionLabel })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "agg-order-submission-steps flex flex-col gap-4", children: stepGroups.map((steps, groupIndex) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "agg-order-submission-steps flex flex-col gap-4", children: stepGroups.map((steps, groupIndex) => {
+            return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
               "div",
               {
                 className: "agg-order-submission-group flex flex-col gap-2",
                 children: steps.map((step) => {
-                  return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
                     "div",
                     {
                       className: "agg-order-submission-step flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground",
                       children: [
-                        step.status === "complete" ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                        step.status === "complete" ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
                           Icon,
                           {
                             name: "check-circle",
@@ -7473,15 +7668,15 @@ var renderSubmissionSurface = ({
                             className: "h-3 w-3 shrink-0 text-agg-primary",
                             "aria-hidden": "true"
                           }
-                        ) : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                        ) : /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
                           LoadingGlyph,
                           {
                             enableAnimations,
                             className: "h-3 w-3 shrink-0 text-agg-primary"
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "min-w-0 flex-1", children: step.label }),
-                        step.venue ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "min-w-0 flex-1", children: step.label }),
+                        step.venue ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
                           VenueLogo,
                           {
                             venue: step.venue,
@@ -7504,7 +7699,7 @@ var renderSubmissionSurface = ({
     }
   );
 };
-var InitiateKycButton = ({ label: label2, onOpen }) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+var InitiateKycButton = ({ label: label2, onOpen }) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
   Button,
   {
     size: "large",
@@ -7521,35 +7716,35 @@ var KycVerifyModal = ({
   isInitiating,
   labels
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
     Modal,
     {
       open,
       onOpenChange: (next) => {
         onOpenChange(next);
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Modal.Container, { maxWidth: "480px", "aria-label": labels.title, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Dialog2.Title, { className: "sr-only", children: labels.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Dialog2.Description, { className: "sr-only", children: labels.description }),
-        /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Modal.Body, { classNames: { root: "sm:px-10 sm:py-12" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(Modal.Container, { maxWidth: "480px", "aria-label": labels.title, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Dialog2.Title, { className: "sr-only", children: labels.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Dialog2.Description, { className: "sr-only", children: labels.description }),
+        /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(Modal.Body, { classNames: { root: "sm:px-10 sm:py-12" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
             "button",
             {
               type: "button",
               className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80",
               onClick: () => onOpenChange(false),
               "aria-label": "Close",
-              children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(CloseIcon, { className: "h-6 w-6" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(CloseIcon, { className: "h-6 w-6" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex flex-col items-center gap-8 text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(UserTrustIcon, { className: "h-[60px] w-[60px]" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.title }),
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.description })
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex flex-col items-center gap-8 text-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(UserTrustIcon, { className: "h-[60px] w-[60px]" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.title }),
+              /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.description })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex w-full flex-col items-center gap-5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex w-full flex-col items-center gap-5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
                 Button,
                 {
                   size: "large",
@@ -7560,7 +7755,7 @@ var KycVerifyModal = ({
                   children: labels.startVerification
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
                 "button",
                 {
                   type: "button",
@@ -7580,27 +7775,27 @@ var KycSuccessModal = ({
   open,
   onOpenChange,
   labels
-}) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Modal.Container, { maxWidth: "480px", "aria-label": labels.title, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Dialog2.Title, { className: "sr-only", children: labels.title }),
-  /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Dialog2.Description, { className: "sr-only", children: labels.description }),
-  /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(Modal.Body, { classNames: { root: "px-10 py-12" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Modal, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(Modal.Container, { maxWidth: "480px", "aria-label": labels.title, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Dialog2.Title, { className: "sr-only", children: labels.title }),
+  /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Dialog2.Description, { className: "sr-only", children: labels.description }),
+  /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(Modal.Body, { classNames: { root: "px-10 py-12" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
       "button",
       {
         type: "button",
         className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80",
         onClick: () => onOpenChange(false),
         "aria-label": "Close",
-        children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(CloseIcon, { className: "h-6 w-6" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(CloseIcon, { className: "h-6 w-6" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex flex-col items-center gap-8 text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.description })
+    /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex flex-col items-center gap-8 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15", children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex flex-col items-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.description })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
         Button,
         {
           variant: "secondary",
@@ -7632,22 +7827,22 @@ var PlaceOrder = ({
   onExecutionStateChange,
   resolvedClaim
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D;
   const {
-    features: { enableAnimations },
+    features: { enableAnimations, showFeesBreakdown },
     general: { locale }
-  } = (0, import_hooks28.useSdkUiConfig)();
-  const labels = (0, import_hooks28.useLabels)();
+  } = (0, import_hooks29.useSdkUiConfig)();
+  const labels = (0, import_hooks29.useLabels)();
   const tradingLabels = labels.trading;
-  const { isTradingBlocked } = (0, import_hooks28.useGeoBlock)();
-  const tradingContext = (0, import_hooks28.useEventTradingContext)();
+  const { isTradingBlocked } = (0, import_hooks29.useGeoBlock)();
+  const tradingContext = (0, import_hooks29.useEventTradingContext)();
   const selectedEvent = (_a = tradingContext == null ? void 0 : tradingContext.selectedEvent) != null ? _a : null;
   const selectedMarket = (_b = tradingContext == null ? void 0 : tradingContext.selectedMarket) != null ? _b : null;
   const selectedOutcomeId = (_c = tradingContext == null ? void 0 : tradingContext.selectedOutcomeId) != null ? _c : null;
-  const resolvedEventTradingState = (0, import_react8.useMemo)(() => {
-    return eventTradingState != null ? eventTradingState : (0, import_hooks28.resolveEventTradingState)(selectedEvent);
+  const resolvedEventTradingState = (0, import_react9.useMemo)(() => {
+    return eventTradingState != null ? eventTradingState : (0, import_hooks29.resolveEventTradingState)(selectedEvent);
   }, [eventTradingState, selectedEvent]);
-  const scopedSelectedEvent = (0, import_react8.useMemo)(() => {
+  const scopedSelectedEvent = (0, import_react9.useMemo)(() => {
     var _a2;
     if (!selectedEvent) return null;
     const primaryMarketId = (_a2 = resolvedEventTradingState.primaryMarket) == null ? void 0 : _a2.id;
@@ -7657,7 +7852,7 @@ var PlaceOrder = ({
     );
     return isSelectedEventInScope ? selectedEvent : null;
   }, [(_d = resolvedEventTradingState.primaryMarket) == null ? void 0 : _d.id, selectedEvent]);
-  const scopedSelectedMarket = (0, import_react8.useMemo)(() => {
+  const scopedSelectedMarket = (0, import_react9.useMemo)(() => {
     if (!selectedMarket) return resolvedEventTradingState.primaryMarket;
     const isSelectedMarketInScope = resolvedEventTradingState.marketStates.some(
       (item) => item.market.id === selectedMarket.id
@@ -7672,10 +7867,10 @@ var PlaceOrder = ({
     (outcome) => outcome.label.trim().toLowerCase() === "yes"
   )) != null ? _f : scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venueMarketOutcomes[0]) != null ? _g : null;
   const scopedSelectedOutcomeId = (_h = scopedSelectedOutcome == null ? void 0 : scopedSelectedOutcome.id) != null ? _h : null;
-  const resolvedTradingState = (0, import_react8.useMemo)(() => {
-    return (0, import_hooks28.resolveMarketTradingState)(scopedSelectedMarket);
+  const resolvedTradingState = (0, import_react9.useMemo)(() => {
+    return (0, import_hooks29.resolveMarketTradingState)(scopedSelectedMarket);
   }, [scopedSelectedMarket]);
-  const resolvedReadOnlyMarket = (0, import_react8.useMemo)(() => {
+  const resolvedReadOnlyMarket = (0, import_react9.useMemo)(() => {
     var _a2;
     if (resolvedEventTradingState.kind !== "resolved") {
       return scopedSelectedMarket;
@@ -7686,11 +7881,11 @@ var PlaceOrder = ({
     resolvedEventTradingState.primaryMarket,
     scopedSelectedMarket
   ]);
-  const resolvedReadOnlyTradingState = (0, import_react8.useMemo)(() => {
-    return (0, import_hooks28.resolveMarketTradingState)(resolvedReadOnlyMarket);
+  const resolvedReadOnlyTradingState = (0, import_react9.useMemo)(() => {
+    return (0, import_hooks29.resolveMarketTradingState)(resolvedReadOnlyMarket);
   }, [resolvedReadOnlyMarket]);
-  const orderEligibility = (0, import_react8.useMemo)(
-    () => (0, import_hooks28.resolveOrderEligibility)({
+  const orderEligibility = (0, import_react9.useMemo)(
+    () => (0, import_hooks29.resolveOrderEligibility)({
       event: scopedSelectedEvent,
       market: scopedSelectedMarket,
       outcome: scopedSelectedOutcome,
@@ -7699,47 +7894,47 @@ var PlaceOrder = ({
     [scopedSelectedEvent, scopedSelectedMarket, scopedSelectedOutcome, resolvedEventTradingState]
   );
   const isResolvedOutcomeCtaLocked = resolvedEventTradingState.kind === "resolved" || resolvedTradingState.kind === "resolved";
-  const { isAuthenticated, user } = (0, import_hooks28.useAggAuthContext)();
-  const { totalBalance, isLoading: isBalanceLoading } = (0, import_hooks28.useAggBalanceState)();
-  const executeManaged = (0, import_hooks28.useExecuteManaged)();
-  const aggClient = (0, import_hooks28.useAggClient)();
-  const queryClient = (0, import_hooks28.useQueryClient)();
-  const livePrices = (0, import_hooks28.useLiveOutcomePrices)(
+  const { isAuthenticated, user } = (0, import_hooks29.useAggAuthContext)();
+  const { totalBalance, isLoading: isBalanceLoading } = (0, import_hooks29.useAggBalanceState)();
+  const executeManaged = (0, import_hooks29.useExecuteManaged)();
+  const aggClient = (0, import_hooks29.useAggClient)();
+  const queryClient = (0, import_hooks29.useQueryClient)();
+  const livePrices = (0, import_hooks29.useLiveOutcomePrices)(
     scopedSelectedMarket ? [scopedSelectedMarket] : void 0
   );
-  const midpointsClusterMarkets = (0, import_react8.useMemo)(() => {
+  const midpointsClusterMarkets = (0, import_react9.useMemo)(() => {
     if (!scopedSelectedMarket) return [];
     return normalizeVenueMarketCluster(
       resolvedEventTradingState.displayMarkets,
       scopedSelectedMarket.id
     );
   }, [resolvedEventTradingState.displayMarkets, scopedSelectedMarket]);
-  const { prices: clusterMidpoints } = (0, import_hooks28.useMidpoints)(midpointsClusterMarkets);
-  const outcomes = (0, import_react8.useMemo)(
+  const { prices: clusterMidpoints } = (0, import_hooks29.useMidpoints)(midpointsClusterMarkets);
+  const outcomes = (0, import_react9.useMemo)(
     () => mapVenueMarketOutcomesToPlaceOrderOutcomes(scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venueMarketOutcomes),
     [scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venueMarketOutcomes]
   );
-  const buyTabRef = (0, import_react8.useRef)(null);
-  const sellTabRef = (0, import_react8.useRef)(null);
-  const [internalTab, setInternalTab] = (0, import_react8.useState)("buy");
-  const [internalAmount, setInternalAmount] = (0, import_react8.useState)(PLACE_ORDER_DEFAULT_AMOUNT);
-  const [sellFilledForOutcomeId, setSellFilledForOutcomeId] = (0, import_react8.useState)(null);
-  const [internalSlippage, setInternalSlippage] = (0, import_react8.useState)(DEFAULT_SLIPPAGE_VALUE);
-  const [isRoutesExpanded, setIsRoutesExpanded] = (0, import_react8.useState)(false);
-  const [selectedRouteCardId, setSelectedRouteCardId] = (0, import_react8.useState)(null);
-  const [isSplitDetailOpen, setIsSplitDetailOpen] = (0, import_react8.useState)(false);
-  const [submissionFeedback, setSubmissionFeedback] = (0, import_react8.useState)(null);
-  const [submissionProgressState, setSubmissionProgressState] = (0, import_react8.useState)(null);
-  const debouncedAmount = (0, import_hooks28.useDebouncedValue)(internalAmount, 300);
-  const isSell = (0, import_react8.useMemo)(() => internalTab === "sell", [internalTab]);
+  const buyTabRef = (0, import_react9.useRef)(null);
+  const sellTabRef = (0, import_react9.useRef)(null);
+  const [internalTab, setInternalTab] = (0, import_react9.useState)("buy");
+  const [internalAmount, setInternalAmount] = (0, import_react9.useState)(PLACE_ORDER_DEFAULT_AMOUNT);
+  const [sellFilledForOutcomeId, setSellFilledForOutcomeId] = (0, import_react9.useState)(null);
+  const [internalSlippage, setInternalSlippage] = (0, import_react9.useState)(DEFAULT_SLIPPAGE_VALUE);
+  const [isRoutesExpanded, setIsRoutesExpanded] = (0, import_react9.useState)(false);
+  const [selectedRouteCardId, setSelectedRouteCardId] = (0, import_react9.useState)(null);
+  const [isSplitDetailOpen, setIsSplitDetailOpen] = (0, import_react9.useState)(false);
+  const [submissionFeedback, setSubmissionFeedback] = (0, import_react9.useState)(null);
+  const [submissionProgressState, setSubmissionProgressState] = (0, import_react9.useState)(null);
+  const debouncedAmount = (0, import_hooks29.useDebouncedValue)(internalAmount, 300);
+  const isSell = (0, import_react9.useMemo)(() => internalTab === "sell", [internalTab]);
   const {
     positions: executionPositions,
     isLoading: isExecutionPositionsLoading,
     isFetching: isExecutionPositionsFetching
-  } = (0, import_hooks28.useExecutionPositions)({
+  } = (0, import_hooks29.useExecutionPositions)({
     enabled: Boolean(isAuthenticated && isSell)
   });
-  const smartRoute = (0, import_hooks28.useSmartRoute)({
+  const smartRoute = (0, import_hooks29.useSmartRoute)({
     venueMarketOutcomeId: scopedSelectedOutcomeId,
     maxSpend: isSell ? void 0 : debouncedAmount,
     sellShares: isSell ? debouncedAmount : void 0,
@@ -7752,7 +7947,7 @@ var PlaceOrder = ({
     tradeSide: isSell ? "sell" : "buy",
     enabled: debouncedAmount > 0 && orderEligibility.canPlaceOrder
   });
-  const currentSellableShares = (0, import_react8.useMemo)(() => {
+  const currentSellableShares = (0, import_react9.useMemo)(() => {
     var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
     const sharesFromQuote = (_b2 = (_a2 = smartRoute.data) == null ? void 0 : _a2.positionAvailability) == null ? void 0 : _b2.totalSellableShares;
     if (typeof sharesFromQuote === "number" && Number.isFinite(sharesFromQuote)) {
@@ -7789,12 +7984,12 @@ var PlaceOrder = ({
     (_j = (_i = smartRoute.data) == null ? void 0 : _i.positionAvailability) == null ? void 0 : _j.totalSellableShares
   ]);
   const isCurrentSellableSharesLoading = isSell && isAuthenticated && !(typeof ((_l = (_k = smartRoute.data) == null ? void 0 : _k.positionAvailability) == null ? void 0 : _l.totalSellableShares) === "number") && (isExecutionPositionsLoading || isExecutionPositionsFetching);
-  const displayedCurrentSellableShares = (0, import_react8.useMemo)(() => {
+  const displayedCurrentSellableShares = (0, import_react9.useMemo)(() => {
     if (!Number.isFinite(currentSellableShares) || currentSellableShares <= 0) return 0;
     return Math.floor(currentSellableShares * 100) / 100;
   }, [currentSellableShares]);
   const isAtMaxSellableShares = isSell && displayedCurrentSellableShares > 0 && Math.abs(internalAmount - displayedCurrentSellableShares) < 1e-9;
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (!isSell || isCurrentSellableSharesLoading) return;
     if (scopedSelectedOutcomeId === sellFilledForOutcomeId) return;
     setInternalAmount(displayedCurrentSellableShares);
@@ -7808,7 +8003,7 @@ var PlaceOrder = ({
     displayedCurrentSellableShares,
     onAmountChange
   ]);
-  const routeCards = (0, import_react8.useMemo)(
+  const routeCards = (0, import_react9.useMemo)(
     () => smartRoute.data ? buildLiveRouteCards({
       eventVenues: scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.venueMarkets.map((market) => market.venue),
       labels: tradingLabels,
@@ -7817,7 +8012,7 @@ var PlaceOrder = ({
     }) : [],
     [smartRoute.data, tradingLabels, isSell, scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.venueMarkets]
   );
-  const resolvedSelectedRouteCardId = (0, import_react8.useMemo)(() => {
+  const resolvedSelectedRouteCardId = (0, import_react9.useMemo)(() => {
     var _a2, _b2, _c2, _d2;
     if (routeCards.length === 0) return null;
     if (selectedRouteCardId && routeCards.some((card) => card.id === selectedRouteCardId && !card.isUnavailable)) {
@@ -7825,7 +8020,7 @@ var PlaceOrder = ({
     }
     return (_d2 = (_c2 = (_a2 = routeCards.find((card) => !card.isUnavailable)) == null ? void 0 : _a2.id) != null ? _c2 : (_b2 = routeCards[0]) == null ? void 0 : _b2.id) != null ? _d2 : null;
   }, [routeCards, selectedRouteCardId]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (routeCards.length === 0) {
       setSelectedRouteCardId(null);
       setIsRoutesExpanded(false);
@@ -7836,19 +8031,19 @@ var PlaceOrder = ({
       setSelectedRouteCardId(resolvedSelectedRouteCardId);
     }
   }, [resolvedSelectedRouteCardId, routeCards.length, selectedRouteCardId]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     setSubmissionFeedback(null);
     setSubmissionProgressState(null);
   }, [internalAmount, internalSlippage, internalTab, scopedSelectedOutcomeId]);
   const orderedRouteCards = routeCards;
   const selectedRouteCard = (_n = (_m = orderedRouteCards.find((card) => card.id === resolvedSelectedRouteCardId)) != null ? _m : orderedRouteCards[0]) != null ? _n : null;
-  const isKalshiRoute = (0, import_react8.useMemo)(() => {
+  const isKalshiRoute = (0, import_react9.useMemo)(() => {
     if (selectedRouteCard) {
       return selectedRouteCard.venue === "kalshi" || selectedRouteCard.quoteData.fills.some((f) => f.venue === "kalshi");
     }
     return (scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.venue) === "kalshi";
   }, [selectedRouteCard, scopedSelectedMarket]);
-  const isKalshiVerified = (0, import_react8.useMemo)(() => {
+  const isKalshiVerified = (0, import_react9.useMemo)(() => {
     var _a2;
     const kalshiAccount = (_a2 = user == null ? void 0 : user.venueAccounts) == null ? void 0 : _a2.find((va) => va.venue === "kalshi");
     return (kalshiAccount == null ? void 0 : kalshiAccount.kycStatus) === "verified";
@@ -7865,10 +8060,10 @@ var PlaceOrder = ({
   } = useKalshiKycFlow({
     isKalshiVerified,
     userId: user == null ? void 0 : user.id,
-    walletAddress: (_o = (0, import_hooks28.getWalletAddressFromUserProfile)(user)) != null ? _o : null,
+    walletAddress: (_o = (0, import_hooks29.getWalletAddressFromUserProfile)(user)) != null ? _o : null,
     onError
   });
-  const handleRouteCardSelect = (0, import_react8.useCallback)(
+  const handleRouteCardSelect = (0, import_react9.useCallback)(
     (cardId) => {
       if (cardId === resolvedSelectedRouteCardId) {
         const card = routeCards.find((c) => c.id === cardId);
@@ -7881,7 +8076,7 @@ var PlaceOrder = ({
     },
     [resolvedSelectedRouteCardId, routeCards]
   );
-  const executionProgress = (0, import_hooks28.useExecutionProgress)({
+  const executionProgress = (0, import_hooks29.useExecutionProgress)({
     orderIds: (_p = submissionProgressState == null ? void 0 : submissionProgressState.orderIds) != null ? _p : null,
     enabled: ((submissionProgressState == null ? void 0 : submissionProgressState.phase) === "submitting" || (submissionProgressState == null ? void 0 : submissionProgressState.phase) === "executing") && !!((_q = submissionProgressState == null ? void 0 : submissionProgressState.orderIds) == null ? void 0 : _q.length)
   });
@@ -7889,7 +8084,7 @@ var PlaceOrder = ({
   const headerImage = (_v = (_u = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.image) != null ? _u : scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.image) != null ? _v : null;
   const headerTitle = (_x = (_w = scopedSelectedEvent == null ? void 0 : scopedSelectedEvent.title) != null ? _w : scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.question) != null ? _x : "";
   const headerSubtitle = (_y = scopedSelectedMarket == null ? void 0 : scopedSelectedMarket.question) != null ? _y : "";
-  const buildExecutionSummary = (0, import_react8.useCallback)(
+  const buildExecutionSummary = (0, import_react9.useCallback)(
     (quoteData, executionVenue, orderId, partialFillSummary) => {
       var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
       if (!quoteData) return void 0;
@@ -7956,7 +8151,7 @@ var PlaceOrder = ({
       tradingLabels
     ]
   );
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (executionProgress.phase === "order_submitted") {
       const submittedOrder = executionProgress.submittedOrders[0];
       setSubmissionProgressState((prev) => {
@@ -7988,7 +8183,7 @@ var PlaceOrder = ({
     executionProgress.submittedOrders,
     selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData
   ]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     const dp = executionProgress.dagProgress;
     if (!dp) return;
     setSubmissionProgressState((prev) => {
@@ -8007,7 +8202,7 @@ var PlaceOrder = ({
       return __spreadProps(__spreadValues({}, prev), { dagProgress: dp });
     });
   }, [executionProgress.dagProgress, tradingLabels.orderFailed]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     const orderIds = submissionProgressState == null ? void 0 : submissionProgressState.orderIds;
     if (!(orderIds == null ? void 0 : orderIds.length)) return;
     const aggregateStatus = deriveAggregateOrderStatus(
@@ -8055,12 +8250,12 @@ var PlaceOrder = ({
     submissionProgressState == null ? void 0 : submissionProgressState.orderIds,
     tradingLabels.orderFailed
   ]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (!submissionProgressState) return;
     onExecutionStateChange == null ? void 0 : onExecutionStateChange(submissionProgressState);
     if (submissionProgressState.phase === "success" && submissionProgressState.summary) {
-      (0, import_hooks28.invalidateBalanceQueries)(queryClient);
-      (0, import_hooks28.invalidatePositionQueries)(queryClient);
+      (0, import_hooks29.invalidateBalanceQueries)(queryClient);
+      (0, import_hooks29.invalidatePositionQueries)(queryClient);
       onSuccess == null ? void 0 : onSuccess(submissionProgressState.summary);
     }
     if (submissionProgressState.phase === "failed" && submissionProgressState.errorMessage) {
@@ -8072,7 +8267,7 @@ var PlaceOrder = ({
   const hasEnteredAmount = internalAmount > 0;
   const isInsufficientBalance = !isSell && isAuthenticated && hasEnteredAmount && !isBalanceLoading && internalAmount > totalBalance;
   const isBelowMinimum = !isSell && hasEnteredAmount && internalAmount < MIN_BUY_ORDER_AMOUNT;
-  const quoteStatus = (0, import_react8.useMemo)(() => {
+  const quoteStatus = (0, import_react9.useMemo)(() => {
     if (!orderEligibility.canPlaceOrder) return void 0;
     return resolvePlaceOrderQuoteStatus({
       amount: internalAmount,
@@ -8087,7 +8282,7 @@ var PlaceOrder = ({
     scopedSelectedMarket,
     tradingLabels
   ]);
-  const smartRouteErrorMessage = (0, import_react8.useMemo)(() => {
+  const smartRouteErrorMessage = (0, import_react9.useMemo)(() => {
     if (!smartRoute.error) return null;
     return normalizePlaceOrderErrorMessage({
       errorMessage: smartRoute.error.message,
@@ -8095,7 +8290,7 @@ var PlaceOrder = ({
     });
   }, [smartRoute.error, tradingLabels.quoteUnavailable]);
   const progressActionLabel = (internalTab === "buy" ? tradingLabels.buyingOutcome(selectedOutcomeLabel) : tradingLabels.sellingOutcome(selectedOutcomeLabel)).trim();
-  const canRetryRemaining = (0, import_react8.useMemo)(() => {
+  const canRetryRemaining = (0, import_react9.useMemo)(() => {
     const remaining = getPlaceOrderUnfilledRemaining({
       originalAmount: internalAmount,
       terminalOrderEvents: executionProgress.terminalOrderEvents
@@ -8104,7 +8299,7 @@ var PlaceOrder = ({
     return remaining >= minRemainder;
   }, [executionProgress.terminalOrderEvents, internalAmount, isSell]);
   const PARTIAL_FILL_AUTO_SUCCESS_THRESHOLD = 0.95;
-  const shouldAutoSkipPartialFill = (0, import_react8.useMemo)(() => {
+  const shouldAutoSkipPartialFill = (0, import_react9.useMemo)(() => {
     if (internalAmount <= 0) return false;
     const remaining = getPlaceOrderUnfilledRemaining({
       originalAmount: internalAmount,
@@ -8114,7 +8309,7 @@ var PlaceOrder = ({
     const fillRatio = filled / internalAmount;
     return fillRatio >= PARTIAL_FILL_AUTO_SUCCESS_THRESHOLD || !canRetryRemaining;
   }, [canRetryRemaining, executionProgress.terminalOrderEvents, internalAmount]);
-  const failureSummary = (0, import_react8.useMemo)(() => {
+  const failureSummary = (0, import_react9.useMemo)(() => {
     var _a2;
     if ((submissionProgressState == null ? void 0 : submissionProgressState.phase) !== "failed") return void 0;
     return buildPlaceOrderFailureSummary({
@@ -8143,30 +8338,76 @@ var PlaceOrder = ({
     submissionProgressState,
     tradingLabels
   ]);
-  const displayedToWinHint = (_B = selectedRouteCard == null ? void 0 : selectedRouteCard.hint) != null ? _B : "";
-  const displayedToWinValue = (_C = selectedRouteCard == null ? void 0 : selectedRouteCard.numericValue) != null ? _C : 0;
+  const displayedToWinHint = (0, import_react9.useMemo)(() => {
+    var _a2, _b2, _c2, _d2;
+    if (!selectedRouteCard) return "";
+    if (selectedRouteCard.isUnavailable) {
+      const avgPrice = (_c2 = (_b2 = (_a2 = selectedRouteCard.quoteData) == null ? void 0 : _a2.fills) == null ? void 0 : _b2[0]) == null ? void 0 : _c2.avgPrice;
+      return avgPrice != null ? tradingLabels.averagePrice(avgPrice) : "";
+    }
+    return (_d2 = selectedRouteCard.hint) != null ? _d2 : "";
+  }, [selectedRouteCard, tradingLabels]);
+  const displayedToWinValue = (_B = selectedRouteCard == null ? void 0 : selectedRouteCard.numericValue) != null ? _B : 0;
+  const activeFeeBreakdown = activeQuoteData == null ? void 0 : activeQuoteData.feeBreakdown;
+  const estimatedFeesValue = (0, import_react9.useMemo)(() => {
+    if (!activeFeeBreakdown) return null;
+    const totalFees = activeFeeBreakdown.venueFees + activeFeeBreakdown.bridgeFees + activeFeeBreakdown.executionGas;
+    return formatUsd(totalFees, { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+  }, [activeFeeBreakdown]);
+  const feeBreakdownRows = (0, import_react9.useMemo)(() => {
+    if (!activeFeeBreakdown) return [];
+    return [
+      {
+        label: tradingLabels.feeBreakdownVenueFees,
+        value: formatUsd(activeFeeBreakdown.venueFees, {
+          minimumFractionDigits: 2,
+          maximumFractionDigits: 2
+        })
+      },
+      {
+        label: tradingLabels.feeBreakdownBridgeFees,
+        value: formatUsd(activeFeeBreakdown.bridgeFees, {
+          minimumFractionDigits: 2,
+          maximumFractionDigits: 2
+        })
+      },
+      {
+        label: tradingLabels.feeBreakdownExecutionGas,
+        value: formatUsd(activeFeeBreakdown.executionGas, {
+          minimumFractionDigits: 2,
+          maximumFractionDigits: 2
+        })
+      },
+      {
+        label: tradingLabels.feeBreakdownTotalFees,
+        value: formatUsd(
+          activeFeeBreakdown.venueFees + activeFeeBreakdown.bridgeFees + activeFeeBreakdown.executionGas,
+          { minimumFractionDigits: 2, maximumFractionDigits: 2 }
+        )
+      }
+    ];
+  }, [activeFeeBreakdown, tradingLabels]);
   const isActionLoading = isPrimaryActionLoading || executeManaged.isPending;
-  const selectedRouteGeoBlocked = (_D = selectedRouteCard == null ? void 0 : selectedRouteCard.isUnavailable) != null ? _D : false;
-  const geoBlockedVenuesFromWarnings = (0, import_react8.useMemo)(
+  const selectedRouteGeoBlocked = (_C = selectedRouteCard == null ? void 0 : selectedRouteCard.isUnavailable) != null ? _C : false;
+  const geoBlockedVenuesFromWarnings = (0, import_react9.useMemo)(
     () => {
       var _a2;
       return extractGeoBlockedVenues((_a2 = smartRoute.data) == null ? void 0 : _a2.warnings);
     },
-    [(_E = smartRoute.data) == null ? void 0 : _E.warnings]
+    [(_D = smartRoute.data) == null ? void 0 : _D.warnings]
   );
-  const isPrimaryVenueGeoBlocked = (0, import_react8.useMemo)(() => {
+  const isPrimaryVenueGeoBlocked = (0, import_react9.useMemo)(() => {
     var _a2, _b2;
     if (!selectedRouteCard || selectedRouteCard.isUnavailable) return false;
     const fills = (_b2 = (_a2 = selectedRouteCard.quoteData) == null ? void 0 : _a2.fills) != null ? _b2 : [];
     return fills.length > 0 && fills.every((f) => geoBlockedVenuesFromWarnings.has(f.venue));
   }, [selectedRouteCard, geoBlockedVenuesFromWarnings]);
   const shouldShowGeoBlockBanner = isTradingBlocked || selectedRouteGeoBlocked || isPrimaryVenueGeoBlocked;
-  const geoBlockVenueLabel = isTradingBlocked ? void 0 : selectedRouteGeoBlocked ? selectedRouteCard == null ? void 0 : selectedRouteCard.label : isPrimaryVenueGeoBlocked && (selectedRouteCard == null ? void 0 : selectedRouteCard.venue) ? getTradingVenueLabel(selectedRouteCard.venue) : void 0;
   const actionLabel = `${internalTab === "buy" ? tradingLabels.buy : tradingLabels.sell} ${selectedOutcomeLabel}`.trim();
   const isActionDisabled = isPrimaryActionDisabled || !orderEligibility.canPlaceOrder || isActionLoading || !hasEnteredAmount || !scopedSelectedMarket || isInsufficientBalance || isBelowMinimum || !selectedRouteCard || !selectedRouteCard.quoteData.quoteId || selectedRouteGeoBlocked || !isAuthenticated || quoteStatus !== void 0;
   const shouldShowSmartRouting = orderEligibility.canPlaceOrder && hasEnteredAmount && (orderedRouteCards.length > 0 || smartRoute.isFetching);
   const shouldShowRouteToggle = orderedRouteCards.length > PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT;
-  const handleStartNewTrade = (0, import_react8.useCallback)(() => {
+  const handleStartNewTrade = (0, import_react9.useCallback)(() => {
     setSubmissionProgressState(null);
     setSubmissionFeedback(null);
     setInternalAmount(0);
@@ -8189,7 +8430,7 @@ var PlaceOrder = ({
     const shareUrl = `https://twitter.com/intent/tweet?text=${encodeURIComponent(shareText)}`;
     window.open(shareUrl, "_blank", "noopener,noreferrer");
   };
-  const handleExecuteQuote = (0, import_react8.useCallback)(
+  const handleExecuteQuote = (0, import_react9.useCallback)(
     (quoteData) => __async(null, null, function* () {
       const quoteId = quoteData == null ? void 0 : quoteData.quoteId;
       if (!quoteId) {
@@ -8209,7 +8450,7 @@ var PlaceOrder = ({
     }),
     [executeManaged, onPrimaryAction, tradingLabels.quoteUnavailable]
   );
-  const handleSkipToSuccess = (0, import_react8.useCallback)(() => {
+  const handleSkipToSuccess = (0, import_react9.useCallback)(() => {
     const primaryFilledEvent = executionProgress.terminalOrderEvents.find(
       (e) => e.event === "filled" || e.event === "partial_fill"
     );
@@ -8234,7 +8475,7 @@ var PlaceOrder = ({
     failureSummary,
     selectedRouteCard == null ? void 0 : selectedRouteCard.quoteData
   ]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if ((submissionProgressState == null ? void 0 : submissionProgressState.phase) !== "failed") return;
     if ((failureSummary == null ? void 0 : failureSummary.kind) !== "partial_fill") return;
     if (!shouldAutoSkipPartialFill) return;
@@ -8245,7 +8486,7 @@ var PlaceOrder = ({
     shouldAutoSkipPartialFill,
     submissionProgressState == null ? void 0 : submissionProgressState.phase
   ]);
-  const handleRetrySubmission = (0, import_react8.useCallback)(() => __async(null, null, function* () {
+  const handleRetrySubmission = (0, import_react9.useCallback)(() => __async(null, null, function* () {
     var _a2, _b2, _c2;
     if (!orderEligibility.canPlaceOrder) {
       handleStartNewTrade();
@@ -8332,7 +8573,7 @@ var PlaceOrder = ({
   ]);
   const resolvedStatusClassName = cn(classNames == null ? void 0 : classNames.root, className);
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
       Skeleton,
       {
         ariaLabel: labels.common.loading,
@@ -8343,7 +8584,7 @@ var PlaceOrder = ({
   }
   if (submissionProgressState) {
     if (submissionProgressState.phase === "success" && submissionProgressState.summary) {
-      return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
         PlaceOrderSuccessView,
         {
           className: resolvedStatusClassName,
@@ -8355,7 +8596,7 @@ var PlaceOrder = ({
       );
     }
     if (submissionProgressState.phase === "failed") {
-      return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
         PlaceOrderFailureView,
         {
           className: resolvedStatusClassName,
@@ -8453,7 +8694,7 @@ var PlaceOrder = ({
     }
   });
   if (!orderEligibility.canPlaceOrder && resolvedReadOnlyTradingState.kind !== "open") {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
       PlaceOrderResolvedView,
       {
         tradingState: resolvedReadOnlyTradingState,
@@ -8463,8 +8704,8 @@ var PlaceOrder = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_react8.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(import_react9.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
       Card,
       {
         className: cn(
@@ -8481,8 +8722,8 @@ var PlaceOrder = ({
             headerTitle,
             onClose
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: cn("agg-order-panel-content flex flex-col gap-6", classNames == null ? void 0 : classNames.content), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: cn("agg-order-panel-content flex flex-col gap-6", classNames == null ? void 0 : classNames.content), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
               "div",
               {
                 className: "agg-order-tabs flex items-end border-b border-agg-separator",
@@ -8493,7 +8734,7 @@ var PlaceOrder = ({
                   { value: "sell", label: tradingLabels.sell, ref: sellTabRef }
                 ].map((tabItem) => {
                   const isActive = internalTab === tabItem.value;
-                  return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
                     "button",
                     {
                       ref: tabItem.ref,
@@ -8517,7 +8758,7 @@ var PlaceOrder = ({
                       onKeyDown: (event) => handleTabKeyDown(event, tabItem.value),
                       children: [
                         tabItem.label,
-                        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
                           "span",
                           {
                             "aria-hidden": "true",
@@ -8539,13 +8780,13 @@ var PlaceOrder = ({
                 })
               }
             ),
-            outcomes.length >= 2 ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "agg-outcomes flex w-full max-w-full gap-2", children: outcomes.map((outcome, index) => {
+            outcomes.length >= 2 ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "agg-outcomes flex w-full max-w-full gap-2", children: outcomes.map((outcome, index) => {
               var _a2, _b2, _c2;
               const price = (_b2 = (_a2 = clusterMidpoints.get(outcome.id)) != null ? _a2 : livePrices.get(outcome.id)) != null ? _b2 : outcome.price;
               const isActive = outcome.id === scopedSelectedOutcomeId;
               const isPositive = resolveIsPositiveOutcome(outcome, index);
               const displayLabel = ((_c2 = outcome.title) == null ? void 0 : _c2.trim()) || outcome.label;
-              return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
                 "button",
                 {
                   "data-id": outcome.id,
@@ -8565,7 +8806,7 @@ var PlaceOrder = ({
                   disabled: !orderEligibility.canPlaceOrder || isResolvedOutcomeCtaLocked,
                   onClick: () => handleOutcomeChange(outcome.id),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
                       Typography,
                       {
                         as: "span",
@@ -8574,18 +8815,18 @@ var PlaceOrder = ({
                         children: displayLabel
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Typography, { as: "span", variant: isActive ? "body-strong" : "body", children: formatProbabilityCents(price) })
+                    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Typography, { as: "span", variant: isActive ? "body-strong" : "body", children: formatProbabilityCents(price) })
                   ]
                 },
                 outcome.id
               );
             }) }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "agg-order-amount-section flex items-start justify-between gap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "agg-order-amount-meta flex flex-col", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "agg-order-amount-label text-agg-base font-agg-bold leading-agg-6 text-agg-foreground whitespace-nowrap", children: tradingLabels.amount(internalTab) }),
-                isAuthenticated ? isSell ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "agg-balance-value flex items-baseline gap-1.5 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isCurrentSellableSharesLoading ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(LoadingIcon, { size: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_jsx_runtime110.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { children: tradingLabels.shares(displayedCurrentSellableShares) }),
-                  displayedCurrentSellableShares > 0 ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "agg-order-amount-section flex items-start justify-between gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "agg-order-amount-meta flex flex-col", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "agg-order-amount-label text-agg-base font-agg-bold leading-agg-6 text-agg-foreground whitespace-nowrap", children: tradingLabels.amount(internalTab) }),
+                isAuthenticated ? isSell ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "agg-balance-value flex items-baseline gap-1.5 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isCurrentSellableSharesLoading ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(LoadingIcon, { size: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(import_jsx_runtime113.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { children: tradingLabels.shares(displayedCurrentSellableShares) }),
+                  displayedCurrentSellableShares > 0 ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
                     "button",
                     {
                       type: "button",
@@ -8601,9 +8842,9 @@ var PlaceOrder = ({
                       children: tradingLabels.maxShares
                     }
                   ) : null
-                ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "agg-balance-value flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(LoadingIcon, { size: "small" }) : tradingLabels.balance(formatUsd(totalBalance)) }) : null
+                ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "agg-balance-value flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: isBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(LoadingIcon, { size: "small" }) : tradingLabels.balance(formatUsd(totalBalance)) }) : null
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
                 CurrencyInput,
                 {
                   value: internalAmount,
@@ -8623,10 +8864,40 @@ var PlaceOrder = ({
                 }
               )
             ] }),
-            shouldShowSmartRouting ? /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "agg-route-panel flex flex-col gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "agg-route-panel-header flex items-center justify-between gap-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "agg-route-panel-title text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.smartRouting }),
-                shouldShowRouteToggle && !isRoutesExpanded ? /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+            showFeesBreakdown && hasEnteredAmount && estimatedFeesValue ? /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "agg-order-fees-section flex items-center justify-between gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+                  Typography,
+                  {
+                    variant: "text-sm",
+                    className: "text-agg-sm leading-agg-5 text-agg-muted-foreground",
+                    children: tradingLabels.estimatedFees
+                  }
+                ),
+                feeBreakdownRows.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+                  Tooltip,
+                  {
+                    "aria-label": tradingLabels.estimatedFeesTooltipAria,
+                    content: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "flex min-w-[220px] flex-col gap-2", children: feeBreakdownRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
+                      "div",
+                      {
+                        className: "flex items-center justify-between gap-3 text-agg-sm leading-agg-5",
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "text-agg-muted-foreground", children: row.label }),
+                          /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "font-agg-bold text-agg-foreground", children: row.value })
+                        ]
+                      },
+                      row.label
+                    )) })
+                  }
+                ) : null
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: estimatedFeesValue })
+            ] }) : null,
+            shouldShowSmartRouting ? /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "agg-route-panel flex flex-col gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "agg-route-panel-header flex items-center justify-between gap-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "agg-route-panel-title text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.smartRouting }),
+                shouldShowRouteToggle && !isRoutesExpanded ? /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
                   "button",
                   {
                     type: "button",
@@ -8634,8 +8905,8 @@ var PlaceOrder = ({
                     "aria-label": tradingLabels.viewAllRoutes(orderedRouteCards.length),
                     onClick: () => setIsRoutesExpanded((currentValue) => !currentValue),
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { children: tradingLabels.viewAllRoutes(orderedRouteCards.length) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { children: tradingLabels.viewAllRoutes(orderedRouteCards.length) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
                         Icon,
                         {
                           name: "chevron-down",
@@ -8648,8 +8919,8 @@ var PlaceOrder = ({
                   }
                 ) : null
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "agg-route-list flex flex-col gap-2", children: visibleRouteCards.length > 0 ? smartRoute.isFetching ? Array.from({ length: visibleRouteCards.length }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(PlaceOrderRouteCardSkeleton, {}, index)) : visibleRouteCards.map((card) => {
-                return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_react8.Fragment, { children: renderRouteCard({
+              /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "agg-route-list flex flex-col gap-2", children: visibleRouteCards.length > 0 ? smartRoute.isFetching ? Array.from({ length: visibleRouteCards.length }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(PlaceOrderRouteCardSkeleton, {}, index)) : visibleRouteCards.map((card) => {
+                return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_react9.Fragment, { children: renderRouteCard({
                   card,
                   enableAnimations,
                   isExpanded: card.kind === "split" ? isSplitDetailOpen : isRoutesExpanded,
@@ -8657,18 +8928,18 @@ var PlaceOrder = ({
                   onSelect: handleRouteCardSelect,
                   tradingLabels
                 }) }, card.id);
-              }) : smartRoute.isFetching ? /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_jsx_runtime110.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(PlaceOrderRouteCardSkeleton, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(PlaceOrderRouteCardSkeleton, {})
+              }) : smartRoute.isFetching ? /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(import_jsx_runtime113.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(PlaceOrderRouteCardSkeleton, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(PlaceOrderRouteCardSkeleton, {})
               ] }) : null })
             ] }) : null,
-            hasEnteredAmount && selectedRouteCard && orderEligibility.canPlaceOrder ? /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "agg-order-summary flex items-start justify-between gap-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "agg-order-summary-meta flex flex-col", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "agg-order-summary-label text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.toWin(internalTab) }),
-                /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "agg-order-summary-hint text-agg-sm leading-agg-5 text-agg-muted-foreground", children: displayedToWinHint })
+            hasEnteredAmount && selectedRouteCard && orderEligibility.canPlaceOrder ? /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "agg-order-summary flex items-start justify-between gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "agg-order-summary-meta flex flex-col", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "agg-order-summary-label text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: tradingLabels.toWin(internalTab) }),
+                /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "agg-order-summary-hint text-agg-sm leading-agg-5 text-agg-muted-foreground", children: displayedToWinHint })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
-                import_react7.default,
+              /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+                import_react8.default,
                 {
                   value: displayedToWinValue,
                   locales: locale,
@@ -8682,7 +8953,7 @@ var PlaceOrder = ({
                 }
               )
             ] }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
               "div",
               {
                 className: cn(
@@ -8690,23 +8961,23 @@ var PlaceOrder = ({
                   classNames == null ? void 0 : classNames.footer
                 ),
                 children: [
-                  !shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "agg-order-alerts flex flex-col gap-3 empty:hidden mb-3", children: [
-                    submissionFeedback ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                  !shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "agg-order-alerts flex flex-col gap-3 empty:hidden mb-3", children: [
+                    submissionFeedback ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
                       InlineAlert,
                       {
                         tone: submissionFeedback.tone,
                         message: submissionFeedback.message
                       }
                     ) : null,
-                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && isBelowMinimum ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && isBelowMinimum ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
                       InlineAlert,
                       {
                         tone: "error",
                         message: tradingLabels.minimumOrderAmount(MIN_BUY_ORDER_AMOUNT)
                       }
                     ) : null,
-                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && !isBelowMinimum && quoteStatus ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(InlineAlert, { tone: quoteStatus.tone, message: quoteStatus.message }) : null,
-                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && !isBelowMinimum && !quoteStatus && isAuthenticated && hasEnteredAmount && smartRouteErrorMessage ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && !isBelowMinimum && quoteStatus ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(InlineAlert, { tone: quoteStatus.tone, message: quoteStatus.message }) : null,
+                    !submissionFeedback && orderEligibility.canPlaceOrder && !isInsufficientBalance && !isBelowMinimum && !quoteStatus && isAuthenticated && hasEnteredAmount && smartRouteErrorMessage ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
                       InlineAlert,
                       {
                         tone: "error",
@@ -8718,14 +8989,14 @@ var PlaceOrder = ({
                       }
                     ) : null
                   ] }) : null,
-                  !submissionFeedback && !shouldShowGeoBlockBanner && orderEligibility.canPlaceOrder && isInsufficientBalance ? /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
+                  !submissionFeedback && !shouldShowGeoBlockBanner && orderEligibility.canPlaceOrder && isInsufficientBalance ? /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
                     "div",
                     {
                       className: "agg-order-insufficient-balance-alert flex items-center justify-center gap-2",
                       role: "status",
                       "aria-live": "polite",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
                           Icon,
                           {
                             name: "warning-filled",
@@ -8734,11 +9005,11 @@ var PlaceOrder = ({
                             "aria-hidden": "true"
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { className: "text-agg-sm text-agg-foreground", children: tradingLabels.insufficientBalance })
+                        /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { className: "text-agg-sm text-agg-foreground", children: tradingLabels.insufficientBalance })
                       ]
                     }
                   ) : null,
-                  !submissionFeedback && !shouldShowGeoBlockBanner && isInsufficientBalance ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                  !submissionFeedback && !shouldShowGeoBlockBanner && isInsufficientBalance ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
                     Button,
                     {
                       size: "large",
@@ -8748,7 +9019,7 @@ var PlaceOrder = ({
                       onClick: handleDepositRequiredClick,
                       children: tradingLabels.deposit
                     }
-                  ) : needsKycVerification && !submissionFeedback && !shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(InitiateKycButton, { label: tradingLabels.kycRequired, onOpen: openVerifyModal }) : !isAuthenticated ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                  ) : needsKycVerification && !submissionFeedback && !shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(InitiateKycButton, { label: tradingLabels.kycRequired, onOpen: openVerifyModal }) : !isAuthenticated ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
                     Button,
                     {
                       size: "large",
@@ -8756,10 +9027,10 @@ var PlaceOrder = ({
                       className: "agg-order-submit h-12 w-full px-8 text-agg-base leading-agg-6 shadow-none",
                       disabled: !orderEligibility.canPlaceOrder || shouldShowGeoBlockBanner,
                       "aria-label": tradingLabels.signInToTrade,
-                      onClick: import_hooks28.requestAggAuthChooserOpen,
+                      onClick: import_hooks29.requestAggAuthChooserOpen,
                       children: tradingLabels.signInToTrade
                     }
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
                     Button,
                     {
                       size: "large",
@@ -8774,8 +9045,20 @@ var PlaceOrder = ({
                       children: actionLabel
                     }
                   ),
-                  shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(GeoBlockBanner, { venue: geoBlockVenueLabel, termsUrl: AGG_TERMS_OF_SERVICE_URL }) : null,
-                  !shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("p", { className: "agg-order-disclaimer text-center text-agg-xs leading-agg-4 text-agg-muted-foreground", children: tradingLabels.disclaimer }) : null
+                  !shouldShowGeoBlockBanner && internalTab === "buy" && showFeesBreakdown ? /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("div", { className: "agg-order-platform-fee mt-1 flex items-center justify-center gap-1.5 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+                      Icon,
+                      {
+                        name: "shield-trust",
+                        size: "small",
+                        className: "h-3.5 w-3.5 text-agg-primary",
+                        "aria-hidden": "true"
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Typography, { variant: "text-xs-caps", className: "text-agg-primary", children: tradingLabels.platformFee })
+                  ] }) : null,
+                  shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(GeoBlockBanner, { termsUrl: AGG_TERMS_OF_SERVICE_URL }) : null,
+                  !shouldShowGeoBlockBanner ? /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("p", { className: "agg-order-disclaimer text-center text-agg-xs leading-agg-4 text-agg-muted-foreground", children: tradingLabels.disclaimer }) : null
                 ]
               }
             )
@@ -8783,7 +9066,7 @@ var PlaceOrder = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
       KycVerifyModal,
       {
         open: isKycVerifyModalOpen,
@@ -8800,7 +9083,7 @@ var PlaceOrder = ({
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
       KycSuccessModal,
       {
         open: showKycSuccessModal,
@@ -8819,7 +9102,7 @@ var PlaceOrder = ({
 PlaceOrder.displayName = "PlaceOrder";
 
 // src/trading/trading-context/index.tsx
-var import_hooks29 = require("@agg-build/hooks");
+var import_hooks30 = require("@agg-build/hooks");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   PlaceOrder,