@agg-build/ui 1.2.8 → 1.2.10

package/dist/{chunk-BW4DQYWM.mjs → chunk-5MDFM2MX.mjs}

@@ -3,7 +3,7 @@ import {
   AGG_TERMS_OF_SERVICE_URL,
   Icon,
   cn
-} from "./chunk-HQRT3B3L.mjs";
+} from "./chunk-QFW5NDJ6.mjs";
 
 // src/geo-block-banner/index.tsx
 import { useLabels } from "@agg-build/hooks";

package/dist/{chunk-SMGKYWEP.mjs → chunk-5MTIBPDY.mjs}

@@ -21,7 +21,7 @@ import {
   resolveUnifiedOrderBookEntries,
   sortOutcomeSelectorOutcomes,
   useEventTradingContext
-} from "./chunk-RPIYL7EA.mjs";
+} from "./chunk-5PSAIGOT.mjs";
 import {
   AutocompleteSelect,
   Badge,
@@ -73,7 +73,7 @@ import {
   sortMarketsByYesOddsDesc,
   sortOutcomes,
   splitEventsByLifecycle
-} from "./chunk-HQRT3B3L.mjs";
+} from "./chunk-QFW5NDJ6.mjs";
 
 // src/events/item/index.tsx
 import {
@@ -884,26 +884,66 @@ var collectEligibleVenueOutcomes = ({
   venueMarkets,
   selectedOutcomeLabel
 }) => {
+  var _a;
   if (!selectedOutcomeLabel) return [];
+  const semanticLabel = toSemanticOutcomeLabel(selectedOutcomeLabel);
+  const seenMarketIds = /* @__PURE__ */ new Set();
   const seenOutcomeIds = /* @__PURE__ */ new Set();
-  return venueMarkets.flatMap((market) => {
-    const matchedOutcome = sortOutcomes(market.venueMarketOutcomes).find(
+  const result = [];
+  for (const market of venueMarkets) {
+    if (seenMarketIds.has(market.id)) continue;
+    const parentOutcome = sortOutcomes(market.venueMarketOutcomes).find(
       (outcome) => matchesSelectedOutcomeLabel(outcome, selectedOutcomeLabel)
     );
-    if (!matchedOutcome || seenOutcomeIds.has(matchedOutcome.id)) {
-      return [];
+    if (!parentOutcome) continue;
+    const refs = (_a = parentOutcome.matchedVenueMarketOutcomes) != null ? _a : [];
+    if (refs.length === 0) continue;
+    seenMarketIds.add(market.id);
+    seenOutcomeIds.add(parentOutcome.id);
+    result.push({
+      venue: market.venue,
+      market,
+      outcome: parentOutcome,
+      outcomeId: parentOutcome.id,
+      semanticLabel
+    });
+    for (const ref of refs) {
+      if (seenMarketIds.has(ref.venueMarketId)) continue;
+      const sibling = venueMarkets.find((m) => m.id === ref.venueMarketId);
+      if (!sibling) continue;
+      const siblingOutcome = sibling.venueMarketOutcomes.find(
+        (o) => o.id === ref.venueMarketOutcomeId
+      );
+      if (!siblingOutcome || seenOutcomeIds.has(siblingOutcome.id)) continue;
+      seenMarketIds.add(sibling.id);
+      seenOutcomeIds.add(siblingOutcome.id);
+      result.push({
+        venue: sibling.venue,
+        market: sibling,
+        outcome: siblingOutcome,
+        outcomeId: siblingOutcome.id,
+        semanticLabel
+      });
     }
+    break;
+  }
+  for (const market of venueMarkets) {
+    if (seenMarketIds.has(market.id)) continue;
+    const matchedOutcome = sortOutcomes(market.venueMarketOutcomes).find(
+      (outcome) => matchesSelectedOutcomeLabel(outcome, selectedOutcomeLabel)
+    );
+    if (!matchedOutcome || seenOutcomeIds.has(matchedOutcome.id)) continue;
+    seenMarketIds.add(market.id);
     seenOutcomeIds.add(matchedOutcome.id);
-    return [
-      {
-        venue: market.venue,
-        market,
-        outcome: matchedOutcome,
-        outcomeId: matchedOutcome.id,
-        semanticLabel: toSemanticOutcomeLabel(selectedOutcomeLabel)
-      }
-    ];
-  });
+    result.push({
+      venue: market.venue,
+      market,
+      outcome: matchedOutcome,
+      outcomeId: matchedOutcome.id,
+      semanticLabel
+    });
+  }
+  return result;
 };
 var collectEligibleVenueOutcomeIds = ({
   venueMarkets,

package/dist/{chunk-RPIYL7EA.mjs → chunk-5PSAIGOT.mjs}

@@ -17,7 +17,7 @@ import {
   selectPrimaryVenueMarket,
   skeletonViews,
   sortOutcomes
-} from "./chunk-HQRT3B3L.mjs";
+} from "./chunk-QFW5NDJ6.mjs";
 
 // src/trading/trading-context/index.tsx
 import { useEventTradingContext } from "@agg-build/hooks";

package/dist/{chunk-IIEE4FVO.mjs → chunk-7JKGAWU5.mjs}

@@ -34,7 +34,7 @@ import {
   getMotionClassName,
   shortenAddress,
   venueLogoLabels
-} from "./chunk-HQRT3B3L.mjs";
+} from "./chunk-QFW5NDJ6.mjs";
 
 // src/deposit/index.tsx
 import { useEffect as useEffect3, useMemo, useRef, useState as useState2 } from "react";

package/dist/{chunk-U6YU5OE7.mjs → chunk-K23CJ5UP.mjs}

@@ -7,10 +7,10 @@ import {
   getTradingValueLabel,
   getTradingVenueLabel,
   resolveOrderEligibilityMessage
-} from "./chunk-RPIYL7EA.mjs";
+} from "./chunk-5PSAIGOT.mjs";
 import {
   GeoBlockBanner
-} from "./chunk-BW4DQYWM.mjs";
+} from "./chunk-5MDFM2MX.mjs";
 import {
   AGG_TERMS_OF_SERVICE_URL,
   Button,
@@ -37,7 +37,7 @@ import {
   getMotionClassName,
   normalizeVenueMarketCluster,
   skeletonViews
-} from "./chunk-HQRT3B3L.mjs";
+} from "./chunk-QFW5NDJ6.mjs";
 
 // src/trading/types.ts
 import { Venue, enumGuard, isFiniteNonNeg, safeParse } from "@agg-build/sdk";

package/dist/{chunk-HQRT3B3L.mjs → chunk-QFW5NDJ6.mjs}

@@ -1377,7 +1377,7 @@ var HourglassStartIcon = (_a) => {
     __spreadProps(__spreadValues(__spreadValues({
       width: "16",
       height: "16",
-      viewBox: "0 0 16 16",
+      viewBox: "0 0 10 10",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       className
@@ -1387,14 +1387,10 @@ var HourglassStartIcon = (_a) => {
         /* @__PURE__ */ jsx35(
           "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"
+            d: "M8.7324 1.90708C8.80282 1.43542 8.66324 0.95625 8.3499 0.5925C8.03115 0.2225 7.56907 0.0108337 7.08157 0.0108337H2.91907C2.43157 0.0108337 1.96949 0.223334 1.65115 0.593334C1.3374 0.9575 1.19824 1.43667 1.26907 1.90875C1.43824 3.03333 2.05449 4.07458 3.10282 5.01042C2.05407 5.94625 1.43782 6.9875 1.26907 8.11208C1.19824 8.58417 1.33782 9.06333 1.65115 9.4275C1.96949 9.79792 2.43199 10.0096 2.91907 10.0096H7.08157C7.56907 10.0096 8.03115 9.79792 8.3499 9.42792C8.66324 9.06417 8.80282 8.585 8.7324 8.11375C8.56449 6.99292 7.9474 5.95083 6.89657 5.01C7.9474 4.06917 8.56449 3.0275 8.7324 1.90708ZM7.46949 1.83333C7.05949 2.84667 6.19824 3.67583 5.54907 4.1925L5.26157 4.42208C5.10949 4.54292 4.8949 4.54292 4.74282 4.42292L4.44949 4.19C3.80074 3.67708 2.94157 2.85167 2.53074 1.83333C2.47865 1.70458 2.49449 1.55917 2.57157 1.44417C2.64907 1.32958 2.77865 1.26083 2.91699 1.26083H7.08365C7.2224 1.26083 7.35199 1.32917 7.42907 1.44417C7.50657 1.55875 7.52157 1.705 7.46949 1.83333ZM5.0299 3.54083L5.00074 3.56417L4.96657 3.53708C4.53032 3.19208 3.9874 2.69167 3.60365 2.09458H6.39615C6.01115 2.69 5.4674 3.19292 5.03032 3.54125L5.0299 3.54083Z",
+            fill: "currentColor"
           }
-        ),
-        /* @__PURE__ */ jsx35("path", { d: "M6.75 4.25H9.25L8 5.25L6.75 4.25Z", fill: "currentColor" })
+        )
       ]
     })
   );

package/dist/{chunk-2YVW6J5N.mjs → chunk-XKADJNAJ.mjs}

@@ -9,13 +9,13 @@ import {
   isErrorWithStatus,
   useEventListTabs,
   useEventListTabsHeaderOverflow
-} from "./chunk-SMGKYWEP.mjs";
+} from "./chunk-5MTIBPDY.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   PlaceOrder,
   SettlementDetails,
   WITHDRAW_MODAL_OPEN_EVENT
