@agg-build/ui 2.0.0 → 2.1.1

package/dist/{chunk-2ZS3BPSF.mjs → chunk-YJO6LMRT.mjs}

@@ -1882,9 +1882,9 @@ var LockIcon = (_a) => {
 };
 LockIcon.displayName = "LockIcon";
 
-// src/primitives/icon/svg/pencil.tsx
+// src/primitives/icon/svg/paper-mode.tsx
 import { jsx as jsx51, jsxs as jsxs51 } from "react/jsx-runtime";
-var PencilIcon = (_a) => {
+var PaperModeIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
   return /* @__PURE__ */ jsxs51(
     "svg",
@@ -1895,14 +1895,42 @@ var PencilIcon = (_a) => {
     }, getIconA11yProps(title2)), props), {
       children: [
         title2 ? /* @__PURE__ */ jsx51("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx51("g", { clipPath: "url(#pencil_clip)", children: /* @__PURE__ */ jsx51(
+        /* @__PURE__ */ jsx51("rect", { x: "2", y: "2", width: "12", height: "12", rx: "3", fill: "currentColor", opacity: "0.16" }),
+        /* @__PURE__ */ jsx51(
+          "path",
+          {
+            d: "M5 5.5C5 4.67157 5.67157 4 6.5 4H9.25C10.2165 4 11 4.7835 11 5.75C11 6.7165 10.2165 7.5 9.25 7.5H6.25V11H5V5.5ZM6.25 6.5H9.25C9.66421 6.5 10 6.16421 10 5.75C10 5.33579 9.66421 5 9.25 5H6.5C6.36193 5 6.25 5.11193 6.25 5.25V6.5Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx51("path", { d: "M6.25 9H10.25V10H6.25V9Z", fill: "currentColor", opacity: "0.72" })
+      ]
+    })
+  );
+};
+PaperModeIcon.displayName = "PaperModeIcon";
+
+// src/primitives/icon/svg/pencil.tsx
+import { jsx as jsx52, jsxs as jsxs52 } from "react/jsx-runtime";
+var PencilIcon = (_a) => {
+  var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ jsxs52(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 16 16",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title2)), props), {
+      children: [
+        title2 ? /* @__PURE__ */ jsx52("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx52("g", { clipPath: "url(#pencil_clip)", children: /* @__PURE__ */ jsx52(
           "path",
           {
             d: "M15.2353 0.706709C14.7821 0.254173 14.1678 0 13.5273 0C12.8869 0 12.2726 0.254173 11.8193 0.706709L0.976677 11.5494C0.666178 11.8581 0.419985 12.2254 0.252342 12.6299C0.0846994 13.0344 -0.00106532 13.4682 9.98748e-06 13.906V15.2747C9.98748e-06 15.4515 0.0702479 15.6211 0.195272 15.7461C0.320296 15.8711 0.489866 15.9414 0.666677 15.9414H2.03534C2.47318 15.9426 2.90692 15.857 3.31145 15.6895C3.71597 15.5219 4.08325 15.2758 4.39201 14.9654L15.2353 4.12204C15.6877 3.66884 15.9417 3.05469 15.9417 2.41438C15.9417 1.77406 15.6877 1.15991 15.2353 0.706709ZM3.44934 14.0227C3.07335 14.3962 2.56532 14.6065 2.03534 14.608H1.33334V13.906C1.33267 13.6433 1.38411 13.3831 1.4847 13.1403C1.58529 12.8976 1.73302 12.6773 1.91934 12.492L10.148 4.26338L11.6813 5.79671L3.44934 14.0227ZM14.292 3.17938L12.6213 4.85071L11.088 3.32071L12.7593 1.64938C12.86 1.54891 12.9795 1.46927 13.111 1.41498C13.2424 1.3607 13.3833 1.33284 13.5255 1.33299C13.6678 1.33314 13.8086 1.36131 13.9399 1.41588C14.0712 1.47045 14.1905 1.55036 14.291 1.65104C14.3915 1.75172 14.4711 1.8712 14.5254 2.00266C14.5797 2.13413 14.6076 2.27499 14.6074 2.41722C14.6072 2.55945 14.5791 2.70025 14.5245 2.8316C14.4699 2.96294 14.39 3.08225 14.2893 3.18271L14.292 3.17938Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ jsx51("defs", { children: /* @__PURE__ */ jsx51("clipPath", { id: "pencil_clip", children: /* @__PURE__ */ jsx51("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ jsx52("defs", { children: /* @__PURE__ */ jsx52("clipPath", { id: "pencil_clip", children: /* @__PURE__ */ jsx52("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -1910,10 +1938,10 @@ var PencilIcon = (_a) => {
 PencilIcon.displayName = "PencilIcon";
 
 // src/primitives/icon/svg/play-square.tsx
-import { jsx as jsx52, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs53 } from "react/jsx-runtime";
 var PlaySquareIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs52(
+  return /* @__PURE__ */ jsxs53(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -1921,15 +1949,15 @@ var PlaySquareIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx52("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx52("g", { clipPath: "url(#play-square-clip)", children: /* @__PURE__ */ jsx52(
+        title2 ? /* @__PURE__ */ jsx53("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx53("g", { clipPath: "url(#play-square-clip)", children: /* @__PURE__ */ jsx53(
           "path",
           {
             d: "M12.6667 16H3.33333C2.4496 15.9989 1.60237 15.6474 0.97748 15.0225C0.352588 14.3976 0.00105857 13.5504 0 12.6667L0 3.33333C0.00105857 2.4496 0.352588 1.60237 0.97748 0.97748C1.60237 0.352588 2.4496 0.00105857 3.33333 0L12.6667 0C13.5504 0.00105857 14.3976 0.352588 15.0225 0.97748C15.6474 1.60237 15.9989 2.4496 16 3.33333V12.6667C15.9989 13.5504 15.6474 14.3976 15.0225 15.0225C14.3976 15.6474 13.5504 15.9989 12.6667 16ZM3.33333 1.33333C2.8029 1.33333 2.29419 1.54405 1.91912 1.91912C1.54405 2.29419 1.33333 2.8029 1.33333 3.33333V12.6667C1.33333 13.1971 1.54405 13.7058 1.91912 14.0809C2.29419 14.456 2.8029 14.6667 3.33333 14.6667H12.6667C13.1971 14.6667 13.7058 14.456 14.0809 14.0809C14.456 13.7058 14.6667 13.1971 14.6667 12.6667V3.33333C14.6667 2.8029 14.456 2.29419 14.0809 1.91912C13.7058 1.54405 13.1971 1.33333 12.6667 1.33333H3.33333ZM6.228 11.3367C5.95008 11.3357 5.67734 11.2615 5.43733 11.1213C5.20023 10.9856 5.00344 10.7894 4.86709 10.5526C4.73074 10.3159 4.65973 10.0472 4.66133 9.774V6.226C4.66111 5.95276 4.73274 5.68427 4.86905 5.44746C5.00537 5.21066 5.20156 5.01386 5.43794 4.87683C5.67433 4.73979 5.9426 4.66733 6.21584 4.66672C6.48907 4.6661 6.75767 4.73736 6.99467 4.87333L10.5133 6.63C10.7577 6.76194 10.9624 6.95685 11.1062 7.19452C11.2499 7.4322 11.3274 7.70399 11.3308 7.98172C11.3341 8.25946 11.2631 8.53303 11.1251 8.77408C10.9871 9.01514 10.7872 9.2149 10.546 9.35267L6.962 11.144C6.73847 11.2715 6.48533 11.3379 6.228 11.3367ZM6.21133 6.00333C6.17459 6.00332 6.13849 6.01298 6.10667 6.03133C6.07209 6.05056 6.0434 6.07884 6.02367 6.11313C6.00394 6.14743 5.99391 6.18644 5.99467 6.226V9.774C5.99489 9.81297 6.00525 9.85121 6.02473 9.88497C6.0442 9.91872 6.07212 9.94683 6.10574 9.96653C6.13936 9.98624 6.17753 9.99686 6.2165 9.99735C6.25547 9.99784 6.29389 9.98818 6.328 9.96933L9.912 8.17733C9.93869 8.15646 9.95992 8.12941 9.97385 8.09852C9.98779 8.06764 9.99401 8.03383 9.992 8C9.99284 7.96035 9.98277 7.92123 9.96291 7.8869C9.94304 7.85258 9.91413 7.82436 9.87933 7.80533L6.36333 6.04867C6.31749 6.02054 6.26509 6.00492 6.21133 6.00333Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ jsx52("defs", { children: /* @__PURE__ */ jsx52("clipPath", { id: "play-square-clip", children: /* @__PURE__ */ jsx52("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ jsx53("defs", { children: /* @__PURE__ */ jsx53("clipPath", { id: "play-square-clip", children: /* @__PURE__ */ jsx53("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -1937,10 +1965,10 @@ var PlaySquareIcon = (_a) => {
 PlaySquareIcon.displayName = "PlaySquareIcon";
 
 // src/primitives/icon/svg/polygon.tsx
-import { jsx as jsx53, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs54 } from "react/jsx-runtime";
 var PolygonIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs53(
+  return /* @__PURE__ */ jsxs54(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 24 24",
@@ -1948,9 +1976,9 @@ var PolygonIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx53("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx53("rect", { width: "24", height: "24", rx: "8", fill: "#8247E5" }),
-        /* @__PURE__ */ jsx53(
+        title2 ? /* @__PURE__ */ jsx54("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx54("rect", { width: "24", height: "24", rx: "8", fill: "#8247E5" }),
+        /* @__PURE__ */ jsx54(
           "path",
           {
             d: "M9.00108 10.1467L7.12599 9.05774L1.5 12.3246V18.836L7.12599 22.0919L12.752 18.836V8.70922L15.8729 6.90135L18.9938 8.70922V12.3246L15.8729 14.1325L13.9978 13.0435V15.9409L15.8729 17.0299L21.4989 13.774V7.26264L15.8729 4.00674L10.2469 7.26264V17.3894L7.12599 19.1973L4.00508 17.3894V13.7628L7.12599 11.955L9.00108 13.0435V10.1467Z",
@@ -1964,10 +1992,10 @@ var PolygonIcon = (_a) => {
 PolygonIcon.displayName = "PolygonIcon";
 
 // src/primitives/icon/svg/quotes-warning.tsx
-import { jsx as jsx54, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs55 } from "react/jsx-runtime";
 var QuotesWarningIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs54(
+  return /* @__PURE__ */ jsxs55(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
@@ -1978,8 +2006,8 @@ var QuotesWarningIcon = (_a) => {
       className
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx54("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx54(
+        title2 ? /* @__PURE__ */ jsx55("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx55(
           "path",
           {
             d: "M17.25 21.75V9.75C17.25 9.33 17.58 9 18 9C18.42 9 18.75 9.33 18.75 9.75V21.75C18.75 22.17 18.42 22.5 18 22.5C17.58 22.5 17.25 22.17 17.25 21.75ZM18 25.5C17.175 25.5 16.5 26.175 16.5 27C16.5 27.825 17.175 28.5 18 28.5C18.825 28.5 19.5 27.825 19.5 27C19.5 26.175 18.825 25.5 18 25.5ZM35.415 30.105C34.455 31.95 32.43 33 29.85 33H6.15002C3.58502 33 1.54502 31.95 0.585023 30.105C-0.389977 28.245 -0.119977 25.8 1.30502 23.745L13.95 3.645C14.88 2.295 16.395 1.5 18 1.5C19.605 1.5 21.12 2.295 22.035 3.615L34.695 23.76C36.12 25.815 36.39 28.245 35.415 30.105ZM33.45 24.6C33.45 24.6 33.45 24.585 33.435 24.57L20.79 4.44C20.16 3.525 19.14 3 18 3C16.86 3 15.84 3.54 15.195 4.47L2.56502 24.57C1.44002 26.19 1.20002 28.035 1.92002 29.415C2.62502 30.765 4.12502 31.5 6.15002 31.5H29.865C31.89 31.5 33.39 30.765 34.095 29.415C34.815 28.05 34.575 26.205 33.465 24.6H33.45Z",
@@ -1993,10 +2021,10 @@ var QuotesWarningIcon = (_a) => {
 QuotesWarningIcon.displayName = "QuotesWarningIcon";
 
 // src/primitives/icon/svg/profile-about-tab.tsx
-import { jsx as jsx55, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs56 } from "react/jsx-runtime";
 var ProfileAboutTabIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs55(
+  return /* @__PURE__ */ jsxs56(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -2004,16 +2032,16 @@ var ProfileAboutTabIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx55("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsxs55("g", { clipPath: "url(#clip_profile_about_tab)", children: [
-          /* @__PURE__ */ jsx55(
+        title2 ? /* @__PURE__ */ jsx56("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsxs56("g", { clipPath: "url(#clip_profile_about_tab)", children: [
+          /* @__PURE__ */ jsx56(
             "path",
             {
               d: "M12.6667 0H3.33333C2.4496 0.00105857 1.60237 0.352588 0.97748 0.97748C0.352588 1.60237 0.00105857 2.4496 0 3.33333L0 12.6667C0.00105857 13.5504 0.352588 14.3976 0.97748 15.0225C1.60237 15.6474 2.4496 15.9989 3.33333 16H12.6667C13.5504 15.9989 14.3976 15.6474 15.0225 15.0225C15.6474 14.3976 15.9989 13.5504 16 12.6667V3.33333C15.9989 2.4496 15.6474 1.60237 15.0225 0.97748C14.3976 0.352588 13.5504 0.00105857 12.6667 0ZM4.66667 14.6667V14C4.66667 13.1159 5.01786 12.2681 5.64298 11.643C6.2681 11.0179 7.11595 10.6667 8 10.6667C8.88406 10.6667 9.7319 11.0179 10.357 11.643C10.9821 12.2681 11.3333 13.1159 11.3333 14V14.6667H4.66667ZM14.6667 12.6667C14.6667 13.1971 14.456 13.7058 14.0809 14.0809C13.7058 14.456 13.1971 14.6667 12.6667 14.6667V14C12.6667 12.7623 12.175 11.5753 11.2998 10.7002C10.4247 9.825 9.23768 9.33333 8 9.33333C6.76232 9.33333 5.57534 9.825 4.70017 10.7002C3.825 11.5753 3.33333 12.7623 3.33333 14V14.6667C2.8029 14.6667 2.29419 14.456 1.91912 14.0809C1.54405 13.7058 1.33333 13.1971 1.33333 12.6667V3.33333C1.33333 2.8029 1.54405 2.29419 1.91912 1.91912C2.29419 1.54405 2.8029 1.33333 3.33333 1.33333H12.6667C13.1971 1.33333 13.7058 1.54405 14.0809 1.91912C14.456 2.29419 14.6667 2.8029 14.6667 3.33333V12.6667Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ jsx55(
+          /* @__PURE__ */ jsx56(
             "path",
             {
               d: "M8.00004 2.66669C7.47263 2.66669 6.95705 2.82308 6.51852 3.1161C6.07999 3.40912 5.7382 3.82559 5.53636 4.31286C5.33453 4.80013 5.28172 5.33631 5.38461 5.85359C5.48751 6.37088 5.74148 6.84603 6.11442 7.21897C6.48736 7.59191 6.96252 7.84589 7.4798 7.94878C7.99708 8.05167 8.53326 7.99887 9.02053 7.79703C9.5078 7.5952 9.92428 7.2534 10.2173 6.81487C10.5103 6.37634 10.6667 5.86077 10.6667 5.33335C10.6667 4.62611 10.3858 3.94783 9.88566 3.44774C9.38556 2.94764 8.70729 2.66669 8.00004 2.66669ZM8.00004 6.66669C7.73633 6.66669 7.47855 6.58849 7.25928 6.44198C7.04002 6.29547 6.86912 6.08723 6.7682 5.8436C6.66729 5.59996 6.64088 5.33187 6.69233 5.07323C6.74378 4.81459 6.87076 4.57701 7.05723 4.39054C7.2437 4.20407 7.48128 4.07709 7.73992 4.02564C7.99856 3.97419 8.26665 4.0006 8.51029 4.10151C8.75392 4.20243 8.96216 4.37333 9.10867 4.59259C9.25518 4.81186 9.33338 5.06965 9.33338 5.33335C9.33338 5.68698 9.1929 6.02611 8.94285 6.27616C8.6928 6.52621 8.35366 6.66669 8.00004 6.66669Z",
@@ -2021,7 +2049,7 @@ var ProfileAboutTabIcon = (_a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx55("defs", { children: /* @__PURE__ */ jsx55("clipPath", { id: "clip_profile_about_tab", children: /* @__PURE__ */ jsx55("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ jsx56("defs", { children: /* @__PURE__ */ jsx56("clipPath", { id: "clip_profile_about_tab", children: /* @__PURE__ */ jsx56("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -2029,7 +2057,7 @@ var ProfileAboutTabIcon = (_a) => {
 ProfileAboutTabIcon.displayName = "ProfileAboutTabIcon";
 
 // src/primitives/icon/svg/profile-accounts-wallets-tab.tsx
-import { jsx as jsx56, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs57 } from "react/jsx-runtime";
 var ProfileAccountsWalletsTabIcon = (_a) => {
   var _b = _a, {
     title: title2,
@@ -2038,7 +2066,7 @@ var ProfileAccountsWalletsTabIcon = (_a) => {
     "title",
     "className"
   ]);
-  return /* @__PURE__ */ jsxs56(
+  return /* @__PURE__ */ jsxs57(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -2046,15 +2074,15 @@ var ProfileAccountsWalletsTabIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx56("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx56("g", { clipPath: "url(#clip_profile_accounts_wallets_tab)", children: /* @__PURE__ */ jsx56(
+        title2 ? /* @__PURE__ */ jsx57("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx57("g", { clipPath: "url(#clip_profile_accounts_wallets_tab)", children: /* @__PURE__ */ jsx57(
           "path",
           {
             d: "M5 8.66667C4.40666 8.66667 3.82664 8.49072 3.33329 8.16108C2.83994 7.83143 2.45542 7.3629 2.22836 6.81472C2.0013 6.26654 1.94189 5.66334 2.05764 5.0814C2.1734 4.49945 2.45912 3.96491 2.87868 3.54535C3.29824 3.12579 3.83279 2.84007 4.41473 2.72431C4.99667 2.60856 5.59987 2.66797 6.14805 2.89503C6.69623 3.12209 7.16476 3.50661 7.49441 3.99996C7.82405 4.4933 8 5.07332 8 5.66667C7.99912 6.46205 7.68276 7.2246 7.12035 7.78701C6.55793 8.34943 5.79538 8.66579 5 8.66667ZM5 4C4.67036 4 4.34813 4.09775 4.07405 4.28089C3.79997 4.46402 3.58635 4.72432 3.4602 5.02886C3.33405 5.33341 3.30105 5.66852 3.36536 5.99182C3.42967 6.31512 3.5884 6.61209 3.82149 6.84518C4.05458 7.07827 4.35155 7.237 4.67485 7.30131C4.99815 7.36562 5.33326 7.33261 5.63781 7.20647C5.94235 7.08032 6.20265 6.8667 6.38578 6.59262C6.56892 6.31854 6.66667 5.9963 6.66667 5.66667C6.66667 5.22464 6.49107 4.80072 6.17851 4.48816C5.86595 4.1756 5.44203 4 5 4ZM10 15.3333V15C10 13.6739 9.47322 12.4021 8.53553 11.4645C7.59785 10.5268 6.32608 10 5 10C3.67392 10 2.40215 10.5268 1.46447 11.4645C0.526784 12.4021 0 13.6739 0 15L0 15.3333C0 15.5101 0.0702379 15.6797 0.195262 15.8047C0.320286 15.9298 0.489856 16 0.666667 16C0.843478 16 1.01305 15.9298 1.13807 15.8047C1.2631 15.6797 1.33333 15.5101 1.33333 15.3333V15C1.33333 14.0275 1.71964 13.0949 2.40728 12.4073C3.09491 11.7196 4.02754 11.3333 5 11.3333C5.97246 11.3333 6.90509 11.7196 7.59273 12.4073C8.28036 13.0949 8.66667 14.0275 8.66667 15V15.3333C8.66667 15.5101 8.73691 15.6797 8.86193 15.8047C8.98695 15.9298 9.15652 16 9.33333 16C9.51014 16 9.67971 15.9298 9.80474 15.8047C9.92976 15.6797 10 15.5101 10 15.3333ZM16 12C16 11.0991 15.7392 10.2175 15.2491 9.46158C14.7591 8.70565 14.0607 8.10772 13.2383 7.73998C12.4159 7.37223 11.5046 7.25039 10.6145 7.38916C9.72437 7.52793 8.89344 7.92137 8.222 8.522C8.15584 8.58013 8.10186 8.6508 8.06317 8.72991C8.02448 8.80903 8.00185 8.89502 7.99659 8.98293C7.99132 9.07085 8.00353 9.15893 8.0325 9.24209C8.06147 9.32526 8.10663 9.40186 8.16537 9.46748C8.22412 9.53309 8.29528 9.58642 8.37475 9.62437C8.45422 9.66232 8.54042 9.68416 8.62838 9.68861C8.71633 9.69306 8.8043 9.68004 8.88719 9.6503C8.97009 9.62055 9.04627 9.57469 9.11133 9.51534C9.59097 9.08641 10.1845 8.80548 10.8203 8.70644C11.456 8.6074 12.1069 8.69449 12.6943 8.9572C13.2816 9.21991 13.7804 9.647 14.1304 10.1869C14.4804 10.7269 14.6667 11.3566 14.6667 12C14.6667 12.1768 14.7369 12.3464 14.8619 12.4714C14.987 12.5964 15.1565 12.6667 15.3333 12.6667C15.5101 12.6667 15.6797 12.5964 15.8047 12.4714C15.9298 12.3464 16 12.1768 16 12ZM11.6667 6C11.0733 6 10.4933 5.82405 9.99996 5.49441C9.50661 5.16477 9.12209 4.69623 8.89503 4.14805C8.66796 3.59987 8.60855 2.99667 8.72431 2.41473C8.84007 1.83279 9.12579 1.29824 9.54535 0.878681C9.9649 0.459123 10.4995 0.173401 11.0814 0.0576455C11.6633 -0.0581102 12.2665 0.00129986 12.8147 0.228363C13.3629 0.455426 13.8314 0.839943 14.1611 1.33329C14.4907 1.82664 14.6667 2.40666 14.6667 3C14.6658 3.79538 14.3494 4.55793 13.787 5.12035C13.2246 5.68277 12.462 5.99912 11.6667 6ZM11.6667 1.33333C11.337 1.33333 11.0148 1.43108 10.7407 1.61422C10.4666 1.79735 10.253 2.05765 10.1269 2.3622C10.0007 2.66674 9.96772 3.00185 10.032 3.32515C10.0963 3.64845 10.2551 3.94543 10.4882 4.17851C10.7212 4.4116 11.0182 4.57033 11.3415 4.63464C11.6648 4.69895 11.9999 4.66595 12.3045 4.5398C12.609 4.41365 12.8693 4.20003 13.0525 3.92595C13.2356 3.65187 13.3333 3.32964 13.3333 3C13.3333 2.55797 13.1577 2.13405 12.8452 1.82149C12.5326 1.50893 12.1087 1.33333 11.6667 1.33333Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ jsx56("defs", { children: /* @__PURE__ */ jsx56("clipPath", { id: "clip_profile_accounts_wallets_tab", children: /* @__PURE__ */ jsx56("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ jsx57("defs", { children: /* @__PURE__ */ jsx57("clipPath", { id: "clip_profile_accounts_wallets_tab", children: /* @__PURE__ */ jsx57("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -2062,10 +2090,10 @@ var ProfileAccountsWalletsTabIcon = (_a) => {
 ProfileAccountsWalletsTabIcon.displayName = "ProfileAccountsWalletsTabIcon";
 
 // src/primitives/icon/svg/profile.tsx
-import { jsx as jsx57, jsxs as jsxs57 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs58 } from "react/jsx-runtime";
 var ProfileIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs57(
+  return /* @__PURE__ */ jsxs58(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -2073,16 +2101,16 @@ var ProfileIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx57("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsxs57("g", { clipPath: "url(#profile-clip)", children: [
-          /* @__PURE__ */ jsx57(
+        title2 ? /* @__PURE__ */ jsx58("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsxs58("g", { clipPath: "url(#profile-clip)", children: [
+          /* @__PURE__ */ jsx58(
             "path",
             {
               d: "M8 8C8.79113 8 9.56448 7.76541 10.2223 7.32588C10.8801 6.88635 11.3928 6.26164 11.6955 5.53074C11.9983 4.79983 12.0775 3.99556 11.9231 3.21964C11.7688 2.44372 11.3878 1.73098 10.8284 1.17157C10.269 0.612165 9.55629 0.231202 8.78036 0.0768607C8.00444 -0.0774802 7.20017 0.00173314 6.46927 0.304484C5.73836 0.607234 5.11365 1.11992 4.67412 1.77772C4.2346 2.43552 4 3.20888 4 4C4.00106 5.06054 4.42283 6.07734 5.17274 6.82726C5.92266 7.57718 6.93946 7.99894 8 8ZM8 1.33334C8.52742 1.33334 9.04299 1.48973 9.48152 1.78275C9.92005 2.07577 10.2618 2.49224 10.4637 2.97951C10.6655 3.46678 10.7183 4.00296 10.6154 4.52024C10.5125 5.03753 10.2586 5.51268 9.88562 5.88562C9.51268 6.25856 9.03752 6.51254 8.52024 6.61543C8.00296 6.71832 7.46678 6.66551 6.97951 6.46368C6.49224 6.26185 6.07577 5.92005 5.78275 5.48152C5.48973 5.04299 5.33333 4.52742 5.33333 4C5.33333 3.29276 5.61428 2.61448 6.11438 2.11438C6.61448 1.61429 7.29276 1.33334 8 1.33334Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ jsx57(
+          /* @__PURE__ */ jsx58(
             "path",
             {
               d: "M8 9.33334C6.40924 9.33511 4.88414 9.96782 3.75931 11.0927C2.63447 12.2175 2.00176 13.7426 2 15.3333C2 15.5102 2.07024 15.6797 2.19526 15.8047C2.32029 15.9298 2.48986 16 2.66667 16C2.84348 16 3.01305 15.9298 3.13807 15.8047C3.2631 15.6797 3.33333 15.5102 3.33333 15.3333C3.33333 14.0957 3.825 12.9087 4.70017 12.0335C5.57534 11.1583 6.76232 10.6667 8 10.6667C9.23768 10.6667 10.4247 11.1583 11.2998 12.0335C12.175 12.9087 12.6667 14.0957 12.6667 15.3333C12.6667 15.5102 12.7369 15.6797 12.8619 15.8047C12.987 15.9298 13.1565 16 13.3333 16C13.5101 16 13.6797 15.9298 13.8047 15.8047C13.9298 15.6797 14 15.5102 14 15.3333C13.9982 13.7426 13.3655 12.2175 12.2407 11.0927C11.1159 9.96782 9.59076 9.33511 8 9.33334Z",
@@ -2090,7 +2118,7 @@ var ProfileIcon = (_a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx57("defs", { children: /* @__PURE__ */ jsx57("clipPath", { id: "profile-clip", children: /* @__PURE__ */ jsx57("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ jsx58("defs", { children: /* @__PURE__ */ jsx58("clipPath", { id: "profile-clip", children: /* @__PURE__ */ jsx58("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -2098,10 +2126,10 @@ var ProfileIcon = (_a) => {
 ProfileIcon.displayName = "ProfileIcon";
 
 // src/primitives/icon/svg/recenter.tsx
-import { jsx as jsx58, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs59 } from "react/jsx-runtime";
 var RecenterIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs58(
+  return /* @__PURE__ */ jsxs59(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -2109,15 +2137,15 @@ var RecenterIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx58("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx58("g", { clipPath: "url(#recenter-clip)", children: /* @__PURE__ */ jsx58(
+        title2 ? /* @__PURE__ */ jsx59("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx59("g", { clipPath: "url(#recenter-clip)", children: /* @__PURE__ */ jsx59(
           "path",
           {
             d: "M16 8C16 8.36867 15.7013 8.66667 15.3333 8.66667H0.666667C0.298667 8.66667 0 8.36867 0 8C0 7.63133 0.298667 7.33333 0.666667 7.33333H15.3333C15.7013 7.33333 16 7.63133 16 8ZM7.05733 5.60933C7.31733 5.86933 7.65867 5.99933 8 5.99933C8.34133 5.99933 8.68267 5.86933 8.94267 5.60933L11.138 3.414C11.3987 3.15333 11.3987 2.732 11.138 2.47133C10.8773 2.21067 10.456 2.21067 10.1953 2.47133L8.66667 4V0.666667C8.66667 0.298 8.368 0 8 0C7.632 0 7.33333 0.298 7.33333 0.666667V4L5.80467 2.47133C5.544 2.21067 5.12267 2.21067 4.862 2.47133C4.60133 2.732 4.60133 3.15333 4.862 3.414L7.05733 5.60933ZM8.94267 10.3907C8.42333 9.87133 7.57667 9.87133 7.05733 10.3907L4.862 12.586C4.60133 12.8467 4.60133 13.268 4.862 13.5287C5.12267 13.7893 5.544 13.7893 5.80467 13.5287L7.33333 12V15.3333C7.33333 15.702 7.632 16 8 16C8.368 16 8.66667 15.702 8.66667 15.3333V12L10.1953 13.5287C10.3253 13.6587 10.496 13.724 10.6667 13.724C10.8373 13.724 11.008 13.6587 11.138 13.5287C11.3987 13.268 11.3987 12.8467 11.138 12.586L8.94267 10.3907Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ jsx58("defs", { children: /* @__PURE__ */ jsx58("clipPath", { id: "recenter-clip", children: /* @__PURE__ */ jsx58("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ jsx59("defs", { children: /* @__PURE__ */ jsx59("clipPath", { id: "recenter-clip", children: /* @__PURE__ */ jsx59("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -2125,10 +2153,10 @@ var RecenterIcon = (_a) => {
 RecenterIcon.displayName = "RecenterIcon";
 
 // src/primitives/icon/svg/revenue-alt.tsx
-import { jsx as jsx59, jsxs as jsxs59 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs60 } from "react/jsx-runtime";
 var RevenueAltIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs59(
+  return /* @__PURE__ */ jsxs60(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 20 20",
@@ -2136,8 +2164,8 @@ var RevenueAltIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx59("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx59(
+        title2 ? /* @__PURE__ */ jsx60("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx60(
           "path",
           {
             d: "M3 14V6M3 6L1.5 7.5M3 6L4.5 7.5M17 6V14M17 14L15.5 12.5M17 14L18.5 12.5",
@@ -2147,7 +2175,7 @@ var RevenueAltIcon = (_a) => {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ jsx59(
+        /* @__PURE__ */ jsx60(
           "path",
           {
             d: "M10 5.5V14.5M12.5 7.4C12.5 6.55 11.38 5.86 10 5.86C8.62 5.86 7.5 6.55 7.5 7.4C7.5 8.25 8.62 8.94 10 8.94C11.38 8.94 12.5 9.63 12.5 10.48C12.5 11.33 11.38 12.02 10 12.02C8.62 12.02 7.5 11.33 7.5 10.48",
@@ -2164,10 +2192,10 @@ var RevenueAltIcon = (_a) => {
 RevenueAltIcon.displayName = "RevenueAltIcon";
 
 // src/primitives/icon/svg/search.tsx
-import { jsx as jsx60, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs61 } from "react/jsx-runtime";
 var SearchIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs60(
+  return /* @__PURE__ */ jsxs61(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -2176,8 +2204,8 @@ var SearchIcon = (_a) => {
       className
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx60("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx60(
+        title2 ? /* @__PURE__ */ jsx61("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx61(
           "path",
           {
             d: "M7.3335 12.3333C10.0949 12.3333 12.3335 10.0947 12.3335 7.33329C12.3335 4.57187 10.0949 2.33329 7.3335 2.33329C4.57208 2.33329 2.3335 4.57187 2.3335 7.33329C2.3335 10.0947 4.57208 12.3333 7.3335 12.3333Z",
@@ -2187,7 +2215,7 @@ var SearchIcon = (_a) => {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ jsx60(
+        /* @__PURE__ */ jsx61(
           "path",
           {
             d: "M13.6668 13.6666L11.1667 11.1666",
@@ -2204,10 +2232,10 @@ var SearchIcon = (_a) => {
 SearchIcon.displayName = "SearchIcon";
 
 // src/primitives/icon/svg/shield-trust.tsx
-import { jsx as jsx61, jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs62 } from "react/jsx-runtime";
 var ShieldTrustIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs61(
+  return /* @__PURE__ */ jsxs62(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       width: "16",
@@ -2217,15 +2245,15 @@ var ShieldTrustIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx61("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx61("g", { clipPath: "url(#clip0_7779_1212)", children: /* @__PURE__ */ jsx61(
+        title2 ? /* @__PURE__ */ jsx62("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx62("g", { clipPath: "url(#clip0_7779_1212)", children: /* @__PURE__ */ jsx62(
           "path",
           {
             d: "M15.4633 9.39L14.024 10.828V11.976C14.024 13.0787 13.1266 13.976 12.024 13.976H10.8766L9.43798 15.414C9.06131 15.7913 8.55864 16 8.02398 16C7.48931 16 6.98731 15.792 6.60998 15.414L5.17198 13.976H4.02398C2.92131 13.976 2.02398 13.0787 2.02398 11.976V10.828L0.585977 9.39C-0.194023 8.61067 -0.194023 7.34133 0.585977 6.56133L2.02398 5.12333V3.976C2.02398 2.87333 2.92131 1.976 4.02398 1.976H5.17198L6.60998 0.537331C7.36598 -0.219335 8.68398 -0.217335 9.43864 0.537331L10.8766 1.97533H12.024C12.3926 1.97533 12.6906 2.274 12.6906 2.642C12.6906 3.01 12.3926 3.30866 12.024 3.30866H10.6006C10.4233 3.30866 10.254 3.23866 10.1293 3.11333L8.49531 1.47933C8.24398 1.22866 7.80598 1.22733 7.55264 1.47933L5.91931 3.11333C5.79398 3.23866 5.62531 3.30866 5.44798 3.30866H4.02398C3.65598 3.30866 3.35731 3.608 3.35731 3.97533V5.39866C3.35731 5.57533 3.28731 5.74533 3.16198 5.87L1.52864 7.50333C1.26864 7.76333 1.26864 8.186 1.52864 8.44667L3.16198 10.08C3.28731 10.2053 3.35731 10.374 3.35731 10.5513V11.9753C3.35731 12.3433 3.65598 12.642 4.02398 12.642H5.44798C5.62531 12.642 5.79464 12.712 5.91931 12.8373L7.55264 14.4707C7.80531 14.7227 8.24398 14.7227 8.49464 14.4707L10.1293 12.8373C10.2546 12.712 10.4233 12.642 10.6006 12.642H12.024C12.392 12.642 12.6906 12.3433 12.6906 11.9753V10.5513C12.6906 10.374 12.7606 10.2047 12.886 10.08L14.52 8.44667C14.78 8.18667 14.78 7.76333 14.52 7.50333C14.26 7.24267 14.26 6.82066 14.52 6.56066C14.7806 6.30066 15.2026 6.3 15.4633 6.56066C16.242 7.34 16.242 8.60867 15.4633 9.38867V9.39ZM7.14731 9.108L5.13531 7.116C4.87264 6.856 4.45198 6.85933 4.19198 7.12066C3.93264 7.382 3.93531 7.804 4.19664 8.06333L6.20931 10.056C6.61864 10.4613 7.15731 10.6647 7.69531 10.6647C8.23331 10.6647 8.77331 10.46 9.18331 10.0527L15.1366 4.13867C15.398 3.87933 15.3993 3.45733 15.1393 3.196C14.8793 2.93466 14.458 2.93266 14.1966 3.19266L8.24331 9.10733C7.94131 9.408 7.44998 9.408 7.14731 9.108Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ jsx61("defs", { children: /* @__PURE__ */ jsx61("clipPath", { id: "clip0_7779_1212", children: /* @__PURE__ */ jsx61("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ jsx62("defs", { children: /* @__PURE__ */ jsx62("clipPath", { id: "clip0_7779_1212", children: /* @__PURE__ */ jsx62("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -2233,10 +2261,10 @@ var ShieldTrustIcon = (_a) => {
 ShieldTrustIcon.displayName = "ShieldTrustIcon";
 
 // src/primitives/icon/svg/solana.tsx
-import { jsx as jsx62, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs63 } from "react/jsx-runtime";
 var SolanaIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs62(
+  return /* @__PURE__ */ jsxs63(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 24 24",
@@ -2244,31 +2272,31 @@ var SolanaIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx62("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx62("rect", { width: "24", height: "24", fill: "black" }),
-        /* @__PURE__ */ jsx62(
+        title2 ? /* @__PURE__ */ jsx63("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx63("rect", { width: "24", height: "24", fill: "black" }),
+        /* @__PURE__ */ jsx63(
           "path",
           {
             d: "M5.92399 15.7169C6.03262 15.6083 6.18198 15.5449 6.34039 15.5449H20.706C20.9685 15.5449 21.0998 15.8617 20.9142 16.0473L18.0764 18.8851C17.9677 18.9938 17.8184 19.0571 17.66 19.0571H3.29437C3.03186 19.0571 2.90061 18.7403 3.08617 18.5547L5.92399 15.7169Z",
             fill: "url(#paint0_linear_1471_9988)"
           }
         ),
-        /* @__PURE__ */ jsx62(
+        /* @__PURE__ */ jsx63(
           "path",
           {
             d: "M5.92399 5.1217C6.03714 5.01307 6.1865 4.94971 6.34039 4.94971H20.706C20.9685 4.94971 21.0998 5.26653 20.9142 5.4521L18.0764 8.28991C17.9677 8.39854 17.8184 8.4619 17.66 8.4619H3.29437C3.03186 8.4619 2.90061 8.14508 3.08617 7.95951L5.92399 5.1217Z",
             fill: "url(#paint1_linear_1471_9988)"
           }
         ),
-        /* @__PURE__ */ jsx62(
+        /* @__PURE__ */ jsx63(
           "path",
           {
             d: "M18.0764 10.3854C17.9677 10.2767 17.8184 10.2134 17.66 10.2134H3.29437C3.03186 10.2134 2.90061 10.5302 3.08617 10.7158L5.92399 13.5536C6.03262 13.6622 6.18198 13.7256 6.34039 13.7256H20.706C20.9685 13.7256 21.0998 13.4088 20.9142 13.2232L18.0764 10.3854Z",
             fill: "url(#paint2_linear_1471_9988)"
           }
         ),
-        /* @__PURE__ */ jsxs62("defs", { children: [
-          /* @__PURE__ */ jsxs62(
+        /* @__PURE__ */ jsxs63("defs", { children: [
+          /* @__PURE__ */ jsxs63(
             "linearGradient",
             {
               id: "paint0_linear_1471_9988",
@@ -2278,12 +2306,12 @@ var SolanaIcon = (_a) => {
               y2: "22.2975",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ jsx62("stop", { stopColor: "#00FFA3" }),
-                /* @__PURE__ */ jsx62("stop", { offset: "1", stopColor: "#DC1FFF" })
+                /* @__PURE__ */ jsx63("stop", { stopColor: "#00FFA3" }),
+                /* @__PURE__ */ jsx63("stop", { offset: "1", stopColor: "#DC1FFF" })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs62(
+          /* @__PURE__ */ jsxs63(
             "linearGradient",
             {
               id: "paint1_linear_1471_9988",
@@ -2293,12 +2321,12 @@ var SolanaIcon = (_a) => {
               y2: "20.028",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ jsx62("stop", { stopColor: "#00FFA3" }),
-                /* @__PURE__ */ jsx62("stop", { offset: "1", stopColor: "#DC1FFF" })
+                /* @__PURE__ */ jsx63("stop", { stopColor: "#00FFA3" }),
+                /* @__PURE__ */ jsx63("stop", { offset: "1", stopColor: "#DC1FFF" })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs62(
+          /* @__PURE__ */ jsxs63(
             "linearGradient",
             {
               id: "paint2_linear_1471_9988",
@@ -2308,8 +2336,8 @@ var SolanaIcon = (_a) => {
               y2: "21.1555",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ jsx62("stop", { stopColor: "#00FFA3" }),
-                /* @__PURE__ */ jsx62("stop", { offset: "1", stopColor: "#DC1FFF" })
+                /* @__PURE__ */ jsx63("stop", { stopColor: "#00FFA3" }),
+                /* @__PURE__ */ jsx63("stop", { offset: "1", stopColor: "#DC1FFF" })
               ]
             }
           )
@@ -2321,10 +2349,10 @@ var SolanaIcon = (_a) => {
 SolanaIcon.displayName = "SolanaIcon";
 
 // src/primitives/icon/svg/sort-end-date.tsx
-import { jsx as jsx63, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs64 } from "react/jsx-runtime";
 var SortEndDateIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs63(
+  return /* @__PURE__ */ jsxs64(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -2332,15 +2360,15 @@ var SortEndDateIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx63("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx63("g", { clipPath: "url(#sort-end-date-clip)", children: /* @__PURE__ */ jsx63(
+        title2 ? /* @__PURE__ */ jsx64("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx64("g", { clipPath: "url(#sort-end-date-clip)", children: /* @__PURE__ */ jsx64(
           "path",
           {
             d: "M16 8C16 10.1217 15.1571 12.1566 13.6569 13.6569C12.1566 15.1571 10.1217 16 8 16C5.87827 16 3.84344 15.1571 2.34315 13.6569C0.842855 12.1566 0 10.1217 0 8C0 7.82319 0.0702379 7.65362 0.195262 7.5286C0.320286 7.40357 0.489856 7.33333 0.666667 7.33333C0.843478 7.33333 1.01305 7.40357 1.13807 7.5286C1.2631 7.65362 1.33333 7.82319 1.33333 8C1.33333 9.31854 1.72433 10.6075 2.45687 11.7038C3.18941 12.8001 4.2306 13.6546 5.44878 14.1592C6.66695 14.6638 8.0074 14.7958 9.3006 14.5386C10.5938 14.2813 11.7817 13.6464 12.714 12.714C13.6464 11.7817 14.2813 10.5938 14.5386 9.3006C14.7958 8.0074 14.6638 6.66695 14.1592 5.44878C13.6546 4.2306 12.8001 3.18941 11.7038 2.45687C10.6075 1.72433 9.31854 1.33333 8 1.33333C7.82319 1.33333 7.65362 1.2631 7.5286 1.13807C7.40357 1.01305 7.33333 0.843478 7.33333 0.666667C7.33333 0.489856 7.40357 0.320286 7.5286 0.195262C7.65362 0.0702379 7.82319 0 8 0C10.121 0.00229405 12.1545 0.845885 13.6543 2.34568C15.1541 3.84547 15.9977 5.87897 16 8ZM6.85133 7.33333H5.33333C5.15652 7.33333 4.98695 7.40357 4.86193 7.5286C4.7369 7.65362 4.66667 7.82319 4.66667 8C4.66667 8.17681 4.7369 8.34638 4.86193 8.4714C4.98695 8.59643 5.15652 8.66667 5.33333 8.66667H6.85133C6.95314 8.84349 7.09429 8.99449 7.26384 9.108C7.43339 9.2215 7.62679 9.29445 7.82906 9.3212C8.03134 9.34795 8.23705 9.32778 8.43028 9.26226C8.6235 9.19673 8.79905 9.0876 8.94333 8.94333C9.0876 8.79905 9.19673 8.6235 9.26226 8.43028C9.32778 8.23705 9.34795 8.03134 9.3212 7.82906C9.29445 7.62679 9.2215 7.43339 9.108 7.26384C8.99449 7.09429 8.84349 6.95314 8.66667 6.85133V4.66667C8.66667 4.48986 8.59643 4.32029 8.4714 4.19526C8.34638 4.07024 8.17681 4 8 4C7.82319 4 7.65362 4.07024 7.5286 4.19526C7.40357 4.32029 7.33333 4.48986 7.33333 4.66667V6.85133C7.13362 6.96752 6.96752 7.13362 6.85133 7.33333ZM1.218 5.856C1.34985 5.856 1.47875 5.8169 1.58838 5.74365C1.69801 5.67039 1.78346 5.56627 1.83392 5.44446C1.88438 5.32264 1.89758 5.18859 1.87186 5.05927C1.84613 4.92995 1.78264 4.81116 1.6894 4.71793C1.59617 4.62469 1.47738 4.5612 1.34806 4.53548C1.21874 4.50975 1.0847 4.52296 0.962878 4.57341C0.84106 4.62387 0.736941 4.70932 0.663687 4.81895C0.590433 4.92859 0.551333 5.05748 0.551333 5.18933C0.551333 5.36614 0.621571 5.53571 0.746595 5.66074C0.87162 5.78576 1.04119 5.856 1.218 5.856ZM2.814 3.47133C2.94585 3.47133 3.07475 3.43223 3.18438 3.35898C3.29401 3.28573 3.37946 3.18161 3.42992 3.05979C3.48038 2.93797 3.49358 2.80393 3.46786 2.67461C3.44213 2.54529 3.37864 2.4265 3.2854 2.33326C3.19217 2.24003 3.07338 2.17653 2.94406 2.15081C2.81474 2.12509 2.6807 2.13829 2.55888 2.18875C2.43706 2.23921 2.33294 2.32465 2.25969 2.43429C2.18643 2.54392 2.14733 2.67281 2.14733 2.80467C2.14733 2.98148 2.21757 3.15105 2.3426 3.27607C2.46762 3.4011 2.63719 3.47133 2.814 3.47133ZM5.186 1.894C5.31785 1.894 5.44675 1.8549 5.55638 1.78165C5.66601 1.70839 5.75146 1.60427 5.80192 1.48246C5.85238 1.36064 5.86558 1.22659 5.83986 1.09727C5.81413 0.967952 5.75064 0.849164 5.6574 0.755929C5.56417 0.662694 5.44538 0.5992 5.31606 0.573476C5.18674 0.547753 5.0527 0.560955 4.93088 0.611414C4.80906 0.661872 4.70494 0.74732 4.63169 0.856953C4.55843 0.966586 4.51933 1.09548 4.51933 1.22733C4.51933 1.40414 4.58957 1.57371 4.7146 1.69874C4.83962 1.82376 5.00919 1.894 5.186 1.894Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ jsx63("defs", { children: /* @__PURE__ */ jsx63("clipPath", { id: "sort-end-date-clip", children: /* @__PURE__ */ jsx63("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ jsx64("defs", { children: /* @__PURE__ */ jsx64("clipPath", { id: "sort-end-date-clip", children: /* @__PURE__ */ jsx64("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -2348,10 +2376,10 @@ var SortEndDateIcon = (_a) => {
 SortEndDateIcon.displayName = "SortEndDateIcon";
 
 // src/primitives/icon/svg/sort-top-arbitrage.tsx
-import { jsx as jsx64, jsxs as jsxs64 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs65 } from "react/jsx-runtime";
 var SortTopArbitrageIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs64(
+  return /* @__PURE__ */ jsxs65(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -2359,30 +2387,30 @@ var SortTopArbitrageIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx64("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsxs64("g", { clipPath: "url(#sort-top-arbitrage-clip)", children: [
-          /* @__PURE__ */ jsx64(
+        title2 ? /* @__PURE__ */ jsx65("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsxs65("g", { clipPath: "url(#sort-top-arbitrage-clip)", children: [
+          /* @__PURE__ */ jsx65(
             "path",
             {
               d: "M15.4314 6.314L14.9067 5.6C14.5432 5.10529 14.0686 4.7028 13.5211 4.42491C12.9737 4.14701 12.3687 4.00148 11.7547 4H4.25541C3.65409 4.00157 3.06116 4.14118 2.52231 4.40806C1.98346 4.67494 1.51308 5.06197 1.14741 5.53933L0.600079 6.25533C0.155734 6.84154 -0.0531817 7.57279 0.0144266 8.30525C0.0820349 9.03772 0.421273 9.71837 0.965413 10.2133L6.29208 15.3513C6.75993 15.7686 7.36522 15.9986 7.99208 15.9973C8.63223 15.9961 9.24941 15.7587 9.72541 15.3307L15.0161 10.242C15.5633 9.7574 15.9094 9.08556 15.9863 8.35863C16.0632 7.63171 15.8652 6.90233 15.4314 6.314ZM13.8314 6.38533L14.3561 7.10133C14.4088 7.1746 14.4552 7.25221 14.4947 7.33333H11.3007C11.2525 7.01408 11.1693 6.7011 11.0527 6.4L10.6261 5.33333H11.7547C12.159 5.3341 12.5575 5.42967 12.9182 5.61237C13.2788 5.79508 13.5916 6.05982 13.8314 6.38533ZM7.99341 13.392L6.14741 9.212C6.08065 9.0352 6.03021 8.85266 5.99675 8.66667H9.96475C9.93678 8.81325 9.89755 8.95745 9.84741 9.098L7.99341 13.392ZM6.06675 7.33333C6.09463 7.21381 6.12958 7.09605 6.17141 6.98067L6.82741 5.33333H9.19008L9.81475 6.89533C9.86959 7.03796 9.91415 7.18434 9.94808 7.33333H6.06675ZM2.20741 6.34733C2.44845 6.0329 2.75844 5.77797 3.11349 5.60217C3.46855 5.42638 3.85922 5.3344 4.25541 5.33333H5.38875L4.93341 6.486C4.82356 6.75949 4.74159 7.04338 4.68875 7.33333H1.49675C1.54247 7.2391 1.59764 7.14976 1.66141 7.06667L2.20741 6.34733ZM1.87408 9.236C1.70016 9.07824 1.56353 8.88377 1.47408 8.66667H4.65541C4.69963 9.02585 4.78623 9.37853 4.91341 9.71733L6.79808 13.984L1.87408 9.236ZM9.18075 14.0093L11.0834 9.6C11.1938 9.29824 11.2708 8.98525 11.3127 8.66667H14.5334C14.439 8.89552 14.2949 9.10049 14.1114 9.26667L9.18075 14.0093Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ jsx64(
+          /* @__PURE__ */ jsx65(
             "path",
             {
               d: "M8.00065 2.66667C8.17746 2.66667 8.34703 2.59643 8.47206 2.4714C8.59708 2.34638 8.66732 2.17681 8.66732 2V0.666667C8.66732 0.489856 8.59708 0.320286 8.47206 0.195262C8.34703 0.0702379 8.17746 0 8.00065 0C7.82384 0 7.65427 0.0702379 7.52925 0.195262C7.40422 0.320286 7.33398 0.489856 7.33398 0.666667V2C7.33398 2.17681 7.40422 2.34638 7.52925 2.4714C7.65427 2.59643 7.82384 2.66667 8.00065 2.66667Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ jsx64(
+          /* @__PURE__ */ jsx65(
             "path",
             {
               d: "M11.0357 2.6C11.1144 2.63958 11.2002 2.66316 11.288 2.66939C11.3759 2.67561 11.4642 2.66436 11.5477 2.63628C11.6312 2.6082 11.7083 2.56384 11.7745 2.50578C11.8408 2.44772 11.8949 2.3771 11.9337 2.298L12.6004 0.964671C12.6794 0.806425 12.6923 0.623264 12.6363 0.455481C12.5803 0.287699 12.4599 0.149038 12.3017 0.0700039C12.1434 -0.00903065 11.9603 -0.0219652 11.7925 0.0340457C11.6247 0.0900565 11.4861 0.210425 11.407 0.368671L10.7404 1.702C10.7005 1.78031 10.6766 1.86572 10.6699 1.95331C10.6632 2.0409 10.6739 2.12895 10.7013 2.2124C10.7288 2.29585 10.7724 2.37305 10.8298 2.43957C10.8872 2.50609 10.9572 2.56061 11.0357 2.6Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ jsx64(
+          /* @__PURE__ */ jsx65(
             "path",
             {
               d: "M4.06955 2.298C4.14858 2.45669 4.28742 2.57748 4.45552 2.63381C4.62361 2.69013 4.8072 2.67737 4.96588 2.59834C5.12457 2.5193 5.24536 2.38047 5.30169 2.21237C5.35801 2.04428 5.34525 1.86069 5.26622 1.702L4.59955 0.368671C4.56042 0.290315 4.50623 0.220435 4.44009 0.16302C4.37395 0.105605 4.29715 0.0617794 4.21407 0.0340457C4.04629 -0.0219652 3.86313 -0.00903065 3.70488 0.0700039C3.54664 0.149038 3.42627 0.287699 3.37026 0.455481C3.31425 0.623264 3.32718 0.806425 3.40622 0.964671L4.06955 2.298Z",
@@ -2390,7 +2418,7 @@ var SortTopArbitrageIcon = (_a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx64("defs", { children: /* @__PURE__ */ jsx64("clipPath", { id: "sort-top-arbitrage-clip", children: /* @__PURE__ */ jsx64("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ jsx65("defs", { children: /* @__PURE__ */ jsx65("clipPath", { id: "sort-top-arbitrage-clip", children: /* @__PURE__ */ jsx65("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -2398,10 +2426,10 @@ var SortTopArbitrageIcon = (_a) => {
 SortTopArbitrageIcon.displayName = "SortTopArbitrageIcon";
 
 // src/primitives/icon/svg/sort-volume-24hr.tsx
-import { jsx as jsx65, jsxs as jsxs65 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs66 } from "react/jsx-runtime";
 var SortVolume24hrIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs65(
+  return /* @__PURE__ */ jsxs66(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       width: "16",
@@ -2411,15 +2439,15 @@ var SortVolume24hrIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx65("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx65("g", { clipPath: "url(#clip0_7744_587)", children: /* @__PURE__ */ jsx65(
+        title2 ? /* @__PURE__ */ jsx66("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx66("g", { clipPath: "url(#clip0_7744_587)", children: /* @__PURE__ */ jsx66(
           "path",
           {
             d: "M8 3.33333C8.36867 3.33333 8.66667 3.63133 8.66667 4V7.91733C8.66667 8.15 8.546 8.36467 8.34733 8.48667L5.40867 10.284C5.30067 10.3507 5.18 10.3813 5.06133 10.3813C4.83667 10.3813 4.618 10.268 4.492 10.062C4.3 9.748 4.39867 9.338 4.71333 9.14533L7.33333 7.54333V4C7.33333 3.63133 7.63133 3.33333 8 3.33333ZM14.6667 8.66667H12C11.6313 8.66667 11.3333 8.96467 11.3333 9.33333C11.3333 9.702 11.6313 10 12 10H13.712L10.826 12.8853C10.6973 13.014 10.47 13.0147 10.34 12.8853L9.604 12.1493C8.97 11.514 7.86533 11.514 7.22933 12.1493L4.52733 14.8627C4.26733 15.124 4.26867 15.546 4.52933 15.806C4.65933 15.9353 4.83 16 5 16C5.17133 16 5.34267 15.934 5.47267 15.804L8.174 13.0907C8.30267 12.962 8.53 12.9613 8.66 13.0907L9.396 13.8267C10.03 14.462 11.136 14.4613 11.7693 13.8267L14.6667 10.93V12.666C14.6667 13.0347 14.9647 13.3327 15.3333 13.3327C15.702 13.3327 16 13.0347 16 12.666V9.99933C16 9.264 15.402 8.666 14.6667 8.666V8.66667ZM1.33333 8C1.33333 4.324 4.324 1.33333 8 1.33333C11.2187 1.33333 13.976 3.62667 14.5567 6.78733C14.624 7.14933 14.9673 7.39333 15.3327 7.32267C15.6947 7.256 15.934 6.90867 15.868 6.54667C15.1713 2.75333 11.862 0 8 0C3.58867 0 0 3.58867 0 8C0 10.2107 0.928 12.344 2.54533 13.852C2.67333 13.972 2.83733 14.0313 3 14.0313C3.17867 14.0313 3.356 13.9607 3.48733 13.8193C3.73867 13.5507 3.72333 13.1287 3.454 12.8773C2.10667 11.62 1.33267 9.84267 1.33267 8.00067L1.33333 8Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ jsx65("defs", { children: /* @__PURE__ */ jsx65("clipPath", { id: "clip0_7744_587", children: /* @__PURE__ */ jsx65("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ jsx66("defs", { children: /* @__PURE__ */ jsx66("clipPath", { id: "clip0_7744_587", children: /* @__PURE__ */ jsx66("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -2427,10 +2455,10 @@ var SortVolume24hrIcon = (_a) => {
 SortVolume24hrIcon.displayName = "SortVolume24hrIcon";
 
 // src/primitives/icon/svg/sort-volume.tsx
-import { jsx as jsx66, jsxs as jsxs66 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs67 } from "react/jsx-runtime";
 var SortVolumeIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs66(
+  return /* @__PURE__ */ jsxs67(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -2438,15 +2466,15 @@ var SortVolumeIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx66("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx66("g", { clipPath: "url(#sort-volume-clip)", children: /* @__PURE__ */ jsx66(
+        title2 ? /* @__PURE__ */ jsx67("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx67("g", { clipPath: "url(#sort-volume-clip)", children: /* @__PURE__ */ jsx67(
           "path",
           {
             d: "M13.6667 10.6667H11.3333V8.33333C11.3333 7.04666 10.2867 6 9 6H7C5.71333 6 4.66667 7.04666 4.66667 8.33333V8.66666H2.33333C1.04667 8.66666 0 9.71333 0 11V13.6667C0 14.9533 1.04667 16 2.33333 16H13.6667C14.9533 16 16 14.9533 16 13.6667V13C16 11.7133 14.9533 10.6667 13.6667 10.6667ZM6 8.33333C6 7.782 6.44867 7.33333 7 7.33333H9C9.55133 7.33333 10 7.782 10 8.33333V14.6667H6V8.33333ZM1.33333 13.6667V11C1.33333 10.4487 1.782 9.99999 2.33333 9.99999H4.66667V14.6667H2.33333C1.782 14.6667 1.33333 14.218 1.33333 13.6667ZM14.6667 13.6667C14.6667 14.218 14.218 14.6667 13.6667 14.6667H11.3333V12H13.6667C14.218 12 14.6667 12.4487 14.6667 13V13.6667ZM5.36067 1.90466C5.42467 1.73 5.59133 1.61333 5.778 1.61333H7.112L7.584 0.288662C7.64867 0.114662 7.81467 -0.000671387 8.00067 -0.000671387C8.18667 -0.000671387 8.35267 0.114662 8.41733 0.288662L8.88933 1.61333H10.2233C10.41 1.61333 10.5767 1.73 10.6407 1.90533C10.7047 2.08066 10.652 2.27733 10.5093 2.398L9.458 3.25466L9.89267 4.57933C9.952 4.75866 9.892 4.95599 9.742 5.07133C9.592 5.18666 9.386 5.19466 9.228 5.09199L8.004 4.29466L6.80067 5.09999C6.726 5.14999 6.63933 5.17533 6.55333 5.17533C6.45933 5.17533 6.36533 5.14533 6.28667 5.08666C6.13533 4.97333 6.07267 4.77733 6.12933 4.59733L6.54733 3.25666L5.49067 2.39666C5.34867 2.276 5.296 2.07933 5.36067 1.90466Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ jsx66("defs", { children: /* @__PURE__ */ jsx66("clipPath", { id: "sort-volume-clip", children: /* @__PURE__ */ jsx66("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ jsx67("defs", { children: /* @__PURE__ */ jsx67("clipPath", { id: "sort-volume-clip", children: /* @__PURE__ */ jsx67("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -2454,10 +2482,10 @@ var SortVolumeIcon = (_a) => {
 SortVolumeIcon.displayName = "SortVolumeIcon";
 
 // src/primitives/icon/svg/sparkles-filled.tsx
-import { jsx as jsx67, jsxs as jsxs67 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs68 } from "react/jsx-runtime";
 var SparklesFilledIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs67(
+  return /* @__PURE__ */ jsxs68(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
@@ -2468,15 +2496,15 @@ var SparklesFilledIcon = (_a) => {
       className
     }, getIconA11yProps(title2)), props), {
       children: [
-        /* @__PURE__ */ jsx67("g", { clipPath: "url(#clip0_2028_8371)", children: /* @__PURE__ */ jsx67(
+        /* @__PURE__ */ jsx68("g", { clipPath: "url(#clip0_2028_8371)", children: /* @__PURE__ */ jsx68(
           "path",
           {
             d: "M13.0001 15.9999C12.8668 16 12.7366 15.9602 12.6262 15.8856C12.5158 15.8109 12.4303 15.705 12.3807 15.5813L11.8181 14.1726L10.4074 13.5786C10.2864 13.5252 10.1839 13.4372 10.1127 13.3256C10.0416 13.2141 10.0049 13.0841 10.0074 12.9518C10.0099 12.8196 10.0514 12.691 10.1267 12.5823C10.202 12.4735 10.3078 12.3894 10.4307 12.3406L11.8227 11.8133L12.3807 10.4186C12.4321 10.2967 12.5182 10.1927 12.6284 10.1195C12.7385 10.0464 12.8678 10.0074 13.0001 10.0074C13.1323 10.0074 13.2616 10.0464 13.3718 10.1195C13.482 10.1927 13.5681 10.2967 13.6194 10.4186L14.1801 11.8186L15.5801 12.3793C15.7022 12.4303 15.8065 12.5164 15.8799 12.6266C15.9532 12.7368 15.9923 12.8662 15.9923 12.9986C15.9923 13.131 15.9532 13.2604 15.8799 13.3706C15.8065 13.4808 15.7022 13.5668 15.5801 13.6179L14.1801 14.1786L13.6194 15.5786C13.5703 15.7028 13.4849 15.8093 13.3745 15.8845C13.2641 15.9596 13.1336 15.9998 13.0001 15.9999ZM6.66674 13.9999C6.37872 14.0034 6.09733 13.9135 5.86467 13.7437C5.63201 13.5739 5.46059 13.3333 5.37607 13.0579L4.30007 9.69326L0.92474 8.56393C0.652316 8.47287 0.415886 8.29758 0.249599 8.06337C0.0833117 7.82916 -0.00422421 7.54815 -0.000366007 7.26094C0.0034922 6.97372 0.0985448 6.69517 0.271063 6.46551C0.443581 6.23585 0.684635 6.06697 0.959407 5.98326L4.30807 4.9606L5.43607 1.59126C5.51994 1.31451 5.69343 1.07349 5.92924 0.906102C6.16505 0.738716 6.44981 0.654464 6.73874 0.666597C7.02681 0.666987 7.307 0.76066 7.53738 0.933596C7.76776 1.10653 7.93594 1.34943 8.01674 1.62593L9.03807 4.96926L12.3914 6.0426C12.6619 6.13332 12.897 6.30672 13.0636 6.53831C13.2302 6.7699 13.3198 7.04798 13.3198 7.33326C13.3198 7.61855 13.2302 7.89662 13.0636 8.12822C12.897 8.35981 12.6619 8.53321 12.3914 8.62393L9.03207 9.6986L7.95741 13.0579C7.87289 13.3333 7.70147 13.5739 7.46881 13.7437C7.23615 13.9135 6.95476 14.0034 6.66674 13.9999ZM13.6667 4.6666C13.5181 4.66659 13.3738 4.61693 13.2566 4.52549C13.1394 4.43406 13.0562 4.30609 13.0201 4.16193L12.7821 3.2086L11.8267 2.95193C11.6832 2.91335 11.5566 2.82788 11.4672 2.70911C11.3777 2.59033 11.3306 2.44507 11.3332 2.29641C11.3358 2.14776 11.388 2.00424 11.4815 1.88867C11.5751 1.7731 11.7046 1.69212 11.8494 1.6586L12.7827 1.44193L13.0201 0.504597C13.0562 0.360445 13.1395 0.232498 13.2566 0.141076C13.3738 0.0496542 13.5181 0 13.6667 0C13.8154 0 13.9597 0.0496542 14.0769 0.141076C14.194 0.232498 14.2773 0.360445 14.3134 0.504597L14.5494 1.44993L15.4947 1.6866C15.6389 1.72272 15.7668 1.80598 15.8583 1.92314C15.9497 2.0403 15.9993 2.18465 15.9993 2.33326C15.9993 2.48187 15.9497 2.62622 15.8583 2.74338C15.7668 2.86055 15.6389 2.9438 15.4947 2.97993L14.5494 3.2166L14.3134 4.16193C14.2773 4.30609 14.194 4.43406 14.0769 4.52549C13.9597 4.61693 13.8154 4.66659 13.6667 4.6666Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ jsxs67("defs", { children: [
-          /* @__PURE__ */ jsxs67(
+        /* @__PURE__ */ jsxs68("defs", { children: [
+          /* @__PURE__ */ jsxs68(
             "linearGradient",
             {
               id: "paint0_linear_2028_8371",
@@ -2486,12 +2514,12 @@ var SparklesFilledIcon = (_a) => {
               y2: "7.99997",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ jsx67("stop", { stopColor: "currentColor" }),
-                /* @__PURE__ */ jsx67("stop", { offset: "1", stopColor: "currentColor" })
+                /* @__PURE__ */ jsx68("stop", { stopColor: "currentColor" }),
+                /* @__PURE__ */ jsx68("stop", { offset: "1", stopColor: "currentColor" })
               ]
             }
           ),
-          /* @__PURE__ */ jsx67("clipPath", { id: "clip0_2028_8371", children: /* @__PURE__ */ jsx67("rect", { width: "16", height: "16", fill: "white" }) })
+          /* @__PURE__ */ jsx68("clipPath", { id: "clip0_2028_8371", children: /* @__PURE__ */ jsx68("rect", { width: "16", height: "16", fill: "white" }) })
         ] })
       ]
     })
@@ -2500,10 +2528,10 @@ var SparklesFilledIcon = (_a) => {
 SparklesFilledIcon.displayName = "SparklesFilledIcon";
 
 // src/primitives/icon/svg/spinner.tsx
-import { jsx as jsx68, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs69 } from "react/jsx-runtime";
 var SpinnerIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs68(
+  return /* @__PURE__ */ jsxs69(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       width: "26",
@@ -2514,8 +2542,8 @@ var SpinnerIcon = (_a) => {
       className
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx68("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx68(
+        title2 ? /* @__PURE__ */ jsx69("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx69(
           "path",
           {
             d: "M13 1C10.5371 1 8.13377 1.75785 6.11636 3.17068C4.09894 4.58352 2.56512 6.58289 1.72308 8.89742C0.88105 11.212 0.771596 13.7295 1.40958 16.1084C2.04756 18.4873 3.40208 20.6122 5.28926 22.1948C7.17645 23.7774 9.5049 24.741 11.9585 24.9547C14.4122 25.1685 16.8722 24.6221 19.0046 23.3896C21.137 22.1572 22.8386 20.2985 23.8783 18.0658C24.918 15.8331 25.2456 13.3345 24.8165 10.9092",
@@ -2531,10 +2559,10 @@ var SpinnerIcon = (_a) => {
 SpinnerIcon.displayName = "SpinnerIcon";
 
 // src/primitives/icon/svg/stay-in-control.tsx
-import { jsx as jsx69, jsxs as jsxs69 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs70 } from "react/jsx-runtime";
 var StayInControlIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs69(
+  return /* @__PURE__ */ jsxs70(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       width: "28",
@@ -2545,16 +2573,16 @@ var StayInControlIcon = (_a) => {
       className
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx69("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsxs69("g", { clipPath: "url(#clip0_stay_in_control)", children: [
-          /* @__PURE__ */ jsx69(
+        title2 ? /* @__PURE__ */ jsx70("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsxs70("g", { clipPath: "url(#clip0_stay_in_control)", children: [
+          /* @__PURE__ */ jsx70(
             "path",
             {
               d: "M14 27.9406C13.9102 27.9406 13.8215 27.9196 13.7387 27.8788L13.2428 27.6314C10.6832 26.3504 2.32983 21.5753 2.32983 13.8648L2.33217 7.62776C2.33217 5.36093 3.77767 3.35776 5.93017 2.64493L13.8168 0.0292617C13.9358 -0.010405 14.0653 -0.010405 14.1832 0.0292617L22.0687 2.64376C24.2212 3.35776 25.6667 5.36093 25.6667 7.6266L25.6632 13.8636C25.6632 22.6113 17.2958 26.6584 14.7315 27.6909L14.217 27.8974C14.147 27.9254 14.0723 27.9394 13.9988 27.9394L14 27.9406ZM14 1.19826L6.29767 3.7521C4.6235 4.30743 3.5 5.86493 3.5 7.62776L3.49767 13.8648C3.49767 20.9056 11.3563 25.3844 13.7655 26.5884L14.0268 26.7191L14.2975 26.6106C16.6903 25.6481 24.4977 21.8833 24.4977 13.8659L24.5012 7.62893C24.5012 5.8661 23.3765 4.3086 21.7035 3.75326L14 1.19826Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ jsx69(
+          /* @__PURE__ */ jsx70(
             "path",
             {
               d: "M12.8112 17.5001C12.0633 17.5001 11.3155 17.2154 10.7462 16.6461L7.18083 13.2569C6.94749 13.0352 6.93816 12.6654 7.15983 12.4321C7.38149 12.1999 7.75016 12.1894 7.98466 12.4111L11.5605 15.8107C12.2535 16.5026 13.363 16.5037 14.0455 15.8212L20.5928 9.49791C20.8262 9.27508 21.196 9.28208 21.4177 9.51308C21.6417 9.74408 21.6358 10.1139 21.4037 10.3379L14.8622 16.6542C14.2987 17.2177 13.5543 17.5012 12.81 17.5012L12.8112 17.5001Z",
@@ -2562,7 +2590,7 @@ var StayInControlIcon = (_a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx69("defs", { children: /* @__PURE__ */ jsx69("clipPath", { id: "clip0_stay_in_control", children: /* @__PURE__ */ jsx69("rect", { width: "28", height: "28", fill: "white" }) }) })
+        /* @__PURE__ */ jsx70("defs", { children: /* @__PURE__ */ jsx70("clipPath", { id: "clip0_stay_in_control", children: /* @__PURE__ */ jsx70("rect", { width: "28", height: "28", fill: "white" }) }) })
       ]
     })
   );
@@ -2570,10 +2598,10 @@ var StayInControlIcon = (_a) => {
 StayInControlIcon.displayName = "StayInControlIcon";
 
 // src/primitives/icon/svg/success-check.tsx
-import { jsx as jsx70, jsxs as jsxs70 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs71 } from "react/jsx-runtime";
 var SuccessCheckIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs70(
+  return /* @__PURE__ */ jsxs71(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       width: "24",
@@ -2584,8 +2612,8 @@ var SuccessCheckIcon = (_a) => {
       className
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx70("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx70(
+        title2 ? /* @__PURE__ */ jsx71("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx71(
           "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",
@@ -2599,10 +2627,10 @@ var SuccessCheckIcon = (_a) => {
 SuccessCheckIcon.displayName = "SuccessCheckIcon";
 
 // src/primitives/icon/svg/telegram.tsx
-import { jsx as jsx71, jsxs as jsxs71 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs72 } from "react/jsx-runtime";
 var TelegramIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs71(
+  return /* @__PURE__ */ jsxs72(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 20 20",
@@ -2610,8 +2638,8 @@ var TelegramIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx71("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx71("g", { clipPath: "url(#clip0_telegram)", children: /* @__PURE__ */ jsx71(
+        title2 ? /* @__PURE__ */ jsx72("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx72("g", { clipPath: "url(#clip0_telegram)", children: /* @__PURE__ */ jsx72(
           "path",
           {
             fillRule: "evenodd",
@@ -2620,7 +2648,7 @@ var TelegramIcon = (_a) => {
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ jsx71("defs", { children: /* @__PURE__ */ jsx71("clipPath", { id: "clip0_telegram", children: /* @__PURE__ */ jsx71("rect", { width: "20", height: "20", fill: "white" }) }) })
+        /* @__PURE__ */ jsx72("defs", { children: /* @__PURE__ */ jsx72("clipPath", { id: "clip0_telegram", children: /* @__PURE__ */ jsx72("rect", { width: "20", height: "20", fill: "white" }) }) })
       ]
     })
   );
@@ -2628,10 +2656,10 @@ var TelegramIcon = (_a) => {
 TelegramIcon.displayName = "TelegramIcon";
 
 // src/primitives/icon/svg/triangle-down.tsx
-import { jsx as jsx72, jsxs as jsxs72 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs73 } from "react/jsx-runtime";
 var TriangleDownIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs72(
+  return /* @__PURE__ */ jsxs73(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 8 8",
@@ -2639,16 +2667,16 @@ var TriangleDownIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx72("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsxs72("g", { transform: "scale(1,-1) translate(0,-8)", clipPath: "url(#triangle_up)", children: [
-          /* @__PURE__ */ jsx72(
+        title2 ? /* @__PURE__ */ jsx73("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsxs73("g", { transform: "scale(1,-1) translate(0,-8)", clipPath: "url(#triangle_up)", children: [
+          /* @__PURE__ */ jsx73(
             "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__ */ jsx72(
+          /* @__PURE__ */ jsx73(
             "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",
@@ -2656,7 +2684,7 @@ var TriangleDownIcon = (_a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx72("defs", { children: /* @__PURE__ */ jsx72("clipPath", { id: "triangle_up", children: /* @__PURE__ */ jsx72("rect", { width: "8", height: "8", fill: "white" }) }) })
+        /* @__PURE__ */ jsx73("defs", { children: /* @__PURE__ */ jsx73("clipPath", { id: "triangle_up", children: /* @__PURE__ */ jsx73("rect", { width: "8", height: "8", fill: "white" }) }) })
       ]
     })
   );
@@ -2664,10 +2692,10 @@ var TriangleDownIcon = (_a) => {
 TriangleDownIcon.displayName = "TriangleDownIcon";
 
 // src/primitives/icon/svg/triangle-up.tsx
-import { jsx as jsx73, jsxs as jsxs73 } from "react/jsx-runtime";
+import { jsx as jsx74, jsxs as jsxs74 } from "react/jsx-runtime";
 var TriangleUpIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs73(
+  return /* @__PURE__ */ jsxs74(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 8 8",
@@ -2675,16 +2703,16 @@ var TriangleUpIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx73("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsxs73("g", { clipPath: "url(#triangle_up)", children: [
-          /* @__PURE__ */ jsx73(
+        title2 ? /* @__PURE__ */ jsx74("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsxs74("g", { clipPath: "url(#triangle_up)", children: [
+          /* @__PURE__ */ jsx74(
             "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__ */ jsx73(
+          /* @__PURE__ */ jsx74(
             "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",
@@ -2692,7 +2720,7 @@ var TriangleUpIcon = (_a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx73("defs", { children: /* @__PURE__ */ jsx73("clipPath", { id: "triangle_up", children: /* @__PURE__ */ jsx73("rect", { width: "8", height: "8", fill: "white" }) }) })
+        /* @__PURE__ */ jsx74("defs", { children: /* @__PURE__ */ jsx74("clipPath", { id: "triangle_up", children: /* @__PURE__ */ jsx74("rect", { width: "8", height: "8", fill: "white" }) }) })
       ]
     })
   );
@@ -2700,10 +2728,10 @@ var TriangleUpIcon = (_a) => {
 TriangleUpIcon.displayName = "TriangleUpIcon";
 
 // src/primitives/icon/svg/triangle-up-filled.tsx
-import { jsx as jsx74, jsxs as jsxs74 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs75 } from "react/jsx-runtime";
 var TriangleUpFilledIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs74(
+  return /* @__PURE__ */ jsxs75(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 8 8",
@@ -2711,8 +2739,8 @@ var TriangleUpFilledIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx74("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx74(
+        title2 ? /* @__PURE__ */ jsx75("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx75(
           "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",
@@ -2726,10 +2754,10 @@ var TriangleUpFilledIcon = (_a) => {
 TriangleUpFilledIcon.displayName = "TriangleUpFilledIcon";
 
 // src/primitives/icon/svg/twitter.tsx
-import { jsx as jsx75, jsxs as jsxs75 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs76 } from "react/jsx-runtime";
 var TwitterIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs75(
+  return /* @__PURE__ */ jsxs76(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 24 24",
@@ -2737,8 +2765,8 @@ var TwitterIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx75("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx75(
+        title2 ? /* @__PURE__ */ jsx76("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx76(
           "path",
           {
             d: "M18.325 2H21.7002L14.3283 10.4233L23 21.8871H16.2121L10.8918 14.936L4.81058 21.8871H1.42992L9.31325 12.8753L1 2H7.96025L12.7645 8.35342L18.325 2ZM17.1398 19.8695H19.0088L6.94183 3.91217H4.93433L17.1398 19.8695Z",
@@ -2752,10 +2780,10 @@ var TwitterIcon = (_a) => {
 TwitterIcon.displayName = "TwitterIcon";
 
 // src/primitives/icon/svg/upload.tsx
-import { jsx as jsx76, jsxs as jsxs76 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs77 } from "react/jsx-runtime";
 var UploadIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs76(
+  return /* @__PURE__ */ jsxs77(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -2763,16 +2791,16 @@ var UploadIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx76("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsxs76("g", { clipPath: "url(#upload-clip)", children: [
-          /* @__PURE__ */ jsx76(
+        title2 ? /* @__PURE__ */ jsx77("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsxs77("g", { clipPath: "url(#upload-clip)", children: [
+          /* @__PURE__ */ jsx77(
             "path",
             {
               d: "M7.33755 1.71857L7.33288 12.0106C7.33288 12.1874 7.40312 12.357 7.52814 12.482C7.65317 12.607 7.82274 12.6772 7.99955 12.6772C8.17636 12.6772 8.34593 12.607 8.47095 12.482C8.59598 12.357 8.66621 12.1874 8.66621 12.0106L8.67088 1.7299L10.6122 3.6719C10.7372 3.79688 10.9068 3.86709 11.0835 3.86709C11.2603 3.86709 11.4299 3.79688 11.5549 3.6719C11.6799 3.54689 11.7501 3.37735 11.7501 3.20057C11.7501 3.02379 11.6799 2.85426 11.5549 2.72924L9.41421 0.585904C9.22848 0.400051 9.00795 0.252617 8.76521 0.152028C8.52248 0.0514383 8.2623 -0.000335693 7.99955 -0.000335693C7.7368 -0.000335693 7.47662 0.0514383 7.23388 0.152028C6.99115 0.252617 6.77061 0.400051 6.58488 0.585904L4.44421 2.72724C4.31923 2.85226 4.24902 3.02179 4.24902 3.19857C4.24902 3.37535 4.31923 3.54489 4.44421 3.6699C4.56923 3.79488 4.73877 3.86509 4.91555 3.86509C5.09232 3.86509 5.26186 3.79488 5.38688 3.6699L7.33755 1.71857Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ jsx76(
+          /* @__PURE__ */ jsx77(
             "path",
             {
               d: "M14.6667 11.3333V14C14.6667 14.1768 14.5964 14.3464 14.4714 14.4714C14.3464 14.5964 14.1768 14.6667 14 14.6667H2C1.82319 14.6667 1.65362 14.5964 1.5286 14.4714C1.40357 14.3464 1.33333 14.1768 1.33333 14V11.3333C1.33333 11.1565 1.2631 10.9869 1.13807 10.8619C1.01305 10.7369 0.843478 10.6667 0.666667 10.6667C0.489856 10.6667 0.320286 10.7369 0.195262 10.8619C0.0702379 10.9869 0 11.1565 0 11.3333L0 14C0 14.5304 0.210714 15.0391 0.585786 15.4142C0.960859 15.7893 1.46957 16 2 16H14C14.5304 16 15.0391 15.7893 15.4142 15.4142C15.7893 15.0391 16 14.5304 16 14V11.3333C16 11.1565 15.9298 10.9869 15.8047 10.8619C15.6797 10.7369 15.5101 10.6667 15.3333 10.6667C15.1565 10.6667 14.987 10.7369 14.8619 10.8619C14.7369 10.9869 14.6667 11.1565 14.6667 11.3333Z",
@@ -2780,7 +2808,7 @@ var UploadIcon = (_a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx76("defs", { children: /* @__PURE__ */ jsx76("clipPath", { id: "upload-clip", children: /* @__PURE__ */ jsx76("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ jsx77("defs", { children: /* @__PURE__ */ jsx77("clipPath", { id: "upload-clip", children: /* @__PURE__ */ jsx77("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -2788,10 +2816,10 @@ var UploadIcon = (_a) => {
 UploadIcon.displayName = "UploadIcon";
 
 // src/primitives/icon/svg/user-trust.tsx
-import { jsx as jsx77, jsxs as jsxs77 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs78 } from "react/jsx-runtime";
 var UserTrustIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs77(
+  return /* @__PURE__ */ jsxs78(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
@@ -2800,15 +2828,15 @@ var UserTrustIcon = (_a) => {
       className
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx77("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx77("g", { clipPath: "url(#clip0_user_trust)", children: /* @__PURE__ */ jsx77(
+        title2 ? /* @__PURE__ */ jsx78("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx78("g", { clipPath: "url(#clip0_user_trust)", children: /* @__PURE__ */ jsx78(
           "path",
           {
             d: "M22.5 30C14.2275 30 7.5 23.2725 7.5 15C7.5 6.7275 14.2275 0 22.5 0C30.7725 0 37.5 6.7275 37.5 15C37.5 23.2725 30.7725 30 22.5 30ZM22.5 2.5C15.6075 2.5 10 8.1075 10 15C10 21.8925 15.6075 27.5 22.5 27.5C29.3925 27.5 35 21.8925 35 15C35 8.1075 29.3925 2.5 22.5 2.5ZM2.5 58.75V57.5C2.5 46.9175 10.7675 38.1475 21.3225 37.535C22.0125 37.495 22.5375 36.905 22.4975 36.215C22.4575 35.5275 21.87 34.96 21.1775 35.04C9.3025 35.7275 0 45.5925 0 57.5V58.75C0 59.44 0.56 60 1.25 60C1.94 60 2.5 59.44 2.5 58.75ZM43.75 60C34.79 60 27.5 52.71 27.5 43.75C27.5 34.79 34.79 27.5 43.75 27.5C52.71 27.5 60 34.79 60 43.75C60 52.71 52.71 60 43.75 60ZM43.75 30C36.1675 30 30 36.17 30 43.75C30 51.33 36.1675 57.5 43.75 57.5C51.3325 57.5 57.5 51.33 57.5 43.75C57.5 36.17 51.3325 30 43.75 30ZM45.3375 48.66L52.095 42.125C52.59 41.645 52.605 40.8525 52.125 40.3575C51.6475 39.8625 50.8575 39.85 50.3575 40.3275L43.5925 46.8725C42.7525 47.7 41.38 47.705 40.535 46.8825L37.1275 43.52C36.6375 43.035 35.845 43.04 35.36 43.53C34.875 44.0225 34.88 44.815 35.3725 45.2975L38.7825 48.665C39.6875 49.55 40.875 49.9925 42.0625 49.9925C43.25 49.9925 44.4375 49.5475 45.3375 48.66Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ jsx77("defs", { children: /* @__PURE__ */ jsx77("clipPath", { id: "clip0_user_trust", children: /* @__PURE__ */ jsx77("rect", { width: "60", height: "60", fill: "white" }) }) })
+        /* @__PURE__ */ jsx78("defs", { children: /* @__PURE__ */ jsx78("clipPath", { id: "clip0_user_trust", children: /* @__PURE__ */ jsx78("rect", { width: "60", height: "60", fill: "white" }) }) })
       ]
     })
   );
@@ -2816,10 +2844,10 @@ var UserTrustIcon = (_a) => {
 UserTrustIcon.displayName = "UserTrustIcon";
 
 // src/primitives/icon/svg/usdc.tsx
-import { jsx as jsx78, jsxs as jsxs78 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs79 } from "react/jsx-runtime";
 var UsdcIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs78(
+  return /* @__PURE__ */ jsxs79(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 32 32",
@@ -2827,16 +2855,16 @@ var UsdcIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx78("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx78("circle", { cx: "16", cy: "16", r: "16", fill: "#2775CA" }),
-        /* @__PURE__ */ jsx78(
+        title2 ? /* @__PURE__ */ jsx79("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx79("circle", { cx: "16", cy: "16", r: "16", fill: "#2775CA" }),
+        /* @__PURE__ */ jsx79(
           "path",
           {
             d: "M20.4 18.6c0-2.2-1.3-3-3.9-3.3-1.9-.3-2.3-.8-2.3-1.7s.7-1.5 2.1-1.5c1.2 0 1.9.4 2.2 1.4.1.2.2.3.4.3h1c.2 0 .4-.2.4-.4-.2-1.3-1.1-2.4-2.6-2.7v-1.5c0-.2-.2-.4-.5-.4h-.9c-.2 0-.4.2-.5.4v1.5c-1.7.3-2.8 1.4-2.8 2.9 0 2.1 1.3 2.8 3.9 3.2 1.7.3 2.3.8 2.3 1.8s-.9 1.7-2.2 1.7c-1.7 0-2.3-.7-2.5-1.6-.1-.2-.2-.3-.4-.3h-1c-.2 0-.4.2-.4.4.3 1.6 1.3 2.6 3.1 2.9v1.5c0 .2.2.4.5.4h.9c.2 0 .4-.2.5-.4v-1.5c1.7-.3 2.8-1.5 2.8-3.1z",
             fill: "#fff"
           }
         ),
-        /* @__PURE__ */ jsx78(
+        /* @__PURE__ */ jsx79(
           "path",
           {
             d: "M13.1 25.2c-4.6-1.6-7-6.7-5.3-11.3 1-2.7 3.1-4.5 5.7-5.3.2-.1.4-.3.4-.5v-.9c0-.2-.2-.4-.4-.4h-.1c-5.3 1.6-8.3 7.3-6.7 12.6 1 3.3 3.5 5.8 6.8 6.8.2.1.5-.1.5-.3v-.9c-.1-.3-.2-.5-.5-.6l-.4-.2zM19.3 6.8c-.2-.1-.5.1-.5.3v.9c0 .2.2.5.4.6 4.6 1.6 7 6.7 5.3 11.3-1 2.7-3.1 4.5-5.7 5.3-.2.1-.4.3-.4.5v.9c0 .2.2.4.4.4h.1c5.3-1.6 8.3-7.3 6.7-12.6-1-3.3-3.5-5.8-6.8-6.8l.5.2z",
@@ -2850,10 +2878,10 @@ var UsdcIcon = (_a) => {
 UsdcIcon.displayName = "UsdcIcon";
 
 // src/primitives/icon/svg/wallet.tsx
-import { jsx as jsx79, jsxs as jsxs79 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs80 } from "react/jsx-runtime";
 var WalletIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs79(
+  return /* @__PURE__ */ jsxs80(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 24 24",
@@ -2861,8 +2889,8 @@ var WalletIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx79("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx79(
+        title2 ? /* @__PURE__ */ jsx80("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx80(
           "path",
           {
             d: "M21.5 6H4.5C3.354 6 2.279 5.433 1.628 4.501C2.262 3.594 3.313 3 4.5 3H23.5C23.776 3 24 2.776 24 2.5C24 2.224 23.776 2 23.5 2H4.5C2.015 2 0 4.015 0 6.5V17.5C0 19.985 2.015 22 4.5 22H21.5C22.881 22 24 20.881 24 19.5V8.5C24 7.119 22.881 6 21.5 6ZM23 19.5C23 20.327 22.327 21 21.5 21H4.5C2.57 21 1 19.43 1 17.5V6.5C1 6.152 1.051 5.816 1.146 5.499C1.992 6.441 3.21 7 4.5 7H21.5C22.327 7 23 7.673 23 8.5V19.5ZM21 14C21 14.552 20.552 15 20 15C19.448 15 19 14.552 19 14C19 13.448 19.448 13 20 13C20.552 13 21 13.448 21 14Z",
@@ -2876,10 +2904,10 @@ var WalletIcon = (_a) => {
 WalletIcon.displayName = "WalletIcon";
 
 // src/primitives/icon/svg/wallet-avatar.tsx
-import { jsx as jsx80, jsxs as jsxs80 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs81 } from "react/jsx-runtime";
 function WalletAvatarIcon(_a) {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs80(
+  return /* @__PURE__ */ jsxs81(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       fill: "none",
@@ -2887,9 +2915,9 @@ function WalletAvatarIcon(_a) {
       viewBox: "0 0 16 16"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx80("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx80("circle", { cx: "8", cy: "5.25", r: "2.25", fill: "currentColor" }),
-        /* @__PURE__ */ jsx80("path", { d: "M3.75 12.75a4.25 4.25 0 0 1 8.5 0v.25h-8.5v-.25Z", fill: "currentColor" })
+        title2 ? /* @__PURE__ */ jsx81("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx81("circle", { cx: "8", cy: "5.25", r: "2.25", fill: "currentColor" }),
+        /* @__PURE__ */ jsx81("path", { d: "M3.75 12.75a4.25 4.25 0 0 1 8.5 0v.25h-8.5v-.25Z", fill: "currentColor" })
       ]
     })
   );
@@ -2897,10 +2925,10 @@ function WalletAvatarIcon(_a) {
 WalletAvatarIcon.displayName = "WalletAvatarIcon";
 
 // src/primitives/icon/svg/wallet-filled.tsx
-import { jsx as jsx81, jsxs as jsxs81 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs82 } from "react/jsx-runtime";
 var WalletFilledIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs81(
+  return /* @__PURE__ */ jsxs82(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 14 14",
@@ -2908,8 +2936,8 @@ var WalletFilledIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx81("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx81(
+        title2 ? /* @__PURE__ */ jsx82("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx82(
           "path",
           {
             d: "M12.25 3.50008H2.91667C2.41558 3.50008 1.94133 3.28308 1.61292 2.91733C1.93375 2.55916 2.39983 2.33341 2.91667 2.33341H13.4167C13.7392 2.33341 14 2.07208 14 1.75008C14 1.42808 13.7392 1.16675 13.4167 1.16675H2.91667C1.30608 1.16675 0 2.47283 0 4.08342V9.91675C0 11.5273 1.30608 12.8334 2.91667 12.8334H12.25C13.2166 12.8334 14 12.05 14 11.0834V5.25008C14 4.2835 13.2166 3.50008 12.25 3.50008ZM12.8333 11.0834C12.8333 11.4048 12.572 11.6667 12.25 11.6667H2.91667C1.95183 11.6667 1.16667 10.8816 1.16667 9.91675V4.08225C1.66483 4.455 2.27733 4.66675 2.91667 4.66675H12.25C12.572 4.66675 12.8333 4.92866 12.8333 5.25008V11.0834ZM11.6667 8.16675C11.6667 8.48875 11.4053 8.75008 11.0833 8.75008C10.7613 8.75008 10.5 8.48875 10.5 8.16675C10.5 7.84475 10.7613 7.58342 11.0833 7.58342C11.4053 7.58342 11.6667 7.84475 11.6667 8.16675Z",
@@ -2923,10 +2951,10 @@ var WalletFilledIcon = (_a) => {
 WalletFilledIcon.displayName = "WalletFilledIcon";
 
 // src/primitives/icon/svg/paper-plane.tsx
-import { jsx as jsx82, jsxs as jsxs82 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs83 } from "react/jsx-runtime";
 var PaperPlaneIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs82(
+  return /* @__PURE__ */ jsxs83(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 24 24",
@@ -2934,15 +2962,15 @@ var PaperPlaneIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx82("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx82("g", { clipPath: "url(#paper-plane-clip)", children: /* @__PURE__ */ jsx82(
+        title2 ? /* @__PURE__ */ jsx83("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx83("g", { clipPath: "url(#paper-plane-clip)", children: /* @__PURE__ */ jsx83(
           "path",
           {
             d: "M23.149 0.854808C22.43 0.135808 21.42 -0.152192 20.441 0.0858076L4.21901 4.30981C2.13901 4.59681 0.532009 6.10881 0.125009 8.16081C-0.184991 9.72081 0.349009 11.3698 1.56401 12.5848L3.00101 13.9388V18.5008C3.00101 19.1868 3.27901 19.8088 3.72801 20.2608C3.73001 20.2628 3.73101 20.2658 3.73301 20.2688C3.73501 20.2718 3.73801 20.2718 3.74101 20.2738C4.19301 20.7228 4.81501 21.0008 5.50101 21.0008H10.075L11.456 22.4768C12.438 23.4588 13.757 23.9978 15.059 23.9978C15.525 23.9978 15.989 23.9288 16.434 23.7868C18.218 23.2178 19.478 21.7408 19.713 19.9878L23.91 3.60081C24.154 2.60181 23.87 1.57681 23.15 0.855808L23.149 0.854808ZM2.26001 11.8668C1.29301 10.8988 0.861009 9.58681 1.10501 8.35481C1.42801 6.72781 2.70401 5.52881 4.41401 5.28881L20.686 1.05681C20.83 1.02181 20.976 1.00481 21.12 1.00481C21.441 1.00481 21.753 1.09781 22.035 1.25981L4.15001 19.1438C4.05601 18.9478 4.00001 18.7318 4.00001 18.5008V13.7228C4.00001 13.5848 3.94301 13.4528 3.84301 13.3588L2.26001 11.8668ZM22.939 3.35781L18.731 19.7958C18.538 21.2188 17.541 22.3828 16.128 22.8328C14.789 23.2588 13.232 22.8408 12.172 21.7808L10.654 20.1588C10.559 20.0578 10.427 20.0008 10.289 20.0008H5.50001C5.26901 20.0008 5.05301 19.9438 4.85701 19.8508L22.746 1.96181C22.984 2.37781 23.058 2.87381 22.939 3.35781Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ jsx82("defs", { children: /* @__PURE__ */ jsx82("clipPath", { id: "paper-plane-clip", children: /* @__PURE__ */ jsx82("rect", { width: "24", height: "24", fill: "white" }) }) })
+        /* @__PURE__ */ jsx83("defs", { children: /* @__PURE__ */ jsx83("clipPath", { id: "paper-plane-clip", children: /* @__PURE__ */ jsx83("rect", { width: "24", height: "24", fill: "white" }) }) })
       ]
     })
   );
@@ -2950,10 +2978,10 @@ var PaperPlaneIcon = (_a) => {
 PaperPlaneIcon.displayName = "PaperPlaneIcon";
 
 // src/primitives/icon/svg/warning.tsx
-import { jsx as jsx83, jsxs as jsxs83 } from "react/jsx-runtime";
+import { jsx as jsx84, jsxs as jsxs84 } from "react/jsx-runtime";
 var WarningIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs83(
+  return /* @__PURE__ */ jsxs84(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       width: "14",
@@ -2964,8 +2992,8 @@ var WarningIcon = (_a) => {
       className
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx83("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx83(
+        title2 ? /* @__PURE__ */ jsx84("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx84(
           "path",
           {
             d: "M6.41665 8.1665V4.6665C6.41665 4.34567 6.67915 4.08317 6.99998 4.08317C7.32082 4.08317 7.58332 4.34567 7.58332 4.6665V8.1665C7.58332 8.48734 7.32082 8.74984 6.99998 8.74984C6.67915 8.74984 6.41665 8.48734 6.41665 8.1665ZM6.99998 9.33317C6.51582 9.33317 6.12498 9.724 6.12498 10.2082C6.12498 10.6923 6.51582 11.0832 6.99998 11.0832C7.48415 11.0832 7.87498 10.6923 7.87498 10.2082C7.87498 9.724 7.48415 9.33317 6.99998 9.33317ZM13.755 12.1798C13.3467 12.9673 12.4892 13.4165 11.4158 13.4165H2.58998C1.51082 13.4165 0.659151 12.9673 0.250818 12.1798C-0.163348 11.3865 -0.0466818 10.3715 0.542485 9.51984L5.23248 2.09984C5.64665 1.50484 6.29998 1.1665 6.99998 1.1665C7.69999 1.1665 8.35332 1.50484 8.74998 2.08234L13.4633 9.5315C14.0525 10.3832 14.1633 11.3923 13.7492 12.1798H13.755ZM12.5008 10.1848C12.5008 10.1848 12.4892 10.1732 12.4892 10.1615L7.78165 2.724C7.61248 2.48484 7.32082 2.33317 6.99998 2.33317C6.67915 2.33317 6.38749 2.48484 6.20665 2.74734L1.51082 10.1615C1.14915 10.6748 1.06748 11.2348 1.27748 11.6373C1.48165 12.034 1.94832 12.2498 2.58415 12.2498H11.4042C12.04 12.2498 12.5067 12.034 12.7108 11.6373C12.9208 11.2348 12.8392 10.6748 12.495 10.1848H12.5008Z",
@@ -2979,10 +3007,10 @@ var WarningIcon = (_a) => {
 WarningIcon.displayName = "WarningIcon";
 
 // src/primitives/icon/svg/warning-filled.tsx
-import { jsx as jsx84, jsxs as jsxs84 } from "react/jsx-runtime";
+import { jsx as jsx85, jsxs as jsxs85 } from "react/jsx-runtime";
 var WarningFilledIcon = (_a) => {
   var _b = _a, { title: title2, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ jsxs84(
+  return /* @__PURE__ */ jsxs85(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -2990,8 +3018,8 @@ var WarningFilledIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx84("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx84(
+        title2 ? /* @__PURE__ */ jsx85("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx85(
           "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",
@@ -3053,6 +3081,7 @@ var iconRegistry = {
   "internet-security": InternetSecurityIcon,
   "link-accounts": LinkAccountsIcon,
   lock: LockIcon,
+  "paper-mode": PaperModeIcon,
   pencil: PencilIcon,
   "play-square": PlaySquareIcon,
   polygon: PolygonIcon,
@@ -3100,7 +3129,7 @@ var resolveIconStyle = (color, style) => {
 };
 
 // src/primitives/icon/index.tsx
-import { jsx as jsx85 } from "react/jsx-runtime";
+import { jsx as jsx86 } from "react/jsx-runtime";
 var Icon = (_a) => {
   var _b = _a, {
     name,
@@ -3124,7 +3153,7 @@ var Icon = (_a) => {
   }
   const resolvedStyle = resolveIconStyle(color, style);
   const resolvedClassName = cn(iconSizeClasses[size], className);
-  return /* @__PURE__ */ jsx85(
+  return /* @__PURE__ */ jsx86(
     Component2,
     __spreadValues({
       color,
@@ -3163,7 +3192,7 @@ var resolveIsDisabled = ({
 };
 
 // src/primitives/autocomplete-select/index.tsx
-import { jsx as jsx86, jsxs as jsxs85 } from "react/jsx-runtime";
+import { jsx as jsx87, jsxs as jsxs86 } from "react/jsx-runtime";
 var AutocompleteSelect = ({
   options,
   value,
@@ -3301,14 +3330,14 @@ var AutocompleteSelect = ({
       optionRefs.current.delete(index);
     }
   }, []);
-  return /* @__PURE__ */ jsxs85(
+  return /* @__PURE__ */ jsxs86(
     "div",
     {
       ref: containerRef,
       className: cn("group/agg-autocomplete", "relative inline-flex w-full", className),
       onKeyDown: handleKeyDown,
       children: [
-        /* @__PURE__ */ jsx86(
+        /* @__PURE__ */ jsx87(
           "button",
           {
             ref: triggerRef,
@@ -3333,11 +3362,11 @@ var AutocompleteSelect = ({
               e.preventDefault();
               handleToggle();
             },
-            children: /* @__PURE__ */ jsx86("span", { className: "agg-autocomplete-value flex-1 truncate", children: (_b = (_a = selectedOption == null ? void 0 : selectedOption.label) != null ? _a : placeholder) != null ? _b : "" })
+            children: /* @__PURE__ */ jsx87("span", { className: "agg-autocomplete-value flex-1 truncate", children: (_b = (_a = selectedOption == null ? void 0 : selectedOption.label) != null ? _a : placeholder) != null ? _b : "" })
           }
         ),
-        /* @__PURE__ */ jsx86("span", { className: "agg-autocomplete-chevron pointer-events-none absolute inset-y-0 right-3 inline-flex items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ jsx86(Icon, { name: "chevron-down", size: "small", color: "currentColor" }) }),
-        isOpen ? /* @__PURE__ */ jsxs85(
+        /* @__PURE__ */ jsx87("span", { className: "agg-autocomplete-chevron pointer-events-none absolute inset-y-0 right-3 inline-flex items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ jsx87(Icon, { name: "chevron-down", size: "small", color: "currentColor" }) }),
+        isOpen ? /* @__PURE__ */ jsxs86(
           "div",
           {
             className: cn(
@@ -3346,7 +3375,7 @@ var AutocompleteSelect = ({
             ),
             onClick: (e) => e.stopPropagation(),
             children: [
-              /* @__PURE__ */ jsx86("div", { className: "border-b border-agg-separator px-3 py-2", children: /* @__PURE__ */ jsx86(
+              /* @__PURE__ */ jsx87("div", { className: "border-b border-agg-separator px-3 py-2", children: /* @__PURE__ */ jsx87(
                 "input",
                 {
                   ref: searchInputRef,
@@ -3363,7 +3392,7 @@ var AutocompleteSelect = ({
                   onChange: handleSearchChange
                 }
               ) }),
-              /* @__PURE__ */ jsx86(
+              /* @__PURE__ */ jsx87(
                 "div",
                 {
                   role: "listbox",
@@ -3372,7 +3401,7 @@ var AutocompleteSelect = ({
                   children: filteredOptions.length > 0 ? filteredOptions.map((option, index) => {
                     const isSelected = option.value === value;
                     const isHighlighted = index === highlightedIndex;
-                    return /* @__PURE__ */ jsx86(
+                    return /* @__PURE__ */ jsx87(
                       "button",
                       {
                         ref: (el) => setOptionRef(index, el),
@@ -3395,11 +3424,11 @@ var AutocompleteSelect = ({
                           handleSelect(option.value);
                         },
                         onMouseEnter: () => setHighlightedIndex(index),
-                        children: /* @__PURE__ */ jsx86("span", { className: "agg-autocomplete-item-label truncate", children: option.label })
+                        children: /* @__PURE__ */ jsx87("span", { className: "agg-autocomplete-item-label truncate", children: option.label })
                       },
                       option.value
                     );
-                  }) : /* @__PURE__ */ jsx86("div", { className: "agg-autocomplete-empty px-4 py-3 text-center text-agg-sm text-agg-muted-foreground", children: emptyLabel != null ? emptyLabel : "No results" })
+                  }) : /* @__PURE__ */ jsx87("div", { className: "agg-autocomplete-empty px-4 py-3 text-center text-agg-sm text-agg-muted-foreground", children: emptyLabel != null ? emptyLabel : "No results" })
                 }
               )
             ]
@@ -3455,7 +3484,7 @@ var getBadgeClassName = ({
 };
 
 // src/primitives/badge/index.tsx
-import { jsx as jsx87, jsxs as jsxs86 } from "react/jsx-runtime";
+import { jsx as jsx88, jsxs as jsxs87 } from "react/jsx-runtime";
 function Badge({
   text,
   prefix,
@@ -3470,7 +3499,7 @@ function Badge({
     features: { enableAnimations }
   } = useSdkUiConfig2();
   const resolvedAriaLabel = resolveBadgeAriaLabel(text);
-  return /* @__PURE__ */ jsxs86(
+  return /* @__PURE__ */ jsxs87(
     "span",
     __spreadProps(__spreadValues({
       "aria-label": resolvedAriaLabel,
@@ -3489,9 +3518,9 @@ function Badge({
       tabIndex: 0
     }), {
       children: [
-        prefix ? /* @__PURE__ */ jsx87("span", { className: cn(classNames == null ? void 0 : classNames.prefix, "empty:hidden"), children: prefix }) : null,
-        /* @__PURE__ */ jsx87("span", { className: cn("truncate", classNames == null ? void 0 : classNames.text), children: text }),
-        suffix ? /* @__PURE__ */ jsx87("span", { className: cn(classNames == null ? void 0 : classNames.suffix, "empty:hidden"), children: suffix }) : null
+        prefix ? /* @__PURE__ */ jsx88("span", { className: cn(classNames == null ? void 0 : classNames.prefix, "empty:hidden"), children: prefix }) : null,
+        /* @__PURE__ */ jsx88("span", { className: cn("truncate", classNames == null ? void 0 : classNames.text), children: text }),
+        suffix ? /* @__PURE__ */ jsx88("span", { className: cn(classNames == null ? void 0 : classNames.suffix, "empty:hidden"), children: suffix }) : null
       ]
     })
   );
@@ -3570,7 +3599,7 @@ var getButtonClassName = ({
 };
 
 // src/primitives/button/index.tsx
-import { Fragment, jsx as jsx88, jsxs as jsxs87 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx89, jsxs as jsxs88 } from "react/jsx-runtime";
 var Button = (_a) => {
   var _b = _a, {
     children,
@@ -3601,7 +3630,7 @@ var Button = (_a) => {
     features: { enableAnimations }
   } = useSdkUiConfig3();
   const isDisabled = resolveButtonIsDisabled({ disabled, isLoading });
-  return /* @__PURE__ */ jsx88(
+  return /* @__PURE__ */ jsx89(
     "button",
     __spreadProps(__spreadValues({
       type,
@@ -3615,7 +3644,7 @@ var Button = (_a) => {
       "aria-busy": isLoading,
       "aria-label": ariaLabel
     }, other), {
-      children: isLoading ? /* @__PURE__ */ jsx88(
+      children: isLoading ? /* @__PURE__ */ jsx89(
         "span",
         {
           className: cn(
@@ -3626,9 +3655,9 @@ var Button = (_a) => {
           ),
           "aria-hidden": "true"
         }
-      ) : /* @__PURE__ */ jsxs87(Fragment, { children: [
+      ) : /* @__PURE__ */ jsxs88(Fragment, { children: [
         prefix != null ? prefix : null,
-        /* @__PURE__ */ jsx88(
+        /* @__PURE__ */ jsx89(
           "span",
           {
             className: cn(
@@ -3672,7 +3701,7 @@ var getCardClassName = ({
 };
 
 // src/primitives/card/index.tsx
-import { jsx as jsx89, jsxs as jsxs88 } from "react/jsx-runtime";
+import { jsx as jsx90, jsxs as jsxs89 } from "react/jsx-runtime";
 var Card = (_a) => {
   var _b = _a, {
     className,
@@ -3695,16 +3724,16 @@ var Card = (_a) => {
     hasHref: !!href,
     withGradient
   });
-  const inner = href ? /* @__PURE__ */ jsx89(
+  const inner = href ? /* @__PURE__ */ jsx90(
     "a",
     __spreadValues(__spreadValues({
       href,
       className: resolvedClassName
     }, onClick ? { onClick } : {}), props)
-  ) : /* @__PURE__ */ jsx89("div", __spreadValues(__spreadValues({ className: resolvedClassName }, onClick ? { onClick } : {}), props));
+  ) : /* @__PURE__ */ jsx90("div", __spreadValues(__spreadValues({ className: resolvedClassName }, onClick ? { onClick } : {}), props));
   if (withGradient) {
-    return /* @__PURE__ */ jsxs88("div", { className: "group/agg-card-gradient rounded-agg-xl p-[1px] relative bg-agg-separator", children: [
-      /* @__PURE__ */ jsx89(
+    return /* @__PURE__ */ jsxs89("div", { className: "group/agg-card-gradient rounded-agg-xl p-[1px] relative bg-agg-separator", children: [
+      /* @__PURE__ */ jsx90(
         "div",
         {
           className: "absolute inset-0 rounded-agg-xl bg-gradient-to-b from-agg-separator to-agg-primary opacity-0 group-hover/agg-card-gradient:opacity-100 transition-opacity duration-200 ease-in-out pointer-events-none"
@@ -3776,7 +3805,7 @@ var getSwitchButtonOptionClassName = (enableAnimations, isActive) => {
 };
 
 // src/primitives/switch-button/index.tsx
-import { jsx as jsx90, jsxs as jsxs89 } from "react/jsx-runtime";
+import { jsx as jsx91, jsxs as jsxs90 } from "react/jsx-runtime";
 var SwitchButton = ({
   options,
   value,
@@ -3828,7 +3857,7 @@ var SwitchButton = ({
     }
     onValueChange(nextOption.value);
   };
-  return /* @__PURE__ */ jsx90("div", { className: getSwitchButtonContainerClassName(enableAnimations, className), children: /* @__PURE__ */ jsxs89(
+  return /* @__PURE__ */ jsx91("div", { className: getSwitchButtonContainerClassName(enableAnimations, className), children: /* @__PURE__ */ jsxs90(
     "div",
     {
       className: SWITCH_BUTTON_TRACK_CLASS_NAME,
@@ -3838,7 +3867,7 @@ var SwitchButton = ({
       role: "tablist",
       "aria-label": ariaLabel,
       children: [
-        /* @__PURE__ */ jsx90(
+        /* @__PURE__ */ jsx91(
           "span",
           {
             className: getSwitchButtonTrackHighlightClassName(enableAnimations),
@@ -3852,7 +3881,7 @@ var SwitchButton = ({
         options.map((option, optionIndex) => {
           var _a;
           const isActive = optionIndex === activeIndex;
-          return /* @__PURE__ */ jsx90(
+          return /* @__PURE__ */ jsx91(
             "button",
             {
               type: "button",
@@ -4036,7 +4065,7 @@ var resolveSelectedSeries = (series, activeSeriesId) => {
 };
 
 // src/primitives/chart/index.tsx
-import { jsx as jsx91, jsxs as jsxs90 } from "react/jsx-runtime";
+import { jsx as jsx92, jsxs as jsxs91 } from "react/jsx-runtime";
 var renderDefaultSeriesControls = ({
   series,
   activeSeriesId,
@@ -4045,7 +4074,7 @@ var renderDefaultSeriesControls = ({
   seriesSwitchAriaLabel,
   formatSeriesOptionAriaLabel
 }) => {
-  return /* @__PURE__ */ jsx91(
+  return /* @__PURE__ */ jsx92(
     SwitchButton,
     {
       ariaLabel: seriesSwitchAriaLabel,
@@ -4184,7 +4213,7 @@ var LineChart = ({
     seriesSwitchAriaLabel: labels.common.lineChartSeriesSwitchAria,
     formatSeriesOptionAriaLabel: labels.common.lineChartSeriesOptionAria
   }) : null : null;
-  return /* @__PURE__ */ jsxs90(
+  return /* @__PURE__ */ jsxs91(
     "div",
     {
       ref: chartRootRef,
@@ -4195,7 +4224,7 @@ var LineChart = ({
       ),
       style: { width, minHeight: height },
       children: [
-        !isLoading && seriesControls ? /* @__PURE__ */ jsx91(
+        !isLoading && seriesControls ? /* @__PURE__ */ jsx92(
           "div",
           {
             className: cn(
@@ -4207,7 +4236,7 @@ var LineChart = ({
             children: seriesControls
           }
         ) : null,
-        /* @__PURE__ */ jsx91(
+        /* @__PURE__ */ jsx92(
           "div",
           {
             className: cn(
@@ -4219,7 +4248,7 @@ var LineChart = ({
             role: "img",
             "aria-label": chartType === "candlestick" ? labels.common.candlestickChartAria : labels.common.lineChartAria,
             style: { height },
-            children: /* @__PURE__ */ jsx91(
+            children: /* @__PURE__ */ jsx92(
               Liveline,
               {
                 className: cn("agg-livechart agg-chart-canvas h-full w-full", classNames == null ? void 0 : classNames.liveline),
@@ -4264,7 +4293,7 @@ LineChart.displayName = "LineChart";
 
 // src/primitives/copy-button/index.tsx
 import { useCallback as useCallback2, useEffect as useEffect4, useRef as useRef3, useState as useState4 } from "react";
-import { jsx as jsx92, jsxs as jsxs91 } from "react/jsx-runtime";
+import { jsx as jsx93, jsxs as jsxs92 } from "react/jsx-runtime";
 var CopyButton = ({
   value,
   label: label2,
@@ -4296,7 +4325,7 @@ var CopyButton = ({
   }, [onCopy, resetMs, value]);
   const showLabel = label2 !== void 0 || copiedLabel !== void 0;
   const visibleLabel = isCopied ? copiedLabel != null ? copiedLabel : label2 : label2;
-  return /* @__PURE__ */ jsxs91(
+  return /* @__PURE__ */ jsxs92(
     "button",
     {
       type: "button",
@@ -4309,8 +4338,8 @@ var CopyButton = ({
         className
       ),
       children: [
-        isCopied ? /* @__PURE__ */ jsx92(CheckCircleIcon, { className: iconClassName }) : /* @__PURE__ */ jsx92(CopyIcon, { className: iconClassName }),
-        showLabel ? /* @__PURE__ */ jsx92("span", { className: "agg-type-label-strong", children: visibleLabel }) : null
+        isCopied ? /* @__PURE__ */ jsx93(CheckCircleIcon, { className: iconClassName }) : /* @__PURE__ */ jsx93(CopyIcon, { className: iconClassName }),
+        showLabel ? /* @__PURE__ */ jsx93("span", { className: "agg-type-label-strong", children: visibleLabel }) : null
       ]
     }
   );
@@ -4410,7 +4439,7 @@ var sanitizeCurrencyInputPastedValue = (input, parts, decimalPlaces) => {
 };
 
 // src/primitives/currency-input/index.tsx
-import { jsx as jsx93 } from "react/jsx-runtime";
+import { jsx as jsx94 } from "react/jsx-runtime";
 var CurrencyInput = ({
   value,
   onChange,
@@ -4538,7 +4567,7 @@ var CurrencyInput = ({
     onChange == null ? void 0 : onChange(nextValue);
     onBlur == null ? void 0 : onBlur();
   };
-  return /* @__PURE__ */ jsx93(
+  return /* @__PURE__ */ jsx94(
     "input",
     {
       ref: inputRef,
@@ -4571,8 +4600,8 @@ CurrencyInput.displayName = "CurrencyInput";
 import { Fragment as Fragment2 } from "react";
 
 // src/primitives/footer/agg-build-logo.tsx
-import { jsx as jsx94, jsxs as jsxs92 } from "react/jsx-runtime";
-var AggBuildIcon = (props) => /* @__PURE__ */ jsxs92(
+import { jsx as jsx95, jsxs as jsxs93 } from "react/jsx-runtime";
+var AggBuildIcon = (props) => /* @__PURE__ */ jsxs93(
   "svg",
   __spreadProps(__spreadValues({
     xmlns: "http://www.w3.org/2000/svg",
@@ -4583,29 +4612,29 @@ var AggBuildIcon = (props) => /* @__PURE__ */ jsxs92(
     "aria-hidden": "true"
   }, props), {
     children: [
-      /* @__PURE__ */ jsx94(
+      /* @__PURE__ */ jsx95(
         "path",
         {
           d: "M14.6158 5.73509L12.5568 13.8499C12.5088 14.0367 12.3434 14.17 12.1567 14.17L4.22474 14.1807C4.05404 14.1807 3.95803 14.3834 4.05938 14.5222L5.00353 15.8293C5.08355 15.936 5.20623 16 5.33425 16L9.41493 15.9947C11.9967 15.9893 14.2477 14.1914 14.9038 11.6038L15.9867 7.32498C16.0187 7.19692 15.992 7.06353 15.9173 6.9622L14.9732 5.66037C14.8718 5.5217 14.6585 5.56436 14.6158 5.73509Z",
           fill: "url(#agg-build-icon-g0)"
         }
       ),
-      /* @__PURE__ */ jsx94(
+      /* @__PURE__ */ jsx95(
         "path",
         {
           d: "M1.38421 10.2649L3.44322 2.15006C3.49123 1.96334 3.65659 1.82995 3.84328 1.82995L11.7753 1.81928C11.946 1.81928 12.042 1.61656 11.9406 1.47784L10.9965 0.170723C10.9165 0.0640015 10.7938 0 10.6657 0L6.58507 0.00533456C4.00331 0.010668 1.75227 1.80862 1.09616 4.39618L0.0133177 8.67502C-0.0186876 8.80308 0.00798503 8.93647 0.082664 9.0378L1.02682 10.3396C1.12817 10.4783 1.34154 10.4356 1.38421 10.2649Z",
           fill: "url(#agg-build-icon-g1)"
         }
       ),
-      /* @__PURE__ */ jsx94(
+      /* @__PURE__ */ jsx95(
         "path",
         {
           d: "M9.55357 10.5796L5.15284 10.585C4.98215 10.585 4.85946 10.4196 4.90213 10.2489L6.04365 5.73529C6.09166 5.54857 6.25702 5.41518 6.44372 5.41518L10.726 5.41033C10.9426 5.41008 11.102 5.61332 11.05 5.82363L9.95363 10.2595C9.90563 10.4462 9.74027 10.5796 9.55357 10.5796Z",
           fill: "url(#agg-build-icon-g2)"
         }
       ),
-      /* @__PURE__ */ jsxs92("defs", { children: [
-        /* @__PURE__ */ jsxs92(
+      /* @__PURE__ */ jsxs93("defs", { children: [
+        /* @__PURE__ */ jsxs93(
           "linearGradient",
           {
             id: "agg-build-icon-g0",
@@ -4615,12 +4644,12 @@ var AggBuildIcon = (props) => /* @__PURE__ */ jsxs92(
             y2: "16",
             gradientUnits: "userSpaceOnUse",
             children: [
-              /* @__PURE__ */ jsx94("stop", { stopColor: "#FE9943" }),
-              /* @__PURE__ */ jsx94("stop", { offset: "1", stopColor: "#FE763C" })
+              /* @__PURE__ */ jsx95("stop", { stopColor: "#FE9943" }),
+              /* @__PURE__ */ jsx95("stop", { offset: "1", stopColor: "#FE763C" })
             ]
           }
         ),
-        /* @__PURE__ */ jsxs92(
+        /* @__PURE__ */ jsxs93(
           "linearGradient",
           {
             id: "agg-build-icon-g1",
@@ -4630,12 +4659,12 @@ var AggBuildIcon = (props) => /* @__PURE__ */ jsxs92(
             y2: "16",
             gradientUnits: "userSpaceOnUse",
             children: [
-              /* @__PURE__ */ jsx94("stop", { stopColor: "#FE763C" }),
-              /* @__PURE__ */ jsx94("stop", { offset: "1", stopColor: "#FE9943" })
+              /* @__PURE__ */ jsx95("stop", { stopColor: "#FE763C" }),
+              /* @__PURE__ */ jsx95("stop", { offset: "1", stopColor: "#FE9943" })
             ]
           }
         ),
-        /* @__PURE__ */ jsxs92(
+        /* @__PURE__ */ jsxs93(
           "linearGradient",
           {
             id: "agg-build-icon-g2",
@@ -4645,8 +4674,8 @@ var AggBuildIcon = (props) => /* @__PURE__ */ jsxs92(
             y2: "16",
             gradientUnits: "userSpaceOnUse",
             children: [
-              /* @__PURE__ */ jsx94("stop", { stopColor: "#FEB549" }),
-              /* @__PURE__ */ jsx94("stop", { offset: "1", stopColor: "#FDA349" })
+              /* @__PURE__ */ jsx95("stop", { stopColor: "#FEB549" }),
+              /* @__PURE__ */ jsx95("stop", { offset: "1", stopColor: "#FDA349" })
             ]
           }
         )
@@ -4655,7 +4684,7 @@ var AggBuildIcon = (props) => /* @__PURE__ */ jsxs92(
   })
 );
 AggBuildIcon.displayName = "AggBuildIcon";
-var AggBuildLogo = (props) => /* @__PURE__ */ jsxs92(
+var AggBuildLogo = (props) => /* @__PURE__ */ jsxs93(
   "svg",
   __spreadProps(__spreadValues({
     xmlns: "http://www.w3.org/2000/svg",
@@ -4665,79 +4694,79 @@ var AggBuildLogo = (props) => /* @__PURE__ */ jsxs92(
     fill: "none"
   }, props), {
     children: [
-      /* @__PURE__ */ jsx94(
+      /* @__PURE__ */ jsx95(
         "path",
         {
           d: "M12.7888 5.0182L10.9872 12.1187C10.9452 12.2821 10.8005 12.3988 10.6371 12.3988L3.69665 12.4081C3.54729 12.4081 3.46327 12.5855 3.55195 12.7069L4.37809 13.8506C4.4481 13.944 4.55545 14 4.66747 14L8.23806 13.9953C10.4971 13.9907 12.4668 12.4175 13.0409 10.1533L13.9883 6.40936C14.0164 6.29731 13.993 6.18059 13.9277 6.09192L13.1015 4.95282C13.0129 4.83148 12.8262 4.86882 12.7888 5.0182Z",
           fill: "url(#agg-build-logo-g0)"
         }
       ),
-      /* @__PURE__ */ jsx94(
+      /* @__PURE__ */ jsx95(
         "path",
         {
           d: "M1.21119 8.9818L3.01282 1.8813C3.05482 1.71792 3.19951 1.60121 3.36287 1.60121L10.3034 1.59187C10.4527 1.59187 10.5367 1.41449 10.448 1.29311L9.62191 0.149383C9.5519 0.0560013 9.44454 0 9.33253 0L5.76194 0.00466774C3.5029 0.00933448 1.53324 1.58254 0.959144 3.84666L0.0116529 7.59064C-0.0163517 7.70269 0.0069869 7.81941 0.072331 7.90808L0.898466 9.04718C0.987147 9.16852 1.17385 9.13118 1.21119 8.9818Z",
           fill: "url(#agg-build-logo-g1)"
         }
       ),
-      /* @__PURE__ */ jsx94(
+      /* @__PURE__ */ jsx95(
         "path",
         {
           d: "M8.35937 9.25718L4.50874 9.26185C4.35938 9.26185 4.25203 9.11713 4.28937 8.96775L5.2882 5.01838C5.3302 4.855 5.4749 4.73828 5.63826 4.73828L9.38521 4.73404C9.5748 4.73382 9.71422 4.91165 9.66874 5.09568L8.70943 8.97709C8.66742 9.14047 8.52273 9.25718 8.35937 9.25718Z",
           fill: "url(#agg-build-logo-g2)"
         }
       ),
-      /* @__PURE__ */ jsx94(
+      /* @__PURE__ */ jsx95(
         "path",
         {
           d: "M24.5485 10.08L24.3175 7.87499L24.5905 7.10849L24.3175 6.35249L24.5485 4.13699H25.9555L25.6405 7.10849L25.9555 10.08H24.5485ZM24.9685 7.10849C24.8355 7.73149 24.615 8.27749 24.307 8.74649C23.999 9.21549 23.6175 9.57949 23.1625 9.83849C22.7145 10.0975 22.214 10.227 21.661 10.227C21.08 10.227 20.5655 10.0975 20.1175 9.83849C19.6695 9.57249 19.3195 9.20499 19.0675 8.73599C18.8155 8.26699 18.6895 7.72449 18.6895 7.10849C18.6895 6.48549 18.8155 5.94299 19.0675 5.48099C19.3195 5.01199 19.6695 4.64799 20.1175 4.38899C20.5655 4.12299 21.08 3.98999 21.661 3.98999C22.214 3.98999 22.7145 4.11949 23.1625 4.37849C23.6175 4.63749 23.999 5.00149 24.307 5.47049C24.622 5.93249 24.8425 6.47849 24.9685 7.10849ZM20.0755 7.10849C20.0755 7.50749 20.156 7.86099 20.317 8.16899C20.485 8.46999 20.7125 8.70799 20.9995 8.88299C21.2865 9.05099 21.6155 9.13499 21.9865 9.13499C22.3645 9.13499 22.7145 9.05099 23.0365 8.88299C23.3585 8.70799 23.642 8.46999 23.887 8.16899C24.139 7.86099 24.3385 7.50749 24.4855 7.10849C24.3385 6.70949 24.139 6.35949 23.887 6.05849C23.642 5.75049 23.3585 5.51249 23.0365 5.34449C22.7145 5.16949 22.3645 5.08199 21.9865 5.08199C21.6155 5.08199 21.2865 5.16949 20.9995 5.34449C20.7125 5.51249 20.485 5.75049 20.317 6.05849C20.156 6.35949 20.0755 6.70949 20.0755 7.10849Z",
           fill: "currentColor"
         }
       ),
-      /* @__PURE__ */ jsx94(
+      /* @__PURE__ */ jsx95(
         "path",
         {
           d: "M32.6661 8.62049V7.57049L32.7186 7.38149V6.23699L32.6661 6.02699V4.13699H34.0311V8.49449C34.0311 9.25749 33.8701 9.89449 33.5481 10.4055C33.2261 10.9235 32.7851 11.312 32.2251 11.571C31.6651 11.83 31.0211 11.9595 30.2931 11.9595C29.7611 11.9595 29.2711 11.8895 28.8231 11.7495C28.3751 11.6095 27.9411 11.396 27.5211 11.109V9.97499C27.9481 10.311 28.3891 10.5455 28.8441 10.6785C29.2991 10.8185 29.7541 10.8885 30.2091 10.8885C31.0071 10.8885 31.6161 10.6925 32.0361 10.3005C32.4561 9.90849 32.6661 9.34849 32.6661 8.62049ZM29.8101 9.61799C29.2641 9.61799 28.7741 9.50249 28.3401 9.27149C27.9061 9.03349 27.5631 8.70449 27.3111 8.28449C27.0591 7.86449 26.9331 7.37099 26.9331 6.80399C26.9331 6.23699 27.0591 5.74349 27.3111 5.32349C27.5631 4.90349 27.9061 4.57799 28.3401 4.34699C28.7741 4.10899 29.2641 3.98999 29.8101 3.98999C30.2161 3.98999 30.5906 4.05299 30.9336 4.17899C31.2836 4.30499 31.5951 4.47299 31.8681 4.68299C32.1481 4.88599 32.3826 5.11349 32.5716 5.36549C32.7676 5.61049 32.9181 5.86249 33.0231 6.12149C33.1281 6.37349 33.1806 6.60449 33.1806 6.81449C33.1806 7.08749 33.1001 7.38849 32.9391 7.71749C32.7781 8.03949 32.5471 8.34399 32.2461 8.63099C31.9521 8.91799 31.5986 9.15599 31.1856 9.34499C30.7726 9.52699 30.3141 9.61799 29.8101 9.61799ZM30.2301 8.60999C30.7271 8.60999 31.1821 8.46649 31.5951 8.17949C32.0151 7.89249 32.3896 7.43399 32.7186 6.80399C32.3896 6.15999 32.0151 5.69799 31.5951 5.41799C31.1821 5.13099 30.7271 4.98749 30.2301 4.98749C29.8241 4.98749 29.4776 5.06449 29.1906 5.21849C28.9036 5.37249 28.6831 5.58599 28.5291 5.85899C28.3821 6.13199 28.3086 6.44699 28.3086 6.80399C28.3086 7.15399 28.3821 7.46549 28.5291 7.73849C28.6831 8.01149 28.9036 8.22499 29.1906 8.37899C29.4776 8.53299 29.8241 8.60999 30.2301 8.60999Z",
           fill: "currentColor"
         }
       ),
-      /* @__PURE__ */ jsx94(
+      /* @__PURE__ */ jsx95(
         "path",
         {
           d: "M40.8487 8.62049V7.57049L40.9012 7.38149V6.23699L40.8487 6.02699V4.13699H42.2137V8.49449C42.2137 9.25749 42.0527 9.89449 41.7307 10.4055C41.4087 10.9235 40.9677 11.312 40.4077 11.571C39.8477 11.83 39.2037 11.9595 38.4757 11.9595C37.9437 11.9595 37.4537 11.8895 37.0057 11.7495C36.5577 11.6095 36.1237 11.396 35.7037 11.109V9.97499C36.1307 10.311 36.5717 10.5455 37.0267 10.6785C37.4817 10.8185 37.9367 10.8885 38.3917 10.8885C39.1897 10.8885 39.7987 10.6925 40.2187 10.3005C40.6387 9.90849 40.8487 9.34849 40.8487 8.62049ZM37.9927 9.61799C37.4467 9.61799 36.9567 9.50249 36.5227 9.27149C36.0887 9.03349 35.7457 8.70449 35.4937 8.28449C35.2417 7.86449 35.1157 7.37099 35.1157 6.80399C35.1157 6.23699 35.2417 5.74349 35.4937 5.32349C35.7457 4.90349 36.0887 4.57799 36.5227 4.34699C36.9567 4.10899 37.4467 3.98999 37.9927 3.98999C38.3987 3.98999 38.7732 4.05299 39.1162 4.17899C39.4662 4.30499 39.7777 4.47299 40.0507 4.68299C40.3307 4.88599 40.5652 5.11349 40.7542 5.36549C40.9502 5.61049 41.1007 5.86249 41.2057 6.12149C41.3107 6.37349 41.3632 6.60449 41.3632 6.81449C41.3632 7.08749 41.2827 7.38849 41.1217 7.71749C40.9607 8.03949 40.7297 8.34399 40.4287 8.63099C40.1347 8.91799 39.7812 9.15599 39.3682 9.34499C38.9552 9.52699 38.4967 9.61799 37.9927 9.61799ZM38.4127 8.60999C38.9097 8.60999 39.3647 8.46649 39.7777 8.17949C40.1977 7.89249 40.5722 7.43399 40.9012 6.80399C40.5722 6.15999 40.1977 5.69799 39.7777 5.41799C39.3647 5.13099 38.9097 4.98749 38.4127 4.98749C38.0067 4.98749 37.6602 5.06449 37.3732 5.21849C37.0862 5.37249 36.8657 5.58599 36.7117 5.85899C36.5647 6.13199 36.4912 6.44699 36.4912 6.80399C36.4912 7.15399 36.5647 7.46549 36.7117 7.73849C36.8657 8.01149 37.0862 8.22499 37.3732 8.37899C37.6602 8.53299 38.0067 8.60999 38.4127 8.60999Z",
           fill: "currentColor"
         }
       ),
-      /* @__PURE__ */ jsx94(
+      /* @__PURE__ */ jsx95(
         "path",
         {
           d: "M49.1202 10.273C48.771 10.273 48.4495 10.2214 48.1559 10.1182C47.8701 10.0071 47.6201 9.86029 47.4058 9.67775C47.1915 9.48726 47.0209 9.27297 46.8939 9.03486L46.8225 10.1301H46.0605V1.55836H46.8939V5.21328C47.0923 4.87199 47.3781 4.5823 47.7511 4.34419C48.1241 4.10609 48.5805 3.98703 49.1202 3.98703C49.7075 3.98703 50.2194 4.12593 50.656 4.40372C51.0925 4.67357 51.4258 5.0466 51.656 5.52281C51.8941 5.99109 52.0132 6.52682 52.0132 7.13002C52.0132 7.73322 51.8941 8.27293 51.656 8.74914C51.4179 9.22535 51.0806 9.59838 50.6441 9.86823C50.2155 10.1381 49.7075 10.273 49.1202 10.273ZM49.0607 9.54679C49.4813 9.54679 49.8464 9.44758 50.156 9.24916C50.4655 9.05074 50.7115 8.76898 50.8941 8.40388C51.0766 8.03879 51.1679 7.61417 51.1679 7.13002C51.1679 6.63794 51.0766 6.21332 50.8941 5.85616C50.7115 5.49107 50.4615 5.20931 50.144 5.01089C49.8345 4.81247 49.4734 4.71326 49.0607 4.71326C48.648 4.71326 48.2789 4.81247 47.9535 5.01089C47.636 5.20931 47.386 5.49107 47.2035 5.85616C47.0288 6.22125 46.9415 6.64587 46.9415 7.13002C46.9415 7.62211 47.0288 8.05069 47.2035 8.41579C47.386 8.77295 47.636 9.05074 47.9535 9.24916C48.2789 9.44758 48.648 9.54679 49.0607 9.54679Z",
           fill: "currentColor"
         }
       ),
-      /* @__PURE__ */ jsx94(
+      /* @__PURE__ */ jsx95(
         "path",
         {
           d: "M55.61 10.273C55.1576 10.273 54.7567 10.1857 54.4075 10.0111C54.0662 9.82855 53.8004 9.55472 53.6099 9.18963C53.4194 8.8166 53.3241 8.34039 53.3241 7.761V4.1299H54.1575V7.66576C54.1575 8.3007 54.2964 8.77295 54.5742 9.08248C54.8599 9.39202 55.2528 9.54679 55.7528 9.54679C56.11 9.54679 56.4274 9.46345 56.7052 9.29678C56.991 9.1301 57.2132 8.88406 57.3719 8.55865C57.5386 8.22531 57.6219 7.82053 57.6219 7.34432V4.1299H58.4553V10.1301H57.6934L57.6458 9.05867C57.4553 9.44758 57.1775 9.74918 56.8124 9.96347C56.4552 10.1698 56.0544 10.273 55.61 10.273Z",
           fill: "currentColor"
         }
       ),
-      /* @__PURE__ */ jsx94(
+      /* @__PURE__ */ jsx95(
         "path",
         {
           d: "M60.2706 10.1301V4.1299H61.092V10.1301H60.2706ZM60.6873 2.71317C60.5206 2.71317 60.3777 2.65762 60.2587 2.5465C60.1396 2.42745 60.0801 2.28062 60.0801 2.106C60.0801 1.92346 60.1357 1.78059 60.2468 1.67742C60.3658 1.5663 60.5087 1.51074 60.6754 1.51074C60.842 1.51074 60.9849 1.5663 61.104 1.67742C61.223 1.78059 61.2825 1.92346 61.2825 2.106C61.2825 2.28062 61.223 2.42745 61.104 2.5465C60.9928 2.65762 60.8539 2.71317 60.6873 2.71317Z",
           fill: "currentColor"
         }
       ),
-      /* @__PURE__ */ jsx94("path", { d: "M62.9069 10.1301V1.55836H63.7403V10.1301H62.9069Z", fill: "currentColor" }),
-      /* @__PURE__ */ jsx94(
+      /* @__PURE__ */ jsx95("path", { d: "M62.9069 10.1301V1.55836H63.7403V10.1301H62.9069Z", fill: "currentColor" }),
+      /* @__PURE__ */ jsx95(
         "path",
         {
           d: "M68.049 10.273C67.4696 10.273 66.9616 10.1381 66.5251 9.86823C66.0965 9.59044 65.7632 9.21344 65.5251 8.73723C65.287 8.26102 65.1679 7.72132 65.1679 7.11812C65.1679 6.51492 65.287 5.97918 65.5251 5.51091C65.7632 5.0347 66.1005 4.66167 66.537 4.39181C66.9736 4.12196 67.4815 3.98703 68.0609 3.98703C68.5689 3.98703 69.0133 4.09815 69.3943 4.32038C69.7832 4.53468 70.0808 4.84024 70.2872 5.23709V1.55836H71.1205V10.1301H70.3586L70.2872 9.04677C70.1602 9.25313 69.9935 9.45155 69.7872 9.64203C69.5887 9.83251 69.3427 9.98728 69.049 10.1063C68.7633 10.2175 68.43 10.273 68.049 10.273ZM68.1204 9.54679C68.5411 9.54679 68.9062 9.44758 69.2157 9.24916C69.5332 9.05074 69.7792 8.76898 69.9538 8.40388C70.1364 8.03879 70.2277 7.61417 70.2277 7.13002C70.2277 6.64587 70.1364 6.22125 69.9538 5.85616C69.7792 5.49107 69.5332 5.20931 69.2157 5.01089C68.9062 4.81247 68.5411 4.71326 68.1204 4.71326C67.7077 4.71326 67.3426 4.81247 67.0251 5.01089C66.7077 5.20931 66.4577 5.49107 66.2751 5.85616C66.1005 6.21332 66.0132 6.63794 66.0132 7.13002C66.0132 7.62211 66.1045 8.05069 66.287 8.41579C66.4696 8.77295 66.7196 9.05074 67.037 9.24916C67.3545 9.44758 67.7156 9.54679 68.1204 9.54679Z",
           fill: "currentColor"
         }
       ),
-      /* @__PURE__ */ jsxs92("defs", { children: [
-        /* @__PURE__ */ jsxs92(
+      /* @__PURE__ */ jsxs93("defs", { children: [
+        /* @__PURE__ */ jsxs93(
           "linearGradient",
           {
             id: "agg-build-logo-g0",
@@ -4747,12 +4776,12 @@ var AggBuildLogo = (props) => /* @__PURE__ */ jsxs92(
             y2: "14",
             gradientUnits: "userSpaceOnUse",
             children: [
-              /* @__PURE__ */ jsx94("stop", { stopColor: "#FE9943" }),
-              /* @__PURE__ */ jsx94("stop", { offset: "1", stopColor: "#FE763C" })
+              /* @__PURE__ */ jsx95("stop", { stopColor: "#FE9943" }),
+              /* @__PURE__ */ jsx95("stop", { offset: "1", stopColor: "#FE763C" })
             ]
           }
         ),
-        /* @__PURE__ */ jsxs92(
+        /* @__PURE__ */ jsxs93(
           "linearGradient",
           {
             id: "agg-build-logo-g1",
@@ -4762,12 +4791,12 @@ var AggBuildLogo = (props) => /* @__PURE__ */ jsxs92(
             y2: "14",
             gradientUnits: "userSpaceOnUse",
             children: [
-              /* @__PURE__ */ jsx94("stop", { stopColor: "#FE763C" }),
-              /* @__PURE__ */ jsx94("stop", { offset: "1", stopColor: "#FE9943" })
+              /* @__PURE__ */ jsx95("stop", { stopColor: "#FE763C" }),
+              /* @__PURE__ */ jsx95("stop", { offset: "1", stopColor: "#FE9943" })
             ]
           }
         ),
-        /* @__PURE__ */ jsxs92(
+        /* @__PURE__ */ jsxs93(
           "linearGradient",
           {
             id: "agg-build-logo-g2",
@@ -4777,8 +4806,8 @@ var AggBuildLogo = (props) => /* @__PURE__ */ jsxs92(
             y2: "14",
             gradientUnits: "userSpaceOnUse",
             children: [
-              /* @__PURE__ */ jsx94("stop", { stopColor: "#FEB549" }),
-              /* @__PURE__ */ jsx94("stop", { offset: "1", stopColor: "#FDA349" })
+              /* @__PURE__ */ jsx95("stop", { stopColor: "#FEB549" }),
+              /* @__PURE__ */ jsx95("stop", { offset: "1", stopColor: "#FDA349" })
             ]
           }
         )
@@ -4787,7 +4816,7 @@ var AggBuildLogo = (props) => /* @__PURE__ */ jsxs92(
   })
 );
 AggBuildLogo.displayName = "AggBuildLogo";
-var AggBuildTextLogo = (props) => /* @__PURE__ */ jsxs92(
+var AggBuildTextLogo = (props) => /* @__PURE__ */ jsxs93(
   "svg",
   __spreadProps(__spreadValues({
     xmlns: "http://www.w3.org/2000/svg",
@@ -4797,50 +4826,50 @@ var AggBuildTextLogo = (props) => /* @__PURE__ */ jsxs92(
     fill: "none"
   }, props), {
     children: [
-      /* @__PURE__ */ jsx94(
+      /* @__PURE__ */ jsx95(
         "path",
         {
           d: "M7.05537 10.5201L6.79138 8.00006L7.10337 7.12406L6.79138 6.26006L7.05537 3.72806H8.66337L8.30337 7.12406L8.66337 10.5201H7.05537ZM7.53537 7.12406C7.38337 7.83606 7.13137 8.46006 6.77937 8.99606C6.42737 9.53206 5.99137 9.94806 5.47137 10.2441C4.95937 10.5401 4.38737 10.6881 3.75537 10.6881C3.09137 10.6881 2.50337 10.5401 1.99137 10.2441C1.47938 9.94006 1.07937 9.52006 0.791375 8.98406C0.503375 8.44806 0.359375 7.82806 0.359375 7.12406C0.359375 6.41206 0.503375 5.79206 0.791375 5.26406C1.07937 4.72806 1.47938 4.31206 1.99137 4.01606C2.50337 3.71206 3.09137 3.56006 3.75537 3.56006C4.38737 3.56006 4.95937 3.70806 5.47137 4.00406C5.99137 4.30006 6.42737 4.71606 6.77937 5.25206C7.13937 5.78006 7.39137 6.40406 7.53537 7.12406ZM1.94337 7.12406C1.94337 7.58006 2.03537 7.98406 2.21937 8.33606C2.41137 8.68006 2.67137 8.95206 2.99937 9.15206C3.32737 9.34406 3.70337 9.44006 4.12737 9.44006C4.55937 9.44006 4.95937 9.34406 5.32737 9.15206C5.69537 8.95206 6.01937 8.68006 6.29938 8.33606C6.58738 7.98406 6.81537 7.58006 6.98337 7.12406C6.81537 6.66806 6.58738 6.26806 6.29938 5.92406C6.01937 5.57206 5.69537 5.30006 5.32737 5.10806C4.95937 4.90806 4.55937 4.80806 4.12737 4.80806C3.70337 4.80806 3.32737 4.90806 2.99937 5.10806C2.67137 5.30006 2.41137 5.57206 2.21937 5.92406C2.03537 6.26806 1.94337 6.66806 1.94337 7.12406Z",
           fill: "currentColor"
         }
       ),
-      /* @__PURE__ */ jsx94(
+      /* @__PURE__ */ jsx95(
         "path",
         {
           d: "M16.3327 8.85206V7.65206L16.3927 7.43606V6.12806L16.3327 5.88806V3.72806H17.8927V8.70806C17.8927 9.58006 17.7087 10.3081 17.3407 10.8921C16.9727 11.4841 16.4687 11.9281 15.8287 12.2241C15.1887 12.5201 14.4527 12.6681 13.6207 12.6681C13.0127 12.6681 12.4527 12.5881 11.9407 12.4281C11.4287 12.2681 10.9327 12.0241 10.4527 11.6961V10.4001C10.9407 10.7841 11.4447 11.0521 11.9647 11.2041C12.4847 11.3641 13.0047 11.4441 13.5247 11.4441C14.4367 11.4441 15.1327 11.2201 15.6127 10.7721C16.0927 10.3241 16.3327 9.68406 16.3327 8.85206ZM13.0687 9.99206C12.4447 9.99206 11.8847 9.86006 11.3887 9.59606C10.8927 9.32406 10.5007 8.94806 10.2127 8.46806C9.92469 7.98806 9.78069 7.42406 9.78069 6.77606C9.78069 6.12806 9.92469 5.56406 10.2127 5.08406C10.5007 4.60406 10.8927 4.23206 11.3887 3.96806C11.8847 3.69606 12.4447 3.56006 13.0687 3.56006C13.5327 3.56006 13.9607 3.63206 14.3527 3.77606C14.7527 3.92006 15.1087 4.11206 15.4207 4.35206C15.7407 4.58406 16.0087 4.84406 16.2247 5.13206C16.4487 5.41206 16.6207 5.70006 16.7407 5.99606C16.8607 6.28406 16.9207 6.54806 16.9207 6.78806C16.9207 7.10006 16.8287 7.44406 16.6447 7.82006C16.4607 8.18806 16.1967 8.53606 15.8527 8.86406C15.5167 9.19206 15.1127 9.46406 14.6407 9.68006C14.1687 9.88806 13.6447 9.99206 13.0687 9.99206ZM13.5487 8.84006C14.1167 8.84006 14.6367 8.67606 15.1087 8.34806C15.5887 8.02006 16.0167 7.49606 16.3927 6.77606C16.0167 6.04006 15.5887 5.51206 15.1087 5.19206C14.6367 4.86406 14.1167 4.70006 13.5487 4.70006C13.0847 4.70006 12.6887 4.78806 12.3607 4.96406C12.0327 5.14006 11.7807 5.38406 11.6047 5.69606C11.4367 6.00806 11.3527 6.36806 11.3527 6.77606C11.3527 7.17606 11.4367 7.53206 11.6047 7.84406C11.7807 8.15606 12.0327 8.40006 12.3607 8.57606C12.6887 8.75206 13.0847 8.84006 13.5487 8.84006Z",
           fill: "currentColor"
         }
       ),
-      /* @__PURE__ */ jsx94(
+      /* @__PURE__ */ jsx95(
         "path",
         {
           d: "M25.6842 8.85206V7.65206L25.7442 7.43606V6.12806L25.6842 5.88806V3.72806H27.2442V8.70806C27.2442 9.58006 27.0602 10.3081 26.6922 10.8921C26.3242 11.4841 25.8202 11.9281 25.1802 12.2241C24.5402 12.5201 23.8042 12.6681 22.9722 12.6681C22.3642 12.6681 21.8042 12.5881 21.2922 12.4281C20.7802 12.2681 20.2842 12.0241 19.8042 11.6961V10.4001C20.2922 10.7841 20.7962 11.0521 21.3162 11.2041C21.8362 11.3641 22.3562 11.4441 22.8762 11.4441C23.7882 11.4441 24.4842 11.2201 24.9642 10.7721C25.4442 10.3241 25.6842 9.68406 25.6842 8.85206ZM22.4202 9.99206C21.7962 9.99206 21.2362 9.86006 20.7402 9.59606C20.2442 9.32406 19.8522 8.94806 19.5642 8.46806C19.2762 7.98806 19.1322 7.42406 19.1322 6.77606C19.1322 6.12806 19.2762 5.56406 19.5642 5.08406C19.8522 4.60406 20.2442 4.23206 20.7402 3.96806C21.2362 3.69606 21.7962 3.56006 22.4202 3.56006C22.8842 3.56006 23.3122 3.63206 23.7042 3.77606C24.1042 3.92006 24.4602 4.11206 24.7722 4.35206C25.0922 4.58406 25.3602 4.84406 25.5762 5.13206C25.8002 5.41206 25.9722 5.70006 26.0922 5.99606C26.2122 6.28406 26.2722 6.54806 26.2722 6.78806C26.2722 7.10006 26.1802 7.44406 25.9962 7.82006C25.8122 8.18806 25.5482 8.53606 25.2042 8.86406C24.8682 9.19206 24.4642 9.46406 23.9922 9.68006C23.5202 9.88806 22.9962 9.99206 22.4202 9.99206ZM22.9002 8.84006C23.4682 8.84006 23.9882 8.67606 24.4602 8.34806C24.9402 8.02006 25.3682 7.49606 25.7442 6.77606C25.3682 6.04006 24.9402 5.51206 24.4602 5.19206C23.9882 4.86406 23.4682 4.70006 22.9002 4.70006C22.4362 4.70006 22.0402 4.78806 21.7122 4.96406C21.3842 5.14006 21.1322 5.38406 20.9562 5.69606C20.7882 6.00806 20.7042 6.36806 20.7042 6.77606C20.7042 7.17606 20.7882 7.53206 20.9562 7.84406C21.1322 8.15606 21.3842 8.40006 21.7122 8.57606C22.0402 8.75206 22.4362 8.84006 22.9002 8.84006Z",
           fill: "currentColor"
         }
       ),
-      /* @__PURE__ */ jsx94(
+      /* @__PURE__ */ jsx95(
         "path",
         {
           d: "M35.1374 10.7411C34.7383 10.7411 34.3709 10.6821 34.0353 10.5642C33.7087 10.4372 33.423 10.2694 33.1781 10.0608C32.9332 9.84307 32.7382 9.59816 32.593 9.32604L32.5114 10.5778H31.6406V0.781475H32.593V4.95852C32.8198 4.56848 33.1464 4.2374 33.5727 3.96528C33.999 3.69316 34.5206 3.5571 35.1374 3.5571C35.8086 3.5571 36.3937 3.71584 36.8925 4.03331C37.3914 4.34171 37.7724 4.76803 38.0354 5.31227C38.3076 5.84744 38.4436 6.45971 38.4436 7.14908C38.4436 7.83845 38.3076 8.45526 38.0354 8.9995C37.7633 9.54374 37.3778 9.97006 36.8789 10.2785C36.3891 10.5869 35.8086 10.7411 35.1374 10.7411ZM35.0693 9.9111C35.5501 9.9111 35.9673 9.79772 36.3211 9.57095C36.6748 9.34419 36.956 9.02218 37.1647 8.60493C37.3733 8.18768 37.4776 7.70239 37.4776 7.14908C37.4776 6.5867 37.3733 6.10142 37.1647 5.69324C36.956 5.27599 36.6703 4.95398 36.3075 4.72722C35.9537 4.50045 35.541 4.38707 35.0693 4.38707C34.5977 4.38707 34.1759 4.50045 33.804 4.72722C33.4412 4.95398 33.1554 5.27599 32.9468 5.69324C32.7472 6.11049 32.6475 6.59577 32.6475 7.14908C32.6475 7.71147 32.7472 8.20128 32.9468 8.61853C33.1554 9.02671 33.4412 9.34419 33.804 9.57095C34.1759 9.79772 34.5977 9.9111 35.0693 9.9111Z",
           fill: "currentColor"
         }
       ),
-      /* @__PURE__ */ jsx94(
+      /* @__PURE__ */ jsx95(
         "path",
         {
           d: "M42.5542 10.7411C42.0372 10.7411 41.5791 10.6413 41.18 10.4417C40.79 10.2331 40.4861 9.92017 40.2684 9.50292C40.0507 9.0766 39.9419 8.53236 39.9419 7.8702V3.72037H40.8943V7.76135C40.8943 8.48701 41.053 9.02671 41.3705 9.38047C41.6971 9.73422 42.1461 9.9111 42.7175 9.9111C43.1257 9.9111 43.4885 9.81586 43.806 9.62538C44.1325 9.43489 44.3865 9.1537 44.5679 8.78181C44.7584 8.40084 44.8536 7.93823 44.8536 7.39399V3.72037H45.8061V10.5778H44.9353L44.8809 9.35326C44.6632 9.79772 44.3457 10.1424 43.9284 10.3873C43.5203 10.6231 43.0622 10.7411 42.5542 10.7411Z",
           fill: "currentColor"
         }
       ),
-      /* @__PURE__ */ jsx94(
+      /* @__PURE__ */ jsx95(
         "path",
         {
           d: "M47.8807 10.5778V3.72037H48.8195V10.5778H47.8807ZM48.3569 2.10126C48.1664 2.10126 48.0031 2.03776 47.8671 1.91077C47.731 1.77471 47.663 1.60691 47.663 1.40735C47.663 1.19873 47.7265 1.03545 47.8535 0.917535C47.9895 0.790545 48.1528 0.727051 48.3433 0.727051C48.5338 0.727051 48.697 0.790545 48.8331 0.917535C48.9691 1.03545 49.0372 1.19873 49.0372 1.40735C49.0372 1.60691 48.9691 1.77471 48.8331 1.91077C48.7061 2.03776 48.5474 2.10126 48.3569 2.10126Z",
           fill: "currentColor"
         }
       ),
-      /* @__PURE__ */ jsx94("path", { d: "M50.8937 10.5778V0.781475H51.8461V10.5778H50.8937Z", fill: "currentColor" }),
-      /* @__PURE__ */ jsx94(
+      /* @__PURE__ */ jsx95("path", { d: "M50.8937 10.5778V0.781475H51.8461V10.5778H50.8937Z", fill: "currentColor" }),
+      /* @__PURE__ */ jsx95(
         "path",
         {
           d: "M56.7703 10.7411C56.1081 10.7411 55.5276 10.5869 55.0287 10.2785C54.5389 9.96099 54.1579 9.53013 53.8858 8.98589C53.6137 8.44165 53.4776 7.82485 53.4776 7.13548C53.4776 6.44611 53.6137 5.83384 53.8858 5.29867C54.1579 4.75443 54.5434 4.32811 55.0423 4.0197C55.5412 3.7113 56.1217 3.5571 56.7839 3.5571C57.3644 3.5571 57.8724 3.68409 58.3078 3.93807C58.7522 4.18298 59.0924 4.5322 59.3282 4.98573V0.781475H60.2806V10.5778H59.4098L59.3282 9.33965C59.1831 9.57549 58.9926 9.80225 58.7568 10.02C58.53 10.2376 58.2488 10.4145 57.9132 10.5506C57.5866 10.6776 57.2057 10.7411 56.7703 10.7411ZM56.8519 9.9111C57.3327 9.9111 57.7499 9.79772 58.1037 9.57095C58.4665 9.34419 58.7477 9.02218 58.9472 8.60493C59.1559 8.18768 59.2602 7.70239 59.2602 7.14908C59.2602 6.59577 59.1559 6.11049 58.9472 5.69324C58.7477 5.27599 58.4665 4.95398 58.1037 4.72722C57.7499 4.50045 57.3327 4.38707 56.8519 4.38707C56.3802 4.38707 55.963 4.50045 55.6002 4.72722C55.2373 4.95398 54.9516 5.27599 54.743 5.69324C54.5434 6.10142 54.4436 6.5867 54.4436 7.14908C54.4436 7.71147 54.548 8.20128 54.7566 8.61853C54.9652 9.02671 55.2509 9.34419 55.6138 9.57095C55.9766 9.79772 56.3893 9.9111 56.8519 9.9111Z",
@@ -4872,8 +4901,8 @@ var DEFAULT_FOOTER_LINKS = [
 ];
 
 // src/primitives/footer/index.tsx
-import { Fragment as Fragment3, jsx as jsx95, jsxs as jsxs93 } from "react/jsx-runtime";
-var XIcon = (props) => /* @__PURE__ */ jsx95(
+import { Fragment as Fragment3, jsx as jsx96, jsxs as jsxs94 } from "react/jsx-runtime";
+var XIcon = (props) => /* @__PURE__ */ jsx96(
   "svg",
   __spreadProps(__spreadValues({
     xmlns: "http://www.w3.org/2000/svg",
@@ -4883,7 +4912,7 @@ var XIcon = (props) => /* @__PURE__ */ jsx95(
     fill: "none",
     "aria-hidden": "true"
   }, props), {
-    children: /* @__PURE__ */ jsx95(
+    children: /* @__PURE__ */ jsx96(
       "path",
       {
         d: "M12.2167 1.33325H14.4669L9.5523 6.94875L15.3334 14.5913H10.8081L7.26125 9.95725L3.20714 14.5913H0.953359L6.20891 8.58347L0.666748 1.33325H5.30691L8.50975 5.56886L12.2167 1.33325ZM11.4266 13.2463H12.6726L4.62797 2.60803H3.28964L11.4266 13.2463Z",
@@ -4893,8 +4922,8 @@ var XIcon = (props) => /* @__PURE__ */ jsx95(
   })
 );
 var renderLink = (link, linkClass) => {
-  const inner = /* @__PURE__ */ jsxs93(Fragment3, { children: [
-    /* @__PURE__ */ jsx95(
+  const inner = /* @__PURE__ */ jsxs94(Fragment3, { children: [
+    /* @__PURE__ */ jsx96(
       "span",
       {
         className: "hidden md:inline",
@@ -4902,11 +4931,11 @@ var renderLink = (link, linkClass) => {
         children: link.label
       }
     ),
-    link.mobileLabel !== void 0 && link.mobileLabel !== link.label ? /* @__PURE__ */ jsx95("span", { className: "md:hidden", children: link.mobileLabel }) : /* @__PURE__ */ jsx95("span", { className: "md:hidden", "aria-hidden": "true", children: link.label }),
-    link.mobileLabel !== void 0 && link.mobileLabel !== link.label && /* @__PURE__ */ jsx95("span", { className: "sr-only", children: link.label })
+    link.mobileLabel !== void 0 && link.mobileLabel !== link.label ? /* @__PURE__ */ jsx96("span", { className: "md:hidden", children: link.mobileLabel }) : /* @__PURE__ */ jsx96("span", { className: "md:hidden", "aria-hidden": "true", children: link.label }),
+    link.mobileLabel !== void 0 && link.mobileLabel !== link.label && /* @__PURE__ */ jsx96("span", { className: "sr-only", children: link.label })
   ] });
   if (link.href) {
-    return /* @__PURE__ */ jsx95(
+    return /* @__PURE__ */ jsx96(
       "a",
       {
         href: link.href,
@@ -4919,7 +4948,7 @@ var renderLink = (link, linkClass) => {
     );
   }
   if (link.onClick) {
-    return /* @__PURE__ */ jsx95(
+    return /* @__PURE__ */ jsx96(
       "button",
       {
         type: "button",
@@ -4929,7 +4958,7 @@ var renderLink = (link, linkClass) => {
       }
     );
   }
-  return /* @__PURE__ */ jsx95("span", { className: linkClass, children: inner });
+  return /* @__PURE__ */ jsx96("span", { className: linkClass, children: inner });
 };
 var Footer = ({
   links = DEFAULT_FOOTER_LINKS,
@@ -4945,21 +4974,21 @@ var Footer = ({
     "text-xs text-agg-muted-foreground whitespace-nowrap transition-colors hover:text-agg-foreground md:text-sm",
     classNames == null ? void 0 : classNames.link
   );
-  return /* @__PURE__ */ jsx95(
+  return /* @__PURE__ */ jsx96(
     "footer",
     {
       role: "contentinfo",
       "aria-label": ariaLabel,
       className: cn(baseFooterClasses, classNames == null ? void 0 : classNames.root),
-      children: /* @__PURE__ */ jsxs93(
+      children: /* @__PURE__ */ jsxs94(
         "div",
         {
           className: cn(
-            "agg-footer-inner mx-auto flex h-10 w-full max-w-[1360px] px-6 lg:px-10 items-center justify-between",
+            "agg-footer-inner mx-auto flex h-10 w-full max-w-[1440px] px-6 lg:px-10 items-center justify-between",
             classNames == null ? void 0 : classNames.inner
           ),
           children: [
-            /* @__PURE__ */ jsxs93(
+            /* @__PURE__ */ jsxs94(
               "a",
               {
                 href: AGG_DEFAULT_URL,
@@ -4970,16 +4999,16 @@ var Footer = ({
                   classNames == null ? void 0 : classNames.leftSection
                 ),
                 children: [
-                  /* @__PURE__ */ jsxs93("div", { className: "hidden items-center gap-1 md:flex", children: [
-                    /* @__PURE__ */ jsx95(AggBuildIcon, { className: "size-4 shrink-0" }),
-                    /* @__PURE__ */ jsx95("span", { className: "whitespace-nowrap text-sm text-agg-muted-foreground transition-colors group-hover/brand:text-agg-foreground", children: "Built with" }),
-                    /* @__PURE__ */ jsx95(AggBuildTextLogo, { "aria-label": "agg build", className: "shrink-0 text-agg-foreground" })
+                  /* @__PURE__ */ jsxs94("div", { className: "hidden items-center gap-1 md:flex", children: [
+                    /* @__PURE__ */ jsx96(AggBuildIcon, { className: "size-4 shrink-0" }),
+                    /* @__PURE__ */ jsx96("span", { className: "whitespace-nowrap text-sm text-agg-muted-foreground transition-colors group-hover/brand:text-agg-foreground", children: "Built with" }),
+                    /* @__PURE__ */ jsx96(AggBuildTextLogo, { "aria-label": "agg build", className: "shrink-0 text-agg-foreground" })
                   ] }),
-                  /* @__PURE__ */ jsx95("div", { className: "md:hidden", children: /* @__PURE__ */ jsx95(AggBuildLogo, { "aria-label": "agg build", className: "h-3.5 w-auto text-agg-foreground" }) })
+                  /* @__PURE__ */ jsx96("div", { className: "md:hidden", children: /* @__PURE__ */ jsx96(AggBuildLogo, { "aria-label": "agg build", className: "h-3.5 w-auto text-agg-foreground" }) })
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs93(
+            /* @__PURE__ */ jsxs94(
               "div",
               {
                 className: cn(
@@ -4987,8 +5016,8 @@ var Footer = ({
                   classNames == null ? void 0 : classNames.rightSection
                 ),
                 children: [
-                  /* @__PURE__ */ jsx95("div", { className: "flex items-center gap-2", children: links.map((link, i) => /* @__PURE__ */ jsxs93(Fragment2, { children: [
-                    i > 0 && /* @__PURE__ */ jsx95(
+                  /* @__PURE__ */ jsx96("div", { className: "flex items-center gap-2", children: links.map((link, i) => /* @__PURE__ */ jsxs94(Fragment2, { children: [
+                    i > 0 && /* @__PURE__ */ jsx96(
                       "span",
                       {
                         "aria-hidden": "true",
@@ -5001,15 +5030,15 @@ var Footer = ({
                     ),
                     renderLink(link, linkClass)
                   ] }, link.label)) }),
-                  email && /* @__PURE__ */ jsxs93(Fragment3, { children: [
-                    /* @__PURE__ */ jsx95(
+                  email && /* @__PURE__ */ jsxs94(Fragment3, { children: [
+                    /* @__PURE__ */ jsx96(
                       "div",
                       {
                         "aria-hidden": "true",
                         className: "hidden h-3 w-px shrink-0 bg-agg-separator md:block"
                       }
                     ),
-                    emailHref ? /* @__PURE__ */ jsx95(
+                    emailHref ? /* @__PURE__ */ jsx96(
                       "a",
                       {
                         href: emailHref,
@@ -5021,7 +5050,7 @@ var Footer = ({
                         ),
                         children: email
                       }
-                    ) : /* @__PURE__ */ jsx95(
+                    ) : /* @__PURE__ */ jsx96(
                       "span",
                       {
                         className: cn(
@@ -5032,15 +5061,15 @@ var Footer = ({
                       }
                     )
                   ] }),
-                  hasX && /* @__PURE__ */ jsxs93(Fragment3, { children: [
-                    /* @__PURE__ */ jsx95(
+                  hasX && /* @__PURE__ */ jsxs94(Fragment3, { children: [
+                    /* @__PURE__ */ jsx96(
                       "div",
                       {
                         "aria-hidden": "true",
                         className: "hidden h-3 w-px shrink-0 bg-agg-separator md:block"
                       }
                     ),
-                    xHref ? /* @__PURE__ */ jsx95(
+                    xHref ? /* @__PURE__ */ jsx96(
                       "a",
                       {
                         href: xHref,
@@ -5051,9 +5080,9 @@ var Footer = ({
                           "hidden items-center text-agg-muted-foreground transition-colors hover:text-agg-foreground md:flex",
                           classNames == null ? void 0 : classNames.xLink
                         ),
-                        children: /* @__PURE__ */ jsx95(XIcon, { className: "size-4" })
+                        children: /* @__PURE__ */ jsx96(XIcon, { className: "size-4" })
                       }
-                    ) : /* @__PURE__ */ jsx95(
+                    ) : /* @__PURE__ */ jsx96(
                       "button",
                       {
                         type: "button",
@@ -5063,7 +5092,7 @@ var Footer = ({
                           "hidden cursor-pointer items-center border-0 bg-transparent p-0 text-agg-muted-foreground transition-colors hover:text-agg-foreground md:flex",
                           classNames == null ? void 0 : classNames.xLink
                         ),
-                        children: /* @__PURE__ */ jsx95(XIcon, { className: "size-4" })
+                        children: /* @__PURE__ */ jsx96(XIcon, { className: "size-4" })
                       }
                     )
                   ] })
@@ -5212,12 +5241,12 @@ import { useRef as useRef5, useState as useState6 } from "react";
 
 // src/primitives/skeleton/skeleton-block.tsx
 import { useSdkUiConfig as useSdkUiConfig8 } from "@agg-build/hooks";
-import { jsx as jsx96 } from "react/jsx-runtime";
+import { jsx as jsx97 } from "react/jsx-runtime";
 var SkeletonBlock = ({ className }) => {
   const {
     features: { enableAnimations }
   } = useSdkUiConfig8();
-  return /* @__PURE__ */ jsx96(
+  return /* @__PURE__ */ jsx97(
     "div",
     {
       "aria-hidden": true,
@@ -5246,7 +5275,7 @@ var resolveRemoteImageStatusFromSrc = (src) => {
 };
 
 // src/primitives/remote-image/index.tsx
-import { jsx as jsx97, jsxs as jsxs94 } from "react/jsx-runtime";
+import { jsx as jsx98, jsxs as jsxs95 } from "react/jsx-runtime";
 var RemoteImage = ({
   src,
   alt,
@@ -5280,7 +5309,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__ */ jsxs94(
+  return /* @__PURE__ */ jsxs95(
     "div",
     {
       className: cn(containerClasses, classNames == null ? void 0 : classNames.root, className),
@@ -5297,14 +5326,14 @@ var RemoteImage = ({
       "aria-label": ariaLabel,
       title: title2,
       children: [
-        status === "loading" && /* @__PURE__ */ jsx97(SkeletonBlock, { className: cn(skeletonClasses, classNames == null ? void 0 : classNames.placeholder) }),
-        status === "error" && /* @__PURE__ */ jsx97(
+        status === "loading" && /* @__PURE__ */ jsx98(SkeletonBlock, { className: cn(skeletonClasses, classNames == null ? void 0 : classNames.placeholder) }),
+        status === "error" && /* @__PURE__ */ jsx98(
           "div",
           {
             className: cn(placeholderClasses, classNames == null ? void 0 : classNames.placeholder),
             "aria-hidden": true,
             "aria-errormessage": "Image failed to load",
-            children: /* @__PURE__ */ jsx97(
+            children: /* @__PURE__ */ jsx98(
               Icon,
               {
                 name: "image",
@@ -5315,7 +5344,7 @@ var RemoteImage = ({
             )
           }
         ),
-        isValidRemoteImageSrc(src) && status !== "error" && /* @__PURE__ */ jsx97(
+        isValidRemoteImageSrc(src) && status !== "error" && /* @__PURE__ */ jsx98(
           "img",
           {
             src,
@@ -5338,7 +5367,7 @@ import { useLabels as useLabels4 } from "@agg-build/hooks";
 
 // src/primitives/skeleton/views/event-list-item-skeleton-view.tsx
 import { useLabels as useLabels3 } from "@agg-build/hooks";
-import { jsx as jsx98, jsxs as jsxs95 } from "react/jsx-runtime";
+import { jsx as jsx99, jsxs as jsxs96 } from "react/jsx-runtime";
 var EventListItemSkeletonView = ({
   className,
   ariaLabel,
@@ -5346,7 +5375,7 @@ var EventListItemSkeletonView = ({
 }) => {
   const labels = useLabels3();
   const outcomeTitleWidths = ["max-w-40", "max-w-[200px]"];
-  return /* @__PURE__ */ jsxs95(
+  return /* @__PURE__ */ jsxs96(
     Card,
     {
       className: cn(
@@ -5358,16 +5387,16 @@ var EventListItemSkeletonView = ({
       "aria-busy": isStandalone || void 0,
       "aria-hidden": isStandalone ? void 0 : true,
       children: [
-        /* @__PURE__ */ jsxs95("div", { className: "agg-event-skeleton-header flex h-12 w-full items-center gap-3", children: [
-          /* @__PURE__ */ jsx98(SkeletonBlock, { className: "agg-event-skeleton-image size-10! rounded-agg-lg" }),
-          /* @__PURE__ */ jsx98(SkeletonBlock, { className: "agg-event-skeleton-title h-6 w-[240px] max-w-[calc(100%-52px)] rounded-agg-sm" })
+        /* @__PURE__ */ jsxs96("div", { className: "agg-event-skeleton-header flex h-12 w-full items-center gap-3", children: [
+          /* @__PURE__ */ jsx99(SkeletonBlock, { className: "agg-event-skeleton-image size-10! rounded-agg-lg" }),
+          /* @__PURE__ */ jsx99(SkeletonBlock, { className: "agg-event-skeleton-title h-6 w-[240px] max-w-[calc(100%-52px)] rounded-agg-sm" })
         ] }),
-        /* @__PURE__ */ jsx98("div", { className: "agg-event-skeleton-outcomes flex w-full flex-col gap-4", children: outcomeTitleWidths.map((outcomeTitleWidth, index) => /* @__PURE__ */ jsxs95(
+        /* @__PURE__ */ jsx99("div", { className: "agg-event-skeleton-outcomes flex w-full flex-col gap-4", children: outcomeTitleWidths.map((outcomeTitleWidth, index) => /* @__PURE__ */ jsxs96(
           "div",
           {
             className: "agg-event-skeleton-outcome-row flex w-full items-center justify-between gap-3",
             children: [
-              /* @__PURE__ */ jsx98(
+              /* @__PURE__ */ jsx99(
                 SkeletonBlock,
                 {
                   className: cn(
@@ -5376,24 +5405,24 @@ var EventListItemSkeletonView = ({
                   )
                 }
               ),
-              /* @__PURE__ */ jsxs95("div", { className: "agg-event-skeleton-price-strip flex shrink-0 items-center gap-2", children: [
-                /* @__PURE__ */ jsx98(SkeletonBlock, { className: "agg-event-skeleton-outcome-pill h-[30px] w-[68px] rounded-agg-full" }),
-                /* @__PURE__ */ jsx98(SkeletonBlock, { className: "agg-event-skeleton-outcome-pill h-[30px] w-[68px] rounded-agg-full" })
+              /* @__PURE__ */ jsxs96("div", { className: "agg-event-skeleton-price-strip flex shrink-0 items-center gap-2", children: [
+                /* @__PURE__ */ jsx99(SkeletonBlock, { className: "agg-event-skeleton-outcome-pill h-[30px] w-[68px] rounded-agg-full" }),
+                /* @__PURE__ */ jsx99(SkeletonBlock, { className: "agg-event-skeleton-outcome-pill h-[30px] w-[68px] rounded-agg-full" })
               ] })
             ]
           },
           index
         )) }),
-        /* @__PURE__ */ jsxs95("div", { className: "agg-event-skeleton-footer flex w-full items-center justify-between gap-5 text-agg-muted-foreground", children: [
-          /* @__PURE__ */ jsxs95("div", { className: "agg-event-skeleton-meta flex min-w-0 flex-1 items-center gap-2", children: [
-            /* @__PURE__ */ jsx98(SkeletonBlock, { className: "agg-event-skeleton-matched-badge h-5 w-[68px] rounded-agg-full" }),
-            /* @__PURE__ */ jsxs95("div", { className: "agg-event-skeleton-venues flex h-[14px] items-center gap-1 overflow-hidden", children: [
-              /* @__PURE__ */ jsx98(SkeletonBlock, { className: "agg-event-skeleton-venue-logo size-[14px] rounded-agg-sm" }),
-              /* @__PURE__ */ jsx98(SkeletonBlock, { className: "agg-event-skeleton-venue-logo size-[14px] rounded-agg-sm" }),
-              /* @__PURE__ */ jsx98(SkeletonBlock, { className: "agg-event-skeleton-venue-logo size-[14px] rounded-agg-sm" })
+        /* @__PURE__ */ jsxs96("div", { className: "agg-event-skeleton-footer flex w-full items-center justify-between gap-5 text-agg-muted-foreground", children: [
+          /* @__PURE__ */ jsxs96("div", { className: "agg-event-skeleton-meta flex min-w-0 flex-1 items-center gap-2", children: [
+            /* @__PURE__ */ jsx99(SkeletonBlock, { className: "agg-event-skeleton-matched-badge h-5 w-[68px] rounded-agg-full" }),
+            /* @__PURE__ */ jsxs96("div", { className: "agg-event-skeleton-venues flex h-[14px] items-center gap-1 overflow-hidden", children: [
+              /* @__PURE__ */ jsx99(SkeletonBlock, { className: "agg-event-skeleton-venue-logo size-[14px] rounded-agg-sm" }),
+              /* @__PURE__ */ jsx99(SkeletonBlock, { className: "agg-event-skeleton-venue-logo size-[14px] rounded-agg-sm" }),
+              /* @__PURE__ */ jsx99(SkeletonBlock, { className: "agg-event-skeleton-venue-logo size-[14px] rounded-agg-sm" })
             ] })
           ] }),
-          /* @__PURE__ */ jsx98(SkeletonBlock, { className: "agg-event-skeleton-volume h-5 w-[60px] rounded-agg-sm" })
+          /* @__PURE__ */ jsx99(SkeletonBlock, { className: "agg-event-skeleton-volume h-5 w-[60px] rounded-agg-sm" })
         ] })
       ]
     }
@@ -5402,7 +5431,7 @@ var EventListItemSkeletonView = ({
 EventListItemSkeletonView.displayName = "EventListItemSkeletonView";
 
 // src/primitives/skeleton/views/event-list-skeleton-view.tsx
-import { jsx as jsx99, jsxs as jsxs96 } from "react/jsx-runtime";
+import { jsx as jsx100, jsxs as jsxs97 } from "react/jsx-runtime";
 var DEFAULT_SKELETON_EVENTS_LIMIT = 20;
 var SIDEBAR_SKELETON_ROWS = 8;
 var EventListSkeletonView = ({
@@ -5411,7 +5440,7 @@ var EventListSkeletonView = ({
   withSidebar
 }) => {
   const labels = useLabels4();
-  return /* @__PURE__ */ jsxs96(
+  return /* @__PURE__ */ jsxs97(
     "section",
     {
       className: cn("group/agg-skeleton", "flex w-full flex-col gap-5", className),
@@ -5419,21 +5448,21 @@ var EventListSkeletonView = ({
       "aria-label": ariaLabel != null ? ariaLabel : labels.eventList.loading("events"),
       "aria-busy": true,
       children: [
-        /* @__PURE__ */ jsxs96("header", { className: "flex w-full flex-col items-start justify-between gap-3 md:flex-row md:flex-nowrap md:items-center md:gap-5", children: [
-          /* @__PURE__ */ jsx99(SkeletonBlock, { className: "h-7 w-[120px] rounded-agg-md" }),
-          /* @__PURE__ */ jsx99(SkeletonBlock, { className: "h-8 w-full rounded-agg-md md:w-[400px]" })
+        /* @__PURE__ */ jsxs97("header", { className: "flex w-full flex-col items-start justify-between gap-3 md:flex-row md:flex-nowrap md:items-center md:gap-5", children: [
+          /* @__PURE__ */ jsx100(SkeletonBlock, { className: "h-7 w-[120px] rounded-agg-md" }),
+          /* @__PURE__ */ jsx100(SkeletonBlock, { className: "h-8 w-full rounded-agg-md md:w-[400px]" })
         ] }),
-        /* @__PURE__ */ jsxs96("div", { className: cn("flex w-full gap-6", withSidebar ? "md:items-start" : ""), children: [
-          withSidebar ? /* @__PURE__ */ jsx99("aside", { className: "agg-event-list-skeleton-sidebar hidden w-[200px] shrink-0 md:block", children: /* @__PURE__ */ jsxs96("div", { className: "flex w-full flex-col gap-1 rounded-[8px] border border-agg-separator bg-agg-secondary p-2", children: [
-            /* @__PURE__ */ jsx99(SkeletonBlock, { className: "h-11 w-full rounded-[6px]" }),
-            /* @__PURE__ */ jsx99(SkeletonBlock, { className: "h-11 w-full rounded-[6px]" }),
-            /* @__PURE__ */ jsxs96("div", { className: "flex w-full flex-col gap-1 pl-4", children: [
-              /* @__PURE__ */ jsx99(SkeletonBlock, { className: "h-11 w-full rounded-[6px]" }),
-              /* @__PURE__ */ jsx99(SkeletonBlock, { className: "h-11 w-full rounded-[6px]" })
+        /* @__PURE__ */ jsxs97("div", { className: cn("flex w-full gap-6", withSidebar ? "md:items-start" : ""), children: [
+          withSidebar ? /* @__PURE__ */ jsx100("aside", { className: "agg-event-list-skeleton-sidebar hidden w-[200px] shrink-0 md:block", children: /* @__PURE__ */ jsxs97("div", { className: "flex w-full flex-col gap-1 rounded-[8px] border border-agg-separator bg-agg-secondary p-2", children: [
+            /* @__PURE__ */ jsx100(SkeletonBlock, { className: "h-11 w-full rounded-[6px]" }),
+            /* @__PURE__ */ jsx100(SkeletonBlock, { className: "h-11 w-full rounded-[6px]" }),
+            /* @__PURE__ */ jsxs97("div", { className: "flex w-full flex-col gap-1 pl-4", children: [
+              /* @__PURE__ */ jsx100(SkeletonBlock, { className: "h-11 w-full rounded-[6px]" }),
+              /* @__PURE__ */ jsx100(SkeletonBlock, { className: "h-11 w-full rounded-[6px]" })
             ] }),
-            Array.from({ length: SIDEBAR_SKELETON_ROWS - 4 }).map((_, index) => /* @__PURE__ */ jsx99(SkeletonBlock, { className: "h-11 w-full rounded-[6px]" }, index))
+            Array.from({ length: SIDEBAR_SKELETON_ROWS - 4 }).map((_, index) => /* @__PURE__ */ jsx100(SkeletonBlock, { className: "h-11 w-full rounded-[6px]" }, index))
           ] }) }) : null,
-          /* @__PURE__ */ jsx99("div", { className: "agg-event-list-skeleton-grid grid w-full grid-cols-[repeat(auto-fill,minmax(240px,1fr))] md:grid-cols-[repeat(auto-fill,minmax(360px,1fr))] gap-4", children: Array.from({ length: DEFAULT_SKELETON_EVENTS_LIMIT }).map((_, index) => /* @__PURE__ */ jsx99(
+          /* @__PURE__ */ jsx100("div", { className: "agg-event-list-skeleton-grid grid w-full grid-cols-[repeat(auto-fill,minmax(240px,1fr))] md:grid-cols-[repeat(auto-fill,minmax(360px,1fr))] gap-4", children: Array.from({ length: DEFAULT_SKELETON_EVENTS_LIMIT }).map((_, index) => /* @__PURE__ */ jsx100(
             EventListItemSkeletonView,
             {
               isStandalone: false,
@@ -5455,13 +5484,13 @@ import { useLabels as useLabels5 } from "@agg-build/hooks";
 var detailsBaseCardClassName = "w-full gap-6 p-5 md:gap-8";
 
 // src/primitives/skeleton/views/event-list-item-details-skeleton-view.tsx
-import { jsx as jsx100, jsxs as jsxs97 } from "react/jsx-runtime";
+import { jsx as jsx101, jsxs as jsxs98 } from "react/jsx-runtime";
 var EventListItemDetailsSkeletonView = ({
   className,
   ariaLabel
 }) => {
   const labels = useLabels5();
-  return /* @__PURE__ */ jsxs97(
+  return /* @__PURE__ */ jsxs98(
     Card,
     {
       className: cn("group/agg-skeleton", detailsBaseCardClassName, className),
@@ -5469,24 +5498,24 @@ var EventListItemDetailsSkeletonView = ({
       "aria-label": ariaLabel != null ? ariaLabel : labels.eventItemDetails.loading,
       "aria-busy": true,
       children: [
-        /* @__PURE__ */ jsxs97("div", { className: "flex h-14 w-full items-center gap-3 justify-stretch", children: [
-          /* @__PURE__ */ jsx100(SkeletonBlock, { className: "size-10! rounded-agg-lg" }),
-          /* @__PURE__ */ jsx100(SkeletonBlock, { className: "h-6 w-fit flex-1 rounded-agg-sm" })
+        /* @__PURE__ */ jsxs98("div", { className: "flex h-14 w-full items-center gap-3 justify-stretch", children: [
+          /* @__PURE__ */ jsx101(SkeletonBlock, { className: "size-10! rounded-agg-lg" }),
+          /* @__PURE__ */ jsx101(SkeletonBlock, { className: "h-6 w-fit flex-1 rounded-agg-sm" })
         ] }),
-        /* @__PURE__ */ jsxs97("div", { className: "flex w-full flex-col gap-4 md:gap-6", children: [
-          /* @__PURE__ */ jsxs97("div", { className: "flex w-full flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
-            /* @__PURE__ */ jsxs97("div", { className: "flex max-w-full gap-2 overflow-hidden", children: [
-              /* @__PURE__ */ jsx100(SkeletonBlock, { className: "h-9 w-[100px] rounded-agg-full" }),
-              /* @__PURE__ */ jsx100(SkeletonBlock, { className: "h-9 w-[100px] rounded-agg-full" }),
-              /* @__PURE__ */ jsx100(SkeletonBlock, { className: "h-9 w-[100px] rounded-agg-full" })
+        /* @__PURE__ */ jsxs98("div", { className: "flex w-full flex-col gap-4 md:gap-6", children: [
+          /* @__PURE__ */ jsxs98("div", { className: "flex w-full flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
+            /* @__PURE__ */ jsxs98("div", { className: "flex max-w-full gap-2 overflow-hidden", children: [
+              /* @__PURE__ */ jsx101(SkeletonBlock, { className: "h-9 w-[100px] rounded-agg-full" }),
+              /* @__PURE__ */ jsx101(SkeletonBlock, { className: "h-9 w-[100px] rounded-agg-full" }),
+              /* @__PURE__ */ jsx101(SkeletonBlock, { className: "h-9 w-[100px] rounded-agg-full" })
             ] }),
-            /* @__PURE__ */ jsx100(SkeletonBlock, { className: "h-9 w-full max-w-[221px] rounded-agg-full md:w-[221px]" })
+            /* @__PURE__ */ jsx101(SkeletonBlock, { className: "h-9 w-full max-w-[221px] rounded-agg-full md:w-[221px]" })
           ] }),
-          /* @__PURE__ */ jsxs97("div", { className: "flex w-full flex-col gap-3", children: [
-            /* @__PURE__ */ jsx100(SkeletonBlock, { className: "h-[220px] w-full rounded-agg-xl md:h-[240px]" }),
-            /* @__PURE__ */ jsxs97("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ jsx100(SkeletonBlock, { className: "h-5 w-[59px] rounded-agg-sm" }),
-              /* @__PURE__ */ jsx100(SkeletonBlock, { className: "h-5 w-40 rounded-agg-sm" })
+          /* @__PURE__ */ jsxs98("div", { className: "flex w-full flex-col gap-3", children: [
+            /* @__PURE__ */ jsx101(SkeletonBlock, { className: "h-[220px] w-full rounded-agg-xl md:h-[240px]" }),
+            /* @__PURE__ */ jsxs98("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsx101(SkeletonBlock, { className: "h-5 w-[59px] rounded-agg-sm" }),
+              /* @__PURE__ */ jsx101(SkeletonBlock, { className: "h-5 w-40 rounded-agg-sm" })
             ] })
           ] })
         ] })
@@ -5511,34 +5540,34 @@ var marketDetailsDefaultIsOpened = false;
 var orderBookRowLimitDefault = 4;
 
 // src/primitives/skeleton/views/market-details-skeleton-view.tsx
-import { Fragment as Fragment4, jsx as jsx101, jsxs as jsxs98 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx102, jsxs as jsxs99 } from "react/jsx-runtime";
 var orderBookAskBarScales = ["93%", "47%", "33%", "31%"];
 var orderBookBidBarScales = ["9%", "33%", "53%", "73%"];
 var MarketDetailsHeaderSkeleton = () => {
-  return /* @__PURE__ */ jsxs98("div", { className: "flex flex-wrap items-center justify-between gap-3 px-4 py-3 md:px-5", children: [
-    /* @__PURE__ */ jsxs98("div", { className: "flex min-w-0 items-center gap-3 md:min-w-52 md:gap-4", children: [
-      /* @__PURE__ */ jsx101(SkeletonBlock, { className: "size-12 rounded-agg-lg md:size-[60px]" }),
-      /* @__PURE__ */ jsxs98("div", { className: "flex min-w-0 flex-col gap-2", children: [
-        /* @__PURE__ */ jsx101(SkeletonBlock, { className: "h-6 w-[132px] rounded-agg-sm" }),
-        /* @__PURE__ */ jsx101(SkeletonBlock, { className: "h-4 w-[141px] rounded-agg-sm" })
+  return /* @__PURE__ */ jsxs99("div", { className: "flex flex-wrap items-center justify-between gap-3 px-4 py-3 md:px-5", children: [
+    /* @__PURE__ */ jsxs99("div", { className: "flex min-w-0 items-center gap-3 md:min-w-52 md:gap-4", children: [
+      /* @__PURE__ */ jsx102(SkeletonBlock, { className: "size-12 rounded-agg-lg md:size-[60px]" }),
+      /* @__PURE__ */ jsxs99("div", { className: "flex min-w-0 flex-col gap-2", children: [
+        /* @__PURE__ */ jsx102(SkeletonBlock, { className: "h-6 w-[132px] rounded-agg-sm" }),
+        /* @__PURE__ */ jsx102(SkeletonBlock, { className: "h-4 w-[141px] rounded-agg-sm" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx101(SkeletonBlock, { className: "h-9 w-[60px] rounded-agg-md" }),
-    /* @__PURE__ */ jsxs98("div", { className: "flex w-full gap-2 md:w-auto", children: [
-      /* @__PURE__ */ jsx101(SkeletonBlock, { className: "h-9 w-full rounded-agg-full md:w-[135px]" }),
-      /* @__PURE__ */ jsx101(SkeletonBlock, { className: "h-9 w-full rounded-agg-full md:w-[131px]" })
+    /* @__PURE__ */ jsx102(SkeletonBlock, { className: "h-9 w-[60px] rounded-agg-md" }),
+    /* @__PURE__ */ jsxs99("div", { className: "flex w-full gap-2 md:w-auto", children: [
+      /* @__PURE__ */ jsx102(SkeletonBlock, { className: "h-9 w-full rounded-agg-full md:w-[135px]" }),
+      /* @__PURE__ */ jsx102(SkeletonBlock, { className: "h-9 w-full rounded-agg-full md:w-[131px]" })
     ] })
   ] });
 };
 var MarketDetailsTabsSkeleton = () => {
-  return /* @__PURE__ */ jsxs98("div", { className: "flex h-14 items-end px-4 md:px-5", children: [
-    /* @__PURE__ */ jsxs98("div", { className: "flex h-full flex-col items-end justify-end rounded-t-agg-lg", children: [
-      /* @__PURE__ */ jsx101("div", { className: "px-4 py-3", children: /* @__PURE__ */ jsx101(SkeletonBlock, { className: "h-6 w-20 rounded-agg-sm" }) }),
-      /* @__PURE__ */ jsx101(SkeletonBlock, { className: "h-[2px] w-full rounded-t-agg-sm" })
+  return /* @__PURE__ */ jsxs99("div", { className: "flex h-14 items-end px-4 md:px-5", children: [
+    /* @__PURE__ */ jsxs99("div", { className: "flex h-full flex-col items-end justify-end rounded-t-agg-lg", children: [
+      /* @__PURE__ */ jsx102("div", { className: "px-4 py-3", children: /* @__PURE__ */ jsx102(SkeletonBlock, { className: "h-6 w-20 rounded-agg-sm" }) }),
+      /* @__PURE__ */ jsx102(SkeletonBlock, { className: "h-[2px] w-full rounded-t-agg-sm" })
     ] }),
-    /* @__PURE__ */ jsxs98("div", { className: "flex h-full flex-col justify-center", children: [
-      /* @__PURE__ */ jsx101("div", { className: "px-4 py-3", children: /* @__PURE__ */ jsx101(SkeletonBlock, { className: "h-6 w-12 rounded-agg-sm" }) }),
-      /* @__PURE__ */ jsx101("div", { className: "h-[2px] w-full" })
+    /* @__PURE__ */ jsxs99("div", { className: "flex h-full flex-col justify-center", children: [
+      /* @__PURE__ */ jsx102("div", { className: "px-4 py-3", children: /* @__PURE__ */ jsx102(SkeletonBlock, { className: "h-6 w-12 rounded-agg-sm" }) }),
+      /* @__PURE__ */ jsx102("div", { className: "h-[2px] w-full" })
     ] })
   ] });
 };
@@ -5546,25 +5575,25 @@ var MarketDetailsOrderBookRows = ({
   side,
   barScales
 }) => {
-  return /* @__PURE__ */ jsx101("div", { className: "flex flex-col", children: barScales.map((barScale, index) => /* @__PURE__ */ jsxs98(
+  return /* @__PURE__ */ jsx102("div", { className: "flex flex-col", children: barScales.map((barScale, index) => /* @__PURE__ */ jsxs99(
     "div",
     {
       className: "flex h-9 items-center gap-2 overflow-hidden pr-5 md:gap-10",
       children: [
-        /* @__PURE__ */ jsx101("div", { className: "relative h-9 min-h-0 min-w-0 flex-1", children: /* @__PURE__ */ jsx101(
+        /* @__PURE__ */ jsx102("div", { className: "relative h-9 min-h-0 min-w-0 flex-1", children: /* @__PURE__ */ jsx102(
           "div",
           {
             className: "absolute inset-y-0 left-0",
             style: { right: `${100 - parseFloat(barScale)}%` },
-            children: /* @__PURE__ */ jsx101(SkeletonBlock, { className: "h-full w-full rounded-none" })
+            children: /* @__PURE__ */ jsx102(SkeletonBlock, { className: "h-full w-full rounded-none" })
           }
         ) }),
-        /* @__PURE__ */ jsxs98("div", { className: "flex w-20 shrink-0 items-center gap-1 md:w-[120px]", children: [
-          /* @__PURE__ */ jsx101(SkeletonBlock, { className: "h-5 w-10 rounded-agg-sm md:w-12" }),
-          /* @__PURE__ */ jsx101(SkeletonBlock, { className: "size-3.5 rounded-agg-sm" })
+        /* @__PURE__ */ jsxs99("div", { className: "flex w-20 shrink-0 items-center gap-1 md:w-[120px]", children: [
+          /* @__PURE__ */ jsx102(SkeletonBlock, { className: "h-5 w-10 rounded-agg-sm md:w-12" }),
+          /* @__PURE__ */ jsx102(SkeletonBlock, { className: "size-3.5 rounded-agg-sm" })
         ] }),
-        /* @__PURE__ */ jsx101(SkeletonBlock, { className: "h-5 w-16 shrink-0 rounded-agg-sm md:w-[120px]" }),
-        /* @__PURE__ */ jsx101(SkeletonBlock, { className: "h-5 w-16 shrink-0 rounded-agg-sm md:w-[120px]" })
+        /* @__PURE__ */ jsx102(SkeletonBlock, { className: "h-5 w-16 shrink-0 rounded-agg-sm md:w-[120px]" }),
+        /* @__PURE__ */ jsx102(SkeletonBlock, { className: "h-5 w-16 shrink-0 rounded-agg-sm md:w-[120px]" })
       ]
     },
     `${side}-row-${index}`
@@ -5573,19 +5602,19 @@ var MarketDetailsOrderBookRows = ({
 var MarketDetailsOderbookSkeleton = ({
   className
 }) => {
-  return /* @__PURE__ */ jsxs98("div", { className: cn("flex flex-col", className), children: [
-    /* @__PURE__ */ jsxs98("div", { className: "flex h-9 items-center gap-2 border-b border-agg-separator px-3 md:gap-10 md:px-5", children: [
-      /* @__PURE__ */ jsx101(SkeletonBlock, { className: "h-4 w-16 flex-1 rounded-agg-sm md:w-20" }),
-      /* @__PURE__ */ jsx101(SkeletonBlock, { className: "h-4 w-20 shrink-0 rounded-agg-sm md:w-[120px]" }),
-      /* @__PURE__ */ jsx101(SkeletonBlock, { className: "h-4 w-16 shrink-0 rounded-agg-sm md:w-[120px]" }),
-      /* @__PURE__ */ jsx101(SkeletonBlock, { className: "h-4 w-16 shrink-0 rounded-agg-sm md:w-[120px]" })
+  return /* @__PURE__ */ jsxs99("div", { className: cn("flex flex-col", className), children: [
+    /* @__PURE__ */ jsxs99("div", { className: "flex h-9 items-center gap-2 border-b border-agg-separator px-3 md:gap-10 md:px-5", children: [
+      /* @__PURE__ */ jsx102(SkeletonBlock, { className: "h-4 w-16 flex-1 rounded-agg-sm md:w-20" }),
+      /* @__PURE__ */ jsx102(SkeletonBlock, { className: "h-4 w-20 shrink-0 rounded-agg-sm md:w-[120px]" }),
+      /* @__PURE__ */ jsx102(SkeletonBlock, { className: "h-4 w-16 shrink-0 rounded-agg-sm md:w-[120px]" }),
+      /* @__PURE__ */ jsx102(SkeletonBlock, { className: "h-4 w-16 shrink-0 rounded-agg-sm md:w-[120px]" })
     ] }),
-    /* @__PURE__ */ jsx101(MarketDetailsOrderBookRows, { side: "ask", barScales: orderBookAskBarScales }),
-    /* @__PURE__ */ jsxs98("div", { className: "flex h-9 items-center gap-2 border-y border-agg-separator px-3 md:gap-10 md:px-5", children: [
-      /* @__PURE__ */ jsx101(SkeletonBlock, { className: "h-5 w-24 flex-1 rounded-agg-sm" }),
-      /* @__PURE__ */ jsx101(SkeletonBlock, { className: "h-5 w-20 shrink-0 rounded-agg-sm" })
+    /* @__PURE__ */ jsx102(MarketDetailsOrderBookRows, { side: "ask", barScales: orderBookAskBarScales }),
+    /* @__PURE__ */ jsxs99("div", { className: "flex h-9 items-center gap-2 border-y border-agg-separator px-3 md:gap-10 md:px-5", children: [
+      /* @__PURE__ */ jsx102(SkeletonBlock, { className: "h-5 w-24 flex-1 rounded-agg-sm" }),
+      /* @__PURE__ */ jsx102(SkeletonBlock, { className: "h-5 w-20 shrink-0 rounded-agg-sm" })
     ] }),
-    /* @__PURE__ */ jsx101(MarketDetailsOrderBookRows, { side: "bid", barScales: orderBookBidBarScales })
+    /* @__PURE__ */ jsx102(MarketDetailsOrderBookRows, { side: "bid", barScales: orderBookBidBarScales })
   ] });
 };
 var MarketDetailsSkeletonView = ({
@@ -5594,7 +5623,7 @@ var MarketDetailsSkeletonView = ({
   isDetailed
 }) => {
   const labels = useLabels6();
-  return /* @__PURE__ */ jsxs98(
+  return /* @__PURE__ */ jsxs99(
     Card,
     {
       className: cn("group/agg-skeleton", marketDetailsBaseCardClassName, className),
@@ -5602,12 +5631,12 @@ var MarketDetailsSkeletonView = ({
       "aria-label": ariaLabel != null ? ariaLabel : labels.marketDetails.loading,
       "aria-busy": true,
       children: [
-        /* @__PURE__ */ jsx101(MarketDetailsHeaderSkeleton, {}),
-        isDetailed ? /* @__PURE__ */ jsxs98(Fragment4, { children: [
-          /* @__PURE__ */ jsx101("div", { className: "h-px w-full bg-agg-separator" }),
-          /* @__PURE__ */ jsx101(MarketDetailsTabsSkeleton, {}),
-          /* @__PURE__ */ jsx101("div", { className: "h-px w-full bg-agg-separator" }),
-          /* @__PURE__ */ jsx101(MarketDetailsOderbookSkeleton, {})
+        /* @__PURE__ */ jsx102(MarketDetailsHeaderSkeleton, {}),
+        isDetailed ? /* @__PURE__ */ jsxs99(Fragment4, { children: [
+          /* @__PURE__ */ jsx102("div", { className: "h-px w-full bg-agg-separator" }),
+          /* @__PURE__ */ jsx102(MarketDetailsTabsSkeleton, {}),
+          /* @__PURE__ */ jsx102("div", { className: "h-px w-full bg-agg-separator" }),
+          /* @__PURE__ */ jsx102(MarketDetailsOderbookSkeleton, {})
         ] }) : null
       ]
     }
@@ -5616,78 +5645,78 @@ var MarketDetailsSkeletonView = ({
 MarketDetailsSkeletonView.displayName = "MarketDetailsSkeletonView";
 
 // src/primitives/skeleton/views/place-order-skeleton-view.tsx
-import { jsx as jsx102, jsxs as jsxs99 } from "react/jsx-runtime";
+import { jsx as jsx103, jsxs as jsxs100 } from "react/jsx-runtime";
 var placeOrderCardClassName = "overflow-hidden rounded-agg-xl border border-agg-border bg-agg-secondary shadow-none hover:shadow-none";
 var PlaceOrderRouteCardSkeleton = () => {
-  return /* @__PURE__ */ jsxs99("div", { className: "flex w-full items-center justify-between gap-4 rounded-agg-lg border border-agg-border bg-agg-secondary p-3", children: [
-    /* @__PURE__ */ jsxs99("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx102(SkeletonBlock, { className: "size-4 shrink-0 rounded-agg-sm" }),
-      /* @__PURE__ */ jsxs99("div", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ jsx102(SkeletonBlock, { className: "h-5 w-10 rounded-agg-sm" }),
-        /* @__PURE__ */ jsx102(SkeletonBlock, { className: "h-3 w-[91px] rounded-agg-sm" })
+  return /* @__PURE__ */ jsxs100("div", { className: "flex w-full items-center justify-between gap-4 rounded-agg-lg border border-agg-border bg-agg-secondary p-3", children: [
+    /* @__PURE__ */ jsxs100("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx103(SkeletonBlock, { className: "size-4 shrink-0 rounded-agg-sm" }),
+      /* @__PURE__ */ jsxs100("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx103(SkeletonBlock, { className: "h-5 w-10 rounded-agg-sm" }),
+        /* @__PURE__ */ jsx103(SkeletonBlock, { className: "h-3 w-[91px] rounded-agg-sm" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx102(SkeletonBlock, { className: "h-5 w-[75px] shrink-0 rounded-agg-sm" })
+    /* @__PURE__ */ jsx103(SkeletonBlock, { className: "h-5 w-[75px] shrink-0 rounded-agg-sm" })
   ] });
 };
 PlaceOrderRouteCardSkeleton.displayName = "PlaceOrderRouteCardSkeleton";
 var TabsSkeletonBar = () => {
-  return /* @__PURE__ */ jsxs99("div", { className: "flex w-full items-end border-b border-agg-border", children: [
-    /* @__PURE__ */ jsxs99("div", { className: "flex flex-col rounded-t-agg-lg", children: [
-      /* @__PURE__ */ jsx102("div", { className: "px-5 py-2", children: /* @__PURE__ */ jsx102(SkeletonBlock, { className: "h-6 w-10 rounded-agg-sm" }) }),
-      /* @__PURE__ */ jsx102(SkeletonBlock, { className: "h-[2px] w-full rounded-t-agg-sm" })
+  return /* @__PURE__ */ jsxs100("div", { className: "flex w-full items-end border-b border-agg-border", children: [
+    /* @__PURE__ */ jsxs100("div", { className: "flex flex-col rounded-t-agg-lg", children: [
+      /* @__PURE__ */ jsx103("div", { className: "px-5 py-2", children: /* @__PURE__ */ jsx103(SkeletonBlock, { className: "h-6 w-10 rounded-agg-sm" }) }),
+      /* @__PURE__ */ jsx103(SkeletonBlock, { className: "h-[2px] w-full rounded-t-agg-sm" })
     ] }),
-    /* @__PURE__ */ jsxs99("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ jsx102("div", { className: "px-5 py-2", children: /* @__PURE__ */ jsx102(SkeletonBlock, { className: "h-6 w-10 rounded-agg-sm" }) }),
-      /* @__PURE__ */ jsx102("div", { className: "h-[2px] w-full" })
+    /* @__PURE__ */ jsxs100("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ jsx103("div", { className: "px-5 py-2", children: /* @__PURE__ */ jsx103(SkeletonBlock, { className: "h-6 w-10 rounded-agg-sm" }) }),
+      /* @__PURE__ */ jsx103("div", { className: "h-[2px] w-full" })
     ] })
   ] });
 };
 var ContentBody = () => {
-  return /* @__PURE__ */ jsxs99("div", { className: cn("flex flex-col gap-6 p-5"), children: [
-    /* @__PURE__ */ jsxs99("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsxs99("div", { className: "flex min-w-0 items-center gap-3", children: [
-        /* @__PURE__ */ jsx102(SkeletonBlock, { className: "size-12 shrink-0 rounded-agg-lg" }),
-        /* @__PURE__ */ jsxs99("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
-          /* @__PURE__ */ jsx102(SkeletonBlock, { className: "h-4 w-[92%] max-w-[240px] rounded-agg-sm" }),
-          /* @__PURE__ */ jsx102(SkeletonBlock, { className: "h-4 w-[64%] max-w-[160px] rounded-agg-sm" })
+  return /* @__PURE__ */ jsxs100("div", { className: cn("flex flex-col gap-6 p-5"), children: [
+    /* @__PURE__ */ jsxs100("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxs100("div", { className: "flex min-w-0 items-center gap-3", children: [
+        /* @__PURE__ */ jsx103(SkeletonBlock, { className: "size-12 shrink-0 rounded-agg-lg" }),
+        /* @__PURE__ */ jsxs100("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
+          /* @__PURE__ */ jsx103(SkeletonBlock, { className: "h-4 w-[92%] max-w-[240px] rounded-agg-sm" }),
+          /* @__PURE__ */ jsx103(SkeletonBlock, { className: "h-4 w-[64%] max-w-[160px] rounded-agg-sm" })
         ] })
       ] }),
-      /* @__PURE__ */ jsx102(SkeletonBlock, { className: "h-6 w-[92px] rounded-agg-sm" }),
-      /* @__PURE__ */ jsx102(TabsSkeletonBar, {})
+      /* @__PURE__ */ jsx103(SkeletonBlock, { className: "h-6 w-[92px] rounded-agg-sm" }),
+      /* @__PURE__ */ jsx103(TabsSkeletonBar, {})
     ] }),
-    /* @__PURE__ */ jsxs99("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ jsxs99("div", { className: "flex w-full gap-2", children: [
-        /* @__PURE__ */ jsx102(SkeletonBlock, { className: "h-11 flex-1 rounded-agg-full" }),
-        /* @__PURE__ */ jsx102(SkeletonBlock, { className: "h-11 flex-1 rounded-agg-full" })
+    /* @__PURE__ */ jsxs100("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsxs100("div", { className: "flex w-full gap-2", children: [
+        /* @__PURE__ */ jsx103(SkeletonBlock, { className: "h-11 flex-1 rounded-agg-full" }),
+        /* @__PURE__ */ jsx103(SkeletonBlock, { className: "h-11 flex-1 rounded-agg-full" })
       ] }),
-      /* @__PURE__ */ jsxs99("div", { className: "flex items-center justify-between gap-4", children: [
-        /* @__PURE__ */ jsxs99("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsx102(SkeletonBlock, { className: "h-5 w-[63px] rounded-agg-sm" }),
-          /* @__PURE__ */ jsx102(SkeletonBlock, { className: "h-4 w-[118px] rounded-agg-sm" })
+      /* @__PURE__ */ jsxs100("div", { className: "flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ jsxs100("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx103(SkeletonBlock, { className: "h-5 w-[63px] rounded-agg-sm" }),
+          /* @__PURE__ */ jsx103(SkeletonBlock, { className: "h-4 w-[118px] rounded-agg-sm" })
         ] }),
-        /* @__PURE__ */ jsx102("p", { className: cn("text-agg-3xl font-agg-bold leading-agg-9 text-agg-separator"), children: "$0" })
+        /* @__PURE__ */ jsx103("p", { className: cn("text-agg-3xl font-agg-bold leading-agg-9 text-agg-separator"), children: "$0" })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs99("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ jsx102(SkeletonBlock, { className: "h-12 w-full rounded-agg-full" }),
-      /* @__PURE__ */ jsx102(SkeletonBlock, { className: "h-3.5 w-full max-w-[120px] self-center rounded-agg-sm" })
+    /* @__PURE__ */ jsxs100("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsx103(SkeletonBlock, { className: "h-12 w-full rounded-agg-full" }),
+      /* @__PURE__ */ jsx103(SkeletonBlock, { className: "h-3.5 w-full max-w-[120px] self-center rounded-agg-sm" })
     ] }),
-    /* @__PURE__ */ jsx102(SkeletonBlock, { className: "h-4 w-full max-w-[200px] self-center rounded-agg-sm" })
+    /* @__PURE__ */ jsx103(SkeletonBlock, { className: "h-4 w-full max-w-[200px] self-center rounded-agg-sm" })
   ] });
 };
 var PlaceOrderSkeletonView = ({
   className,
   ariaLabel
 }) => {
-  return /* @__PURE__ */ jsx102(
+  return /* @__PURE__ */ jsx103(
     "div",
     {
       className: cn("group/agg-skeleton", "w-full", className),
       role: "status",
       "aria-label": ariaLabel != null ? ariaLabel : "Loading place order",
       "aria-busy": true,
-      children: /* @__PURE__ */ jsx102(Card, { className: cn(placeOrderCardClassName, "w-full max-w-[342px]"), children: /* @__PURE__ */ jsx102(ContentBody, {}) })
+      children: /* @__PURE__ */ jsx103(Card, { className: cn(placeOrderCardClassName, "w-full max-w-[342px]"), children: /* @__PURE__ */ jsx103(ContentBody, {}) })
     }
   );
 };
@@ -5695,33 +5724,33 @@ PlaceOrderSkeletonView.displayName = "PlaceOrderSkeletonView";
 
 // src/primitives/skeleton/views/search-skeleton-view.tsx
 import { useLabels as useLabels7 } from "@agg-build/hooks";
-import { jsx as jsx103, jsxs as jsxs100 } from "react/jsx-runtime";
+import { jsx as jsx104, jsxs as jsxs101 } from "react/jsx-runtime";
 var SearchSkeletonRow = () => {
-  return /* @__PURE__ */ jsxs100("div", { className: "flex w-full items-center gap-6 px-5 py-4", children: [
-    /* @__PURE__ */ jsx103(SkeletonBlock, { className: "size-12 shrink-0 rounded-agg-lg" }),
-    /* @__PURE__ */ jsxs100("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
-      /* @__PURE__ */ jsx103(SkeletonBlock, { className: "h-5 w-full max-w-[320px] rounded-agg-sm" }),
-      /* @__PURE__ */ jsxs100("div", { className: "flex min-w-0 items-center gap-2", children: [
-        /* @__PURE__ */ jsx103(SkeletonBlock, { className: "h-4 w-[104px] rounded-agg-sm" }),
-        /* @__PURE__ */ jsxs100("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx103(SkeletonBlock, { className: "size-[14px] rounded-[4px]" }),
-          /* @__PURE__ */ jsx103(SkeletonBlock, { className: "size-[14px] rounded-[4px]" })
+  return /* @__PURE__ */ jsxs101("div", { className: "flex w-full items-center gap-6 px-5 py-4", children: [
+    /* @__PURE__ */ jsx104(SkeletonBlock, { className: "size-12 shrink-0 rounded-agg-lg" }),
+    /* @__PURE__ */ jsxs101("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
+      /* @__PURE__ */ jsx104(SkeletonBlock, { className: "h-5 w-full max-w-[320px] rounded-agg-sm" }),
+      /* @__PURE__ */ jsxs101("div", { className: "flex min-w-0 items-center gap-2", children: [
+        /* @__PURE__ */ jsx104(SkeletonBlock, { className: "h-4 w-[104px] rounded-agg-sm" }),
+        /* @__PURE__ */ jsxs101("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx104(SkeletonBlock, { className: "size-[14px] rounded-[4px]" }),
+          /* @__PURE__ */ jsx104(SkeletonBlock, { className: "size-[14px] rounded-[4px]" })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs100("div", { className: "flex w-auto min-w-0 shrink items-center gap-2 sm:w-[200px] sm:shrink-0", children: [
-      /* @__PURE__ */ jsx103(SkeletonBlock, { className: "size-4 rounded-[4px]" }),
-      /* @__PURE__ */ jsxs100("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-        /* @__PURE__ */ jsx103(SkeletonBlock, { className: "h-6 w-10 rounded-agg-sm" }),
-        /* @__PURE__ */ jsx103(SkeletonBlock, { className: "hidden h-4 w-[60px] rounded-agg-sm sm:block" })
+    /* @__PURE__ */ jsxs101("div", { className: "flex w-auto min-w-0 shrink items-center gap-2 sm:w-[200px] sm:shrink-0", children: [
+      /* @__PURE__ */ jsx104(SkeletonBlock, { className: "size-4 rounded-[4px]" }),
+      /* @__PURE__ */ jsxs101("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+        /* @__PURE__ */ jsx104(SkeletonBlock, { className: "h-6 w-10 rounded-agg-sm" }),
+        /* @__PURE__ */ jsx104(SkeletonBlock, { className: "hidden h-4 w-[60px] rounded-agg-sm sm:block" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx103(SkeletonBlock, { className: "hidden size-5 rounded-[4px] sm:block" })
+    /* @__PURE__ */ jsx104(SkeletonBlock, { className: "hidden size-5 rounded-[4px] sm:block" })
   ] });
 };
 var SearchSkeletonView = ({ className, ariaLabel }) => {
   const labels = useLabels7();
-  return /* @__PURE__ */ jsxs100(
+  return /* @__PURE__ */ jsxs101(
     "div",
     {
       className: cn(
@@ -5733,8 +5762,8 @@ var SearchSkeletonView = ({ className, ariaLabel }) => {
       "aria-label": ariaLabel != null ? ariaLabel : labels.search.loadingResults,
       "aria-busy": true,
       children: [
-        /* @__PURE__ */ jsx103("div", { className: "pt-2", children: Array.from({ length: 4 }).map((_, index) => /* @__PURE__ */ jsx103("div", { className: cn(index > 0 && "border-t border-agg-separator"), children: /* @__PURE__ */ jsx103(SearchSkeletonRow, {}) }, index)) }),
-        /* @__PURE__ */ jsx103("div", { className: "border-t border-agg-separator px-5 py-5", children: /* @__PURE__ */ jsx103(SkeletonBlock, { className: "h-5 w-[116px] rounded-agg-sm" }) })
+        /* @__PURE__ */ jsx104("div", { className: "pt-2", children: Array.from({ length: 4 }).map((_, index) => /* @__PURE__ */ jsx104("div", { className: cn(index > 0 && "border-t border-agg-separator"), children: /* @__PURE__ */ jsx104(SearchSkeletonRow, {}) }, index)) }),
+        /* @__PURE__ */ jsx104("div", { className: "border-t border-agg-separator px-5 py-5", children: /* @__PURE__ */ jsx104(SkeletonBlock, { className: "h-5 w-[116px] rounded-agg-sm" }) })
       ]
     }
   );
@@ -5743,13 +5772,13 @@ SearchSkeletonView.displayName = "SearchSkeletonView";
 
 // src/primitives/skeleton/views/settlement-skeleton-view.tsx
 import { useLabels as useLabels8 } from "@agg-build/hooks";
-import { jsx as jsx104, jsxs as jsxs101 } from "react/jsx-runtime";
+import { jsx as jsx105, jsxs as jsxs102 } from "react/jsx-runtime";
 var SettlementSkeletonView = ({
   className,
   ariaLabel
 }) => {
   const labels = useLabels8();
-  return /* @__PURE__ */ jsxs101(
+  return /* @__PURE__ */ jsxs102(
     Card,
     {
       className: cn(
@@ -5761,26 +5790,26 @@ var SettlementSkeletonView = ({
       "aria-label": ariaLabel != null ? ariaLabel : labels.trading.settlementLoading,
       "aria-busy": true,
       children: [
-        /* @__PURE__ */ jsxs101("div", { className: "flex w-full items-center justify-between gap-4", children: [
-          /* @__PURE__ */ jsx104(SkeletonBlock, { className: "h-4 w-[81px] rounded-agg-sm" }),
-          /* @__PURE__ */ jsx104(SkeletonBlock, { className: "h-5 w-full max-w-[240px] rounded-agg-sm" })
+        /* @__PURE__ */ jsxs102("div", { className: "flex w-full items-center justify-between gap-4", children: [
+          /* @__PURE__ */ jsx105(SkeletonBlock, { className: "h-4 w-[81px] rounded-agg-sm" }),
+          /* @__PURE__ */ jsx105(SkeletonBlock, { className: "h-5 w-full max-w-[240px] rounded-agg-sm" })
         ] }),
-        /* @__PURE__ */ jsxs101("div", { className: "flex w-full flex-col gap-3", children: [
-          /* @__PURE__ */ jsx104(SkeletonBlock, { className: "h-5 w-[200px] rounded-agg-sm" }),
-          /* @__PURE__ */ jsxs101("div", { className: "flex flex-col gap-2", children: [
-            /* @__PURE__ */ jsx104(SkeletonBlock, { className: "h-4 w-full max-w-[320px] rounded-agg-sm" }),
-            /* @__PURE__ */ jsx104(SkeletonBlock, { className: "h-4 w-full max-w-[280px] rounded-agg-sm" })
+        /* @__PURE__ */ jsxs102("div", { className: "flex w-full flex-col gap-3", children: [
+          /* @__PURE__ */ jsx105(SkeletonBlock, { className: "h-5 w-[200px] rounded-agg-sm" }),
+          /* @__PURE__ */ jsxs102("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsx105(SkeletonBlock, { className: "h-4 w-full max-w-[320px] rounded-agg-sm" }),
+            /* @__PURE__ */ jsx105(SkeletonBlock, { className: "h-4 w-full max-w-[280px] rounded-agg-sm" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx104("div", { className: "h-px w-full bg-agg-separator" }),
-        /* @__PURE__ */ jsxs101("div", { className: "flex w-full flex-col gap-3", children: [
-          /* @__PURE__ */ jsxs101("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx104(SkeletonBlock, { className: "size-4 rounded-agg-sm" }),
-            /* @__PURE__ */ jsx104(SkeletonBlock, { className: "h-5 w-[100px] rounded-agg-sm" })
+        /* @__PURE__ */ jsx105("div", { className: "h-px w-full bg-agg-separator" }),
+        /* @__PURE__ */ jsxs102("div", { className: "flex w-full flex-col gap-3", children: [
+          /* @__PURE__ */ jsxs102("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx105(SkeletonBlock, { className: "size-4 rounded-agg-sm" }),
+            /* @__PURE__ */ jsx105(SkeletonBlock, { className: "h-5 w-[100px] rounded-agg-sm" })
           ] }),
-          /* @__PURE__ */ jsxs101("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx104(SkeletonBlock, { className: "size-4 rounded-agg-sm" }),
-            /* @__PURE__ */ jsx104(SkeletonBlock, { className: "h-5 w-[60px] rounded-agg-sm" })
+          /* @__PURE__ */ jsxs102("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx105(SkeletonBlock, { className: "size-4 rounded-agg-sm" }),
+            /* @__PURE__ */ jsx105(SkeletonBlock, { className: "h-5 w-[60px] rounded-agg-sm" })
           ] })
         ] })
       ]
@@ -5790,12 +5819,12 @@ var SettlementSkeletonView = ({
 SettlementSkeletonView.displayName = "SettlementSkeletonView";
 
 // src/primitives/skeleton/views/user-profile-overview-skeleton-view.tsx
-import { jsx as jsx105, jsxs as jsxs102 } from "react/jsx-runtime";
+import { jsx as jsx106, jsxs as jsxs103 } from "react/jsx-runtime";
 var UserProfileOverviewSkeletonView = ({
   className,
   ariaLabel
 }) => {
-  return /* @__PURE__ */ jsxs102(
+  return /* @__PURE__ */ jsxs103(
     "div",
     {
       className: cn("flex w-full flex-col gap-6 sm:flex-row", className),
@@ -5803,49 +5832,49 @@ var UserProfileOverviewSkeletonView = ({
       "aria-label": ariaLabel != null ? ariaLabel : "Loading profile overview",
       "aria-busy": "true",
       children: [
-        /* @__PURE__ */ jsxs102("div", { className: "flex min-w-0 flex-1 flex-col gap-4 sm:gap-6", children: [
-          /* @__PURE__ */ jsx105("div", { className: "rounded-agg-md border border-agg-separator bg-agg-secondary p-5", children: /* @__PURE__ */ jsxs102("div", { className: "flex w-full items-center gap-5", children: [
-            /* @__PURE__ */ jsx105(SkeletonBlock, { className: "h-20 w-20 shrink-0 rounded-agg-full sm:h-[120px] sm:w-[120px]" }),
-            /* @__PURE__ */ jsxs102("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
-              /* @__PURE__ */ jsxs102("div", { className: "flex items-center justify-between gap-3", children: [
-                /* @__PURE__ */ jsx105(SkeletonBlock, { className: "h-9 w-[140px] rounded-agg-sm" }),
-                /* @__PURE__ */ jsx105(SkeletonBlock, { className: "h-6 w-[72px] rounded-agg-sm" })
+        /* @__PURE__ */ jsxs103("div", { className: "flex min-w-0 flex-1 flex-col gap-4 sm:gap-6", children: [
+          /* @__PURE__ */ jsx106("div", { className: "rounded-agg-md border border-agg-separator bg-agg-secondary p-5", children: /* @__PURE__ */ jsxs103("div", { className: "flex w-full items-center gap-5", children: [
+            /* @__PURE__ */ jsx106(SkeletonBlock, { className: "h-20 w-20 shrink-0 rounded-agg-full sm:h-[120px] sm:w-[120px]" }),
+            /* @__PURE__ */ jsxs103("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
+              /* @__PURE__ */ jsxs103("div", { className: "flex items-center justify-between gap-3", children: [
+                /* @__PURE__ */ jsx106(SkeletonBlock, { className: "h-9 w-[140px] rounded-agg-sm" }),
+                /* @__PURE__ */ jsx106(SkeletonBlock, { className: "h-6 w-[72px] rounded-agg-sm" })
               ] }),
-              /* @__PURE__ */ jsxs102("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx105(SkeletonBlock, { className: "h-5 w-5 rounded-agg-sm" }),
-                /* @__PURE__ */ jsx105(SkeletonBlock, { className: "h-6 w-[140px] rounded-agg-sm" }),
-                /* @__PURE__ */ jsx105(SkeletonBlock, { className: "h-5 w-[72px] rounded-agg-sm" })
+              /* @__PURE__ */ jsxs103("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx106(SkeletonBlock, { className: "h-5 w-5 rounded-agg-sm" }),
+                /* @__PURE__ */ jsx106(SkeletonBlock, { className: "h-6 w-[140px] rounded-agg-sm" }),
+                /* @__PURE__ */ jsx106(SkeletonBlock, { className: "h-5 w-[72px] rounded-agg-sm" })
               ] })
             ] })
           ] }) }),
-          /* @__PURE__ */ jsx105("div", { className: "rounded-agg-md border border-agg-separator bg-agg-secondary p-5", children: /* @__PURE__ */ jsxs102("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ jsxs102("div", { className: "flex items-end gap-3", children: [
-              /* @__PURE__ */ jsx105(SkeletonBlock, { className: "h-9 w-[80px] rounded-agg-sm" }),
-              /* @__PURE__ */ jsx105(SkeletonBlock, { className: "h-5 w-[100px] rounded-agg-sm" })
+          /* @__PURE__ */ jsx106("div", { className: "rounded-agg-md border border-agg-separator bg-agg-secondary p-5", children: /* @__PURE__ */ jsxs103("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxs103("div", { className: "flex items-end gap-3", children: [
+              /* @__PURE__ */ jsx106(SkeletonBlock, { className: "h-9 w-[80px] rounded-agg-sm" }),
+              /* @__PURE__ */ jsx106(SkeletonBlock, { className: "h-5 w-[100px] rounded-agg-sm" })
             ] }),
-            /* @__PURE__ */ jsxs102("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx105(SkeletonBlock, { className: "h-5 w-5 rounded-agg-sm" }),
-              /* @__PURE__ */ jsx105(SkeletonBlock, { className: "h-5 w-5 rounded-agg-sm" }),
-              /* @__PURE__ */ jsx105(SkeletonBlock, { className: "h-5 w-5 rounded-agg-sm" }),
-              /* @__PURE__ */ jsx105(SkeletonBlock, { className: "h-5 w-5 rounded-agg-sm" })
+            /* @__PURE__ */ jsxs103("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx106(SkeletonBlock, { className: "h-5 w-5 rounded-agg-sm" }),
+              /* @__PURE__ */ jsx106(SkeletonBlock, { className: "h-5 w-5 rounded-agg-sm" }),
+              /* @__PURE__ */ jsx106(SkeletonBlock, { className: "h-5 w-5 rounded-agg-sm" }),
+              /* @__PURE__ */ jsx106(SkeletonBlock, { className: "h-5 w-5 rounded-agg-sm" })
             ] })
           ] }) })
         ] }),
-        /* @__PURE__ */ jsxs102("div", { className: "w-full shrink-0 rounded-agg-md border border-agg-separator bg-agg-secondary p-5 sm:w-full md:w-[465px]", children: [
-          /* @__PURE__ */ jsxs102("div", { className: "mb-4 flex items-center justify-between", children: [
-            /* @__PURE__ */ jsx105(SkeletonBlock, { className: "h-7 w-[84px] rounded-agg-sm" }),
-            /* @__PURE__ */ jsx105(SkeletonBlock, { className: "h-7 w-[64px] rounded-agg-sm" })
+        /* @__PURE__ */ jsxs103("div", { className: "w-full shrink-0 rounded-agg-md border border-agg-separator bg-agg-secondary p-5 sm:w-full md:w-[465px]", children: [
+          /* @__PURE__ */ jsxs103("div", { className: "mb-4 flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx106(SkeletonBlock, { className: "h-7 w-[84px] rounded-agg-sm" }),
+            /* @__PURE__ */ jsx106(SkeletonBlock, { className: "h-7 w-[64px] rounded-agg-sm" })
           ] }),
-          /* @__PURE__ */ jsx105("div", { className: "flex flex-col gap-4", children: Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ jsxs102("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ jsxs102("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsx105(SkeletonBlock, { className: "h-4 w-4 rounded-agg-sm" }),
-              /* @__PURE__ */ jsx105(SkeletonBlock, { className: "h-6 w-[70px] rounded-agg-sm" })
+          /* @__PURE__ */ jsx106("div", { className: "flex flex-col gap-4", children: Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ jsxs103("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxs103("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsx106(SkeletonBlock, { className: "h-4 w-4 rounded-agg-sm" }),
+              /* @__PURE__ */ jsx106(SkeletonBlock, { className: "h-6 w-[70px] rounded-agg-sm" })
             ] }),
-            /* @__PURE__ */ jsx105(SkeletonBlock, { className: "h-6 w-[96px] rounded-agg-sm" })
+            /* @__PURE__ */ jsx106(SkeletonBlock, { className: "h-6 w-[96px] rounded-agg-sm" })
           ] }, index)) }),
-          /* @__PURE__ */ jsxs102("div", { className: "mt-4 flex gap-3", children: [
-            /* @__PURE__ */ jsx105(SkeletonBlock, { className: "h-9 flex-1 rounded-agg-full" }),
-            /* @__PURE__ */ jsx105(SkeletonBlock, { className: "h-9 flex-1 rounded-agg-full" })
+          /* @__PURE__ */ jsxs103("div", { className: "mt-4 flex gap-3", children: [
+            /* @__PURE__ */ jsx106(SkeletonBlock, { className: "h-9 flex-1 rounded-agg-full" }),
+            /* @__PURE__ */ jsx106(SkeletonBlock, { className: "h-9 flex-1 rounded-agg-full" })
           ] })
         ] })
       ]
@@ -5855,12 +5884,12 @@ var UserProfileOverviewSkeletonView = ({
 UserProfileOverviewSkeletonView.displayName = "UserProfileOverviewSkeletonView";
 
 // src/primitives/skeleton/views/user-profile-positions-activity-skeleton-view.tsx
-import { jsx as jsx106, jsxs as jsxs103 } from "react/jsx-runtime";
+import { jsx as jsx107, jsxs as jsxs104 } from "react/jsx-runtime";
 var UserProfilePositionsActivitySkeletonView = ({
   className,
   ariaLabel
 }) => {
-  return /* @__PURE__ */ jsxs103(
+  return /* @__PURE__ */ jsxs104(
     "div",
     {
       className: cn(
@@ -5871,18 +5900,18 @@ var UserProfilePositionsActivitySkeletonView = ({
       "aria-label": ariaLabel != null ? ariaLabel : "Loading positions and activity",
       "aria-busy": "true",
       children: [
-        /* @__PURE__ */ jsx106("div", { className: "h-11 border-b border-agg-separator px-4 sm:h-12 sm:px-6", children: /* @__PURE__ */ jsxs103("div", { className: "flex h-full items-center gap-6", children: [
-          /* @__PURE__ */ jsx106(SkeletonBlock, { className: "h-6 w-[72px] rounded-agg-sm" }),
-          /* @__PURE__ */ jsx106(SkeletonBlock, { className: "h-6 w-[64px] rounded-agg-sm" })
+        /* @__PURE__ */ jsx107("div", { className: "h-11 border-b border-agg-separator px-4 sm:h-12 sm:px-6", children: /* @__PURE__ */ jsxs104("div", { className: "flex h-full items-center gap-6", children: [
+          /* @__PURE__ */ jsx107(SkeletonBlock, { className: "h-6 w-[72px] rounded-agg-sm" }),
+          /* @__PURE__ */ jsx107(SkeletonBlock, { className: "h-6 w-[64px] rounded-agg-sm" })
         ] }) }),
-        /* @__PURE__ */ jsxs103("div", { className: "flex flex-col gap-4 p-4 sm:gap-6 sm:p-6", children: [
-          /* @__PURE__ */ jsxs103("div", { className: "flex gap-5", children: [
-            /* @__PURE__ */ jsx106(SkeletonBlock, { className: "h-10 w-[270px] rounded-agg-sm" }),
-            /* @__PURE__ */ jsx106(SkeletonBlock, { className: "h-10 min-w-0 flex-1 rounded-agg-sm" })
+        /* @__PURE__ */ jsxs104("div", { className: "flex flex-col gap-4 p-4 sm:gap-6 sm:p-6", children: [
+          /* @__PURE__ */ jsxs104("div", { className: "flex gap-5", children: [
+            /* @__PURE__ */ jsx107(SkeletonBlock, { className: "h-10 w-[270px] rounded-agg-sm" }),
+            /* @__PURE__ */ jsx107(SkeletonBlock, { className: "h-10 min-w-0 flex-1 rounded-agg-sm" })
           ] }),
-          /* @__PURE__ */ jsx106("div", { className: "flex flex-col gap-3 sm:gap-4", children: Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ jsxs103("div", { className: "flex items-center gap-5", children: [
-            /* @__PURE__ */ jsx106(SkeletonBlock, { className: "h-10 w-[270px] rounded-agg-sm" }),
-            /* @__PURE__ */ jsx106(SkeletonBlock, { className: "h-10 min-w-0 flex-1 rounded-agg-sm" })
+          /* @__PURE__ */ jsx107("div", { className: "flex flex-col gap-3 sm:gap-4", children: Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ jsxs104("div", { className: "flex items-center gap-5", children: [
+            /* @__PURE__ */ jsx107(SkeletonBlock, { className: "h-10 w-[270px] rounded-agg-sm" }),
+            /* @__PURE__ */ jsx107(SkeletonBlock, { className: "h-10 min-w-0 flex-1 rounded-agg-sm" })
           ] }, index)) })
         ] })
       ]
@@ -5922,7 +5951,7 @@ var resolveSkeletonView = (view) => {
 };
 
 // src/primitives/skeleton/index.tsx
-import { jsx as jsx107 } from "react/jsx-runtime";
+import { jsx as jsx108 } from "react/jsx-runtime";
 var Skeleton = ({
   view,
   className,
@@ -5931,33 +5960,33 @@ var Skeleton = ({
 }) => {
   const resolvedView = resolveSkeletonView(view);
   if (resolvedView === skeletonViews.eventListItem) {
-    return /* @__PURE__ */ jsx107(EventListItemSkeletonView, { className, ariaLabel, isStandalone: true });
+    return /* @__PURE__ */ jsx108(EventListItemSkeletonView, { className, ariaLabel, isStandalone: true });
   }
   if (resolvedView === skeletonViews.eventListItemDetails) {
-    return /* @__PURE__ */ jsx107(EventListItemDetailsSkeletonView, { className, ariaLabel });
+    return /* @__PURE__ */ jsx108(EventListItemDetailsSkeletonView, { className, ariaLabel });
   }
   if (resolvedView === skeletonViews.marketDetailsMinified) {
-    return /* @__PURE__ */ jsx107(MarketDetailsSkeletonView, { className, ariaLabel, isDetailed: false });
+    return /* @__PURE__ */ jsx108(MarketDetailsSkeletonView, { className, ariaLabel, isDetailed: false });
   }
   if (resolvedView === skeletonViews.marketDetailsDetailed) {
-    return /* @__PURE__ */ jsx107(MarketDetailsSkeletonView, { className, ariaLabel, isDetailed: true });
+    return /* @__PURE__ */ jsx108(MarketDetailsSkeletonView, { className, ariaLabel, isDetailed: true });
   }
   if (resolvedView === skeletonViews.settlement) {
-    return /* @__PURE__ */ jsx107(SettlementSkeletonView, { className, ariaLabel });
+    return /* @__PURE__ */ jsx108(SettlementSkeletonView, { className, ariaLabel });
   }
   if (resolvedView === skeletonViews.placeOrder) {
-    return /* @__PURE__ */ jsx107(PlaceOrderSkeletonView, { className, ariaLabel });
+    return /* @__PURE__ */ jsx108(PlaceOrderSkeletonView, { className, ariaLabel });
   }
   if (resolvedView === skeletonViews.search) {
-    return /* @__PURE__ */ jsx107(SearchSkeletonView, { className, ariaLabel });
+    return /* @__PURE__ */ jsx108(SearchSkeletonView, { className, ariaLabel });
   }
   if (resolvedView === skeletonViews.userProfileOverview) {
-    return /* @__PURE__ */ jsx107(UserProfileOverviewSkeletonView, { className, ariaLabel });
+    return /* @__PURE__ */ jsx108(UserProfileOverviewSkeletonView, { className, ariaLabel });
   }
   if (resolvedView === skeletonViews.userProfilePositionsActivity) {
-    return /* @__PURE__ */ jsx107(UserProfilePositionsActivitySkeletonView, { className, ariaLabel });
+    return /* @__PURE__ */ jsx108(UserProfilePositionsActivitySkeletonView, { className, ariaLabel });
   }
-  return /* @__PURE__ */ jsx107(EventListSkeletonView, { className, ariaLabel, withSidebar });
+  return /* @__PURE__ */ jsx108(EventListSkeletonView, { className, ariaLabel, withSidebar });
 };
 Skeleton.displayName = "Skeleton";
 
@@ -5980,7 +6009,7 @@ var resolveLogoPrimaryColor = ({
 };
 
 // src/primitives/venue-logo/svg/default-venue.tsx
-import { jsx as jsx108, jsxs as jsxs104 } from "react/jsx-runtime";
+import { jsx as jsx109, jsxs as jsxs105 } from "react/jsx-runtime";
 var DefaultVenueIcon = (_a) => {
   var _b = _a, {
     title: title2,
@@ -5998,7 +6027,7 @@ var DefaultVenueIcon = (_a) => {
     isColor,
     color
   });
-  return /* @__PURE__ */ jsxs104(
+  return /* @__PURE__ */ jsxs105(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 100 100",
@@ -6006,9 +6035,9 @@ var DefaultVenueIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx108("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx108("circle", { cx: "50", cy: "50", r: "45", stroke: primaryColor, strokeWidth: "6", fill: "none" }),
-        /* @__PURE__ */ jsx108("circle", { cx: "50", cy: "50", r: "8", fill: primaryColor })
+        title2 ? /* @__PURE__ */ jsx109("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx109("circle", { cx: "50", cy: "50", r: "45", stroke: primaryColor, strokeWidth: "6", fill: "none" }),
+        /* @__PURE__ */ jsx109("circle", { cx: "50", cy: "50", r: "8", fill: primaryColor })
       ]
     })
   );
@@ -6017,7 +6046,7 @@ var DefaultVenueIcon = (_a) => {
 // src/primitives/venue-logo/svg/logo-hyperliquid.tsx
 import { useAggUiConfig } from "@agg-build/hooks";
 import { Venue } from "@agg-build/sdk";
-import { jsx as jsx109, jsxs as jsxs105 } from "react/jsx-runtime";
+import { jsx as jsx110, jsxs as jsxs106 } from "react/jsx-runtime";
 var LogoHyperliquidIcon = (_a) => {
   var _b = _a, {
     title: title2,
@@ -6040,7 +6069,7 @@ var LogoHyperliquidIcon = (_a) => {
     isColor,
     color
   });
-  return /* @__PURE__ */ jsxs105(
+  return /* @__PURE__ */ jsxs106(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 100 100",
@@ -6048,8 +6077,8 @@ var LogoHyperliquidIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx109("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx109(
+        title2 ? /* @__PURE__ */ jsx110("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx110(
           "path",
           {
             d: "M82 49.2724C82 70.431 69.0516 77.2204 62.2292 71.175C56.6135 66.2457 54.9427 55.8293 46.496 54.7597C35.7752 53.4112 34.847 67.6875 27.7926 67.6875C19.578 67.6875 18 55.7363 18 49.5979C18 43.3201 19.7636 34.7636 26.7716 34.7636C34.9398 34.7636 35.4039 46.9938 45.6142 46.3427C55.7781 45.6452 55.9637 32.9034 62.5542 27.4626C68.3089 22.7658 82 27.8346 82 49.2724Z",
@@ -6065,7 +6094,7 @@ LogoHyperliquidIcon.displayName = "LogoHyperliquidIcon";
 // src/primitives/venue-logo/svg/logo-kalshi.tsx
 import { useAggUiConfig as useAggUiConfig2 } from "@agg-build/hooks";
 import { Venue as Venue2 } from "@agg-build/sdk";
-import { jsx as jsx110, jsxs as jsxs106 } from "react/jsx-runtime";
+import { jsx as jsx111, jsxs as jsxs107 } from "react/jsx-runtime";
 var LogoKalshiIcon = (_a) => {
   var _b = _a, {
     title: title2,
@@ -6088,7 +6117,7 @@ var LogoKalshiIcon = (_a) => {
     isColor,
     color
   });
-  return /* @__PURE__ */ jsxs106(
+  return /* @__PURE__ */ jsxs107(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 100 100",
@@ -6096,8 +6125,8 @@ var LogoKalshiIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx110("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx110(
+        title2 ? /* @__PURE__ */ jsx111("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx111(
           "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",
@@ -6113,7 +6142,7 @@ LogoKalshiIcon.displayName = "LogoKalshiIcon";
 // src/primitives/venue-logo/svg/logo-limitless.tsx
 import { useAggUiConfig as useAggUiConfig3 } from "@agg-build/hooks";
 import { Venue as Venue3 } from "@agg-build/sdk";
-import { jsx as jsx111, jsxs as jsxs107 } from "react/jsx-runtime";
+import { jsx as jsx112, jsxs as jsxs108 } from "react/jsx-runtime";
 var LogoLimitlessIcon = (_a) => {
   var _b = _a, {
     title: title2,
@@ -6136,7 +6165,7 @@ var LogoLimitlessIcon = (_a) => {
     isColor,
     color
   });
-  return /* @__PURE__ */ jsxs107(
+  return /* @__PURE__ */ jsxs108(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 100 100",
@@ -6144,8 +6173,8 @@ var LogoLimitlessIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx111("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx111(
+        title2 ? /* @__PURE__ */ jsx112("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx112(
           "path",
           {
             d: "M78.2762 44.4662H67.7966L81.9152 30.0554L82 29.9706L76.8528 24.8176H62.8524V21.6803C62.8524 19.6513 61.2036 18 59.1777 18H44.1555C42.1297 18 40.4809 19.6513 40.4809 21.6803V48.171H21.7238C19.6979 48.171 18.0491 49.8223 18.0491 51.8512C18.0491 53.8804 19.6979 55.5317 21.7238 55.5317H32.2034L18.0848 69.9379L18 70.0227L23.145 75.1755H37.1476V78.3195C37.1476 80.3487 38.7964 82 40.8222 82H55.8444C57.8703 82 59.5191 80.3487 59.5191 78.3195V51.8267H78.2762C80.3021 51.8267 81.9509 50.1754 81.9509 48.1464C81.9509 46.1175 80.3021 44.4662 78.2762 44.4662ZM57.9886 78.3173C57.9886 79.5018 57.0269 80.4647 55.8444 80.4647C54.6619 80.4647 53.7003 79.5018 53.7003 78.3173V57.2411L38.2096 73.0506L35.1752 70.0137L50.8712 54.0009H36.7459C35.5634 54.0009 34.6018 53.0377 34.6018 51.8535C34.6018 50.6692 35.5634 49.7038 36.7459 49.7038H54.8204C56.5673 49.7038 57.9886 51.1273 57.9886 52.8769V78.3195V78.3173ZM78.2762 50.2938H60.2018C58.4549 50.2938 57.0336 48.8704 57.0336 47.1208V21.6781C57.0336 20.4938 57.9953 19.5307 59.1777 19.5307C60.3602 19.5307 61.3241 20.4938 61.3241 21.6781V42.7544L76.8126 26.9403L79.847 29.9772L64.1509 45.9968H78.2762C79.4587 45.9968 80.4204 46.9599 80.4204 48.1442C80.4204 49.3285 79.4587 50.2916 78.2762 50.2916V50.2938Z",
@@ -6161,7 +6190,7 @@ LogoLimitlessIcon.displayName = "LogoLimitlessIcon";
 // src/primitives/venue-logo/svg/logo-myriad.tsx
 import { useAggUiConfig as useAggUiConfig4 } from "@agg-build/hooks";
 import { Venue as Venue4 } from "@agg-build/sdk";
-import { jsx as jsx112, jsxs as jsxs108 } from "react/jsx-runtime";
+import { jsx as jsx113, jsxs as jsxs109 } from "react/jsx-runtime";
 var LogoMyriadIcon = (_a) => {
   var _b = _a, {
     title: title2,
@@ -6184,7 +6213,7 @@ var LogoMyriadIcon = (_a) => {
     isColor,
     color
   });
-  return /* @__PURE__ */ jsxs108(
+  return /* @__PURE__ */ jsxs109(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 100 100",
@@ -6192,8 +6221,8 @@ var LogoMyriadIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx112("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx112(
+        title2 ? /* @__PURE__ */ jsx113("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx113(
           "path",
           {
             d: "M24.356 52.5901C24.1479 52.8348 24.0342 53.1458 24.0352 53.467L24.0394 64.9354V68.672H44.3882V58.5767H32.5776L55.2898 31.713C55.4979 31.4683 55.6116 31.1573 55.6107 30.8361V19.3656C55.6107 18.093 54.0108 17.5155 53.1874 18.4887L24.356 52.5901ZM75.9594 31.3259V35.0646L75.9637 46.533C75.9637 46.8538 75.8504 47.1639 75.6429 47.4099L46.8137 81.5113C45.9902 82.4845 44.3925 81.907 44.3925 80.6344V69.1617C44.3925 68.8409 44.5059 68.5329 44.7133 68.287L67.4234 41.4233H55.6128V31.328L75.9594 31.3259Z",
@@ -6209,7 +6238,7 @@ LogoMyriadIcon.displayName = "LogoMyriadIcon";
 // src/primitives/venue-logo/svg/logo-opinion.tsx
 import { useAggUiConfig as useAggUiConfig5 } from "@agg-build/hooks";
 import { Venue as Venue5 } from "@agg-build/sdk";
-import { jsx as jsx113, jsxs as jsxs109 } from "react/jsx-runtime";
+import { jsx as jsx114, jsxs as jsxs110 } from "react/jsx-runtime";
 var LogoOpinionIcon = (_a) => {
   var _b = _a, {
     title: title2,
@@ -6232,7 +6261,7 @@ var LogoOpinionIcon = (_a) => {
     isColor,
     color
   });
-  return /* @__PURE__ */ jsxs109(
+  return /* @__PURE__ */ jsxs110(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 100 100",
@@ -6240,8 +6269,8 @@ var LogoOpinionIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx113("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx113(
+        title2 ? /* @__PURE__ */ jsx114("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx114(
           "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",
@@ -6257,7 +6286,7 @@ LogoOpinionIcon.displayName = "LogoOpinionIcon";
 // src/primitives/venue-logo/svg/logo-polymarket.tsx
 import { useAggUiConfig as useAggUiConfig6 } from "@agg-build/hooks";
 import { Venue as Venue6 } from "@agg-build/sdk";
-import { jsx as jsx114, jsxs as jsxs110 } from "react/jsx-runtime";
+import { jsx as jsx115, jsxs as jsxs111 } from "react/jsx-runtime";
 var LogoPolymarketIcon = (_a) => {
   var _b = _a, {
     title: title2,
@@ -6280,7 +6309,7 @@ var LogoPolymarketIcon = (_a) => {
     isColor,
     color
   });
-  return /* @__PURE__ */ jsxs110(
+  return /* @__PURE__ */ jsxs111(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 100 100",
@@ -6288,8 +6317,8 @@ var LogoPolymarketIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx114("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx114(
+        title2 ? /* @__PURE__ */ jsx115("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx115(
           "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",
@@ -6305,7 +6334,7 @@ LogoPolymarketIcon.displayName = "LogoPolymarketIcon";
 // src/primitives/venue-logo/svg/logo-predict.tsx
 import { useAggUiConfig as useAggUiConfig7 } from "@agg-build/hooks";
 import { Venue as Venue7 } from "@agg-build/sdk";
-import { jsx as jsx115, jsxs as jsxs111 } from "react/jsx-runtime";
+import { jsx as jsx116, jsxs as jsxs112 } from "react/jsx-runtime";
 var LogoPredictIcon = (_a) => {
   var _b = _a, {
     title: title2,
@@ -6328,7 +6357,7 @@ var LogoPredictIcon = (_a) => {
     isColor,
     color
   });
-  return /* @__PURE__ */ jsxs111(
+  return /* @__PURE__ */ jsxs112(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 100 100",
@@ -6336,8 +6365,8 @@ var LogoPredictIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx115("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx115(
+        title2 ? /* @__PURE__ */ jsx116("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx116(
           "path",
           {
             fillRule: "evenodd",
@@ -6355,7 +6384,7 @@ LogoPredictIcon.displayName = "LogoPredictIcon";
 // src/primitives/venue-logo/svg/logo-probable.tsx
 import { useAggUiConfig as useAggUiConfig8 } from "@agg-build/hooks";
 import { Venue as Venue8 } from "@agg-build/sdk";
-import { jsx as jsx116, jsxs as jsxs112 } from "react/jsx-runtime";
+import { jsx as jsx117, jsxs as jsxs113 } from "react/jsx-runtime";
 var LogoProbableIcon = (_a) => {
   var _b = _a, {
     title: title2,
@@ -6378,7 +6407,7 @@ var LogoProbableIcon = (_a) => {
     isColor,
     color
   });
-  return /* @__PURE__ */ jsxs112(
+  return /* @__PURE__ */ jsxs113(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 100 100",
@@ -6386,16 +6415,16 @@ var LogoProbableIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title2)), props), {
       children: [
-        title2 ? /* @__PURE__ */ jsx116("title", { children: title2 }) : null,
-        /* @__PURE__ */ jsx116(
+        title2 ? /* @__PURE__ */ jsx117("title", { children: title2 }) : null,
+        /* @__PURE__ */ jsx117(
           "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__ */ jsx116("path", { d: "M90.9329 15.4546V30.4546H8.90234V15.4546H90.9329Z", fill: primaryColor }),
-        /* @__PURE__ */ jsx116(
+        /* @__PURE__ */ jsx117("path", { d: "M90.9329 15.4546V30.4546H8.90234V15.4546H90.9329Z", fill: primaryColor }),
+        /* @__PURE__ */ jsx117(
           "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",
@@ -6506,7 +6535,7 @@ var resolveVenueLogoIsColor = ({
 };
 
 // src/primitives/venue-logo/index.tsx
-import { jsx as jsx117 } from "react/jsx-runtime";
+import { jsx as jsx118 } from "react/jsx-runtime";
 var VenueLogo = ({
   venue,
   variant = "icon",
@@ -6532,7 +6561,7 @@ var VenueLogo = ({
     console.warn(`[AggUI] Unknown venue "${venue}" \u2014 using default logo`);
   }
   if (variant === "logo") {
-    return /* @__PURE__ */ jsx117(
+    return /* @__PURE__ */ jsx118(
       RemoteImage,
       {
         src: (_a = venueLogoUrlRegistry[venue]) != null ? _a : DEFAULT_VENUE_LOGO_URL,
@@ -6547,7 +6576,7 @@ var VenueLogo = ({
     isColor,
     isMonochromatic
   });
-  return /* @__PURE__ */ jsx117(
+  return /* @__PURE__ */ jsx118(
     Component2,
     {
       className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
@@ -6928,7 +6957,7 @@ var mapVenueEventToSearchResult = (event, labels, formatPercent, formatCompactCu
 };
 
 // src/primitives/search/index.tsx
-import { Fragment as Fragment5, jsx as jsx118, jsxs as jsxs113 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx119, jsxs as jsxs114 } from "react/jsx-runtime";
 var SearchResultRow = ({
   item,
   resultAria,
@@ -6942,7 +6971,7 @@ var SearchResultRow = ({
   const handleResultPointerDown = (event) => {
     event.preventDefault();
   };
-  return /* @__PURE__ */ jsxs113(
+  return /* @__PURE__ */ jsxs114(
     "button",
     {
       type: "button",
@@ -6960,8 +6989,8 @@ var SearchResultRow = ({
       onClick: handleResultClick,
       "aria-label": resultAria(item.title),
       children: [
-        /* @__PURE__ */ jsxs113("div", { className: "agg-search-result-content flex min-w-0 flex-1 items-center gap-4", children: [
-          /* @__PURE__ */ jsx118(
+        /* @__PURE__ */ jsxs114("div", { className: "agg-search-result-content flex min-w-0 flex-1 items-center gap-4", children: [
+          /* @__PURE__ */ jsx119(
             RemoteImage,
             {
               src: item.thumbnailSrc,
@@ -6973,8 +7002,8 @@ var SearchResultRow = ({
               )
             }
           ),
-          /* @__PURE__ */ jsxs113("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-            /* @__PURE__ */ jsx118(
+          /* @__PURE__ */ jsxs114("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+            /* @__PURE__ */ jsx119(
               "p",
               {
                 className: cn(
@@ -6985,8 +7014,8 @@ var SearchResultRow = ({
                 children: item.title
               }
             ),
-            /* @__PURE__ */ jsxs113("div", { className: "agg-search-result-context flex min-w-0 items-center gap-2 text-agg-muted-foreground", children: [
-              /* @__PURE__ */ jsx118(
+            /* @__PURE__ */ jsxs114("div", { className: "agg-search-result-context flex min-w-0 items-center gap-2 text-agg-muted-foreground", children: [
+              /* @__PURE__ */ jsx119(
                 "p",
                 {
                   className: cn(
@@ -6996,7 +7025,7 @@ var SearchResultRow = ({
                   children: item.marketSummaryLabel
                 }
               ),
-              /* @__PURE__ */ jsx118("div", { className: "flex items-center gap-1", "aria-hidden": true, children: item.visibleVenues.map((venue) => /* @__PURE__ */ jsx118(
+              /* @__PURE__ */ jsx119("div", { className: "flex items-center gap-1", "aria-hidden": true, children: item.visibleVenues.map((venue) => /* @__PURE__ */ jsx119(
                 VenueLogo,
                 {
                   venue,
@@ -7006,9 +7035,9 @@ var SearchResultRow = ({
                 },
                 `${item.id}-${venue}`
               )) }),
-              item.volumeLabel ? /* @__PURE__ */ jsxs113(Fragment5, { children: [
-                /* @__PURE__ */ jsx118("span", { className: "text-agg-muted-foreground", "aria-hidden": true, children: "\xB7" }),
-                /* @__PURE__ */ jsx118(
+              item.volumeLabel ? /* @__PURE__ */ jsxs114(Fragment5, { children: [
+                /* @__PURE__ */ jsx119("span", { className: "text-agg-muted-foreground", "aria-hidden": true, children: "\xB7" }),
+                /* @__PURE__ */ jsx119(
                   "p",
                   {
                     className: cn(
@@ -7022,7 +7051,7 @@ var SearchResultRow = ({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs113(
+        /* @__PURE__ */ jsxs114(
           "div",
           {
             className: cn(
@@ -7030,9 +7059,9 @@ var SearchResultRow = ({
               classNames == null ? void 0 : classNames.resultMeta
             ),
             children: [
-              /* @__PURE__ */ jsx118(VenueLogo, { venue: item.venue, size: "small" }),
-              /* @__PURE__ */ jsxs113("div", { className: "flex min-w-0 flex-1 items-baseline gap-2", children: [
-                /* @__PURE__ */ jsx118(
+              /* @__PURE__ */ jsx119(VenueLogo, { venue: item.venue, size: "small" }),
+              /* @__PURE__ */ jsxs114("div", { className: "flex min-w-0 flex-1 items-baseline gap-2", children: [
+                /* @__PURE__ */ jsx119(
                   "p",
                   {
                     className: cn(
@@ -7043,7 +7072,7 @@ var SearchResultRow = ({
                     children: item.valueLabel
                   }
                 ),
-                /* @__PURE__ */ jsx118(
+                /* @__PURE__ */ jsx119(
                   "p",
                   {
                     className: cn(
@@ -7057,7 +7086,7 @@ var SearchResultRow = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx118(
+        /* @__PURE__ */ jsx119(
           Icon,
           {
             name: "chevron-right",
@@ -7080,7 +7109,7 @@ var SearchSeeAllResultsButton = ({
   const handlePointerDown = (event) => {
     event.preventDefault();
   };
-  return /* @__PURE__ */ jsxs113(
+  return /* @__PURE__ */ jsxs114(
     "button",
     {
       type: "button",
@@ -7094,8 +7123,8 @@ var SearchSeeAllResultsButton = ({
       onPointerDown: handlePointerDown,
       onClick,
       children: [
-        /* @__PURE__ */ jsx118("span", { children: label2 }),
-        /* @__PURE__ */ jsx118(Icon, { name: "chevron-right", size: "small", className: "size-[14px] text-agg-primary" })
+        /* @__PURE__ */ jsx119("span", { children: label2 }),
+        /* @__PURE__ */ jsx119(Icon, { name: "chevron-right", size: "small", className: "size-[14px] text-agg-primary" })
       ]
     }
   );
@@ -7229,14 +7258,14 @@ var Search = ({
     event.preventDefault();
     handleSeeAllResults();
   };
-  return /* @__PURE__ */ jsxs113(
+  return /* @__PURE__ */ jsxs114(
     "div",
     {
       className: cn("group/agg-search", "relative flex w-full flex-col", classNames == null ? void 0 : classNames.root),
       onFocusCapture: handleFocusWithin,
       onBlurCapture: handleBlurWithin,
       children: [
-        /* @__PURE__ */ jsx118("label", { className: "w-full", children: /* @__PURE__ */ jsxs113(
+        /* @__PURE__ */ jsx119("label", { className: "w-full", children: /* @__PURE__ */ jsxs114(
           "div",
           {
             className: cn(
@@ -7252,7 +7281,7 @@ var Search = ({
             ),
             onClick: handleFocusWithin,
             children: [
-              /* @__PURE__ */ jsx118(
+              /* @__PURE__ */ jsx119(
                 Icon,
                 {
                   name: "search",
@@ -7260,7 +7289,7 @@ var Search = ({
                   className: cn("text-agg-muted-foreground", classNames == null ? void 0 : classNames.searchIcon)
                 }
               ),
-              /* @__PURE__ */ jsx118(
+              /* @__PURE__ */ jsx119(
                 "input",
                 __spreadProps(__spreadValues({}, inputProps), {
                   ref: inputRef,
@@ -7281,11 +7310,11 @@ var Search = ({
                   )
                 })
               ),
-              shouldRenderShortcut ? /* @__PURE__ */ jsx118("div", { className: "agg-search-shortcut hidden md:flex size-6 shrink-0 items-center justify-center rounded-[4px] bg-agg-secondary-hover", children: /* @__PURE__ */ jsx118("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-muted-foreground", children: "/" }) }) : null
+              shouldRenderShortcut ? /* @__PURE__ */ jsx119("div", { className: "agg-search-shortcut hidden md:flex size-6 shrink-0 items-center justify-center rounded-[4px] bg-agg-secondary-hover", children: /* @__PURE__ */ jsx119("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-muted-foreground", children: "/" }) }) : null
             ]
           }
         ) }),
-        shouldRenderLoadingState ? /* @__PURE__ */ jsx118(
+        shouldRenderLoadingState ? /* @__PURE__ */ jsx119(
           "div",
           {
             className: cn(
@@ -7295,10 +7324,10 @@ var Search = ({
               "mt-1",
               classNames == null ? void 0 : classNames.emptyState
             ),
-            children: /* @__PURE__ */ jsx118(Skeleton, { view: "search" })
+            children: /* @__PURE__ */ jsx119(Skeleton, { view: "search" })
           }
         ) : null,
-        shouldRenderResults ? /* @__PURE__ */ jsx118(
+        shouldRenderResults ? /* @__PURE__ */ jsx119(
           "div",
           {
             className: cn(
@@ -7308,7 +7337,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__ */ jsxs113(
+            children: /* @__PURE__ */ jsxs114(
               "ul",
               {
                 className: cn(
@@ -7318,7 +7347,7 @@ var Search = ({
                 role: "listbox",
                 "aria-label": labels.search.resultsAria,
                 children: [
-                  validatedResults.map((item, index) => /* @__PURE__ */ jsx118(
+                  validatedResults.map((item, index) => /* @__PURE__ */ jsx119(
                     "li",
                     {
                       role: "presentation",
@@ -7327,7 +7356,7 @@ var Search = ({
                         index > 0 && "border-t border-agg-separator",
                         classNames == null ? void 0 : classNames.resultItem
                       ),
-                      children: /* @__PURE__ */ jsx118(
+                      children: /* @__PURE__ */ jsx119(
                         SearchResultRow,
                         {
                           item,
@@ -7339,12 +7368,12 @@ var Search = ({
                     },
                     item.id
                   )),
-                  /* @__PURE__ */ jsx118(
+                  /* @__PURE__ */ jsx119(
                     "li",
                     {
                       role: "presentation",
                       className: "agg-search-result-item border-t border-agg-separator",
-                      children: /* @__PURE__ */ jsx118(
+                      children: /* @__PURE__ */ jsx119(
                         SearchSeeAllResultsButton,
                         {
                           label: labels.search.seeAllResults,
@@ -7358,7 +7387,7 @@ var Search = ({
             )
           }
         ) : null,
-        shouldRenderNoResults ? /* @__PURE__ */ jsx118(
+        shouldRenderNoResults ? /* @__PURE__ */ jsx119(
           "div",
           {
             className: cn(
@@ -7368,7 +7397,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__ */ jsxs113(
+            children: /* @__PURE__ */ jsxs114(
               "div",
               {
                 className: cn(
@@ -7378,15 +7407,15 @@ var Search = ({
                 role: "status",
                 "aria-live": "polite",
                 children: [
-                  /* @__PURE__ */ jsx118(
+                  /* @__PURE__ */ jsx119(
                     SearchEmptyIcon,
                     {
                       className: cn("h-10 w-10 text-agg-muted-foreground", classNames == null ? void 0 : classNames.emptyStateIcon),
                       "aria-hidden": true
                     }
                   ),
-                  /* @__PURE__ */ jsxs113("div", { className: "flex flex-col items-center gap-1 text-center", children: [
-                    /* @__PURE__ */ jsx118(
+                  /* @__PURE__ */ jsxs114("div", { className: "flex flex-col items-center gap-1 text-center", children: [
+                    /* @__PURE__ */ jsx119(
                       "p",
                       {
                         className: cn(
@@ -7397,7 +7426,7 @@ var Search = ({
                         children: labels.search.noResultsTitle
                       }
                     ),
-                    /* @__PURE__ */ jsx118(
+                    /* @__PURE__ */ jsx119(
                       "p",
                       {
                         className: cn(
@@ -7447,7 +7476,7 @@ var resolveHeaderSearchContent = ({
 };
 
 // src/primitives/header/index.tsx
-import { Fragment as Fragment6, jsx as jsx119, jsxs as jsxs114 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx120, jsxs as jsxs115 } from "react/jsx-runtime";
 var Header = ({
   logo,
   logoHref,
@@ -7460,7 +7489,7 @@ var Header = ({
   "aria-label": ariaLabel
 }) => {
   const labels = useLabels11();
-  const logoContent = isHeaderLogoProps(logo) ? /* @__PURE__ */ jsx119(
+  const logoContent = isHeaderLogoProps(logo) ? /* @__PURE__ */ jsx120(
     "img",
     {
       src: logo.src,
@@ -7469,14 +7498,14 @@ var Header = ({
       height: logo.height,
       className: cn("block max-h-full", classNames == null ? void 0 : classNames.logoElement)
     }
-  ) : logo !== void 0 ? /* @__PURE__ */ jsx119("span", { className: classNames == null ? void 0 : classNames.logoElement, children: logo }) : /* @__PURE__ */ jsx119(
+  ) : logo !== void 0 ? /* @__PURE__ */ jsx120("span", { className: classNames == null ? void 0 : classNames.logoElement, children: logo }) : /* @__PURE__ */ jsx120(
     AggLogo,
     {
       className: cn("h-6 w-auto text-agg-foreground", classNames == null ? void 0 : classNames.logoElement),
       title: labels.header.logoAria
     }
   );
-  const wrappedLogo = logoHref ? /* @__PURE__ */ jsx119(
+  const wrappedLogo = logoHref ? /* @__PURE__ */ jsx120(
     "a",
     {
       href: logoHref,
@@ -7485,7 +7514,7 @@ var Header = ({
       onClick: onLogoClick,
       children: logoContent
     }
-  ) : onLogoClick ? /* @__PURE__ */ jsx119(
+  ) : onLogoClick ? /* @__PURE__ */ jsx120(
     "button",
     {
       type: "button",
@@ -7497,13 +7526,13 @@ var Header = ({
       onClick: onLogoClick,
       children: logoContent
     }
-  ) : /* @__PURE__ */ jsx119("div", { className: classNames == null ? void 0 : classNames.logoWrapper, children: logoContent });
+  ) : /* @__PURE__ */ jsx120("div", { className: classNames == null ? void 0 : classNames.logoWrapper, children: logoContent });
   const searchContent = resolveHeaderSearchContent({
     search,
     searchProps,
-    renderSearch: (nextSearchProps) => /* @__PURE__ */ jsx119(Search, __spreadValues({}, nextSearchProps))
+    renderSearch: (nextSearchProps) => /* @__PURE__ */ jsx120(Search, __spreadValues({}, nextSearchProps))
   });
-  return /* @__PURE__ */ jsx119(Fragment6, { children: /* @__PURE__ */ jsx119(
+  return /* @__PURE__ */ jsx120(Fragment6, { children: /* @__PURE__ */ jsx120(
     "header",
     {
       role: "banner",
@@ -7512,15 +7541,15 @@ var Header = ({
         fallbackLabel: labels.header.bannerAria
       }),
       className: cn(baseHeaderClasses, sticky && stickyHeaderClasses, classNames == null ? void 0 : classNames.root),
-      children: /* @__PURE__ */ jsxs114(
+      children: /* @__PURE__ */ jsxs115(
         "div",
         {
           className: cn(
-            "agg-header-inner mx-auto flex h-auto w-full max-w-[1360px] px-6 lg:px-10 items-center gap-2 md:gap-4 py-5",
+            "agg-header-inner mx-auto flex h-auto w-full max-w-[1440px] px-6 lg:px-10 items-center gap-2 md:gap-4 py-5",
             classNames == null ? void 0 : classNames.inner
           ),
           children: [
-            /* @__PURE__ */ jsx119(
+            /* @__PURE__ */ jsx120(
               "div",
               {
                 className: cn(
@@ -7530,7 +7559,7 @@ var Header = ({
                 children: wrappedLogo
               }
             ),
-            searchContent ? /* @__PURE__ */ jsx119(
+            searchContent ? /* @__PURE__ */ jsx120(
               "div",
               {
                 className: cn(
@@ -7541,7 +7570,7 @@ var Header = ({
                 children: searchContent
               }
             ) : null,
-            /* @__PURE__ */ jsx119(
+            /* @__PURE__ */ jsx120(
               "div",
               {
                 className: cn(
@@ -7604,7 +7633,7 @@ var resolveInlineAlertHasAction = ({
 };
 
 // src/primitives/inline-alert/index.tsx
-import { jsx as jsx120, jsxs as jsxs115 } from "react/jsx-runtime";
+import { jsx as jsx121, jsxs as jsxs116 } from "react/jsx-runtime";
 var InlineAlert = ({
   tone = INLINE_ALERT_DEFAULT_TONE,
   variant,
@@ -7618,7 +7647,7 @@ var InlineAlert = ({
   const resolvedVariant = resolveInlineAlertVariant({ tone, variant });
   const hasAction = resolveInlineAlertHasAction({ actionLabel, onAction });
   const { ariaLive, role } = INLINE_ALERT_LIVE_REGION_CONFIG[tone];
-  return /* @__PURE__ */ jsxs115(
+  return /* @__PURE__ */ jsxs116(
     "div",
     {
       className: cn(
@@ -7630,7 +7659,7 @@ var InlineAlert = ({
       "aria-live": ariaLive,
       "aria-label": ariaLabel,
       children: [
-        /* @__PURE__ */ jsx120(
+        /* @__PURE__ */ jsx121(
           Icon,
           {
             name: INLINE_ALERT_TONE_ICON_NAME[tone],
@@ -7638,14 +7667,14 @@ var InlineAlert = ({
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ jsx120(
+        /* @__PURE__ */ jsx121(
           "div",
           {
             className: cn(
               "min-w-0",
               resolvedVariant === "plain" && !hasAction ? "flex-none text-center" : "flex-1"
             ),
-            children: /* @__PURE__ */ jsxs115(
+            children: /* @__PURE__ */ jsxs116(
               "div",
               {
                 className: cn(
@@ -7654,14 +7683,14 @@ var InlineAlert = ({
                   resolvedVariant === "plain" && !hasAction ? "items-center" : null
                 ),
                 children: [
-                  title2 ? /* @__PURE__ */ jsx120("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: title2 }) : null,
-                  /* @__PURE__ */ jsx120("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground wrap-break-word", children: message })
+                  title2 ? /* @__PURE__ */ jsx121("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: title2 }) : null,
+                  /* @__PURE__ */ jsx121("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground wrap-break-word", children: message })
                 ]
               }
             )
           }
         ),
-        hasAction ? /* @__PURE__ */ jsx120(
+        hasAction ? /* @__PURE__ */ jsx121(
           "button",
           {
             type: "button",
@@ -7699,7 +7728,7 @@ var resolveLoadingIconAriaLabel = ({
 };
 
 // src/primitives/loading-icon/index.tsx
-import { Fragment as Fragment7, jsx as jsx121, jsxs as jsxs116 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx122, jsxs as jsxs117 } from "react/jsx-runtime";
 var LoadingIcon = ({
   size = LOADING_ICON_DEFAULT_SIZE,
   variant = "default",
@@ -7710,7 +7739,7 @@ var LoadingIcon = ({
   const {
     features: { enableAnimations }
   } = useSdkUiConfig11();
-  return /* @__PURE__ */ jsx121(
+  return /* @__PURE__ */ jsx122(
     "span",
     {
       role: "status",
@@ -7723,7 +7752,7 @@ var LoadingIcon = ({
         "inline-grid place-items-center text-agg-primary will-change-transform",
         className
       ),
-      children: /* @__PURE__ */ jsx121("span", { className: "inline-grid place-items-center", "aria-hidden": "true", children: /* @__PURE__ */ jsx121(
+      children: /* @__PURE__ */ jsx122("span", { className: "inline-grid place-items-center", "aria-hidden": "true", children: /* @__PURE__ */ jsx122(
         "svg",
         {
           viewBox: LOADING_ICON_SVG_VIEW_BOX,
@@ -7731,8 +7760,8 @@ var LoadingIcon = ({
             "block",
             variant === "prominent" ? LOADING_ICON_PROMINENT_FRAME_CLASS : iconSizeClasses[size]
           ),
-          children: variant === "prominent" ? /* @__PURE__ */ jsxs116("g", { children: [
-            enableAnimations ? /* @__PURE__ */ jsx121(
+          children: variant === "prominent" ? /* @__PURE__ */ jsxs117("g", { children: [
+            enableAnimations ? /* @__PURE__ */ jsx122(
               "animateTransform",
               {
                 attributeName: "transform",
@@ -7744,7 +7773,7 @@ var LoadingIcon = ({
                 repeatCount: "indefinite"
               }
             ) : null,
-            /* @__PURE__ */ jsx121(
+            /* @__PURE__ */ jsx122(
               "circle",
               {
                 cx: "22",
@@ -7758,8 +7787,8 @@ var LoadingIcon = ({
                 strokeDasharray: LOADING_ICON_PROMINENT_DASHARRAY
               }
             )
-          ] }) : /* @__PURE__ */ jsxs116("g", { children: [
-            enableAnimations ? /* @__PURE__ */ jsx121(
+          ] }) : /* @__PURE__ */ jsxs117("g", { children: [
+            enableAnimations ? /* @__PURE__ */ jsx122(
               "animateTransform",
               {
                 attributeName: "transform",
@@ -7771,7 +7800,7 @@ var LoadingIcon = ({
                 repeatCount: "indefinite"
               }
             ) : null,
-            /* @__PURE__ */ jsx121(
+            /* @__PURE__ */ jsx122(
               "circle",
               {
                 cx: "22",
@@ -7783,8 +7812,8 @@ var LoadingIcon = ({
                 strokeLinecap: "round",
                 strokeDasharray: "60 100",
                 strokeDashoffset: "0",
-                children: enableAnimations ? /* @__PURE__ */ jsxs116(Fragment7, { children: [
-                  /* @__PURE__ */ jsx121(
+                children: enableAnimations ? /* @__PURE__ */ jsxs117(Fragment7, { children: [
+                  /* @__PURE__ */ jsx122(
                     "animate",
                     {
                       attributeName: "stroke-dasharray",
@@ -7793,7 +7822,7 @@ var LoadingIcon = ({
                       repeatCount: "indefinite"
                     }
                   ),
-                  /* @__PURE__ */ jsx121(
+                  /* @__PURE__ */ jsx122(
                     "animate",
                     {
                       attributeName: "stroke-dashoffset",
@@ -7838,7 +7867,7 @@ var resolveModalCloseIcon = ({
 };
 
 // src/primitives/modal/index.tsx
-import { Fragment as Fragment8, jsx as jsx122, jsxs as jsxs117 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx123, jsxs as jsxs118 } from "react/jsx-runtime";
 var Modal = ({
   open,
   onOpenChange,
@@ -7846,7 +7875,7 @@ var Modal = ({
   "aria-label": _ariaLabel,
   "aria-labelledby": _ariaLabelledBy
 }) => {
-  return /* @__PURE__ */ jsx122(Dialog.Root, { open, onOpenChange, children });
+  return /* @__PURE__ */ jsx123(Dialog.Root, { open, onOpenChange, children });
 };
 var ModalContainer = ({
   children,
@@ -7861,8 +7890,8 @@ var ModalContainer = ({
   } = useSdkUiConfig12();
   const overlayAnimationClassName = resolveModalOverlayAnimationClassName(enableAnimations);
   const panelAnimationClassName = resolveModalPanelAnimationClassName(enableAnimations);
-  return /* @__PURE__ */ jsxs117(Dialog.Portal, { children: [
-    /* @__PURE__ */ jsx122(
+  return /* @__PURE__ */ jsxs118(Dialog.Portal, { children: [
+    /* @__PURE__ */ jsx123(
       Dialog.Overlay,
       {
         className: cn(
@@ -7873,7 +7902,7 @@ var ModalContainer = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx122(
+    /* @__PURE__ */ jsx123(
       Dialog.Content,
       {
         className: cn(
@@ -7899,7 +7928,7 @@ var ModalContainer = ({
             event.preventDefault();
           }
         },
-        children: /* @__PURE__ */ jsx122(
+        children: /* @__PURE__ */ jsx123(
           "div",
           {
             className: cn(
@@ -7907,7 +7936,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__ */ jsx122(
+            children: /* @__PURE__ */ jsx123(
               "div",
               {
                 className: cn(
@@ -7949,12 +7978,12 @@ var ModalHeader = ({
     features: { enableAnimations }
   } = useSdkUiConfig12();
   const labels = useLabels13();
-  const defaultCloseIcon = /* @__PURE__ */ jsx122(CloseIcon, { className: "h-6 w-6" });
+  const defaultCloseIcon = /* @__PURE__ */ jsx123(CloseIcon, { className: "h-6 w-6" });
   const resolvedCloseIcon = resolveModalCloseIcon({
     closeIcon,
     defaultCloseIcon
   });
-  return /* @__PURE__ */ jsxs117(
+  return /* @__PURE__ */ jsxs118(
     "div",
     {
       className: cn(
@@ -7967,7 +7996,7 @@ var ModalHeader = ({
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ jsxs117(
+        /* @__PURE__ */ jsxs118(
           "div",
           {
             className: cn(
@@ -7980,8 +8009,8 @@ var ModalHeader = ({
               classNames == null ? void 0 : classNames.container
             ),
             children: [
-              leftElement ? /* @__PURE__ */ jsx122(Fragment8, { children: leftElement }) : null,
-              /* @__PURE__ */ jsxs117(
+              leftElement ? /* @__PURE__ */ jsx123(Fragment8, { children: leftElement }) : null,
+              /* @__PURE__ */ jsxs118(
                 "div",
                 {
                   className: cn(
@@ -7990,7 +8019,7 @@ var ModalHeader = ({
                     classNames == null ? void 0 : classNames.titleContainer
                   ),
                   children: [
-                    /* @__PURE__ */ jsx122(
+                    /* @__PURE__ */ jsx123(
                       Dialog.Title,
                       {
                         className: cn(
@@ -8004,7 +8033,7 @@ var ModalHeader = ({
                         children: title2
                       }
                     ),
-                    subtitle ? /* @__PURE__ */ jsx122(
+                    subtitle ? /* @__PURE__ */ jsx123(
                       "span",
                       {
                         className: cn(
@@ -8018,9 +8047,9 @@ var ModalHeader = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs117("div", { className: "agg-modal-header-actions flex flex-row items-center justify-end gap-6", children: [
-                rightElement ? /* @__PURE__ */ jsx122(Fragment8, { children: rightElement }) : null,
-                !hideClose && /* @__PURE__ */ jsx122(
+              /* @__PURE__ */ jsxs118("div", { className: "agg-modal-header-actions flex flex-row items-center justify-end gap-6", children: [
+                rightElement ? /* @__PURE__ */ jsx123(Fragment8, { children: rightElement }) : null,
+                !hideClose && /* @__PURE__ */ jsx123(
                   Dialog.Close,
                   {
                     className: cn(
@@ -8037,14 +8066,14 @@ var ModalHeader = ({
             ]
           }
         ),
-        children ? /* @__PURE__ */ jsx122("div", { className: "agg-modal-header-extra", children }) : null
+        children ? /* @__PURE__ */ jsx123("div", { className: "agg-modal-header-extra", children }) : null
       ]
     }
   );
 };
 Modal.Header = ModalHeader;
 var ModalBody = ({ children, classNames }) => {
-  return /* @__PURE__ */ jsx122(
+  return /* @__PURE__ */ jsx123(
     "div",
     {
       className: cn(
@@ -8065,7 +8094,7 @@ var ModalFooter = ({
   classNames,
   hideBorder = false
 }) => {
-  return /* @__PURE__ */ jsx122(
+  return /* @__PURE__ */ jsx123(
     "div",
     {
       className: cn(
@@ -8088,7 +8117,7 @@ Modal.displayName = "Modal";
 // src/primitives/number-value.tsx
 import { useMemo as useMemo6 } from "react";
 import { useSdkUiConfig as useSdkUiConfig13 } from "@agg-build/hooks";
-import { jsx as jsx123 } from "react/jsx-runtime";
+import { jsx as jsx124 } from "react/jsx-runtime";
 var NumberValue = ({
   value,
   format = "number",
@@ -8122,7 +8151,7 @@ var NumberValue = ({
     formatPercent,
     value
   ]);
-  return /* @__PURE__ */ jsx123("span", { className: cn("font-agg-sans", className), "aria-label": ariaLabel, children: formatted });
+  return /* @__PURE__ */ jsx124("span", { className: cn("font-agg-sans", className), "aria-label": ariaLabel, children: formatted });
 };
 NumberValue.displayName = "NumberValue";
 
@@ -8149,7 +8178,7 @@ var resolveIsSelectDisabled = ({
 };
 
 // src/primitives/select/index.tsx
-import { jsx as jsx124, jsxs as jsxs118 } from "react/jsx-runtime";
+import { jsx as jsx125, jsxs as jsxs119 } from "react/jsx-runtime";
 var SELECT_DROPDOWN_Z = 1e4;
 function resolveSelectPortalContainer(triggerRoot) {
   var _a, _b;
@@ -8186,7 +8215,7 @@ var Select = ({
     const el = containerRef.current;
     if (!el) return;
     const r = el.getBoundingClientRect();
-    setMenuRect({ top: r.bottom + 4, left: r.left, width: r.width });
+    setMenuRect({ top: r.bottom + 8, left: r.left, width: r.width });
   }, []);
   useLayoutEffect2(() => {
     if (!isOpen) {
@@ -8225,7 +8254,7 @@ var Select = ({
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [isOpen, handleClose]);
   const triggerRadiusClass = triggerClassName != null ? triggerClassName : "rounded-agg-md";
-  const listbox = menuRect ? /* @__PURE__ */ jsx124(
+  const listbox = menuRect ? /* @__PURE__ */ jsx125(
     "div",
     {
       ref: portalRef,
@@ -8242,14 +8271,14 @@ var Select = ({
       className: cn(
         AGG_ROOT_CLASS_NAME,
         rootClassName,
-        "agg-select-content pointer-events-auto max-h-[min(20rem,calc(100vh-4rem))] overflow-y-auto rounded-agg-md border border-agg-separator bg-agg-secondary shadow-lg",
+        "agg-select-content pointer-events-auto max-h-[min(20rem,calc(100vh-4rem))] overflow-y-auto rounded-[12px] border border-agg-separator bg-agg-secondary p-2 shadow-[0_8px_16px_rgba(0,0,0,0.1)] flex flex-col gap-1",
         contentClassName
       ),
       children: items.map((item) => {
         const isSelected = item.value === value;
         const isHidden = item.hidden === true;
         if (isHidden) return null;
-        return /* @__PURE__ */ jsxs118(
+        return /* @__PURE__ */ jsxs119(
           "button",
           {
             type: "button",
@@ -8258,10 +8287,9 @@ var Select = ({
             disabled: item.disabled,
             className: cn(
               "agg-select-item",
-              "relative flex w-full items-center gap-2 px-4 py-2 text-left text-agg-sm leading-agg-5 outline-none",
+              "relative flex w-full items-center gap-3 rounded-[6px] px-5 py-3 text-left text-agg-sm leading-agg-5 outline-none",
               "hover:bg-agg-secondary-hover focus-visible:bg-agg-secondary-hover",
-              isSelected ? "font-agg-bold bg-agg-secondary-hover" : "font-agg-normal",
-              isSelected ? "text-agg-foreground" : "text-agg-foreground",
+              isSelected ? "bg-agg-primary/10 font-agg-normal text-agg-primary" : "font-agg-normal text-agg-foreground",
               item.disabled && "cursor-not-allowed opacity-60",
               itemClassName
             ),
@@ -8273,17 +8301,16 @@ var Select = ({
               handleClose();
             },
             children: [
-              isSelected ? /* @__PURE__ */ jsx124("div", { className: "absolute left-0 top-0 bottom-0 w-1 bg-agg-primary" }) : null,
-              item.icon ? /* @__PURE__ */ jsx124(
+              item.icon ? /* @__PURE__ */ jsx125(
                 "span",
                 {
                   className: cn(
                     "h-4 w-4 shrink-0 [&_svg]:h-full [&_svg]:w-full",
-                    isSelected ? "text-agg-foreground" : "text-agg-muted-foreground"
+                    isSelected ? "text-agg-primary" : "text-agg-muted-foreground"
                   ),
                   children: item.icon
                 }
-              ) : item.iconUrl ? /* @__PURE__ */ jsx124(
+              ) : item.iconUrl ? /* @__PURE__ */ jsx125(
                 RemoteImage,
                 {
                   src: item.iconUrl,
@@ -8291,7 +8318,7 @@ var Select = ({
                   className: "agg-select-item-icon h-4 w-4 shrink-0 rounded-sm object-contain"
                 }
               ) : null,
-              /* @__PURE__ */ jsx124("span", { className: "agg-select-item-label truncate", children: item.label })
+              /* @__PURE__ */ jsx125("span", { className: "agg-select-item-label truncate", children: item.label })
             ]
           },
           item.value
@@ -8299,13 +8326,13 @@ var Select = ({
       })
     }
   ) : null;
-  return /* @__PURE__ */ jsxs118(
+  return /* @__PURE__ */ jsxs119(
     "div",
     {
       ref: containerRef,
       className: cn("group/agg-select", "relative inline-flex w-full", className),
       children: [
-        /* @__PURE__ */ jsxs118(
+        /* @__PURE__ */ jsxs119(
           "button",
           {
             type: "button",
@@ -8315,21 +8342,21 @@ var Select = ({
             disabled: isDisabled,
             className: cn(
               "agg-select-trigger",
-              "w-full border border-agg-separator bg-agg-secondary px-4 py-2 pr-10 font-agg-sans text-agg-sm leading-agg-5 text-agg-foreground outline-none",
+              "flex h-10 w-full items-center gap-2 rounded-[8px] border border-agg-separator bg-agg-secondary px-3 py-[9px] pr-10 font-agg-sans text-agg-sm leading-agg-5 text-agg-foreground outline-none",
               "flex items-center gap-2 text-left",
               triggerRadiusClass,
               getMotionClassName(
                 enableAnimations,
                 "transition-[border-color,box-shadow] duration-200 ease-in-out"
               ),
-              isOpen && "border-agg-primary ring-2 ring-agg-primary/15",
+              isOpen && "border-2 border-agg-primary px-[11px] py-2 ring-0",
               "hover:border-agg-primary",
-              "focus:border-agg-primary focus:ring-2 focus:ring-agg-primary/15",
+              "focus:border-agg-primary focus:ring-0",
               "disabled:cursor-not-allowed disabled:opacity-60"
             ),
             onClick: () => setIsOpen((previousValue) => !previousValue),
             children: [
-              (selectedItem == null ? void 0 : selectedItem.icon) ? /* @__PURE__ */ jsx124("span", { className: "h-4 w-4 shrink-0 [&_svg]:h-full [&_svg]:w-full", children: selectedItem.icon }) : (selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ jsx124(
+              (selectedItem == null ? void 0 : selectedItem.icon) ? /* @__PURE__ */ jsx125("span", { className: "h-4 w-4 shrink-0 [&_svg]:h-full [&_svg]:w-full", children: selectedItem.icon }) : (selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ jsx125(
                 RemoteImage,
                 {
                   src: selectedItem.iconUrl,
@@ -8337,11 +8364,11 @@ var Select = ({
                   className: "agg-select-icon h-4 w-4 shrink-0 rounded-sm object-contain"
                 }
               ) : null,
-              /* @__PURE__ */ jsx124("span", { className: "agg-select-value flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
+              /* @__PURE__ */ jsx125("span", { className: "agg-select-value flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
             ]
           }
         ),
-        /* @__PURE__ */ jsx124("span", { className: "agg-select-chevron pointer-events-none absolute inset-y-0 right-3 inline-flex items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ jsx124(
+        /* @__PURE__ */ jsx125("span", { className: "agg-select-chevron pointer-events-none absolute inset-y-0 right-3 inline-flex items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ jsx125(
           Icon,
           {
             name: isOpen ? "chevron-up" : "chevron-down-thin",
@@ -8455,7 +8482,7 @@ var getTypographyClassName = ({
 };
 
 // src/primitives/typography/index.tsx
-import { jsx as jsx125 } from "react/jsx-runtime";
+import { jsx as jsx126 } from "react/jsx-runtime";
 var Typography = ({
   as: Component2 = "p",
   variant = "body",
@@ -8463,7 +8490,7 @@ var Typography = ({
   children,
   "aria-label": ariaLabel
 }) => {
-  return /* @__PURE__ */ jsx125(Component2, { className: getTypographyClassName({ className, variant }), "aria-label": ariaLabel, children });
+  return /* @__PURE__ */ jsx126(Component2, { className: getTypographyClassName({ className, variant }), "aria-label": ariaLabel, children });
 };
 Typography.displayName = "Typography";
 
@@ -8476,7 +8503,7 @@ var resolveStateMessageHasAction = ({ onAction }) => {
 };
 
 // src/primitives/state-message/index.tsx
-import { jsx as jsx126, jsxs as jsxs119 } from "react/jsx-runtime";
+import { jsx as jsx127, jsxs as jsxs120 } from "react/jsx-runtime";
 var StateMessage = ({
   icon,
   title: title2,
@@ -8490,7 +8517,7 @@ var StateMessage = ({
     className: cn(STATE_MESSAGE_ICON_CLASS_NAME, icon.props.className, classNames == null ? void 0 : classNames.icon),
     "aria-hidden": true
   });
-  return /* @__PURE__ */ jsx126(
+  return /* @__PURE__ */ jsx127(
     "div",
     {
       className: cn(
@@ -8501,7 +8528,7 @@ var StateMessage = ({
       role: "status",
       "aria-live": "polite",
       "aria-label": title2,
-      children: /* @__PURE__ */ jsxs119(
+      children: /* @__PURE__ */ jsxs120(
         "div",
         {
           className: cn(
@@ -8510,7 +8537,7 @@ var StateMessage = ({
           ),
           children: [
             resolvedIcon,
-            /* @__PURE__ */ jsxs119(
+            /* @__PURE__ */ jsxs120(
               "div",
               {
                 className: cn(
@@ -8518,8 +8545,8 @@ var StateMessage = ({
                   classNames == null ? void 0 : classNames.text
                 ),
                 children: [
-                  /* @__PURE__ */ jsx126(Typography, { variant: "body-strong", className: classNames == null ? void 0 : classNames.title, children: title2 }),
-                  description ? /* @__PURE__ */ jsx126(
+                  /* @__PURE__ */ jsx127(Typography, { variant: "body-strong", className: classNames == null ? void 0 : classNames.title, children: title2 }),
+                  description ? /* @__PURE__ */ jsx127(
                     Typography,
                     {
                       variant: "label",
@@ -8530,7 +8557,7 @@ var StateMessage = ({
                 ]
               }
             ),
-            hasAction ? /* @__PURE__ */ jsx126(
+            hasAction ? /* @__PURE__ */ jsx127(
               Button,
               {
                 variant: "tertiary",
@@ -8558,7 +8585,37 @@ StateMessage.displayName = "StateMessage";
 
 // src/primitives/tabs/index.tsx
 import { useLabels as useLabels16, useSdkUiConfig as useSdkUiConfig15 } from "@agg-build/hooks";
-import { useCallback as useCallback5, useEffect as useEffect8, useLayoutEffect as useLayoutEffect3, useMemo as useMemo7, useRef as useRef8, useState as useState9 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect9, useLayoutEffect as useLayoutEffect3, useMemo as useMemo7, useRef as useRef9, useState as useState10 } from "react";
+
+// src/shared/use-horizontal-scroll-state.ts
+import { useCallback as useCallback5, useEffect as useEffect8, useRef as useRef8, useState as useState9 } from "react";
+var useHorizontalScrollState = () => {
+  const containerRef = useRef8(null);
+  const [canScrollLeft, setCanScrollLeft] = useState9(false);
+  const [canScrollRight, setCanScrollRight] = useState9(false);
+  const update = useCallback5(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    const maxScroll = el.scrollWidth - el.clientWidth;
+    setCanScrollLeft(el.scrollLeft > 4);
+    setCanScrollRight(maxScroll - el.scrollLeft > 4);
+  }, []);
+  useEffect8(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    el.addEventListener("scroll", update, { passive: true });
+    return () => el.removeEventListener("scroll", update);
+  }, [update]);
+  useEffect8(() => {
+    if (typeof ResizeObserver === "undefined") return;
+    const el = containerRef.current;
+    if (!el) return;
+    const ro = new ResizeObserver(() => update());
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, [update]);
+  return { containerRef, canScrollLeft, canScrollRight, update };
+};
 
 // src/primitives/tabs/tabs.constants.ts
 var MOBILE_TABS_MEDIA_QUERY = "(max-width: 736px)";
@@ -8585,7 +8642,7 @@ var findEdgeEnabledIndex = (items, direction) => {
 };
 
 // src/primitives/tabs/index.tsx
-import { Fragment as Fragment9, jsx as jsx127, jsxs as jsxs120 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx128, jsxs as jsxs121 } from "react/jsx-runtime";
 var getTabButtonClassName = ({
   enableAnimations,
   isBarVariant,
@@ -8632,8 +8689,8 @@ var Tabs = ({
   const {
     features: { enableAnimations }
   } = useSdkUiConfig15();
-  const buttonRefs = useRef8([]);
-  const dragStateRef = useRef8({
+  const buttonRefs = useRef9([]);
+  const dragStateRef = useRef9({
     isPointerDown: false,
     isDragging: false,
     pointerId: null,
@@ -8641,20 +8698,21 @@ var Tabs = ({
     startClientY: 0,
     startScrollLeft: 0
   });
-  const suppressClickRef = useRef8(false);
+  const suppressClickRef = useRef9(false);
   const resolvedAriaLabel = ariaLabel != null ? ariaLabel : labels.common.tabsAria;
-  const [isMobileViewport, setIsMobileViewport] = useState9(false);
-  const [isDraggingTabs, setIsDraggingTabs] = useState9(false);
-  const [activeUnderlineStyle, setActiveUnderlineStyle] = useState9({
+  const [isMobileViewport, setIsMobileViewport] = useState10(false);
+  const [isDraggingTabs, setIsDraggingTabs] = useState10(false);
+  const [activeUnderlineStyle, setActiveUnderlineStyle] = useState10({
     transform: "translateX(0px)",
     width: 0,
     opacity: 0
   });
-  const [scrollAffordanceState, setScrollAffordanceState] = useState9({
-    showStart: false,
-    showEnd: false
-  });
-  const tabListRef = useRef8(null);
+  const {
+    containerRef: tabListRef,
+    canScrollLeft,
+    canScrollRight,
+    update: updateScrollState
+  } = useHorizontalScrollState();
   const isBarVariant = variant === "bar";
   const resolvedOverflowBehavior = useMemo7(() => {
     if (overflowBehavior) return overflowBehavior;
@@ -8663,7 +8721,7 @@ var Tabs = ({
   }, [isBarVariant, isMobileViewport, overflowBehavior]);
   const shouldUseOverflowScroll = resolvedOverflowBehavior === "scroll";
   const shouldUseOverflowSelect = resolvedOverflowBehavior === "select";
-  useEffect8(() => {
+  useEffect9(() => {
     if (typeof window === "undefined") return;
     const mediaQueryList = window.matchMedia(MOBILE_TABS_MEDIA_QUERY);
     const handleMediaQueryChange = (event) => {
@@ -8681,22 +8739,6 @@ var Tabs = ({
       mediaQueryList.removeListener(handleMediaQueryChange);
     };
   }, []);
-  const updateScrollAffordances = useCallback5(() => {
-    if (!shouldUseOverflowScroll) {
-      setScrollAffordanceState({
-        showStart: false,
-        showEnd: false
-      });
-      return;
-    }
-    const tabListElement = tabListRef.current;
-    if (!tabListElement) return;
-    const maxScrollLeft = tabListElement.scrollWidth - tabListElement.clientWidth;
-    setScrollAffordanceState({
-      showStart: tabListElement.scrollLeft > 4,
-      showEnd: maxScrollLeft - tabListElement.scrollLeft > 4
-    });
-  }, [shouldUseOverflowScroll]);
   const renderedItems = useMemo7(() => {
     return items.map((item) => __spreadProps(__spreadValues({}, item), {
       disabled: item.disabled || item.isComingSoon
@@ -8835,7 +8877,7 @@ var Tabs = ({
     event == null ? void 0 : event.stopPropagation();
     suppressClickRef.current = false;
   };
-  const updateActiveUnderline = useCallback5(() => {
+  const updateActiveUnderline = useCallback6(() => {
     if (isBarVariant) {
       setActiveUnderlineStyle({
         transform: "translateX(0px)",
@@ -8861,39 +8903,36 @@ var Tabs = ({
   useLayoutEffect3(() => {
     updateActiveUnderline();
   }, [updateActiveUnderline]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (isBarVariant || !shouldUseOverflowScroll) return;
     const tabListElement = tabListRef.current;
     if (!tabListElement) return;
     const handleScroll = () => {
       updateActiveUnderline();
-      updateScrollAffordances();
     };
     tabListElement.addEventListener("scroll", handleScroll, { passive: true });
-    updateScrollAffordances();
     return () => {
       tabListElement.removeEventListener("scroll", handleScroll);
     };
-  }, [isBarVariant, shouldUseOverflowScroll, updateActiveUnderline, updateScrollAffordances]);
-  useEffect8(() => {
+  }, [isBarVariant, shouldUseOverflowScroll, tabListRef, updateActiveUnderline]);
+  useEffect9(() => {
     if (!shouldUseOverflowScroll) return;
-    updateScrollAffordances();
-  }, [renderedItems, shouldUseOverflowScroll, updateScrollAffordances, value]);
-  useEffect8(() => {
-    if (isBarVariant && !shouldUseOverflowScroll) return;
+    updateScrollState();
+  }, [renderedItems, shouldUseOverflowScroll, updateScrollState, value]);
+  useEffect9(() => {
+    if (isBarVariant || !shouldUseOverflowScroll) return;
     if (typeof ResizeObserver === "undefined") return;
     const tabListElement = tabListRef.current;
     if (!tabListElement) return;
     const resizeObserver = new ResizeObserver(() => {
       updateActiveUnderline();
-      updateScrollAffordances();
     });
     resizeObserver.observe(tabListElement);
     return () => {
       resizeObserver.disconnect();
     };
-  }, [isBarVariant, shouldUseOverflowScroll, updateActiveUnderline, updateScrollAffordances]);
-  useEffect8(() => {
+  }, [isBarVariant, shouldUseOverflowScroll, tabListRef, updateActiveUnderline]);
+  useEffect9(() => {
     if (!shouldUseOverflowScroll) return;
     const tabListElement = tabListRef.current;
     if (!tabListElement) return;
@@ -8918,7 +8957,7 @@ var Tabs = ({
     });
   }, [enableAnimations, renderedItems, shouldUseOverflowScroll, value]);
   if (shouldUseOverflowSelect) {
-    return /* @__PURE__ */ jsx127("div", { className: cn("group/agg-tabs w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ jsx127(
+    return /* @__PURE__ */ jsx128("div", { className: cn("group/agg-tabs w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ jsx128(
       Select,
       {
         ariaLabel,
@@ -8930,7 +8969,7 @@ var Tabs = ({
       }
     ) });
   }
-  return /* @__PURE__ */ jsxs120(
+  return /* @__PURE__ */ jsxs121(
     "div",
     {
       className: cn(
@@ -8941,7 +8980,7 @@ var Tabs = ({
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ jsxs120(
+        /* @__PURE__ */ jsxs121(
           "div",
           {
             ref: tabListRef,
@@ -8959,7 +8998,7 @@ var Tabs = ({
                 var _a;
                 const isActive = item.value === value;
                 const isComingSoon = (_a = item == null ? void 0 : item.isComingSoon) != null ? _a : false;
-                return /* @__PURE__ */ jsxs120(
+                return /* @__PURE__ */ jsxs121(
                   "button",
                   {
                     ref: (buttonElement) => {
@@ -8994,7 +9033,7 @@ var Tabs = ({
                     ),
                     children: [
                       item.icon ? item.icon : null,
-                      /* @__PURE__ */ jsxs120(
+                      /* @__PURE__ */ jsxs121(
                         "span",
                         {
                           className: cn(
@@ -9012,7 +9051,7 @@ var Tabs = ({
                   item.value
                 );
               }),
-              !isBarVariant ? /* @__PURE__ */ jsx127(
+              !isBarVariant ? /* @__PURE__ */ jsx128(
                 "span",
                 {
                   "aria-hidden": true,
@@ -9031,8 +9070,8 @@ var Tabs = ({
             ]
           }
         ),
-        shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ jsxs120(Fragment9, { children: [
-          /* @__PURE__ */ jsx127(
+        shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ jsxs121(Fragment9, { children: [
+          /* @__PURE__ */ jsx128(
             "span",
             {
               "aria-hidden": true,
@@ -9040,11 +9079,11 @@ var Tabs = ({
                 "agg-tab-scroll-start",
                 "pointer-events-none absolute top-0 bottom-0 left-0 z-10 w-12 md:w-18 bg-linear-to-r from-agg-secondary via-agg-secondary to-transparent",
                 getMotionClassName(enableAnimations, "transition-opacity duration-200"),
-                scrollAffordanceState.showStart ? "opacity-100" : "opacity-0"
+                canScrollLeft ? "opacity-100" : "opacity-0"
               )
             }
           ),
-          /* @__PURE__ */ jsx127(
+          /* @__PURE__ */ jsx128(
             "span",
             {
               "aria-hidden": true,
@@ -9052,24 +9091,63 @@ var Tabs = ({
                 "agg-tab-scroll-end",
                 "pointer-events-none absolute top-0 right-0 bottom-0 z-10 w-12 md:w-18 bg-linear-to-l from-agg-secondary via-agg-secondary to-transparent",
                 getMotionClassName(enableAnimations, "transition-opacity duration-200"),
-                scrollAffordanceState.showEnd ? "opacity-100" : "opacity-0"
+                canScrollRight ? "opacity-100" : "opacity-0"
               )
             }
           )
         ] }) : null,
-        shouldUseOverflowScroll && isBarVariant ? /* @__PURE__ */ jsx127(
-          "span",
-          {
-            "aria-hidden": true,
-            className: cn(
-              "agg-tab-scroll-end",
-              "pointer-events-none absolute top-0 right-0 bottom-0 z-10 w-[120px] overflow-hidden rounded-r-[8px] bg-linear-to-l from-agg-secondary from-[20%] via-agg-secondary/85 to-transparent",
-              getMotionClassName(enableAnimations, "transition-opacity duration-200"),
-              scrollAffordanceState.showEnd ? "opacity-100" : "opacity-0"
-            ),
-            children: /* @__PURE__ */ jsx127("span", { className: "absolute inset-y-0 right-3 inline-flex items-center text-agg-foreground", children: /* @__PURE__ */ jsx127(Icon, { name: "chevron-right", size: "small", color: "currentColor" }) })
-          }
-        ) : null
+        shouldUseOverflowScroll && isBarVariant ? /* @__PURE__ */ jsxs121(Fragment9, { children: [
+          /* @__PURE__ */ jsx128(
+            "button",
+            {
+              type: "button",
+              "aria-label": labels.common.scrollTabsLeft,
+              tabIndex: -1,
+              className: cn(
+                "agg-tab-scroll-start",
+                "absolute top-px bottom-px left-px z-10 w-20 rounded-l-agg-lg",
+                "inline-flex items-center justify-start pl-2",
+                "bg-linear-to-r from-agg-secondary from-[25%] via-agg-secondary/80 to-transparent",
+                "cursor-pointer",
+                getMotionClassName(enableAnimations, "transition-opacity duration-200"),
+                canScrollLeft ? "opacity-100" : "opacity-0 pointer-events-none"
+              ),
+              onClick: () => {
+                var _a;
+                (_a = tabListRef.current) == null ? void 0 : _a.scrollBy({
+                  left: -200,
+                  behavior: getScrollBehavior(enableAnimations)
+                });
+              },
+              children: /* @__PURE__ */ jsx128(Icon, { name: "chevron-left", size: "small", color: "currentColor" })
+            }
+          ),
+          /* @__PURE__ */ jsx128(
+            "button",
+            {
+              type: "button",
+              "aria-label": labels.common.scrollTabsRight,
+              tabIndex: -1,
+              className: cn(
+                "agg-tab-scroll-end",
+                "absolute top-px right-px bottom-px z-10 w-20 rounded-r-agg-lg",
+                "inline-flex items-center justify-end pr-2",
+                "bg-linear-to-l from-agg-secondary from-[25%] via-agg-secondary/80 to-transparent",
+                "cursor-pointer",
+                getMotionClassName(enableAnimations, "transition-opacity duration-200"),
+                canScrollRight ? "opacity-100" : "opacity-0 pointer-events-none"
+              ),
+              onClick: () => {
+                var _a;
+                (_a = tabListRef.current) == null ? void 0 : _a.scrollBy({
+                  left: 200,
+                  behavior: getScrollBehavior(enableAnimations)
+                });
+              },
+              children: /* @__PURE__ */ jsx128(Icon, { name: "chevron-right", size: "small", color: "currentColor" })
+            }
+          )
+        ] }) : null
       ]
     }
   );
@@ -9080,13 +9158,13 @@ Tabs.displayName = "Tabs";
 import * as RadixToast from "@radix-ui/react-toast";
 import {
   createContext,
-  useCallback as useCallback6,
+  useCallback as useCallback7,
   useContext,
-  useEffect as useEffect9,
-  useRef as useRef9,
-  useState as useState10
+  useEffect as useEffect10,
+  useRef as useRef10,
+  useState as useState11
 } from "react";
-import { jsx as jsx128, jsxs as jsxs121 } from "react/jsx-runtime";
+import { jsx as jsx129, jsxs as jsxs122 } from "react/jsx-runtime";
 var DEFAULT_DURATION_MS = 5e3;
 var EXIT_ANIMATION_MS = 350;
 var TONE_ACCENT_CLASS = {
@@ -9109,12 +9187,12 @@ function ToastProvider({
   swipeThreshold = 50,
   viewportClassName
 }) {
-  const [toasts, setToasts] = useState10([]);
-  const idRef = useRef9(0);
-  const dismiss = useCallback6((id) => {
+  const [toasts, setToasts] = useState11([]);
+  const idRef = useRef10(0);
+  const dismiss = useCallback7((id) => {
     setToasts((current) => current.filter((entry) => entry.id !== id));
   }, []);
-  const toast = useCallback6(
+  const toast = useCallback7(
     (message, options) => {
       const id = ++idRef.current;
       setToasts((current) => {
@@ -9135,9 +9213,9 @@ function ToastProvider({
     },
     [defaultDurationMs]
   );
-  return /* @__PURE__ */ jsx128(ToastContext.Provider, { value: { toast, dismiss }, children: /* @__PURE__ */ jsxs121(RadixToast.Provider, { swipeDirection, swipeThreshold, children: [
+  return /* @__PURE__ */ jsx129(ToastContext.Provider, { value: { toast, dismiss }, children: /* @__PURE__ */ jsxs122(RadixToast.Provider, { swipeDirection, swipeThreshold, children: [
     children,
-    toasts.map((entry) => /* @__PURE__ */ jsx128(
+    toasts.map((entry) => /* @__PURE__ */ jsx129(
       ToastRow,
       {
         entry,
@@ -9147,7 +9225,7 @@ function ToastProvider({
       },
       entry.id
     )),
-    /* @__PURE__ */ jsx128(
+    /* @__PURE__ */ jsx129(
       RadixToast.Viewport,
       {
         className: cn(
@@ -9159,31 +9237,31 @@ function ToastProvider({
   ] }) });
 }
 function ToastRow({ entry, onOpenChange }) {
-  const [isOpen, setIsOpen] = useState10(true);
+  const [isOpen, setIsOpen] = useState11(true);
   const hasAutoDismiss = entry.durationMs > 0 && Number.isFinite(entry.durationMs);
   const duration = hasAutoDismiss ? entry.durationMs : Number.POSITIVE_INFINITY;
-  const timeoutRef = useRef9(null);
-  const closeTimeoutRef = useRef9(null);
-  const remainingMsRef = useRef9(duration);
-  const timerStartedAtRef = useRef9(null);
-  const onOpenChangeRef = useRef9(onOpenChange);
+  const timeoutRef = useRef10(null);
+  const closeTimeoutRef = useRef10(null);
+  const remainingMsRef = useRef10(duration);
+  const timerStartedAtRef = useRef10(null);
+  const onOpenChangeRef = useRef10(onOpenChange);
   const rootStyle = {
     "--agg-toast-duration": `${duration}ms`
   };
-  useEffect9(() => {
+  useEffect10(() => {
     onOpenChangeRef.current = onOpenChange;
   }, [onOpenChange]);
-  const clearDismissTimer = useCallback6(() => {
+  const clearDismissTimer = useCallback7(() => {
     if (!timeoutRef.current) return;
     clearTimeout(timeoutRef.current);
     timeoutRef.current = null;
   }, []);
-  const clearCloseTimer = useCallback6(() => {
+  const clearCloseTimer = useCallback7(() => {
     if (!closeTimeoutRef.current) return;
     clearTimeout(closeTimeoutRef.current);
     closeTimeoutRef.current = null;
   }, []);
-  const handleOpenChange = useCallback6(
+  const handleOpenChange = useCallback7(
     (open) => {
       if (open) {
         clearCloseTimer();
@@ -9200,7 +9278,7 @@ function ToastRow({ entry, onOpenChange }) {
     },
     [clearCloseTimer, clearDismissTimer]
   );
-  const startDismissTimer = useCallback6(() => {
+  const startDismissTimer = useCallback7(() => {
     if (!hasAutoDismiss) return;
     clearDismissTimer();
     timerStartedAtRef.current = Date.now();
@@ -9208,18 +9286,18 @@ function ToastRow({ entry, onOpenChange }) {
       handleOpenChange(false);
     }, remainingMsRef.current);
   }, [clearDismissTimer, handleOpenChange, hasAutoDismiss]);
-  const handlePauseDismissTimer = useCallback6(() => {
+  const handlePauseDismissTimer = useCallback7(() => {
     if (!hasAutoDismiss || timerStartedAtRef.current === null) return;
     const elapsedMs = Date.now() - timerStartedAtRef.current;
     remainingMsRef.current = Math.max(0, remainingMsRef.current - elapsedMs);
     timerStartedAtRef.current = null;
     clearDismissTimer();
   }, [clearDismissTimer, hasAutoDismiss]);
-  const handleResumeDismissTimer = useCallback6(() => {
+  const handleResumeDismissTimer = useCallback7(() => {
     if (!hasAutoDismiss || timerStartedAtRef.current !== null) return;
     startDismissTimer();
   }, [hasAutoDismiss, startDismissTimer]);
-  useEffect9(() => {
+  useEffect10(() => {
     remainingMsRef.current = duration;
     startDismissTimer();
     return () => {
@@ -9227,7 +9305,7 @@ function ToastRow({ entry, onOpenChange }) {
       clearCloseTimer();
     };
   }, [clearCloseTimer, clearDismissTimer, duration, startDismissTimer]);
-  return /* @__PURE__ */ jsxs121(
+  return /* @__PURE__ */ jsxs122(
     RadixToast.Root,
     {
       open: isOpen,
@@ -9248,7 +9326,7 @@ function ToastRow({ entry, onOpenChange }) {
         TONE_ACCENT_CLASS[entry.tone]
       ),
       children: [
-        /* @__PURE__ */ jsx128(
+        /* @__PURE__ */ jsx129(
           Icon,
           {
             name: TONE_ICON_NAME[entry.tone],
@@ -9256,25 +9334,25 @@ function ToastRow({ entry, onOpenChange }) {
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ jsxs121("div", { className: "min-w-0 flex-1", children: [
-          entry.title ? /* @__PURE__ */ jsx128(RadixToast.Title, { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-foreground", children: entry.title }) : null,
-          /* @__PURE__ */ jsx128(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__ */ jsx128("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__ */ jsxs122("div", { className: "min-w-0 flex-1", children: [
+          entry.title ? /* @__PURE__ */ jsx129(RadixToast.Title, { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-foreground", children: entry.title }) : null,
+          /* @__PURE__ */ jsx129(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__ */ jsx129("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__ */ jsx128(
+        /* @__PURE__ */ jsx129(
           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__ */ jsx128(Icon, { name: "close", className: "h-4! w-4!", "aria-hidden": "true" })
+            children: /* @__PURE__ */ jsx129(Icon, { name: "close", className: "h-4! w-4!", "aria-hidden": "true" })
           }
         ),
-        /* @__PURE__ */ jsx128(
+        /* @__PURE__ */ jsx129(
           "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__ */ jsx128(
+            children: /* @__PURE__ */ jsx129(
               "div",
               {
                 "data-testid": "agg-toast-progress",
@@ -9336,7 +9414,7 @@ var resolveTooltipArrowDimensions = (size) => {
 };
 
 // src/primitives/tooltip/index.tsx
-import { jsx as jsx129, jsxs as jsxs122 } from "react/jsx-runtime";
+import { jsx as jsx130, jsxs as jsxs123 } from "react/jsx-runtime";
 var Tooltip = ({
   content,
   children,
@@ -9354,22 +9432,22 @@ var Tooltip = ({
   } = useSdkUiConfig16();
   const trigger = useMemo8(() => {
     if (children) return children;
-    return /* @__PURE__ */ jsx129(
+    return /* @__PURE__ */ jsx130(
       "button",
       {
         type: "button",
         className: resolveTooltipTriggerClassName(classNames == null ? void 0 : classNames.trigger),
         "aria-label": ariaLabel != null ? ariaLabel : defaultTooltipTriggerAriaLabel,
-        children: /* @__PURE__ */ jsx129(Icon, { name: "info", size: "small", className: cn(classNames == null ? void 0 : classNames.icon), "aria-hidden": true })
+        children: /* @__PURE__ */ jsx130(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__ */ jsx129(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ jsxs122(TooltipPrimitive.Root, { children: [
-    /* @__PURE__ */ jsx129(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ jsx129(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs122(
+  return /* @__PURE__ */ jsx130(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ jsxs123(TooltipPrimitive.Root, { children: [
+    /* @__PURE__ */ jsx130(TooltipPrimitive.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsx130(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs123(
       TooltipPrimitive.Content,
       {
         side,
@@ -9393,7 +9471,7 @@ var Tooltip = ({
           classNames == null ? void 0 : classNames.content
         ),
         children: [
-          /* @__PURE__ */ jsx129(TooltipPrimitive.Arrow, { asChild: true, width: arrowWidth, height: arrowHeight, children: /* @__PURE__ */ jsxs122(
+          /* @__PURE__ */ jsx130(TooltipPrimitive.Arrow, { asChild: true, width: arrowWidth, height: arrowHeight, children: /* @__PURE__ */ jsxs123(
             "svg",
             {
               width: arrowWidth,
@@ -9402,8 +9480,8 @@ var Tooltip = ({
               "aria-hidden": "true",
               className: cn("overflow-visible", classNames == null ? void 0 : classNames.arrow),
               children: [
-                /* @__PURE__ */ jsx129("polygon", { points: arrowPoints, className: "fill-agg-secondary" }),
-                /* @__PURE__ */ jsx129(
+                /* @__PURE__ */ jsx130("polygon", { points: arrowPoints, className: "fill-agg-secondary" }),
+                /* @__PURE__ */ jsx130(
                   "path",
                   {
                     d: arrowBorderPath,
@@ -9490,6 +9568,7 @@ export {
   ActivityChartIcon,
   LinkAccountsIcon,
   LockIcon,
+  PaperModeIcon,
   PencilIcon,
   PlaySquareIcon,
   PolygonIcon,