@agg-build/ui 1.2.2 → 1.2.3

package/dist/{chunk-FDTLV74F.mjs → chunk-XCECYRTH.mjs}

@@ -1865,7 +1865,7 @@ var renderRouteCard = ({
   var _a, _b;
   const showSplitDetails = isSelected && isExpanded && card.kind === "split" && !!((_a = card.rows) == null ? void 0 : _a.length);
   const ariaLabel = [card.label, card.hint, card.value].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsx4(
     "button",
     {
       type: "button",
@@ -1884,72 +1884,69 @@ var renderRouteCard = ({
         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__ */ jsx4("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__ */ jsxs3("div", { className: "agg-route-card-content relative z-10 flex flex-col gap-3", children: [
-          /* @__PURE__ */ jsxs3("div", { className: "agg-route-card-header flex items-center justify-between gap-4", children: [
-            /* @__PURE__ */ jsxs3("div", { className: "agg-route-card-meta flex min-w-0 gap-3 items-center", children: [
-              card.kind === "split" ? /* @__PURE__ */ jsx4(
-                Icon,
-                {
-                  name: "sparkles-filled",
-                  size: "small",
-                  className: cn(
-                    "mt-0.5 h-4 w-4 shrink-0",
-                    isSelected ? "text-agg-trade-highlight-accent" : "text-agg-muted-foreground/70"
-                  ),
-                  "aria-hidden": "true"
-                }
-              ) : card.venue ? /* @__PURE__ */ jsx4(
-                VenueLogo,
-                {
-                  venue: card.venue,
-                  size: "small",
-                  ariaLabel: getTradingVenueLabel(card.venue)
-                }
-              ) : null,
-              /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-1 min-w-0", children: [
-                /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1.5", children: [
-                  /* @__PURE__ */ jsx4("p", { className: "agg-route-card-title truncate text-agg-sm leading-agg-5 text-agg-foreground", children: card.label }),
-                  card.isUnavailable ? /* @__PURE__ */ jsx4(
-                    Icon,
-                    {
-                      name: "lock",
-                      size: "xs",
-                      className: "shrink-0 text-agg-muted-foreground",
-                      "aria-hidden": "true"
-                    }
-                  ) : card.kind === "split" && isSelected ? /* @__PURE__ */ jsx4(
-                    Icon,
-                    {
-                      name: showSplitDetails ? "chevron-up" : "chevron-down",
-                      size: "small",
-                      className: "h-4 w-4 shrink-0 text-agg-muted-foreground/50",
-                      "aria-hidden": "true"
-                    }
-                  ) : null
-                ] }),
-                card.hint ? /* @__PURE__ */ jsx4("p", { className: "agg-route-card-hint text-agg-xs leading-agg-4 text-agg-muted-foreground", children: card.hint }) : null
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx4(
-              "p",
+      children: /* @__PURE__ */ jsxs3("div", { className: "agg-route-card-content relative z-10 flex flex-col gap-3", children: [
+        /* @__PURE__ */ jsxs3("div", { className: "agg-route-card-header flex items-center justify-between gap-4", children: [
+          /* @__PURE__ */ jsxs3("div", { className: "agg-route-card-meta flex min-w-0 gap-3 items-center", children: [
+            card.kind === "split" ? /* @__PURE__ */ jsx4(
+              Icon,
               {
+                name: "sparkles-filled",
+                size: "small",
                 className: cn(
-                  "agg-route-card-value",
-                  "shrink-0 whitespace-nowrap",
-                  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"
+                  "mt-0.5 h-4 w-4 shrink-0",
+                  isSelected ? "text-agg-trade-highlight-accent" : "text-agg-muted-foreground/70"
                 ),
-                children: card.value
+                "aria-hidden": "true"
               }
-            )
+            ) : card.venue ? /* @__PURE__ */ jsx4(
+              VenueLogo,
+              {
+                venue: card.venue,
+                size: "small",
+                ariaLabel: getTradingVenueLabel(card.venue)
+              }
+            ) : null,
+            /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-1 min-w-0", children: [
+              /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ jsx4("p", { className: "agg-route-card-title truncate text-agg-sm leading-agg-5 text-agg-foreground", children: card.label }),
+                card.isUnavailable ? /* @__PURE__ */ jsx4(
+                  Icon,
+                  {
+                    name: "lock",
+                    size: "xs",
+                    className: "shrink-0 text-agg-muted-foreground",
+                    "aria-hidden": "true"
+                  }
+                ) : card.kind === "split" && isSelected ? /* @__PURE__ */ jsx4(
+                  Icon,
+                  {
+                    name: showSplitDetails ? "chevron-up" : "chevron-down",
+                    size: "small",
+                    className: "h-4 w-4 shrink-0 text-agg-muted-foreground/50",
+                    "aria-hidden": "true"
+                  }
+                ) : null
+              ] }),
+              card.hint ? /* @__PURE__ */ jsx4("p", { className: "agg-route-card-hint text-agg-xs leading-agg-4 text-agg-muted-foreground", children: card.hint }) : null
+            ] })
           ] }),
-          showSplitDetails ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
-            /* @__PURE__ */ jsx4("p", { className: "agg-route-card-description text-agg-xs leading-agg-4 text-agg-foreground", children: tradingLabels.splitOrderDescription }),
-            /* @__PURE__ */ jsx4("div", { className: "agg-route-breakdown flex flex-col gap-3", children: (_b = card.rows) == null ? void 0 : _b.map((row) => renderRouteBreakdownRow(row)) })
-          ] }) : null
-        ] })
-      ]
+          /* @__PURE__ */ jsx4(
+            "p",
+            {
+              className: cn(
+                "agg-route-card-value",
+                "shrink-0 whitespace-nowrap",
+                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: card.value
+            }
+          )
+        ] }),
+        showSplitDetails ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
+          /* @__PURE__ */ jsx4("p", { className: "agg-route-card-description text-agg-xs leading-agg-4 text-agg-foreground", children: tradingLabels.splitOrderDescription }),
+          /* @__PURE__ */ jsx4("div", { className: "agg-route-breakdown flex flex-col gap-3", children: (_b = card.rows) == null ? void 0 : _b.map((row) => renderRouteBreakdownRow(row)) })
+        ] }) : null
+      ] })
     }
   );
 };
