@agg-build/ui 4.0.0 → 4.4.0

package/dist/primitives.js

@@ -5281,10 +5281,10 @@ var Footer = ({
 Footer.displayName = "Footer";
 
 // src/primitives/header/index.tsx
-var import_hooks28 = require("@agg-build/hooks");
+var import_hooks29 = require("@agg-build/hooks");
 
 // src/primitives/search/index.tsx
-var import_hooks27 = require("@agg-build/hooks");
+var import_hooks28 = require("@agg-build/hooks");
 var import_react9 = require("react");
 
 // src/events/list/event-list.utils.ts
@@ -6043,10 +6043,10 @@ var Skeleton = ({
 Skeleton.displayName = "Skeleton";
 
 // src/primitives/venue-logo/index.tsx
-var import_hooks25 = require("@agg-build/hooks");
+var import_hooks26 = require("@agg-build/hooks");
 
 // src/primitives/venue-logo/venue-logo.constants.ts
-var import_sdk10 = require("@agg-build/sdk");
+var import_sdk11 = require("@agg-build/sdk");
 
 // src/primitives/venue-logo/logo-props.ts
 var DEFAULT_MONOCHROME_COLOR = "currentColor";
@@ -6287,11 +6287,11 @@ var LogoMyriadIcon = (_a) => {
 };
 LogoMyriadIcon.displayName = "LogoMyriadIcon";
 
-// src/primitives/venue-logo/svg/logo-opinion.tsx
+// src/primitives/venue-logo/svg/logo-novig.tsx
 var import_hooks21 = require("@agg-build/hooks");
 var import_sdk6 = require("@agg-build/sdk");
 var import_jsx_runtime118 = require("react/jsx-runtime");
-var LogoOpinionIcon = (_a) => {
+var LogoNovigIcon = (_a) => {
   var _b = _a, {
     title: title2,
     className,
@@ -6309,7 +6309,7 @@ var LogoOpinionIcon = (_a) => {
   } = (0, import_hooks21.useAggUiConfig)();
   const isDarkTheme = theme === "dark";
   const primaryColor = resolveLogoPrimaryColor({
-    brandColor: (_a2 = resolveVenueLineColor(import_sdk6.Venue.opinion, isDarkTheme)) != null ? _a2 : "#ec5e26",
+    brandColor: (_a2 = resolveVenueLineColor(import_sdk6.Venue.novig, isDarkTheme)) != null ? _a2 : "#179BE7",
     isColor,
     color
   });
@@ -6322,24 +6322,22 @@ var LogoOpinionIcon = (_a) => {
     }, getIconA11yProps(title2)), props), {
       children: [
         title2 ? /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("title", { children: title2 }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
-          "path",
-          {
-            d: "M51.8239 68.4603L56.9659 68.0094L58.8049 89.0576C61.1459 88.5314 63.4349 87.7952 65.6437 86.8578V68.1879H71.9955V83.4385C74.6496 81.6828 77.0863 79.619 79.2548 77.2898L80.0716 67.958L85.516 68.433C88.6185 62.4381 90.156 55.7558 89.9858 49.0072C89.8154 42.2584 87.9429 35.6623 84.542 29.8316L84.3394 32.1494L77.9876 31.5927L78.8042 22.2668C76.7468 20.1288 74.4594 18.225 71.9835 16.5902V31.9164H65.6317V13.1739C62.9224 12.0205 60.0929 11.173 57.1957 10.6473L59.0317 31.6441L53.8897 32.0949L51.9599 10.0482C51.3128 10.0179 50.6593 9.99976 50.006 9.99976C47.4581 9.99976 44.9161 10.2419 42.414 10.723L46.0438 31.3899L42.1297 32.0798L38.5304 11.6701C35.1755 12.6725 31.9677 14.1143 28.9905 15.9578L33.0435 31.0873L29.9705 31.9134L26.2018 17.8369C23.2938 19.9923 20.6902 22.5308 18.4615 25.3835L20.4246 30.7787L18.1833 31.5956L16.7707 27.7134C14.5111 31.0771 12.7772 34.7657 11.6287 38.652L12.2639 38.4221L20.4306 60.8471L18.1893 61.6641L10.8877 41.5963C9.21542 49.4012 9.91256 57.528 12.8896 64.9338C15.8667 72.3395 20.9879 78.6865 27.5961 83.1601L23.8031 68.9989L26.8762 68.1728L31.5162 85.4991C34.6952 87.1593 38.0844 88.3808 41.5914 89.1303L38.0132 68.7296L41.9301 68.0397L45.7684 89.8262C47.1811 89.9757 48.6007 90.0505 50.0212 90.0502C51.2583 90.0502 52.4863 89.9926 53.6963 89.8807L51.8239 68.4603ZM80.1017 37.8985L86.4385 38.4524L84.3605 62.2299L78.0087 61.6761L80.1017 37.8985ZM65.6528 38.1315H72.0046V61.9969H65.6528V38.1315ZM56.975 37.9501L59.053 61.7277L53.911 62.1785L51.8299 38.4009L56.975 37.9501ZM29.9976 62.003L23.8243 38.9486L26.8974 38.1255L33.0707 61.1649L29.9976 62.003ZM42.157 62.1603L38.0132 38.658L41.9301 37.9683L46.0709 61.4674L42.157 62.1603Z",
-            fill: primaryColor
-          }
-        )
+        /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("g", { stroke: primaryColor, strokeWidth: 19.3, strokeLinecap: "round", strokeLinejoin: "round", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("path", { d: "M33.6 34.7L64.2 65.4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("path", { d: "M64.2 34.7V65.4" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("circle", { cx: 32.2, cy: 65.5, r: 9.65, fill: primaryColor })
       ]
     })
   );
 };
-LogoOpinionIcon.displayName = "LogoOpinionIcon";
+LogoNovigIcon.displayName = "LogoNovigIcon";
 
-// src/primitives/venue-logo/svg/logo-polymarket.tsx
+// src/primitives/venue-logo/svg/logo-opinion.tsx
 var import_hooks22 = require("@agg-build/hooks");
 var import_sdk7 = require("@agg-build/sdk");
 var import_jsx_runtime119 = require("react/jsx-runtime");
-var LogoPolymarketIcon = (_a) => {
+var LogoOpinionIcon = (_a) => {
   var _b = _a, {
     title: title2,
     className,
@@ -6357,7 +6355,7 @@ var LogoPolymarketIcon = (_a) => {
   } = (0, import_hooks22.useAggUiConfig)();
   const isDarkTheme = theme === "dark";
   const primaryColor = resolveLogoPrimaryColor({
-    brandColor: (_a2 = resolveVenueLineColor(import_sdk7.Venue.polymarket, isDarkTheme)) != null ? _a2 : "#2E5CFF",
+    brandColor: (_a2 = resolveVenueLineColor(import_sdk7.Venue.opinion, isDarkTheme)) != null ? _a2 : "#ec5e26",
     isColor,
     color
   });
@@ -6373,7 +6371,7 @@ var LogoPolymarketIcon = (_a) => {
         /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
           "path",
           {
-            d: "M81.0904 84.2882C81.0904 87.9246 81.0904 89.7428 79.901 90.644C78.7119 91.5456 76.9613 91.0542 73.4603 90.0717L17.1975 74.2838C15.0881 73.6919 14.0332 73.3959 13.4233 72.5913C12.8135 71.7866 12.8135 70.6911 12.8135 68.5002V31.4998C12.8135 29.309 12.8135 28.2134 13.4233 27.4088C14.0332 26.6042 15.0881 26.3081 17.1975 25.7163L73.4603 9.92806C76.9613 8.94572 78.7119 8.45448 79.901 9.35587C81.0904 10.2573 81.0904 12.0755 81.0904 15.7119V84.2882ZM26.8451 69.1363L73.4308 82.2104V56.0637L26.8451 69.1363ZM20.4723 63.0711L67.0487 50L20.4723 36.929V63.0711ZM26.8446 30.8638L73.4308 43.9366V17.7896L26.8446 30.8638Z",
+            d: "M51.8239 68.4603L56.9659 68.0094L58.8049 89.0576C61.1459 88.5314 63.4349 87.7952 65.6437 86.8578V68.1879H71.9955V83.4385C74.6496 81.6828 77.0863 79.619 79.2548 77.2898L80.0716 67.958L85.516 68.433C88.6185 62.4381 90.156 55.7558 89.9858 49.0072C89.8154 42.2584 87.9429 35.6623 84.542 29.8316L84.3394 32.1494L77.9876 31.5927L78.8042 22.2668C76.7468 20.1288 74.4594 18.225 71.9835 16.5902V31.9164H65.6317V13.1739C62.9224 12.0205 60.0929 11.173 57.1957 10.6473L59.0317 31.6441L53.8897 32.0949L51.9599 10.0482C51.3128 10.0179 50.6593 9.99976 50.006 9.99976C47.4581 9.99976 44.9161 10.2419 42.414 10.723L46.0438 31.3899L42.1297 32.0798L38.5304 11.6701C35.1755 12.6725 31.9677 14.1143 28.9905 15.9578L33.0435 31.0873L29.9705 31.9134L26.2018 17.8369C23.2938 19.9923 20.6902 22.5308 18.4615 25.3835L20.4246 30.7787L18.1833 31.5956L16.7707 27.7134C14.5111 31.0771 12.7772 34.7657 11.6287 38.652L12.2639 38.4221L20.4306 60.8471L18.1893 61.6641L10.8877 41.5963C9.21542 49.4012 9.91256 57.528 12.8896 64.9338C15.8667 72.3395 20.9879 78.6865 27.5961 83.1601L23.8031 68.9989L26.8762 68.1728L31.5162 85.4991C34.6952 87.1593 38.0844 88.3808 41.5914 89.1303L38.0132 68.7296L41.9301 68.0397L45.7684 89.8262C47.1811 89.9757 48.6007 90.0505 50.0212 90.0502C51.2583 90.0502 52.4863 89.9926 53.6963 89.8807L51.8239 68.4603ZM80.1017 37.8985L86.4385 38.4524L84.3605 62.2299L78.0087 61.6761L80.1017 37.8985ZM65.6528 38.1315H72.0046V61.9969H65.6528V38.1315ZM56.975 37.9501L59.053 61.7277L53.911 62.1785L51.8299 38.4009L56.975 37.9501ZM29.9976 62.003L23.8243 38.9486L26.8974 38.1255L33.0707 61.1649L29.9976 62.003ZM42.157 62.1603L38.0132 38.658L41.9301 37.9683L46.0709 61.4674L42.157 62.1603Z",
             fill: primaryColor
           }
         )
@@ -6381,13 +6379,13 @@ var LogoPolymarketIcon = (_a) => {
     })
   );
 };
-LogoPolymarketIcon.displayName = "LogoPolymarketIcon";
+LogoOpinionIcon.displayName = "LogoOpinionIcon";
 
-// src/primitives/venue-logo/svg/logo-predict.tsx
+// src/primitives/venue-logo/svg/logo-polymarket.tsx
 var import_hooks23 = require("@agg-build/hooks");
 var import_sdk8 = require("@agg-build/sdk");
 var import_jsx_runtime120 = require("react/jsx-runtime");
-var LogoPredictIcon = (_a) => {
+var LogoPolymarketIcon = (_a) => {
   var _b = _a, {
     title: title2,
     className,
@@ -6405,7 +6403,7 @@ var LogoPredictIcon = (_a) => {
   } = (0, import_hooks23.useAggUiConfig)();
   const isDarkTheme = theme === "dark";
   const primaryColor = resolveLogoPrimaryColor({
-    brandColor: (_a2 = resolveVenueLineColor(import_sdk8.Venue.predict, isDarkTheme)) != null ? _a2 : "#705bf6",
+    brandColor: (_a2 = resolveVenueLineColor(import_sdk8.Venue.polymarket, isDarkTheme)) != null ? _a2 : "#2E5CFF",
     isColor,
     color
   });
@@ -6421,9 +6419,7 @@ var LogoPredictIcon = (_a) => {
         /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
           "path",
           {
-            fillRule: "evenodd",
-            clipRule: "evenodd",
-            d: "M75.2979 28.7579C76.4297 31.8263 77.0757 35.3709 77.0757 39.3906C77.0757 55.8415 65.8789 66.072 51.536 66.072C50.6567 66.072 49.836 65.9154 49.1715 65.7591C46.0451 65.485 45.0681 66.2871 45.0681 67.9695V69.3583C45.0681 71.4905 45.3809 72.3708 47.9602 73.5443C53.7443 76.322 51.8488 85.0855 44.6187 85.6919C39.6945 86.1027 33.7346 86.1027 28.6345 85.6919C21.893 85.144 19.6458 77.3979 24.9218 74.0138C27.4621 72.5077 28.4 70.4537 28.4195 66.0329C28.4977 53.5527 28.4977 50.6969 28.4782 39.9186C28.4586 33.9134 27.677 32.5246 24.2183 29.121C21.0527 25.9716 22.0884 21.2377 26.4069 18.7926C29.1621 17.2278 31.6633 16.054 34.6725 14.8608C37.5255 13.6871 39.8117 13.8437 41.414 14.9196C43.4267 16.1909 45.5177 16.3669 47.9992 15.4085C50.1486 14.5088 52.3569 14 54.7407 14C62.1263 14 69.7167 17.8763 73.871 25.5865C74.1788 26.1427 74.8952 27.5557 75.2979 28.7579ZM45.0681 45.9632C45.0681 50.599 47.667 53.4158 52.0246 53.4158C57.1639 53.4158 59.4696 49.6602 59.4696 41.7967C59.4696 32.7984 56.5971 28.006 51.536 28.006C47.5106 28.006 45.0681 31.077 45.0681 36.1825V45.9632Z",
+            d: "M81.0904 84.2882C81.0904 87.9246 81.0904 89.7428 79.901 90.644C78.7119 91.5456 76.9613 91.0542 73.4603 90.0717L17.1975 74.2838C15.0881 73.6919 14.0332 73.3959 13.4233 72.5913C12.8135 71.7866 12.8135 70.6911 12.8135 68.5002V31.4998C12.8135 29.309 12.8135 28.2134 13.4233 27.4088C14.0332 26.6042 15.0881 26.3081 17.1975 25.7163L73.4603 9.92806C76.9613 8.94572 78.7119 8.45448 79.901 9.35587C81.0904 10.2573 81.0904 12.0755 81.0904 15.7119V84.2882ZM26.8451 69.1363L73.4308 82.2104V56.0637L26.8451 69.1363ZM20.4723 63.0711L67.0487 50L20.4723 36.929V63.0711ZM26.8446 30.8638L73.4308 43.9366V17.7896L26.8446 30.8638Z",
             fill: primaryColor
           }
         )
@@ -6431,13 +6427,13 @@ var LogoPredictIcon = (_a) => {
     })
   );
 };
-LogoPredictIcon.displayName = "LogoPredictIcon";
+LogoPolymarketIcon.displayName = "LogoPolymarketIcon";
 
-// src/primitives/venue-logo/svg/logo-probable.tsx
+// src/primitives/venue-logo/svg/logo-predict.tsx
 var import_hooks24 = require("@agg-build/hooks");
 var import_sdk9 = require("@agg-build/sdk");
 var import_jsx_runtime121 = require("react/jsx-runtime");
-var LogoProbableIcon = (_a) => {
+var LogoPredictIcon = (_a) => {
   var _b = _a, {
     title: title2,
     className,
@@ -6455,7 +6451,7 @@ var LogoProbableIcon = (_a) => {
   } = (0, import_hooks24.useAggUiConfig)();
   const isDarkTheme = theme === "dark";
   const primaryColor = resolveLogoPrimaryColor({
-    brandColor: (_a2 = resolveVenueLineColor(import_sdk9.Venue.probable, isDarkTheme)) != null ? _a2 : "#EC4899",
+    brandColor: (_a2 = resolveVenueLineColor(import_sdk9.Venue.predict, isDarkTheme)) != null ? _a2 : "#705bf6",
     isColor,
     color
   });
@@ -6469,14 +6465,64 @@ var LogoProbableIcon = (_a) => {
       children: [
         title2 ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("title", { children: title2 }) : null,
         /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M75.2979 28.7579C76.4297 31.8263 77.0757 35.3709 77.0757 39.3906C77.0757 55.8415 65.8789 66.072 51.536 66.072C50.6567 66.072 49.836 65.9154 49.1715 65.7591C46.0451 65.485 45.0681 66.2871 45.0681 67.9695V69.3583C45.0681 71.4905 45.3809 72.3708 47.9602 73.5443C53.7443 76.322 51.8488 85.0855 44.6187 85.6919C39.6945 86.1027 33.7346 86.1027 28.6345 85.6919C21.893 85.144 19.6458 77.3979 24.9218 74.0138C27.4621 72.5077 28.4 70.4537 28.4195 66.0329C28.4977 53.5527 28.4977 50.6969 28.4782 39.9186C28.4586 33.9134 27.677 32.5246 24.2183 29.121C21.0527 25.9716 22.0884 21.2377 26.4069 18.7926C29.1621 17.2278 31.6633 16.054 34.6725 14.8608C37.5255 13.6871 39.8117 13.8437 41.414 14.9196C43.4267 16.1909 45.5177 16.3669 47.9992 15.4085C50.1486 14.5088 52.3569 14 54.7407 14C62.1263 14 69.7167 17.8763 73.871 25.5865C74.1788 26.1427 74.8952 27.5557 75.2979 28.7579ZM45.0681 45.9632C45.0681 50.599 47.667 53.4158 52.0246 53.4158C57.1639 53.4158 59.4696 49.6602 59.4696 41.7967C59.4696 32.7984 56.5971 28.006 51.536 28.006C47.5106 28.006 45.0681 31.077 45.0681 36.1825V45.9632Z",
+            fill: primaryColor
+          }
+        )
+      ]
+    })
+  );
+};
+LogoPredictIcon.displayName = "LogoPredictIcon";
+
+// src/primitives/venue-logo/svg/logo-probable.tsx
+var import_hooks25 = require("@agg-build/hooks");
+var import_sdk10 = require("@agg-build/sdk");
+var import_jsx_runtime122 = require("react/jsx-runtime");
+var LogoProbableIcon = (_a) => {
+  var _b = _a, {
+    title: title2,
+    className,
+    isColor = true,
+    color
+  } = _b, props = __objRest(_b, [
+    "title",
+    "className",
+    "isColor",
+    "color"
+  ]);
+  var _a2;
+  const {
+    general: { theme }
+  } = (0, import_hooks25.useAggUiConfig)();
+  const isDarkTheme = theme === "dark";
+  const primaryColor = resolveLogoPrimaryColor({
+    brandColor: (_a2 = resolveVenueLineColor(import_sdk10.Venue.probable, isDarkTheme)) != null ? _a2 : "#EC4899",
+    isColor,
+    color
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 100 100",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title2)), props), {
+      children: [
+        title2 ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("title", { children: title2 }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
           "path",
           {
             d: "M75.625 59.3489C75.6247 53.7323 71.0719 49.1792 65.4551 49.179H33.9209C28.3039 49.179 23.7503 53.7321 23.75 59.3489C23.75 64.9659 28.3038 69.5198 33.9209 69.5198H65.4551C71.0719 69.5195 75.625 64.9658 75.625 59.3489ZM90.625 59.3489C90.625 73.2501 79.3562 84.5195 65.4551 84.5198H33.9209C20.0196 84.5198 8.75 73.2502 8.75 59.3489C8.75026 45.4477 20.0198 34.179 33.9209 34.179H65.4551C79.3559 34.1792 90.6247 45.4478 90.625 59.3489Z",
             fill: primaryColor
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("path", { d: "M90.9329 15.4546V30.4546H8.90234V15.4546H90.9329Z", fill: primaryColor }),
-        /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("path", { d: "M90.9329 15.4546V30.4546H8.90234V15.4546H90.9329Z", fill: primaryColor }),
+        /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
           "path",
           {
             d: "M64.5742 51.3496C68.9894 51.3496 72.5742 54.9344 72.5742 59.3496C72.5742 63.7648 68.9894 67.3496 64.5742 67.3496C60.159 67.3496 56.5742 63.7648 56.5742 59.3496C56.5742 54.9344 60.159 51.3496 64.5742 51.3496Z",
@@ -6491,38 +6537,41 @@ LogoProbableIcon.displayName = "LogoProbableIcon";
 
 // src/primitives/venue-logo/venue-logo.constants.ts
 var venueLogoRegistry = {
-  [import_sdk10.Venue.kalshi]: LogoKalshiIcon,
-  [import_sdk10.Venue.limitless]: LogoLimitlessIcon,
-  [import_sdk10.Venue.opinion]: LogoOpinionIcon,
-  [import_sdk10.Venue.polymarket]: LogoPolymarketIcon,
-  [import_sdk10.Venue.predict]: LogoPredictIcon,
-  [import_sdk10.Venue.probable]: LogoProbableIcon,
-  [import_sdk10.Venue.myriad]: LogoMyriadIcon,
-  [import_sdk10.Venue.hyperliquid]: LogoHyperliquidIcon
+  [import_sdk11.Venue.kalshi]: LogoKalshiIcon,
+  [import_sdk11.Venue.limitless]: LogoLimitlessIcon,
+  [import_sdk11.Venue.opinion]: LogoOpinionIcon,
+  [import_sdk11.Venue.polymarket]: LogoPolymarketIcon,
+  [import_sdk11.Venue.predict]: LogoPredictIcon,
+  [import_sdk11.Venue.probable]: LogoProbableIcon,
+  [import_sdk11.Venue.myriad]: LogoMyriadIcon,
+  [import_sdk11.Venue.hyperliquid]: LogoHyperliquidIcon,
+  [import_sdk11.Venue.novig]: LogoNovigIcon
 };
 var VENUE_LOGO_BASE_URL = "https://assets.snagsolutions.io/public/prediction-markets/logos";
+var DEFAULT_VENUE_LOGO_URL = `${VENUE_LOGO_BASE_URL}/default.png`;
 var venueLogoUrlRegistry = {
-  [import_sdk10.Venue.kalshi]: `${VENUE_LOGO_BASE_URL}/kalshi.png`,
-  [import_sdk10.Venue.limitless]: `${VENUE_LOGO_BASE_URL}/limitless.png`,
-  [import_sdk10.Venue.opinion]: `${VENUE_LOGO_BASE_URL}/opinion.png`,
-  [import_sdk10.Venue.polymarket]: `${VENUE_LOGO_BASE_URL}/polymarket.png`,
-  [import_sdk10.Venue.predict]: `${VENUE_LOGO_BASE_URL}/predict.png`,
-  [import_sdk10.Venue.probable]: `${VENUE_LOGO_BASE_URL}/probable.png`,
-  [import_sdk10.Venue.myriad]: `${VENUE_LOGO_BASE_URL}/myriad.png`,
-  [import_sdk10.Venue.hyperliquid]: `${VENUE_LOGO_BASE_URL}/hyperliquid.png`
+  [import_sdk11.Venue.kalshi]: `${VENUE_LOGO_BASE_URL}/kalshi.png`,
+  [import_sdk11.Venue.limitless]: `${VENUE_LOGO_BASE_URL}/limitless.png`,
+  [import_sdk11.Venue.opinion]: `${VENUE_LOGO_BASE_URL}/opinion.png`,
+  [import_sdk11.Venue.polymarket]: `${VENUE_LOGO_BASE_URL}/polymarket.png`,
+  [import_sdk11.Venue.predict]: `${VENUE_LOGO_BASE_URL}/predict.png`,
+  [import_sdk11.Venue.probable]: `${VENUE_LOGO_BASE_URL}/probable.png`,
+  [import_sdk11.Venue.myriad]: `${VENUE_LOGO_BASE_URL}/myriad.png`,
+  [import_sdk11.Venue.hyperliquid]: `${VENUE_LOGO_BASE_URL}/hyperliquid.png`,
+  [import_sdk11.Venue.novig]: `${VENUE_LOGO_BASE_URL}/novig.png`
 };
 var venueLogoLabels = {
-  [import_sdk10.Venue.kalshi]: "Kalshi",
-  [import_sdk10.Venue.limitless]: "Limitless",
-  [import_sdk10.Venue.opinion]: "Opinion",
-  [import_sdk10.Venue.polymarket]: "Polymarket",
-  [import_sdk10.Venue.predict]: "Predict",
-  [import_sdk10.Venue.probable]: "Probable",
-  [import_sdk10.Venue.myriad]: "Myriad",
-  [import_sdk10.Venue.hyperliquid]: "Hyperliquid"
+  [import_sdk11.Venue.kalshi]: "Kalshi",
+  [import_sdk11.Venue.limitless]: "Limitless",
+  [import_sdk11.Venue.opinion]: "Opinion",
+  [import_sdk11.Venue.polymarket]: "Polymarket",
+  [import_sdk11.Venue.predict]: "Predict",
+  [import_sdk11.Venue.probable]: "Probable",
+  [import_sdk11.Venue.myriad]: "Myriad",
+  [import_sdk11.Venue.hyperliquid]: "Hyperliquid",
+  [import_sdk11.Venue.novig]: "Novig"
 };
 var DEFAULT_VENUE_LABEL = "Market";
-var DEFAULT_VENUE_LOGO_URL = `${VENUE_LOGO_BASE_URL}/default.png`;
 var venueLogoNames = Object.keys(venueLogoRegistry);
 var sizeClasses2 = {
   small: "h-4 w-4",
@@ -6531,24 +6580,29 @@ var sizeClasses2 = {
 };
 var lineColorByVenue = {
   light: {
-    [import_sdk10.Venue.kalshi]: "#00D295",
-    [import_sdk10.Venue.limitless]: "#C4FF00",
-    [import_sdk10.Venue.opinion]: "#000000",
-    [import_sdk10.Venue.polymarket]: "#2E5CFF",
-    [import_sdk10.Venue.predict]: "#6D57F8",
-    [import_sdk10.Venue.probable]: "#F05923",
-    [import_sdk10.Venue.myriad]: "#000000",
-    [import_sdk10.Venue.hyperliquid]: "#97FCE4"
+    [import_sdk11.Venue.kalshi]: "#00D295",
+    [import_sdk11.Venue.limitless]: "#C4FF00",
+    [import_sdk11.Venue.opinion]: "#000000",
+    [import_sdk11.Venue.polymarket]: "#2E5CFF",
+    [import_sdk11.Venue.predict]: "#6D57F8",
+    [import_sdk11.Venue.probable]: "#F05923",
+    [import_sdk11.Venue.myriad]: "#000000",
+    [import_sdk11.Venue.hyperliquid]: "#97FCE4",
+    // Novig's own `<meta name="theme-color">`. Their logomark is monochrome
+    // (cream on #050505, like Opinion/Myriad), but unlike those two this blue
+    // reads on both themes, so it does not need the light/dark flip they use.
+    [import_sdk11.Venue.novig]: "#179BE7"
   },
   dark: {
-    [import_sdk10.Venue.kalshi]: "#00D295",
-    [import_sdk10.Venue.limitless]: "#C4FF00",
-    [import_sdk10.Venue.opinion]: "#FFFFFF",
-    [import_sdk10.Venue.polymarket]: "#2E5CFF",
-    [import_sdk10.Venue.predict]: "#6D57F8",
-    [import_sdk10.Venue.probable]: "#F05923",
-    [import_sdk10.Venue.myriad]: "#FFFFFF",
-    [import_sdk10.Venue.hyperliquid]: "#97FCE4"
+    [import_sdk11.Venue.kalshi]: "#00D295",
+    [import_sdk11.Venue.limitless]: "#C4FF00",
+    [import_sdk11.Venue.opinion]: "#FFFFFF",
+    [import_sdk11.Venue.polymarket]: "#2E5CFF",
+    [import_sdk11.Venue.predict]: "#6D57F8",
+    [import_sdk11.Venue.probable]: "#F05923",
+    [import_sdk11.Venue.myriad]: "#FFFFFF",
+    [import_sdk11.Venue.hyperliquid]: "#97FCE4",
+    [import_sdk11.Venue.novig]: "#179BE7"
   }
 };
 var resolveVenueLineColor = (venue, isDarkTheme) => {
@@ -6574,7 +6628,7 @@ var resolveVenueLogoIsColor = ({
 };
 
 // src/primitives/venue-logo/index.tsx
-var import_jsx_runtime122 = require("react/jsx-runtime");
+var import_jsx_runtime123 = require("react/jsx-runtime");
 var VenueLogo = ({
   venue,
   variant = "icon",
@@ -6587,7 +6641,7 @@ var VenueLogo = ({
   title: title2
 }) => {
   var _a, _b;
-  const labels = (0, import_hooks25.useLabels)();
+  const labels = (0, import_hooks26.useLabels)();
   const sizeClass = sizeClasses2[size];
   const resolvedLabel = resolveVenueLogoLabel({
     ariaLabel,
@@ -6600,7 +6654,7 @@ var VenueLogo = ({
     console.warn(`[AggUI] Unknown venue "${venue}" \u2014 using default logo`);
   }
   if (variant === "logo") {
-    return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
       RemoteImage,
       {
         src: (_a = venueLogoUrlRegistry[venue]) != null ? _a : DEFAULT_VENUE_LOGO_URL,
@@ -6615,7 +6669,7 @@ var VenueLogo = ({
     isColor,
     isMonochromatic
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
     Component2,
     {
       className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
@@ -6634,7 +6688,7 @@ var MIN_SEARCH_LENGTH = 3;
 var SEARCH_DEBOUNCE_MS = 300;
 
 // src/primitives/search/search.utils.ts
-var import_sdk11 = require("@agg-build/sdk");
+var import_sdk12 = require("@agg-build/sdk");
 var import_dayjs3 = __toESM(require("dayjs"));
 
 // src/events/shared/format-sports-event-time.ts
@@ -6655,6 +6709,14 @@ var formatSportsEventTimeEt = (value) => {
 
 // src/events/shared/format-event-title.ts
 var SPORT_CATEGORY_TOKENS = /* @__PURE__ */ new Set(["sport", "sports"]);
+var RECURRING_CRYPTO_TIMESTAMP_SUFFIX = /\s+-\s+(?:jan(?:uary)?|feb(?:ruary)?|mar(?:ch)?|apr(?:il)?|may|jun(?:e)?|jul(?:y)?|aug(?:ust)?|sep(?:t(?:ember)?)?|oct(?:ober)?|nov(?:ember)?|dec(?:ember)?)\b.*$/i;
+var RECURRING_CRYPTO_DURATION_SUFFIX = /\s+-\s+(?:5m(?:in)?|15m(?:in)?|1h|1d)$/i;
+var RECURRING_CRYPTO_DURATION_LABELS = {
+  PT5M: "5min",
+  PT15M: "15min",
+  PT1H: "1h",
+  P1D: "1d"
+};
 var normalizeCategoryToken = (value) => {
   if (typeof value !== "string") return null;
   const normalizedValue = value.trim().toLowerCase();
@@ -6723,9 +6785,21 @@ var resolveEventHeading = ({
   structureType,
   gameStartTime,
   endDate,
-  venueMarkets
+  venueMarkets,
+  recurringCryptoWindowStart,
+  recurringCryptoDuration
 }) => {
   const resolvedTitle = title2.trim();
+  if (recurringCryptoWindowStart !== void 0) {
+    const windowStartDate = recurringCryptoWindowStart == null ? null : new Date(recurringCryptoWindowStart);
+    const timestampLabel = windowStartDate && !Number.isNaN(windowStartDate.getTime()) ? formatSportsEventTimeEt(windowStartDate.toISOString()) : null;
+    const titleWithoutTimestamp = resolvedTitle.replace(RECURRING_CRYPTO_TIMESTAMP_SUFFIX, "").replace(RECURRING_CRYPTO_DURATION_SUFFIX, "").trim();
+    const durationLabel = recurringCryptoDuration ? RECURRING_CRYPTO_DURATION_LABELS[recurringCryptoDuration] : null;
+    return {
+      title: durationLabel ? `${titleWithoutTimestamp} - ${durationLabel}` : titleWithoutTimestamp,
+      timestampLabel
+    };
+  }
   return {
     title: resolvedTitle,
     timestampLabel: resolveEventTimestampLabel({
@@ -6740,7 +6814,7 @@ var resolveEventHeading = ({
 };
 
 // src/events/item/event-list-item.utils.ts
-var import_hooks26 = require("@agg-build/hooks");
+var import_hooks27 = require("@agg-build/hooks");
 
 // src/events/shared/venue-market-cluster.ts
 var toNonEmptyString = (value) => {
@@ -7018,7 +7092,7 @@ var formatSearchContextLabel = (value) => {
   if (!(0, import_dayjs3.default)(value).isValid()) return value;
   return (0, import_dayjs3.default)(value).format("MMMM D, YYYY");
 };
-var venueLogoNameSet = new Set(import_sdk11.VENUES);
+var venueLogoNameSet = new Set(import_sdk12.VENUES);
 var toVenueLogoName = (value) => {
   if (typeof value !== "string") return null;
   if (!venueLogoNameSet.has(value)) return null;
@@ -7071,7 +7145,7 @@ var mapVenueEventToSearchResult = (event, labels, formatPercent, formatCompactCu
 };
 
 // src/primitives/search/index.tsx
-var import_jsx_runtime123 = require("react/jsx-runtime");
+var import_jsx_runtime124 = require("react/jsx-runtime");
 var SearchResultRow = ({
   item,
   resultAria,
@@ -7085,7 +7159,7 @@ var SearchResultRow = ({
   const handleResultPointerDown = (event) => {
     event.preventDefault();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
     "button",
     {
       type: "button",
@@ -7103,8 +7177,8 @@ var SearchResultRow = ({
       onClick: handleResultClick,
       "aria-label": resultAria(item.title),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "agg-search-result-content flex min-w-0 flex-1 items-center gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "agg-search-result-content flex min-w-0 flex-1 items-center gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
             RemoteImage,
             {
               src: item.thumbnailSrc,
@@ -7116,8 +7190,8 @@ var SearchResultRow = ({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
               "p",
               {
                 className: cn(
@@ -7128,8 +7202,8 @@ var SearchResultRow = ({
                 children: item.title
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "agg-search-result-context flex min-w-0 items-center gap-2 text-agg-muted-foreground", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "agg-search-result-context flex min-w-0 items-center gap-2 text-agg-muted-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                 "p",
                 {
                   className: cn(
@@ -7139,7 +7213,7 @@ var SearchResultRow = ({
                   children: item.marketSummaryLabel
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "flex items-center gap-1", "aria-hidden": true, children: item.visibleVenues.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: "flex items-center gap-1", "aria-hidden": true, children: item.visibleVenues.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                 VenueLogo,
                 {
                   venue,
@@ -7149,9 +7223,9 @@ var SearchResultRow = ({
                 },
                 `${item.id}-${venue}`
               )) }),
-              item.volumeLabel ? /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_jsx_runtime123.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "text-agg-muted-foreground", "aria-hidden": true, children: "\xB7" }),
-                /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+              item.volumeLabel ? /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(import_jsx_runtime124.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "text-agg-muted-foreground", "aria-hidden": true, children: "\xB7" }),
+                /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                   "p",
                   {
                     className: cn(
@@ -7165,7 +7239,7 @@ var SearchResultRow = ({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
           "div",
           {
             className: cn(
@@ -7173,9 +7247,9 @@ var SearchResultRow = ({
               classNames == null ? void 0 : classNames.resultMeta
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(VenueLogo, { venue: item.venue, size: "small" }),
-              /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex min-w-0 flex-1 items-baseline gap-2", children: [
-                item.isValueLoading ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(VenueLogo, { venue: item.venue, size: "small" }),
+              /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex min-w-0 flex-1 items-baseline gap-2", children: [
+                item.isValueLoading ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                   "span",
                   {
                     "aria-hidden": "true",
@@ -7184,7 +7258,7 @@ var SearchResultRow = ({
                       "h-5 w-12 shrink-0 rounded-agg-sm bg-agg-separator animate-pulse"
                     )
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+                ) : /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                   "p",
                   {
                     className: cn(
@@ -7195,7 +7269,7 @@ var SearchResultRow = ({
                     children: item.valueLabel
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                   "p",
                   {
                     className: cn(
@@ -7209,7 +7283,7 @@ var SearchResultRow = ({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
           Icon,
           {
             name: "chevron-right",
@@ -7232,7 +7306,7 @@ var SearchSeeAllResultsButton = ({
   const handlePointerDown = (event) => {
     event.preventDefault();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
     "button",
     {
       type: "button",
@@ -7246,8 +7320,8 @@ var SearchSeeAllResultsButton = ({
       onPointerDown: handlePointerDown,
       onClick,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { children: label2 }),
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Icon, { name: "chevron-right", size: "small", className: "size-[14px] text-agg-primary" })
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { children: label2 }),
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Icon, { name: "chevron-right", size: "small", className: "size-[14px] text-agg-primary" })
       ]
     }
   );
@@ -7260,12 +7334,12 @@ var Search = ({
   onSelectEvent,
   onSeeAllEvents
 }) => {
-  const labels = (0, import_hooks27.useLabels)();
+  const labels = (0, import_hooks28.useLabels)();
   const {
     search: searchConfig,
     features: { enableAnimations },
     formatting: { formatCompactCurrency, formatPercent }
-  } = (0, import_hooks27.useSdkUiConfig)();
+  } = (0, import_hooks28.useSdkUiConfig)();
   const resolvedValue = searchConfig.value;
   const trimmedValue = resolvedValue.trim();
   const [debouncedSearchValue, setDebouncedSearchValue] = (0, import_react9.useState)(() => {
@@ -7286,7 +7360,7 @@ var Search = ({
       window.clearTimeout(timeoutId);
     };
   }, [shouldSearchValue, trimmedValue]);
-  const { data: searchResults, isLoading } = (0, import_hooks27.useSearch)({
+  const { data: searchResults, isLoading } = (0, import_hooks28.useSearch)({
     q: shouldFetchResults ? debouncedSearchValue : "",
     type: "events",
     categoryIds,
@@ -7295,7 +7369,7 @@ var Search = ({
     // filterOpenEvents below then empties — rendering "no results" for
     // markets that exist. filterOpenEvents stays as the residual guard for
     // events with no open child markets, which the server doesn't check.
-    status: [import_hooks27.MarketStatus.open],
+    status: [import_hooks28.MarketStatus.open],
     limit: limit != null ? limit : DEFAULT_SEARCH_LIMIT,
     enabled: shouldFetchResults
   });
@@ -7310,8 +7384,8 @@ var Search = ({
     }),
     [openEvents]
   );
-  const livePrices = (0, import_hooks27.useLiveOutcomePrices)(visibleVenueMarkets);
-  const midpointResult = (0, import_hooks27.useMidpoints)(visibleVenueMarkets);
+  const livePrices = (0, import_hooks28.useLiveOutcomePrices)(visibleVenueMarkets);
+  const midpointResult = (0, import_hooks28.useMidpoints)(visibleVenueMarkets);
   const searchDisplayPrices = (0, import_react9.useMemo)(() => {
     if (!midpointResult.bestMidpointsByOutcomeId.size) return livePrices;
     if (!livePrices.size) return midpointResult.bestMidpointsByOutcomeId;
@@ -7416,14 +7490,14 @@ var Search = ({
     event.preventDefault();
     handleSeeAllResults();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
     "div",
     {
       className: cn("group/agg-search", "relative flex w-full flex-col", classNames == null ? void 0 : classNames.root),
       onFocusCapture: handleFocusWithin,
       onBlurCapture: handleBlurWithin,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("label", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("label", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
           "div",
           {
             className: cn(
@@ -7439,7 +7513,7 @@ var Search = ({
             ),
             onClick: handleFocusWithin,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                 Icon,
                 {
                   name: "search",
@@ -7447,7 +7521,7 @@ var Search = ({
                   className: cn("text-agg-muted-foreground", classNames == null ? void 0 : classNames.searchIcon)
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                 "input",
                 __spreadProps(__spreadValues({}, inputProps), {
                   ref: inputRef,
@@ -7468,11 +7542,11 @@ var Search = ({
                   )
                 })
               ),
-              shouldRenderShortcut ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "agg-search-shortcut hidden md:flex size-6 shrink-0 items-center justify-center rounded-[4px] bg-agg-secondary-hover", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-muted-foreground", children: "/" }) }) : null
+              shouldRenderShortcut ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: "agg-search-shortcut hidden md:flex size-6 shrink-0 items-center justify-center rounded-[4px] bg-agg-secondary-hover", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-muted-foreground", children: "/" }) }) : null
             ]
           }
         ) }),
-        shouldRenderLoadingState ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+        shouldRenderLoadingState ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
           "div",
           {
             className: cn(
@@ -7482,10 +7556,10 @@ var Search = ({
               "mt-1",
               classNames == null ? void 0 : classNames.emptyState
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Skeleton, { view: "search" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Skeleton, { view: "search" })
           }
         ) : null,
-        shouldRenderResults ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+        shouldRenderResults ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
           "div",
           {
             className: cn(
@@ -7495,7 +7569,7 @@ var Search = ({
               "mt-1 w-full overflow-hidden rounded-agg-xl border border-agg-separator bg-agg-secondary pt-2 shadow-[0px_8px_16px_0px_rgba(0,0,0,0.1)]",
               classNames == null ? void 0 : classNames.dropdown
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
               "ul",
               {
                 className: cn(
@@ -7505,7 +7579,7 @@ var Search = ({
                 role: "listbox",
                 "aria-label": labels.search.resultsAria,
                 children: [
-                  validatedResults.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+                  validatedResults.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                     "li",
                     {
                       role: "presentation",
@@ -7514,7 +7588,7 @@ var Search = ({
                         index > 0 && "border-t border-agg-separator",
                         classNames == null ? void 0 : classNames.resultItem
                       ),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                         SearchResultRow,
                         {
                           item,
@@ -7526,12 +7600,12 @@ var Search = ({
                     },
                     item.id
                   )),
-                  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                     "li",
                     {
                       role: "presentation",
                       className: "agg-search-result-item border-t border-agg-separator",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                         SearchSeeAllResultsButton,
                         {
                           label: labels.search.seeAllResults,
@@ -7545,7 +7619,7 @@ var Search = ({
             )
           }
         ) : null,
-        shouldRenderNoResults ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+        shouldRenderNoResults ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
           "div",
           {
             className: cn(
@@ -7555,7 +7629,7 @@ var Search = ({
               "mt-1 w-full overflow-hidden rounded-agg-xl border border-agg-separator bg-agg-secondary py-10 shadow-[0px_8px_16px_0px_rgba(0,0,0,0.1)]",
               classNames == null ? void 0 : classNames.emptyState
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
               "div",
               {
                 className: cn(
@@ -7565,15 +7639,15 @@ var Search = ({
                 role: "status",
                 "aria-live": "polite",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                     SearchEmptyIcon,
                     {
                       className: cn("h-10 w-10 text-agg-muted-foreground", classNames == null ? void 0 : classNames.emptyStateIcon),
                       "aria-hidden": true
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex flex-col items-center gap-1 text-center", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-col items-center gap-1 text-center", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                       "p",
                       {
                         className: cn(
@@ -7584,7 +7658,7 @@ var Search = ({
                         children: labels.search.noResultsTitle
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                       "p",
                       {
                         className: cn(
@@ -7634,7 +7708,7 @@ var resolveHeaderSearchContent = ({
 };
 
 // src/primitives/header/index.tsx
-var import_jsx_runtime124 = require("react/jsx-runtime");
+var import_jsx_runtime125 = require("react/jsx-runtime");
 var Header = ({
   logo,
   logoHref,
@@ -7646,8 +7720,8 @@ var Header = ({
   sticky = true,
   "aria-label": ariaLabel
 }) => {
-  const labels = (0, import_hooks28.useLabels)();
-  const logoContent = isHeaderLogoProps(logo) ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+  const labels = (0, import_hooks29.useLabels)();
+  const logoContent = isHeaderLogoProps(logo) ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
     "img",
     {
       src: logo.src,
@@ -7656,14 +7730,14 @@ var Header = ({
       height: logo.height,
       className: cn("block max-h-full", classNames == null ? void 0 : classNames.logoElement)
     }
-  ) : logo !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: classNames == null ? void 0 : classNames.logoElement, children: logo }) : /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+  ) : logo !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: classNames == null ? void 0 : classNames.logoElement, children: logo }) : /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
     AggLogo,
     {
       className: cn("h-6 w-auto text-agg-foreground", classNames == null ? void 0 : classNames.logoElement),
       title: labels.header.logoAria
     }
   );
-  const wrappedLogo = logoHref ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+  const wrappedLogo = logoHref ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
     "a",
     {
       href: logoHref,
@@ -7672,7 +7746,7 @@ var Header = ({
       onClick: onLogoClick,
       children: logoContent
     }
-  ) : onLogoClick ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+  ) : onLogoClick ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
     "button",
     {
       type: "button",
@@ -7684,13 +7758,13 @@ var Header = ({
       onClick: onLogoClick,
       children: logoContent
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: classNames == null ? void 0 : classNames.logoWrapper, children: logoContent });
+  ) : /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: classNames == null ? void 0 : classNames.logoWrapper, children: logoContent });
   const searchContent = resolveHeaderSearchContent({
     search,
     searchProps,
-    renderSearch: (nextSearchProps) => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Search, __spreadValues({}, nextSearchProps))
+    renderSearch: (nextSearchProps) => /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Search, __spreadValues({}, nextSearchProps))
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_jsx_runtime124.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_jsx_runtime125.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
     "header",
     {
       role: "banner",
@@ -7699,7 +7773,7 @@ var Header = ({
         fallbackLabel: labels.header.bannerAria
       }),
       className: cn(baseHeaderClasses, sticky && stickyHeaderClasses, classNames == null ? void 0 : classNames.root),
-      children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
         "div",
         {
           className: cn(
@@ -7707,7 +7781,7 @@ var Header = ({
             classNames == null ? void 0 : classNames.inner
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
               "div",
               {
                 className: cn(
@@ -7717,7 +7791,7 @@ var Header = ({
                 children: wrappedLogo
               }
             ),
-            searchContent ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+            searchContent ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
               "div",
               {
                 className: cn(
@@ -7728,7 +7802,7 @@ var Header = ({
                 children: searchContent
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
               "div",
               {
                 className: cn(
@@ -7791,7 +7865,7 @@ var resolveInlineAlertHasAction = ({
 };
 
 // src/primitives/inline-alert/index.tsx
-var import_jsx_runtime125 = require("react/jsx-runtime");
+var import_jsx_runtime126 = require("react/jsx-runtime");
 var InlineAlert = ({
   tone = INLINE_ALERT_DEFAULT_TONE,
   variant,
@@ -7805,7 +7879,7 @@ var InlineAlert = ({
   const resolvedVariant = resolveInlineAlertVariant({ tone, variant });
   const hasAction = resolveInlineAlertHasAction({ actionLabel, onAction });
   const { ariaLive, role } = INLINE_ALERT_LIVE_REGION_CONFIG[tone];
-  return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
     "div",
     {
       className: cn(
@@ -7817,7 +7891,7 @@ var InlineAlert = ({
       "aria-live": ariaLive,
       "aria-label": ariaLabel,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
           Icon,
           {
             name: INLINE_ALERT_TONE_ICON_NAME[tone],
@@ -7825,14 +7899,14 @@ var InlineAlert = ({
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
           "div",
           {
             className: cn(
               "min-w-0",
               resolvedVariant === "plain" && !hasAction ? "flex-none text-center" : "flex-1"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(
               "div",
               {
                 className: cn(
@@ -7841,14 +7915,14 @@ var InlineAlert = ({
                   resolvedVariant === "plain" && !hasAction ? "items-center" : null
                 ),
                 children: [
-                  title2 ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: title2 }) : null,
-                  /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground wrap-break-word", children: message })
+                  title2 ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: title2 }) : null,
+                  /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground wrap-break-word", children: message })
                 ]
               }
             )
           }
         ),
-        hasAction ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
+        hasAction ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
           "button",
           {
             type: "button",
@@ -7868,7 +7942,7 @@ var InlineAlert = ({
 InlineAlert.displayName = "InlineAlert";
 
 // src/primitives/loading-icon/index.tsx
-var import_hooks29 = require("@agg-build/hooks");
+var import_hooks30 = require("@agg-build/hooks");
 
 // src/primitives/loading-icon/loading-icon.constants.ts
 var LOADING_ICON_DEFAULT_SIZE = "medium";
@@ -7886,18 +7960,18 @@ var resolveLoadingIconAriaLabel = ({
 };
 
 // src/primitives/loading-icon/index.tsx
-var import_jsx_runtime126 = require("react/jsx-runtime");
+var import_jsx_runtime127 = require("react/jsx-runtime");
 var LoadingIcon = ({
   size = LOADING_ICON_DEFAULT_SIZE,
   variant = "default",
   className,
   ariaLabel
 }) => {
-  const labels = (0, import_hooks29.useLabels)();
+  const labels = (0, import_hooks30.useLabels)();
   const {
     features: { enableAnimations }
-  } = (0, import_hooks29.useSdkUiConfig)();
-  return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+  } = (0, import_hooks30.useSdkUiConfig)();
+  return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
     "span",
     {
       role: "status",
@@ -7910,7 +7984,7 @@ var LoadingIcon = ({
         "inline-grid place-items-center text-agg-primary will-change-transform",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", { className: "inline-grid place-items-center", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "inline-grid place-items-center", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
         "svg",
         {
           viewBox: LOADING_ICON_SVG_VIEW_BOX,
@@ -7918,8 +7992,8 @@ var LoadingIcon = ({
             "block",
             variant === "prominent" ? LOADING_ICON_PROMINENT_FRAME_CLASS : iconSizeClasses[size]
           ),
-          children: variant === "prominent" ? /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("g", { children: [
-            enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+          children: variant === "prominent" ? /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("g", { children: [
+            enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
               "animateTransform",
               {
                 attributeName: "transform",
@@ -7931,7 +8005,7 @@ var LoadingIcon = ({
                 repeatCount: "indefinite"
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
               "circle",
               {
                 cx: "22",
@@ -7945,8 +8019,8 @@ var LoadingIcon = ({
                 strokeDasharray: LOADING_ICON_PROMINENT_DASHARRAY
               }
             )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("g", { children: [
-            enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("g", { children: [
+            enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
               "animateTransform",
               {
                 attributeName: "transform",
@@ -7958,7 +8032,7 @@ var LoadingIcon = ({
                 repeatCount: "indefinite"
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
               "circle",
               {
                 cx: "22",
@@ -7970,8 +8044,8 @@ var LoadingIcon = ({
                 strokeLinecap: "round",
                 strokeDasharray: "60 100",
                 strokeDashoffset: "0",
-                children: enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(import_jsx_runtime126.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+                children: enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                     "animate",
                     {
                       attributeName: "stroke-dasharray",
@@ -7980,7 +8054,7 @@ var LoadingIcon = ({
                       repeatCount: "indefinite"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
                     "animate",
                     {
                       attributeName: "stroke-dashoffset",
@@ -8001,7 +8075,7 @@ var LoadingIcon = ({
 LoadingIcon.displayName = "LoadingIcon";
 
 // src/primitives/modal/index.tsx
-var import_hooks30 = require("@agg-build/hooks");
+var import_hooks31 = require("@agg-build/hooks");
 var Dialog = __toESM(require("@radix-ui/react-dialog"));
 
 // src/primitives/modal/modal.constants.ts
@@ -8025,7 +8099,7 @@ var resolveModalCloseIcon = ({
 };
 
 // src/primitives/modal/index.tsx
-var import_jsx_runtime127 = require("react/jsx-runtime");
+var import_jsx_runtime128 = require("react/jsx-runtime");
 var Modal = ({
   open,
   onOpenChange,
@@ -8033,7 +8107,7 @@ var Modal = ({
   "aria-label": _ariaLabel,
   "aria-labelledby": _ariaLabelledBy
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Dialog.Root, { open, onOpenChange, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Dialog.Root, { open, onOpenChange, children });
 };
 var ModalContainer = ({
   children,
@@ -8045,11 +8119,11 @@ var ModalContainer = ({
   const {
     general: { rootClassName },
     features: { enableAnimations }
-  } = (0, import_hooks30.useSdkUiConfig)();
+  } = (0, import_hooks31.useSdkUiConfig)();
   const overlayAnimationClassName = resolveModalOverlayAnimationClassName(enableAnimations);
   const panelAnimationClassName = resolveModalPanelAnimationClassName(enableAnimations);
-  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(Dialog.Portal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(Dialog.Portal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
       Dialog.Overlay,
       {
         className: cn(
@@ -8060,7 +8134,7 @@ var ModalContainer = ({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
       Dialog.Content,
       {
         className: cn(
@@ -8086,7 +8160,7 @@ var ModalContainer = ({
             event.preventDefault();
           }
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
           "div",
           {
             className: cn(
@@ -8094,7 +8168,7 @@ var ModalContainer = ({
               "items-end md:items-center",
               "flex h-full min-h-0 w-full justify-center p-0 md:p-5"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
               "div",
               {
                 className: cn(
@@ -8134,14 +8208,14 @@ var ModalHeader = ({
 }) => {
   const {
     features: { enableAnimations }
-  } = (0, import_hooks30.useSdkUiConfig)();
-  const labels = (0, import_hooks30.useLabels)();
-  const defaultCloseIcon = /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(CloseIcon, { className: "h-6 w-6" });
+  } = (0, import_hooks31.useSdkUiConfig)();
+  const labels = (0, import_hooks31.useLabels)();
+  const defaultCloseIcon = /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(CloseIcon, { className: "h-6 w-6" });
   const resolvedCloseIcon = resolveModalCloseIcon({
     closeIcon,
     defaultCloseIcon
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
     "div",
     {
       className: cn(
@@ -8154,7 +8228,7 @@ var ModalHeader = ({
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
           "div",
           {
             className: cn(
@@ -8167,8 +8241,8 @@ var ModalHeader = ({
               classNames == null ? void 0 : classNames.container
             ),
             children: [
-              leftElement ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_jsx_runtime127.Fragment, { children: leftElement }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+              leftElement ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_jsx_runtime128.Fragment, { children: leftElement }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
                 "div",
                 {
                   className: cn(
@@ -8177,7 +8251,7 @@ var ModalHeader = ({
                     classNames == null ? void 0 : classNames.titleContainer
                   ),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
                       Dialog.Title,
                       {
                         className: cn(
@@ -8191,7 +8265,7 @@ var ModalHeader = ({
                         children: title2
                       }
                     ),
-                    subtitle ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+                    subtitle ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
                       "span",
                       {
                         className: cn(
@@ -8205,9 +8279,9 @@ var ModalHeader = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "agg-modal-header-actions flex flex-row items-center justify-end gap-6", children: [
-                rightElement ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_jsx_runtime127.Fragment, { children: rightElement }) : null,
-                !hideClose && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "agg-modal-header-actions flex flex-row items-center justify-end gap-6", children: [
+                rightElement ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_jsx_runtime128.Fragment, { children: rightElement }) : null,
+                !hideClose && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
                   Dialog.Close,
                   {
                     className: cn(
@@ -8224,14 +8298,14 @@ var ModalHeader = ({
             ]
           }
         ),
-        children ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "agg-modal-header-extra", children }) : null
+        children ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "agg-modal-header-extra", children }) : null
       ]
     }
   );
 };
 Modal.Header = ModalHeader;
 var ModalBody = ({ children, classNames }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
     "div",
     {
       className: cn(
@@ -8252,7 +8326,7 @@ var ModalFooter = ({
   classNames,
   hideBorder = false
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
     "div",
     {
       className: cn(
@@ -8274,8 +8348,8 @@ Modal.displayName = "Modal";
 
 // src/primitives/number-value.tsx
 var import_react10 = require("react");
-var import_hooks31 = require("@agg-build/hooks");
-var import_jsx_runtime128 = require("react/jsx-runtime");
+var import_hooks32 = require("@agg-build/hooks");
+var import_jsx_runtime129 = require("react/jsx-runtime");
 var NumberValue = ({
   value,
   format = "number",
@@ -8285,7 +8359,7 @@ var NumberValue = ({
 }) => {
   const {
     formatting: { formatCompactCurrency, formatCurrency, formatDate, formatNumber, formatPercent }
-  } = (0, import_hooks31.useSdkUiConfig)();
+  } = (0, import_hooks32.useSdkUiConfig)();
   const formatted = (0, import_react10.useMemo)(() => {
     if (value == null) return fallback;
     if (format === "date") {
@@ -8309,12 +8383,12 @@ var NumberValue = ({
     formatPercent,
     value
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: cn("font-agg-sans", className), "aria-label": ariaLabel, children: formatted });
+  return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: cn("font-agg-sans", className), "aria-label": ariaLabel, children: formatted });
 };
 NumberValue.displayName = "NumberValue";
 
 // src/primitives/select/index.tsx
-var import_hooks32 = require("@agg-build/hooks");
+var import_hooks33 = require("@agg-build/hooks");
 var import_react11 = require("react");
 var import_react_dom = require("react-dom");
 
@@ -8336,7 +8410,7 @@ var resolveIsSelectDisabled = ({
 };
 
 // src/primitives/select/index.tsx
-var import_jsx_runtime129 = require("react/jsx-runtime");
+var import_jsx_runtime130 = require("react/jsx-runtime");
 var SELECT_DROPDOWN_Z = 1e4;
 function resolveSelectPortalContainer(triggerRoot) {
   var _a, _b;
@@ -8359,11 +8433,11 @@ var Select = ({
   contentSideOffset = 8
 }) => {
   var _a;
-  const labels = (0, import_hooks32.useLabels)();
+  const labels = (0, import_hooks33.useLabels)();
   const {
     general: { rootClassName },
     features: { enableAnimations }
-  } = (0, import_hooks32.useSdkUiConfig)();
+  } = (0, import_hooks33.useSdkUiConfig)();
   const isDisabled = resolveIsSelectDisabled({ disabled, items });
   const selectedItem = resolveSelectedItem(items, value);
   const [isOpen, setIsOpen] = (0, import_react11.useState)(false);
@@ -8455,7 +8529,7 @@ var Select = ({
   };
   const isInline = variant === "inline";
   const triggerRadiusClass = triggerClassName != null ? triggerClassName : isInline ? "rounded-agg-sm" : "rounded-agg-md";
-  const listbox = menuRect ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+  const listbox = menuRect ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
     "div",
     {
       ref: portalRef,
@@ -8483,7 +8557,7 @@ var Select = ({
         const isSelected = item.value === value;
         const isHidden = item.hidden === true;
         if (isHidden) return null;
-        return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
           "button",
           {
             type: "button",
@@ -8507,14 +8581,14 @@ var Select = ({
               handleClose();
             },
             children: [
-              isInline && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+              isInline && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
                 "span",
                 {
                   className: "agg-select-item-indicator absolute bottom-2 left-0 top-2 w-1 bg-agg-primary",
                   "aria-hidden": true
                 }
               ) : null,
-              item.icon ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+              item.icon ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
                 "span",
                 {
                   className: cn(
@@ -8523,7 +8597,7 @@ var Select = ({
                   ),
                   children: item.icon
                 }
-              ) : item.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+              ) : item.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
                 RemoteImage,
                 {
                   src: item.iconUrl,
@@ -8531,7 +8605,7 @@ var Select = ({
                   className: "agg-select-item-icon h-4 w-4 shrink-0 rounded-sm object-contain"
                 }
               ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "agg-select-item-label truncate", children: item.label })
+              /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "agg-select-item-label truncate", children: item.label })
             ]
           },
           item.value
@@ -8539,7 +8613,7 @@ var Select = ({
       })
     }
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
     "div",
     {
       ref: containerRef,
@@ -8549,7 +8623,7 @@ var Select = ({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
           "button",
           {
             type: "button",
@@ -8573,7 +8647,7 @@ var Select = ({
             onPointerEnter: handlePointerEnter,
             onPointerLeave: handlePointerLeave,
             children: [
-              (selectedItem == null ? void 0 : selectedItem.icon) ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "h-4 w-4 shrink-0 [&_svg]:h-full [&_svg]:w-full", children: selectedItem.icon }) : (selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+              (selectedItem == null ? void 0 : selectedItem.icon) ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "h-4 w-4 shrink-0 [&_svg]:h-full [&_svg]:w-full", children: selectedItem.icon }) : (selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
                 RemoteImage,
                 {
                   src: selectedItem.iconUrl,
@@ -8581,18 +8655,18 @@ var Select = ({
                   className: "agg-select-icon h-4 w-4 shrink-0 rounded-sm object-contain"
                 }
               ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "agg-select-value flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
+              /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "agg-select-value flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
           "span",
           {
             className: cn(
               "agg-select-chevron pointer-events-none absolute inset-y-0 inline-flex items-center justify-center",
               isInline ? "right-2 text-agg-foreground" : "right-3 text-agg-muted-foreground"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
               Icon,
               {
                 name: isOpen ? "chevron-up" : "chevron-down-thin",
@@ -8611,7 +8685,7 @@ Select.displayName = "Select";
 
 // src/primitives/state-message/index.tsx
 var import_react12 = require("react");
-var import_hooks33 = require("@agg-build/hooks");
+var import_hooks34 = require("@agg-build/hooks");
 
 // src/primitives/typography/typography.constants.ts
 var typographyVariants = [
@@ -8708,7 +8782,7 @@ var getTypographyClassName = ({
 };
 
 // src/primitives/typography/index.tsx
-var import_jsx_runtime130 = require("react/jsx-runtime");
+var import_jsx_runtime131 = require("react/jsx-runtime");
 var Typography = ({
   as: Component2 = "p",
   variant = "body",
@@ -8716,7 +8790,7 @@ var Typography = ({
   children,
   "aria-label": ariaLabel
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Component2, { className: getTypographyClassName({ className, variant }), "aria-label": ariaLabel, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Component2, { className: getTypographyClassName({ className, variant }), "aria-label": ariaLabel, children });
 };
 Typography.displayName = "Typography";
 
@@ -8729,7 +8803,7 @@ var resolveStateMessageHasAction = ({ onAction }) => {
 };
 
 // src/primitives/state-message/index.tsx
-var import_jsx_runtime131 = require("react/jsx-runtime");
+var import_jsx_runtime132 = require("react/jsx-runtime");
 var StateMessage = (_a) => {
   var _b = _a, {
     icon,
@@ -8744,13 +8818,13 @@ var StateMessage = (_a) => {
     "onAction",
     "classNames"
   ]);
-  const labels = (0, import_hooks33.useLabels)();
+  const labels = (0, import_hooks34.useLabels)();
   const hasAction = resolveStateMessageHasAction({ onAction });
   const resolvedIcon = (0, import_react12.cloneElement)(icon, {
     className: cn(STATE_MESSAGE_ICON_CLASS_NAME, icon.props.className, classNames == null ? void 0 : classNames.icon),
     "aria-hidden": true
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
     "div",
     __spreadProps(__spreadValues({}, rest), {
       className: cn(
@@ -8761,7 +8835,7 @@ var StateMessage = (_a) => {
       role: "status",
       "aria-live": "polite",
       "aria-label": title2,
-      children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
         "div",
         {
           className: cn(
@@ -8770,7 +8844,7 @@ var StateMessage = (_a) => {
           ),
           children: [
             resolvedIcon,
-            /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
               "div",
               {
                 className: cn(
@@ -8778,8 +8852,8 @@ var StateMessage = (_a) => {
                   classNames == null ? void 0 : classNames.text
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Typography, { variant: "body-strong", className: classNames == null ? void 0 : classNames.title, children: title2 }),
-                  description ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Typography, { variant: "body-strong", className: classNames == null ? void 0 : classNames.title, children: title2 }),
+                  description ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
                     Typography,
                     {
                       variant: "label",
@@ -8790,7 +8864,7 @@ var StateMessage = (_a) => {
                 ]
               }
             ),
-            hasAction ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+            hasAction ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
               Button,
               {
                 variant: "tertiary",
@@ -8817,7 +8891,7 @@ var StateMessage = (_a) => {
 StateMessage.displayName = "StateMessage";
 
 // src/primitives/tabs/index.tsx
-var import_hooks34 = require("@agg-build/hooks");
+var import_hooks35 = require("@agg-build/hooks");
 var import_react14 = require("react");
 
 // src/shared/use-horizontal-scroll-state.ts
@@ -8892,7 +8966,7 @@ var findEdgeEnabledIndex = (items, direction) => {
 };
 
 // src/primitives/tabs/index.tsx
-var import_jsx_runtime132 = require("react/jsx-runtime");
+var import_jsx_runtime133 = require("react/jsx-runtime");
 var getTabButtonClassName = ({
   enableAnimations,
   isBarVariant,
@@ -8935,10 +9009,10 @@ var Tabs = ({
   className,
   classNames
 }) => {
-  const labels = (0, import_hooks34.useLabels)();
+  const labels = (0, import_hooks35.useLabels)();
   const {
     features: { enableAnimations }
-  } = (0, import_hooks34.useSdkUiConfig)();
+  } = (0, import_hooks35.useSdkUiConfig)();
   const buttonRefs = (0, import_react14.useRef)([]);
   const dragStateRef = (0, import_react14.useRef)({
     isPointerDown: false,
@@ -9152,7 +9226,7 @@ var Tabs = ({
       width: activeButton.offsetWidth,
       opacity: 1
     });
-  }, [isBarVariant, renderedItems, value]);
+  }, [isBarVariant, renderedItems, tabListRef, value]);
   (0, import_react14.useLayoutEffect)(() => {
     updateActiveUnderline();
   }, [updateActiveUnderline]);
@@ -9211,9 +9285,16 @@ var Tabs = ({
     requestAnimationFrame(() => {
       updateScrollState();
     });
-  }, [enableAnimations, renderedItems, shouldUseOverflowScroll, updateScrollState, value]);
+  }, [
+    enableAnimations,
+    renderedItems,
+    shouldUseOverflowScroll,
+    tabListRef,
+    updateScrollState,
+    value
+  ]);
   if (shouldUseOverflowSelect) {
-    return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: cn("group/agg-tabs w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: cn("group/agg-tabs w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
       Select,
       {
         ariaLabel,
@@ -9225,7 +9306,7 @@ var Tabs = ({
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
     "div",
     {
       className: cn(
@@ -9236,7 +9317,7 @@ var Tabs = ({
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
           "div",
           {
             ref: tabListRef,
@@ -9250,7 +9331,7 @@ var Tabs = ({
             onPointerUp: handleEndTabListDrag,
             onWheel: handleTabListWheel,
             children: [
-              shouldUseOverflowScroll && !isBarVariant && hasOverflow ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+              shouldUseOverflowScroll && !isBarVariant && hasOverflow ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
                 "span",
                 {
                   "aria-hidden": true,
@@ -9261,7 +9342,7 @@ var Tabs = ({
                 var _a;
                 const isActive = item.value === value;
                 const isComingSoon = (_a = item == null ? void 0 : item.isComingSoon) != null ? _a : false;
-                return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
                   "button",
                   {
                     ref: (buttonElement) => {
@@ -9297,7 +9378,7 @@ var Tabs = ({
                     ),
                     children: [
                       item.icon ? item.icon : null,
-                      /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
+                      /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
                         "span",
                         {
                           className: cn(
@@ -9315,7 +9396,7 @@ var Tabs = ({
                   item.value
                 );
               }),
-              !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+              !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
                 "span",
                 {
                   "aria-hidden": true,
@@ -9334,8 +9415,8 @@ var Tabs = ({
             ]
           }
         ),
-        shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_jsx_runtime132.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+        shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_jsx_runtime133.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
             "span",
             {
               "aria-hidden": true,
@@ -9347,7 +9428,7 @@ var Tabs = ({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
             "span",
             {
               "aria-hidden": true,
@@ -9360,8 +9441,8 @@ var Tabs = ({
             }
           )
         ] }) : null,
-        shouldUseOverflowScroll && isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(import_jsx_runtime132.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+        shouldUseOverflowScroll && isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_jsx_runtime133.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
             "button",
             {
               type: "button",
@@ -9383,10 +9464,10 @@ var Tabs = ({
                   behavior: getScrollBehavior(enableAnimations)
                 });
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Icon, { name: "chevron-left", size: "small", color: "currentColor" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Icon, { name: "chevron-left", size: "small", color: "currentColor" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
             "button",
             {
               type: "button",
@@ -9408,7 +9489,7 @@ var Tabs = ({
                   behavior: getScrollBehavior(enableAnimations)
                 });
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
             }
           )
         ] }) : null
@@ -9421,7 +9502,7 @@ Tabs.displayName = "Tabs";
 // src/primitives/toast/index.tsx
 var RadixToast = __toESM(require("@radix-ui/react-toast"));
 var import_react15 = require("react");
-var import_jsx_runtime133 = require("react/jsx-runtime");
+var import_jsx_runtime134 = require("react/jsx-runtime");
 var DEFAULT_DURATION_MS = 5e3;
 var EXIT_ANIMATION_MS = 350;
 var TONE_ACCENT_CLASS = {
@@ -9470,9 +9551,9 @@ function ToastProvider({
     },
     [defaultDurationMs]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(ToastContext.Provider, { value: { toast, dismiss }, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(RadixToast.Provider, { swipeDirection, swipeThreshold, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(ToastContext.Provider, { value: { toast, dismiss }, children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(RadixToast.Provider, { swipeDirection, swipeThreshold, children: [
     children,
-    toasts.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    toasts.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
       ToastRow,
       {
         entry,
@@ -9482,7 +9563,7 @@ function ToastProvider({
       },
       entry.id
     )),
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
       RadixToast.Viewport,
       {
         className: cn(
@@ -9562,7 +9643,7 @@ function ToastRow({ entry, onOpenChange }) {
       clearCloseTimer();
     };
   }, [clearCloseTimer, clearDismissTimer, duration, startDismissTimer]);
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
     RadixToast.Root,
     {
       open: isOpen,
@@ -9583,7 +9664,7 @@ function ToastRow({ entry, onOpenChange }) {
         TONE_ACCENT_CLASS[entry.tone]
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
           Icon,
           {
             name: TONE_ICON_NAME[entry.tone],
@@ -9591,25 +9672,25 @@ function ToastRow({ entry, onOpenChange }) {
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "min-w-0 flex-1", children: [
-          entry.title ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(RadixToast.Title, { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-foreground", children: entry.title }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(RadixToast.Description, { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground wrap-break-word", children: entry.message }),
-          entry.detail ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("p", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground wrap-break-word", children: entry.detail }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "min-w-0 flex-1", children: [
+          entry.title ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(RadixToast.Title, { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-foreground", children: entry.title }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(RadixToast.Description, { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground wrap-break-word", children: entry.message }),
+          entry.detail ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground wrap-break-word", children: entry.detail }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
           RadixToast.Close,
           {
             "aria-label": "Dismiss",
             className: "absolute top-4 right-4 cursor-pointer text-agg-foreground transition-opacity hover:opacity-70 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary",
-            children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Icon, { name: "close", className: "h-4! w-4!", "aria-hidden": "true" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Icon, { name: "close", className: "h-4! w-4!", "aria-hidden": "true" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
           "div",
           {
             className: "absolute right-[-1px] bottom-[-1px] left-[-1px] h-1 bg-[color-mix(in_srgb,var(--agg-toast-accent)_30%,transparent)]",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
               "div",
               {
                 "data-testid": "agg-toast-progress",
@@ -9637,7 +9718,7 @@ function useOptionalToast() {
 }
 
 // src/primitives/tooltip/index.tsx
-var import_hooks35 = require("@agg-build/hooks");
+var import_hooks36 = require("@agg-build/hooks");
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
 var import_react16 = require("react");
 
@@ -9671,7 +9752,7 @@ var resolveTooltipArrowDimensions = (size) => {
 };
 
 // src/primitives/tooltip/index.tsx
-var import_jsx_runtime134 = require("react/jsx-runtime");
+var import_jsx_runtime135 = require("react/jsx-runtime");
 var Tooltip = ({
   content,
   children,
@@ -9686,25 +9767,25 @@ var Tooltip = ({
   const {
     general: { rootClassName },
     features: { enableAnimations }
-  } = (0, import_hooks35.useSdkUiConfig)();
+  } = (0, import_hooks36.useSdkUiConfig)();
   const trigger = (0, import_react16.useMemo)(() => {
     if (children) return children;
-    return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
       "button",
       {
         type: "button",
         className: resolveTooltipTriggerClassName(classNames == null ? void 0 : classNames.trigger),
         "aria-label": ariaLabel != null ? ariaLabel : defaultTooltipTriggerAriaLabel,
-        children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Icon, { name: "info", size: "small", className: cn(classNames == null ? void 0 : classNames.icon), "aria-hidden": true })
+        children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Icon, { name: "info", size: "small", className: cn(classNames == null ? void 0 : classNames.icon), "aria-hidden": true })
       }
     );
   }, [children, classNames == null ? void 0 : classNames.trigger, classNames == null ? void 0 : classNames.icon, ariaLabel]);
   const { width: arrowWidth, height: arrowHeight } = resolveTooltipArrowDimensions(size);
   const arrowPoints = `0,0 ${arrowWidth},0 ${arrowWidth / 2},${arrowHeight}`;
   const arrowBorderPath = `M0 0 L${arrowWidth / 2} ${arrowHeight} L${arrowWidth} 0`;
-  return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(TooltipPrimitive.Root, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(TooltipPrimitive.Root, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
       TooltipPrimitive.Content,
       {
         side,
@@ -9728,7 +9809,7 @@ var Tooltip = ({
           classNames == null ? void 0 : classNames.content
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(TooltipPrimitive.Arrow, { asChild: true, width: arrowWidth, height: arrowHeight, children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(TooltipPrimitive.Arrow, { asChild: true, width: arrowWidth, height: arrowHeight, children: /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
             "svg",
             {
               width: arrowWidth,
@@ -9737,8 +9818,8 @@ var Tooltip = ({
               "aria-hidden": "true",
               className: cn("overflow-visible", classNames == null ? void 0 : classNames.arrow),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("polygon", { points: arrowPoints, className: "fill-agg-secondary" }),
-                /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("polygon", { points: arrowPoints, className: "fill-agg-secondary" }),
+                /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
                   "path",
                   {
                     d: arrowBorderPath,