@agg-market/ui 12.0.0 → 13.0.0

package/dist/{chunk-XUML4ZJQ.mjs → chunk-B56YA2YQ.mjs}

@@ -2979,11 +2979,40 @@ var StayInControlIcon = (_a) => {
 };
 StayInControlIcon.displayName = "StayInControlIcon";
 
-// src/primitives/icon/svg/telegram.tsx
+// src/primitives/icon/svg/success-check.tsx
 import { jsx as jsx61, jsxs as jsxs57 } from "react/jsx-runtime";
-var TelegramIcon = (_a) => {
+var SuccessCheckIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
   return /* @__PURE__ */ jsxs57(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ jsx61("title", { children: title }) : null,
+        /* @__PURE__ */ jsx61(
+          "path",
+          {
+            d: "M7.74919 20.6626C7.06793 20.6629 6.41457 20.3921 5.93325 19.91L0.443061 14.4219C-0.147687 13.8309 -0.147687 12.873 0.443061 12.2821C1.034 11.6913 1.99191 11.6913 2.58284 12.2821L7.74919 17.4484L21.4172 3.78046C22.0081 3.18972 22.966 3.18972 23.5569 3.78046C24.1477 4.3714 24.1477 5.32931 23.5569 5.92024L9.56513 19.91C9.08381 20.3921 8.43045 20.6629 7.74919 20.6626Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    })
+  );
+};
+SuccessCheckIcon.displayName = "SuccessCheckIcon";
+
+// src/primitives/icon/svg/telegram.tsx
+import { jsx as jsx62, jsxs as jsxs58 } from "react/jsx-runtime";
+var TelegramIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ jsxs58(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 20 20",
@@ -2991,8 +3020,8 @@ var TelegramIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ jsx61("title", { children: title }) : null,
-        /* @__PURE__ */ jsx61("g", { clipPath: "url(#clip0_telegram)", children: /* @__PURE__ */ jsx61(
+        title ? /* @__PURE__ */ jsx62("title", { children: title }) : null,
+        /* @__PURE__ */ jsx62("g", { clipPath: "url(#clip0_telegram)", children: /* @__PURE__ */ jsx62(
           "path",
           {
             fillRule: "evenodd",
@@ -3001,7 +3030,7 @@ var TelegramIcon = (_a) => {
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ jsx61("defs", { children: /* @__PURE__ */ jsx61("clipPath", { id: "clip0_telegram", children: /* @__PURE__ */ jsx61("rect", { width: "20", height: "20", fill: "white" }) }) })
+        /* @__PURE__ */ jsx62("defs", { children: /* @__PURE__ */ jsx62("clipPath", { id: "clip0_telegram", children: /* @__PURE__ */ jsx62("rect", { width: "20", height: "20", fill: "white" }) }) })
       ]
     })
   );
@@ -3009,10 +3038,10 @@ var TelegramIcon = (_a) => {
 TelegramIcon.displayName = "TelegramIcon";
 
 // src/primitives/icon/svg/triangle-down.tsx
-import { jsx as jsx62, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs59 } from "react/jsx-runtime";
 var TriangleDownIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs58(
+  return /* @__PURE__ */ jsxs59(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 8 8",
@@ -3020,16 +3049,16 @@ var TriangleDownIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ jsx62("title", { children: title }) : null,
-        /* @__PURE__ */ jsxs58("g", { transform: "scale(1,-1) translate(0,-8)", clipPath: "url(#triangle_up)", children: [
-          /* @__PURE__ */ jsx62(
+        title ? /* @__PURE__ */ jsx63("title", { children: title }) : null,
+        /* @__PURE__ */ jsxs59("g", { transform: "scale(1,-1) translate(0,-8)", clipPath: "url(#triangle_up)", children: [
+          /* @__PURE__ */ jsx63(
             "path",
             {
               d: "M3.99989 1.6805L6.23917 6.72896H1.76061L3.99989 1.6805ZM3.99989 0.366097C3.87788 0.36535 3.75832 0.400347 3.65596 0.466768C3.55361 0.53319 3.47295 0.628129 3.42393 0.739866L0.362237 7.63838H7.63755L4.57737 0.739866C4.52825 0.62789 4.44735 0.532789 4.3447 0.46635C4.24205 0.39991 4.12216 0.365052 3.99989 0.366097Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ jsx62(
+          /* @__PURE__ */ jsx63(
             "path",
             {
               d: "M4.00167 0.00284122C4.19344 0.00214978 4.38147 0.0566837 4.54252 0.160923C4.70445 0.265758 4.83154 0.416026 4.90931 0.592539L7.9697 7.4913L8.19705 8.00195H-0.197266L3.09048 0.593427C3.16804 0.41669 3.29625 0.26688 3.45815 0.161811C3.61872 0.0576301 3.80589 0.00261591 3.99723 0.00284122H3.99989L4.00256 0.00195312L4.00167 0.00284122ZM3.99989 0.366097C3.87788 0.36535 3.75832 0.400347 3.65596 0.466768L3.58337 0.521491C3.51516 0.581467 3.46071 0.656022 3.42393 0.739866L0.362237 7.63838H7.63755L4.57737 0.739866C4.54053 0.655873 4.48567 0.581521 4.4173 0.521491L4.3447 0.46635C4.24205 0.39991 4.12216 0.365052 3.99989 0.366097ZM6.23917 6.72896H1.76061L3.99989 1.6805L6.23917 6.72896ZM2.31961 6.36519H5.68018L3.99989 2.57655L2.31961 6.36519Z",
@@ -3037,7 +3066,7 @@ var TriangleDownIcon = (_a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx62("defs", { children: /* @__PURE__ */ jsx62("clipPath", { id: "triangle_up", children: /* @__PURE__ */ jsx62("rect", { width: "8", height: "8", fill: "white" }) }) })
+        /* @__PURE__ */ jsx63("defs", { children: /* @__PURE__ */ jsx63("clipPath", { id: "triangle_up", children: /* @__PURE__ */ jsx63("rect", { width: "8", height: "8", fill: "white" }) }) })
       ]
     })
   );
@@ -3045,10 +3074,10 @@ var TriangleDownIcon = (_a) => {
 TriangleDownIcon.displayName = "TriangleDownIcon";
 
 // src/primitives/icon/svg/triangle-up-filled.tsx
-import { jsx as jsx63, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs60 } from "react/jsx-runtime";
 var TriangleUpFilledIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs59(
+  return /* @__PURE__ */ jsxs60(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 8 8",
@@ -3056,8 +3085,8 @@ var TriangleUpFilledIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ jsx63("title", { children: title }) : null,
-        /* @__PURE__ */ jsx63(
+        title ? /* @__PURE__ */ jsx64("title", { children: title }) : null,
+        /* @__PURE__ */ jsx64(
           "path",
           {
             d: "M6.67873 8.00001H1.3214C1.09613 8.00053 0.874481 7.94332 0.677605 7.83384C0.480728 7.72435 0.315192 7.56625 0.196788 7.3746C0.0783848 7.18296 0.0110649 6.96417 0.00125164 6.73911C-0.0085616 6.51405 0.0394592 6.29023 0.140732 6.08901L2.81973 0.729677C2.92186 0.523193 3.0766 0.347273 3.26837 0.219641C3.46014 0.0920097 3.68216 0.0171748 3.91207 0.00267686C4.17147 -0.013831 4.43 0.0462826 4.6555 0.175542C4.88101 0.3048 5.06354 0.497501 5.1804 0.729677L7.8594 6.08901C7.96008 6.2903 8.00764 6.51398 7.99756 6.73881C7.98748 6.96365 7.92009 7.18218 7.8018 7.37365C7.68351 7.56512 7.51823 7.72317 7.32167 7.83279C7.12511 7.94242 6.90379 7.99998 6.67873 8.00001Z",
@@ -3071,10 +3100,10 @@ var TriangleUpFilledIcon = (_a) => {
 TriangleUpFilledIcon.displayName = "TriangleUpFilledIcon";
 
 // src/primitives/icon/svg/triangle-up.tsx
-import { jsx as jsx64, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs61 } from "react/jsx-runtime";
 var TriangleUpIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs60(
+  return /* @__PURE__ */ jsxs61(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 8 8",
@@ -3082,16 +3111,16 @@ var TriangleUpIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ jsx64("title", { children: title }) : null,
-        /* @__PURE__ */ jsxs60("g", { clipPath: "url(#triangle_up)", children: [
-          /* @__PURE__ */ jsx64(
+        title ? /* @__PURE__ */ jsx65("title", { children: title }) : null,
+        /* @__PURE__ */ jsxs61("g", { clipPath: "url(#triangle_up)", children: [
+          /* @__PURE__ */ jsx65(
             "path",
             {
               d: "M3.99989 1.6805L6.23917 6.72896H1.76061L3.99989 1.6805ZM3.99989 0.366097C3.87788 0.36535 3.75832 0.400347 3.65596 0.466768C3.55361 0.53319 3.47295 0.628129 3.42393 0.739866L0.362237 7.63838H7.63755L4.57737 0.739866C4.52825 0.62789 4.44735 0.532789 4.3447 0.46635C4.24205 0.39991 4.12216 0.365052 3.99989 0.366097Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ jsx64(
+          /* @__PURE__ */ jsx65(
             "path",
             {
               d: "M4.00167 0.00284122C4.19344 0.00214978 4.38147 0.0566837 4.54252 0.160923C4.70445 0.265758 4.83154 0.416026 4.90931 0.592539L7.9697 7.4913L8.19705 8.00195H-0.197266L3.09048 0.593427C3.16804 0.41669 3.29625 0.26688 3.45815 0.161811C3.61872 0.0576301 3.80589 0.00261591 3.99723 0.00284122H3.99989L4.00256 0.00195312L4.00167 0.00284122ZM3.99989 0.366097C3.87788 0.36535 3.75832 0.400347 3.65596 0.466768L3.58337 0.521491C3.51516 0.581467 3.46071 0.656022 3.42393 0.739866L0.362237 7.63838H7.63755L4.57737 0.739866C4.54053 0.655873 4.48567 0.581521 4.4173 0.521491L4.3447 0.46635C4.24205 0.39991 4.12216 0.365052 3.99989 0.366097ZM6.23917 6.72896H1.76061L3.99989 1.6805L6.23917 6.72896ZM2.31961 6.36519H5.68018L3.99989 2.57655L2.31961 6.36519Z",
@@ -3099,7 +3128,7 @@ var TriangleUpIcon = (_a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx64("defs", { children: /* @__PURE__ */ jsx64("clipPath", { id: "triangle_up", children: /* @__PURE__ */ jsx64("rect", { width: "8", height: "8", fill: "white" }) }) })
+        /* @__PURE__ */ jsx65("defs", { children: /* @__PURE__ */ jsx65("clipPath", { id: "triangle_up", children: /* @__PURE__ */ jsx65("rect", { width: "8", height: "8", fill: "white" }) }) })
       ]
     })
   );
@@ -3107,10 +3136,10 @@ var TriangleUpIcon = (_a) => {
 TriangleUpIcon.displayName = "TriangleUpIcon";
 
 // src/primitives/icon/svg/twitter.tsx
-import { jsx as jsx65, jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs62 } from "react/jsx-runtime";
 var TwitterIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs61(
+  return /* @__PURE__ */ jsxs62(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 20 20",
@@ -3118,8 +3147,8 @@ var TwitterIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ jsx65("title", { children: title }) : null,
-        /* @__PURE__ */ jsx65(
+        title ? /* @__PURE__ */ jsx66("title", { children: title }) : null,
+        /* @__PURE__ */ jsx66(
           "path",
           {
             d: "M15.2708 1.66602H18.0834L11.9402 8.68539L19.1666 18.2386H13.51L9.07638 12.446L4.00874 18.2386H1.19152L7.76096 10.7288L0.833252 1.66602H6.63346L10.637 6.96053L15.2708 1.66602ZM14.283 16.5573H15.8406L5.78478 3.25949H4.11186L14.283 16.5573Z",
@@ -3133,10 +3162,10 @@ var TwitterIcon = (_a) => {
 TwitterIcon.displayName = "TwitterIcon";
 
 // src/primitives/icon/svg/upload.tsx
-import { jsx as jsx66, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs63 } from "react/jsx-runtime";
 var UploadIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs62(
+  return /* @__PURE__ */ jsxs63(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -3144,8 +3173,8 @@ var UploadIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ jsx66("title", { children: title }) : null,
-        /* @__PURE__ */ jsx66(
+        title ? /* @__PURE__ */ jsx67("title", { children: title }) : null,
+        /* @__PURE__ */ jsx67(
           "path",
           {
             d: "M8 13.5v-7m0 0 2.5 2.5M8 6.5 5.5 9",
@@ -3155,7 +3184,7 @@ var UploadIcon = (_a) => {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ jsx66("path", { d: "M2.5 3.5h11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+        /* @__PURE__ */ jsx67("path", { d: "M2.5 3.5h11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
       ]
     })
   );
@@ -3163,10 +3192,10 @@ var UploadIcon = (_a) => {
 UploadIcon.displayName = "UploadIcon";
 
 // src/primitives/icon/svg/wallet-avatar.tsx
-import { jsx as jsx67, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs64 } from "react/jsx-runtime";
 function WalletAvatarIcon(_a) {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs63(
+  return /* @__PURE__ */ jsxs64(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       fill: "none",
@@ -3174,9 +3203,9 @@ function WalletAvatarIcon(_a) {
       viewBox: "0 0 16 16"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ jsx67("title", { children: title }) : null,
-        /* @__PURE__ */ jsx67("circle", { cx: "8", cy: "5.25", r: "2.25", fill: "currentColor" }),
-        /* @__PURE__ */ jsx67("path", { d: "M3.75 12.75a4.25 4.25 0 0 1 8.5 0v.25h-8.5v-.25Z", fill: "currentColor" })
+        title ? /* @__PURE__ */ jsx68("title", { children: title }) : null,
+        /* @__PURE__ */ jsx68("circle", { cx: "8", cy: "5.25", r: "2.25", fill: "currentColor" }),
+        /* @__PURE__ */ jsx68("path", { d: "M3.75 12.75a4.25 4.25 0 0 1 8.5 0v.25h-8.5v-.25Z", fill: "currentColor" })
       ]
     })
   );
@@ -3184,10 +3213,10 @@ function WalletAvatarIcon(_a) {
 WalletAvatarIcon.displayName = "WalletAvatarIcon";
 
 // src/primitives/icon/svg/wallet.tsx
-import { jsx as jsx68, jsxs as jsxs64 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs65 } from "react/jsx-runtime";
 var WalletIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs64(
+  return /* @__PURE__ */ jsxs65(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 24 24",
@@ -3195,8 +3224,8 @@ var WalletIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ jsx68("title", { children: title }) : null,
-        /* @__PURE__ */ jsx68(
+        title ? /* @__PURE__ */ jsx69("title", { children: title }) : null,
+        /* @__PURE__ */ jsx69(
           "path",
           {
             d: "M19.5 6H5.25C4.836 6 4.5 5.664 4.5 5.25C4.5 4.836 4.836 4.5 5.25 4.5H19.5C19.914 4.5 20.25 4.164 20.25 3.75C20.25 2.508 19.242 1.5 18 1.5H4.5C2.843 1.5 1.5 2.843 1.5 4.5V19.5C1.5 21.157 2.843 22.5 4.5 22.5H19.5C21.157 22.5 22.5 21.157 22.5 19.5V9C22.5 7.343 21.157 6 19.5 6ZM2.5 4.5C2.5 3.395 3.395 2.5 4.5 2.5H18C18.552 2.5 19.026 2.834 19.199 3.318C19.176 3.312 19.153 3.5 18 3.5H5.25C4.284 3.5 3.5 4.284 3.5 5.25C3.5 5.388 3.519 5.522 3.555 5.649C2.936 5.369 2.5 4.972 2.5 4.5ZM21.5 19.5C21.5 20.605 20.605 21.5 19.5 21.5H4.5C3.395 21.5 2.5 20.605 2.5 19.5V7.04C3.09 7.336 3.771 7 5.25 7H19.5C20.605 7 21.5 7.895 21.5 9V12H18C16.343 12 15 13.343 15 15C15 16.657 16.343 18 18 18H21.5V19.5ZM21.5 17H18C16.895 17 16 16.105 16 15C16 13.895 16.895 13 18 13H21.5V17ZM18 15.75C18.414 15.75 18.75 15.414 18.75 15C18.75 14.586 18.414 14.25 18 14.25C17.586 14.25 17.25 14.586 17.25 15C17.25 15.414 17.586 15.75 18 15.75Z",
@@ -3210,10 +3239,10 @@ var WalletIcon = (_a) => {
 WalletIcon.displayName = "WalletIcon";
 
 // src/primitives/icon/svg/warning-filled.tsx
-import { jsx as jsx69, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs66 } from "react/jsx-runtime";
 var WarningFilledIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs65(
+  return /* @__PURE__ */ jsxs66(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -3221,8 +3250,8 @@ var WarningFilledIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ jsx69("title", { children: title }) : null,
-        /* @__PURE__ */ jsx69(
+        title ? /* @__PURE__ */ jsx70("title", { children: title }) : null,
+        /* @__PURE__ */ jsx70(
           "path",
           {
             d: "M15.3869 10.22L10.0002 1.71332C9.5469 1.05999 8.79356 0.666656 8.00023 0.666656C7.20689 0.666656 6.45356 1.05332 5.98023 1.73332L0.620227 10.2067C-0.0597729 11.18 -0.18644 12.3467 0.286894 13.2467C0.75356 14.1467 1.73356 14.66 2.96023 14.66H13.0402C14.2736 14.66 15.2469 14.1467 15.7136 13.2467C16.1802 12.3467 16.0536 11.1867 15.3869 10.22ZM7.33356 4.66666C7.33356 4.29999 7.63356 3.99999 8.00023 3.99999C8.36689 3.99999 8.66689 4.29999 8.66689 4.66666V8.66666C8.66689 9.03332 8.36689 9.33332 8.00023 9.33332C7.63356 9.33332 7.33356 9.03332 7.33356 8.66666V4.66666ZM8.00023 12.6667C7.44689 12.6667 7.00023 12.22 7.00023 11.6667C7.00023 11.1133 7.44689 10.6667 8.00023 10.6667C8.55356 10.6667 9.00023 11.1133 9.00023 11.6667C9.00023 12.22 8.55356 12.6667 8.00023 12.6667Z",
@@ -3236,10 +3265,10 @@ var WarningFilledIcon = (_a) => {
 WarningFilledIcon.displayName = "WarningFilledIcon";
 
 // src/primitives/icon/svg/warning.tsx
-import { jsx as jsx70, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs67 } from "react/jsx-runtime";
 var WarningIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs66(
+  return /* @__PURE__ */ jsxs67(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       width: "14",
@@ -3250,15 +3279,15 @@ var WarningIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ jsx70("title", { children: title }) : null,
-        /* @__PURE__ */ jsx70("g", { clipPath: "url(#clip0_warning)", children: /* @__PURE__ */ jsx70(
+        title ? /* @__PURE__ */ jsx71("title", { children: title }) : null,
+        /* @__PURE__ */ jsx71("g", { clipPath: "url(#clip0_warning)", children: /* @__PURE__ */ jsx71(
           "path",
           {
             d: "M6.41665 8.16675V4.66675C6.41665 4.34591 6.67915 4.08341 6.99998 4.08341C7.32082 4.08341 7.58332 4.34591 7.58332 4.66675V8.16675C7.58332 8.48758 7.32082 8.75008 6.99998 8.75008C6.67915 8.75008 6.41665 8.48758 6.41665 8.16675ZM6.99998 9.33341C6.51582 9.33341 6.12498 9.72425 6.12498 10.2084C6.12498 10.6926 6.51582 11.0834 6.99998 11.0834C7.48415 11.0834 7.87498 10.6926 7.87498 10.2084C7.87498 9.72425 7.48415 9.33341 6.99998 9.33341ZM13.755 12.1801C13.3467 12.9676 12.4892 13.4167 11.4158 13.4167H2.58998C1.51082 13.4167 0.659151 12.9676 0.250818 12.1801C-0.163348 11.3867 -0.0466818 10.3717 0.542485 9.52008L5.23248 2.10008C5.64665 1.50508 6.29998 1.16675 6.99998 1.16675C7.69999 1.16675 8.35332 1.50508 8.74998 2.08258L13.4633 9.53175C14.0525 10.3834 14.1633 11.3926 13.7492 12.1801H13.755ZM12.5008 10.1851C12.5008 10.1851 12.4892 10.1734 12.4892 10.1617L7.78165 2.72425C7.61248 2.48508 7.32082 2.33341 6.99998 2.33341C6.67915 2.33341 6.38749 2.48508 6.20665 2.74758L1.51082 10.1617C1.14915 10.6751 1.06748 11.2351 1.27748 11.6376C1.48165 12.0342 1.94832 12.2501 2.58415 12.2501H11.4042C12.04 12.2501 12.5067 12.0342 12.7108 11.6376C12.9208 11.2351 12.8392 10.6751 12.495 10.1851H12.5008Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ jsx70("defs", { children: /* @__PURE__ */ jsx70("clipPath", { id: "clip0_warning", children: /* @__PURE__ */ jsx70("rect", { width: "14", height: "14", fill: "white" }) }) })
+        /* @__PURE__ */ jsx71("defs", { children: /* @__PURE__ */ jsx71("clipPath", { id: "clip0_warning", children: /* @__PURE__ */ jsx71("rect", { width: "14", height: "14", fill: "white" }) }) })
       ]
     })
   );
@@ -3308,6 +3337,7 @@ var iconRegistry = {
   "shield-trust": ShieldTrustIcon,
   solana: SolanaIcon,
   "stay-in-control": StayInControlIcon,
+  "success-check": SuccessCheckIcon,
   telegram: TelegramIcon,
   "triangle-down": TriangleDownIcon,
   "triangle-up": TriangleUpIcon,
@@ -3330,7 +3360,7 @@ var resolveIconStyle = (color, style) => {
 };
 
 // src/primitives/icon/index.tsx
-import { jsx as jsx71 } from "react/jsx-runtime";
+import { jsx as jsx72 } from "react/jsx-runtime";
 var Icon = (_a) => {
   var _b = _a, {
     name,
@@ -3348,7 +3378,7 @@ var Icon = (_a) => {
   const Component = iconRegistry[name];
   const resolvedStyle = resolveIconStyle(color, style);
   const resolvedClassName = cn(iconSizeClasses[size], className);
-  return /* @__PURE__ */ jsx71(
+  return /* @__PURE__ */ jsx72(
     Component,
     __spreadValues({
       color,
@@ -3360,7 +3390,7 @@ var Icon = (_a) => {
 Icon.displayName = "Icon";
 
 // src/primitives/inline-alert/index.tsx
-import { jsx as jsx72, jsxs as jsxs67 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs68 } from "react/jsx-runtime";
 var toneIconName = {
   error: "error-filled",
   warning: "warning-filled"
@@ -3406,7 +3436,7 @@ var InlineAlert = ({
   });
   const hasAction = !!actionLabel && !!onAction;
   const { ariaLive, role } = liveRegionConfig[tone];
-  return /* @__PURE__ */ jsxs67(
+  return /* @__PURE__ */ jsxs68(
     "div",
     {
       className: cn(
@@ -3419,7 +3449,7 @@ var InlineAlert = ({
       "aria-live": ariaLive,
       "aria-label": ariaLabel,
       children: [
-        /* @__PURE__ */ jsx72(
+        /* @__PURE__ */ jsx73(
           Icon,
           {
             name: toneIconName[tone],
@@ -3427,14 +3457,14 @@ var InlineAlert = ({
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ jsx72(
+        /* @__PURE__ */ jsx73(
           "div",
           {
             className: cn(
               "min-w-0",
               resolvedVariant === "plain" && !hasAction ? "flex-none text-center" : "flex-1"
             ),
-            children: /* @__PURE__ */ jsxs67(
+            children: /* @__PURE__ */ jsxs68(
               "div",
               {
                 className: cn(
@@ -3443,14 +3473,14 @@ var InlineAlert = ({
                   resolvedVariant === "plain" && !hasAction ? "items-center" : null
                 ),
                 children: [
-                  title ? /* @__PURE__ */ jsx72("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: title }) : null,
-                  /* @__PURE__ */ jsx72("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: message })
+                  title ? /* @__PURE__ */ jsx73("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: title }) : null,
+                  /* @__PURE__ */ jsx73("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: message })
                 ]
               }
             )
           }
         ),
-        hasAction ? /* @__PURE__ */ jsx72(
+        hasAction ? /* @__PURE__ */ jsx73(
           "button",
           {
             type: "button",
@@ -3472,7 +3502,7 @@ InlineAlert.displayName = "InlineAlert";
 // src/primitives/number-value.tsx
 import { useMemo as useMemo3 } from "react";
 import { useSdkUiConfig as useSdkUiConfig7 } from "@agg-market/hooks";
-import { jsx as jsx73 } from "react/jsx-runtime";
+import { jsx as jsx74 } from "react/jsx-runtime";
 var NumberValue = ({
   value,
   format = "number",
@@ -3506,7 +3536,7 @@ var NumberValue = ({
     formatPercent,
     value
   ]);
-  return /* @__PURE__ */ jsx73("span", { className: cn("font-agg-sans", className), "aria-label": ariaLabel, children: formatted });
+  return /* @__PURE__ */ jsx74("span", { className: cn("font-agg-sans", className), "aria-label": ariaLabel, children: formatted });
 };
 NumberValue.displayName = "NumberValue";
 
@@ -3523,7 +3553,7 @@ var skeletonClasses = "h-full w-full rounded-agg-lg";
 var placeholderClasses = "flex h-full w-full items-center justify-center bg-agg-secondary-hover rounded-agg-lg";
 
 // src/primitives/remote-image/index.tsx
-import { jsx as jsx74, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs69 } from "react/jsx-runtime";
 var isValidSrc = (src) => typeof src === "string" && src.length > 0;
 var RemoteImage = ({
   src,
@@ -3554,7 +3584,7 @@ var RemoteImage = ({
     setStatus("error");
   };
   const sizeStyle = width !== void 0 || height !== void 0 ? { width: width != null ? width : void 0, height: height != null ? height : void 0 } : void 0;
-  return /* @__PURE__ */ jsxs68(
+  return /* @__PURE__ */ jsxs69(
     "div",
     {
       className: cn(containerClasses, classNames == null ? void 0 : classNames.root, className),
@@ -3571,17 +3601,17 @@ var RemoteImage = ({
       "aria-label": ariaLabel,
       title,
       children: [
-        status === "loading" && /* @__PURE__ */ jsx74(SkeletonBlock, { className: cn(skeletonClasses, classNames == null ? void 0 : classNames.placeholder) }),
-        status === "error" && /* @__PURE__ */ jsx74(
+        status === "loading" && /* @__PURE__ */ jsx75(SkeletonBlock, { className: cn(skeletonClasses, classNames == null ? void 0 : classNames.placeholder) }),
+        status === "error" && /* @__PURE__ */ jsx75(
           "div",
           {
             className: cn(placeholderClasses, classNames == null ? void 0 : classNames.placeholder),
             "aria-hidden": true,
             "aria-errormessage": "Image failed to load",
-            children: /* @__PURE__ */ jsx74(Icon, { name: "image", size: "medium", className: "text-agg-muted-foreground" })
+            children: /* @__PURE__ */ jsx75(Icon, { name: "image", size: "medium", className: "text-agg-muted-foreground" })
           }
         ),
-        isValidSrc(src) && status !== "error" && /* @__PURE__ */ jsx74(
+        isValidSrc(src) && status !== "error" && /* @__PURE__ */ jsx75(
           "img",
           {
             src,
@@ -3612,7 +3642,7 @@ var resolveLogoPrimaryColor = ({
 };
 
 // src/primitives/venue-logo/svg/logo-kalshi.tsx
-import { jsx as jsx75, jsxs as jsxs69 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs70 } from "react/jsx-runtime";
 var KALSHI_GREEN = "#18C590";
 var LogoKalshiIcon = (_a) => {
   var _b = _a, {
@@ -3631,7 +3661,7 @@ var LogoKalshiIcon = (_a) => {
     isColor,
     color
   });
-  return /* @__PURE__ */ jsxs69(
+  return /* @__PURE__ */ jsxs70(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 100 100",
@@ -3639,8 +3669,8 @@ var LogoKalshiIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ jsx75("title", { children: title }) : null,
-        /* @__PURE__ */ jsx75(
+        title ? /* @__PURE__ */ jsx76("title", { children: title }) : null,
+        /* @__PURE__ */ jsx76(
           "path",
           {
             d: "M54.9798 47.579L79.4249 85.9995H58.2273L38.2531 52.9344V85.9995H20.4189V13.9995H38.2531V45.4356L59.6547 13.9995H78.7119L54.9798 47.579Z",
@@ -3654,7 +3684,7 @@ var LogoKalshiIcon = (_a) => {
 LogoKalshiIcon.displayName = "LogoKalshiIcon";
 
 // src/primitives/venue-logo/svg/logo-limitless.tsx
-import { jsx as jsx76, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs71 } from "react/jsx-runtime";
 var LIMITLESS_BLACK = "#000000";
 var LogoLimitlessIcon = (_a) => {
   var _b = _a, {
@@ -3673,7 +3703,7 @@ var LogoLimitlessIcon = (_a) => {
     isColor,
     color
   });
-  return /* @__PURE__ */ jsxs70(
+  return /* @__PURE__ */ jsxs71(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 44 32",
@@ -3681,8 +3711,8 @@ var LogoLimitlessIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ jsx76("title", { children: title }) : null,
-        /* @__PURE__ */ jsx76(
+        title ? /* @__PURE__ */ jsx77("title", { children: title }) : null,
+        /* @__PURE__ */ jsx77(
           "path",
           {
             fill: primaryColor,
@@ -3691,7 +3721,7 @@ var LogoLimitlessIcon = (_a) => {
             clipRule: "evenodd"
           }
         ),
-        /* @__PURE__ */ jsx76(
+        /* @__PURE__ */ jsx77(
           "path",
           {
             fill: primaryColor,
@@ -3700,7 +3730,7 @@ var LogoLimitlessIcon = (_a) => {
             clipRule: "evenodd"
           }
         ),
-        /* @__PURE__ */ jsx76(
+        /* @__PURE__ */ jsx77(
           "path",
           {
             fill: primaryColor,
@@ -3709,7 +3739,7 @@ var LogoLimitlessIcon = (_a) => {
             clipRule: "evenodd"
           }
         ),
-        /* @__PURE__ */ jsx76(
+        /* @__PURE__ */ jsx77(
           "path",
           {
             fill: primaryColor,
@@ -3718,7 +3748,7 @@ var LogoLimitlessIcon = (_a) => {
             clipRule: "evenodd"
           }
         ),
-        /* @__PURE__ */ jsx76(
+        /* @__PURE__ */ jsx77(
           "path",
           {
             fill: primaryColor,
@@ -3734,7 +3764,7 @@ var LogoLimitlessIcon = (_a) => {
 LogoLimitlessIcon.displayName = "LogoLimitlessIcon";
 
 // src/primitives/venue-logo/svg/logo-opinion.tsx
-import { jsx as jsx77, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs72 } from "react/jsx-runtime";
 var OPINION_BLACK = "#000000";
 var LogoOpinionIcon = (_a) => {
   var _b = _a, {
@@ -3753,7 +3783,7 @@ var LogoOpinionIcon = (_a) => {
     isColor,
     color
   });
-  return /* @__PURE__ */ jsxs71(
+  return /* @__PURE__ */ jsxs72(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 100 100",
@@ -3761,8 +3791,8 @@ var LogoOpinionIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ jsx77("title", { children: title }) : null,
-        /* @__PURE__ */ jsx77(
+        title ? /* @__PURE__ */ jsx78("title", { children: title }) : null,
+        /* @__PURE__ */ jsx78(
           "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",
@@ -3776,7 +3806,7 @@ var LogoOpinionIcon = (_a) => {
 LogoOpinionIcon.displayName = "LogoOpinionIcon";
 
 // src/primitives/venue-logo/svg/logo-polymarket.tsx
-import { jsx as jsx78, jsxs as jsxs72 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs73 } from "react/jsx-runtime";
 var POLYMARKET_BLUE = "#2E5CFF";
 var LogoPolymarketIcon = (_a) => {
   var _b = _a, {
@@ -3795,7 +3825,7 @@ var LogoPolymarketIcon = (_a) => {
     isColor,
     color
   });
-  return /* @__PURE__ */ jsxs72(
+  return /* @__PURE__ */ jsxs73(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 100 100",
@@ -3803,8 +3833,8 @@ var LogoPolymarketIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ jsx78("title", { children: title }) : null,
-        /* @__PURE__ */ jsx78(
+        title ? /* @__PURE__ */ jsx79("title", { children: title }) : null,
+        /* @__PURE__ */ jsx79(
           "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",
@@ -3818,7 +3848,7 @@ var LogoPolymarketIcon = (_a) => {
 LogoPolymarketIcon.displayName = "LogoPolymarketIcon";
 
 // src/primitives/venue-logo/svg/logo-probable.tsx
-import { jsx as jsx79, jsxs as jsxs73 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs74 } from "react/jsx-runtime";
 var PROBABLE_ORANGE = "#F05923";
 var LogoProbableIcon = (_a) => {
   var _b = _a, {
@@ -3837,7 +3867,7 @@ var LogoProbableIcon = (_a) => {
     isColor,
     color
   });
-  return /* @__PURE__ */ jsxs73(
+  return /* @__PURE__ */ jsxs74(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 100 100",
@@ -3845,16 +3875,16 @@ var LogoProbableIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ jsx79("title", { children: title }) : null,
-        /* @__PURE__ */ jsx79(
+        title ? /* @__PURE__ */ jsx80("title", { children: title }) : null,
+        /* @__PURE__ */ jsx80(
           "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__ */ jsx79("path", { d: "M90.9329 15.4546V30.4546H8.90234V15.4546H90.9329Z", fill: primaryColor }),
-        /* @__PURE__ */ jsx79(
+        /* @__PURE__ */ jsx80("path", { d: "M90.9329 15.4546V30.4546H8.90234V15.4546H90.9329Z", fill: primaryColor }),
+        /* @__PURE__ */ jsx80(
           "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",
@@ -3898,7 +3928,7 @@ var sizeClasses2 = {
 };
 
 // src/primitives/venue-logo/index.tsx
-import { jsx as jsx80 } from "react/jsx-runtime";
+import { jsx as jsx81 } from "react/jsx-runtime";
 var VenueLogo = ({
   venue,
   variant = "icon",
@@ -3919,7 +3949,7 @@ var VenueLogo = ({
   const resolvedLabel = (_a = ariaLabel != null ? ariaLabel : labels.venues[venue]) != null ? _a : venueLogoLabels[venue];
   if (!showVenueLogo) return null;
   if (variant === "logo") {
-    return /* @__PURE__ */ jsx80(
+    return /* @__PURE__ */ jsx81(
       RemoteImage,
       {
         src: venueLogoUrlRegistry[venue],
@@ -3931,7 +3961,7 @@ var VenueLogo = ({
   }
   const Component = venueLogoRegistry[venue];
   const resolvedIsColor = isMonochromatic ? false : isColor;
-  return /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsx81(
     Component,
     {
       className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
@@ -3960,7 +3990,7 @@ var baseBadgeClasses = cn(
 );
 
 // src/primitives/badge/index.tsx
-import { jsx as jsx81, jsxs as jsxs74 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs75 } from "react/jsx-runtime";
 function Badge({
   text,
   prefix,
@@ -3975,7 +4005,7 @@ function Badge({
   } = useSdkUiConfig8();
   const resolvedText = `${text}`;
   const resolvedAriaLabel = resolvedText.length > 0 ? resolvedText : void 0;
-  return /* @__PURE__ */ jsxs74(
+  return /* @__PURE__ */ jsxs75(
     "span",
     __spreadProps(__spreadValues({
       "aria-label": resolvedAriaLabel,
@@ -3993,9 +4023,9 @@ function Badge({
       )
     }, onClick && { onClick }), {
       children: [
-        prefix ? /* @__PURE__ */ jsx81("span", { className: cn(classNames == null ? void 0 : classNames.prefix, "empty:hidden"), children: prefix }) : null,
-        /* @__PURE__ */ jsx81("span", { className: cn("truncate", classNames == null ? void 0 : classNames.text), children: text }),
-        suffix ? /* @__PURE__ */ jsx81("span", { className: cn(classNames == null ? void 0 : classNames.suffix, "empty:hidden"), children: suffix }) : null
+        prefix ? /* @__PURE__ */ jsx82("span", { className: cn(classNames == null ? void 0 : classNames.prefix, "empty:hidden"), children: prefix }) : null,
+        /* @__PURE__ */ jsx82("span", { className: cn("truncate", classNames == null ? void 0 : classNames.text), children: text }),
+        suffix ? /* @__PURE__ */ jsx82("span", { className: cn(classNames == null ? void 0 : classNames.suffix, "empty:hidden"), children: suffix }) : null
       ]
     })
   );
@@ -4005,7 +4035,7 @@ Badge.displayName = "Badge";
 // src/primitives/select/index.tsx
 import { useCallback, useEffect as useEffect3, useRef as useRef2, useState as useState4 } from "react";
 import { useLabels as useLabels10, useSdkUiConfig as useSdkUiConfig9 } from "@agg-market/hooks";
-import { jsx as jsx82, jsxs as jsxs75 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs76 } from "react/jsx-runtime";
 var Select = ({
   items,
   value,
@@ -4045,8 +4075,8 @@ var Select = ({
   const isDisabled = disabled || !hasEnabledItems;
   const selectedItem = items.find((item) => item.value === value);
   if (!hasAnyIcon) {
-    return /* @__PURE__ */ jsxs75("label", { className: cn("group/agg-select", "relative inline-flex w-full", className), children: [
-      /* @__PURE__ */ jsx82(
+    return /* @__PURE__ */ jsxs76("label", { className: cn("group/agg-select", "relative inline-flex w-full", className), children: [
+      /* @__PURE__ */ jsx83(
         "select",
         {
           "aria-label": ariaLabel != null ? ariaLabel : labels.common.selectAria,
@@ -4062,19 +4092,19 @@ var Select = ({
           disabled: isDisabled,
           value,
           onChange: (event) => onChange(event.target.value),
-          children: items.map((item) => /* @__PURE__ */ jsx82("option", { value: item.value, disabled: item.disabled, children: item.label }, item.value))
+          children: items.map((item) => /* @__PURE__ */ jsx83("option", { value: item.value, disabled: item.disabled, children: item.label }, item.value))
         }
       ),
-      /* @__PURE__ */ jsx82("span", { className: "pointer-events-none absolute inset-y-0 right-3 inline-flex items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ jsx82(Icon, { name: "chevron-down", size: "small", color: "currentColor" }) })
+      /* @__PURE__ */ jsx83("span", { className: "pointer-events-none absolute inset-y-0 right-3 inline-flex items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ jsx83(Icon, { name: "chevron-down", size: "small", color: "currentColor" }) })
     ] });
   }
-  return /* @__PURE__ */ jsxs75(
+  return /* @__PURE__ */ jsxs76(
     "div",
     {
       ref: containerRef,
       className: cn("group/agg-select", "relative inline-flex w-full", className),
       children: [
-        /* @__PURE__ */ jsxs75(
+        /* @__PURE__ */ jsxs76(
           "button",
           {
             type: "button",
@@ -4094,7 +4124,7 @@ var Select = ({
             ),
             onClick: () => setIsOpen((prev) => !prev),
             children: [
-              (selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ jsx82(
+              (selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ jsx83(
                 RemoteImage,
                 {
                   src: selectedItem.iconUrl,
@@ -4102,12 +4132,12 @@ var Select = ({
                   className: "h-4 w-4 shrink-0 rounded-sm object-contain"
                 }
               ) : null,
-              /* @__PURE__ */ jsx82("span", { className: "flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
+              /* @__PURE__ */ jsx83("span", { className: "flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
             ]
           }
         ),
-        /* @__PURE__ */ jsx82("span", { className: "pointer-events-none absolute inset-y-0 right-3 inline-flex items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ jsx82(Icon, { name: "chevron-down", size: "small", color: "currentColor" }) }),
-        isOpen ? /* @__PURE__ */ jsx82(
+        /* @__PURE__ */ jsx83("span", { className: "pointer-events-none absolute inset-y-0 right-3 inline-flex items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ jsx83(Icon, { name: "chevron-down", size: "small", color: "currentColor" }) }),
+        isOpen ? /* @__PURE__ */ jsx83(
           "div",
           {
             role: "listbox",
@@ -4115,7 +4145,7 @@ var Select = ({
             className: "absolute top-full left-0 z-50 mt-1 w-full overflow-hidden rounded-agg-md border border-agg-separator bg-agg-secondary shadow-lg",
             children: items.map((item) => {
               const isSelected = item.value === value;
-              return /* @__PURE__ */ jsxs75(
+              return /* @__PURE__ */ jsxs76(
                 "button",
                 {
                   type: "button",
@@ -4135,7 +4165,7 @@ var Select = ({
                     }
                   },
                   children: [
-                    item.iconUrl ? /* @__PURE__ */ jsx82(
+                    item.iconUrl ? /* @__PURE__ */ jsx83(
                       RemoteImage,
                       {
                         src: item.iconUrl,
@@ -4143,7 +4173,7 @@ var Select = ({
                         className: "h-4 w-4 shrink-0 rounded-sm object-contain"
                       }
                     ) : null,
-                    /* @__PURE__ */ jsx82("span", { className: "truncate", children: item.label })
+                    /* @__PURE__ */ jsx83("span", { className: "truncate", children: item.label })
                   ]
                 },
                 item.value
@@ -4166,10 +4196,10 @@ import {
 import { useLabels as useLabels11, useSdkUiConfig as useSdkUiConfig10, useVenueEvents } from "@agg-market/hooks";
 
 // src/primitives/search/search-empty-icon.tsx
-import { jsx as jsx83, jsxs as jsxs76 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs77 } from "react/jsx-runtime";
 var SearchEmptyIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs76(
+  return /* @__PURE__ */ jsxs77(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 40 40",
@@ -4178,9 +4208,9 @@ var SearchEmptyIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ jsx83("title", { children: title }) : null,
-        /* @__PURE__ */ jsx83("circle", { cx: "19.9987", cy: "20.0013", r: "9.2", stroke: "currentColor", strokeWidth: "1.6" }),
-        /* @__PURE__ */ jsx83(
+        title ? /* @__PURE__ */ jsx84("title", { children: title }) : null,
+        /* @__PURE__ */ jsx84("circle", { cx: "19.9987", cy: "20.0013", r: "9.2", stroke: "currentColor", strokeWidth: "1.6" }),
+        /* @__PURE__ */ jsx84(
           "ellipse",
           {
             cx: "19.9987",
@@ -4371,7 +4401,7 @@ var mapVenueEventToSearchResult = (event, labels, formatPercent, formatCompactCu
 };
 
 // src/primitives/search/index.tsx
-import { Fragment as Fragment4, jsx as jsx84, jsxs as jsxs77 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx85, jsxs as jsxs78 } from "react/jsx-runtime";
 var SearchResultRow = ({
   item,
   resultAria,
@@ -4382,7 +4412,7 @@ var SearchResultRow = ({
   const handleResultClick = () => {
     onSelect == null ? void 0 : onSelect(item);
   };
-  return /* @__PURE__ */ jsxs77(
+  return /* @__PURE__ */ jsxs78(
     "button",
     {
       type: "button",
@@ -4398,8 +4428,8 @@ var SearchResultRow = ({
       onClick: handleResultClick,
       "aria-label": resultAria(item.title),
       children: [
-        /* @__PURE__ */ jsxs77("div", { className: "flex min-w-0 flex-1 items-center gap-4", children: [
-          item.thumbnailSrc ? /* @__PURE__ */ jsx84(
+        /* @__PURE__ */ jsxs78("div", { className: "flex min-w-0 flex-1 items-center gap-4", children: [
+          item.thumbnailSrc ? /* @__PURE__ */ jsx85(
             RemoteImage,
             {
               src: item.thumbnailSrc,
@@ -4409,7 +4439,7 @@ var SearchResultRow = ({
                 classNames == null ? void 0 : classNames.resultThumbnail
               )
             }
-          ) : /* @__PURE__ */ jsx84(
+          ) : /* @__PURE__ */ jsx85(
             "div",
             {
               className: cn(
@@ -4419,8 +4449,8 @@ var SearchResultRow = ({
               "aria-hidden": true
             }
           ),
-          /* @__PURE__ */ jsxs77("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-            /* @__PURE__ */ jsx84(
+          /* @__PURE__ */ jsxs78("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+            /* @__PURE__ */ jsx85(
               "p",
               {
                 className: cn(
@@ -4430,8 +4460,8 @@ var SearchResultRow = ({
                 children: item.title
               }
             ),
-            /* @__PURE__ */ jsxs77("div", { className: "flex min-w-0 items-center gap-2 text-agg-muted-foreground", children: [
-              /* @__PURE__ */ jsx84(
+            /* @__PURE__ */ jsxs78("div", { className: "flex min-w-0 items-center gap-2 text-agg-muted-foreground", children: [
+              /* @__PURE__ */ jsx85(
                 "p",
                 {
                   className: cn(
@@ -4441,10 +4471,10 @@ var SearchResultRow = ({
                   children: item.marketSummaryLabel
                 }
               ),
-              /* @__PURE__ */ jsx84("div", { className: "flex items-center gap-1", "aria-hidden": true, children: item.visibleVenues.map((venue) => /* @__PURE__ */ jsx84(VenueLogo, { venue, className: "size-[14px]" }, `${item.id}-${venue}`)) }),
-              item.volumeLabel ? /* @__PURE__ */ jsxs77(Fragment4, { children: [
-                /* @__PURE__ */ jsx84("span", { className: "text-agg-muted-foreground", "aria-hidden": true, children: "\xB7" }),
-                /* @__PURE__ */ jsx84(
+              /* @__PURE__ */ jsx85("div", { className: "flex items-center gap-1", "aria-hidden": true, children: item.visibleVenues.map((venue) => /* @__PURE__ */ jsx85(VenueLogo, { venue, className: "size-[14px]" }, `${item.id}-${venue}`)) }),
+              item.volumeLabel ? /* @__PURE__ */ jsxs78(Fragment4, { children: [
+                /* @__PURE__ */ jsx85("span", { className: "text-agg-muted-foreground", "aria-hidden": true, children: "\xB7" }),
+                /* @__PURE__ */ jsx85(
                   "p",
                   {
                     className: cn(
@@ -4458,10 +4488,10 @@ var SearchResultRow = ({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs77("div", { className: cn("flex w-[200px] shrink-0 items-center gap-2", classNames == null ? void 0 : classNames.resultMeta), children: [
-          /* @__PURE__ */ jsx84(VenueLogo, { venue: item.venue, className: "size-4" }),
-          /* @__PURE__ */ jsxs77("div", { className: "flex min-w-0 flex-1 items-baseline gap-2", children: [
-            /* @__PURE__ */ jsx84(
+        /* @__PURE__ */ jsxs78("div", { className: cn("flex w-[200px] shrink-0 items-center gap-2", classNames == null ? void 0 : classNames.resultMeta), children: [
+          /* @__PURE__ */ jsx85(VenueLogo, { venue: item.venue, className: "size-4" }),
+          /* @__PURE__ */ jsxs78("div", { className: "flex min-w-0 flex-1 items-baseline gap-2", children: [
+            /* @__PURE__ */ jsx85(
               "p",
               {
                 className: cn(
@@ -4471,7 +4501,7 @@ var SearchResultRow = ({
                 children: item.valueLabel
               }
             ),
-            /* @__PURE__ */ jsx84(
+            /* @__PURE__ */ jsx85(
               "p",
               {
                 className: cn(
@@ -4483,7 +4513,7 @@ var SearchResultRow = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx84(
+        /* @__PURE__ */ jsx85(
           Icon,
           {
             name: "chevron-right",
@@ -4499,7 +4529,7 @@ var SearchSeeAllResultsButton = ({
   label,
   onClick
 }) => {
-  return /* @__PURE__ */ jsxs77(
+  return /* @__PURE__ */ jsxs78(
     "button",
     {
       type: "button",
@@ -4511,8 +4541,8 @@ var SearchSeeAllResultsButton = ({
       ),
       onClick,
       children: [
-        /* @__PURE__ */ jsx84("span", { children: label }),
-        /* @__PURE__ */ jsx84(Icon, { name: "chevron-right", size: "small", className: "size-[14px] text-agg-primary" })
+        /* @__PURE__ */ jsx85("span", { children: label }),
+        /* @__PURE__ */ jsx85(Icon, { name: "chevron-right", size: "small", className: "size-[14px] text-agg-primary" })
       ]
     }
   );
@@ -4611,14 +4641,14 @@ var Search = ({
   const handleSeeAllResults = () => {
     searchConfig.openResults();
   };
-  return /* @__PURE__ */ jsxs77(
+  return /* @__PURE__ */ jsxs78(
     "div",
     {
       className: cn("group/agg-search", "relative flex w-full flex-col", classNames == null ? void 0 : classNames.root),
       onFocusCapture: handleFocusWithin,
       onBlurCapture: handleBlurWithin,
       children: [
-        /* @__PURE__ */ jsx84("label", { className: "w-full", children: /* @__PURE__ */ jsxs77(
+        /* @__PURE__ */ jsx85("label", { className: "w-full", children: /* @__PURE__ */ jsxs78(
           "div",
           {
             className: cn(
@@ -4632,7 +4662,7 @@ var Search = ({
               classNames == null ? void 0 : classNames.inputContainer
             ),
             children: [
-              /* @__PURE__ */ jsx84(
+              /* @__PURE__ */ jsx85(
                 Icon,
                 {
                   name: "search",
@@ -4640,7 +4670,7 @@ var Search = ({
                   className: cn("text-agg-muted-foreground", classNames == null ? void 0 : classNames.searchIcon)
                 }
               ),
-              /* @__PURE__ */ jsx84(
+              /* @__PURE__ */ jsx85(
                 "input",
                 __spreadProps(__spreadValues({}, inputProps), {
                   type: "text",
@@ -4658,31 +4688,31 @@ var Search = ({
                   )
                 })
               ),
-              shouldRenderShortcut ? /* @__PURE__ */ jsx84("div", { className: "flex size-6 shrink-0 items-center justify-center rounded-[4px] bg-agg-secondary-hover", children: /* @__PURE__ */ jsx84("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-muted-foreground", children: "/" }) }) : null
+              shouldRenderShortcut ? /* @__PURE__ */ jsx85("div", { className: "flex size-6 shrink-0 items-center justify-center rounded-[4px] bg-agg-secondary-hover", children: /* @__PURE__ */ jsx85("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-muted-foreground", children: "/" }) }) : null
             ]
           }
         ) }),
-        shouldRenderLoadingState ? /* @__PURE__ */ jsx84("div", { className: "absolute left-0 right-0 top-full z-50 mt-1", children: /* @__PURE__ */ jsx84(Skeleton, { view: "search" }) }) : null,
-        shouldRenderResults ? /* @__PURE__ */ jsx84(
+        shouldRenderLoadingState ? /* @__PURE__ */ jsx85("div", { className: "absolute left-0 right-0 top-full z-50 mt-1", children: /* @__PURE__ */ jsx85(Skeleton, { view: "search" }) }) : null,
+        shouldRenderResults ? /* @__PURE__ */ jsx85(
           "div",
           {
             className: cn(
               "absolute left-0 right-0 top-full z-50 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__ */ jsxs77(
+            children: /* @__PURE__ */ jsxs78(
               "ul",
               {
                 className: cn("m-0 flex list-none flex-col p-0", classNames == null ? void 0 : classNames.resultsList),
                 role: "listbox",
                 "aria-label": labels.search.resultsAria,
                 children: [
-                  validatedResults.map((item, index) => /* @__PURE__ */ jsx84(
+                  validatedResults.map((item, index) => /* @__PURE__ */ jsx85(
                     "li",
                     {
                       role: "presentation",
                       className: cn(index > 0 && "border-t border-agg-separator", classNames == null ? void 0 : classNames.resultItem),
-                      children: /* @__PURE__ */ jsx84(
+                      children: /* @__PURE__ */ jsx85(
                         SearchResultRow,
                         {
                           item,
@@ -4694,7 +4724,7 @@ var Search = ({
                     },
                     item.id
                   )),
-                  /* @__PURE__ */ jsx84("li", { role: "presentation", className: "border-t border-agg-separator", children: /* @__PURE__ */ jsx84(
+                  /* @__PURE__ */ jsx85("li", { role: "presentation", className: "border-t border-agg-separator", children: /* @__PURE__ */ jsx85(
                     SearchSeeAllResultsButton,
                     {
                       label: labels.search.seeAllResults,
@@ -4706,29 +4736,29 @@ var Search = ({
             )
           }
         ) : null,
-        shouldRenderNoResults ? /* @__PURE__ */ jsx84(
+        shouldRenderNoResults ? /* @__PURE__ */ jsx85(
           "div",
           {
             className: cn(
               "absolute left-0 right-0 top-full z-50 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__ */ jsxs77(
+            children: /* @__PURE__ */ jsxs78(
               "div",
               {
                 className: cn("flex flex-col items-center gap-5", classNames == null ? void 0 : classNames.emptyStateContent),
                 role: "status",
                 "aria-live": "polite",
                 children: [
-                  /* @__PURE__ */ jsx84(
+                  /* @__PURE__ */ jsx85(
                     SearchEmptyIcon,
                     {
                       className: cn("h-10 w-10 text-agg-muted-foreground", classNames == null ? void 0 : classNames.emptyStateIcon),
                       "aria-hidden": true
                     }
                   ),
-                  /* @__PURE__ */ jsxs77("div", { className: "flex flex-col items-center gap-1 text-center", children: [
-                    /* @__PURE__ */ jsx84(
+                  /* @__PURE__ */ jsxs78("div", { className: "flex flex-col items-center gap-1 text-center", children: [
+                    /* @__PURE__ */ jsx85(
                       "p",
                       {
                         className: cn(
@@ -4738,7 +4768,7 @@ var Search = ({
                         children: labels.search.noResultsTitle
                       }
                     ),
-                    /* @__PURE__ */ jsx84(
+                    /* @__PURE__ */ jsx85(
                       "p",
                       {
                         className: cn(
@@ -4761,7 +4791,7 @@ var Search = ({
 Search.displayName = "Search";
 
 // src/primitives/state-message/index.tsx
-import { jsx as jsx85, jsxs as jsxs78 } from "react/jsx-runtime";
+import { jsx as jsx86, jsxs as jsxs79 } from "react/jsx-runtime";
 var iconClassName = "h-9 w-9 text-agg-muted-foreground";
 var StateMessage = ({
   ariaLabel,
@@ -4772,8 +4802,8 @@ var StateMessage = ({
   onAction,
   className
 }) => {
-  const icon = tone === "warning" ? /* @__PURE__ */ jsx85(WarningIcon, { className: iconClassName, "aria-hidden": true }) : /* @__PURE__ */ jsx85(SearchEmptyIcon, { className: iconClassName, "aria-hidden": true });
-  return /* @__PURE__ */ jsx85(
+  const icon = tone === "warning" ? /* @__PURE__ */ jsx86(WarningIcon, { className: iconClassName, "aria-hidden": true }) : /* @__PURE__ */ jsx86(SearchEmptyIcon, { className: iconClassName, "aria-hidden": true });
+  return /* @__PURE__ */ jsx86(
     "div",
     {
       className: cn(
@@ -4783,13 +4813,13 @@ var StateMessage = ({
       role: "status",
       "aria-live": "polite",
       "aria-label": ariaLabel,
-      children: /* @__PURE__ */ jsxs78("div", { className: "flex flex-col items-center gap-6", children: [
+      children: /* @__PURE__ */ jsxs79("div", { className: "flex flex-col items-center gap-6", children: [
         icon,
-        /* @__PURE__ */ jsxs78("div", { className: "flex flex-col items-center gap-2", children: [
-          /* @__PURE__ */ jsx85(Typography, { variant: "body-large-strong", children: title }),
-          description ? /* @__PURE__ */ jsx85(Typography, { variant: "body", className: "whitespace-pre-line text-agg-muted-foreground", children: description }) : null
+        /* @__PURE__ */ jsxs79("div", { className: "flex flex-col items-center gap-2", children: [
+          /* @__PURE__ */ jsx86(Typography, { variant: "body-large-strong", children: title }),
+          description ? /* @__PURE__ */ jsx86(Typography, { variant: "body", className: "whitespace-pre-line text-agg-muted-foreground", children: description }) : null
         ] }),
-        actionLabel && onAction ? /* @__PURE__ */ jsx85(
+        actionLabel && onAction ? /* @__PURE__ */ jsx86(
           Button,
           {
             variant: "tertiary",
@@ -4836,7 +4866,7 @@ var findEdgeEnabledIndex = (items, direction) => {
 };
 
 // src/primitives/tabs/index.tsx
-import { Fragment as Fragment5, jsx as jsx86, jsxs as jsxs79 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx87, jsxs as jsxs80 } from "react/jsx-runtime";
 var mobileTabsMediaQuery = "(max-width: 512px)";
 var getTabButtonClassName = ({
   enableAnimations,
@@ -5161,7 +5191,7 @@ var Tabs = ({
     });
   }, [enableAnimations, renderedItems, shouldUseOverflowScroll, value]);
   if (shouldUseOverflowSelect) {
-    return /* @__PURE__ */ jsx86("div", { className: cn("w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ jsx86(
+    return /* @__PURE__ */ jsx87("div", { className: cn("w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ jsx87(
       Select,
       {
         ariaLabel,
@@ -5173,7 +5203,7 @@ var Tabs = ({
       }
     ) });
   }
-  return /* @__PURE__ */ jsxs79(
+  return /* @__PURE__ */ jsxs80(
     "div",
     {
       className: cn(
@@ -5184,7 +5214,7 @@ var Tabs = ({
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ jsxs79(
+        /* @__PURE__ */ jsxs80(
           "div",
           {
             ref: tabListRef,
@@ -5200,7 +5230,7 @@ var Tabs = ({
             children: [
               renderedItems.map((item, index) => {
                 const isActive = item.value === value;
-                return /* @__PURE__ */ jsxs79(
+                return /* @__PURE__ */ jsxs80(
                   "button",
                   {
                     ref: (buttonElement) => {
@@ -5229,7 +5259,7 @@ var Tabs = ({
                       shouldUseOverflowScroll && !isBarVariant && "snap-start"
                     ),
                     children: [
-                      isBarVariant ? /* @__PURE__ */ jsx86(Fragment5, { children: /* @__PURE__ */ jsx86(
+                      isBarVariant ? /* @__PURE__ */ jsx87(Fragment5, { children: /* @__PURE__ */ jsx87(
                         "span",
                         {
                           "aria-hidden": true,
@@ -5243,8 +5273,8 @@ var Tabs = ({
                           )
                         }
                       ) }) : null,
-                      item.icon ? /* @__PURE__ */ jsx86("span", { className: "relative z-10 inline-flex shrink-0 items-center justify-center empty:hidden", children: item.icon }) : null,
-                      /* @__PURE__ */ jsx86(
+                      item.icon ? /* @__PURE__ */ jsx87("span", { className: "relative z-10 inline-flex shrink-0 items-center justify-center empty:hidden", children: item.icon }) : null,
+                      /* @__PURE__ */ jsx87(
                         "span",
                         {
                           className: cn(
@@ -5259,7 +5289,7 @@ var Tabs = ({
                   item.value
                 );
               }),
-              !isBarVariant ? /* @__PURE__ */ jsx86(
+              !isBarVariant ? /* @__PURE__ */ jsx87(
                 "span",
                 {
                   "aria-hidden": true,
@@ -5277,8 +5307,8 @@ var Tabs = ({
             ]
           }
         ),
-        shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ jsxs79(Fragment5, { children: [
-          /* @__PURE__ */ jsx86(
+        shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ jsxs80(Fragment5, { children: [
+          /* @__PURE__ */ jsx87(
             "span",
             {
               "aria-hidden": true,
@@ -5289,7 +5319,7 @@ var Tabs = ({
               )
             }
           ),
-          /* @__PURE__ */ jsx86(
+          /* @__PURE__ */ jsx87(
             "span",
             {
               "aria-hidden": true,
@@ -5310,7 +5340,7 @@ Tabs.displayName = "Tabs";
 // src/primitives/modal/index.tsx
 import * as Dialog from "@radix-ui/react-dialog";
 import { useSdkUiConfig as useSdkUiConfig12, useLabels as useLabels13 } from "@agg-market/hooks";
-import { Fragment as Fragment6, jsx as jsx87, jsxs as jsxs80 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx88, jsxs as jsxs81 } from "react/jsx-runtime";
 var Modal = ({
   open,
   onOpenChange,
@@ -5318,7 +5348,7 @@ var Modal = ({
   "aria-label": _ariaLabel,
   "aria-labelledby": _ariaLabelledBy
 }) => {
-  return /* @__PURE__ */ jsx87(Dialog.Root, { open, onOpenChange, children });
+  return /* @__PURE__ */ jsx88(Dialog.Root, { open, onOpenChange, children });
 };
 var ModalContainer = ({
   children,
@@ -5333,8 +5363,8 @@ var ModalContainer = ({
   } = useSdkUiConfig12();
   const overlayAnimationClassName = enableAnimations ? "motion-safe:data-[state=open]:animate-agg-modal-overlay-in motion-safe:data-[state=closed]:animate-agg-modal-overlay-out motion-reduce:animate-none" : void 0;
   const panelAnimationClassName = enableAnimations ? "motion-safe:data-[state=open]:animate-agg-modal-panel-in motion-safe:data-[state=closed]:animate-agg-modal-panel-out motion-reduce:animate-none" : void 0;
-  return /* @__PURE__ */ jsxs80(Dialog.Portal, { children: [
-    /* @__PURE__ */ jsx87(
+  return /* @__PURE__ */ jsxs81(Dialog.Portal, { children: [
+    /* @__PURE__ */ jsx88(
       Dialog.Overlay,
       {
         className: cn(
@@ -5344,7 +5374,7 @@ var ModalContainer = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx87(
+    /* @__PURE__ */ jsx88(
       Dialog.Content,
       {
         className: cn(
@@ -5359,7 +5389,7 @@ var ModalContainer = ({
         onCloseAutoFocus: (event) => {
           event.preventDefault();
         },
-        children: /* @__PURE__ */ jsx87(
+        children: /* @__PURE__ */ jsx88(
           "div",
           {
             className: cn(
@@ -5397,9 +5427,9 @@ var ModalHeader = ({
     features: { enableAnimations }
   } = useSdkUiConfig12();
   const labels = useLabels13();
-  const defaultCloseIcon = /* @__PURE__ */ jsx87(CloseIcon, { className: "h-6 w-6" });
+  const defaultCloseIcon = /* @__PURE__ */ jsx88(CloseIcon, { className: "h-6 w-6" });
   const resolvedCloseIcon = closeIcon != null ? closeIcon : defaultCloseIcon;
-  return /* @__PURE__ */ jsxs80(
+  return /* @__PURE__ */ jsxs81(
     "div",
     {
       className: cn(
@@ -5412,7 +5442,7 @@ var ModalHeader = ({
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ jsxs80(
+        /* @__PURE__ */ jsxs81(
           "div",
           {
             className: cn(
@@ -5424,9 +5454,9 @@ var ModalHeader = ({
               classNames == null ? void 0 : classNames.container
             ),
             children: [
-              leftElement ? /* @__PURE__ */ jsx87(Fragment6, { children: leftElement }) : null,
-              /* @__PURE__ */ jsxs80("div", { className: cn("max-w-[calc(100%-1rem)] flex-1", classNames == null ? void 0 : classNames.titleContainer), children: [
-                /* @__PURE__ */ jsx87(
+              leftElement ? /* @__PURE__ */ jsx88(Fragment6, { children: leftElement }) : null,
+              /* @__PURE__ */ jsxs81("div", { className: cn("max-w-[calc(100%-1rem)] flex-1", classNames == null ? void 0 : classNames.titleContainer), children: [
+                /* @__PURE__ */ jsx88(
                   Dialog.Title,
                   {
                     className: cn(
@@ -5439,7 +5469,7 @@ var ModalHeader = ({
                     children: title
                   }
                 ),
-                subtitle ? /* @__PURE__ */ jsx87(
+                subtitle ? /* @__PURE__ */ jsx88(
                   "span",
                   {
                     className: cn(
@@ -5450,9 +5480,9 @@ var ModalHeader = ({
                   }
                 ) : null
               ] }),
-              /* @__PURE__ */ jsxs80("div", { className: "flex flex-row gap-6 items-center justify-end", children: [
-                rightElement ? /* @__PURE__ */ jsx87(Fragment6, { children: rightElement }) : null,
-                !hideClose && /* @__PURE__ */ jsx87(
+              /* @__PURE__ */ jsxs81("div", { className: "flex flex-row gap-6 items-center justify-end", children: [
+                rightElement ? /* @__PURE__ */ jsx88(Fragment6, { children: rightElement }) : null,
+                !hideClose && /* @__PURE__ */ jsx88(
                   Dialog.Close,
                   {
                     className: cn(
@@ -5468,14 +5498,14 @@ var ModalHeader = ({
             ]
           }
         ),
-        children ? /* @__PURE__ */ jsx87("div", { children }) : null
+        children ? /* @__PURE__ */ jsx88("div", { children }) : null
       ]
     }
   );
 };
 Modal.Header = ModalHeader;
 var ModalBody = ({ children, classNames }) => {
-  return /* @__PURE__ */ jsx87(
+  return /* @__PURE__ */ jsx88(
     "div",
     {
       className: cn(
@@ -5496,7 +5526,7 @@ var ModalFooter = ({
   classNames,
   hideBorder = false
 }) => {
-  return /* @__PURE__ */ jsx87(
+  return /* @__PURE__ */ jsx88(
     "div",
     {
       className: cn(
@@ -5530,7 +5560,7 @@ var isHeaderLogoProps = (value) => {
 };
 
 // src/primitives/header/index.tsx
-import { jsx as jsx88, jsxs as jsxs81 } from "react/jsx-runtime";
+import { jsx as jsx89, jsxs as jsxs82 } from "react/jsx-runtime";
 var Header = ({
   logo,
   logoHref,
@@ -5542,7 +5572,7 @@ var Header = ({
   "aria-label": ariaLabel
 }) => {
   const labels = useLabels14();
-  const logoContent = isHeaderLogoProps(logo) ? /* @__PURE__ */ jsx88(
+  const logoContent = isHeaderLogoProps(logo) ? /* @__PURE__ */ jsx89(
     "img",
     {
       src: logo.src,
@@ -5551,24 +5581,24 @@ var Header = ({
       height: logo.height,
       className: cn("block max-h-full", classNames == null ? void 0 : classNames.logoElement)
     }
-  ) : logo !== void 0 ? /* @__PURE__ */ jsx88("span", { className: classNames == null ? void 0 : classNames.logoElement, children: logo }) : /* @__PURE__ */ jsx88(
+  ) : logo !== void 0 ? /* @__PURE__ */ jsx89("span", { className: classNames == null ? void 0 : classNames.logoElement, children: logo }) : /* @__PURE__ */ jsx89(
     AggLogo,
     {
       className: cn("h-6 w-auto text-agg-foreground", classNames == null ? void 0 : classNames.logoElement),
       title: labels.header.logoAria
     }
   );
-  const wrappedLogo = logoHref ? /* @__PURE__ */ jsx88("a", { href: logoHref, "aria-label": labels.header.logoAria, className: classNames == null ? void 0 : classNames.logoWrapper, children: logoContent }) : /* @__PURE__ */ jsx88("div", { className: classNames == null ? void 0 : classNames.logoWrapper, children: logoContent });
-  const searchContent = search !== void 0 ? search : searchProps ? /* @__PURE__ */ jsx88(Search, __spreadValues({}, searchProps)) : null;
-  return /* @__PURE__ */ jsx88(
+  const wrappedLogo = logoHref ? /* @__PURE__ */ jsx89("a", { href: logoHref, "aria-label": labels.header.logoAria, className: classNames == null ? void 0 : classNames.logoWrapper, children: logoContent }) : /* @__PURE__ */ jsx89("div", { className: classNames == null ? void 0 : classNames.logoWrapper, children: logoContent });
+  const searchContent = search !== void 0 ? search : searchProps ? /* @__PURE__ */ jsx89(Search, __spreadValues({}, searchProps)) : null;
+  return /* @__PURE__ */ jsx89(
     "header",
     {
       role: "banner",
       "aria-label": ariaLabel != null ? ariaLabel : labels.header.bannerAria,
       className: cn(baseHeaderClasses, sticky && stickyHeaderClasses, classNames == null ? void 0 : classNames.root),
-      children: /* @__PURE__ */ jsxs81("div", { className: cn(headerInnerClasses, classNames == null ? void 0 : classNames.inner), children: [
-        /* @__PURE__ */ jsx88("div", { className: cn("flex shrink-0 items-center", classNames == null ? void 0 : classNames.leftSection), children: wrappedLogo }),
-        searchContent ? /* @__PURE__ */ jsx88(
+      children: /* @__PURE__ */ jsxs82("div", { className: cn(headerInnerClasses, classNames == null ? void 0 : classNames.inner), children: [
+        /* @__PURE__ */ jsx89("div", { className: cn("flex shrink-0 items-center", classNames == null ? void 0 : classNames.leftSection), children: wrappedLogo }),
+        searchContent ? /* @__PURE__ */ jsx89(
           "div",
           {
             className: cn(
@@ -5578,7 +5608,7 @@ var Header = ({
             children: searchContent
           }
         ) : null,
-        /* @__PURE__ */ jsx88("div", { className: cn("flex shrink-0 items-center gap-2", classNames == null ? void 0 : classNames.rightSection), children: actions })
+        /* @__PURE__ */ jsx89("div", { className: cn("flex shrink-0 items-center gap-2", classNames == null ? void 0 : classNames.rightSection), children: actions })
       ] })
     }
   );
@@ -5597,7 +5627,7 @@ var tooltipSizeClasses = {
 };
 
 // src/primitives/tooltip/index.tsx
-import { jsx as jsx89, jsxs as jsxs82 } from "react/jsx-runtime";
+import { jsx as jsx90, jsxs as jsxs83 } from "react/jsx-runtime";
 var Tooltip = ({
   content,
   children,
@@ -5615,7 +5645,7 @@ var Tooltip = ({
     if (children) return children;
     return (
       // Default trigger: neutral info icon
-      /* @__PURE__ */ jsx89(
+      /* @__PURE__ */ jsx90(
         Icon,
         {
           name: "info",
@@ -5626,9 +5656,9 @@ var Tooltip = ({
       )
     );
   }, [children, classNames == null ? void 0 : classNames.trigger, ariaLabel]);
-  return /* @__PURE__ */ jsx89(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ jsxs82(TooltipPrimitive.Root, { children: [
-    /* @__PURE__ */ jsx89(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ jsx89(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs82(
+  return /* @__PURE__ */ jsx90(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ jsxs83(TooltipPrimitive.Root, { children: [
+    /* @__PURE__ */ jsx90(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsx90(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs83(
       TooltipPrimitive.Content,
       {
         side,
@@ -5649,7 +5679,7 @@ var Tooltip = ({
           classNames == null ? void 0 : classNames.content
         ),
         children: [
-          /* @__PURE__ */ jsx89(
+          /* @__PURE__ */ jsx90(
             TooltipPrimitive.Arrow,
             {
               width: size === "small" ? 12 : 14,
@@ -5740,6 +5770,7 @@ export {
   ShieldTrustIcon,
   SolanaIcon,
   StayInControlIcon,
+  SuccessCheckIcon,
   TriangleDownIcon,
   TriangleUpFilledIcon,
   TriangleUpIcon,