@@ -3331,7 +3328,7 @@ var PlaceOrder = ({
                   }
                 ) : null
               ] }),
-              /* @__PURE__ */ jsx4("div", { className: "agg-route-list flex flex-col gap-2", children: visibleRouteCards.length > 0 ? smartRoute.isFetching ? Array.from({ length: visibleRouteCards.length }).map((_, index) => /* @__PURE__ */ jsx4(PlaceOrderRouteCardSkeleton, {}, index)) : visibleRouteCards.map((card) => {
+              /* @__PURE__ */ jsx4("div", { className: "agg-route-list flex flex-col gap-2", children: visibleRouteCards.length > 0 ? visibleRouteCards.map((card) => {
                 return /* @__PURE__ */ jsx4(Fragment, { children: renderRouteCard({
                   card,
                   enableAnimations,

package/dist/{chunk-6IBEGR7C.mjs → chunk-XUYPM4LM.mjs}

@@ -15,7 +15,7 @@ import {
   PlaceOrder,
   SettlementDetails,
   WITHDRAW_MODAL_OPEN_EVENT
-} from "./chunk-FDTLV74F.mjs";
+} from "./chunk-XCECYRTH.mjs";
 import {
   AggErrorBoundary,
   Button,

package/dist/index.js

@@ -17285,7 +17285,7 @@ var renderRouteCard = ({
   var _a, _b;
   const showSplitDetails = isSelected && isExpanded && card.kind === "split" && !!((_a = card.rows) == null ? void 0 : _a.length);
   const ariaLabel = [card.label, card.hint, card.value].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
     "button",
     {
       type: "button",
@@ -17304,72 +17304,69 @@ var renderRouteCard = ({
         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_runtime142.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_runtime142.jsxs)("div", { className: "agg-route-card-content relative z-10 flex flex-col gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "agg-route-card-header flex items-center justify-between gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "agg-route-card-meta flex min-w-0 gap-3 items-center", children: [
-              card.kind === "split" ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
-                Icon,
-                {
-                  name: "sparkles-filled",
-                  size: "small",
-                  className: cn(
-                    "mt-0.5 h-4 w-4 shrink-0",
-                    isSelected ? "text-agg-trade-highlight-accent" : "text-agg-muted-foreground/70"
-                  ),
-                  "aria-hidden": "true"
-                }
-              ) : card.venue ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
-                VenueLogo,
-                {
-                  venue: card.venue,
-                  size: "small",
-                  ariaLabel: getTradingVenueLabel(card.venue)
-                }
-              ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "flex flex-col gap-1 min-w-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime142.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_runtime142.jsx)(
-                    Icon,
-                    {
-                      name: "lock",
-                      size: "xs",
-                      className: "shrink-0 text-agg-muted-foreground",
-                      "aria-hidden": "true"
-                    }
-                  ) : card.kind === "split" && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
-                    Icon,
-                    {
-                      name: showSplitDetails ? "chevron-up" : "chevron-down",
-                      size: "small",
-                      className: "h-4 w-4 shrink-0 text-agg-muted-foreground/50",
-                      "aria-hidden": "true"
-                    }
-                  ) : null
-                ] }),
-                card.hint ? /* @__PURE__ */ (0, import_jsx_runtime142.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_runtime142.jsx)(
-              "p",
+      children: /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "agg-route-card-content relative z-10 flex flex-col gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "agg-route-card-header flex items-center justify-between gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "agg-route-card-meta flex min-w-0 gap-3 items-center", children: [
+            card.kind === "split" ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+              Icon,
               {
+                name: "sparkles-filled",
+                size: "small",
                 className: cn(
-                  "agg-route-card-value",
-                  "shrink-0 whitespace-nowrap",
-                  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"
+                  "mt-0.5 h-4 w-4 shrink-0",
+                  isSelected ? "text-agg-trade-highlight-accent" : "text-agg-muted-foreground/70"
                 ),
-                children: card.value
+                "aria-hidden": "true"
               }
-            )
+            ) : card.venue ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+              VenueLogo,
+              {
+                venue: card.venue,
+                size: "small",
+                ariaLabel: getTradingVenueLabel(card.venue)
+              }
+            ) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "flex flex-col gap-1 min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime142.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_runtime142.jsx)(
+                  Icon,
+                  {
+                    name: "lock",
+                    size: "xs",
+                    className: "shrink-0 text-agg-muted-foreground",
+                    "aria-hidden": "true"
+                  }
+                ) : card.kind === "split" && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+                  Icon,
+                  {
+                    name: showSplitDetails ? "chevron-up" : "chevron-down",
+                    size: "small",
+                    className: "h-4 w-4 shrink-0 text-agg-muted-foreground/50",
+                    "aria-hidden": "true"
+                  }
+                ) : null
+              ] }),
+              card.hint ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { className: "agg-route-card-hint text-agg-xs leading-agg-4 text-agg-muted-foreground", children: card.hint }) : null
+            ] })
           ] }),
