@agg-build/ui 4.7.2 → 4.7.4

package/dist/primitives.js

@@ -5281,11 +5281,11 @@ var Footer = ({
 Footer.displayName = "Footer";
 
 // src/primitives/header/index.tsx
-var import_hooks29 = require("@agg-build/hooks");
+var import_hooks30 = require("@agg-build/hooks");
 
 // src/primitives/search/index.tsx
-var import_hooks28 = require("@agg-build/hooks");
-var import_react9 = require("react");
+var import_hooks29 = require("@agg-build/hooks");
+var import_react10 = require("react");
 
 // src/events/list/event-list.utils.ts
 var import_hooks8 = require("@agg-build/hooks");
@@ -6043,10 +6043,10 @@ var Skeleton = ({
 Skeleton.displayName = "Skeleton";
 
 // src/primitives/venue-logo/index.tsx
-var import_hooks26 = require("@agg-build/hooks");
+var import_hooks27 = require("@agg-build/hooks");
 
 // src/primitives/venue-logo/venue-logo.constants.ts
-var import_sdk11 = require("@agg-build/sdk");
+var import_sdk12 = require("@agg-build/sdk");
 
 // src/primitives/venue-logo/logo-props.ts
 var DEFAULT_MONOCHROME_COLOR = "currentColor";
@@ -6535,41 +6535,169 @@ var LogoProbableIcon = (_a) => {
 };
 LogoProbableIcon.displayName = "LogoProbableIcon";
 
+// src/primitives/venue-logo/svg/logo-prophetx.tsx
+var import_hooks26 = require("@agg-build/hooks");
+var import_sdk11 = require("@agg-build/sdk");
+var import_react9 = require("react");
+var import_jsx_runtime123 = require("react/jsx-runtime");
+var LogoProphetXIcon = (_a) => {
+  var _b = _a, {
+    title: title2,
+    className,
+    isColor = true,
+    color
+  } = _b, props = __objRest(_b, [
+    "title",
+    "className",
+    "isColor",
+    "color"
+  ]);
+  var _a2;
+  const {
+    general: { theme }
+  } = (0, import_hooks26.useAggUiConfig)();
+  const isDarkTheme = theme === "dark";
+  const uid = (0, import_react9.useId)();
+  const primaryColor = resolveLogoPrimaryColor({
+    // First stop of the official gradient — see `lineColorByVenue`.
+    brandColor: (_a2 = resolveVenueLineColor(import_sdk11.Venue.prophetx, isDarkTheme)) != null ? _a2 : "#1DC29A",
+    isColor,
+    color
+  });
+  const isMonochrome = !isColor || Boolean(color == null ? void 0 : color.trim());
+  const gradientTransform = "matrix(2.750846, 0, 0, 2.750846, -1935.152964, 138.485876)";
+  const fillFor = (n) => isMonochrome ? primaryColor : `url(#${uid}-${n})`;
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "81.867 138.419 424.492 272.214",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title2)), props), {
+      children: [
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("title", { children: title2 }) : null,
+        isMonochrome ? null : /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("defs", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+            "linearGradient",
+            {
+              id: `${uid}-0`,
+              x1: "853.77",
+              y1: "100.796",
+              x2: "763.522",
+              y2: "10.5487",
+              gradientUnits: "userSpaceOnUse",
+              gradientTransform,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("stop", { stopColor: "#1DC29A" }),
+                /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("stop", { offset: "0.1032", stopColor: "#19BE9D" }),
+                /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("stop", { offset: "0.6255", stopColor: "#06ADAA" }),
+                /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("stop", { offset: "1", stopColor: "#00A7AF" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+            "linearGradient",
+            {
+              id: `${uid}-1`,
+              x1: "806.164",
+              y1: "49.573",
+              x2: "677.027",
+              y2: "49.573",
+              gradientUnits: "userSpaceOnUse",
+              gradientTransform,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("stop", { stopColor: "#1DC29A" }),
+                /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("stop", { offset: "1", stopColor: "#00A7AF" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+            "linearGradient",
+            {
+              id: `${uid}-2`,
+              x1: "758.472",
+              y1: "4.56",
+              x2: "823.114",
+              y2: "41.9371",
+              gradientUnits: "userSpaceOnUse",
+              gradientTransform,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("stop", { stopColor: "#1DC29A" }),
+                /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("stop", { offset: "0.3631", stopColor: "#18BD9E" }),
+                /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("stop", { offset: "0.802", stopColor: "#09AFA8" }),
+                /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("stop", { offset: "1", stopColor: "#00A7AF" })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+          "path",
+          {
+            d: "M 282.449 326.493 L 332.847 402.716 L 426.472 402.716 L 344.879 279.66 L 282.449 326.493 Z",
+            fill: fillFor(0)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+          "path",
+          {
+            d: "M 379.966 146.995 L 389.569 161.125 L 313.636 218.145 L 307.055 222.927 L 244.624 269.759 L 238 274.873 L 162.069 331.56 L 152.804 317.473 L 87.353 402.71 L 209.197 402.71 L 199.888 388.287 L 275.818 331.56 L 282.443 326.488 L 344.873 279.655 L 351.456 274.832 L 427.388 218.145 L 436.694 232.232 L 502.101 146.995 L 379.966 146.995 Z",
+            fill: fillFor(1)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+          "path",
+          {
+            d: "M 162.993 146.995 L 244.624 269.759 L 307.055 222.927 L 256.323 146.995 L 162.993 146.995 Z",
+            fill: fillFor(2)
+          }
+        )
+      ]
+    })
+  );
+};
+LogoProphetXIcon.displayName = "LogoProphetXIcon";
+
 // src/primitives/venue-logo/venue-logo.constants.ts
 var venueLogoRegistry = {
-  [import_sdk11.Venue.kalshi]: LogoKalshiIcon,
-  [import_sdk11.Venue.limitless]: LogoLimitlessIcon,
-  [import_sdk11.Venue.opinion]: LogoOpinionIcon,
-  [import_sdk11.Venue.polymarket]: LogoPolymarketIcon,
-  [import_sdk11.Venue.predict]: LogoPredictIcon,
-  [import_sdk11.Venue.probable]: LogoProbableIcon,
-  [import_sdk11.Venue.myriad]: LogoMyriadIcon,
-  [import_sdk11.Venue.hyperliquid]: LogoHyperliquidIcon,
-  [import_sdk11.Venue.novig]: LogoNovigIcon
+  [import_sdk12.Venue.kalshi]: LogoKalshiIcon,
+  [import_sdk12.Venue.limitless]: LogoLimitlessIcon,
+  [import_sdk12.Venue.opinion]: LogoOpinionIcon,
+  [import_sdk12.Venue.polymarket]: LogoPolymarketIcon,
+  [import_sdk12.Venue.predict]: LogoPredictIcon,
+  [import_sdk12.Venue.probable]: LogoProbableIcon,
+  [import_sdk12.Venue.myriad]: LogoMyriadIcon,
+  [import_sdk12.Venue.hyperliquid]: LogoHyperliquidIcon,
+  [import_sdk12.Venue.novig]: LogoNovigIcon,
+  [import_sdk12.Venue.prophetx]: LogoProphetXIcon
 };
 var VENUE_LOGO_BASE_URL = "https://assets.snagsolutions.io/public/prediction-markets/logos";
 var DEFAULT_VENUE_LOGO_URL = `${VENUE_LOGO_BASE_URL}/default.png`;
 var venueLogoUrlRegistry = {
-  [import_sdk11.Venue.kalshi]: `${VENUE_LOGO_BASE_URL}/kalshi.png`,
-  [import_sdk11.Venue.limitless]: `${VENUE_LOGO_BASE_URL}/limitless.png`,
-  [import_sdk11.Venue.opinion]: `${VENUE_LOGO_BASE_URL}/opinion.png`,
-  [import_sdk11.Venue.polymarket]: `${VENUE_LOGO_BASE_URL}/polymarket.png`,
-  [import_sdk11.Venue.predict]: `${VENUE_LOGO_BASE_URL}/predict.png`,
-  [import_sdk11.Venue.probable]: `${VENUE_LOGO_BASE_URL}/probable.png`,
-  [import_sdk11.Venue.myriad]: `${VENUE_LOGO_BASE_URL}/myriad.png`,
-  [import_sdk11.Venue.hyperliquid]: `${VENUE_LOGO_BASE_URL}/hyperliquid.png`,
-  [import_sdk11.Venue.novig]: `${VENUE_LOGO_BASE_URL}/novig.png`
+  [import_sdk12.Venue.kalshi]: `${VENUE_LOGO_BASE_URL}/kalshi.png`,
+  [import_sdk12.Venue.limitless]: `${VENUE_LOGO_BASE_URL}/limitless.png`,
+  [import_sdk12.Venue.opinion]: `${VENUE_LOGO_BASE_URL}/opinion.png`,
+  [import_sdk12.Venue.polymarket]: `${VENUE_LOGO_BASE_URL}/polymarket.png`,
+  [import_sdk12.Venue.predict]: `${VENUE_LOGO_BASE_URL}/predict.png`,
+  [import_sdk12.Venue.probable]: `${VENUE_LOGO_BASE_URL}/probable.png`,
+  [import_sdk12.Venue.myriad]: `${VENUE_LOGO_BASE_URL}/myriad.png`,
+  [import_sdk12.Venue.hyperliquid]: `${VENUE_LOGO_BASE_URL}/hyperliquid.png`,
+  [import_sdk12.Venue.novig]: `${VENUE_LOGO_BASE_URL}/novig.png`,
+  // Uploaded 2026-09-01 — re-verified live at 200 (50,962 bytes, image/png).
+  // It returned 403 on 2026-08-26, so this row was a known gap; it is not any
+  // more, and the `variant="logo"` image path now works for ProphetX.
+  [import_sdk12.Venue.prophetx]: `${VENUE_LOGO_BASE_URL}/prophetx.png`
 };
 var venueLogoLabels = {
-  [import_sdk11.Venue.kalshi]: "Kalshi",
-  [import_sdk11.Venue.limitless]: "Limitless",
-  [import_sdk11.Venue.opinion]: "Opinion",
-  [import_sdk11.Venue.polymarket]: "Polymarket",
-  [import_sdk11.Venue.predict]: "Predict",
-  [import_sdk11.Venue.probable]: "Probable",
-  [import_sdk11.Venue.myriad]: "Myriad",
-  [import_sdk11.Venue.hyperliquid]: "Hyperliquid",
-  [import_sdk11.Venue.novig]: "Novig"
+  [import_sdk12.Venue.kalshi]: "Kalshi",
+  [import_sdk12.Venue.limitless]: "Limitless",
+  [import_sdk12.Venue.opinion]: "Opinion",
+  [import_sdk12.Venue.polymarket]: "Polymarket",
+  [import_sdk12.Venue.predict]: "Predict",
+  [import_sdk12.Venue.probable]: "Probable",
+  [import_sdk12.Venue.myriad]: "Myriad",
+  [import_sdk12.Venue.hyperliquid]: "Hyperliquid",
+  [import_sdk12.Venue.novig]: "Novig",
+  [import_sdk12.Venue.prophetx]: "ProphetX"
 };
 var DEFAULT_VENUE_LABEL = "Market";
 var venueLogoNames = Object.keys(venueLogoRegistry);
@@ -6580,29 +6708,35 @@ var sizeClasses2 = {
 };
 var lineColorByVenue = {
   light: {
-    [import_sdk11.Venue.kalshi]: "#00D295",
-    [import_sdk11.Venue.limitless]: "#C4FF00",
-    [import_sdk11.Venue.opinion]: "#000000",
-    [import_sdk11.Venue.polymarket]: "#2E5CFF",
-    [import_sdk11.Venue.predict]: "#6D57F8",
-    [import_sdk11.Venue.probable]: "#F05923",
-    [import_sdk11.Venue.myriad]: "#000000",
-    [import_sdk11.Venue.hyperliquid]: "#97FCE4",
+    [import_sdk12.Venue.kalshi]: "#00D295",
+    [import_sdk12.Venue.limitless]: "#C4FF00",
+    [import_sdk12.Venue.opinion]: "#000000",
+    [import_sdk12.Venue.polymarket]: "#2E5CFF",
+    [import_sdk12.Venue.predict]: "#6D57F8",
+    [import_sdk12.Venue.probable]: "#F05923",
+    [import_sdk12.Venue.myriad]: "#000000",
+    [import_sdk12.Venue.hyperliquid]: "#97FCE4",
     // Novig's own `<meta name="theme-color">`. Their logomark is monochrome
     // (cream on #050505, like Opinion/Myriad), but unlike those two this blue
     // reads on both themes, so it does not need the light/dark flip they use.
-    [import_sdk11.Venue.novig]: "#179BE7"
+    [import_sdk12.Venue.novig]: "#179BE7",
+    // First stop of the official logomark's gradient (#1DC29A -> #00A7AF). The
+    // mark is a gradient, so any single value is a choice: the green end reads
+    // on both themes where the teal end goes muddy on dark, and it is the stop
+    // all three of the asset's gradients start from.
+    [import_sdk12.Venue.prophetx]: "#1DC29A"
   },
   dark: {
-    [import_sdk11.Venue.kalshi]: "#00D295",
-    [import_sdk11.Venue.limitless]: "#C4FF00",
-    [import_sdk11.Venue.opinion]: "#FFFFFF",
-    [import_sdk11.Venue.polymarket]: "#2E5CFF",
-    [import_sdk11.Venue.predict]: "#6D57F8",
-    [import_sdk11.Venue.probable]: "#F05923",
-    [import_sdk11.Venue.myriad]: "#FFFFFF",
-    [import_sdk11.Venue.hyperliquid]: "#97FCE4",
-    [import_sdk11.Venue.novig]: "#179BE7"
+    [import_sdk12.Venue.kalshi]: "#00D295",
+    [import_sdk12.Venue.limitless]: "#C4FF00",
+    [import_sdk12.Venue.opinion]: "#FFFFFF",
+    [import_sdk12.Venue.polymarket]: "#2E5CFF",
+    [import_sdk12.Venue.predict]: "#6D57F8",
+    [import_sdk12.Venue.probable]: "#F05923",
+    [import_sdk12.Venue.myriad]: "#FFFFFF",
+    [import_sdk12.Venue.hyperliquid]: "#97FCE4",
+    [import_sdk12.Venue.novig]: "#179BE7",
+    [import_sdk12.Venue.prophetx]: "#1DC29A"
   }
 };
 var resolveVenueLineColor = (venue, isDarkTheme) => {
@@ -6628,7 +6762,7 @@ var resolveVenueLogoIsColor = ({
 };
 
 // src/primitives/venue-logo/index.tsx
-var import_jsx_runtime123 = require("react/jsx-runtime");
+var import_jsx_runtime124 = require("react/jsx-runtime");
 var VenueLogo = ({
   venue,
   variant = "icon",
@@ -6641,7 +6775,7 @@ var VenueLogo = ({
   title: title2
 }) => {
   var _a, _b;
-  const labels = (0, import_hooks26.useLabels)();
+  const labels = (0, import_hooks27.useLabels)();
   const sizeClass = sizeClasses2[size];
   const resolvedLabel = resolveVenueLogoLabel({
     ariaLabel,
@@ -6654,7 +6788,7 @@ var VenueLogo = ({
     console.warn(`[AggUI] Unknown venue "${venue}" \u2014 using default logo`);
   }
   if (variant === "logo") {
-    return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
       RemoteImage,
       {
         src: (_a = venueLogoUrlRegistry[venue]) != null ? _a : DEFAULT_VENUE_LOGO_URL,
@@ -6669,7 +6803,7 @@ var VenueLogo = ({
     isColor,
     isMonochromatic
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
     Component2,
     {
       className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
@@ -6688,7 +6822,7 @@ var MIN_SEARCH_LENGTH = 3;
 var SEARCH_DEBOUNCE_MS = 300;
 
 // src/primitives/search/search.utils.ts
-var import_sdk12 = require("@agg-build/sdk");
+var import_sdk13 = require("@agg-build/sdk");
 var import_dayjs3 = __toESM(require("dayjs"));
 
 // src/events/shared/format-sports-event-time.ts
@@ -6814,7 +6948,7 @@ var resolveEventHeading = ({
 };
 
 // src/events/item/event-list-item.utils.ts
-var import_hooks27 = require("@agg-build/hooks");
+var import_hooks28 = require("@agg-build/hooks");
 
 // src/events/shared/venue-market-cluster.ts
 var toNonEmptyString = (value) => {
@@ -7092,7 +7226,7 @@ var formatSearchContextLabel = (value) => {
   if (!(0, import_dayjs3.default)(value).isValid()) return value;
   return (0, import_dayjs3.default)(value).format("MMMM D, YYYY");
 };
-var venueLogoNameSet = new Set(import_sdk12.VENUES);
+var venueLogoNameSet = new Set(import_sdk13.VENUES);
 var toVenueLogoName = (value) => {
   if (typeof value !== "string") return null;
   if (!venueLogoNameSet.has(value)) return null;
@@ -7145,7 +7279,7 @@ var mapVenueEventToSearchResult = (event, labels, formatPercent, formatCompactCu
 };
 
 // src/primitives/search/index.tsx
-var import_jsx_runtime124 = require("react/jsx-runtime");
+var import_jsx_runtime125 = require("react/jsx-runtime");
 var SearchResultRow = ({
   item,
   resultAria,
@@ -7159,7 +7293,7 @@ var SearchResultRow = ({
   const handleResultPointerDown = (event) => {
     event.preventDefault();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
     "button",
     {
       type: "button",
@@ -7177,8 +7311,8 @@ var SearchResultRow = ({
       onClick: handleResultClick,
       "aria-label": resultAria(item.title),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "agg-search-result-content flex min-w-0 flex-1 items-center gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "agg-search-result-content flex min-w-0 flex-1 items-center gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
             RemoteImage,
             {
               src: item.thumbnailSrc,
@@ -7190,8 +7324,8 @@ var SearchResultRow = ({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
               "p",
               {
                 className: cn(
@@ -7202,8 +7336,8 @@ var SearchResultRow = ({
                 children: item.title
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "agg-search-result-context flex min-w-0 items-center gap-2 text-agg-muted-foreground", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "agg-search-result-context flex min-w-0 items-center gap-2 text-agg-muted-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                 "p",
                 {
                   className: cn(
@@ -7213,7 +7347,7 @@ var SearchResultRow = ({
                   children: item.marketSummaryLabel
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: "flex items-center gap-1", "aria-hidden": true, children: item.visibleVenues.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "flex items-center gap-1", "aria-hidden": true, children: item.visibleVenues.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                 VenueLogo,
                 {
                   venue,
@@ -7223,9 +7357,9 @@ var SearchResultRow = ({
                 },
                 `${item.id}-${venue}`
               )) }),
-              item.volumeLabel ? /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(import_jsx_runtime124.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "text-agg-muted-foreground", "aria-hidden": true, children: "\xB7" }),
-                /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+              item.volumeLabel ? /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(import_jsx_runtime125.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "text-agg-muted-foreground", "aria-hidden": true, children: "\xB7" }),
+                /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                   "p",
                   {
                     className: cn(
@@ -7239,7 +7373,7 @@ var SearchResultRow = ({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
           "div",
           {
             className: cn(
@@ -7247,9 +7381,9 @@ var SearchResultRow = ({
               classNames == null ? void 0 : classNames.resultMeta
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(VenueLogo, { venue: item.venue, size: "small" }),
-              /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex min-w-0 flex-1 items-baseline gap-2", children: [
-                item.isValueLoading ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(VenueLogo, { venue: item.venue, size: "small" }),
+              /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex min-w-0 flex-1 items-baseline gap-2", children: [
+                item.isValueLoading ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                   "span",
                   {
                     "aria-hidden": "true",
@@ -7258,7 +7392,7 @@ var SearchResultRow = ({
                       "h-5 w-12 shrink-0 rounded-agg-sm bg-agg-separator animate-pulse"
                     )
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+                ) : /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                   "p",
                   {
                     className: cn(
@@ -7269,7 +7403,7 @@ var SearchResultRow = ({
                     children: item.valueLabel
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                   "p",
                   {
                     className: cn(
@@ -7283,7 +7417,7 @@ var SearchResultRow = ({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
           Icon,
           {
             name: "chevron-right",
@@ -7306,7 +7440,7 @@ var SearchSeeAllResultsButton = ({
   const handlePointerDown = (event) => {
     event.preventDefault();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
     "button",
     {
       type: "button",
@@ -7320,8 +7454,8 @@ var SearchSeeAllResultsButton = ({
       onPointerDown: handlePointerDown,
       onClick,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { children: label2 }),
-        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Icon, { name: "chevron-right", size: "small", className: "size-[14px] text-agg-primary" })
+        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { children: label2 }),
+        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Icon, { name: "chevron-right", size: "small", className: "size-[14px] text-agg-primary" })
       ]
     }
   );
@@ -7334,21 +7468,21 @@ var Search = ({
   onSelectEvent,
   onSeeAllEvents
 }) => {
-  const labels = (0, import_hooks28.useLabels)();
+  const labels = (0, import_hooks29.useLabels)();
   const {
     search: searchConfig,
     features: { enableAnimations },
     formatting: { formatCompactCurrency, formatPercent }
-  } = (0, import_hooks28.useSdkUiConfig)();
+  } = (0, import_hooks29.useSdkUiConfig)();
   const resolvedValue = searchConfig.value;
   const trimmedValue = resolvedValue.trim();
-  const [debouncedSearchValue, setDebouncedSearchValue] = (0, import_react9.useState)(() => {
+  const [debouncedSearchValue, setDebouncedSearchValue] = (0, import_react10.useState)(() => {
     return trimmedValue.length >= MIN_SEARCH_LENGTH ? trimmedValue : "";
   });
-  const [isFocused, setIsFocused] = (0, import_react9.useState)(false);
+  const [isFocused, setIsFocused] = (0, import_react10.useState)(false);
   const shouldSearchValue = trimmedValue.length >= MIN_SEARCH_LENGTH;
   const shouldFetchResults = isFocused && debouncedSearchValue.length >= MIN_SEARCH_LENGTH && !searchConfig.result && !searchConfig.isShowingAllResults;
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (!shouldSearchValue) {
       setDebouncedSearchValue("");
       return;
@@ -7360,7 +7494,7 @@ var Search = ({
       window.clearTimeout(timeoutId);
     };
   }, [shouldSearchValue, trimmedValue]);
-  const { data: searchResults, isLoading } = (0, import_hooks28.useSearch)({
+  const { data: searchResults, isLoading } = (0, import_hooks29.useSearch)({
     q: shouldFetchResults ? debouncedSearchValue : "",
     type: "events",
     categoryIds,
@@ -7369,24 +7503,24 @@ var Search = ({
     // filterOpenEvents below then empties — rendering "no results" for
     // markets that exist. filterOpenEvents stays as the residual guard for
     // events with no open child markets, which the server doesn't check.
-    status: [import_hooks28.MarketStatus.open],
+    status: [import_hooks29.MarketStatus.open],
     limit: limit != null ? limit : DEFAULT_SEARCH_LIMIT,
     enabled: shouldFetchResults
   });
-  const openEvents = (0, import_react9.useMemo)(
+  const openEvents = (0, import_react10.useMemo)(
     () => filterOpenEvents(searchResults),
     [searchResults]
   );
-  const visibleVenueMarkets = (0, import_react9.useMemo)(
+  const visibleVenueMarkets = (0, import_react10.useMemo)(
     () => openEvents.flatMap((event) => {
       var _a;
       return (_a = event.venueMarkets) != null ? _a : [];
     }),
     [openEvents]
   );
-  const livePrices = (0, import_hooks28.useLiveOutcomePrices)(visibleVenueMarkets);
-  const midpointResult = (0, import_hooks28.useMidpoints)(visibleVenueMarkets);
-  const searchDisplayPrices = (0, import_react9.useMemo)(() => {
+  const livePrices = (0, import_hooks29.useLiveOutcomePrices)(visibleVenueMarkets);
+  const midpointResult = (0, import_hooks29.useMidpoints)(visibleVenueMarkets);
+  const searchDisplayPrices = (0, import_react10.useMemo)(() => {
     if (!midpointResult.bestMidpointsByOutcomeId.size) return livePrices;
     if (!livePrices.size) return midpointResult.bestMidpointsByOutcomeId;
     const merged = new Map(midpointResult.bestMidpointsByOutcomeId);
@@ -7395,7 +7529,7 @@ var Search = ({
     }
     return merged;
   }, [livePrices, midpointResult.bestMidpointsByOutcomeId]);
-  const { validatedResults, eventsByResultId } = (0, import_react9.useMemo)(() => {
+  const { validatedResults, eventsByResultId } = (0, import_react10.useMemo)(() => {
     const nextEventsByResultId = /* @__PURE__ */ new Map();
     const nextResults = openEvents.map((event) => {
       const item = mapVenueEventToSearchResult(
@@ -7431,8 +7565,8 @@ var Search = ({
   const shouldRenderNoResults = shouldRenderDropdown && !isLoading && !validatedResults.length;
   const shouldRenderResults = shouldRenderDropdown && !isLoading && !!validatedResults.length;
   const shouldRenderShortcut = !isFocused && !hasSearchValue && !(inputProps == null ? void 0 : inputProps.disabled);
-  const inputRef = (0, import_react9.useRef)(null);
-  const handleSlashKey = (0, import_react9.useCallback)((event) => {
+  const inputRef = (0, import_react10.useRef)(null);
+  const handleSlashKey = (0, import_react10.useCallback)((event) => {
     var _a;
     if (event.key !== "/") return;
     const target = event.target;
@@ -7441,7 +7575,7 @@ var Search = ({
     event.preventDefault();
     (_a = inputRef.current) == null ? void 0 : _a.focus();
   }, []);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     document.addEventListener("keydown", handleSlashKey);
     return () => {
       document.removeEventListener("keydown", handleSlashKey);
@@ -7490,14 +7624,14 @@ var Search = ({
     event.preventDefault();
     handleSeeAllResults();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
     "div",
     {
       className: cn("group/agg-search", "relative flex w-full flex-col", classNames == null ? void 0 : classNames.root),
       onFocusCapture: handleFocusWithin,
       onBlurCapture: handleBlurWithin,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("label", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("label", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
           "div",
           {
             className: cn(
@@ -7513,7 +7647,7 @@ var Search = ({
             ),
             onClick: handleFocusWithin,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                 Icon,
                 {
                   name: "search",
@@ -7521,7 +7655,7 @@ var Search = ({
                   className: cn("text-agg-muted-foreground", classNames == null ? void 0 : classNames.searchIcon)
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                 "input",
                 __spreadProps(__spreadValues({}, inputProps), {
                   ref: inputRef,
@@ -7542,11 +7676,11 @@ var Search = ({
                   )
                 })
               ),
-              shouldRenderShortcut ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: "agg-search-shortcut hidden md:flex size-6 shrink-0 items-center justify-center rounded-[4px] bg-agg-secondary-hover", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-muted-foreground", children: "/" }) }) : null
+              shouldRenderShortcut ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "agg-search-shortcut hidden md:flex size-6 shrink-0 items-center justify-center rounded-[4px] bg-agg-secondary-hover", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-muted-foreground", children: "/" }) }) : null
             ]
           }
         ) }),
-        shouldRenderLoadingState ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+        shouldRenderLoadingState ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
           "div",
           {
             className: cn(
@@ -7556,10 +7690,10 @@ var Search = ({
               "mt-1",
               classNames == null ? void 0 : classNames.emptyState
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Skeleton, { view: "search" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Skeleton, { view: "search" })
           }
         ) : null,
-        shouldRenderResults ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+        shouldRenderResults ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
           "div",
           {
             className: cn(
@@ -7569,7 +7703,7 @@ var Search = ({
               "mt-1 w-full overflow-hidden rounded-agg-xl border border-agg-separator bg-agg-secondary pt-2 shadow-[0px_8px_16px_0px_rgba(0,0,0,0.1)]",
               classNames == null ? void 0 : classNames.dropdown
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
               "ul",
               {
                 className: cn(
@@ -7579,7 +7713,7 @@ var Search = ({
                 role: "listbox",
                 "aria-label": labels.search.resultsAria,
                 children: [
-                  validatedResults.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+                  validatedResults.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                     "li",
                     {
                       role: "presentation",
@@ -7588,7 +7722,7 @@ var Search = ({
                         index > 0 && "border-t border-agg-separator",
                         classNames == null ? void 0 : classNames.resultItem
                       ),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                         SearchResultRow,
                         {
                           item,
@@ -7600,12 +7734,12 @@ var Search = ({
                     },
                     item.id
                   )),
-                  /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                     "li",
                     {
                       role: "presentation",
                       className: "agg-search-result-item border-t border-agg-separator",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                         SearchSeeAllResultsButton,
                         {
                           label: labels.search.seeAllResults,
@@ -7619,7 +7753,7 @@ var Search = ({
             )
           }
         ) : null,
-        shouldRenderNoResults ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+        shouldRenderNoResults ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
           "div",
           {
             className: cn(
@@ -7629,7 +7763,7 @@ var Search = ({
               "mt-1 w-full overflow-hidden rounded-agg-xl border border-agg-separator bg-agg-secondary py-10 shadow-[0px_8px_16px_0px_rgba(0,0,0,0.1)]",
               classNames == null ? void 0 : classNames.emptyState
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
               "div",
               {
                 className: cn(
@@ -7639,15 +7773,15 @@ var Search = ({
                 role: "status",
                 "aria-live": "polite",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                     SearchEmptyIcon,
                     {
                       className: cn("h-10 w-10 text-agg-muted-foreground", classNames == null ? void 0 : classNames.emptyStateIcon),
                       "aria-hidden": true
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-col items-center gap-1 text-center", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col items-center gap-1 text-center", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                       "p",
                       {
                         className: cn(
@@ -7658,7 +7792,7 @@ var Search = ({
                         children: labels.search.noResultsTitle
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
                       "p",
                       {
                         className: cn(
@@ -7708,7 +7842,7 @@ var resolveHeaderSearchContent = ({
 };
 
 // src/primitives/header/index.tsx
-var import_jsx_runtime125 = require("react/jsx-runtime");
+var import_jsx_runtime126 = require("react/jsx-runtime");
 var Header = ({
   logo,
   logoHref,
@@ -7720,8 +7854,8 @@ var Header = ({
   sticky = true,
   "aria-label": ariaLabel
 }) => {
-  const labels = (0, import_hooks29.useLabels)();
-  const logoContent = isHeaderLogoProps(logo) ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+  const labels = (0, import_hooks30.useLabels)();
+  const logoContent = isHeaderLogoProps(logo) ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
     "img",
     {
       src: logo.src,
@@ -7730,14 +7864,14 @@ var Header = ({
       height: logo.height,
       className: cn("block max-h-full", classNames == null ? void 0 : classNames.logoElement)
     }
-  ) : logo !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: classNames == null ? void 0 : classNames.logoElement, children: logo }) : /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+  ) : logo !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", { className: classNames == null ? void 0 : classNames.logoElement, children: logo }) : /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
     AggLogo,
     {
       className: cn("h-6 w-auto text-agg-foreground", classNames == null ? void 0 : classNames.logoElement),
       title: labels.header.logoAria
     }
   );
-  const wrappedLogo = logoHref ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+  const wrappedLogo = logoHref ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
     "a",
     {
       href: logoHref,
@@ -7746,7 +7880,7 @@ var Header = ({
       onClick: onLogoClick,
       children: logoContent
     }
-  ) : onLogoClick ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+  ) : onLogoClick ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
     "button",
     {
       type: "button",
@@ -7758,13 +7892,13 @@ var Header = ({
       onClick: onLogoClick,
       children: logoContent
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: classNames == null ? void 0 : classNames.logoWrapper, children: logoContent });
+  ) : /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: classNames == null ? void 0 : classNames.logoWrapper, children: logoContent });
   const searchContent = resolveHeaderSearchContent({
     search,
     searchProps,
-    renderSearch: (nextSearchProps) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Search, __spreadValues({}, nextSearchProps))
+    renderSearch: (nextSearchProps) => /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Search, __spreadValues({}, nextSearchProps))
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_jsx_runtime125.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_jsx_runtime126.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
     "header",
     {
       role: "banner",
@@ -7773,7 +7907,7 @@ var Header = ({
         fallbackLabel: labels.header.bannerAria
       }),
       className: cn(baseHeaderClasses, sticky && stickyHeaderClasses, classNames == null ? void 0 : classNames.root),
-      children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
         "div",
         {
           className: cn(
@@ -7781,7 +7915,7 @@ var Header = ({
             classNames == null ? void 0 : classNames.inner
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
               "div",
               {
                 className: cn(
@@ -7791,7 +7925,7 @@ var Header = ({
                 children: wrappedLogo
               }
             ),
-            searchContent ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+            searchContent ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
               "div",
               {
                 className: cn(
@@ -7802,7 +7936,7 @@ var Header = ({
                 children: searchContent
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
               "div",
               {
                 className: cn(
@@ -7865,7 +7999,7 @@ var resolveInlineAlertHasAction = ({
 };
 
 // src/primitives/inline-alert/index.tsx
-var import_jsx_runtime126 = require("react/jsx-runtime");
+var import_jsx_runtime127 = require("react/jsx-runtime");
 var InlineAlert = ({
   tone = INLINE_ALERT_DEFAULT_TONE,
   variant,
@@ -7879,7 +8013,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_runtime126.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
     "div",
     {
       className: cn(
@@ -7891,7 +8025,7 @@ var InlineAlert = ({
       "aria-live": ariaLive,
       "aria-label": ariaLabel,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
           Icon,
           {
             name: INLINE_ALERT_TONE_ICON_NAME[tone],
@@ -7899,14 +8033,14 @@ var InlineAlert = ({
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
           "div",
           {
             className: cn(
               "min-w-0",
               resolvedVariant === "plain" && !hasAction ? "flex-none text-center" : "flex-1"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
               "div",
               {
                 className: cn(
@@ -7915,14 +8049,14 @@ var InlineAlert = ({
                   resolvedVariant === "plain" && !hasAction ? "items-center" : null
                 ),
                 children: [
-                  title2 ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: title2 }) : null,
-                  /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground wrap-break-word", children: message })
+                  title2 ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: title2 }) : null,
+                  /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground wrap-break-word", children: message })
                 ]
               }
             )
           }
         ),
-        hasAction ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+        hasAction ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
           "button",
           {
             type: "button",
@@ -7942,7 +8076,7 @@ var InlineAlert = ({
 InlineAlert.displayName = "InlineAlert";
 
 // src/primitives/loading-icon/index.tsx
-var import_hooks30 = require("@agg-build/hooks");
+var import_hooks31 = require("@agg-build/hooks");
 
 // src/primitives/loading-icon/loading-icon.constants.ts
 var LOADING_ICON_DEFAULT_SIZE = "medium";
@@ -7960,18 +8094,18 @@ var resolveLoadingIconAriaLabel = ({
 };
 
 // src/primitives/loading-icon/index.tsx
-var import_jsx_runtime127 = require("react/jsx-runtime");
+var import_jsx_runtime128 = require("react/jsx-runtime");
 var LoadingIcon = ({
   size = LOADING_ICON_DEFAULT_SIZE,
   variant = "default",
   className,
   ariaLabel
 }) => {
-  const labels = (0, import_hooks30.useLabels)();
+  const labels = (0, import_hooks31.useLabels)();
   const {
     features: { enableAnimations }
-  } = (0, import_hooks30.useSdkUiConfig)();
-  return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+  } = (0, import_hooks31.useSdkUiConfig)();
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
     "span",
     {
       role: "status",
@@ -7984,7 +8118,7 @@ var LoadingIcon = ({
         "inline-grid place-items-center text-agg-primary will-change-transform",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "inline-grid place-items-center", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "inline-grid place-items-center", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
         "svg",
         {
           viewBox: LOADING_ICON_SVG_VIEW_BOX,
@@ -7992,8 +8126,8 @@ var LoadingIcon = ({
             "block",
             variant === "prominent" ? LOADING_ICON_PROMINENT_FRAME_CLASS : iconSizeClasses[size]
           ),
-          children: variant === "prominent" ? /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("g", { children: [
-            enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+          children: variant === "prominent" ? /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("g", { children: [
+            enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
               "animateTransform",
               {
                 attributeName: "transform",
@@ -8005,7 +8139,7 @@ var LoadingIcon = ({
                 repeatCount: "indefinite"
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
               "circle",
               {
                 cx: "22",
@@ -8019,8 +8153,8 @@ var LoadingIcon = ({
                 strokeDasharray: LOADING_ICON_PROMINENT_DASHARRAY
               }
             )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("g", { children: [
-            enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("g", { children: [
+            enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
               "animateTransform",
               {
                 attributeName: "transform",
@@ -8032,7 +8166,7 @@ var LoadingIcon = ({
                 repeatCount: "indefinite"
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
               "circle",
               {
                 cx: "22",
@@ -8044,8 +8178,8 @@ var LoadingIcon = ({
                 strokeLinecap: "round",
                 strokeDasharray: "60 100",
                 strokeDashoffset: "0",
-                children: enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+                children: enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(import_jsx_runtime128.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
                     "animate",
                     {
                       attributeName: "stroke-dasharray",
@@ -8054,7 +8188,7 @@ var LoadingIcon = ({
                       repeatCount: "indefinite"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
                     "animate",
                     {
                       attributeName: "stroke-dashoffset",
@@ -8075,7 +8209,7 @@ var LoadingIcon = ({
 LoadingIcon.displayName = "LoadingIcon";
 
 // src/primitives/modal/index.tsx
-var import_hooks31 = require("@agg-build/hooks");
+var import_hooks32 = require("@agg-build/hooks");
 var Dialog = __toESM(require("@radix-ui/react-dialog"));
 
 // src/primitives/modal/modal.constants.ts
@@ -8099,7 +8233,7 @@ var resolveModalCloseIcon = ({
 };
 
 // src/primitives/modal/index.tsx
-var import_jsx_runtime128 = require("react/jsx-runtime");
+var import_jsx_runtime129 = require("react/jsx-runtime");
 var Modal = ({
   open,
   onOpenChange,
@@ -8107,7 +8241,7 @@ var Modal = ({
   "aria-label": _ariaLabel,
   "aria-labelledby": _ariaLabelledBy
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Dialog.Root, { open, onOpenChange, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Dialog.Root, { open, onOpenChange, children });
 };
 var ModalContainer = ({
   children,
@@ -8119,11 +8253,11 @@ var ModalContainer = ({
   const {
     general: { rootClassName },
     features: { enableAnimations }
-  } = (0, import_hooks31.useSdkUiConfig)();
+  } = (0, import_hooks32.useSdkUiConfig)();
   const overlayAnimationClassName = resolveModalOverlayAnimationClassName(enableAnimations);
   const panelAnimationClassName = resolveModalPanelAnimationClassName(enableAnimations);
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(Dialog.Portal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(Dialog.Portal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
       Dialog.Overlay,
       {
         className: cn(
@@ -8134,7 +8268,7 @@ var ModalContainer = ({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
       Dialog.Content,
       {
         className: cn(
@@ -8160,7 +8294,7 @@ var ModalContainer = ({
             event.preventDefault();
           }
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
           "div",
           {
             className: cn(
@@ -8168,7 +8302,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_runtime128.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
               "div",
               {
                 className: cn(
@@ -8208,14 +8342,14 @@ var ModalHeader = ({
 }) => {
   const {
     features: { enableAnimations }
-  } = (0, import_hooks31.useSdkUiConfig)();
-  const labels = (0, import_hooks31.useLabels)();
-  const defaultCloseIcon = /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(CloseIcon, { className: "h-6 w-6" });
+  } = (0, import_hooks32.useSdkUiConfig)();
+  const labels = (0, import_hooks32.useLabels)();
+  const defaultCloseIcon = /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(CloseIcon, { className: "h-6 w-6" });
   const resolvedCloseIcon = resolveModalCloseIcon({
     closeIcon,
     defaultCloseIcon
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
     "div",
     {
       className: cn(
@@ -8228,7 +8362,7 @@ var ModalHeader = ({
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
           "div",
           {
             className: cn(
@@ -8241,8 +8375,8 @@ var ModalHeader = ({
               classNames == null ? void 0 : classNames.container
             ),
             children: [
-              leftElement ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_jsx_runtime128.Fragment, { children: leftElement }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
+              leftElement ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_jsx_runtime129.Fragment, { children: leftElement }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
                 "div",
                 {
                   className: cn(
@@ -8251,7 +8385,7 @@ var ModalHeader = ({
                     classNames == null ? void 0 : classNames.titleContainer
                   ),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                       Dialog.Title,
                       {
                         className: cn(
@@ -8265,7 +8399,7 @@ var ModalHeader = ({
                         children: title2
                       }
                     ),
-                    subtitle ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+                    subtitle ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                       "span",
                       {
                         className: cn(
@@ -8279,9 +8413,9 @@ var ModalHeader = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "agg-modal-header-actions flex flex-row items-center justify-end gap-6", children: [
-                rightElement ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_jsx_runtime128.Fragment, { children: rightElement }) : null,
-                !hideClose && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "agg-modal-header-actions flex flex-row items-center justify-end gap-6", children: [
+                rightElement ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_jsx_runtime129.Fragment, { children: rightElement }) : null,
+                !hideClose && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
                   Dialog.Close,
                   {
                     className: cn(
@@ -8298,14 +8432,14 @@ var ModalHeader = ({
             ]
           }
         ),
-        children ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "agg-modal-header-extra", children }) : null
+        children ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "agg-modal-header-extra", children }) : null
       ]
     }
   );
 };
 Modal.Header = ModalHeader;
 var ModalBody = ({ children, classNames }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
     "div",
     {
       className: cn(
@@ -8326,7 +8460,7 @@ var ModalFooter = ({
   classNames,
   hideBorder = false
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
     "div",
     {
       className: cn(
@@ -8347,9 +8481,9 @@ Modal.Footer = ModalFooter;
 Modal.displayName = "Modal";
 
 // src/primitives/number-value.tsx
-var import_react10 = require("react");
-var import_hooks32 = require("@agg-build/hooks");
-var import_jsx_runtime129 = require("react/jsx-runtime");
+var import_react11 = require("react");
+var import_hooks33 = require("@agg-build/hooks");
+var import_jsx_runtime130 = require("react/jsx-runtime");
 var NumberValue = ({
   value,
   format = "number",
@@ -8359,8 +8493,8 @@ var NumberValue = ({
 }) => {
   const {
     formatting: { formatCompactCurrency, formatCurrency, formatDate, formatNumber, formatPercent }
-  } = (0, import_hooks32.useSdkUiConfig)();
-  const formatted = (0, import_react10.useMemo)(() => {
+  } = (0, import_hooks33.useSdkUiConfig)();
+  const formatted = (0, import_react11.useMemo)(() => {
     if (value == null) return fallback;
     if (format === "date") {
       if (value instanceof Date) return formatDate(value);
@@ -8383,13 +8517,13 @@ var NumberValue = ({
     formatPercent,
     value
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: cn("font-agg-sans", className), "aria-label": ariaLabel, children: formatted });
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: cn("font-agg-sans", className), "aria-label": ariaLabel, children: formatted });
 };
 NumberValue.displayName = "NumberValue";
 
 // src/primitives/select/index.tsx
-var import_hooks33 = require("@agg-build/hooks");
-var import_react11 = require("react");
+var import_hooks34 = require("@agg-build/hooks");
+var import_react12 = require("react");
 var import_react_dom = require("react-dom");
 
 // src/primitives/select/select.constants.ts
@@ -8410,7 +8544,7 @@ var resolveIsSelectDisabled = ({
 };
 
 // src/primitives/select/index.tsx
-var import_jsx_runtime130 = require("react/jsx-runtime");
+var import_jsx_runtime131 = require("react/jsx-runtime");
 var SELECT_DROPDOWN_Z = 1e4;
 function resolveSelectPortalContainer(triggerRoot) {
   var _a, _b;
@@ -8433,24 +8567,24 @@ var Select = ({
   contentSideOffset = 8
 }) => {
   var _a;
-  const labels = (0, import_hooks33.useLabels)();
+  const labels = (0, import_hooks34.useLabels)();
   const {
     general: { rootClassName },
     features: { enableAnimations }
-  } = (0, import_hooks33.useSdkUiConfig)();
+  } = (0, import_hooks34.useSdkUiConfig)();
   const isDisabled = resolveIsSelectDisabled({ disabled, items });
   const selectedItem = resolveSelectedItem(items, value);
-  const [isOpen, setIsOpen] = (0, import_react11.useState)(false);
-  const [menuRect, setMenuRect] = (0, import_react11.useState)(null);
-  const containerRef = (0, import_react11.useRef)(null);
-  const portalRef = (0, import_react11.useRef)(null);
-  const closeTimerRef = (0, import_react11.useRef)(null);
-  const openedByHoverRef = (0, import_react11.useRef)(false);
-  const handleClose = (0, import_react11.useCallback)(() => {
+  const [isOpen, setIsOpen] = (0, import_react12.useState)(false);
+  const [menuRect, setMenuRect] = (0, import_react12.useState)(null);
+  const containerRef = (0, import_react12.useRef)(null);
+  const portalRef = (0, import_react12.useRef)(null);
+  const closeTimerRef = (0, import_react12.useRef)(null);
+  const openedByHoverRef = (0, import_react12.useRef)(false);
+  const handleClose = (0, import_react12.useCallback)(() => {
     setIsOpen(false);
     openedByHoverRef.current = false;
   }, []);
-  const updateMenuRect = (0, import_react11.useCallback)(() => {
+  const updateMenuRect = (0, import_react12.useCallback)(() => {
     const el = containerRef.current;
     if (!el) return;
     const r = el.getBoundingClientRect();
@@ -8461,19 +8595,19 @@ var Select = ({
       width: r.width
     });
   }, [contentSideOffset]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     return () => {
       if (closeTimerRef.current) clearTimeout(closeTimerRef.current);
     };
   }, []);
-  (0, import_react11.useLayoutEffect)(() => {
+  (0, import_react12.useLayoutEffect)(() => {
     if (!isOpen) {
       setMenuRect(null);
       return;
     }
     updateMenuRect();
   }, [isOpen, updateMenuRect, value]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (!isOpen) return;
     const handlePointerDown = (event) => {
       var _a2, _b;
@@ -8494,7 +8628,7 @@ var Select = ({
       document.removeEventListener("scroll", handleReposition, true);
     };
   }, [isOpen, handleClose, updateMenuRect]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (!isOpen) return;
     const handleKeyDown = (event) => {
       if ((event == null ? void 0 : event.key) === "Escape") handleClose();
@@ -8529,7 +8663,7 @@ var Select = ({
   };
   const isInline = variant === "inline";
   const triggerRadiusClass = triggerClassName != null ? triggerClassName : isInline ? "rounded-agg-sm" : "rounded-agg-md";
-  const listbox = menuRect ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+  const listbox = menuRect ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
     "div",
     {
       ref: portalRef,
@@ -8557,7 +8691,7 @@ var Select = ({
         const isSelected = item.value === value;
         const isHidden = item.hidden === true;
         if (isHidden) return null;
-        return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
           "button",
           {
             type: "button",
@@ -8581,14 +8715,14 @@ var Select = ({
               handleClose();
             },
             children: [
-              isInline && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+              isInline && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                 "span",
                 {
                   className: "agg-select-item-indicator absolute bottom-2 left-0 top-2 w-1 bg-agg-primary",
                   "aria-hidden": true
                 }
               ) : null,
-              item.icon ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+              item.icon ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                 "span",
                 {
                   className: cn(
@@ -8597,7 +8731,7 @@ var Select = ({
                   ),
                   children: item.icon
                 }
-              ) : item.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+              ) : item.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                 RemoteImage,
                 {
                   src: item.iconUrl,
@@ -8605,7 +8739,7 @@ var Select = ({
                   className: "agg-select-item-icon h-4 w-4 shrink-0 rounded-sm object-contain"
                 }
               ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "agg-select-item-label truncate", children: item.label })
+              /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "agg-select-item-label truncate", children: item.label })
             ]
           },
           item.value
@@ -8613,7 +8747,7 @@ var Select = ({
       })
     }
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
     "div",
     {
       ref: containerRef,
@@ -8623,7 +8757,7 @@ var Select = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
           "button",
           {
             type: "button",
@@ -8647,7 +8781,7 @@ var Select = ({
             onPointerEnter: handlePointerEnter,
             onPointerLeave: handlePointerLeave,
             children: [
-              (selectedItem == null ? void 0 : selectedItem.icon) ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "h-4 w-4 shrink-0 [&_svg]:h-full [&_svg]:w-full", children: selectedItem.icon }) : (selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+              (selectedItem == null ? void 0 : selectedItem.icon) ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "h-4 w-4 shrink-0 [&_svg]:h-full [&_svg]:w-full", children: selectedItem.icon }) : (selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                 RemoteImage,
                 {
                   src: selectedItem.iconUrl,
@@ -8655,18 +8789,18 @@ var Select = ({
                   className: "agg-select-icon h-4 w-4 shrink-0 rounded-sm object-contain"
                 }
               ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "agg-select-value flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
+              /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "agg-select-value flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
           "span",
           {
             className: cn(
               "agg-select-chevron pointer-events-none absolute inset-y-0 inline-flex items-center justify-center",
               isInline ? "right-2 text-agg-foreground" : "right-3 text-agg-muted-foreground"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
               Icon,
               {
                 name: isOpen ? "chevron-up" : "chevron-down-thin",
@@ -8684,8 +8818,8 @@ var Select = ({
 Select.displayName = "Select";
 
 // src/primitives/state-message/index.tsx
-var import_react12 = require("react");
-var import_hooks34 = require("@agg-build/hooks");
+var import_react13 = require("react");
+var import_hooks35 = require("@agg-build/hooks");
 
 // src/primitives/typography/typography.constants.ts
 var typographyVariants = [
@@ -8782,7 +8916,7 @@ var getTypographyClassName = ({
 };
 
 // src/primitives/typography/index.tsx
-var import_jsx_runtime131 = require("react/jsx-runtime");
+var import_jsx_runtime132 = require("react/jsx-runtime");
 var Typography = ({
   as: Component2 = "p",
   variant = "body",
@@ -8790,7 +8924,7 @@ var Typography = ({
   children,
   "aria-label": ariaLabel
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Component2, { className: getTypographyClassName({ className, variant }), "aria-label": ariaLabel, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Component2, { className: getTypographyClassName({ className, variant }), "aria-label": ariaLabel, children });
 };
 Typography.displayName = "Typography";
 
@@ -8803,7 +8937,7 @@ var resolveStateMessageHasAction = ({ onAction }) => {
 };
 
 // src/primitives/state-message/index.tsx
-var import_jsx_runtime132 = require("react/jsx-runtime");
+var import_jsx_runtime133 = require("react/jsx-runtime");
 var StateMessage = (_a) => {
   var _b = _a, {
     icon,
@@ -8818,13 +8952,13 @@ var StateMessage = (_a) => {
     "onAction",
     "classNames"
   ]);
-  const labels = (0, import_hooks34.useLabels)();
+  const labels = (0, import_hooks35.useLabels)();
   const hasAction = resolveStateMessageHasAction({ onAction });
-  const resolvedIcon = (0, import_react12.cloneElement)(icon, {
+  const resolvedIcon = (0, import_react13.cloneElement)(icon, {
     className: cn(STATE_MESSAGE_ICON_CLASS_NAME, icon.props.className, classNames == null ? void 0 : classNames.icon),
     "aria-hidden": true
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
     "div",
     __spreadProps(__spreadValues({}, rest), {
       className: cn(
@@ -8835,7 +8969,7 @@ var StateMessage = (_a) => {
       role: "status",
       "aria-live": "polite",
       "aria-label": title2,
-      children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
         "div",
         {
           className: cn(
@@ -8844,7 +8978,7 @@ var StateMessage = (_a) => {
           ),
           children: [
             resolvedIcon,
-            /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
               "div",
               {
                 className: cn(
@@ -8852,8 +8986,8 @@ var StateMessage = (_a) => {
                   classNames == null ? void 0 : classNames.text
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Typography, { variant: "body-strong", className: classNames == null ? void 0 : classNames.title, children: title2 }),
-                  description ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Typography, { variant: "body-strong", className: classNames == null ? void 0 : classNames.title, children: title2 }),
+                  description ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
                     Typography,
                     {
                       variant: "label",
@@ -8864,7 +8998,7 @@ var StateMessage = (_a) => {
                 ]
               }
             ),
-            hasAction ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+            hasAction ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
               Button,
               {
                 variant: "tertiary",
@@ -8891,19 +9025,19 @@ var StateMessage = (_a) => {
 StateMessage.displayName = "StateMessage";
 
 // src/primitives/tabs/index.tsx
-var import_hooks35 = require("@agg-build/hooks");
-var import_react14 = require("react");
+var import_hooks36 = require("@agg-build/hooks");
+var import_react15 = require("react");
 
 // src/shared/use-horizontal-scroll-state.ts
-var import_react13 = require("react");
+var import_react14 = require("react");
 var useHorizontalScrollState = () => {
-  const containerRef = (0, import_react13.useRef)(null);
-  const [hasOverflow, setHasOverflow] = (0, import_react13.useState)(false);
-  const [isAtStart, setIsAtStart] = (0, import_react13.useState)(true);
-  const [isAtEnd, setIsAtEnd] = (0, import_react13.useState)(true);
-  const [canScrollLeft, setCanScrollLeft] = (0, import_react13.useState)(false);
-  const [canScrollRight, setCanScrollRight] = (0, import_react13.useState)(false);
-  const update = (0, import_react13.useCallback)(() => {
+  const containerRef = (0, import_react14.useRef)(null);
+  const [hasOverflow, setHasOverflow] = (0, import_react14.useState)(false);
+  const [isAtStart, setIsAtStart] = (0, import_react14.useState)(true);
+  const [isAtEnd, setIsAtEnd] = (0, import_react14.useState)(true);
+  const [canScrollLeft, setCanScrollLeft] = (0, import_react14.useState)(false);
+  const [canScrollRight, setCanScrollRight] = (0, import_react14.useState)(false);
+  const update = (0, import_react14.useCallback)(() => {
     const el = containerRef.current;
     if (!el) return;
     const epsilon = 2;
@@ -8916,13 +9050,13 @@ var useHorizontalScrollState = () => {
     setCanScrollLeft(nextHasOverflow && !nextIsAtStart);
     setCanScrollRight(nextHasOverflow && !nextIsAtEnd);
   }, []);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     const el = containerRef.current;
     if (!el) return;
     el.addEventListener("scroll", update, { passive: true });
     return () => el.removeEventListener("scroll", update);
   }, [update]);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (typeof ResizeObserver === "undefined") return;
     const el = containerRef.current;
     if (!el) return;
@@ -8966,7 +9100,7 @@ var findEdgeEnabledIndex = (items, direction) => {
 };
 
 // src/primitives/tabs/index.tsx
-var import_jsx_runtime133 = require("react/jsx-runtime");
+var import_jsx_runtime134 = require("react/jsx-runtime");
 var getTabButtonClassName = ({
   enableAnimations,
   isBarVariant,
@@ -9009,12 +9143,12 @@ var Tabs = ({
   className,
   classNames
 }) => {
-  const labels = (0, import_hooks35.useLabels)();
+  const labels = (0, import_hooks36.useLabels)();
   const {
     features: { enableAnimations }
-  } = (0, import_hooks35.useSdkUiConfig)();
-  const buttonRefs = (0, import_react14.useRef)([]);
-  const dragStateRef = (0, import_react14.useRef)({
+  } = (0, import_hooks36.useSdkUiConfig)();
+  const buttonRefs = (0, import_react15.useRef)([]);
+  const dragStateRef = (0, import_react15.useRef)({
     isPointerDown: false,
     isDragging: false,
     pointerId: null,
@@ -9022,11 +9156,11 @@ var Tabs = ({
     startClientY: 0,
     startScrollLeft: 0
   });
-  const suppressClickRef = (0, import_react14.useRef)(false);
+  const suppressClickRef = (0, import_react15.useRef)(false);
   const resolvedAriaLabel = ariaLabel != null ? ariaLabel : labels.common.tabsAria;
-  const [isMobileViewport, setIsMobileViewport] = (0, import_react14.useState)(false);
-  const [isDraggingTabs, setIsDraggingTabs] = (0, import_react14.useState)(false);
-  const [activeUnderlineStyle, setActiveUnderlineStyle] = (0, import_react14.useState)({
+  const [isMobileViewport, setIsMobileViewport] = (0, import_react15.useState)(false);
+  const [isDraggingTabs, setIsDraggingTabs] = (0, import_react15.useState)(false);
+  const [activeUnderlineStyle, setActiveUnderlineStyle] = (0, import_react15.useState)({
     transform: "translateX(0px)",
     width: 0,
     opacity: 0
@@ -9041,14 +9175,14 @@ var Tabs = ({
     update: updateScrollState
   } = useHorizontalScrollState();
   const isBarVariant = variant === "bar";
-  const resolvedOverflowBehavior = (0, import_react14.useMemo)(() => {
+  const resolvedOverflowBehavior = (0, import_react15.useMemo)(() => {
     if (overflowBehavior) return overflowBehavior;
     if (!isBarVariant) return "scroll";
     return isMobileViewport ? "select" : "scroll";
   }, [isBarVariant, isMobileViewport, overflowBehavior]);
   const shouldUseOverflowScroll = resolvedOverflowBehavior === "scroll";
   const shouldUseOverflowSelect = resolvedOverflowBehavior === "select";
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (typeof window === "undefined") return;
     const mediaQueryList = window.matchMedia(MOBILE_TABS_MEDIA_QUERY);
     const handleMediaQueryChange = (event) => {
@@ -9066,12 +9200,12 @@ var Tabs = ({
       mediaQueryList.removeListener(handleMediaQueryChange);
     };
   }, []);
-  const renderedItems = (0, import_react14.useMemo)(() => {
+  const renderedItems = (0, import_react15.useMemo)(() => {
     return items.map((item) => __spreadProps(__spreadValues({}, item), {
       disabled: item.disabled || item.isComingSoon
     }));
   }, [items]);
-  const selectItems = (0, import_react14.useMemo)(() => {
+  const selectItems = (0, import_react15.useMemo)(() => {
     return renderedItems.map((item) => ({
       value: item.value,
       label: item.isComingSoon ? `${item.label} (soon)` : item.label,
@@ -9204,7 +9338,7 @@ var Tabs = ({
     event == null ? void 0 : event.stopPropagation();
     suppressClickRef.current = false;
   };
-  const updateActiveUnderline = (0, import_react14.useCallback)(() => {
+  const updateActiveUnderline = (0, import_react15.useCallback)(() => {
     if (isBarVariant) {
       setActiveUnderlineStyle({
         transform: "translateX(0px)",
@@ -9227,10 +9361,10 @@ var Tabs = ({
       opacity: 1
     });
   }, [isBarVariant, renderedItems, tabListRef, value]);
-  (0, import_react14.useLayoutEffect)(() => {
+  (0, import_react15.useLayoutEffect)(() => {
     updateActiveUnderline();
   }, [updateActiveUnderline]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (isBarVariant || !shouldUseOverflowScroll) return;
     const tabListElement = tabListRef.current;
     if (!tabListElement) return;
@@ -9242,11 +9376,11 @@ var Tabs = ({
       tabListElement.removeEventListener("scroll", handleScroll);
     };
   }, [isBarVariant, shouldUseOverflowScroll, tabListRef, updateActiveUnderline]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!shouldUseOverflowScroll) return;
     updateScrollState();
   }, [renderedItems, shouldUseOverflowScroll, updateScrollState, value]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (isBarVariant || !shouldUseOverflowScroll) return;
     if (typeof ResizeObserver === "undefined") return;
     const tabListElement = tabListRef.current;
@@ -9259,7 +9393,7 @@ var Tabs = ({
       resizeObserver.disconnect();
     };
   }, [isBarVariant, shouldUseOverflowScroll, tabListRef, updateActiveUnderline]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!shouldUseOverflowScroll) return;
     const tabListElement = tabListRef.current;
     if (!tabListElement) return;
@@ -9294,7 +9428,7 @@ var Tabs = ({
     value
   ]);
   if (shouldUseOverflowSelect) {
-    return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: cn("group/agg-tabs w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: cn("group/agg-tabs w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
       Select,
       {
         ariaLabel,
@@ -9306,7 +9440,7 @@ var Tabs = ({
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
     "div",
     {
       className: cn(
@@ -9317,7 +9451,7 @@ var Tabs = ({
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
           "div",
           {
             ref: tabListRef,
@@ -9331,7 +9465,7 @@ var Tabs = ({
             onPointerUp: handleEndTabListDrag,
             onWheel: handleTabListWheel,
             children: [
-              shouldUseOverflowScroll && !isBarVariant && hasOverflow ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+              shouldUseOverflowScroll && !isBarVariant && hasOverflow ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
                 "span",
                 {
                   "aria-hidden": true,
@@ -9342,7 +9476,7 @@ var Tabs = ({
                 var _a;
                 const isActive = item.value === value;
                 const isComingSoon = (_a = item == null ? void 0 : item.isComingSoon) != null ? _a : false;
-                return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
                   "button",
                   {
                     ref: (buttonElement) => {
@@ -9378,7 +9512,7 @@ var Tabs = ({
                     ),
                     children: [
                       item.icon ? item.icon : null,
-                      /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+                      /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
                         "span",
                         {
                           className: cn(
@@ -9396,7 +9530,7 @@ var Tabs = ({
                   item.value
                 );
               }),
-              !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+              !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
                 "span",
                 {
                   "aria-hidden": true,
@@ -9415,8 +9549,8 @@ var Tabs = ({
             ]
           }
         ),
-        shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_jsx_runtime133.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+        shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(import_jsx_runtime134.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
             "span",
             {
               "aria-hidden": true,
@@ -9428,7 +9562,7 @@ var Tabs = ({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
             "span",
             {
               "aria-hidden": true,
@@ -9441,8 +9575,8 @@ var Tabs = ({
             }
           )
         ] }) : null,
-        shouldUseOverflowScroll && isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_jsx_runtime133.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+        shouldUseOverflowScroll && isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(import_jsx_runtime134.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
             "button",
             {
               type: "button",
@@ -9464,10 +9598,10 @@ var Tabs = ({
                   behavior: getScrollBehavior(enableAnimations)
                 });
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Icon, { name: "chevron-left", size: "small", color: "currentColor" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Icon, { name: "chevron-left", size: "small", color: "currentColor" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
             "button",
             {
               type: "button",
@@ -9489,7 +9623,7 @@ var Tabs = ({
                   behavior: getScrollBehavior(enableAnimations)
                 });
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
             }
           )
         ] }) : null
@@ -9501,8 +9635,8 @@ Tabs.displayName = "Tabs";
 
 // src/primitives/toast/index.tsx
 var RadixToast = __toESM(require("@radix-ui/react-toast"));
-var import_react15 = require("react");
-var import_jsx_runtime134 = require("react/jsx-runtime");
+var import_react16 = require("react");
+var import_jsx_runtime135 = require("react/jsx-runtime");
 var DEFAULT_DURATION_MS = 5e3;
 var EXIT_ANIMATION_MS = 350;
 var TONE_ACCENT_CLASS = {
@@ -9517,7 +9651,7 @@ var TONE_ICON_NAME = {
   warning: "warning-filled",
   error: "error-filled"
 };
-var ToastContext = (0, import_react15.createContext)(null);
+var ToastContext = (0, import_react16.createContext)(null);
 function ToastProvider({
   children,
   defaultDurationMs = DEFAULT_DURATION_MS,
@@ -9525,12 +9659,12 @@ function ToastProvider({
   swipeThreshold = 50,
   viewportClassName
 }) {
-  const [toasts, setToasts] = (0, import_react15.useState)([]);
-  const idRef = (0, import_react15.useRef)(0);
-  const dismiss = (0, import_react15.useCallback)((id) => {
+  const [toasts, setToasts] = (0, import_react16.useState)([]);
+  const idRef = (0, import_react16.useRef)(0);
+  const dismiss = (0, import_react16.useCallback)((id) => {
     setToasts((current) => current.filter((entry) => entry.id !== id));
   }, []);
-  const toast = (0, import_react15.useCallback)(
+  const toast = (0, import_react16.useCallback)(
     (message, options) => {
       const id = ++idRef.current;
       setToasts((current) => {
@@ -9551,9 +9685,9 @@ function ToastProvider({
     },
     [defaultDurationMs]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(ToastContext.Provider, { value: { toast, dismiss }, children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(RadixToast.Provider, { swipeDirection, swipeThreshold, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(ToastContext.Provider, { value: { toast, dismiss }, children: /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(RadixToast.Provider, { swipeDirection, swipeThreshold, children: [
     children,
-    toasts.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+    toasts.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
       ToastRow,
       {
         entry,
@@ -9563,7 +9697,7 @@ function ToastProvider({
       },
       entry.id
     )),
-    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
       RadixToast.Viewport,
       {
         className: cn(
@@ -9575,31 +9709,31 @@ function ToastProvider({
   ] }) });
 }
 function ToastRow({ entry, onOpenChange }) {
-  const [isOpen, setIsOpen] = (0, import_react15.useState)(true);
+  const [isOpen, setIsOpen] = (0, import_react16.useState)(true);
   const hasAutoDismiss = entry.durationMs > 0 && Number.isFinite(entry.durationMs);
   const duration = hasAutoDismiss ? entry.durationMs : Number.POSITIVE_INFINITY;
-  const timeoutRef = (0, import_react15.useRef)(null);
-  const closeTimeoutRef = (0, import_react15.useRef)(null);
-  const remainingMsRef = (0, import_react15.useRef)(duration);
-  const timerStartedAtRef = (0, import_react15.useRef)(null);
-  const onOpenChangeRef = (0, import_react15.useRef)(onOpenChange);
+  const timeoutRef = (0, import_react16.useRef)(null);
+  const closeTimeoutRef = (0, import_react16.useRef)(null);
+  const remainingMsRef = (0, import_react16.useRef)(duration);
+  const timerStartedAtRef = (0, import_react16.useRef)(null);
+  const onOpenChangeRef = (0, import_react16.useRef)(onOpenChange);
   const rootStyle = {
     "--agg-toast-duration": `${duration}ms`
   };
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     onOpenChangeRef.current = onOpenChange;
   }, [onOpenChange]);
-  const clearDismissTimer = (0, import_react15.useCallback)(() => {
+  const clearDismissTimer = (0, import_react16.useCallback)(() => {
     if (!timeoutRef.current) return;
     clearTimeout(timeoutRef.current);
     timeoutRef.current = null;
   }, []);
-  const clearCloseTimer = (0, import_react15.useCallback)(() => {
+  const clearCloseTimer = (0, import_react16.useCallback)(() => {
     if (!closeTimeoutRef.current) return;
     clearTimeout(closeTimeoutRef.current);
     closeTimeoutRef.current = null;
   }, []);
-  const handleOpenChange = (0, import_react15.useCallback)(
+  const handleOpenChange = (0, import_react16.useCallback)(
     (open) => {
       if (open) {
         clearCloseTimer();
@@ -9616,7 +9750,7 @@ function ToastRow({ entry, onOpenChange }) {
     },
     [clearCloseTimer, clearDismissTimer]
   );
-  const startDismissTimer = (0, import_react15.useCallback)(() => {
+  const startDismissTimer = (0, import_react16.useCallback)(() => {
     if (!hasAutoDismiss) return;
     clearDismissTimer();
     timerStartedAtRef.current = Date.now();
@@ -9624,18 +9758,18 @@ function ToastRow({ entry, onOpenChange }) {
       handleOpenChange(false);
     }, remainingMsRef.current);
   }, [clearDismissTimer, handleOpenChange, hasAutoDismiss]);
-  const handlePauseDismissTimer = (0, import_react15.useCallback)(() => {
+  const handlePauseDismissTimer = (0, import_react16.useCallback)(() => {
     if (!hasAutoDismiss || timerStartedAtRef.current === null) return;
     const elapsedMs = Date.now() - timerStartedAtRef.current;
     remainingMsRef.current = Math.max(0, remainingMsRef.current - elapsedMs);
     timerStartedAtRef.current = null;
     clearDismissTimer();
   }, [clearDismissTimer, hasAutoDismiss]);
-  const handleResumeDismissTimer = (0, import_react15.useCallback)(() => {
+  const handleResumeDismissTimer = (0, import_react16.useCallback)(() => {
     if (!hasAutoDismiss || timerStartedAtRef.current !== null) return;
     startDismissTimer();
   }, [hasAutoDismiss, startDismissTimer]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     remainingMsRef.current = duration;
     startDismissTimer();
     return () => {
@@ -9643,7 +9777,7 @@ function ToastRow({ entry, onOpenChange }) {
       clearCloseTimer();
     };
   }, [clearCloseTimer, clearDismissTimer, duration, startDismissTimer]);
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
     RadixToast.Root,
     {
       open: isOpen,
@@ -9664,7 +9798,7 @@ function ToastRow({ entry, onOpenChange }) {
         TONE_ACCENT_CLASS[entry.tone]
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
           Icon,
           {
             name: TONE_ICON_NAME[entry.tone],
@@ -9672,25 +9806,25 @@ function ToastRow({ entry, onOpenChange }) {
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "min-w-0 flex-1", children: [
-          entry.title ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(RadixToast.Title, { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-foreground", children: entry.title }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(RadixToast.Description, { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground wrap-break-word", children: entry.message }),
-          entry.detail ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground wrap-break-word", children: entry.detail }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "min-w-0 flex-1", children: [
+          entry.title ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(RadixToast.Title, { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-foreground", children: entry.title }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(RadixToast.Description, { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground wrap-break-word", children: entry.message }),
+          entry.detail ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground wrap-break-word", children: entry.detail }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
           RadixToast.Close,
           {
             "aria-label": "Dismiss",
             className: "absolute top-4 right-4 cursor-pointer text-agg-foreground transition-opacity hover:opacity-70 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
-            children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Icon, { name: "close", className: "h-4! w-4!", "aria-hidden": "true" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Icon, { name: "close", className: "h-4! w-4!", "aria-hidden": "true" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
           "div",
           {
             className: "absolute right-[-1px] bottom-[-1px] left-[-1px] h-1 bg-[color-mix(in_srgb,var(--agg-toast-accent)_30%,transparent)]",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
               "div",
               {
                 "data-testid": "agg-toast-progress",
@@ -9707,20 +9841,20 @@ function ToastRow({ entry, onOpenChange }) {
   );
 }
 function useToast() {
-  const ctx = (0, import_react15.useContext)(ToastContext);
+  const ctx = (0, import_react16.useContext)(ToastContext);
   if (!ctx) {
     throw new Error("useToast must be used within a <ToastProvider>");
   }
   return ctx;
 }
 function useOptionalToast() {
-  return (0, import_react15.useContext)(ToastContext);
+  return (0, import_react16.useContext)(ToastContext);
 }
 
 // src/primitives/tooltip/index.tsx
-var import_hooks36 = require("@agg-build/hooks");
+var import_hooks37 = require("@agg-build/hooks");
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
-var import_react16 = require("react");
+var import_react17 = require("react");
 
 // src/primitives/tooltip/tooltip.constants.ts
 var tooltipSizeClasses = {
@@ -9752,7 +9886,7 @@ var resolveTooltipArrowDimensions = (size) => {
 };
 
 // src/primitives/tooltip/index.tsx
-var import_jsx_runtime135 = require("react/jsx-runtime");
+var import_jsx_runtime136 = require("react/jsx-runtime");
 var Tooltip = ({
   content,
   children,
@@ -9767,25 +9901,25 @@ var Tooltip = ({
   const {
     general: { rootClassName },
     features: { enableAnimations }
-  } = (0, import_hooks36.useSdkUiConfig)();
-  const trigger = (0, import_react16.useMemo)(() => {
+  } = (0, import_hooks37.useSdkUiConfig)();
+  const trigger = (0, import_react17.useMemo)(() => {
     if (children) return children;
-    return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
       "button",
       {
         type: "button",
         className: resolveTooltipTriggerClassName(classNames == null ? void 0 : classNames.trigger),
         "aria-label": ariaLabel != null ? ariaLabel : defaultTooltipTriggerAriaLabel,
-        children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Icon, { name: "info", size: "small", className: cn(classNames == null ? void 0 : classNames.icon), "aria-hidden": true })
+        children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Icon, { name: "info", size: "small", className: cn(classNames == null ? void 0 : classNames.icon), "aria-hidden": true })
       }
     );
   }, [children, classNames == null ? void 0 : classNames.trigger, classNames == null ? void 0 : classNames.icon, 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_runtime135.jsx)(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(TooltipPrimitive.Root, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(TooltipPrimitive.Root, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
       TooltipPrimitive.Content,
       {
         side,
@@ -9809,7 +9943,7 @@ var Tooltip = ({
           classNames == null ? void 0 : classNames.content
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(TooltipPrimitive.Arrow, { asChild: true, width: arrowWidth, height: arrowHeight, children: /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(TooltipPrimitive.Arrow, { asChild: true, width: arrowWidth, height: arrowHeight, children: /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
             "svg",
             {
               width: arrowWidth,
@@ -9818,8 +9952,8 @@ var Tooltip = ({
               "aria-hidden": "true",
               className: cn("overflow-visible", classNames == null ? void 0 : classNames.arrow),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("polygon", { points: arrowPoints, className: "fill-agg-secondary" }),
-                /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("polygon", { points: arrowPoints, className: "fill-agg-secondary" }),
+                /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
                   "path",
                   {
                     d: arrowBorderPath,