@agg-build/ui 4.7.1 → 4.7.3

package/dist/{chunk-RDBMHBR2.mjs → chunk-UQ7XJIAZ.mjs}

@@ -6217,7 +6217,7 @@ Skeleton.displayName = "Skeleton";
 import { useLabels as useLabels9 } from "@agg-build/hooks";
 
 // src/primitives/venue-logo/venue-logo.constants.ts
-import { Venue as Venue10 } from "@agg-build/sdk";
+import { Venue as Venue11 } from "@agg-build/sdk";
 
 // src/primitives/venue-logo/logo-props.ts
 var DEFAULT_MONOCHROME_COLOR = "currentColor";
@@ -6706,41 +6706,169 @@ var LogoProbableIcon = (_a) => {
 };
 LogoProbableIcon.displayName = "LogoProbableIcon";
 
+// src/primitives/venue-logo/svg/logo-prophetx.tsx
+import { useAggUiConfig as useAggUiConfig10 } from "@agg-build/hooks";
+import { Venue as Venue10 } from "@agg-build/sdk";
+import { useId } from "react";
+import { jsx as jsx123, jsxs as jsxs118 } from "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 }
+  } = useAggUiConfig10();
+  const isDarkTheme = theme === "dark";
+  const uid = useId();
+  const primaryColor = resolveLogoPrimaryColor({
+    // First stop of the official gradient — see `lineColorByVenue`.
+    brandColor: (_a2 = resolveVenueLineColor(Venue10.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__ */ jsxs118(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "81.867 138.419 424.492 272.214",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title2)), props), {
+      children: [
+        title2 ? /* @__PURE__ */ jsx123("title", { children: title2 }) : null,
+        isMonochrome ? null : /* @__PURE__ */ jsxs118("defs", { children: [
+          /* @__PURE__ */ jsxs118(
+            "linearGradient",
+            {
+              id: `${uid}-0`,
+              x1: "853.77",
+              y1: "100.796",
+              x2: "763.522",
+              y2: "10.5487",
+              gradientUnits: "userSpaceOnUse",
+              gradientTransform,
+              children: [
+                /* @__PURE__ */ jsx123("stop", { stopColor: "#1DC29A" }),
+                /* @__PURE__ */ jsx123("stop", { offset: "0.1032", stopColor: "#19BE9D" }),
+                /* @__PURE__ */ jsx123("stop", { offset: "0.6255", stopColor: "#06ADAA" }),
+                /* @__PURE__ */ jsx123("stop", { offset: "1", stopColor: "#00A7AF" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs118(
+            "linearGradient",
+            {
+              id: `${uid}-1`,
+              x1: "806.164",
+              y1: "49.573",
+              x2: "677.027",
+              y2: "49.573",
+              gradientUnits: "userSpaceOnUse",
+              gradientTransform,
+              children: [
+                /* @__PURE__ */ jsx123("stop", { stopColor: "#1DC29A" }),
+                /* @__PURE__ */ jsx123("stop", { offset: "1", stopColor: "#00A7AF" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs118(
+            "linearGradient",
+            {
+              id: `${uid}-2`,
+              x1: "758.472",
+              y1: "4.56",
+              x2: "823.114",
+              y2: "41.9371",
+              gradientUnits: "userSpaceOnUse",
+              gradientTransform,
+              children: [
+                /* @__PURE__ */ jsx123("stop", { stopColor: "#1DC29A" }),
+                /* @__PURE__ */ jsx123("stop", { offset: "0.3631", stopColor: "#18BD9E" }),
+                /* @__PURE__ */ jsx123("stop", { offset: "0.802", stopColor: "#09AFA8" }),
+                /* @__PURE__ */ jsx123("stop", { offset: "1", stopColor: "#00A7AF" })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx123(
+          "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__ */ jsx123(
+          "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__ */ jsx123(
+          "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 = {
-  [Venue10.kalshi]: LogoKalshiIcon,
-  [Venue10.limitless]: LogoLimitlessIcon,
-  [Venue10.opinion]: LogoOpinionIcon,
-  [Venue10.polymarket]: LogoPolymarketIcon,
-  [Venue10.predict]: LogoPredictIcon,
-  [Venue10.probable]: LogoProbableIcon,
-  [Venue10.myriad]: LogoMyriadIcon,
-  [Venue10.hyperliquid]: LogoHyperliquidIcon,
-  [Venue10.novig]: LogoNovigIcon
+  [Venue11.kalshi]: LogoKalshiIcon,
+  [Venue11.limitless]: LogoLimitlessIcon,
+  [Venue11.opinion]: LogoOpinionIcon,
+  [Venue11.polymarket]: LogoPolymarketIcon,
+  [Venue11.predict]: LogoPredictIcon,
+  [Venue11.probable]: LogoProbableIcon,
+  [Venue11.myriad]: LogoMyriadIcon,
+  [Venue11.hyperliquid]: LogoHyperliquidIcon,
+  [Venue11.novig]: LogoNovigIcon,
+  [Venue11.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 = {
-  [Venue10.kalshi]: `${VENUE_LOGO_BASE_URL}/kalshi.png`,
-  [Venue10.limitless]: `${VENUE_LOGO_BASE_URL}/limitless.png`,
-  [Venue10.opinion]: `${VENUE_LOGO_BASE_URL}/opinion.png`,
-  [Venue10.polymarket]: `${VENUE_LOGO_BASE_URL}/polymarket.png`,
-  [Venue10.predict]: `${VENUE_LOGO_BASE_URL}/predict.png`,
-  [Venue10.probable]: `${VENUE_LOGO_BASE_URL}/probable.png`,
-  [Venue10.myriad]: `${VENUE_LOGO_BASE_URL}/myriad.png`,
-  [Venue10.hyperliquid]: `${VENUE_LOGO_BASE_URL}/hyperliquid.png`,
-  [Venue10.novig]: `${VENUE_LOGO_BASE_URL}/novig.png`
+  [Venue11.kalshi]: `${VENUE_LOGO_BASE_URL}/kalshi.png`,
+  [Venue11.limitless]: `${VENUE_LOGO_BASE_URL}/limitless.png`,
+  [Venue11.opinion]: `${VENUE_LOGO_BASE_URL}/opinion.png`,
+  [Venue11.polymarket]: `${VENUE_LOGO_BASE_URL}/polymarket.png`,
+  [Venue11.predict]: `${VENUE_LOGO_BASE_URL}/predict.png`,
+  [Venue11.probable]: `${VENUE_LOGO_BASE_URL}/probable.png`,
+  [Venue11.myriad]: `${VENUE_LOGO_BASE_URL}/myriad.png`,
+  [Venue11.hyperliquid]: `${VENUE_LOGO_BASE_URL}/hyperliquid.png`,
+  [Venue11.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.
+  [Venue11.prophetx]: `${VENUE_LOGO_BASE_URL}/prophetx.png`
 };
 var venueLogoLabels = {
-  [Venue10.kalshi]: "Kalshi",
-  [Venue10.limitless]: "Limitless",
-  [Venue10.opinion]: "Opinion",
-  [Venue10.polymarket]: "Polymarket",
-  [Venue10.predict]: "Predict",
-  [Venue10.probable]: "Probable",
-  [Venue10.myriad]: "Myriad",
-  [Venue10.hyperliquid]: "Hyperliquid",
-  [Venue10.novig]: "Novig"
+  [Venue11.kalshi]: "Kalshi",
+  [Venue11.limitless]: "Limitless",
+  [Venue11.opinion]: "Opinion",
+  [Venue11.polymarket]: "Polymarket",
+  [Venue11.predict]: "Predict",
+  [Venue11.probable]: "Probable",
+  [Venue11.myriad]: "Myriad",
+  [Venue11.hyperliquid]: "Hyperliquid",
+  [Venue11.novig]: "Novig",
+  [Venue11.prophetx]: "ProphetX"
 };
 var DEFAULT_VENUE_LABEL = "Market";
 var venueLogoNames = Object.keys(venueLogoRegistry);
@@ -6751,29 +6879,35 @@ var sizeClasses2 = {
 };
 var lineColorByVenue = {
   light: {
-    [Venue10.kalshi]: "#00D295",
-    [Venue10.limitless]: "#C4FF00",
-    [Venue10.opinion]: "#000000",
-    [Venue10.polymarket]: "#2E5CFF",
-    [Venue10.predict]: "#6D57F8",
-    [Venue10.probable]: "#F05923",
-    [Venue10.myriad]: "#000000",
-    [Venue10.hyperliquid]: "#97FCE4",
+    [Venue11.kalshi]: "#00D295",
+    [Venue11.limitless]: "#C4FF00",
+    [Venue11.opinion]: "#000000",
+    [Venue11.polymarket]: "#2E5CFF",
+    [Venue11.predict]: "#6D57F8",
+    [Venue11.probable]: "#F05923",
+    [Venue11.myriad]: "#000000",
+    [Venue11.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.
-    [Venue10.novig]: "#179BE7"
+    [Venue11.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.
+    [Venue11.prophetx]: "#1DC29A"
   },
   dark: {
-    [Venue10.kalshi]: "#00D295",
-    [Venue10.limitless]: "#C4FF00",
-    [Venue10.opinion]: "#FFFFFF",
-    [Venue10.polymarket]: "#2E5CFF",
-    [Venue10.predict]: "#6D57F8",
-    [Venue10.probable]: "#F05923",
-    [Venue10.myriad]: "#FFFFFF",
-    [Venue10.hyperliquid]: "#97FCE4",
-    [Venue10.novig]: "#179BE7"
+    [Venue11.kalshi]: "#00D295",
+    [Venue11.limitless]: "#C4FF00",
+    [Venue11.opinion]: "#FFFFFF",
+    [Venue11.polymarket]: "#2E5CFF",
+    [Venue11.predict]: "#6D57F8",
+    [Venue11.probable]: "#F05923",
+    [Venue11.myriad]: "#FFFFFF",
+    [Venue11.hyperliquid]: "#97FCE4",
+    [Venue11.novig]: "#179BE7",
+    [Venue11.prophetx]: "#1DC29A"
   }
 };
 var resolveVenueLineColor = (venue, isDarkTheme) => {
@@ -6812,7 +6946,7 @@ var resolveVenueLogoIsColor = ({
 };
 
 // src/primitives/venue-logo/index.tsx
-import { jsx as jsx123 } from "react/jsx-runtime";
+import { jsx as jsx124 } from "react/jsx-runtime";
 var VenueLogo = ({
   venue,
   variant = "icon",
@@ -6838,7 +6972,7 @@ var VenueLogo = ({
     console.warn(`[AggUI] Unknown venue "${venue}" \u2014 using default logo`);
   }
   if (variant === "logo") {
-    return /* @__PURE__ */ jsx123(
+    return /* @__PURE__ */ jsx124(
       RemoteImage,
       {
         src: (_a = venueLogoUrlRegistry[venue]) != null ? _a : DEFAULT_VENUE_LOGO_URL,
@@ -6853,7 +6987,7 @@ var VenueLogo = ({
     isColor,
     isMonochromatic
   });
-  return /* @__PURE__ */ jsx123(
+  return /* @__PURE__ */ jsx124(
     Component2,
     {
       className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
@@ -7392,7 +7526,7 @@ var mapVenueEventToSearchResult = (event, labels, formatPercent, formatCompactCu
 };
 
 // src/primitives/search/index.tsx
-import { Fragment as Fragment5, jsx as jsx124, jsxs as jsxs118 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx125, jsxs as jsxs119 } from "react/jsx-runtime";
 var SearchResultRow = ({
   item,
   resultAria,
@@ -7406,7 +7540,7 @@ var SearchResultRow = ({
   const handleResultPointerDown = (event) => {
     event.preventDefault();
   };
-  return /* @__PURE__ */ jsxs118(
+  return /* @__PURE__ */ jsxs119(
     "button",
     {
       type: "button",
@@ -7424,8 +7558,8 @@ var SearchResultRow = ({
       onClick: handleResultClick,
       "aria-label": resultAria(item.title),
       children: [
-        /* @__PURE__ */ jsxs118("div", { className: "agg-search-result-content flex min-w-0 flex-1 items-center gap-4", children: [
-          /* @__PURE__ */ jsx124(
+        /* @__PURE__ */ jsxs119("div", { className: "agg-search-result-content flex min-w-0 flex-1 items-center gap-4", children: [
+          /* @__PURE__ */ jsx125(
             RemoteImage,
             {
               src: item.thumbnailSrc,
@@ -7437,8 +7571,8 @@ var SearchResultRow = ({
               )
             }
           ),
-          /* @__PURE__ */ jsxs118("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-            /* @__PURE__ */ jsx124(
+          /* @__PURE__ */ jsxs119("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+            /* @__PURE__ */ jsx125(
               "p",
               {
                 className: cn(
@@ -7449,8 +7583,8 @@ var SearchResultRow = ({
                 children: item.title
               }
             ),
-            /* @__PURE__ */ jsxs118("div", { className: "agg-search-result-context flex min-w-0 items-center gap-2 text-agg-muted-foreground", children: [
-              /* @__PURE__ */ jsx124(
+            /* @__PURE__ */ jsxs119("div", { className: "agg-search-result-context flex min-w-0 items-center gap-2 text-agg-muted-foreground", children: [
+              /* @__PURE__ */ jsx125(
                 "p",
                 {
                   className: cn(
@@ -7460,7 +7594,7 @@ var SearchResultRow = ({
                   children: item.marketSummaryLabel
                 }
               ),
-              /* @__PURE__ */ jsx124("div", { className: "flex items-center gap-1", "aria-hidden": true, children: item.visibleVenues.map((venue) => /* @__PURE__ */ jsx124(
+              /* @__PURE__ */ jsx125("div", { className: "flex items-center gap-1", "aria-hidden": true, children: item.visibleVenues.map((venue) => /* @__PURE__ */ jsx125(
                 VenueLogo,
                 {
                   venue,
@@ -7470,9 +7604,9 @@ var SearchResultRow = ({
                 },
                 `${item.id}-${venue}`
               )) }),
-              item.volumeLabel ? /* @__PURE__ */ jsxs118(Fragment5, { children: [
-                /* @__PURE__ */ jsx124("span", { className: "text-agg-muted-foreground", "aria-hidden": true, children: "\xB7" }),
-                /* @__PURE__ */ jsx124(
+              item.volumeLabel ? /* @__PURE__ */ jsxs119(Fragment5, { children: [
+                /* @__PURE__ */ jsx125("span", { className: "text-agg-muted-foreground", "aria-hidden": true, children: "\xB7" }),
+                /* @__PURE__ */ jsx125(
                   "p",
                   {
                     className: cn(
@@ -7486,7 +7620,7 @@ var SearchResultRow = ({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs118(
+        /* @__PURE__ */ jsxs119(
           "div",
           {
             className: cn(
@@ -7494,9 +7628,9 @@ var SearchResultRow = ({
               classNames == null ? void 0 : classNames.resultMeta
             ),
             children: [
-              /* @__PURE__ */ jsx124(VenueLogo, { venue: item.venue, size: "small" }),
-              /* @__PURE__ */ jsxs118("div", { className: "flex min-w-0 flex-1 items-baseline gap-2", children: [
-                item.isValueLoading ? /* @__PURE__ */ jsx124(
+              /* @__PURE__ */ jsx125(VenueLogo, { venue: item.venue, size: "small" }),
+              /* @__PURE__ */ jsxs119("div", { className: "flex min-w-0 flex-1 items-baseline gap-2", children: [
+                item.isValueLoading ? /* @__PURE__ */ jsx125(
                   "span",
                   {
                     "aria-hidden": "true",
@@ -7505,7 +7639,7 @@ var SearchResultRow = ({
                       "h-5 w-12 shrink-0 rounded-agg-sm bg-agg-separator animate-pulse"
                     )
                   }
-                ) : /* @__PURE__ */ jsx124(
+                ) : /* @__PURE__ */ jsx125(
                   "p",
                   {
                     className: cn(
@@ -7516,7 +7650,7 @@ var SearchResultRow = ({
                     children: item.valueLabel
                   }
                 ),
-                /* @__PURE__ */ jsx124(
+                /* @__PURE__ */ jsx125(
                   "p",
                   {
                     className: cn(
@@ -7530,7 +7664,7 @@ var SearchResultRow = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx124(
+        /* @__PURE__ */ jsx125(
           Icon,
           {
             name: "chevron-right",
@@ -7553,7 +7687,7 @@ var SearchSeeAllResultsButton = ({
   const handlePointerDown = (event) => {
     event.preventDefault();
   };
-  return /* @__PURE__ */ jsxs118(
+  return /* @__PURE__ */ jsxs119(
     "button",
     {
       type: "button",
@@ -7567,8 +7701,8 @@ var SearchSeeAllResultsButton = ({
       onPointerDown: handlePointerDown,
       onClick,
       children: [
-        /* @__PURE__ */ jsx124("span", { children: label2 }),
-        /* @__PURE__ */ jsx124(Icon, { name: "chevron-right", size: "small", className: "size-[14px] text-agg-primary" })
+        /* @__PURE__ */ jsx125("span", { children: label2 }),
+        /* @__PURE__ */ jsx125(Icon, { name: "chevron-right", size: "small", className: "size-[14px] text-agg-primary" })
       ]
     }
   );
@@ -7737,14 +7871,14 @@ var Search = ({
     event.preventDefault();
     handleSeeAllResults();
   };
-  return /* @__PURE__ */ jsxs118(
+  return /* @__PURE__ */ jsxs119(
     "div",
     {
       className: cn("group/agg-search", "relative flex w-full flex-col", classNames == null ? void 0 : classNames.root),
       onFocusCapture: handleFocusWithin,
       onBlurCapture: handleBlurWithin,
       children: [
-        /* @__PURE__ */ jsx124("label", { className: "w-full", children: /* @__PURE__ */ jsxs118(
+        /* @__PURE__ */ jsx125("label", { className: "w-full", children: /* @__PURE__ */ jsxs119(
           "div",
           {
             className: cn(
@@ -7760,7 +7894,7 @@ var Search = ({
             ),
             onClick: handleFocusWithin,
             children: [
-              /* @__PURE__ */ jsx124(
+              /* @__PURE__ */ jsx125(
                 Icon,
                 {
                   name: "search",
@@ -7768,7 +7902,7 @@ var Search = ({
                   className: cn("text-agg-muted-foreground", classNames == null ? void 0 : classNames.searchIcon)
                 }
               ),
-              /* @__PURE__ */ jsx124(
+              /* @__PURE__ */ jsx125(
                 "input",
                 __spreadProps(__spreadValues({}, inputProps), {
                   ref: inputRef,
@@ -7789,11 +7923,11 @@ var Search = ({
                   )
                 })
               ),
-              shouldRenderShortcut ? /* @__PURE__ */ jsx124("div", { className: "agg-search-shortcut hidden md:flex size-6 shrink-0 items-center justify-center rounded-[4px] bg-agg-secondary-hover", children: /* @__PURE__ */ jsx124("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-muted-foreground", children: "/" }) }) : null
+              shouldRenderShortcut ? /* @__PURE__ */ jsx125("div", { className: "agg-search-shortcut hidden md:flex size-6 shrink-0 items-center justify-center rounded-[4px] bg-agg-secondary-hover", children: /* @__PURE__ */ jsx125("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-muted-foreground", children: "/" }) }) : null
             ]
           }
         ) }),
-        shouldRenderLoadingState ? /* @__PURE__ */ jsx124(
+        shouldRenderLoadingState ? /* @__PURE__ */ jsx125(
           "div",
           {
             className: cn(
@@ -7803,10 +7937,10 @@ var Search = ({
               "mt-1",
               classNames == null ? void 0 : classNames.emptyState
             ),
-            children: /* @__PURE__ */ jsx124(Skeleton, { view: "search" })
+            children: /* @__PURE__ */ jsx125(Skeleton, { view: "search" })
           }
         ) : null,
-        shouldRenderResults ? /* @__PURE__ */ jsx124(
+        shouldRenderResults ? /* @__PURE__ */ jsx125(
           "div",
           {
             className: cn(
@@ -7816,7 +7950,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__ */ jsxs118(
+            children: /* @__PURE__ */ jsxs119(
               "ul",
               {
                 className: cn(
@@ -7826,7 +7960,7 @@ var Search = ({
                 role: "listbox",
                 "aria-label": labels.search.resultsAria,
                 children: [
-                  validatedResults.map((item, index) => /* @__PURE__ */ jsx124(
+                  validatedResults.map((item, index) => /* @__PURE__ */ jsx125(
                     "li",
                     {
                       role: "presentation",
@@ -7835,7 +7969,7 @@ var Search = ({
                         index > 0 && "border-t border-agg-separator",
                         classNames == null ? void 0 : classNames.resultItem
                       ),
-                      children: /* @__PURE__ */ jsx124(
+                      children: /* @__PURE__ */ jsx125(
                         SearchResultRow,
                         {
                           item,
@@ -7847,12 +7981,12 @@ var Search = ({
                     },
                     item.id
                   )),
-                  /* @__PURE__ */ jsx124(
+                  /* @__PURE__ */ jsx125(
                     "li",
                     {
                       role: "presentation",
                       className: "agg-search-result-item border-t border-agg-separator",
-                      children: /* @__PURE__ */ jsx124(
+                      children: /* @__PURE__ */ jsx125(
                         SearchSeeAllResultsButton,
                         {
                           label: labels.search.seeAllResults,
@@ -7866,7 +8000,7 @@ var Search = ({
             )
           }
         ) : null,
-        shouldRenderNoResults ? /* @__PURE__ */ jsx124(
+        shouldRenderNoResults ? /* @__PURE__ */ jsx125(
           "div",
           {
             className: cn(
@@ -7876,7 +8010,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__ */ jsxs118(
+            children: /* @__PURE__ */ jsxs119(
               "div",
               {
                 className: cn(
@@ -7886,15 +8020,15 @@ var Search = ({
                 role: "status",
                 "aria-live": "polite",
                 children: [
-                  /* @__PURE__ */ jsx124(
+                  /* @__PURE__ */ jsx125(
                     SearchEmptyIcon,
                     {
                       className: cn("h-10 w-10 text-agg-muted-foreground", classNames == null ? void 0 : classNames.emptyStateIcon),
                       "aria-hidden": true
                     }
                   ),
-                  /* @__PURE__ */ jsxs118("div", { className: "flex flex-col items-center gap-1 text-center", children: [
-                    /* @__PURE__ */ jsx124(
+                  /* @__PURE__ */ jsxs119("div", { className: "flex flex-col items-center gap-1 text-center", children: [
+                    /* @__PURE__ */ jsx125(
                       "p",
                       {
                         className: cn(
@@ -7905,7 +8039,7 @@ var Search = ({
                         children: labels.search.noResultsTitle
                       }
                     ),
-                    /* @__PURE__ */ jsx124(
+                    /* @__PURE__ */ jsx125(
                       "p",
                       {
                         className: cn(
@@ -7955,7 +8089,7 @@ var resolveHeaderSearchContent = ({
 };
 
 // src/primitives/header/index.tsx
-import { Fragment as Fragment6, jsx as jsx125, jsxs as jsxs119 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx126, jsxs as jsxs120 } from "react/jsx-runtime";
 var Header = ({
   logo,
   logoHref,
@@ -7968,7 +8102,7 @@ var Header = ({
   "aria-label": ariaLabel
 }) => {
   const labels = useLabels11();
-  const logoContent = isHeaderLogoProps(logo) ? /* @__PURE__ */ jsx125(
+  const logoContent = isHeaderLogoProps(logo) ? /* @__PURE__ */ jsx126(
     "img",
     {
       src: logo.src,
@@ -7977,14 +8111,14 @@ var Header = ({
       height: logo.height,
       className: cn("block max-h-full", classNames == null ? void 0 : classNames.logoElement)
     }
-  ) : logo !== void 0 ? /* @__PURE__ */ jsx125("span", { className: classNames == null ? void 0 : classNames.logoElement, children: logo }) : /* @__PURE__ */ jsx125(
+  ) : logo !== void 0 ? /* @__PURE__ */ jsx126("span", { className: classNames == null ? void 0 : classNames.logoElement, children: logo }) : /* @__PURE__ */ jsx126(
     AggLogo,
     {
       className: cn("h-6 w-auto text-agg-foreground", classNames == null ? void 0 : classNames.logoElement),
       title: labels.header.logoAria
     }
   );
-  const wrappedLogo = logoHref ? /* @__PURE__ */ jsx125(
+  const wrappedLogo = logoHref ? /* @__PURE__ */ jsx126(
     "a",
     {
       href: logoHref,
@@ -7993,7 +8127,7 @@ var Header = ({
       onClick: onLogoClick,
       children: logoContent
     }
-  ) : onLogoClick ? /* @__PURE__ */ jsx125(
+  ) : onLogoClick ? /* @__PURE__ */ jsx126(
     "button",
     {
       type: "button",
@@ -8005,13 +8139,13 @@ var Header = ({
       onClick: onLogoClick,
       children: logoContent
     }
-  ) : /* @__PURE__ */ jsx125("div", { className: classNames == null ? void 0 : classNames.logoWrapper, children: logoContent });
+  ) : /* @__PURE__ */ jsx126("div", { className: classNames == null ? void 0 : classNames.logoWrapper, children: logoContent });
   const searchContent = resolveHeaderSearchContent({
     search,
     searchProps,
-    renderSearch: (nextSearchProps) => /* @__PURE__ */ jsx125(Search, __spreadValues({}, nextSearchProps))
+    renderSearch: (nextSearchProps) => /* @__PURE__ */ jsx126(Search, __spreadValues({}, nextSearchProps))
   });
-  return /* @__PURE__ */ jsx125(Fragment6, { children: /* @__PURE__ */ jsx125(
+  return /* @__PURE__ */ jsx126(Fragment6, { children: /* @__PURE__ */ jsx126(
     "header",
     {
       role: "banner",
@@ -8020,7 +8154,7 @@ var Header = ({
         fallbackLabel: labels.header.bannerAria
       }),
       className: cn(baseHeaderClasses, sticky && stickyHeaderClasses, classNames == null ? void 0 : classNames.root),
-      children: /* @__PURE__ */ jsxs119(
+      children: /* @__PURE__ */ jsxs120(
         "div",
         {
           className: cn(
@@ -8028,7 +8162,7 @@ var Header = ({
             classNames == null ? void 0 : classNames.inner
           ),
           children: [
-            /* @__PURE__ */ jsx125(
+            /* @__PURE__ */ jsx126(
               "div",
               {
                 className: cn(
@@ -8038,7 +8172,7 @@ var Header = ({
                 children: wrappedLogo
               }
             ),
-            searchContent ? /* @__PURE__ */ jsx125(
+            searchContent ? /* @__PURE__ */ jsx126(
               "div",
               {
                 className: cn(
@@ -8049,7 +8183,7 @@ var Header = ({
                 children: searchContent
               }
             ) : null,
-            /* @__PURE__ */ jsx125(
+            /* @__PURE__ */ jsx126(
               "div",
               {
                 className: cn(
@@ -8112,7 +8246,7 @@ var resolveInlineAlertHasAction = ({
 };
 
 // src/primitives/inline-alert/index.tsx
-import { jsx as jsx126, jsxs as jsxs120 } from "react/jsx-runtime";
+import { jsx as jsx127, jsxs as jsxs121 } from "react/jsx-runtime";
 var InlineAlert = ({
   tone = INLINE_ALERT_DEFAULT_TONE,
   variant,
@@ -8126,7 +8260,7 @@ var InlineAlert = ({
   const resolvedVariant = resolveInlineAlertVariant({ tone, variant });
   const hasAction = resolveInlineAlertHasAction({ actionLabel, onAction });
   const { ariaLive, role } = INLINE_ALERT_LIVE_REGION_CONFIG[tone];
-  return /* @__PURE__ */ jsxs120(
+  return /* @__PURE__ */ jsxs121(
     "div",
     {
       className: cn(
@@ -8138,7 +8272,7 @@ var InlineAlert = ({
       "aria-live": ariaLive,
       "aria-label": ariaLabel,
       children: [
-        /* @__PURE__ */ jsx126(
+        /* @__PURE__ */ jsx127(
           Icon,
           {
             name: INLINE_ALERT_TONE_ICON_NAME[tone],
@@ -8146,14 +8280,14 @@ var InlineAlert = ({
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ jsx126(
+        /* @__PURE__ */ jsx127(
           "div",
           {
             className: cn(
               "min-w-0",
               resolvedVariant === "plain" && !hasAction ? "flex-none text-center" : "flex-1"
             ),
-            children: /* @__PURE__ */ jsxs120(
+            children: /* @__PURE__ */ jsxs121(
               "div",
               {
                 className: cn(
@@ -8162,14 +8296,14 @@ var InlineAlert = ({
                   resolvedVariant === "plain" && !hasAction ? "items-center" : null
                 ),
                 children: [
-                  title2 ? /* @__PURE__ */ jsx126("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: title2 }) : null,
-                  /* @__PURE__ */ jsx126("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground wrap-break-word", children: message })
+                  title2 ? /* @__PURE__ */ jsx127("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: title2 }) : null,
+                  /* @__PURE__ */ jsx127("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground wrap-break-word", children: message })
                 ]
               }
             )
           }
         ),
-        hasAction ? /* @__PURE__ */ jsx126(
+        hasAction ? /* @__PURE__ */ jsx127(
           "button",
           {
             type: "button",
@@ -8207,7 +8341,7 @@ var resolveLoadingIconAriaLabel = ({
 };
 
 // src/primitives/loading-icon/index.tsx
-import { Fragment as Fragment7, jsx as jsx127, jsxs as jsxs121 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx128, jsxs as jsxs122 } from "react/jsx-runtime";
 var LoadingIcon = ({
   size = LOADING_ICON_DEFAULT_SIZE,
   variant = "default",
@@ -8218,7 +8352,7 @@ var LoadingIcon = ({
   const {
     features: { enableAnimations }
   } = useSdkUiConfig11();
-  return /* @__PURE__ */ jsx127(
+  return /* @__PURE__ */ jsx128(
     "span",
     {
       role: "status",
@@ -8231,7 +8365,7 @@ var LoadingIcon = ({
         "inline-grid place-items-center text-agg-primary will-change-transform",
         className
       ),
-      children: /* @__PURE__ */ jsx127("span", { className: "inline-grid place-items-center", "aria-hidden": "true", children: /* @__PURE__ */ jsx127(
+      children: /* @__PURE__ */ jsx128("span", { className: "inline-grid place-items-center", "aria-hidden": "true", children: /* @__PURE__ */ jsx128(
         "svg",
         {
           viewBox: LOADING_ICON_SVG_VIEW_BOX,
@@ -8239,8 +8373,8 @@ var LoadingIcon = ({
             "block",
             variant === "prominent" ? LOADING_ICON_PROMINENT_FRAME_CLASS : iconSizeClasses[size]
           ),
-          children: variant === "prominent" ? /* @__PURE__ */ jsxs121("g", { children: [
-            enableAnimations ? /* @__PURE__ */ jsx127(
+          children: variant === "prominent" ? /* @__PURE__ */ jsxs122("g", { children: [
+            enableAnimations ? /* @__PURE__ */ jsx128(
               "animateTransform",
               {
                 attributeName: "transform",
@@ -8252,7 +8386,7 @@ var LoadingIcon = ({
                 repeatCount: "indefinite"
               }
             ) : null,
-            /* @__PURE__ */ jsx127(
+            /* @__PURE__ */ jsx128(
               "circle",
               {
                 cx: "22",
@@ -8266,8 +8400,8 @@ var LoadingIcon = ({
                 strokeDasharray: LOADING_ICON_PROMINENT_DASHARRAY
               }
             )
-          ] }) : /* @__PURE__ */ jsxs121("g", { children: [
-            enableAnimations ? /* @__PURE__ */ jsx127(
+          ] }) : /* @__PURE__ */ jsxs122("g", { children: [
+            enableAnimations ? /* @__PURE__ */ jsx128(
               "animateTransform",
               {
                 attributeName: "transform",
@@ -8279,7 +8413,7 @@ var LoadingIcon = ({
                 repeatCount: "indefinite"
               }
             ) : null,
-            /* @__PURE__ */ jsx127(
+            /* @__PURE__ */ jsx128(
               "circle",
               {
                 cx: "22",
@@ -8291,8 +8425,8 @@ var LoadingIcon = ({
                 strokeLinecap: "round",
                 strokeDasharray: "60 100",
                 strokeDashoffset: "0",
-                children: enableAnimations ? /* @__PURE__ */ jsxs121(Fragment7, { children: [
-                  /* @__PURE__ */ jsx127(
+                children: enableAnimations ? /* @__PURE__ */ jsxs122(Fragment7, { children: [
+                  /* @__PURE__ */ jsx128(
                     "animate",
                     {
                       attributeName: "stroke-dasharray",
@@ -8301,7 +8435,7 @@ var LoadingIcon = ({
                       repeatCount: "indefinite"
                     }
                   ),
-                  /* @__PURE__ */ jsx127(
+                  /* @__PURE__ */ jsx128(
                     "animate",
                     {
                       attributeName: "stroke-dashoffset",
@@ -8346,7 +8480,7 @@ var resolveModalCloseIcon = ({
 };
 
 // src/primitives/modal/index.tsx
-import { Fragment as Fragment8, jsx as jsx128, jsxs as jsxs122 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx129, jsxs as jsxs123 } from "react/jsx-runtime";
 var Modal = ({
   open,
   onOpenChange,
@@ -8354,7 +8488,7 @@ var Modal = ({
   "aria-label": _ariaLabel,
   "aria-labelledby": _ariaLabelledBy
 }) => {
-  return /* @__PURE__ */ jsx128(Dialog.Root, { open, onOpenChange, children });
+  return /* @__PURE__ */ jsx129(Dialog.Root, { open, onOpenChange, children });
 };
 var ModalContainer = ({
   children,
@@ -8369,8 +8503,8 @@ var ModalContainer = ({
   } = useSdkUiConfig12();
   const overlayAnimationClassName = resolveModalOverlayAnimationClassName(enableAnimations);
   const panelAnimationClassName = resolveModalPanelAnimationClassName(enableAnimations);
-  return /* @__PURE__ */ jsxs122(Dialog.Portal, { children: [
-    /* @__PURE__ */ jsx128(
+  return /* @__PURE__ */ jsxs123(Dialog.Portal, { children: [
+    /* @__PURE__ */ jsx129(
       Dialog.Overlay,
       {
         className: cn(
@@ -8381,7 +8515,7 @@ var ModalContainer = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx128(
+    /* @__PURE__ */ jsx129(
       Dialog.Content,
       {
         className: cn(
@@ -8407,7 +8541,7 @@ var ModalContainer = ({
             event.preventDefault();
           }
         },
-        children: /* @__PURE__ */ jsx128(
+        children: /* @__PURE__ */ jsx129(
           "div",
           {
             className: cn(
@@ -8415,7 +8549,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__ */ jsx128(
+            children: /* @__PURE__ */ jsx129(
               "div",
               {
                 className: cn(
@@ -8457,12 +8591,12 @@ var ModalHeader = ({
     features: { enableAnimations }
   } = useSdkUiConfig12();
   const labels = useLabels13();
-  const defaultCloseIcon = /* @__PURE__ */ jsx128(CloseIcon, { className: "h-6 w-6" });
+  const defaultCloseIcon = /* @__PURE__ */ jsx129(CloseIcon, { className: "h-6 w-6" });
   const resolvedCloseIcon = resolveModalCloseIcon({
     closeIcon,
     defaultCloseIcon
   });
-  return /* @__PURE__ */ jsxs122(
+  return /* @__PURE__ */ jsxs123(
     "div",
     {
       className: cn(
@@ -8475,7 +8609,7 @@ var ModalHeader = ({
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ jsxs122(
+        /* @__PURE__ */ jsxs123(
           "div",
           {
             className: cn(
@@ -8488,8 +8622,8 @@ var ModalHeader = ({
               classNames == null ? void 0 : classNames.container
             ),
             children: [
-              leftElement ? /* @__PURE__ */ jsx128(Fragment8, { children: leftElement }) : null,
-              /* @__PURE__ */ jsxs122(
+              leftElement ? /* @__PURE__ */ jsx129(Fragment8, { children: leftElement }) : null,
+              /* @__PURE__ */ jsxs123(
                 "div",
                 {
                   className: cn(
@@ -8498,7 +8632,7 @@ var ModalHeader = ({
                     classNames == null ? void 0 : classNames.titleContainer
                   ),
                   children: [
-                    /* @__PURE__ */ jsx128(
+                    /* @__PURE__ */ jsx129(
                       Dialog.Title,
                       {
                         className: cn(
@@ -8512,7 +8646,7 @@ var ModalHeader = ({
                         children: title2
                       }
                     ),
-                    subtitle ? /* @__PURE__ */ jsx128(
+                    subtitle ? /* @__PURE__ */ jsx129(
                       "span",
                       {
                         className: cn(
@@ -8526,9 +8660,9 @@ var ModalHeader = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs122("div", { className: "agg-modal-header-actions flex flex-row items-center justify-end gap-6", children: [
-                rightElement ? /* @__PURE__ */ jsx128(Fragment8, { children: rightElement }) : null,
-                !hideClose && /* @__PURE__ */ jsx128(
+              /* @__PURE__ */ jsxs123("div", { className: "agg-modal-header-actions flex flex-row items-center justify-end gap-6", children: [
+                rightElement ? /* @__PURE__ */ jsx129(Fragment8, { children: rightElement }) : null,
+                !hideClose && /* @__PURE__ */ jsx129(
                   Dialog.Close,
                   {
                     className: cn(
@@ -8545,14 +8679,14 @@ var ModalHeader = ({
             ]
           }
         ),
-        children ? /* @__PURE__ */ jsx128("div", { className: "agg-modal-header-extra", children }) : null
+        children ? /* @__PURE__ */ jsx129("div", { className: "agg-modal-header-extra", children }) : null
       ]
     }
   );
 };
 Modal.Header = ModalHeader;
 var ModalBody = ({ children, classNames }) => {
-  return /* @__PURE__ */ jsx128(
+  return /* @__PURE__ */ jsx129(
     "div",
     {
       className: cn(
@@ -8573,7 +8707,7 @@ var ModalFooter = ({
   classNames,
   hideBorder = false
 }) => {
-  return /* @__PURE__ */ jsx128(
+  return /* @__PURE__ */ jsx129(
     "div",
     {
       className: cn(
@@ -8596,7 +8730,7 @@ Modal.displayName = "Modal";
 // src/primitives/number-value.tsx
 import { useMemo as useMemo6 } from "react";
 import { useSdkUiConfig as useSdkUiConfig13 } from "@agg-build/hooks";
-import { jsx as jsx129 } from "react/jsx-runtime";
+import { jsx as jsx130 } from "react/jsx-runtime";
 var NumberValue = ({
   value,
   format = "number",
@@ -8630,7 +8764,7 @@ var NumberValue = ({
     formatPercent,
     value
   ]);
-  return /* @__PURE__ */ jsx129("span", { className: cn("font-agg-sans", className), "aria-label": ariaLabel, children: formatted });
+  return /* @__PURE__ */ jsx130("span", { className: cn("font-agg-sans", className), "aria-label": ariaLabel, children: formatted });
 };
 NumberValue.displayName = "NumberValue";
 
@@ -8663,7 +8797,7 @@ var resolveIsSelectDisabled = ({
 };
 
 // src/primitives/select/index.tsx
-import { jsx as jsx130, jsxs as jsxs123 } from "react/jsx-runtime";
+import { jsx as jsx131, jsxs as jsxs124 } from "react/jsx-runtime";
 var SELECT_DROPDOWN_Z = 1e4;
 function resolveSelectPortalContainer(triggerRoot) {
   var _a, _b;
@@ -8782,7 +8916,7 @@ var Select = ({
   };
   const isInline = variant === "inline";
   const triggerRadiusClass = triggerClassName != null ? triggerClassName : isInline ? "rounded-agg-sm" : "rounded-agg-md";
-  const listbox = menuRect ? /* @__PURE__ */ jsx130(
+  const listbox = menuRect ? /* @__PURE__ */ jsx131(
     "div",
     {
       ref: portalRef,
@@ -8810,7 +8944,7 @@ var Select = ({
         const isSelected = item.value === value;
         const isHidden = item.hidden === true;
         if (isHidden) return null;
-        return /* @__PURE__ */ jsxs123(
+        return /* @__PURE__ */ jsxs124(
           "button",
           {
             type: "button",
@@ -8834,14 +8968,14 @@ var Select = ({
               handleClose();
             },
             children: [
-              isInline && isSelected ? /* @__PURE__ */ jsx130(
+              isInline && isSelected ? /* @__PURE__ */ jsx131(
                 "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__ */ jsx130(
+              item.icon ? /* @__PURE__ */ jsx131(
                 "span",
                 {
                   className: cn(
@@ -8850,7 +8984,7 @@ var Select = ({
                   ),
                   children: item.icon
                 }
-              ) : item.iconUrl ? /* @__PURE__ */ jsx130(
+              ) : item.iconUrl ? /* @__PURE__ */ jsx131(
                 RemoteImage,
                 {
                   src: item.iconUrl,
@@ -8858,7 +8992,7 @@ var Select = ({
                   className: "agg-select-item-icon h-4 w-4 shrink-0 rounded-sm object-contain"
                 }
               ) : null,
-              /* @__PURE__ */ jsx130("span", { className: "agg-select-item-label truncate", children: item.label })
+              /* @__PURE__ */ jsx131("span", { className: "agg-select-item-label truncate", children: item.label })
             ]
           },
           item.value
@@ -8866,7 +9000,7 @@ var Select = ({
       })
     }
   ) : null;
-  return /* @__PURE__ */ jsxs123(
+  return /* @__PURE__ */ jsxs124(
     "div",
     {
       ref: containerRef,
@@ -8876,7 +9010,7 @@ var Select = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs123(
+        /* @__PURE__ */ jsxs124(
           "button",
           {
             type: "button",
@@ -8900,7 +9034,7 @@ var Select = ({
             onPointerEnter: handlePointerEnter,
             onPointerLeave: handlePointerLeave,
             children: [
-              (selectedItem == null ? void 0 : selectedItem.icon) ? /* @__PURE__ */ jsx130("span", { className: "h-4 w-4 shrink-0 [&_svg]:h-full [&_svg]:w-full", children: selectedItem.icon }) : (selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ jsx130(
+              (selectedItem == null ? void 0 : selectedItem.icon) ? /* @__PURE__ */ jsx131("span", { className: "h-4 w-4 shrink-0 [&_svg]:h-full [&_svg]:w-full", children: selectedItem.icon }) : (selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ jsx131(
                 RemoteImage,
                 {
                   src: selectedItem.iconUrl,
@@ -8908,18 +9042,18 @@ var Select = ({
                   className: "agg-select-icon h-4 w-4 shrink-0 rounded-sm object-contain"
                 }
               ) : null,
-              /* @__PURE__ */ jsx130("span", { className: "agg-select-value flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
+              /* @__PURE__ */ jsx131("span", { className: "agg-select-value flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
             ]
           }
         ),
-        /* @__PURE__ */ jsx130(
+        /* @__PURE__ */ jsx131(
           "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__ */ jsx130(
+            children: /* @__PURE__ */ jsx131(
               Icon,
               {
                 name: isOpen ? "chevron-up" : "chevron-down-thin",
@@ -9035,7 +9169,7 @@ var getTypographyClassName = ({
 };
 
 // src/primitives/typography/index.tsx
-import { jsx as jsx131 } from "react/jsx-runtime";
+import { jsx as jsx132 } from "react/jsx-runtime";
 var Typography = ({
   as: Component2 = "p",
   variant = "body",
@@ -9043,7 +9177,7 @@ var Typography = ({
   children,
   "aria-label": ariaLabel
 }) => {
-  return /* @__PURE__ */ jsx131(Component2, { className: getTypographyClassName({ className, variant }), "aria-label": ariaLabel, children });
+  return /* @__PURE__ */ jsx132(Component2, { className: getTypographyClassName({ className, variant }), "aria-label": ariaLabel, children });
 };
 Typography.displayName = "Typography";
 
@@ -9056,7 +9190,7 @@ var resolveStateMessageHasAction = ({ onAction }) => {
 };
 
 // src/primitives/state-message/index.tsx
-import { jsx as jsx132, jsxs as jsxs124 } from "react/jsx-runtime";
+import { jsx as jsx133, jsxs as jsxs125 } from "react/jsx-runtime";
 var StateMessage = (_a) => {
   var _b = _a, {
     icon,
@@ -9077,7 +9211,7 @@ var StateMessage = (_a) => {
     className: cn(STATE_MESSAGE_ICON_CLASS_NAME, icon.props.className, classNames == null ? void 0 : classNames.icon),
     "aria-hidden": true
   });
-  return /* @__PURE__ */ jsx132(
+  return /* @__PURE__ */ jsx133(
     "div",
     __spreadProps(__spreadValues({}, rest), {
       className: cn(
@@ -9088,7 +9222,7 @@ var StateMessage = (_a) => {
       role: "status",
       "aria-live": "polite",
       "aria-label": title2,
-      children: /* @__PURE__ */ jsxs124(
+      children: /* @__PURE__ */ jsxs125(
         "div",
         {
           className: cn(
@@ -9097,7 +9231,7 @@ var StateMessage = (_a) => {
           ),
           children: [
             resolvedIcon,
-            /* @__PURE__ */ jsxs124(
+            /* @__PURE__ */ jsxs125(
               "div",
               {
                 className: cn(
@@ -9105,8 +9239,8 @@ var StateMessage = (_a) => {
                   classNames == null ? void 0 : classNames.text
                 ),
                 children: [
-                  /* @__PURE__ */ jsx132(Typography, { variant: "body-strong", className: classNames == null ? void 0 : classNames.title, children: title2 }),
-                  description ? /* @__PURE__ */ jsx132(
+                  /* @__PURE__ */ jsx133(Typography, { variant: "body-strong", className: classNames == null ? void 0 : classNames.title, children: title2 }),
+                  description ? /* @__PURE__ */ jsx133(
                     Typography,
                     {
                       variant: "label",
@@ -9117,7 +9251,7 @@ var StateMessage = (_a) => {
                 ]
               }
             ),
-            hasAction ? /* @__PURE__ */ jsx132(
+            hasAction ? /* @__PURE__ */ jsx133(
               Button,
               {
                 variant: "tertiary",
@@ -9219,7 +9353,7 @@ var findEdgeEnabledIndex = (items, direction) => {
 };
 
 // src/primitives/tabs/index.tsx
-import { Fragment as Fragment9, jsx as jsx133, jsxs as jsxs125 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx134, jsxs as jsxs126 } from "react/jsx-runtime";
 var getTabButtonClassName = ({
   enableAnimations,
   isBarVariant,
@@ -9547,7 +9681,7 @@ var Tabs = ({
     value
   ]);
   if (shouldUseOverflowSelect) {
-    return /* @__PURE__ */ jsx133("div", { className: cn("group/agg-tabs w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ jsx133(
+    return /* @__PURE__ */ jsx134("div", { className: cn("group/agg-tabs w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ jsx134(
       Select,
       {
         ariaLabel,
@@ -9559,7 +9693,7 @@ var Tabs = ({
       }
     ) });
   }
-  return /* @__PURE__ */ jsxs125(
+  return /* @__PURE__ */ jsxs126(
     "div",
     {
       className: cn(
@@ -9570,7 +9704,7 @@ var Tabs = ({
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ jsxs125(
+        /* @__PURE__ */ jsxs126(
           "div",
           {
             ref: tabListRef,
@@ -9584,7 +9718,7 @@ var Tabs = ({
             onPointerUp: handleEndTabListDrag,
             onWheel: handleTabListWheel,
             children: [
-              shouldUseOverflowScroll && !isBarVariant && hasOverflow ? /* @__PURE__ */ jsx133(
+              shouldUseOverflowScroll && !isBarVariant && hasOverflow ? /* @__PURE__ */ jsx134(
                 "span",
                 {
                   "aria-hidden": true,
@@ -9595,7 +9729,7 @@ var Tabs = ({
                 var _a;
                 const isActive = item.value === value;
                 const isComingSoon = (_a = item == null ? void 0 : item.isComingSoon) != null ? _a : false;
-                return /* @__PURE__ */ jsxs125(
+                return /* @__PURE__ */ jsxs126(
                   "button",
                   {
                     ref: (buttonElement) => {
@@ -9631,7 +9765,7 @@ var Tabs = ({
                     ),
                     children: [
                       item.icon ? item.icon : null,
-                      /* @__PURE__ */ jsxs125(
+                      /* @__PURE__ */ jsxs126(
                         "span",
                         {
                           className: cn(
@@ -9649,7 +9783,7 @@ var Tabs = ({
                   item.value
                 );
               }),
-              !isBarVariant ? /* @__PURE__ */ jsx133(
+              !isBarVariant ? /* @__PURE__ */ jsx134(
                 "span",
                 {
                   "aria-hidden": true,
@@ -9668,8 +9802,8 @@ var Tabs = ({
             ]
           }
         ),
-        shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ jsxs125(Fragment9, { children: [
-          /* @__PURE__ */ jsx133(
+        shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ jsxs126(Fragment9, { children: [
+          /* @__PURE__ */ jsx134(
             "span",
             {
               "aria-hidden": true,
@@ -9681,7 +9815,7 @@ var Tabs = ({
               )
             }
           ),
-          /* @__PURE__ */ jsx133(
+          /* @__PURE__ */ jsx134(
             "span",
             {
               "aria-hidden": true,
@@ -9694,8 +9828,8 @@ var Tabs = ({
             }
           )
         ] }) : null,
-        shouldUseOverflowScroll && isBarVariant ? /* @__PURE__ */ jsxs125(Fragment9, { children: [
-          /* @__PURE__ */ jsx133(
+        shouldUseOverflowScroll && isBarVariant ? /* @__PURE__ */ jsxs126(Fragment9, { children: [
+          /* @__PURE__ */ jsx134(
             "button",
             {
               type: "button",
@@ -9717,10 +9851,10 @@ var Tabs = ({
                   behavior: getScrollBehavior(enableAnimations)
                 });
               },
-              children: /* @__PURE__ */ jsx133(Icon, { name: "chevron-left", size: "small", color: "currentColor" })
+              children: /* @__PURE__ */ jsx134(Icon, { name: "chevron-left", size: "small", color: "currentColor" })
             }
           ),
-          /* @__PURE__ */ jsx133(
+          /* @__PURE__ */ jsx134(
             "button",
             {
               type: "button",
@@ -9742,7 +9876,7 @@ var Tabs = ({
                   behavior: getScrollBehavior(enableAnimations)
                 });
               },
-              children: /* @__PURE__ */ jsx133(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
+              children: /* @__PURE__ */ jsx134(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
             }
           )
         ] }) : null
@@ -9762,7 +9896,7 @@ import {
   useRef as useRef10,
   useState as useState11
 } from "react";
-import { jsx as jsx134, jsxs as jsxs126 } from "react/jsx-runtime";
+import { jsx as jsx135, jsxs as jsxs127 } from "react/jsx-runtime";
 var DEFAULT_DURATION_MS = 5e3;
 var EXIT_ANIMATION_MS = 350;
 var TONE_ACCENT_CLASS = {
@@ -9811,9 +9945,9 @@ function ToastProvider({
     },
     [defaultDurationMs]
   );
-  return /* @__PURE__ */ jsx134(ToastContext.Provider, { value: { toast, dismiss }, children: /* @__PURE__ */ jsxs126(RadixToast.Provider, { swipeDirection, swipeThreshold, children: [
+  return /* @__PURE__ */ jsx135(ToastContext.Provider, { value: { toast, dismiss }, children: /* @__PURE__ */ jsxs127(RadixToast.Provider, { swipeDirection, swipeThreshold, children: [
     children,
-    toasts.map((entry) => /* @__PURE__ */ jsx134(
+    toasts.map((entry) => /* @__PURE__ */ jsx135(
       ToastRow,
       {
         entry,
@@ -9823,7 +9957,7 @@ function ToastProvider({
       },
       entry.id
     )),
-    /* @__PURE__ */ jsx134(
+    /* @__PURE__ */ jsx135(
       RadixToast.Viewport,
       {
         className: cn(
@@ -9903,7 +10037,7 @@ function ToastRow({ entry, onOpenChange }) {
       clearCloseTimer();
     };
   }, [clearCloseTimer, clearDismissTimer, duration, startDismissTimer]);
-  return /* @__PURE__ */ jsxs126(
+  return /* @__PURE__ */ jsxs127(
     RadixToast.Root,
     {
       open: isOpen,
@@ -9924,7 +10058,7 @@ function ToastRow({ entry, onOpenChange }) {
         TONE_ACCENT_CLASS[entry.tone]
       ),
       children: [
-        /* @__PURE__ */ jsx134(
+        /* @__PURE__ */ jsx135(
           Icon,
           {
             name: TONE_ICON_NAME[entry.tone],
@@ -9932,25 +10066,25 @@ function ToastRow({ entry, onOpenChange }) {
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ jsxs126("div", { className: "min-w-0 flex-1", children: [
-          entry.title ? /* @__PURE__ */ jsx134(RadixToast.Title, { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-foreground", children: entry.title }) : null,
-          /* @__PURE__ */ jsx134(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__ */ jsx134("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__ */ jsxs127("div", { className: "min-w-0 flex-1", children: [
+          entry.title ? /* @__PURE__ */ jsx135(RadixToast.Title, { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-foreground", children: entry.title }) : null,
+          /* @__PURE__ */ jsx135(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__ */ jsx135("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__ */ jsx134(
+        /* @__PURE__ */ jsx135(
           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__ */ jsx134(Icon, { name: "close", className: "h-4! w-4!", "aria-hidden": "true" })
+            children: /* @__PURE__ */ jsx135(Icon, { name: "close", className: "h-4! w-4!", "aria-hidden": "true" })
           }
         ),
-        /* @__PURE__ */ jsx134(
+        /* @__PURE__ */ jsx135(
           "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__ */ jsx134(
+            children: /* @__PURE__ */ jsx135(
               "div",
               {
                 "data-testid": "agg-toast-progress",
@@ -10012,7 +10146,7 @@ var resolveTooltipArrowDimensions = (size) => {
 };
 
 // src/primitives/tooltip/index.tsx
-import { jsx as jsx135, jsxs as jsxs127 } from "react/jsx-runtime";
+import { jsx as jsx136, jsxs as jsxs128 } from "react/jsx-runtime";
 var Tooltip = ({
   content,
   children,
@@ -10030,22 +10164,22 @@ var Tooltip = ({
   } = useSdkUiConfig16();
   const trigger = useMemo8(() => {
     if (children) return children;
-    return /* @__PURE__ */ jsx135(
+    return /* @__PURE__ */ jsx136(
       "button",
       {
         type: "button",
         className: resolveTooltipTriggerClassName(classNames == null ? void 0 : classNames.trigger),
         "aria-label": ariaLabel != null ? ariaLabel : defaultTooltipTriggerAriaLabel,
-        children: /* @__PURE__ */ jsx135(Icon, { name: "info", size: "small", className: cn(classNames == null ? void 0 : classNames.icon), "aria-hidden": true })
+        children: /* @__PURE__ */ jsx136(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__ */ jsx135(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ jsxs127(TooltipPrimitive.Root, { children: [
-    /* @__PURE__ */ jsx135(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ jsx135(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs127(
+  return /* @__PURE__ */ jsx136(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ jsxs128(TooltipPrimitive.Root, { children: [
+    /* @__PURE__ */ jsx136(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsx136(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs128(
       TooltipPrimitive.Content,
       {
         side,
@@ -10069,7 +10203,7 @@ var Tooltip = ({
           classNames == null ? void 0 : classNames.content
         ),
         children: [
-          /* @__PURE__ */ jsx135(TooltipPrimitive.Arrow, { asChild: true, width: arrowWidth, height: arrowHeight, children: /* @__PURE__ */ jsxs127(
+          /* @__PURE__ */ jsx136(TooltipPrimitive.Arrow, { asChild: true, width: arrowWidth, height: arrowHeight, children: /* @__PURE__ */ jsxs128(
             "svg",
             {
               width: arrowWidth,
@@ -10078,8 +10212,8 @@ var Tooltip = ({
               "aria-hidden": "true",
               className: cn("overflow-visible", classNames == null ? void 0 : classNames.arrow),
               children: [
-                /* @__PURE__ */ jsx135("polygon", { points: arrowPoints, className: "fill-agg-secondary" }),
-                /* @__PURE__ */ jsx135(
+                /* @__PURE__ */ jsx136("polygon", { points: arrowPoints, className: "fill-agg-secondary" }),
+                /* @__PURE__ */ jsx136(
                   "path",
                   {
                     d: arrowBorderPath,