@agg-build/ui 4.9.2 → 4.10.0

package/dist/{chunk-NYL6A6AD.mjs → chunk-W7HQVQ22.mjs}

@@ -6753,11 +6753,11 @@ var LogoPolymarketIcon = (_a) => {
 };
 LogoPolymarketIcon.displayName = "LogoPolymarketIcon";
 
-// src/primitives/venue-logo/svg/logo-predict.tsx
+// src/primitives/venue-logo/svg/logo-pred.tsx
 import { useAggUiConfig as useAggUiConfig8 } from "@agg-build/hooks";
-import { Venue as Venue8 } from "@agg-build/sdk";
 import { jsx as jsx126, jsxs as jsxs121 } from "react/jsx-runtime";
-var LogoPredictIcon = (_a) => {
+var PRED_LOGO_COLORS = { light: "#120C06", dark: "#F4FB37" };
+var LogoPredIcon = (_a) => {
   var _b = _a, {
     title: title2,
     className,
@@ -6769,26 +6769,80 @@ var LogoPredictIcon = (_a) => {
     "isColor",
     "color"
   ]);
-  var _a2;
   const {
     general: { theme }
   } = useAggUiConfig8();
   const isDarkTheme = theme === "dark";
   const primaryColor = resolveLogoPrimaryColor({
-    brandColor: (_a2 = resolveVenueLineColor(Venue8.predict, isDarkTheme)) != null ? _a2 : "#705bf6",
+    brandColor: PRED_LOGO_COLORS[isDarkTheme ? "dark" : "light"],
     isColor,
     color
   });
   return /* @__PURE__ */ jsxs121(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
-      viewBox: "0 0 100 100",
+      viewBox: "0 0 48 48",
       className,
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
         title2 ? /* @__PURE__ */ jsx126("title", { children: title2 }) : null,
         /* @__PURE__ */ jsx126(
+          "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__ */ jsx126(
+          "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
+import { useAggUiConfig as useAggUiConfig9 } from "@agg-build/hooks";
+import { Venue as Venue8 } from "@agg-build/sdk";
+import { jsx as jsx127, jsxs as jsxs122 } from "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 }
+  } = useAggUiConfig9();
+  const isDarkTheme = theme === "dark";
+  const primaryColor = resolveLogoPrimaryColor({
+    brandColor: (_a2 = resolveVenueLineColor(Venue8.predict, isDarkTheme)) != null ? _a2 : "#705bf6",
+    isColor,
+    color
+  });
+  return /* @__PURE__ */ jsxs122(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 100 100",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title2)), props), {
+      children: [
+        title2 ? /* @__PURE__ */ jsx127("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx127(
           "path",
           {
             fillRule: "evenodd",
@@ -6804,9 +6858,9 @@ var LogoPredictIcon = (_a) => {
 LogoPredictIcon.displayName = "LogoPredictIcon";
 
 // src/primitives/venue-logo/svg/logo-probable.tsx
-import { useAggUiConfig as useAggUiConfig9 } from "@agg-build/hooks";
+import { useAggUiConfig as useAggUiConfig10 } from "@agg-build/hooks";
 import { Venue as Venue9 } from "@agg-build/sdk";
-import { jsx as jsx127, jsxs as jsxs122 } from "react/jsx-runtime";
+import { jsx as jsx128, jsxs as jsxs123 } from "react/jsx-runtime";
 var LogoProbableIcon = (_a) => {
   var _b = _a, {
     title: title2,
@@ -6822,14 +6876,14 @@ var LogoProbableIcon = (_a) => {
   var _a2;
   const {
     general: { theme }
-  } = useAggUiConfig9();
+  } = useAggUiConfig10();
   const isDarkTheme = theme === "dark";
   const primaryColor = resolveLogoPrimaryColor({
     brandColor: (_a2 = resolveVenueLineColor(Venue9.probable, isDarkTheme)) != null ? _a2 : "#EC4899",
     isColor,
     color
   });
-  return /* @__PURE__ */ jsxs122(
+  return /* @__PURE__ */ jsxs123(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 100 100",
@@ -6837,16 +6891,16 @@ var LogoProbableIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx127("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx127(
+        title2 ? /* @__PURE__ */ jsx128("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx128(
           "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__ */ jsx127("path", { d: "M90.9329 15.4546V30.4546H8.90234V15.4546H90.9329Z", fill: primaryColor }),
-        /* @__PURE__ */ jsx127(
+        /* @__PURE__ */ jsx128("path", { d: "M90.9329 15.4546V30.4546H8.90234V15.4546H90.9329Z", fill: primaryColor }),
+        /* @__PURE__ */ jsx128(
           "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",
@@ -6860,10 +6914,10 @@ var LogoProbableIcon = (_a) => {
 LogoProbableIcon.displayName = "LogoProbableIcon";
 
 // src/primitives/venue-logo/svg/logo-prophetx.tsx
-import { useAggUiConfig as useAggUiConfig10 } from "@agg-build/hooks";
+import { useAggUiConfig as useAggUiConfig11 } from "@agg-build/hooks";
 import { Venue as Venue10 } from "@agg-build/sdk";
 import { useId } from "react";
-import { jsx as jsx128, jsxs as jsxs123 } from "react/jsx-runtime";
+import { jsx as jsx129, jsxs as jsxs124 } from "react/jsx-runtime";
 var LogoProphetXIcon = (_a) => {
   var _b = _a, {
     title: title2,
@@ -6879,7 +6933,7 @@ var LogoProphetXIcon = (_a) => {
   var _a2;
   const {
     general: { theme }
-  } = useAggUiConfig10();
+  } = useAggUiConfig11();
   const isDarkTheme = theme === "dark";
   const uid = useId();
   const primaryColor = resolveLogoPrimaryColor({
@@ -6891,7 +6945,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__ */ jsxs123(
+  return /* @__PURE__ */ jsxs124(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "81.867 138.419 424.492 272.214",
@@ -6899,9 +6953,9 @@ var LogoProphetXIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx128("title", { children: title2 }) : null,
-        isMonochrome ? null : /* @__PURE__ */ jsxs123("defs", { children: [
-          /* @__PURE__ */ jsxs123(
+        title2 ? /* @__PURE__ */ jsx129("title", { children: title2 }) : null,
+        isMonochrome ? null : /* @__PURE__ */ jsxs124("defs", { children: [
+          /* @__PURE__ */ jsxs124(
             "linearGradient",
             {
               id: `${uid}-0`,
@@ -6912,14 +6966,14 @@ var LogoProphetXIcon = (_a) => {
               gradientUnits: "userSpaceOnUse",
               gradientTransform,
               children: [
-                /* @__PURE__ */ jsx128("stop", { stopColor: "#1DC29A" }),
-                /* @__PURE__ */ jsx128("stop", { offset: "0.1032", stopColor: "#19BE9D" }),
-                /* @__PURE__ */ jsx128("stop", { offset: "0.6255", stopColor: "#06ADAA" }),
-                /* @__PURE__ */ jsx128("stop", { offset: "1", stopColor: "#00A7AF" })
+                /* @__PURE__ */ jsx129("stop", { stopColor: "#1DC29A" }),
+                /* @__PURE__ */ jsx129("stop", { offset: "0.1032", stopColor: "#19BE9D" }),
+                /* @__PURE__ */ jsx129("stop", { offset: "0.6255", stopColor: "#06ADAA" }),
+                /* @__PURE__ */ jsx129("stop", { offset: "1", stopColor: "#00A7AF" })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs123(
+          /* @__PURE__ */ jsxs124(
             "linearGradient",
             {
               id: `${uid}-1`,
@@ -6930,12 +6984,12 @@ var LogoProphetXIcon = (_a) => {
               gradientUnits: "userSpaceOnUse",
               gradientTransform,
               children: [
-                /* @__PURE__ */ jsx128("stop", { stopColor: "#1DC29A" }),
-                /* @__PURE__ */ jsx128("stop", { offset: "1", stopColor: "#00A7AF" })
+                /* @__PURE__ */ jsx129("stop", { stopColor: "#1DC29A" }),
+                /* @__PURE__ */ jsx129("stop", { offset: "1", stopColor: "#00A7AF" })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs123(
+          /* @__PURE__ */ jsxs124(
             "linearGradient",
             {
               id: `${uid}-2`,
@@ -6946,29 +7000,29 @@ var LogoProphetXIcon = (_a) => {
               gradientUnits: "userSpaceOnUse",
               gradientTransform,
               children: [
-                /* @__PURE__ */ jsx128("stop", { stopColor: "#1DC29A" }),
-                /* @__PURE__ */ jsx128("stop", { offset: "0.3631", stopColor: "#18BD9E" }),
-                /* @__PURE__ */ jsx128("stop", { offset: "0.802", stopColor: "#09AFA8" }),
-                /* @__PURE__ */ jsx128("stop", { offset: "1", stopColor: "#00A7AF" })
+                /* @__PURE__ */ jsx129("stop", { stopColor: "#1DC29A" }),
+                /* @__PURE__ */ jsx129("stop", { offset: "0.3631", stopColor: "#18BD9E" }),
+                /* @__PURE__ */ jsx129("stop", { offset: "0.802", stopColor: "#09AFA8" }),
+                /* @__PURE__ */ jsx129("stop", { offset: "1", stopColor: "#00A7AF" })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ jsx128(
+        /* @__PURE__ */ jsx129(
           "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__ */ jsx128(
+        /* @__PURE__ */ jsx129(
           "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__ */ jsx128(
+        /* @__PURE__ */ jsx129(
           "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",
@@ -6987,6 +7041,7 @@ var venueLogoRegistry = {
   [Venue11.limitless]: LogoLimitlessIcon,
   [Venue11.opinion]: LogoOpinionIcon,
   [Venue11.polymarket]: LogoPolymarketIcon,
+  [Venue11.pred]: LogoPredIcon,
   [Venue11.predict]: LogoPredictIcon,
   [Venue11.probable]: LogoProbableIcon,
   [Venue11.myriad]: LogoMyriadIcon,
@@ -7001,6 +7056,9 @@ var venueLogoUrlRegistry = {
   [Venue11.limitless]: `${VENUE_LOGO_BASE_URL}/limitless.png`,
   [Venue11.opinion]: `${VENUE_LOGO_BASE_URL}/opinion.png`,
   [Venue11.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.
+  [Venue11.pred]: "https://mainnet-assets.pred.app/assets/vite-oruAfoK1.svg",
   [Venue11.predict]: `${VENUE_LOGO_BASE_URL}/predict.png`,
   [Venue11.probable]: `${VENUE_LOGO_BASE_URL}/probable.png`,
   [Venue11.myriad]: `${VENUE_LOGO_BASE_URL}/myriad.png`,
@@ -7016,6 +7074,7 @@ var venueLogoLabels = {
   [Venue11.limitless]: "Limitless",
   [Venue11.opinion]: "Opinion",
   [Venue11.polymarket]: "Polymarket",
+  [Venue11.pred]: "PRED",
   [Venue11.predict]: "Predict",
   [Venue11.probable]: "Probable",
   [Venue11.myriad]: "Myriad",
@@ -7036,6 +7095,8 @@ var lineColorByVenue = {
     [Venue11.limitless]: "#C4FF00",
     [Venue11.opinion]: "#000000",
     [Venue11.polymarket]: "#2E5CFF",
+    // On light surfaces use the dark half of PRED's official yellow/dark mark.
+    [Venue11.pred]: PRED_LOGO_COLORS.light,
     [Venue11.predict]: "#6D57F8",
     [Venue11.probable]: "#F05923",
     [Venue11.myriad]: "#000000",
@@ -7055,6 +7116,7 @@ var lineColorByVenue = {
     [Venue11.limitless]: "#C4FF00",
     [Venue11.opinion]: "#FFFFFF",
     [Venue11.polymarket]: "#2E5CFF",
+    [Venue11.pred]: PRED_LOGO_COLORS.dark,
     [Venue11.predict]: "#6D57F8",
     [Venue11.probable]: "#F05923",
     [Venue11.myriad]: "#FFFFFF",
@@ -7099,7 +7161,7 @@ var resolveVenueLogoIsColor = ({
 };
 
 // src/primitives/venue-logo/index.tsx
-import { jsx as jsx129 } from "react/jsx-runtime";
+import { jsx as jsx130 } from "react/jsx-runtime";
 var VenueLogo = ({
   venue,
   variant = "icon",
@@ -7125,7 +7187,7 @@ var VenueLogo = ({
     console.warn(`[AggUI] Unknown venue "${venue}" \u2014 using default logo`);
   }
   if (variant === "logo") {
-    return /* @__PURE__ */ jsx129(
+    return /* @__PURE__ */ jsx130(
       RemoteImage,
       {
         src: (_a = venueLogoUrlRegistry[venue]) != null ? _a : DEFAULT_VENUE_LOGO_URL,
@@ -7140,7 +7202,7 @@ var VenueLogo = ({
     isColor,
     isMonochromatic
   });
-  return /* @__PURE__ */ jsx129(
+  return /* @__PURE__ */ jsx130(
     Component2,
     {
       className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
@@ -7679,7 +7741,7 @@ var mapVenueEventToSearchResult = (event, labels, formatPercent, formatCompactCu
 };
 
 // src/primitives/search/index.tsx
-import { Fragment as Fragment5, jsx as jsx130, jsxs as jsxs124 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx131, jsxs as jsxs125 } from "react/jsx-runtime";
 var SearchResultRow = ({
   item,
   resultAria,
@@ -7693,7 +7755,7 @@ var SearchResultRow = ({
   const handleResultPointerDown = (event) => {
     event.preventDefault();
   };
-  return /* @__PURE__ */ jsxs124(
+  return /* @__PURE__ */ jsxs125(
     "button",
     {
       type: "button",
@@ -7711,8 +7773,8 @@ var SearchResultRow = ({
       onClick: handleResultClick,
       "aria-label": resultAria(item.title),
       children: [
-        /* @__PURE__ */ jsxs124("div", { className: "agg-search-result-content flex min-w-0 flex-1 items-center gap-4", children: [
-          /* @__PURE__ */ jsx130(
+        /* @__PURE__ */ jsxs125("div", { className: "agg-search-result-content flex min-w-0 flex-1 items-center gap-4", children: [
+          /* @__PURE__ */ jsx131(
             RemoteImage,
             {
               src: item.thumbnailSrc,
@@ -7724,8 +7786,8 @@ var SearchResultRow = ({
               )
             }
           ),
-          /* @__PURE__ */ jsxs124("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-            /* @__PURE__ */ jsx130(
+          /* @__PURE__ */ jsxs125("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+            /* @__PURE__ */ jsx131(
               "p",
               {
                 className: cn(
@@ -7736,8 +7798,8 @@ var SearchResultRow = ({
                 children: item.title
               }
             ),
-            /* @__PURE__ */ jsxs124("div", { className: "agg-search-result-context flex min-w-0 items-center gap-2 text-agg-muted-foreground", children: [
-              /* @__PURE__ */ jsx130(
+            /* @__PURE__ */ jsxs125("div", { className: "agg-search-result-context flex min-w-0 items-center gap-2 text-agg-muted-foreground", children: [
+              /* @__PURE__ */ jsx131(
                 "p",
                 {
                   className: cn(
@@ -7747,7 +7809,7 @@ var SearchResultRow = ({
                   children: item.marketSummaryLabel
                 }
               ),
-              /* @__PURE__ */ jsx130("div", { className: "flex items-center gap-1", "aria-hidden": true, children: item.visibleVenues.map((venue) => /* @__PURE__ */ jsx130(
+              /* @__PURE__ */ jsx131("div", { className: "flex items-center gap-1", "aria-hidden": true, children: item.visibleVenues.map((venue) => /* @__PURE__ */ jsx131(
                 VenueLogo,
                 {
                   venue,
@@ -7757,9 +7819,9 @@ var SearchResultRow = ({
                 },
                 `${item.id}-${venue}`
               )) }),
-              item.volumeLabel ? /* @__PURE__ */ jsxs124(Fragment5, { children: [
-                /* @__PURE__ */ jsx130("span", { className: "text-agg-muted-foreground", "aria-hidden": true, children: "\xB7" }),
-                /* @__PURE__ */ jsx130(
+              item.volumeLabel ? /* @__PURE__ */ jsxs125(Fragment5, { children: [
+                /* @__PURE__ */ jsx131("span", { className: "text-agg-muted-foreground", "aria-hidden": true, children: "\xB7" }),
+                /* @__PURE__ */ jsx131(
                   "p",
                   {
                     className: cn(
@@ -7773,7 +7835,7 @@ var SearchResultRow = ({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs124(
+        /* @__PURE__ */ jsxs125(
           "div",
           {
             className: cn(
@@ -7781,9 +7843,9 @@ var SearchResultRow = ({
               classNames == null ? void 0 : classNames.resultMeta
             ),
             children: [
-              /* @__PURE__ */ jsx130(VenueLogo, { venue: item.venue, size: "small" }),
-              /* @__PURE__ */ jsxs124("div", { className: "flex min-w-0 flex-1 items-baseline gap-2", children: [
-                item.isValueLoading ? /* @__PURE__ */ jsx130(
+              /* @__PURE__ */ jsx131(VenueLogo, { venue: item.venue, size: "small" }),
+              /* @__PURE__ */ jsxs125("div", { className: "flex min-w-0 flex-1 items-baseline gap-2", children: [
+                item.isValueLoading ? /* @__PURE__ */ jsx131(
                   "span",
                   {
                     "aria-hidden": "true",
@@ -7792,7 +7854,7 @@ var SearchResultRow = ({
                       "h-5 w-12 shrink-0 rounded-agg-sm bg-agg-separator animate-pulse"
                     )
                   }
-                ) : /* @__PURE__ */ jsx130(
+                ) : /* @__PURE__ */ jsx131(
                   "p",
                   {
                     className: cn(
@@ -7803,7 +7865,7 @@ var SearchResultRow = ({
                     children: item.valueLabel
                   }
                 ),
-                /* @__PURE__ */ jsx130(
+                /* @__PURE__ */ jsx131(
                   "p",
                   {
                     className: cn(
@@ -7817,7 +7879,7 @@ var SearchResultRow = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx130(
+        /* @__PURE__ */ jsx131(
           Icon,
           {
             name: "chevron-right",
@@ -7840,7 +7902,7 @@ var SearchSeeAllResultsButton = ({
   const handlePointerDown = (event) => {
     event.preventDefault();
   };
-  return /* @__PURE__ */ jsxs124(
+  return /* @__PURE__ */ jsxs125(
     "button",
     {
       type: "button",
@@ -7854,8 +7916,8 @@ var SearchSeeAllResultsButton = ({
       onPointerDown: handlePointerDown,
       onClick,
       children: [
-        /* @__PURE__ */ jsx130("span", { children: label2 }),
-        /* @__PURE__ */ jsx130(Icon, { name: "chevron-right", size: "small", className: "size-[14px] text-agg-primary" })
+        /* @__PURE__ */ jsx131("span", { children: label2 }),
+        /* @__PURE__ */ jsx131(Icon, { name: "chevron-right", size: "small", className: "size-[14px] text-agg-primary" })
       ]
     }
   );
@@ -8024,14 +8086,14 @@ var Search = ({
     event.preventDefault();
     handleSeeAllResults();
   };
-  return /* @__PURE__ */ jsxs124(
+  return /* @__PURE__ */ jsxs125(
     "div",
     {
       className: cn("group/agg-search", "relative flex w-full flex-col", classNames == null ? void 0 : classNames.root),
       onFocusCapture: handleFocusWithin,
       onBlurCapture: handleBlurWithin,
       children: [
-        /* @__PURE__ */ jsx130("label", { className: "w-full", children: /* @__PURE__ */ jsxs124(
+        /* @__PURE__ */ jsx131("label", { className: "w-full", children: /* @__PURE__ */ jsxs125(
           "div",
           {
             className: cn(
@@ -8047,7 +8109,7 @@ var Search = ({
             ),
             onClick: handleFocusWithin,
             children: [
-              /* @__PURE__ */ jsx130(
+              /* @__PURE__ */ jsx131(
                 Icon,
                 {
                   name: "search",
@@ -8055,7 +8117,7 @@ var Search = ({
                   className: cn("text-agg-muted-foreground", classNames == null ? void 0 : classNames.searchIcon)
                 }
               ),
-              /* @__PURE__ */ jsx130(
+              /* @__PURE__ */ jsx131(
                 "input",
                 __spreadProps(__spreadValues({}, inputProps), {
                   ref: inputRef,
@@ -8076,11 +8138,11 @@ var Search = ({
                   )
                 })
               ),
-              shouldRenderShortcut ? /* @__PURE__ */ jsx130("div", { className: "agg-search-shortcut hidden md:flex size-6 shrink-0 items-center justify-center rounded-[4px] bg-agg-secondary-hover", children: /* @__PURE__ */ jsx130("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-muted-foreground", children: "/" }) }) : null
+              shouldRenderShortcut ? /* @__PURE__ */ jsx131("div", { className: "agg-search-shortcut hidden md:flex size-6 shrink-0 items-center justify-center rounded-[4px] bg-agg-secondary-hover", children: /* @__PURE__ */ jsx131("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-muted-foreground", children: "/" }) }) : null
             ]
           }
         ) }),
-        shouldRenderLoadingState ? /* @__PURE__ */ jsx130(
+        shouldRenderLoadingState ? /* @__PURE__ */ jsx131(
           "div",
           {
             className: cn(
@@ -8090,10 +8152,10 @@ var Search = ({
               "mt-1",
               classNames == null ? void 0 : classNames.emptyState
             ),
-            children: /* @__PURE__ */ jsx130(Skeleton, { view: "search" })
+            children: /* @__PURE__ */ jsx131(Skeleton, { view: "search" })
           }
         ) : null,
-        shouldRenderResults ? /* @__PURE__ */ jsx130(
+        shouldRenderResults ? /* @__PURE__ */ jsx131(
           "div",
           {
             className: cn(
@@ -8103,7 +8165,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__ */ jsxs124(
+            children: /* @__PURE__ */ jsxs125(
               "ul",
               {
                 className: cn(
@@ -8113,7 +8175,7 @@ var Search = ({
                 role: "listbox",
                 "aria-label": labels.search.resultsAria,
                 children: [
-                  validatedResults.map((item, index) => /* @__PURE__ */ jsx130(
+                  validatedResults.map((item, index) => /* @__PURE__ */ jsx131(
                     "li",
                     {
                       role: "presentation",
@@ -8122,7 +8184,7 @@ var Search = ({
                         index > 0 && "border-t border-agg-separator",
                         classNames == null ? void 0 : classNames.resultItem
                       ),
-                      children: /* @__PURE__ */ jsx130(
+                      children: /* @__PURE__ */ jsx131(
                         SearchResultRow,
                         {
                           item,
@@ -8134,12 +8196,12 @@ var Search = ({
                     },
                     item.id
                   )),
-                  /* @__PURE__ */ jsx130(
+                  /* @__PURE__ */ jsx131(
                     "li",
                     {
                       role: "presentation",
                       className: "agg-search-result-item border-t border-agg-separator",
-                      children: /* @__PURE__ */ jsx130(
+                      children: /* @__PURE__ */ jsx131(
                         SearchSeeAllResultsButton,
                         {
                           label: labels.search.seeAllResults,
@@ -8153,7 +8215,7 @@ var Search = ({
             )
           }
         ) : null,
-        shouldRenderNoResults ? /* @__PURE__ */ jsx130(
+        shouldRenderNoResults ? /* @__PURE__ */ jsx131(
           "div",
           {
             className: cn(
@@ -8163,7 +8225,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__ */ jsxs124(
+            children: /* @__PURE__ */ jsxs125(
               "div",
               {
                 className: cn(
@@ -8173,15 +8235,15 @@ var Search = ({
                 role: "status",
                 "aria-live": "polite",
                 children: [
-                  /* @__PURE__ */ jsx130(
+                  /* @__PURE__ */ jsx131(
                     SearchEmptyIcon,
                     {
                       className: cn("h-10 w-10 text-agg-muted-foreground", classNames == null ? void 0 : classNames.emptyStateIcon),
                       "aria-hidden": true
                     }
                   ),
-                  /* @__PURE__ */ jsxs124("div", { className: "flex flex-col items-center gap-1 text-center", children: [
-                    /* @__PURE__ */ jsx130(
+                  /* @__PURE__ */ jsxs125("div", { className: "flex flex-col items-center gap-1 text-center", children: [
+                    /* @__PURE__ */ jsx131(
                       "p",
                       {
                         className: cn(
@@ -8192,7 +8254,7 @@ var Search = ({
                         children: labels.search.noResultsTitle
                       }
                     ),
-                    /* @__PURE__ */ jsx130(
+                    /* @__PURE__ */ jsx131(
                       "p",
                       {
                         className: cn(
@@ -8242,7 +8304,7 @@ var resolveHeaderSearchContent = ({
 };
 
 // src/primitives/header/index.tsx
-import { Fragment as Fragment6, jsx as jsx131, jsxs as jsxs125 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx132, jsxs as jsxs126 } from "react/jsx-runtime";
 var Header = ({
   logo,
   logoHref,
@@ -8256,7 +8318,7 @@ var Header = ({
   "aria-label": ariaLabel
 }) => {
   const labels = useLabels11();
-  const logoContent = isHeaderLogoProps(logo) ? /* @__PURE__ */ jsx131(
+  const logoContent = isHeaderLogoProps(logo) ? /* @__PURE__ */ jsx132(
     "img",
     {
       src: logo.src,
@@ -8265,14 +8327,14 @@ var Header = ({
       height: logo.height,
       className: cn("block max-h-full", classNames == null ? void 0 : classNames.logoElement)
     }
-  ) : logo !== void 0 ? /* @__PURE__ */ jsx131("span", { className: classNames == null ? void 0 : classNames.logoElement, children: logo }) : /* @__PURE__ */ jsx131(
+  ) : logo !== void 0 ? /* @__PURE__ */ jsx132("span", { className: classNames == null ? void 0 : classNames.logoElement, children: logo }) : /* @__PURE__ */ jsx132(
     AggLogo,
     {
       className: cn("h-6 w-auto text-agg-foreground", classNames == null ? void 0 : classNames.logoElement),
       title: labels.header.logoAria
     }
   );
-  const wrappedLogo = logoHref ? /* @__PURE__ */ jsx131(
+  const wrappedLogo = logoHref ? /* @__PURE__ */ jsx132(
     "a",
     {
       href: logoHref,
@@ -8281,7 +8343,7 @@ var Header = ({
       onClick: onLogoClick,
       children: logoContent
     }
-  ) : onLogoClick ? /* @__PURE__ */ jsx131(
+  ) : onLogoClick ? /* @__PURE__ */ jsx132(
     "button",
     {
       type: "button",
@@ -8293,13 +8355,13 @@ var Header = ({
       onClick: onLogoClick,
       children: logoContent
     }
-  ) : /* @__PURE__ */ jsx131("div", { className: classNames == null ? void 0 : classNames.logoWrapper, children: logoContent });
+  ) : /* @__PURE__ */ jsx132("div", { className: classNames == null ? void 0 : classNames.logoWrapper, children: logoContent });
   const searchContent = resolveHeaderSearchContent({
     search,
     searchProps,
-    renderSearch: (nextSearchProps) => /* @__PURE__ */ jsx131(Search, __spreadValues({}, nextSearchProps))
+    renderSearch: (nextSearchProps) => /* @__PURE__ */ jsx132(Search, __spreadValues({}, nextSearchProps))
   });
-  return /* @__PURE__ */ jsx131(Fragment6, { children: /* @__PURE__ */ jsx131(
+  return /* @__PURE__ */ jsx132(Fragment6, { children: /* @__PURE__ */ jsx132(
     "header",
     {
       role: "banner",
@@ -8308,7 +8370,7 @@ var Header = ({
         fallbackLabel: labels.header.bannerAria
       }),
       className: cn(baseHeaderClasses, sticky && stickyHeaderClasses, classNames == null ? void 0 : classNames.root),
-      children: /* @__PURE__ */ jsxs125(
+      children: /* @__PURE__ */ jsxs126(
         "div",
         {
           className: cn(
@@ -8323,7 +8385,7 @@ var Header = ({
             classNames == null ? void 0 : classNames.inner
           ),
           children: [
-            /* @__PURE__ */ jsxs125(
+            /* @__PURE__ */ jsxs126(
               "div",
               {
                 className: cn(
@@ -8339,7 +8401,7 @@ var Header = ({
                 ]
               }
             ),
-            searchContent ? /* @__PURE__ */ jsx131(
+            searchContent ? /* @__PURE__ */ jsx132(
               "div",
               {
                 className: cn(
@@ -8350,7 +8412,7 @@ var Header = ({
                 children: searchContent
               }
             ) : null,
-            /* @__PURE__ */ jsx131(
+            /* @__PURE__ */ jsx132(
               "div",
               {
                 className: cn(
@@ -8413,7 +8475,7 @@ var resolveInlineAlertHasAction = ({
 };
 
 // src/primitives/inline-alert/index.tsx
-import { jsx as jsx132, jsxs as jsxs126 } from "react/jsx-runtime";
+import { jsx as jsx133, jsxs as jsxs127 } from "react/jsx-runtime";
 var InlineAlert = ({
   tone = INLINE_ALERT_DEFAULT_TONE,
   variant,
@@ -8427,7 +8489,7 @@ var InlineAlert = ({
   const resolvedVariant = resolveInlineAlertVariant({ tone, variant });
   const hasAction = resolveInlineAlertHasAction({ actionLabel, onAction });
   const { ariaLive, role } = INLINE_ALERT_LIVE_REGION_CONFIG[tone];
-  return /* @__PURE__ */ jsxs126(
+  return /* @__PURE__ */ jsxs127(
     "div",
     {
       className: cn(
@@ -8439,7 +8501,7 @@ var InlineAlert = ({
       "aria-live": ariaLive,
       "aria-label": ariaLabel,
       children: [
-        /* @__PURE__ */ jsx132(
+        /* @__PURE__ */ jsx133(
           Icon,
           {
             name: INLINE_ALERT_TONE_ICON_NAME[tone],
@@ -8447,14 +8509,14 @@ var InlineAlert = ({
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ jsx132(
+        /* @__PURE__ */ jsx133(
           "div",
           {
             className: cn(
               "min-w-0",
               resolvedVariant === "plain" && !hasAction ? "flex-none text-center" : "flex-1"
             ),
-            children: /* @__PURE__ */ jsxs126(
+            children: /* @__PURE__ */ jsxs127(
               "div",
               {
                 className: cn(
@@ -8463,14 +8525,14 @@ var InlineAlert = ({
                   resolvedVariant === "plain" && !hasAction ? "items-center" : null
                 ),
                 children: [
-                  title2 ? /* @__PURE__ */ jsx132("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: title2 }) : null,
-                  /* @__PURE__ */ jsx132("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground wrap-break-word", children: message })
+                  title2 ? /* @__PURE__ */ jsx133("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: title2 }) : null,
+                  /* @__PURE__ */ jsx133("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground wrap-break-word", children: message })
                 ]
               }
             )
           }
         ),
-        hasAction ? /* @__PURE__ */ jsx132(
+        hasAction ? /* @__PURE__ */ jsx133(
           "button",
           {
             type: "button",
@@ -8508,7 +8570,7 @@ var resolveLoadingIconAriaLabel = ({
 };
 
 // src/primitives/loading-icon/index.tsx
-import { Fragment as Fragment7, jsx as jsx133, jsxs as jsxs127 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx134, jsxs as jsxs128 } from "react/jsx-runtime";
 var LoadingIcon = ({
   size = LOADING_ICON_DEFAULT_SIZE,
   variant = "default",
@@ -8519,7 +8581,7 @@ var LoadingIcon = ({
   const {
     features: { enableAnimations }
   } = useSdkUiConfig11();
-  return /* @__PURE__ */ jsx133(
+  return /* @__PURE__ */ jsx134(
     "span",
     {
       role: "status",
@@ -8532,7 +8594,7 @@ var LoadingIcon = ({
         "inline-grid place-items-center text-agg-primary will-change-transform",
         className
       ),
-      children: /* @__PURE__ */ jsx133("span", { className: "inline-grid place-items-center", "aria-hidden": "true", children: /* @__PURE__ */ jsx133(
+      children: /* @__PURE__ */ jsx134("span", { className: "inline-grid place-items-center", "aria-hidden": "true", children: /* @__PURE__ */ jsx134(
         "svg",
         {
           viewBox: LOADING_ICON_SVG_VIEW_BOX,
@@ -8540,8 +8602,8 @@ var LoadingIcon = ({
             "block",
             variant === "prominent" ? LOADING_ICON_PROMINENT_FRAME_CLASS : iconSizeClasses[size]
           ),
-          children: variant === "prominent" ? /* @__PURE__ */ jsxs127("g", { children: [
-            enableAnimations ? /* @__PURE__ */ jsx133(
+          children: variant === "prominent" ? /* @__PURE__ */ jsxs128("g", { children: [
+            enableAnimations ? /* @__PURE__ */ jsx134(
               "animateTransform",
               {
                 attributeName: "transform",
@@ -8553,7 +8615,7 @@ var LoadingIcon = ({
                 repeatCount: "indefinite"
               }
             ) : null,
-            /* @__PURE__ */ jsx133(
+            /* @__PURE__ */ jsx134(
               "circle",
               {
                 cx: "22",
@@ -8567,8 +8629,8 @@ var LoadingIcon = ({
                 strokeDasharray: LOADING_ICON_PROMINENT_DASHARRAY
               }
             )
-          ] }) : /* @__PURE__ */ jsxs127("g", { children: [
-            enableAnimations ? /* @__PURE__ */ jsx133(
+          ] }) : /* @__PURE__ */ jsxs128("g", { children: [
+            enableAnimations ? /* @__PURE__ */ jsx134(
               "animateTransform",
               {
                 attributeName: "transform",
@@ -8580,7 +8642,7 @@ var LoadingIcon = ({
                 repeatCount: "indefinite"
               }
             ) : null,
-            /* @__PURE__ */ jsx133(
+            /* @__PURE__ */ jsx134(
               "circle",
               {
                 cx: "22",
@@ -8592,8 +8654,8 @@ var LoadingIcon = ({
                 strokeLinecap: "round",
                 strokeDasharray: "60 100",
                 strokeDashoffset: "0",
-                children: enableAnimations ? /* @__PURE__ */ jsxs127(Fragment7, { children: [
-                  /* @__PURE__ */ jsx133(
+                children: enableAnimations ? /* @__PURE__ */ jsxs128(Fragment7, { children: [
+                  /* @__PURE__ */ jsx134(
                     "animate",
                     {
                       attributeName: "stroke-dasharray",
@@ -8602,7 +8664,7 @@ var LoadingIcon = ({
                       repeatCount: "indefinite"
                     }
                   ),
-                  /* @__PURE__ */ jsx133(
+                  /* @__PURE__ */ jsx134(
                     "animate",
                     {
                       attributeName: "stroke-dashoffset",
@@ -8647,7 +8709,7 @@ var resolveModalCloseIcon = ({
 };
 
 // src/primitives/modal/index.tsx
-import { Fragment as Fragment8, jsx as jsx134, jsxs as jsxs128 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx135, jsxs as jsxs129 } from "react/jsx-runtime";
 var Modal = ({
   open,
   onOpenChange,
@@ -8655,7 +8717,7 @@ var Modal = ({
   "aria-label": _ariaLabel,
   "aria-labelledby": _ariaLabelledBy
 }) => {
-  return /* @__PURE__ */ jsx134(Dialog.Root, { open, onOpenChange, children });
+  return /* @__PURE__ */ jsx135(Dialog.Root, { open, onOpenChange, children });
 };
 var ModalContainer = ({
   children,
@@ -8670,8 +8732,8 @@ var ModalContainer = ({
   } = useSdkUiConfig12();
   const overlayAnimationClassName = resolveModalOverlayAnimationClassName(enableAnimations);
   const panelAnimationClassName = resolveModalPanelAnimationClassName(enableAnimations);
-  return /* @__PURE__ */ jsxs128(Dialog.Portal, { children: [
-    /* @__PURE__ */ jsx134(
+  return /* @__PURE__ */ jsxs129(Dialog.Portal, { children: [
+    /* @__PURE__ */ jsx135(
       Dialog.Overlay,
       {
         className: cn(
@@ -8682,7 +8744,7 @@ var ModalContainer = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx134(
+    /* @__PURE__ */ jsx135(
       Dialog.Content,
       {
         className: cn(
@@ -8708,7 +8770,7 @@ var ModalContainer = ({
             event.preventDefault();
           }
         },
-        children: /* @__PURE__ */ jsx134(
+        children: /* @__PURE__ */ jsx135(
           "div",
           {
             className: cn(
@@ -8717,7 +8779,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__ */ jsx134(
+            children: /* @__PURE__ */ jsx135(
               "div",
               {
                 className: cn(
@@ -8759,12 +8821,12 @@ var ModalHeader = ({
     features: { enableAnimations }
   } = useSdkUiConfig12();
   const labels = useLabels13();
-  const defaultCloseIcon = /* @__PURE__ */ jsx134(CloseIcon, { className: "h-6 w-6" });
+  const defaultCloseIcon = /* @__PURE__ */ jsx135(CloseIcon, { className: "h-6 w-6" });
   const resolvedCloseIcon = resolveModalCloseIcon({
     closeIcon,
     defaultCloseIcon
   });
-  return /* @__PURE__ */ jsxs128(
+  return /* @__PURE__ */ jsxs129(
     "div",
     {
       className: cn(
@@ -8777,7 +8839,7 @@ var ModalHeader = ({
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ jsxs128(
+        /* @__PURE__ */ jsxs129(
           "div",
           {
             className: cn(
@@ -8790,8 +8852,8 @@ var ModalHeader = ({
               classNames == null ? void 0 : classNames.container
             ),
             children: [
-              leftElement ? /* @__PURE__ */ jsx134(Fragment8, { children: leftElement }) : null,
-              /* @__PURE__ */ jsxs128(
+              leftElement ? /* @__PURE__ */ jsx135(Fragment8, { children: leftElement }) : null,
+              /* @__PURE__ */ jsxs129(
                 "div",
                 {
                   className: cn(
@@ -8800,7 +8862,7 @@ var ModalHeader = ({
                     classNames == null ? void 0 : classNames.titleContainer
                   ),
                   children: [
-                    /* @__PURE__ */ jsx134(
+                    /* @__PURE__ */ jsx135(
                       Dialog.Title,
                       {
                         className: cn(
@@ -8814,7 +8876,7 @@ var ModalHeader = ({
                         children: title2
                       }
                     ),
-                    subtitle ? /* @__PURE__ */ jsx134(
+                    subtitle ? /* @__PURE__ */ jsx135(
                       "span",
                       {
                         className: cn(
@@ -8828,9 +8890,9 @@ var ModalHeader = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs128("div", { className: "agg-modal-header-actions flex flex-row items-center justify-end gap-6", children: [
-                rightElement ? /* @__PURE__ */ jsx134(Fragment8, { children: rightElement }) : null,
-                !hideClose && /* @__PURE__ */ jsx134(
+              /* @__PURE__ */ jsxs129("div", { className: "agg-modal-header-actions flex flex-row items-center justify-end gap-6", children: [
+                rightElement ? /* @__PURE__ */ jsx135(Fragment8, { children: rightElement }) : null,
+                !hideClose && /* @__PURE__ */ jsx135(
                   Dialog.Close,
                   {
                     className: cn(
@@ -8847,14 +8909,14 @@ var ModalHeader = ({
             ]
           }
         ),
-        children ? /* @__PURE__ */ jsx134("div", { className: "agg-modal-header-extra", children }) : null
+        children ? /* @__PURE__ */ jsx135("div", { className: "agg-modal-header-extra", children }) : null
       ]
     }
   );
 };
 Modal.Header = ModalHeader;
 var ModalBody = ({ children, classNames }) => {
-  return /* @__PURE__ */ jsx134(
+  return /* @__PURE__ */ jsx135(
     "div",
     {
       className: cn(
@@ -8875,7 +8937,7 @@ var ModalFooter = ({
   classNames,
   hideBorder = false
 }) => {
-  return /* @__PURE__ */ jsx134(
+  return /* @__PURE__ */ jsx135(
     "div",
     {
       className: cn(
@@ -8898,7 +8960,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 jsx135 } from "react/jsx-runtime";
+import { jsx as jsx136 } from "react/jsx-runtime";
 var NumberValue = ({
   value,
   format = "number",
@@ -8932,7 +8994,7 @@ var NumberValue = ({
     formatPercent,
     value
   ]);
-  return /* @__PURE__ */ jsx135("span", { className: cn("font-agg-sans", className), "aria-label": ariaLabel, children: formatted });
+  return /* @__PURE__ */ jsx136("span", { className: cn("font-agg-sans", className), "aria-label": ariaLabel, children: formatted });
 };
 NumberValue.displayName = "NumberValue";
 
@@ -8965,7 +9027,7 @@ var resolveIsSelectDisabled = ({
 };
 
 // src/primitives/select/index.tsx
-import { jsx as jsx136, jsxs as jsxs129 } from "react/jsx-runtime";
+import { jsx as jsx137, jsxs as jsxs130 } from "react/jsx-runtime";
 var SELECT_DROPDOWN_Z = 1e4;
 function resolveSelectPortalContainer(triggerRoot) {
   var _a, _b;
@@ -9084,7 +9146,7 @@ var Select = ({
   };
   const isInline = variant === "inline";
   const triggerRadiusClass = triggerClassName != null ? triggerClassName : isInline ? "rounded-agg-sm" : "rounded-agg-md";
-  const listbox = menuRect ? /* @__PURE__ */ jsx136(
+  const listbox = menuRect ? /* @__PURE__ */ jsx137(
     "div",
     {
       ref: portalRef,
@@ -9112,7 +9174,7 @@ var Select = ({
         const isSelected = item.value === value;
         const isHidden = item.hidden === true;
         if (isHidden) return null;
-        return /* @__PURE__ */ jsxs129(
+        return /* @__PURE__ */ jsxs130(
           "button",
           {
             type: "button",
@@ -9136,14 +9198,14 @@ var Select = ({
               handleClose();
             },
             children: [
-              isInline && isSelected ? /* @__PURE__ */ jsx136(
+              isInline && isSelected ? /* @__PURE__ */ jsx137(
                 "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__ */ jsx136(
+              item.icon ? /* @__PURE__ */ jsx137(
                 "span",
                 {
                   className: cn(
@@ -9152,7 +9214,7 @@ var Select = ({
                   ),
                   children: item.icon
                 }
-              ) : item.iconUrl ? /* @__PURE__ */ jsx136(
+              ) : item.iconUrl ? /* @__PURE__ */ jsx137(
                 RemoteImage,
                 {
                   src: item.iconUrl,
@@ -9160,7 +9222,7 @@ var Select = ({
                   className: "agg-select-item-icon h-4 w-4 shrink-0 rounded-sm object-contain"
                 }
               ) : null,
-              /* @__PURE__ */ jsx136("span", { className: "agg-select-item-label truncate", children: item.label })
+              /* @__PURE__ */ jsx137("span", { className: "agg-select-item-label truncate", children: item.label })
             ]
           },
           item.value
@@ -9168,7 +9230,7 @@ var Select = ({
       })
     }
   ) : null;
-  return /* @__PURE__ */ jsxs129(
+  return /* @__PURE__ */ jsxs130(
     "div",
     {
       ref: containerRef,
@@ -9178,7 +9240,7 @@ var Select = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs129(
+        /* @__PURE__ */ jsxs130(
           "button",
           {
             type: "button",
@@ -9202,7 +9264,7 @@ var Select = ({
             onPointerEnter: handlePointerEnter,
             onPointerLeave: handlePointerLeave,
             children: [
-              (selectedItem == null ? void 0 : selectedItem.icon) ? /* @__PURE__ */ jsx136("span", { className: "h-4 w-4 shrink-0 [&_svg]:h-full [&_svg]:w-full", children: selectedItem.icon }) : (selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ jsx136(
+              (selectedItem == null ? void 0 : selectedItem.icon) ? /* @__PURE__ */ jsx137("span", { className: "h-4 w-4 shrink-0 [&_svg]:h-full [&_svg]:w-full", children: selectedItem.icon }) : (selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ jsx137(
                 RemoteImage,
                 {
                   src: selectedItem.iconUrl,
@@ -9210,18 +9272,18 @@ var Select = ({
                   className: "agg-select-icon h-4 w-4 shrink-0 rounded-sm object-contain"
                 }
               ) : null,
-              /* @__PURE__ */ jsx136("span", { className: "agg-select-value flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
+              /* @__PURE__ */ jsx137("span", { className: "agg-select-value flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
             ]
           }
         ),
-        /* @__PURE__ */ jsx136(
+        /* @__PURE__ */ jsx137(
           "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__ */ jsx136(
+            children: /* @__PURE__ */ jsx137(
               Icon,
               {
                 name: isOpen ? "chevron-up" : "chevron-down-thin",
@@ -9337,7 +9399,7 @@ var getTypographyClassName = ({
 };
 
 // src/primitives/typography/index.tsx
-import { jsx as jsx137 } from "react/jsx-runtime";
+import { jsx as jsx138 } from "react/jsx-runtime";
 var Typography = ({
   as: Component2 = "p",
   variant = "body",
@@ -9345,7 +9407,7 @@ var Typography = ({
   children,
   "aria-label": ariaLabel
 }) => {
-  return /* @__PURE__ */ jsx137(Component2, { className: getTypographyClassName({ className, variant }), "aria-label": ariaLabel, children });
+  return /* @__PURE__ */ jsx138(Component2, { className: getTypographyClassName({ className, variant }), "aria-label": ariaLabel, children });
 };
 Typography.displayName = "Typography";
 
@@ -9358,7 +9420,7 @@ var resolveStateMessageHasAction = ({ onAction }) => {
 };
 
 // src/primitives/state-message/index.tsx
-import { jsx as jsx138, jsxs as jsxs130 } from "react/jsx-runtime";
+import { jsx as jsx139, jsxs as jsxs131 } from "react/jsx-runtime";
 var StateMessage = (_a) => {
   var _b = _a, {
     icon,
@@ -9379,7 +9441,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__ */ jsx138(
+  return /* @__PURE__ */ jsx139(
     "div",
     __spreadProps(__spreadValues({}, rest), {
       className: cn(
@@ -9390,7 +9452,7 @@ var StateMessage = (_a) => {
       role: "status",
       "aria-live": "polite",
       "aria-label": title2,
-      children: /* @__PURE__ */ jsxs130(
+      children: /* @__PURE__ */ jsxs131(
         "div",
         {
           className: cn(
@@ -9399,7 +9461,7 @@ var StateMessage = (_a) => {
           ),
           children: [
             resolvedIcon,
-            /* @__PURE__ */ jsxs130(
+            /* @__PURE__ */ jsxs131(
               "div",
               {
                 className: cn(
@@ -9407,8 +9469,8 @@ var StateMessage = (_a) => {
                   classNames == null ? void 0 : classNames.text
                 ),
                 children: [
-                  /* @__PURE__ */ jsx138(Typography, { variant: "body-strong", className: classNames == null ? void 0 : classNames.title, children: title2 }),
-                  description ? /* @__PURE__ */ jsx138(
+                  /* @__PURE__ */ jsx139(Typography, { variant: "body-strong", className: classNames == null ? void 0 : classNames.title, children: title2 }),
+                  description ? /* @__PURE__ */ jsx139(
                     Typography,
                     {
                       variant: "label",
@@ -9419,7 +9481,7 @@ var StateMessage = (_a) => {
                 ]
               }
             ),
-            hasAction ? /* @__PURE__ */ jsx138(
+            hasAction ? /* @__PURE__ */ jsx139(
               Button,
               {
                 variant: "tertiary",
@@ -9521,7 +9583,7 @@ var findEdgeEnabledIndex = (items, direction) => {
 };
 
 // src/primitives/tabs/index.tsx
-import { Fragment as Fragment9, jsx as jsx139, jsxs as jsxs131 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx140, jsxs as jsxs132 } from "react/jsx-runtime";
 var getTabButtonClassName = ({
   enableAnimations,
   isBarVariant,
@@ -9849,7 +9911,7 @@ var Tabs = ({
     value
   ]);
   if (shouldUseOverflowSelect) {
-    return /* @__PURE__ */ jsx139("div", { className: cn("group/agg-tabs w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ jsx139(
+    return /* @__PURE__ */ jsx140("div", { className: cn("group/agg-tabs w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ jsx140(
       Select,
       {
         ariaLabel,
@@ -9861,7 +9923,7 @@ var Tabs = ({
       }
     ) });
   }
-  return /* @__PURE__ */ jsxs131(
+  return /* @__PURE__ */ jsxs132(
     "div",
     {
       className: cn(
@@ -9872,7 +9934,7 @@ var Tabs = ({
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ jsxs131(
+        /* @__PURE__ */ jsxs132(
           "div",
           {
             ref: tabListRef,
@@ -9886,7 +9948,7 @@ var Tabs = ({
             onPointerUp: handleEndTabListDrag,
             onWheel: handleTabListWheel,
             children: [
-              shouldUseOverflowScroll && !isBarVariant && hasOverflow ? /* @__PURE__ */ jsx139(
+              shouldUseOverflowScroll && !isBarVariant && hasOverflow ? /* @__PURE__ */ jsx140(
                 "span",
                 {
                   "aria-hidden": true,
@@ -9897,7 +9959,7 @@ var Tabs = ({
                 var _a;
                 const isActive = item.value === value;
                 const isComingSoon = (_a = item == null ? void 0 : item.isComingSoon) != null ? _a : false;
-                return /* @__PURE__ */ jsxs131(
+                return /* @__PURE__ */ jsxs132(
                   "button",
                   {
                     ref: (buttonElement) => {
@@ -9933,7 +9995,7 @@ var Tabs = ({
                     ),
                     children: [
                       item.icon ? item.icon : null,
-                      /* @__PURE__ */ jsxs131(
+                      /* @__PURE__ */ jsxs132(
                         "span",
                         {
                           className: cn(
@@ -9951,7 +10013,7 @@ var Tabs = ({
                   item.value
                 );
               }),
-              !isBarVariant ? /* @__PURE__ */ jsx139(
+              !isBarVariant ? /* @__PURE__ */ jsx140(
                 "span",
                 {
                   "aria-hidden": true,
@@ -9970,8 +10032,8 @@ var Tabs = ({
             ]
           }
         ),
-        shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ jsxs131(Fragment9, { children: [
-          /* @__PURE__ */ jsx139(
+        shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ jsxs132(Fragment9, { children: [
+          /* @__PURE__ */ jsx140(
             "span",
             {
               "aria-hidden": true,
@@ -9983,7 +10045,7 @@ var Tabs = ({
               )
             }
           ),
-          /* @__PURE__ */ jsx139(
+          /* @__PURE__ */ jsx140(
             "span",
             {
               "aria-hidden": true,
@@ -9996,8 +10058,8 @@ var Tabs = ({
             }
           )
         ] }) : null,
-        shouldUseOverflowScroll && isBarVariant ? /* @__PURE__ */ jsxs131(Fragment9, { children: [
-          /* @__PURE__ */ jsx139(
+        shouldUseOverflowScroll && isBarVariant ? /* @__PURE__ */ jsxs132(Fragment9, { children: [
+          /* @__PURE__ */ jsx140(
             "button",
             {
               type: "button",
@@ -10019,10 +10081,10 @@ var Tabs = ({
                   behavior: getScrollBehavior(enableAnimations)
                 });
               },
-              children: /* @__PURE__ */ jsx139(Icon, { name: "chevron-left", size: "small", color: "currentColor" })
+              children: /* @__PURE__ */ jsx140(Icon, { name: "chevron-left", size: "small", color: "currentColor" })
             }
           ),
-          /* @__PURE__ */ jsx139(
+          /* @__PURE__ */ jsx140(
             "button",
             {
               type: "button",
@@ -10044,7 +10106,7 @@ var Tabs = ({
                   behavior: getScrollBehavior(enableAnimations)
                 });
               },
-              children: /* @__PURE__ */ jsx139(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
+              children: /* @__PURE__ */ jsx140(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
             }
           )
         ] }) : null
@@ -10064,7 +10126,7 @@ import {
   useRef as useRef10,
   useState as useState11
 } from "react";
-import { jsx as jsx140, jsxs as jsxs132 } from "react/jsx-runtime";
+import { jsx as jsx141, jsxs as jsxs133 } from "react/jsx-runtime";
 var DEFAULT_DURATION_MS = 5e3;
 var EXIT_ANIMATION_MS = 350;
 var TONE_ACCENT_CLASS = {
@@ -10113,9 +10175,9 @@ function ToastProvider({
     },
     [defaultDurationMs]
   );
-  return /* @__PURE__ */ jsx140(ToastContext.Provider, { value: { toast, dismiss }, children: /* @__PURE__ */ jsxs132(RadixToast.Provider, { swipeDirection, swipeThreshold, children: [
+  return /* @__PURE__ */ jsx141(ToastContext.Provider, { value: { toast, dismiss }, children: /* @__PURE__ */ jsxs133(RadixToast.Provider, { swipeDirection, swipeThreshold, children: [
     children,
-    toasts.map((entry) => /* @__PURE__ */ jsx140(
+    toasts.map((entry) => /* @__PURE__ */ jsx141(
       ToastRow,
       {
         entry,
@@ -10125,7 +10187,7 @@ function ToastProvider({
       },
       entry.id
     )),
-    /* @__PURE__ */ jsx140(
+    /* @__PURE__ */ jsx141(
       RadixToast.Viewport,
       {
         className: cn(
@@ -10205,7 +10267,7 @@ function ToastRow({ entry, onOpenChange }) {
       clearCloseTimer();
     };
   }, [clearCloseTimer, clearDismissTimer, duration, startDismissTimer]);
-  return /* @__PURE__ */ jsxs132(
+  return /* @__PURE__ */ jsxs133(
     RadixToast.Root,
     {
       open: isOpen,
@@ -10226,7 +10288,7 @@ function ToastRow({ entry, onOpenChange }) {
         TONE_ACCENT_CLASS[entry.tone]
       ),
       children: [
-        /* @__PURE__ */ jsx140(
+        /* @__PURE__ */ jsx141(
           Icon,
           {
             name: TONE_ICON_NAME[entry.tone],
@@ -10234,25 +10296,25 @@ function ToastRow({ entry, onOpenChange }) {
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ jsxs132("div", { className: "min-w-0 flex-1", children: [
-          entry.title ? /* @__PURE__ */ jsx140(RadixToast.Title, { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-foreground", children: entry.title }) : null,
-          /* @__PURE__ */ jsx140(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__ */ jsx140("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__ */ jsxs133("div", { className: "min-w-0 flex-1", children: [
+          entry.title ? /* @__PURE__ */ jsx141(RadixToast.Title, { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-foreground", children: entry.title }) : null,
+          /* @__PURE__ */ jsx141(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__ */ jsx141("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__ */ jsx140(
+        /* @__PURE__ */ jsx141(
           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__ */ jsx140(Icon, { name: "close", className: "h-4! w-4!", "aria-hidden": "true" })
+            children: /* @__PURE__ */ jsx141(Icon, { name: "close", className: "h-4! w-4!", "aria-hidden": "true" })
           }
         ),
-        /* @__PURE__ */ jsx140(
+        /* @__PURE__ */ jsx141(
           "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__ */ jsx140(
+            children: /* @__PURE__ */ jsx141(
               "div",
               {
                 "data-testid": "agg-toast-progress",
@@ -10314,7 +10376,7 @@ var resolveTooltipArrowDimensions = (size) => {
 };
 
 // src/primitives/tooltip/index.tsx
-import { jsx as jsx141, jsxs as jsxs133 } from "react/jsx-runtime";
+import { jsx as jsx142, jsxs as jsxs134 } from "react/jsx-runtime";
 var Tooltip = ({
   content,
   children,
@@ -10332,22 +10394,22 @@ var Tooltip = ({
   } = useSdkUiConfig16();
   const trigger = useMemo8(() => {
     if (children) return children;
-    return /* @__PURE__ */ jsx141(
+    return /* @__PURE__ */ jsx142(
       "button",
       {
         type: "button",
         className: resolveTooltipTriggerClassName(classNames == null ? void 0 : classNames.trigger),
         "aria-label": ariaLabel != null ? ariaLabel : defaultTooltipTriggerAriaLabel,
-        children: /* @__PURE__ */ jsx141(Icon, { name: "info", size: "small", className: cn(classNames == null ? void 0 : classNames.icon), "aria-hidden": true })
+        children: /* @__PURE__ */ jsx142(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__ */ jsx141(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ jsxs133(TooltipPrimitive.Root, { children: [
-    /* @__PURE__ */ jsx141(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ jsx141(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs133(
+  return /* @__PURE__ */ jsx142(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ jsxs134(TooltipPrimitive.Root, { children: [
+    /* @__PURE__ */ jsx142(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsx142(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs134(
       TooltipPrimitive.Content,
       {
         side,
@@ -10371,7 +10433,7 @@ var Tooltip = ({
           classNames == null ? void 0 : classNames.content
         ),
         children: [
-          /* @__PURE__ */ jsx141(TooltipPrimitive.Arrow, { asChild: true, width: arrowWidth, height: arrowHeight, children: /* @__PURE__ */ jsxs133(
+          /* @__PURE__ */ jsx142(TooltipPrimitive.Arrow, { asChild: true, width: arrowWidth, height: arrowHeight, children: /* @__PURE__ */ jsxs134(
             "svg",
             {
               width: arrowWidth,
@@ -10380,8 +10442,8 @@ var Tooltip = ({
               "aria-hidden": "true",
               className: cn("overflow-visible", classNames == null ? void 0 : classNames.arrow),
               children: [
-                /* @__PURE__ */ jsx141("polygon", { points: arrowPoints, className: "fill-agg-secondary" }),
-                /* @__PURE__ */ jsx141(
+                /* @__PURE__ */ jsx142("polygon", { points: arrowPoints, className: "fill-agg-secondary" }),
+                /* @__PURE__ */ jsx142(
                   "path",
                   {
                     d: arrowBorderPath,