-          showSplitDetails ? /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(import_jsx_runtime142.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { className: "agg-route-card-description text-agg-xs leading-agg-4 text-agg-foreground", children: tradingLabels.splitOrderDescription }),
-            /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { className: "agg-route-breakdown flex flex-col gap-3", children: (_b = card.rows) == null ? void 0 : _b.map((row) => renderRouteBreakdownRow(row)) })
-          ] }) : null
-        ] })
-      ]
+          /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+            "p",
+            {
+              className: cn(
+                "agg-route-card-value",
+                "shrink-0 whitespace-nowrap",
+                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: card.value
+            }
+          )
+        ] }),
+        showSplitDetails ? /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(import_jsx_runtime142.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { className: "agg-route-card-description text-agg-xs leading-agg-4 text-agg-foreground", children: tradingLabels.splitOrderDescription }),
+          /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { className: "agg-route-breakdown flex flex-col gap-3", children: (_b = card.rows) == null ? void 0 : _b.map((row) => renderRouteBreakdownRow(row)) })
+        ] }) : null
+      ] })
     }
   );
 };
@@ -18751,7 +18748,7 @@ var PlaceOrder = ({
                   }
                 ) : null
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime142.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_runtime142.jsx)(PlaceOrderRouteCardSkeleton, {}, index)) : visibleRouteCards.map((card) => {
+              /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { className: "agg-route-list flex flex-col gap-2", children: visibleRouteCards.length > 0 ? visibleRouteCards.map((card) => {
                 return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_react31.Fragment, { children: renderRouteCard({
                   card,
                   enableAnimations,

package/dist/index.mjs

@@ -10,7 +10,7 @@ import {
   USER_PROFILE_TAB_POSITIONS,
   UserProfilePage,
   useHomePageModals
-} from "./chunk-6IBEGR7C.mjs";
+} from "./chunk-XUYPM4LM.mjs";
 import {
   EventList,
   EventListItem,
@@ -52,7 +52,7 @@ import {
   parseVenue,
   requestAggDepositModalOpen,
   requestAggWithdrawModalOpen
-} from "./chunk-FDTLV74F.mjs";
+} from "./chunk-XCECYRTH.mjs";
 import {
   SETTLEMENT_SECTION_ID,
   Settlement,

package/dist/pages.js

@@ -15518,7 +15518,7 @@ var renderRouteCard = ({
   var _a, _b;
   const showSplitDetails = isSelected && isExpanded && card.kind === "split" && !!((_a = card.rows) == null ? void 0 : _a.length);
   const ariaLabel = [card.label, card.hint, card.value].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
     "button",
     {
       type: "button",
@@ -15537,72 +15537,69 @@ var renderRouteCard = ({
         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_runtime135.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_runtime135.jsxs)("div", { className: "agg-route-card-content relative z-10 flex flex-col gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-route-card-header flex items-center justify-between gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-route-card-meta flex min-w-0 gap-3 items-center", children: [
-              card.kind === "split" ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
-                Icon,
-                {
-                  name: "sparkles-filled",
-                  size: "small",
-                  className: cn(
-                    "mt-0.5 h-4 w-4 shrink-0",
-                    isSelected ? "text-agg-trade-highlight-accent" : "text-agg-muted-foreground/70"
-                  ),
-                  "aria-hidden": "true"
-                }
-              ) : card.venue ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
-                VenueLogo,
-                {
-                  venue: card.venue,
-                  size: "small",
-                  ariaLabel: getTradingVenueLabel(card.venue)
-                }
-              ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex flex-col gap-1 min-w-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime135.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_runtime135.jsx)(
-                    Icon,
-                    {
-                      name: "lock",
-                      size: "xs",
-                      className: "shrink-0 text-agg-muted-foreground",
-                      "aria-hidden": "true"
-                    }
-                  ) : card.kind === "split" && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
-                    Icon,
-                    {
-                      name: showSplitDetails ? "chevron-up" : "chevron-down",
-                      size: "small",
-                      className: "h-4 w-4 shrink-0 text-agg-muted-foreground/50",
-                      "aria-hidden": "true"
-                    }
-                  ) : null
-                ] }),
-                card.hint ? /* @__PURE__ */ (0, import_jsx_runtime135.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_runtime135.jsx)(
-              "p",
+      children: /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-route-card-content relative z-10 flex flex-col gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-route-card-header flex items-center justify-between gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-route-card-meta flex min-w-0 gap-3 items-center", children: [
+            card.kind === "split" ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+              Icon,
               {
+                name: "sparkles-filled",
+                size: "small",
                 className: cn(
-                  "agg-route-card-value",
-                  "shrink-0 whitespace-nowrap",
-                  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"
+                  "mt-0.5 h-4 w-4 shrink-0",
+                  isSelected ? "text-agg-trade-highlight-accent" : "text-agg-muted-foreground/70"
                 ),
-                children: card.value
+                "aria-hidden": "true"
               }
-            )
+            ) : card.venue ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+              VenueLogo,
+              {
+                venue: card.venue,
+                size: "small",
+                ariaLabel: getTradingVenueLabel(card.venue)
+              }
+            ) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex flex-col gap-1 min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime135.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_runtime135.jsx)(
+                  Icon,
+                  {
+                    name: "lock",
+                    size: "xs",
+                    className: "shrink-0 text-agg-muted-foreground",
+                    "aria-hidden": "true"
+                  }
+                ) : card.kind === "split" && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+                  Icon,
+                  {
+                    name: showSplitDetails ? "chevron-up" : "chevron-down",
+                    size: "small",
+                    className: "h-4 w-4 shrink-0 text-agg-muted-foreground/50",
+                    "aria-hidden": "true"
+                  }
+                ) : null
+              ] }),
+              card.hint ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "agg-route-card-hint text-agg-xs leading-agg-4 text-agg-muted-foreground", children: card.hint }) : null
+            ] })
           ] }),
