@agg-build/ui 4.9.2 → 4.10.0

package/dist/primitives.js

@@ -5434,10 +5434,10 @@ var Footer = ({
 Footer.displayName = "Footer";
 
 // src/primitives/header/index.tsx
-var import_hooks30 = require("@agg-build/hooks");
+var import_hooks31 = require("@agg-build/hooks");
 
 // src/primitives/search/index.tsx
-var import_hooks29 = require("@agg-build/hooks");
+var import_hooks30 = require("@agg-build/hooks");
 var import_react10 = require("react");
 
 // src/events/list/event-list.utils.ts
@@ -6196,7 +6196,7 @@ var Skeleton = ({
 Skeleton.displayName = "Skeleton";
 
 // src/primitives/venue-logo/index.tsx
-var import_hooks27 = require("@agg-build/hooks");
+var import_hooks28 = require("@agg-build/hooks");
 
 // src/primitives/venue-logo/venue-logo.constants.ts
 var import_sdk12 = require("@agg-build/sdk");
@@ -6582,11 +6582,11 @@ var LogoPolymarketIcon = (_a) => {
 };
 LogoPolymarketIcon.displayName = "LogoPolymarketIcon";
 
-// src/primitives/venue-logo/svg/logo-predict.tsx
+// src/primitives/venue-logo/svg/logo-pred.tsx
 var import_hooks24 = require("@agg-build/hooks");
-var import_sdk9 = require("@agg-build/sdk");
 var import_jsx_runtime126 = require("react/jsx-runtime");
-var LogoPredictIcon = (_a) => {
+var PRED_LOGO_COLORS = { light: "#120C06", dark: "#F4FB37" };
+var LogoPredIcon = (_a) => {
   var _b = _a, {
     title: title2,
     className,
@@ -6598,26 +6598,80 @@ var LogoPredictIcon = (_a) => {
     "isColor",
     "color"
   ]);
-  var _a2;
   const {
     general: { theme }
   } = (0, import_hooks24.useAggUiConfig)();
   const isDarkTheme = theme === "dark";
   const primaryColor = resolveLogoPrimaryColor({
-    brandColor: (_a2 = resolveVenueLineColor(import_sdk9.Venue.predict, isDarkTheme)) != null ? _a2 : "#705bf6",
+    brandColor: PRED_LOGO_COLORS[isDarkTheme ? "dark" : "light"],
     isColor,
     color
   });
   return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 100 100",
+      viewBox: "0 0 48 48",
       className,
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
         title2 ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("title", { children: title2 }) : null,
         /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+          "path",
+          {
+            d: "M13.2063 24.447L30.8869 21.6235L31.7298 19.898L4 10.4414L10.9436 16.4694L5.95218 41.9708L13.2063 24.447Z",
+            fill: primaryColor
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+          "path",
+          {
+            d: "M34.3927 24.0014L16.7121 26.8473L15.8691 28.5504L43.599 38.0294L36.6554 31.979L41.6468 6.5L34.3927 24.0014Z",
+            fill: primaryColor
+          }
+        )
+      ]
+    })
+  );
+};
+LogoPredIcon.displayName = "LogoPredIcon";
+
+// src/primitives/venue-logo/svg/logo-predict.tsx
+var import_hooks25 = require("@agg-build/hooks");
+var import_sdk9 = require("@agg-build/sdk");
+var import_jsx_runtime127 = require("react/jsx-runtime");
+var LogoPredictIcon = (_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_hooks25.useAggUiConfig)();
+  const isDarkTheme = theme === "dark";
+  const primaryColor = resolveLogoPrimaryColor({
+    brandColor: (_a2 = resolveVenueLineColor(import_sdk9.Venue.predict, isDarkTheme)) != null ? _a2 : "#705bf6",
+    isColor,
+    color
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 100 100",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title2)), props), {
+      children: [
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
           "path",
           {
             fillRule: "evenodd",
@@ -6633,9 +6687,9 @@ var LogoPredictIcon = (_a) => {
 LogoPredictIcon.displayName = "LogoPredictIcon";
 
 // src/primitives/venue-logo/svg/logo-probable.tsx
-var import_hooks25 = require("@agg-build/hooks");
+var import_hooks26 = require("@agg-build/hooks");
 var import_sdk10 = require("@agg-build/sdk");
-var import_jsx_runtime127 = require("react/jsx-runtime");
+var import_jsx_runtime128 = require("react/jsx-runtime");
 var LogoProbableIcon = (_a) => {
   var _b = _a, {
     title: title2,
@@ -6651,14 +6705,14 @@ var LogoProbableIcon = (_a) => {
   var _a2;
   const {
     general: { theme }
-  } = (0, import_hooks25.useAggUiConfig)();
+  } = (0, import_hooks26.useAggUiConfig)();
   const isDarkTheme = theme === "dark";
   const primaryColor = resolveLogoPrimaryColor({
     brandColor: (_a2 = resolveVenueLineColor(import_sdk10.Venue.probable, isDarkTheme)) != null ? _a2 : "#EC4899",
     isColor,
     color
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 100 100",
@@ -6666,16 +6720,16 @@ var LogoProbableIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
           "path",
           {
             d: "M75.625 59.3489C75.6247 53.7323 71.0719 49.1792 65.4551 49.179H33.9209C28.3039 49.179 23.7503 53.7321 23.75 59.3489C23.75 64.9659 28.3038 69.5198 33.9209 69.5198H65.4551C71.0719 69.5195 75.625 64.9658 75.625 59.3489ZM90.625 59.3489C90.625 73.2501 79.3562 84.5195 65.4551 84.5198H33.9209C20.0196 84.5198 8.75 73.2502 8.75 59.3489C8.75026 45.4477 20.0198 34.179 33.9209 34.179H65.4551C79.3559 34.1792 90.6247 45.4478 90.625 59.3489Z",
             fill: primaryColor
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("path", { d: "M90.9329 15.4546V30.4546H8.90234V15.4546H90.9329Z", fill: primaryColor }),
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("path", { d: "M90.9329 15.4546V30.4546H8.90234V15.4546H90.9329Z", fill: primaryColor }),
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
           "path",
           {
             d: "M64.5742 51.3496C68.9894 51.3496 72.5742 54.9344 72.5742 59.3496C72.5742 63.7648 68.9894 67.3496 64.5742 67.3496C60.159 67.3496 56.5742 63.7648 56.5742 59.3496C56.5742 54.9344 60.159 51.3496 64.5742 51.3496Z",
@@ -6689,10 +6743,10 @@ var LogoProbableIcon = (_a) => {
 LogoProbableIcon.displayName = "LogoProbableIcon";
 
 // src/primitives/venue-logo/svg/logo-prophetx.tsx
-var import_hooks26 = require("@agg-build/hooks");
+var import_hooks27 = require("@agg-build/hooks");
 var import_sdk11 = require("@agg-build/sdk");
 var import_react9 = require("react");
-var import_jsx_runtime128 = require("react/jsx-runtime");
+var import_jsx_runtime129 = require("react/jsx-runtime");
 var LogoProphetXIcon = (_a) => {
   var _b = _a, {
     title: title2,
@@ -6708,7 +6762,7 @@ var LogoProphetXIcon = (_a) => {
   var _a2;
   const {
     general: { theme }
-  } = (0, import_hooks26.useAggUiConfig)();
+  } = (0, import_hooks27.useAggUiConfig)();
   const isDarkTheme = theme === "dark";
   const uid = (0, import_react9.useId)();
   const primaryColor = resolveLogoPrimaryColor({
@@ -6720,7 +6774,7 @@ var LogoProphetXIcon = (_a) => {
   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_runtime128.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "81.867 138.419 424.492 272.214",
@@ -6728,9 +6782,9 @@ var LogoProphetXIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("title", { children: title2 }) : null,
-        isMonochrome ? null : /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("defs", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("title", { children: title2 }) : null,
+        isMonochrome ? null : /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("defs", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
             "linearGradient",
             {
               id: `${uid}-0`,
@@ -6741,14 +6795,14 @@ var LogoProphetXIcon = (_a) => {
               gradientUnits: "userSpaceOnUse",
               gradientTransform,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("stop", { stopColor: "#1DC29A" }),
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("stop", { offset: "0.1032", stopColor: "#19BE9D" }),
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("stop", { offset: "0.6255", stopColor: "#06ADAA" }),
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("stop", { offset: "1", stopColor: "#00A7AF" })
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("stop", { stopColor: "#1DC29A" }),
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("stop", { offset: "0.1032", stopColor: "#19BE9D" }),
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("stop", { offset: "0.6255", stopColor: "#06ADAA" }),
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("stop", { offset: "1", stopColor: "#00A7AF" })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
             "linearGradient",
             {
               id: `${uid}-1`,
@@ -6759,12 +6813,12 @@ var LogoProphetXIcon = (_a) => {
               gradientUnits: "userSpaceOnUse",
               gradientTransform,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("stop", { stopColor: "#1DC29A" }),
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("stop", { offset: "1", stopColor: "#00A7AF" })
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("stop", { stopColor: "#1DC29A" }),
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("stop", { offset: "1", stopColor: "#00A7AF" })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
             "linearGradient",
             {
               id: `${uid}-2`,
@@ -6775,29 +6829,29 @@ var LogoProphetXIcon = (_a) => {
               gradientUnits: "userSpaceOnUse",
               gradientTransform,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("stop", { stopColor: "#1DC29A" }),
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("stop", { offset: "0.3631", stopColor: "#18BD9E" }),
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("stop", { offset: "0.802", stopColor: "#09AFA8" }),
-                /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("stop", { offset: "1", stopColor: "#00A7AF" })
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("stop", { stopColor: "#1DC29A" }),
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("stop", { offset: "0.3631", stopColor: "#18BD9E" }),
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("stop", { offset: "0.802", stopColor: "#09AFA8" }),
+                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("stop", { offset: "1", stopColor: "#00A7AF" })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime129.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_runtime128.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime129.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_runtime128.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime129.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",
@@ -6816,6 +6870,7 @@ var venueLogoRegistry = {
   [import_sdk12.Venue.limitless]: LogoLimitlessIcon,
   [import_sdk12.Venue.opinion]: LogoOpinionIcon,
   [import_sdk12.Venue.polymarket]: LogoPolymarketIcon,
+  [import_sdk12.Venue.pred]: LogoPredIcon,
   [import_sdk12.Venue.predict]: LogoPredictIcon,
   [import_sdk12.Venue.probable]: LogoProbableIcon,
   [import_sdk12.Venue.myriad]: LogoMyriadIcon,
@@ -6830,6 +6885,9 @@ var venueLogoUrlRegistry = {
   [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`,
+  // PRED does not yet have a mirrored Snag asset. Its official production
+  // favicon is the same square brand mark used by the application itself.
+  [import_sdk12.Venue.pred]: "https://mainnet-assets.pred.app/assets/vite-oruAfoK1.svg",
   [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`,
@@ -6845,6 +6903,7 @@ var venueLogoLabels = {
   [import_sdk12.Venue.limitless]: "Limitless",
   [import_sdk12.Venue.opinion]: "Opinion",
   [import_sdk12.Venue.polymarket]: "Polymarket",
+  [import_sdk12.Venue.pred]: "PRED",
   [import_sdk12.Venue.predict]: "Predict",
   [import_sdk12.Venue.probable]: "Probable",
   [import_sdk12.Venue.myriad]: "Myriad",
@@ -6865,6 +6924,8 @@ var lineColorByVenue = {
     [import_sdk12.Venue.limitless]: "#C4FF00",
     [import_sdk12.Venue.opinion]: "#000000",
     [import_sdk12.Venue.polymarket]: "#2E5CFF",
+    // On light surfaces use the dark half of PRED's official yellow/dark mark.
+    [import_sdk12.Venue.pred]: PRED_LOGO_COLORS.light,
     [import_sdk12.Venue.predict]: "#6D57F8",
     [import_sdk12.Venue.probable]: "#F05923",
     [import_sdk12.Venue.myriad]: "#000000",
@@ -6884,6 +6945,7 @@ var lineColorByVenue = {
     [import_sdk12.Venue.limitless]: "#C4FF00",
     [import_sdk12.Venue.opinion]: "#FFFFFF",
     [import_sdk12.Venue.polymarket]: "#2E5CFF",
+    [import_sdk12.Venue.pred]: PRED_LOGO_COLORS.dark,
     [import_sdk12.Venue.predict]: "#6D57F8",
     [import_sdk12.Venue.probable]: "#F05923",
     [import_sdk12.Venue.myriad]: "#FFFFFF",
@@ -6915,7 +6977,7 @@ var resolveVenueLogoIsColor = ({
 };
 
 // src/primitives/venue-logo/index.tsx
-var import_jsx_runtime129 = require("react/jsx-runtime");
+var import_jsx_runtime130 = require("react/jsx-runtime");
 var VenueLogo = ({
   venue,
   variant = "icon",
@@ -6928,7 +6990,7 @@ var VenueLogo = ({
   title: title2
 }) => {
   var _a, _b;
-  const labels = (0, import_hooks27.useLabels)();
+  const labels = (0, import_hooks28.useLabels)();
   const sizeClass = sizeClasses2[size];
   const resolvedLabel = resolveVenueLogoLabel({
     ariaLabel,
@@ -6941,7 +7003,7 @@ var VenueLogo = ({
     console.warn(`[AggUI] Unknown venue "${venue}" \u2014 using default logo`);
   }
   if (variant === "logo") {
-    return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
       RemoteImage,
       {
         src: (_a = venueLogoUrlRegistry[venue]) != null ? _a : DEFAULT_VENUE_LOGO_URL,
@@ -6956,7 +7018,7 @@ var VenueLogo = ({
     isColor,
     isMonochromatic
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
     Component2,
     {
       className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
@@ -7101,7 +7163,7 @@ var resolveEventHeading = ({
 };
 
 // src/events/item/event-list-item.utils.ts
-var import_hooks28 = require("@agg-build/hooks");
+var import_hooks29 = require("@agg-build/hooks");
 
 // src/events/shared/venue-market-cluster.ts
 var toNonEmptyString = (value) => {
@@ -7432,7 +7494,7 @@ var mapVenueEventToSearchResult = (event, labels, formatPercent, formatCompactCu
 };
 
 // src/primitives/search/index.tsx
-var import_jsx_runtime130 = require("react/jsx-runtime");
+var import_jsx_runtime131 = require("react/jsx-runtime");
 var SearchResultRow = ({
   item,
   resultAria,
@@ -7446,7 +7508,7 @@ var SearchResultRow = ({
   const handleResultPointerDown = (event) => {
     event.preventDefault();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
     "button",
     {
       type: "button",
@@ -7464,8 +7526,8 @@ var SearchResultRow = ({
       onClick: handleResultClick,
       "aria-label": resultAria(item.title),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "agg-search-result-content flex min-w-0 flex-1 items-center gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "agg-search-result-content flex min-w-0 flex-1 items-center gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
             RemoteImage,
             {
               src: item.thumbnailSrc,
@@ -7477,8 +7539,8 @@ var SearchResultRow = ({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
               "p",
               {
                 className: cn(
@@ -7489,8 +7551,8 @@ var SearchResultRow = ({
                 children: item.title
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "agg-search-result-context flex min-w-0 items-center gap-2 text-agg-muted-foreground", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "agg-search-result-context flex min-w-0 items-center gap-2 text-agg-muted-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                 "p",
                 {
                   className: cn(
@@ -7500,7 +7562,7 @@ var SearchResultRow = ({
                   children: item.marketSummaryLabel
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "flex items-center gap-1", "aria-hidden": true, children: item.visibleVenues.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "flex items-center gap-1", "aria-hidden": true, children: item.visibleVenues.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                 VenueLogo,
                 {
                   venue,
@@ -7510,9 +7572,9 @@ var SearchResultRow = ({
                 },
                 `${item.id}-${venue}`
               )) }),
-              item.volumeLabel ? /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(import_jsx_runtime130.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "text-agg-muted-foreground", "aria-hidden": true, children: "\xB7" }),
-                /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+              item.volumeLabel ? /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(import_jsx_runtime131.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "text-agg-muted-foreground", "aria-hidden": true, children: "\xB7" }),
+                /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                   "p",
                   {
                     className: cn(
@@ -7526,7 +7588,7 @@ var SearchResultRow = ({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
           "div",
           {
             className: cn(
@@ -7534,9 +7596,9 @@ var SearchResultRow = ({
               classNames == null ? void 0 : classNames.resultMeta
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(VenueLogo, { venue: item.venue, size: "small" }),
-              /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "flex min-w-0 flex-1 items-baseline gap-2", children: [
-                item.isValueLoading ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(VenueLogo, { venue: item.venue, size: "small" }),
+              /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex min-w-0 flex-1 items-baseline gap-2", children: [
+                item.isValueLoading ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                   "span",
                   {
                     "aria-hidden": "true",
@@ -7545,7 +7607,7 @@ var SearchResultRow = ({
                       "h-5 w-12 shrink-0 rounded-agg-sm bg-agg-separator animate-pulse"
                     )
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+                ) : /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                   "p",
                   {
                     className: cn(
@@ -7556,7 +7618,7 @@ var SearchResultRow = ({
                     children: item.valueLabel
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                   "p",
                   {
                     className: cn(
@@ -7570,7 +7632,7 @@ var SearchResultRow = ({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
           Icon,
           {
             name: "chevron-right",
@@ -7593,7 +7655,7 @@ var SearchSeeAllResultsButton = ({
   const handlePointerDown = (event) => {
     event.preventDefault();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
     "button",
     {
       type: "button",
@@ -7607,8 +7669,8 @@ var SearchSeeAllResultsButton = ({
       onPointerDown: handlePointerDown,
       onClick,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { children: label2 }),
-        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Icon, { name: "chevron-right", size: "small", className: "size-[14px] text-agg-primary" })
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { children: label2 }),
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Icon, { name: "chevron-right", size: "small", className: "size-[14px] text-agg-primary" })
       ]
     }
   );
@@ -7621,12 +7683,12 @@ var Search = ({
   onSelectEvent,
   onSeeAllEvents
 }) => {
-  const labels = (0, import_hooks29.useLabels)();
+  const labels = (0, import_hooks30.useLabels)();
   const {
     search: searchConfig,
     features: { enableAnimations },
     formatting: { formatCompactCurrency, formatPercent }
-  } = (0, import_hooks29.useSdkUiConfig)();
+  } = (0, import_hooks30.useSdkUiConfig)();
   const resolvedValue = searchConfig.value;
   const trimmedValue = resolvedValue.trim();
   const [debouncedSearchValue, setDebouncedSearchValue] = (0, import_react10.useState)(() => {
@@ -7647,7 +7709,7 @@ var Search = ({
       window.clearTimeout(timeoutId);
     };
   }, [shouldSearchValue, trimmedValue]);
-  const { data: searchResults, isLoading } = (0, import_hooks29.useSearch)({
+  const { data: searchResults, isLoading } = (0, import_hooks30.useSearch)({
     q: shouldFetchResults ? debouncedSearchValue : "",
     type: "events",
     categoryIds,
@@ -7656,7 +7718,7 @@ 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_hooks29.MarketStatus.open],
+    status: [import_hooks30.MarketStatus.open],
     limit: limit != null ? limit : DEFAULT_SEARCH_LIMIT,
     enabled: shouldFetchResults
   });
@@ -7671,8 +7733,8 @@ var Search = ({
     }),
     [openEvents]
   );
-  const livePrices = (0, import_hooks29.useLiveOutcomePrices)(visibleVenueMarkets);
-  const midpointResult = (0, import_hooks29.useMidpoints)(visibleVenueMarkets);
+  const livePrices = (0, import_hooks30.useLiveOutcomePrices)(visibleVenueMarkets);
+  const midpointResult = (0, import_hooks30.useMidpoints)(visibleVenueMarkets);
   const searchDisplayPrices = (0, import_react10.useMemo)(() => {
     if (!midpointResult.bestMidpointsByOutcomeId.size) return livePrices;
     if (!livePrices.size) return midpointResult.bestMidpointsByOutcomeId;
@@ -7777,14 +7839,14 @@ var Search = ({
     event.preventDefault();
     handleSeeAllResults();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime131.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_runtime130.jsx)("label", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("label", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
           "div",
           {
             className: cn(
@@ -7800,7 +7862,7 @@ var Search = ({
             ),
             onClick: handleFocusWithin,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                 Icon,
                 {
                   name: "search",
@@ -7808,7 +7870,7 @@ var Search = ({
                   className: cn("text-agg-muted-foreground", classNames == null ? void 0 : classNames.searchIcon)
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                 "input",
                 __spreadProps(__spreadValues({}, inputProps), {
                   ref: inputRef,
@@ -7829,11 +7891,11 @@ var Search = ({
                   )
                 })
               ),
-              shouldRenderShortcut ? /* @__PURE__ */ (0, import_jsx_runtime130.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_runtime130.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_runtime131.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_runtime131.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_runtime130.jsx)(
+        shouldRenderLoadingState ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
           "div",
           {
             className: cn(
@@ -7843,10 +7905,10 @@ var Search = ({
               "mt-1",
               classNames == null ? void 0 : classNames.emptyState
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Skeleton, { view: "search" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Skeleton, { view: "search" })
           }
         ) : null,
-        shouldRenderResults ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+        shouldRenderResults ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
           "div",
           {
             className: cn(
@@ -7856,7 +7918,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_runtime130.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
               "ul",
               {
                 className: cn(
@@ -7866,7 +7928,7 @@ var Search = ({
                 role: "listbox",
                 "aria-label": labels.search.resultsAria,
                 children: [
-                  validatedResults.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+                  validatedResults.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                     "li",
                     {
                       role: "presentation",
@@ -7875,7 +7937,7 @@ var Search = ({
                         index > 0 && "border-t border-agg-separator",
                         classNames == null ? void 0 : classNames.resultItem
                       ),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                         SearchResultRow,
                         {
                           item,
@@ -7887,12 +7949,12 @@ var Search = ({
                     },
                     item.id
                   )),
-                  /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                     "li",
                     {
                       role: "presentation",
                       className: "agg-search-result-item border-t border-agg-separator",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                         SearchSeeAllResultsButton,
                         {
                           label: labels.search.seeAllResults,
@@ -7906,7 +7968,7 @@ var Search = ({
             )
           }
         ) : null,
-        shouldRenderNoResults ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+        shouldRenderNoResults ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
           "div",
           {
             className: cn(
@@ -7916,7 +7978,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_runtime130.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
               "div",
               {
                 className: cn(
@@ -7926,15 +7988,15 @@ var Search = ({
                 role: "status",
                 "aria-live": "polite",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime131.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_runtime130.jsxs)("div", { className: "flex flex-col items-center gap-1 text-center", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex flex-col items-center gap-1 text-center", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                       "p",
                       {
                         className: cn(
@@ -7945,7 +8007,7 @@ var Search = ({
                         children: labels.search.noResultsTitle
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                       "p",
                       {
                         className: cn(
@@ -7995,7 +8057,7 @@ var resolveHeaderSearchContent = ({
 };
 
 // src/primitives/header/index.tsx
-var import_jsx_runtime131 = require("react/jsx-runtime");
+var import_jsx_runtime132 = require("react/jsx-runtime");
 var Header = ({
   logo,
   logoHref,
@@ -8008,8 +8070,8 @@ var Header = ({
   sticky = true,
   "aria-label": ariaLabel
 }) => {
-  const labels = (0, import_hooks30.useLabels)();
-  const logoContent = isHeaderLogoProps(logo) ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+  const labels = (0, import_hooks31.useLabels)();
+  const logoContent = isHeaderLogoProps(logo) ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
     "img",
     {
       src: logo.src,
@@ -8018,14 +8080,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_runtime131.jsx)("span", { className: classNames == null ? void 0 : classNames.logoElement, children: logo }) : /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+  ) : logo !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: classNames == null ? void 0 : classNames.logoElement, children: logo }) : /* @__PURE__ */ (0, import_jsx_runtime132.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_runtime131.jsx)(
+  const wrappedLogo = logoHref ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
     "a",
     {
       href: logoHref,
@@ -8034,7 +8096,7 @@ var Header = ({
       onClick: onLogoClick,
       children: logoContent
     }
-  ) : onLogoClick ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+  ) : onLogoClick ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
     "button",
     {
       type: "button",
@@ -8046,13 +8108,13 @@ var Header = ({
       onClick: onLogoClick,
       children: logoContent
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: classNames == null ? void 0 : classNames.logoWrapper, children: logoContent });
+  ) : /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: classNames == null ? void 0 : classNames.logoWrapper, children: logoContent });
   const searchContent = resolveHeaderSearchContent({
     search,
     searchProps,
-    renderSearch: (nextSearchProps) => /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Search, __spreadValues({}, nextSearchProps))
+    renderSearch: (nextSearchProps) => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Search, __spreadValues({}, nextSearchProps))
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_jsx_runtime131.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_jsx_runtime132.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
     "header",
     {
       role: "banner",
@@ -8061,7 +8123,7 @@ var Header = ({
         fallbackLabel: labels.header.bannerAria
       }),
       className: cn(baseHeaderClasses, sticky && stickyHeaderClasses, classNames == null ? void 0 : classNames.root),
-      children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
         "div",
         {
           className: cn(
@@ -8076,7 +8138,7 @@ var Header = ({
             classNames == null ? void 0 : classNames.inner
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
               "div",
               {
                 className: cn(
@@ -8092,7 +8154,7 @@ var Header = ({
                 ]
               }
             ),
-            searchContent ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+            searchContent ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
               "div",
               {
                 className: cn(
@@ -8103,7 +8165,7 @@ var Header = ({
                 children: searchContent
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
               "div",
               {
                 className: cn(
@@ -8166,7 +8228,7 @@ var resolveInlineAlertHasAction = ({
 };
 
 // src/primitives/inline-alert/index.tsx
-var import_jsx_runtime132 = require("react/jsx-runtime");
+var import_jsx_runtime133 = require("react/jsx-runtime");
 var InlineAlert = ({
   tone = INLINE_ALERT_DEFAULT_TONE,
   variant,
@@ -8180,7 +8242,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_runtime132.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
     "div",
     {
       className: cn(
@@ -8192,7 +8254,7 @@ var InlineAlert = ({
       "aria-live": ariaLive,
       "aria-label": ariaLabel,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
           Icon,
           {
             name: INLINE_ALERT_TONE_ICON_NAME[tone],
@@ -8200,14 +8262,14 @@ var InlineAlert = ({
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
           "div",
           {
             className: cn(
               "min-w-0",
               resolvedVariant === "plain" && !hasAction ? "flex-none text-center" : "flex-1"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
               "div",
               {
                 className: cn(
@@ -8216,14 +8278,14 @@ var InlineAlert = ({
                   resolvedVariant === "plain" && !hasAction ? "items-center" : null
                 ),
                 children: [
-                  title2 ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: title2 }) : null,
-                  /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground wrap-break-word", children: message })
+                  title2 ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: title2 }) : null,
+                  /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground wrap-break-word", children: message })
                 ]
               }
             )
           }
         ),
-        hasAction ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+        hasAction ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
           "button",
           {
             type: "button",
@@ -8243,7 +8305,7 @@ var InlineAlert = ({
 InlineAlert.displayName = "InlineAlert";
 
 // src/primitives/loading-icon/index.tsx
-var import_hooks31 = require("@agg-build/hooks");
+var import_hooks32 = require("@agg-build/hooks");
 
 // src/primitives/loading-icon/loading-icon.constants.ts
 var LOADING_ICON_DEFAULT_SIZE = "medium";
@@ -8261,18 +8323,18 @@ var resolveLoadingIconAriaLabel = ({
 };
 
 // src/primitives/loading-icon/index.tsx
-var import_jsx_runtime133 = require("react/jsx-runtime");
+var import_jsx_runtime134 = require("react/jsx-runtime");
 var LoadingIcon = ({
   size = LOADING_ICON_DEFAULT_SIZE,
   variant = "default",
   className,
   ariaLabel
 }) => {
-  const labels = (0, import_hooks31.useLabels)();
+  const labels = (0, import_hooks32.useLabels)();
   const {
     features: { enableAnimations }
-  } = (0, import_hooks31.useSdkUiConfig)();
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+  } = (0, import_hooks32.useSdkUiConfig)();
+  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
     "span",
     {
       role: "status",
@@ -8285,7 +8347,7 @@ var LoadingIcon = ({
         "inline-grid place-items-center text-agg-primary will-change-transform",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "inline-grid place-items-center", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "inline-grid place-items-center", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
         "svg",
         {
           viewBox: LOADING_ICON_SVG_VIEW_BOX,
@@ -8293,8 +8355,8 @@ var LoadingIcon = ({
             "block",
             variant === "prominent" ? LOADING_ICON_PROMINENT_FRAME_CLASS : iconSizeClasses[size]
           ),
-          children: variant === "prominent" ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("g", { children: [
-            enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+          children: variant === "prominent" ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("g", { children: [
+            enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
               "animateTransform",
               {
                 attributeName: "transform",
@@ -8306,7 +8368,7 @@ var LoadingIcon = ({
                 repeatCount: "indefinite"
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
               "circle",
               {
                 cx: "22",
@@ -8320,8 +8382,8 @@ var LoadingIcon = ({
                 strokeDasharray: LOADING_ICON_PROMINENT_DASHARRAY
               }
             )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("g", { children: [
-            enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("g", { children: [
+            enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
               "animateTransform",
               {
                 attributeName: "transform",
@@ -8333,7 +8395,7 @@ var LoadingIcon = ({
                 repeatCount: "indefinite"
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
               "circle",
               {
                 cx: "22",
@@ -8345,8 +8407,8 @@ var LoadingIcon = ({
                 strokeLinecap: "round",
                 strokeDasharray: "60 100",
                 strokeDashoffset: "0",
-                children: enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_jsx_runtime133.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+                children: enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(import_jsx_runtime134.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
                     "animate",
                     {
                       attributeName: "stroke-dasharray",
@@ -8355,7 +8417,7 @@ var LoadingIcon = ({
                       repeatCount: "indefinite"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
                     "animate",
                     {
                       attributeName: "stroke-dashoffset",
@@ -8376,7 +8438,7 @@ var LoadingIcon = ({
 LoadingIcon.displayName = "LoadingIcon";
 
 // src/primitives/modal/index.tsx
-var import_hooks32 = require("@agg-build/hooks");
+var import_hooks33 = require("@agg-build/hooks");
 var Dialog = __toESM(require("@radix-ui/react-dialog"));
 
 // src/primitives/modal/modal.constants.ts
@@ -8400,7 +8462,7 @@ var resolveModalCloseIcon = ({
 };
 
 // src/primitives/modal/index.tsx
-var import_jsx_runtime134 = require("react/jsx-runtime");
+var import_jsx_runtime135 = require("react/jsx-runtime");
 var Modal = ({
   open,
   onOpenChange,
@@ -8408,7 +8470,7 @@ var Modal = ({
   "aria-label": _ariaLabel,
   "aria-labelledby": _ariaLabelledBy
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Dialog.Root, { open, onOpenChange, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Dialog.Root, { open, onOpenChange, children });
 };
 var ModalContainer = ({
   children,
@@ -8420,11 +8482,11 @@ var ModalContainer = ({
   const {
     general: { rootClassName },
     features: { enableAnimations }
-  } = (0, import_hooks32.useSdkUiConfig)();
+  } = (0, import_hooks33.useSdkUiConfig)();
   const overlayAnimationClassName = resolveModalOverlayAnimationClassName(enableAnimations);
   const panelAnimationClassName = resolveModalPanelAnimationClassName(enableAnimations);
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(Dialog.Portal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(Dialog.Portal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
       Dialog.Overlay,
       {
         className: cn(
@@ -8435,7 +8497,7 @@ var ModalContainer = ({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
       Dialog.Content,
       {
         className: cn(
@@ -8461,7 +8523,7 @@ var ModalContainer = ({
             event.preventDefault();
           }
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
           "div",
           {
             className: cn(
@@ -8470,7 +8532,7 @@ var ModalContainer = ({
               "flex h-full min-h-0 w-full justify-center p-0 md:p-5",
               classNames == null ? void 0 : classNames.center
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
               "div",
               {
                 className: cn(
@@ -8510,14 +8572,14 @@ var ModalHeader = ({
 }) => {
   const {
     features: { enableAnimations }
-  } = (0, import_hooks32.useSdkUiConfig)();
-  const labels = (0, import_hooks32.useLabels)();
-  const defaultCloseIcon = /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(CloseIcon, { className: "h-6 w-6" });
+  } = (0, import_hooks33.useSdkUiConfig)();
+  const labels = (0, import_hooks33.useLabels)();
+  const defaultCloseIcon = /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(CloseIcon, { className: "h-6 w-6" });
   const resolvedCloseIcon = resolveModalCloseIcon({
     closeIcon,
     defaultCloseIcon
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
     "div",
     {
       className: cn(
@@ -8530,7 +8592,7 @@ var ModalHeader = ({
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
           "div",
           {
             className: cn(
@@ -8543,8 +8605,8 @@ var ModalHeader = ({
               classNames == null ? void 0 : classNames.container
             ),
             children: [
-              leftElement ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_jsx_runtime134.Fragment, { children: leftElement }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+              leftElement ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_jsx_runtime135.Fragment, { children: leftElement }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
                 "div",
                 {
                   className: cn(
@@ -8553,7 +8615,7 @@ var ModalHeader = ({
                     classNames == null ? void 0 : classNames.titleContainer
                   ),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                       Dialog.Title,
                       {
                         className: cn(
@@ -8567,7 +8629,7 @@ var ModalHeader = ({
                         children: title2
                       }
                     ),
-                    subtitle ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                    subtitle ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                       "span",
                       {
                         className: cn(
@@ -8581,9 +8643,9 @@ var ModalHeader = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "agg-modal-header-actions flex flex-row items-center justify-end gap-6", children: [
-                rightElement ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_jsx_runtime134.Fragment, { children: rightElement }) : null,
-                !hideClose && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-modal-header-actions flex flex-row items-center justify-end gap-6", children: [
+                rightElement ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_jsx_runtime135.Fragment, { children: rightElement }) : null,
+                !hideClose && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                   Dialog.Close,
                   {
                     className: cn(
@@ -8600,14 +8662,14 @@ var ModalHeader = ({
             ]
           }
         ),
-        children ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "agg-modal-header-extra", children }) : null
+        children ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "agg-modal-header-extra", children }) : null
       ]
     }
   );
 };
 Modal.Header = ModalHeader;
 var ModalBody = ({ children, classNames }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
     "div",
     {
       className: cn(
@@ -8628,7 +8690,7 @@ var ModalFooter = ({
   classNames,
   hideBorder = false
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
     "div",
     {
       className: cn(
@@ -8650,8 +8712,8 @@ Modal.displayName = "Modal";
 
 // src/primitives/number-value.tsx
 var import_react11 = require("react");
-var import_hooks33 = require("@agg-build/hooks");
-var import_jsx_runtime135 = require("react/jsx-runtime");
+var import_hooks34 = require("@agg-build/hooks");
+var import_jsx_runtime136 = require("react/jsx-runtime");
 var NumberValue = ({
   value,
   format = "number",
@@ -8661,7 +8723,7 @@ var NumberValue = ({
 }) => {
   const {
     formatting: { formatCompactCurrency, formatCurrency, formatDate, formatNumber, formatPercent }
-  } = (0, import_hooks33.useSdkUiConfig)();
+  } = (0, import_hooks34.useSdkUiConfig)();
   const formatted = (0, import_react11.useMemo)(() => {
     if (value == null) return fallback;
     if (format === "date") {
@@ -8685,12 +8747,12 @@ var NumberValue = ({
     formatPercent,
     value
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: cn("font-agg-sans", className), "aria-label": ariaLabel, children: formatted });
+  return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { className: cn("font-agg-sans", className), "aria-label": ariaLabel, children: formatted });
 };
 NumberValue.displayName = "NumberValue";
 
 // src/primitives/select/index.tsx
-var import_hooks34 = require("@agg-build/hooks");
+var import_hooks35 = require("@agg-build/hooks");
 var import_react12 = require("react");
 var import_react_dom = require("react-dom");
 
@@ -8712,7 +8774,7 @@ var resolveIsSelectDisabled = ({
 };
 
 // src/primitives/select/index.tsx
-var import_jsx_runtime136 = require("react/jsx-runtime");
+var import_jsx_runtime137 = require("react/jsx-runtime");
 var SELECT_DROPDOWN_Z = 1e4;
 function resolveSelectPortalContainer(triggerRoot) {
   var _a, _b;
@@ -8735,11 +8797,11 @@ var Select = ({
   contentSideOffset = 8
 }) => {
   var _a;
-  const labels = (0, import_hooks34.useLabels)();
+  const labels = (0, import_hooks35.useLabels)();
   const {
     general: { rootClassName },
     features: { enableAnimations }
-  } = (0, import_hooks34.useSdkUiConfig)();
+  } = (0, import_hooks35.useSdkUiConfig)();
   const isDisabled = resolveIsSelectDisabled({ disabled, items });
   const selectedItem = resolveSelectedItem(items, value);
   const [isOpen, setIsOpen] = (0, import_react12.useState)(false);
@@ -8831,7 +8893,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_runtime136.jsx)(
+  const listbox = menuRect ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
     "div",
     {
       ref: portalRef,
@@ -8859,7 +8921,7 @@ var Select = ({
         const isSelected = item.value === value;
         const isHidden = item.hidden === true;
         if (isHidden) return null;
-        return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
           "button",
           {
             type: "button",
@@ -8883,14 +8945,14 @@ var Select = ({
               handleClose();
             },
             children: [
-              isInline && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+              isInline && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime137.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_runtime136.jsx)(
+              item.icon ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
                 "span",
                 {
                   className: cn(
@@ -8899,7 +8961,7 @@ var Select = ({
                   ),
                   children: item.icon
                 }
-              ) : item.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+              ) : item.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
                 RemoteImage,
                 {
                   src: item.iconUrl,
@@ -8907,7 +8969,7 @@ var Select = ({
                   className: "agg-select-item-icon h-4 w-4 shrink-0 rounded-sm object-contain"
                 }
               ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { className: "agg-select-item-label truncate", children: item.label })
+              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "agg-select-item-label truncate", children: item.label })
             ]
           },
           item.value
@@ -8915,7 +8977,7 @@ var Select = ({
       })
     }
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
     "div",
     {
       ref: containerRef,
@@ -8925,7 +8987,7 @@ var Select = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(
           "button",
           {
             type: "button",
@@ -8949,7 +9011,7 @@ var Select = ({
             onPointerEnter: handlePointerEnter,
             onPointerLeave: handlePointerLeave,
             children: [
-              (selectedItem == null ? void 0 : selectedItem.icon) ? /* @__PURE__ */ (0, import_jsx_runtime136.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_runtime136.jsx)(
+              (selectedItem == null ? void 0 : selectedItem.icon) ? /* @__PURE__ */ (0, import_jsx_runtime137.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_runtime137.jsx)(
                 RemoteImage,
                 {
                   src: selectedItem.iconUrl,
@@ -8957,18 +9019,18 @@ var Select = ({
                   className: "agg-select-icon h-4 w-4 shrink-0 rounded-sm object-contain"
                 }
               ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { className: "agg-select-value flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
+              /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "agg-select-value flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime137.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_runtime136.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
               Icon,
               {
                 name: isOpen ? "chevron-up" : "chevron-down-thin",
@@ -8987,7 +9049,7 @@ Select.displayName = "Select";
 
 // src/primitives/state-message/index.tsx
 var import_react13 = require("react");
-var import_hooks35 = require("@agg-build/hooks");
+var import_hooks36 = require("@agg-build/hooks");
 
 // src/primitives/typography/typography.constants.ts
 var typographyVariants = [
@@ -9084,7 +9146,7 @@ var getTypographyClassName = ({
 };
 
 // src/primitives/typography/index.tsx
-var import_jsx_runtime137 = require("react/jsx-runtime");
+var import_jsx_runtime138 = require("react/jsx-runtime");
 var Typography = ({
   as: Component2 = "p",
   variant = "body",
@@ -9092,7 +9154,7 @@ var Typography = ({
   children,
   "aria-label": ariaLabel
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(Component2, { className: getTypographyClassName({ className, variant }), "aria-label": ariaLabel, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Component2, { className: getTypographyClassName({ className, variant }), "aria-label": ariaLabel, children });
 };
 Typography.displayName = "Typography";
 
@@ -9105,7 +9167,7 @@ var resolveStateMessageHasAction = ({ onAction }) => {
 };
 
 // src/primitives/state-message/index.tsx
-var import_jsx_runtime138 = require("react/jsx-runtime");
+var import_jsx_runtime139 = require("react/jsx-runtime");
 var StateMessage = (_a) => {
   var _b = _a, {
     icon,
@@ -9120,13 +9182,13 @@ var StateMessage = (_a) => {
     "onAction",
     "classNames"
   ]);
-  const labels = (0, import_hooks35.useLabels)();
+  const labels = (0, import_hooks36.useLabels)();
   const hasAction = resolveStateMessageHasAction({ onAction });
   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_runtime138.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
     "div",
     __spreadProps(__spreadValues({}, rest), {
       className: cn(
@@ -9137,7 +9199,7 @@ var StateMessage = (_a) => {
       role: "status",
       "aria-live": "polite",
       "aria-label": title2,
-      children: /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
         "div",
         {
           className: cn(
@@ -9146,7 +9208,7 @@ var StateMessage = (_a) => {
           ),
           children: [
             resolvedIcon,
-            /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
               "div",
               {
                 className: cn(
@@ -9154,8 +9216,8 @@ var StateMessage = (_a) => {
                   classNames == null ? void 0 : classNames.text
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Typography, { variant: "body-strong", className: classNames == null ? void 0 : classNames.title, children: title2 }),
-                  description ? /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Typography, { variant: "body-strong", className: classNames == null ? void 0 : classNames.title, children: title2 }),
+                  description ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
                     Typography,
                     {
                       variant: "label",
@@ -9166,7 +9228,7 @@ var StateMessage = (_a) => {
                 ]
               }
             ),
-            hasAction ? /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+            hasAction ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
               Button,
               {
                 variant: "tertiary",
@@ -9193,7 +9255,7 @@ var StateMessage = (_a) => {
 StateMessage.displayName = "StateMessage";
 
 // src/primitives/tabs/index.tsx
-var import_hooks36 = require("@agg-build/hooks");
+var import_hooks37 = require("@agg-build/hooks");
 var import_react15 = require("react");
 
 // src/shared/use-horizontal-scroll-state.ts
@@ -9268,7 +9330,7 @@ var findEdgeEnabledIndex = (items, direction) => {
 };
 
 // src/primitives/tabs/index.tsx
-var import_jsx_runtime139 = require("react/jsx-runtime");
+var import_jsx_runtime140 = require("react/jsx-runtime");
 var getTabButtonClassName = ({
   enableAnimations,
   isBarVariant,
@@ -9311,10 +9373,10 @@ var Tabs = ({
   className,
   classNames
 }) => {
-  const labels = (0, import_hooks36.useLabels)();
+  const labels = (0, import_hooks37.useLabels)();
   const {
     features: { enableAnimations }
-  } = (0, import_hooks36.useSdkUiConfig)();
+  } = (0, import_hooks37.useSdkUiConfig)();
   const buttonRefs = (0, import_react15.useRef)([]);
   const dragStateRef = (0, import_react15.useRef)({
     isPointerDown: false,
@@ -9596,7 +9658,7 @@ var Tabs = ({
     value
   ]);
   if (shouldUseOverflowSelect) {
-    return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { className: cn("group/agg-tabs w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { className: cn("group/agg-tabs w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
       Select,
       {
         ariaLabel,
@@ -9608,7 +9670,7 @@ var Tabs = ({
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
     "div",
     {
       className: cn(
@@ -9619,7 +9681,7 @@ var Tabs = ({
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
           "div",
           {
             ref: tabListRef,
@@ -9633,7 +9695,7 @@ var Tabs = ({
             onPointerUp: handleEndTabListDrag,
             onWheel: handleTabListWheel,
             children: [
-              shouldUseOverflowScroll && !isBarVariant && hasOverflow ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+              shouldUseOverflowScroll && !isBarVariant && hasOverflow ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
                 "span",
                 {
                   "aria-hidden": true,
@@ -9644,7 +9706,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_runtime139.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
                   "button",
                   {
                     ref: (buttonElement) => {
@@ -9680,7 +9742,7 @@ var Tabs = ({
                     ),
                     children: [
                       item.icon ? item.icon : null,
-                      /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(
+                      /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
                         "span",
                         {
                           className: cn(
@@ -9698,7 +9760,7 @@ var Tabs = ({
                   item.value
                 );
               }),
-              !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+              !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
                 "span",
                 {
                   "aria-hidden": true,
@@ -9717,8 +9779,8 @@ var Tabs = ({
             ]
           }
         ),
-        shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_jsx_runtime139.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+        shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(import_jsx_runtime140.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
             "span",
             {
               "aria-hidden": true,
@@ -9730,7 +9792,7 @@ var Tabs = ({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
             "span",
             {
               "aria-hidden": true,
@@ -9743,8 +9805,8 @@ var Tabs = ({
             }
           )
         ] }) : null,
-        shouldUseOverflowScroll && isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_jsx_runtime139.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+        shouldUseOverflowScroll && isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(import_jsx_runtime140.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
             "button",
             {
               type: "button",
@@ -9766,10 +9828,10 @@ var Tabs = ({
                   behavior: getScrollBehavior(enableAnimations)
                 });
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Icon, { name: "chevron-left", size: "small", color: "currentColor" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Icon, { name: "chevron-left", size: "small", color: "currentColor" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
             "button",
             {
               type: "button",
@@ -9791,7 +9853,7 @@ var Tabs = ({
                   behavior: getScrollBehavior(enableAnimations)
                 });
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
             }
           )
         ] }) : null
@@ -9804,7 +9866,7 @@ Tabs.displayName = "Tabs";
 // src/primitives/toast/index.tsx
 var RadixToast = __toESM(require("@radix-ui/react-toast"));
 var import_react16 = require("react");
-var import_jsx_runtime140 = require("react/jsx-runtime");
+var import_jsx_runtime141 = require("react/jsx-runtime");
 var DEFAULT_DURATION_MS = 5e3;
 var EXIT_ANIMATION_MS = 350;
 var TONE_ACCENT_CLASS = {
@@ -9853,9 +9915,9 @@ function ToastProvider({
     },
     [defaultDurationMs]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(ToastContext.Provider, { value: { toast, dismiss }, children: /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(RadixToast.Provider, { swipeDirection, swipeThreshold, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(ToastContext.Provider, { value: { toast, dismiss }, children: /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(RadixToast.Provider, { swipeDirection, swipeThreshold, children: [
     children,
-    toasts.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+    toasts.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
       ToastRow,
       {
         entry,
@@ -9865,7 +9927,7 @@ function ToastProvider({
       },
       entry.id
     )),
-    /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
       RadixToast.Viewport,
       {
         className: cn(
@@ -9945,7 +10007,7 @@ function ToastRow({ entry, onOpenChange }) {
       clearCloseTimer();
     };
   }, [clearCloseTimer, clearDismissTimer, duration, startDismissTimer]);
-  return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
     RadixToast.Root,
     {
       open: isOpen,
@@ -9966,7 +10028,7 @@ function ToastRow({ entry, onOpenChange }) {
         TONE_ACCENT_CLASS[entry.tone]
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
           Icon,
           {
             name: TONE_ICON_NAME[entry.tone],
@@ -9974,25 +10036,25 @@ function ToastRow({ entry, onOpenChange }) {
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: "min-w-0 flex-1", children: [
-          entry.title ? /* @__PURE__ */ (0, import_jsx_runtime140.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_runtime140.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_runtime140.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_runtime141.jsxs)("div", { className: "min-w-0 flex-1", children: [
+          entry.title ? /* @__PURE__ */ (0, import_jsx_runtime141.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_runtime141.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_runtime141.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_runtime140.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime141.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_runtime140.jsx)(Icon, { name: "close", className: "h-4! w-4!", "aria-hidden": "true" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(Icon, { name: "close", className: "h-4! w-4!", "aria-hidden": "true" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime141.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_runtime140.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
               "div",
               {
                 "data-testid": "agg-toast-progress",
@@ -10020,7 +10082,7 @@ function useOptionalToast() {
 }
 
 // src/primitives/tooltip/index.tsx
-var import_hooks37 = require("@agg-build/hooks");
+var import_hooks38 = require("@agg-build/hooks");
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
 var import_react17 = require("react");
 
@@ -10054,7 +10116,7 @@ var resolveTooltipArrowDimensions = (size) => {
 };
 
 // src/primitives/tooltip/index.tsx
-var import_jsx_runtime141 = require("react/jsx-runtime");
+var import_jsx_runtime142 = require("react/jsx-runtime");
 var Tooltip = ({
   content,
   children,
@@ -10069,25 +10131,25 @@ var Tooltip = ({
   const {
     general: { rootClassName },
     features: { enableAnimations }
-  } = (0, import_hooks37.useSdkUiConfig)();
+  } = (0, import_hooks38.useSdkUiConfig)();
   const trigger = (0, import_react17.useMemo)(() => {
     if (children) return children;
-    return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
       "button",
       {
         type: "button",
         className: resolveTooltipTriggerClassName(classNames == null ? void 0 : classNames.trigger),
         "aria-label": ariaLabel != null ? ariaLabel : defaultTooltipTriggerAriaLabel,
-        children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(Icon, { name: "info", size: "small", className: cn(classNames == null ? void 0 : classNames.icon), "aria-hidden": true })
+        children: /* @__PURE__ */ (0, import_jsx_runtime142.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_runtime141.jsx)(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(TooltipPrimitive.Root, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(TooltipPrimitive.Root, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(
       TooltipPrimitive.Content,
       {
         side,
@@ -10111,7 +10173,7 @@ var Tooltip = ({
           classNames == null ? void 0 : classNames.content
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(TooltipPrimitive.Arrow, { asChild: true, width: arrowWidth, height: arrowHeight, children: /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(TooltipPrimitive.Arrow, { asChild: true, width: arrowWidth, height: arrowHeight, children: /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(
             "svg",
             {
               width: arrowWidth,
@@ -10120,8 +10182,8 @@ var Tooltip = ({
               "aria-hidden": "true",
               className: cn("overflow-visible", classNames == null ? void 0 : classNames.arrow),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("polygon", { points: arrowPoints, className: "fill-agg-secondary" }),
-                /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("polygon", { points: arrowPoints, className: "fill-agg-secondary" }),
+                /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
                   "path",
                   {
                     d: arrowBorderPath,