-} from "./chunk-U6YU5OE7.mjs";
+} from "./chunk-K23CJ5UP.mjs";
 import {
   AggErrorBoundary,
   Button,
@@ -44,7 +44,7 @@ import {
   filterOpenEvents,
   resolveTabVenus,
   shortenAddress
-} from "./chunk-HQRT3B3L.mjs";
+} from "./chunk-QFW5NDJ6.mjs";
 
 // src/pages/home/index.tsx
 import {
@@ -1853,7 +1853,7 @@ var StatusBadge = ({
         isWon ? "border-agg-success/50 bg-agg-success/10 text-agg-success" : "border-agg-muted-foreground/30 bg-agg-secondary-hover text-agg-foreground"
       ),
       children: [
-        /* @__PURE__ */ jsx6(Icon, { name: isWon ? "check-circle" : "hourglass-start", size: "small", className: "size-2.5" }),
+        /* @__PURE__ */ jsx6(Icon, { name: isWon ? "check-circle" : "hourglass-start", size: "small", className: "size-2.5!" }),
         isWon ? labels.won : labels.open
       ]
     }
@@ -1893,7 +1893,7 @@ var TotalTradedCell = ({
   className
 }) => /* @__PURE__ */ jsxs6("div", { className: cn("flex flex-col gap-[2px] whitespace-nowrap", className), children: [
   /* @__PURE__ */ jsx6("p", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: model.totalTraded.primaryLabel }),
-  /* @__PURE__ */ jsx6("p", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: model.totalTraded.averageLabel })
+  /* @__PURE__ */ jsx6("p", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: model.totalTraded.averageLabel })
 ] });
 var PositionValueCell = ({
   value,
@@ -2029,12 +2029,12 @@ var PositionRow = ({
             "button",
             {
               type: "button",
-              className: "ml-auto inline-flex h-8 items-center justify-center gap-1 rounded-agg-full px-2 font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-accent disabled:cursor-not-allowed disabled:opacity-60",
+              className: "ml-auto inline-flex h-8 cursor-pointer items-center justify-center gap-1 rounded-agg-full px-2 font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-primary hover:text-agg-primary-hover disabled:cursor-not-allowed disabled:opacity-60",
               onClick: handleClaim,
               disabled: isClaiming,
               "aria-busy": isClaiming || void 0,
               children: [
-                isClaiming ? /* @__PURE__ */ jsx6(LoadingIcon, { size: "small", className: "text-agg-accent" }) : null,
+                isClaiming ? /* @__PURE__ */ jsx6(LoadingIcon, { size: "small", className: "text-agg-primary" }) : null,
                 labels.claim
               ]
             }
@@ -2062,13 +2062,13 @@ var PositionRow = ({
               className: "hidden w-[160px] shrink-0 md:flex"
             }
           ),
-          /* @__PURE__ */ jsxs6("div", { className: "hidden w-[100px] shrink-0 items-center gap-2 md:flex", children: [
+          /* @__PURE__ */ jsxs6("div", { className: "hidden w-[100px] shrink-0 items-center gap-3 md:flex", children: [
             /* @__PURE__ */ jsx6(StatusBadge, { status: model.positionStatus, labels }),
             model.canClaim ? /* @__PURE__ */ jsxs6(
               "button",
               {
                 type: "button",
-                className: "inline-flex h-6 items-center justify-center gap-1 rounded-agg-full font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-primary disabled:cursor-not-allowed disabled:opacity-60",
+                className: "inline-flex h-6 cursor-pointer items-center justify-center gap-1 rounded-agg-full font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-primary hover:text-agg-primary-hover disabled:cursor-not-allowed disabled:opacity-60",
                 onClick: handleClaim,
                 disabled: isClaiming,
                 "aria-busy": isClaiming || void 0,

package/dist/events.js

@@ -1127,7 +1127,7 @@ var HourglassStartIcon = (_a) => {
     __spreadProps(__spreadValues(__spreadValues({
       width: "16",
       height: "16",
-      viewBox: "0 0 16 16",
+      viewBox: "0 0 10 10",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       className
@@ -1137,14 +1137,10 @@ var HourglassStartIcon = (_a) => {
         /* @__PURE__ */ (0, import_jsx_runtime33.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"
+            d: "M8.7324 1.90708C8.80282 1.43542 8.66324 0.95625 8.3499 0.5925C8.03115 0.2225 7.56907 0.0108337 7.08157 0.0108337H2.91907C2.43157 0.0108337 1.96949 0.223334 1.65115 0.593334C1.3374 0.9575 1.19824 1.43667 1.26907 1.90875C1.43824 3.03333 2.05449 4.07458 3.10282 5.01042C2.05407 5.94625 1.43782 6.9875 1.26907 8.11208C1.19824 8.58417 1.33782 9.06333 1.65115 9.4275C1.96949 9.79792 2.43199 10.0096 2.91907 10.0096H7.08157C7.56907 10.0096 8.03115 9.79792 8.3499 9.42792C8.66324 9.06417 8.80282 8.585 8.7324 8.11375C8.56449 6.99292 7.9474 5.95083 6.89657 5.01C7.9474 4.06917 8.56449 3.0275 8.7324 1.90708ZM7.46949 1.83333C7.05949 2.84667 6.19824 3.67583 5.54907 4.1925L5.26157 4.42208C5.10949 4.54292 4.8949 4.54292 4.74282 4.42292L4.44949 4.19C3.80074 3.67708 2.94157 2.85167 2.53074 1.83333C2.47865 1.70458 2.49449 1.55917 2.57157 1.44417C2.64907 1.32958 2.77865 1.26083 2.91699 1.26083H7.08365C7.2224 1.26083 7.35199 1.32917 7.42907 1.44417C7.50657 1.55875 7.52157 1.705 7.46949 1.83333ZM5.0299 3.54083L5.00074 3.56417L4.96657 3.53708C4.53032 3.19208 3.9874 2.69167 3.60365 2.09458H6.39615C6.01115 2.69 5.4674 3.19292 5.03032 3.54125L5.0299 3.54083Z",
+            fill: "currentColor"
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { d: "M6.75 4.25H9.25L8 5.25L6.75 4.25Z", fill: "currentColor" })
+        )
       ]
     })
   );
@@ -8071,26 +8067,66 @@ var collectEligibleVenueOutcomes = ({
   venueMarkets,
   selectedOutcomeLabel
 }) => {
+  var _a;
   if (!selectedOutcomeLabel) return [];
+  const semanticLabel = toSemanticOutcomeLabel(selectedOutcomeLabel);
+  const seenMarketIds = /* @__PURE__ */ new Set();
   const seenOutcomeIds = /* @__PURE__ */ new Set();
-  return venueMarkets.flatMap((market) => {
-    const matchedOutcome = sortOutcomes(market.venueMarketOutcomes).find(
+  const result = [];
+  for (const market of venueMarkets) {
+    if (seenMarketIds.has(market.id)) continue;
+    const parentOutcome = sortOutcomes(market.venueMarketOutcomes).find(
       (outcome) => matchesSelectedOutcomeLabel(outcome, selectedOutcomeLabel)
     );
-    if (!matchedOutcome || seenOutcomeIds.has(matchedOutcome.id)) {
-      return [];
+    if (!parentOutcome) continue;
+    const refs = (_a = parentOutcome.matchedVenueMarketOutcomes) != null ? _a : [];
+    if (refs.length === 0) continue;
+    seenMarketIds.add(market.id);
+    seenOutcomeIds.add(parentOutcome.id);
+    result.push({
+      venue: market.venue,
+      market,
+      outcome: parentOutcome,
+      outcomeId: parentOutcome.id,
+      semanticLabel
+    });
+    for (const ref of refs) {
+      if (seenMarketIds.has(ref.venueMarketId)) continue;
+      const sibling = venueMarkets.find((m) => m.id === ref.venueMarketId);
+      if (!sibling) continue;
+      const siblingOutcome = sibling.venueMarketOutcomes.find(
+        (o) => o.id === ref.venueMarketOutcomeId
+      );
+      if (!siblingOutcome || seenOutcomeIds.has(siblingOutcome.id)) continue;
+      seenMarketIds.add(sibling.id);
+      seenOutcomeIds.add(siblingOutcome.id);
+      result.push({
+        venue: sibling.venue,
+        market: sibling,
+        outcome: siblingOutcome,
+        outcomeId: siblingOutcome.id,
+        semanticLabel
+      });
     }
+    break;
+  }
+  for (const market of venueMarkets) {
+    if (seenMarketIds.has(market.id)) continue;
+    const matchedOutcome = sortOutcomes(market.venueMarketOutcomes).find(
+      (outcome) => matchesSelectedOutcomeLabel(outcome, selectedOutcomeLabel)
+    );
+    if (!matchedOutcome || seenOutcomeIds.has(matchedOutcome.id)) continue;
+    seenMarketIds.add(market.id);
     seenOutcomeIds.add(matchedOutcome.id);
-    return [
-      {
-        venue: market.venue,
-        market,
-        outcome: matchedOutcome,
-        outcomeId: matchedOutcome.id,
-        semanticLabel: toSemanticOutcomeLabel(selectedOutcomeLabel)
-      }
-    ];
-  });
+    result.push({
+      venue: market.venue,
+      market,
+      outcome: matchedOutcome,
+      outcomeId: matchedOutcome.id,
+      semanticLabel
+    });
+  }
+  return result;
 };
 var collectEligibleVenueOutcomeIds = ({
   venueMarkets,

package/dist/events.mjs

@@ -14,13 +14,13 @@ import {
   mergeVenueOutcomeOrderbooks,
   orderbookRowLimitDefault,
   useCenterOrderbookSpread
-} from "./chunk-SMGKYWEP.mjs";
+} from "./chunk-5MTIBPDY.mjs";
 import {
   formatProbabilityCents,
   resolveOrderBookRows,
   resolveUnifiedOrderBookEntries
-} from "./chunk-RPIYL7EA.mjs";
-import "./chunk-HQRT3B3L.mjs";
+} from "./chunk-5PSAIGOT.mjs";
+import "./chunk-QFW5NDJ6.mjs";
 export {
   EventList,
   EventListItem,

package/dist/index.js

@@ -1581,7 +1581,7 @@ var HourglassStartIcon = (_a) => {
     __spreadProps(__spreadValues(__spreadValues({
       width: "16",
       height: "16",
-      viewBox: "0 0 16 16",
+      viewBox: "0 0 10 10",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       className
@@ -1591,14 +1591,10 @@ var HourglassStartIcon = (_a) => {
         /* @__PURE__ */ (0, import_jsx_runtime35.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"
+            d: "M8.7324 1.90708C8.80282 1.43542 8.66324 0.95625 8.3499 0.5925C8.03115 0.2225 7.56907 0.0108337 7.08157 0.0108337H2.91907C2.43157 0.0108337 1.96949 0.223334 1.65115 0.593334C1.3374 0.9575 1.19824 1.43667 1.26907 1.90875C1.43824 3.03333 2.05449 4.07458 3.10282 5.01042C2.05407 5.94625 1.43782 6.9875 1.26907 8.11208C1.19824 8.58417 1.33782 9.06333 1.65115 9.4275C1.96949 9.79792 2.43199 10.0096 2.91907 10.0096H7.08157C7.56907 10.0096 8.03115 9.79792 8.3499 9.42792C8.66324 9.06417 8.80282 8.585 8.7324 8.11375C8.56449 6.99292 7.9474 5.95083 6.89657 5.01C7.9474 4.06917 8.56449 3.0275 8.7324 1.90708ZM7.46949 1.83333C7.05949 2.84667 6.19824 3.67583 5.54907 4.1925L5.26157 4.42208C5.10949 4.54292 4.8949 4.54292 4.74282 4.42292L4.44949 4.19C3.80074 3.67708 2.94157 2.85167 2.53074 1.83333C2.47865 1.70458 2.49449 1.55917 2.57157 1.44417C2.64907 1.32958 2.77865 1.26083 2.91699 1.26083H7.08365C7.2224 1.26083 7.35199 1.32917 7.42907 1.44417C7.50657 1.55875 7.52157 1.705 7.46949 1.83333ZM5.0299 3.54083L5.00074 3.56417L4.96657 3.53708C4.53032 3.19208 3.9874 2.69167 3.60365 2.09458H6.39615C6.01115 2.69 5.4674 3.19292 5.03032 3.54125L5.0299 3.54083Z",
+            fill: "currentColor"
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("path", { d: "M6.75 4.25H9.25L8 5.25L6.75 4.25Z", fill: "currentColor" })
+        )
       ]
     })
   );
@@ -9799,7 +9795,7 @@ var AuthConnectButtonView = ({
             claimReadyCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
               "span",
               {
-                className: "inline-flex size-4 shrink-0 items-center justify-center rounded-full bg-linear-to-r from-agg-primary to-agg-primary-hover text-[10px] leading-[14px] font-agg-bold text-white uppercase",
+                className: "inline-flex size-4 shrink-0 items-center justify-center rounded-full bg-linear-to-r from-agg-primary to-agg-primary-hover text-2.5 leading-3.5 font-agg-bold text-agg-foreground uppercase",
                 "aria-label": resolveClaimBadgeAriaLabel(claimReadyCount),
                 children: claimReadyCount
               }
@@ -11574,26 +11570,66 @@ var collectEligibleVenueOutcomes = ({
   venueMarkets,
   selectedOutcomeLabel
 }) => {
+  var _a;
   if (!selectedOutcomeLabel) return [];
+  const semanticLabel = toSemanticOutcomeLabel(selectedOutcomeLabel);
+  const seenMarketIds = /* @__PURE__ */ new Set();
   const seenOutcomeIds = /* @__PURE__ */ new Set();
-  return venueMarkets.flatMap((market) => {
-    const matchedOutcome = sortOutcomes(market.venueMarketOutcomes).find(
+  const result = [];
+  for (const market of venueMarkets) {
+    if (seenMarketIds.has(market.id)) continue;
+    const parentOutcome = sortOutcomes(market.venueMarketOutcomes).find(
       (outcome) => matchesSelectedOutcomeLabel(outcome, selectedOutcomeLabel)
     );
-    if (!matchedOutcome || seenOutcomeIds.has(matchedOutcome.id)) {
-      return [];
+    if (!parentOutcome) continue;
+    const refs = (_a = parentOutcome.matchedVenueMarketOutcomes) != null ? _a : [];
+    if (refs.length === 0) continue;
+    seenMarketIds.add(market.id);
+    seenOutcomeIds.add(parentOutcome.id);
+    result.push({
+      venue: market.venue,
+      market,
+      outcome: parentOutcome,
+      outcomeId: parentOutcome.id,
+      semanticLabel
+    });
+    for (const ref of refs) {
+      if (seenMarketIds.has(ref.venueMarketId)) continue;
+      const sibling = venueMarkets.find((m) => m.id === ref.venueMarketId);
+      if (!sibling) continue;
+      const siblingOutcome = sibling.venueMarketOutcomes.find(
+        (o) => o.id === ref.venueMarketOutcomeId
+      );
+      if (!siblingOutcome || seenOutcomeIds.has(siblingOutcome.id)) continue;
+      seenMarketIds.add(sibling.id);
+      seenOutcomeIds.add(siblingOutcome.id);
+      result.push({
+        venue: sibling.venue,
+        market: sibling,
+        outcome: siblingOutcome,
+        outcomeId: siblingOutcome.id,
+        semanticLabel
+      });
     }
+    break;
+  }
+  for (const market of venueMarkets) {
+    if (seenMarketIds.has(market.id)) continue;
+    const matchedOutcome = sortOutcomes(market.venueMarketOutcomes).find(
+      (outcome) => matchesSelectedOutcomeLabel(outcome, selectedOutcomeLabel)
+    );
+    if (!matchedOutcome || seenOutcomeIds.has(matchedOutcome.id)) continue;
+    seenMarketIds.add(market.id);
     seenOutcomeIds.add(matchedOutcome.id);
-    return [
-      {
-        venue: market.venue,
-        market,
-        outcome: matchedOutcome,
-        outcomeId: matchedOutcome.id,
-        semanticLabel: toSemanticOutcomeLabel(selectedOutcomeLabel)
-      }
-    ];
-  });
+    result.push({
+      venue: market.venue,
+      market,
+      outcome: matchedOutcome,
+      outcomeId: matchedOutcome.id,
+      semanticLabel
+    });
+  }
+  return result;
 };
 var collectEligibleVenueOutcomeIds = ({
   venueMarkets,
@@ -21256,7 +21292,7 @@ var StatusBadge = ({
         isWon ? "border-agg-success/50 bg-agg-success/10 text-agg-success" : "border-agg-muted-foreground/30 bg-agg-secondary-hover text-agg-foreground"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(Icon, { name: isWon ? "check-circle" : "hourglass-start", size: "small", className: "size-2.5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(Icon, { name: isWon ? "check-circle" : "hourglass-start", size: "small", className: "size-2.5!" }),
         isWon ? labels.won : labels.open
       ]
     }
@@ -21296,7 +21332,7 @@ var TotalTradedCell = ({
   className
 }) => /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: cn("flex flex-col gap-[2px] whitespace-nowrap", className), children: [
   /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: model.totalTraded.primaryLabel }),
-  /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground", children: model.totalTraded.averageLabel })
+  /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground", children: model.totalTraded.averageLabel })
 ] });
 var PositionValueCell = ({
   value,
@@ -21432,12 +21468,12 @@ var PositionRow = ({
             "button",
             {
               type: "button",
-              className: "ml-auto inline-flex h-8 items-center justify-center gap-1 rounded-agg-full px-2 font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-accent disabled:cursor-not-allowed disabled:opacity-60",
+              className: "ml-auto inline-flex h-8 cursor-pointer items-center justify-center gap-1 rounded-agg-full px-2 font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-primary hover:text-agg-primary-hover disabled:cursor-not-allowed disabled:opacity-60",
               onClick: handleClaim,
               disabled: isClaiming,
               "aria-busy": isClaiming || void 0,
               children: [
-                isClaiming ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(LoadingIcon, { size: "small", className: "text-agg-accent" }) : null,
+                isClaiming ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(LoadingIcon, { size: "small", className: "text-agg-primary" }) : null,
                 labels.claim
               ]
             }
@@ -21465,13 +21501,13 @@ var PositionRow = ({
               className: "hidden w-[160px] shrink-0 md:flex"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "hidden w-[100px] shrink-0 items-center gap-2 md:flex", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "hidden w-[100px] shrink-0 items-center gap-3 md:flex", children: [
             /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(StatusBadge, { status: model.positionStatus, labels }),
             model.canClaim ? /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(
               "button",
               {
                 type: "button",
-                className: "inline-flex h-6 items-center justify-center gap-1 rounded-agg-full font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-primary disabled:cursor-not-allowed disabled:opacity-60",
+                className: "inline-flex h-6 cursor-pointer items-center justify-center gap-1 rounded-agg-full font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-primary hover:text-agg-primary-hover disabled:cursor-not-allowed disabled:opacity-60",
                 onClick: handleClaim,
                 disabled: isClaiming,
                 "aria-busy": isClaiming || void 0,

package/dist/index.mjs

@@ -10,7 +10,7 @@ import {
   USER_PROFILE_TAB_POSITIONS,
   UserProfilePage,
   useHomePageModals
-} from "./chunk-2YVW6J5N.mjs";
+} from "./chunk-XKADJNAJ.mjs";
 import {
   EventList,
   EventListItem,
@@ -25,7 +25,7 @@ import {
   mergeVenueOutcomeOrderbooks,
   orderbookRowLimitDefault,
   useCenterOrderbookSpread
-} from "./chunk-SMGKYWEP.mjs";
+} from "./chunk-5MTIBPDY.mjs";
 import {
   CARD_NETWORK_OPTIONS,
   ConnectAccountsStep,
@@ -40,7 +40,7 @@ import {
   WithdrawModal,
   clearPendingCardSession,
   getPendingCardSession
-} from "./chunk-IIEE4FVO.mjs";
+} from "./chunk-7JKGAWU5.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   PlaceOrder,
@@ -52,7 +52,7 @@ import {
   parseVenue,
   requestAggDepositModalOpen,
   requestAggWithdrawModalOpen
-} from "./chunk-U6YU5OE7.mjs";
+} from "./chunk-K23CJ5UP.mjs";
 import {
   SETTLEMENT_SECTION_ID,
   Settlement,
@@ -70,10 +70,10 @@ import {
   resolveOrderBookRows,
   resolveUnifiedOrderBookEntries,
   useEventTradingContext
-} from "./chunk-RPIYL7EA.mjs";
+} from "./chunk-5PSAIGOT.mjs";
 import {
   GeoBlockBanner
-} from "./chunk-BW4DQYWM.mjs";
+} from "./chunk-5MDFM2MX.mjs";
 import {
   AGG_DEFAULT_URL,
   AGG_DOCS_URL,
@@ -187,7 +187,7 @@ import {
   typographyVariants,
   useToast,
   venueLogoNames
-} from "./chunk-HQRT3B3L.mjs";
+} from "./chunk-QFW5NDJ6.mjs";
 
 // src/auth/connect-button-view/index.tsx
 import { optimizedImageUrl, useAggAuthContext, useLabels, useSdkUiConfig } from "@agg-build/hooks";
@@ -664,7 +664,7 @@ var AuthConnectButtonView = ({
             claimReadyCount > 0 ? /* @__PURE__ */ jsx(
               "span",
               {
-                className: "inline-flex size-4 shrink-0 items-center justify-center rounded-full bg-linear-to-r from-agg-primary to-agg-primary-hover text-[10px] leading-[14px] font-agg-bold text-white uppercase",
+                className: "inline-flex size-4 shrink-0 items-center justify-center rounded-full bg-linear-to-r from-agg-primary to-agg-primary-hover text-2.5 leading-3.5 font-agg-bold text-agg-foreground uppercase",
                 "aria-label": resolveClaimBadgeAriaLabel(claimReadyCount),
                 children: claimReadyCount
               }

package/dist/modals.js

@@ -2136,7 +2136,7 @@ var HourglassStartIcon = (_a) => {
     __spreadProps(__spreadValues(__spreadValues({
       width: "16",
       height: "16",
-      viewBox: "0 0 16 16",
+      viewBox: "0 0 10 10",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       className
@@ -2146,14 +2146,10 @@ var HourglassStartIcon = (_a) => {
         /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
           "path",
           {
-            d: "M4.25 1.5H11.75M4.25 14.5H11.75M5 1.5V4.6C5 5.2 5.27 5.76 5.73 6.14L8 8L5.73 9.86C5.27 10.24 5 10.8 5 11.4V14.5M11 1.5V4.6C11 5.2 10.73 5.76 10.27 6.14L8 8L10.27 9.86C10.73 10.24 11 10.8 11 11.4V14.5",
-            stroke: "currentColor",
-            strokeWidth: "1.4",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
+            d: "M8.7324 1.90708C8.80282 1.43542 8.66324 0.95625 8.3499 0.5925C8.03115 0.2225 7.56907 0.0108337 7.08157 0.0108337H2.91907C2.43157 0.0108337 1.96949 0.223334 1.65115 0.593334C1.3374 0.9575 1.19824 1.43667 1.26907 1.90875C1.43824 3.03333 2.05449 4.07458 3.10282 5.01042C2.05407 5.94625 1.43782 6.9875 1.26907 8.11208C1.19824 8.58417 1.33782 9.06333 1.65115 9.4275C1.96949 9.79792 2.43199 10.0096 2.91907 10.0096H7.08157C7.56907 10.0096 8.03115 9.79792 8.3499 9.42792C8.66324 9.06417 8.80282 8.585 8.7324 8.11375C8.56449 6.99292 7.9474 5.95083 6.89657 5.01C7.9474 4.06917 8.56449 3.0275 8.7324 1.90708ZM7.46949 1.83333C7.05949 2.84667 6.19824 3.67583 5.54907 4.1925L5.26157 4.42208C5.10949 4.54292 4.8949 4.54292 4.74282 4.42292L4.44949 4.19C3.80074 3.67708 2.94157 2.85167 2.53074 1.83333C2.47865 1.70458 2.49449 1.55917 2.57157 1.44417C2.64907 1.32958 2.77865 1.26083 2.91699 1.26083H7.08365C7.2224 1.26083 7.35199 1.32917 7.42907 1.44417C7.50657 1.55875 7.52157 1.705 7.46949 1.83333ZM5.0299 3.54083L5.00074 3.56417L4.96657 3.53708C4.53032 3.19208 3.9874 2.69167 3.60365 2.09458H6.39615C6.01115 2.69 5.4674 3.19292 5.03032 3.54125L5.0299 3.54083Z",
+            fill: "currentColor"
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M6.75 4.25H9.25L8 5.25L6.75 4.25Z", fill: "currentColor" })
+        )
       ]
     })
   );