-          showSplitDetails ? /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(import_jsx_runtime135.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "agg-route-card-description text-agg-xs leading-agg-4 text-agg-foreground", children: tradingLabels.splitOrderDescription }),
-            /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "agg-route-breakdown flex flex-col gap-3", children: (_b = card.rows) == null ? void 0 : _b.map((row) => renderRouteBreakdownRow(row)) })
-          ] }) : null
-        ] })
-      ]
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+            "p",
+            {
+              className: cn(
+                "agg-route-card-value",
+                "shrink-0 whitespace-nowrap",
+                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: card.value
+            }
+          )
+        ] }),
+        showSplitDetails ? /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(import_jsx_runtime135.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "agg-route-card-description text-agg-xs leading-agg-4 text-agg-foreground", children: tradingLabels.splitOrderDescription }),
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "agg-route-breakdown flex flex-col gap-3", children: (_b = card.rows) == null ? void 0 : _b.map((row) => renderRouteBreakdownRow(row)) })
+        ] }) : null
+      ] })
     }
   );
 };
@@ -16984,7 +16981,7 @@ var PlaceOrder = ({
                   }
                 ) : null
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime135.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_runtime135.jsx)(PlaceOrderRouteCardSkeleton, {}, index)) : visibleRouteCards.map((card) => {
+              /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "agg-route-list flex flex-col gap-2", children: visibleRouteCards.length > 0 ? visibleRouteCards.map((card) => {
                 return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_react27.Fragment, { children: renderRouteCard({
                   card,
                   enableAnimations,

package/dist/pages.mjs

@@ -7,14 +7,14 @@ import {
   USER_PROFILE_TAB_POSITIONS,
   UserProfilePage,
   useHomePageModals
-} from "./chunk-6IBEGR7C.mjs";
+} from "./chunk-XUYPM4LM.mjs";
 import "./chunk-E45WOOMN.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   WITHDRAW_MODAL_OPEN_EVENT,
   requestAggDepositModalOpen,
   requestAggWithdrawModalOpen
-} from "./chunk-FDTLV74F.mjs";
+} from "./chunk-XCECYRTH.mjs";
 import "./chunk-TBKDLNOE.mjs";
 import "./chunk-5FXMHTVR.mjs";
 import "./chunk-34L7ZKJW.mjs";