@agg-market/ui 10.0.0 → 11.0.0

package/dist/primitives.js

@@ -59,6 +59,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/primitives/index.ts
 var primitives_exports = {};
 __export(primitives_exports, {
+  AggLogo: () => AggLogo,
   AppleIcon: () => AppleIcon,
   ArrowTrendUpIcon: () => ArrowTrendUpIcon,
   ArrowsToDotIcon: () => ArrowsToDotIcon,
@@ -87,6 +88,7 @@ __export(primitives_exports, {
   EthereumIcon: () => EthereumIcon,
   ExternalLinkIcon: () => ExternalLinkIcon,
   GoogleIcon: () => GoogleIcon,
+  Header: () => Header,
   HelloWorld: () => HelloWorld,
   Icon: () => Icon,
   ImageIcon: () => ImageIcon,
@@ -146,6 +148,16 @@ var getMotionClassName = (enabled, ...values) => {
 var getScrollBehavior = (enabled) => {
   return enabled ? "smooth" : "auto";
 };
+var toDate = (value) => {
+  if (!value)
+    return null;
+  if (value instanceof Date)
+    return value;
+  const parsed = new Date(value);
+  if (Number.isNaN(parsed.getTime()))
+    return null;
+  return parsed;
+};
 
 // src/primitives/icon/icon.constants.ts
 var iconSizeClasses = {
@@ -224,7 +236,9 @@ var Button = (_a) => {
     "className",
     "aria-label"
   ]);
-  const { enableAnimations } = (0, import_hooks.useSdkUiConfig)();
+  const {
+    features: { enableAnimations }
+  } = (0, import_hooks.useSdkUiConfig)();
   const isDisabled = disabled || isLoading;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "button",
@@ -270,7 +284,9 @@ var import_hooks5 = require("@agg-market/hooks");
 var import_hooks2 = require("@agg-market/hooks");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var SkeletonBlock = ({ className }) => {
-  const { enableAnimations } = (0, import_hooks2.useSdkUiConfig)();
+  const {
+    features: { enableAnimations }
+  } = (0, import_hooks2.useSdkUiConfig)();
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     "div",
     {
@@ -293,7 +309,9 @@ var import_hooks3 = require("@agg-market/hooks");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var Card = (_a) => {
   var _b = _a, { className, onClick } = _b, props = __objRest(_b, ["className", "onClick"]);
-  const { enableAnimations } = (0, import_hooks3.useSdkUiConfig)();
+  const {
+    features: { enableAnimations }
+  } = (0, import_hooks3.useSdkUiConfig)();
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "div",
     __spreadValues(__spreadValues({
@@ -604,15 +622,63 @@ var PlaceOrderSkeletonView = ({
 };
 PlaceOrderSkeletonView.displayName = "PlaceOrderSkeletonView";
 
-// src/primitives/skeleton/views/settlement-skeleton-view.tsx
+// src/primitives/skeleton/views/search-skeleton-view.tsx
 var import_hooks8 = require("@agg-market/hooks");
 var import_jsx_runtime9 = require("react/jsx-runtime");
+var SearchSkeletonRow = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex w-full items-center gap-6 px-5 py-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SkeletonBlock, { className: "size-12 shrink-0 rounded-[8px]" }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SkeletonBlock, { className: "h-5 w-full max-w-[320px] rounded-agg-sm" }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex min-w-0 items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SkeletonBlock, { className: "h-4 w-[104px] rounded-agg-sm" }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SkeletonBlock, { className: "size-[14px] rounded-[4px]" }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SkeletonBlock, { className: "size-[14px] rounded-[4px]" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex w-[200px] shrink-0 items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SkeletonBlock, { className: "size-4 rounded-[4px]" }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SkeletonBlock, { className: "h-6 w-10 rounded-agg-sm" }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SkeletonBlock, { className: "h-4 w-[60px] rounded-agg-sm" })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SkeletonBlock, { className: "size-5 rounded-[4px]" })
+  ] });
+};
+var SearchSkeletonView = ({ className, ariaLabel }) => {
+  const labels = (0, import_hooks8.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    "div",
+    {
+      className: cn(
+        "group/agg-search-skeleton",
+        "w-full overflow-hidden rounded-agg-xl border border-agg-separator bg-agg-secondary shadow-[0px_8px_16px_0px_rgba(0,0,0,0.1)]",
+        className
+      ),
+      role: "status",
+      "aria-label": ariaLabel != null ? ariaLabel : labels.search.loadingResults,
+      "aria-busy": true,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "pt-2", children: Array.from({ length: 4 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: cn(index > 0 && "border-t border-agg-separator"), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SearchSkeletonRow, {}) }, index)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "border-t border-agg-separator px-5 py-5", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SkeletonBlock, { className: "h-5 w-[116px] rounded-agg-sm" }) })
+      ]
+    }
+  );
+};
+SearchSkeletonView.displayName = "SearchSkeletonView";
+
+// src/primitives/skeleton/views/settlement-skeleton-view.tsx
+var import_hooks9 = require("@agg-market/hooks");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var SettlementSkeletonView = ({
   className,
   ariaLabel
 }) => {
-  const labels = (0, import_hooks8.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+  const labels = (0, import_hooks9.useLabels)();
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
     Card,
     {
       className: cn(
@@ -624,26 +690,26 @@ var SettlementSkeletonView = ({
       "aria-label": ariaLabel != null ? ariaLabel : labels.trading.settlementLoading,
       "aria-busy": true,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex w-full items-center justify-between gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SkeletonBlock, { className: "h-4 w-[81px] rounded-agg-sm" }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SkeletonBlock, { className: "h-5 w-full max-w-[240px] rounded-agg-sm" })
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex w-full items-center justify-between gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SkeletonBlock, { className: "h-4 w-[81px] rounded-agg-sm" }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SkeletonBlock, { className: "h-5 w-full max-w-[240px] rounded-agg-sm" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex w-full flex-col gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SkeletonBlock, { className: "h-5 w-[200px] rounded-agg-sm" }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-col gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SkeletonBlock, { className: "h-4 w-full max-w-[320px] rounded-agg-sm" }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SkeletonBlock, { className: "h-4 w-full max-w-[280px] rounded-agg-sm" })
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex w-full flex-col gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SkeletonBlock, { className: "h-5 w-[200px] rounded-agg-sm" }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SkeletonBlock, { className: "h-4 w-full max-w-[320px] rounded-agg-sm" }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SkeletonBlock, { className: "h-4 w-full max-w-[280px] rounded-agg-sm" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex w-full flex-col gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SkeletonBlock, { className: "size-4 rounded-agg-sm" }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SkeletonBlock, { className: "h-5 w-[100px] rounded-agg-sm" })
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "h-px w-full bg-agg-separator" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex w-full flex-col gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SkeletonBlock, { className: "size-4 rounded-agg-sm" }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SkeletonBlock, { className: "h-5 w-[100px] rounded-agg-sm" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SkeletonBlock, { className: "size-4 rounded-agg-sm" }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SkeletonBlock, { className: "h-5 w-[60px] rounded-agg-sm" })
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SkeletonBlock, { className: "size-4 rounded-agg-sm" }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SkeletonBlock, { className: "h-5 w-[60px] rounded-agg-sm" })
           ] })
         ] })
       ]
@@ -660,38 +726,42 @@ var skeletonViews = {
   marketDetailsDetailed: "market-details-detailed",
   eventList: "event-list",
   settlement: "settlement",
-  placeOrder: "place-order"
+  placeOrder: "place-order",
+  search: "search"
 };
 
 // src/primitives/skeleton/index.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var Skeleton = ({ view, className, ariaLabel }) => {
   if (view === skeletonViews.eventListItem) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(EventListItemSkeletonView, { className, ariaLabel, isStandalone: true });
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(EventListItemSkeletonView, { className, ariaLabel, isStandalone: true });
   }
   if (view === skeletonViews.eventListItemDetails) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(EventListItemDetailsSkeletonView, { className, ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(EventListItemDetailsSkeletonView, { className, ariaLabel });
   }
   if (view === skeletonViews.marketDetailsMinified) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(MarketDetailsSkeletonView, { className, ariaLabel, isDetailed: false });
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(MarketDetailsSkeletonView, { className, ariaLabel, isDetailed: false });
   }
   if (view === skeletonViews.marketDetailsDetailed) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(MarketDetailsSkeletonView, { className, ariaLabel, isDetailed: true });
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(MarketDetailsSkeletonView, { className, ariaLabel, isDetailed: true });
   }
   if (view === skeletonViews.settlement) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SettlementSkeletonView, { className, ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SettlementSkeletonView, { className, ariaLabel });
   }
   if (view === skeletonViews.placeOrder) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PlaceOrderSkeletonView, { className, ariaLabel });
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PlaceOrderSkeletonView, { className, ariaLabel });
+  }
+  if (view === skeletonViews.search) {
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SearchSkeletonView, { className, ariaLabel });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(EventListSkeletonView, { className, ariaLabel });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(EventListSkeletonView, { className, ariaLabel });
 };
 Skeleton.displayName = "Skeleton";
 
 // src/primitives/switch-button/index.tsx
 var import_react = require("react");
-var import_hooks9 = require("@agg-market/hooks");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_hooks10 = require("@agg-market/hooks");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var resolveActiveIndex = (options, value) => {
   const activeIndex = options.findIndex((option) => option.value === value);
   if (activeIndex >= 0)
@@ -718,7 +788,9 @@ var SwitchButton = ({
   ariaLabel,
   className
 }) => {
-  const { enableAnimations } = (0, import_hooks9.useSdkUiConfig)();
+  const {
+    features: { enableAnimations }
+  } = (0, import_hooks10.useSdkUiConfig)();
   const activeIndex = (0, import_react.useMemo)(() => {
     return resolveActiveIndex(options, value);
   }, [options, value]);
@@ -760,7 +832,7 @@ var SwitchButton = ({
     }
     onValueChange(nextOption.value);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "div",
     {
       className: cn(
@@ -770,7 +842,7 @@ var SwitchButton = ({
         "cursor-pointer hover:bg-agg-tertiary",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
         "div",
         {
           className: "relative grid min-w-0 flex-1 items-center",
@@ -780,7 +852,7 @@ var SwitchButton = ({
           role: "tablist",
           "aria-label": ariaLabel,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               "span",
               {
                 className: cn(
@@ -800,7 +872,7 @@ var SwitchButton = ({
             options.map((option, optionIndex) => {
               var _a;
               const isActive = optionIndex === activeIndex;
-              return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                 "button",
                 {
                   type: "button",
@@ -843,8 +915,174 @@ var SwitchButton = ({
 };
 SwitchButton.displayName = "SwitchButton";
 
+// src/primitives/icon/types.ts
+var getIconA11yProps = (title) => ({
+  role: title ? "img" : "presentation",
+  "aria-hidden": title ? void 0 : true
+});
+
+// src/primitives/agg-logo/index.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var AggLogo = (_a) => {
+  var _b = _a, { className, title } = _b, props = __objRest(_b, ["className", "title"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      width: "157",
+      height: "24",
+      viewBox: "0 0 157 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          "path",
+          {
+            d: "M21.9232 8.60345L18.8342 20.7753C18.7622 21.0554 18.5141 21.2555 18.234 21.2555L6.33425 21.2715C6.07817 21.2715 5.93412 21.5755 6.08617 21.7836L7.50262 23.7442C7.62266 23.9043 7.80671 24.0003 7.99877 24.0003L14.1207 23.9923C17.9939 23.9843 21.371 21.2875 22.3553 17.4062L23.9798 10.9882C24.0279 10.7961 23.9878 10.5961 23.8758 10.4441L22.4594 8.49137C22.3073 8.28338 21.9872 8.34737 21.9232 8.60345Z",
+            fill: "url(#paint0_linear_1009_15078)"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          "path",
+          {
+            d: "M18.1777 2.57681L16.4972 0.256081C16.3772 0.0960303 16.1931 0 16.001 0L9.87911 0.00800249C6.00588 0.00800249 2.62081 2.71285 1.6445 6.58607L0.01998 13.0041C-0.0280352 13.1962 0.0119774 13.3962 0.124013 13.5482L1.54814 15.5104C1.69758 15.7163 2.01937 15.6544 2.08176 15.4078L5.16561 3.21701C5.23764 2.93692 5.48571 2.73686 5.7658 2.73686L17.6416 2.72085C17.8816 2.72085 18.0584 2.9389 18.0268 3.17715C18.0248 3.19219 18.022 3.20731 18.0183 3.22245L18.1777 2.57681Z",
+            fill: "url(#paint1_linear_1009_15078)"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          "path",
+          {
+            d: "M12.2078 18.5978C14.9047 18.5978 17.2574 16.7093 17.9457 14.0124L18.7269 10.9336C18.775 10.744 18.6317 10.5598 18.4361 10.5598H18.0157H16.3838C16.2465 10.5598 16.1266 10.6531 16.093 10.7862L14.9287 15.3888C14.8567 15.6689 14.6086 15.869 14.3285 15.869L7.72642 15.877C7.47034 15.877 7.28629 15.6289 7.35031 15.3728L9.06285 8.60272C9.13487 8.32265 9.38295 8.12257 9.66304 8.12257L16.2651 8.11457H18.0654H19.209C19.3461 8.11457 19.4658 8.02155 19.4997 7.88864L20.0823 5.60176C20.1304 5.4097 20.0903 5.20964 19.9783 5.05759L18.1777 2.57681L18.0183 3.22245L18.0183 3.22257L18.0177 3.22501L17.5615 5.02558C17.5055 5.23365 17.3215 5.38569 17.1134 5.38569H13.7923C9.92712 5.3937 6.54205 8.09057 5.55774 11.9718L4.18126 18.2416C4.14017 18.4287 4.28267 18.6059 4.47428 18.6059H6.54205L12.2078 18.5978Z",
+            fill: "url(#paint2_linear_1009_15078)"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          "path",
+          {
+            d: "M42.3237 17.3187C42.1644 17.3187 42.0308 17.1984 42.0143 17.04L41.6548 13.6091C41.65 13.5628 41.6556 13.5161 41.6712 13.4723L42.078 12.3299C42.1022 12.262 42.1021 12.1877 42.0776 12.1199L41.6717 10.9959C41.6557 10.9518 41.65 10.9046 41.6548 10.858L42.0144 7.40976C42.0309 7.25129 42.1645 7.13092 42.3238 7.13092H44.1096C44.2944 7.13092 44.4384 7.29105 44.4189 7.47482L43.9189 12.192C43.9166 12.2138 43.9166 12.2358 43.9189 12.2576L44.4189 16.9748C44.4384 17.1586 44.2944 17.3187 44.1096 17.3187H42.3237ZM42.7506 12.1617C42.7592 12.2033 42.7589 12.2463 42.7498 12.2877C42.5205 13.3296 42.1471 14.2446 41.6295 15.0328C41.1015 15.8368 40.4475 16.4607 39.6675 16.9047C38.8995 17.3487 38.0415 17.5707 37.0935 17.5707C36.0976 17.5707 35.2156 17.3487 34.4476 16.9047C33.6796 16.4487 33.0796 15.8188 32.6476 15.0148C32.2156 14.2108 31.9996 13.2808 31.9996 12.2248C31.9996 11.1568 32.2156 10.2269 32.6476 9.43488C33.0796 8.63089 33.6796 8.0069 34.4476 7.56291C35.2156 7.10692 36.0976 6.87892 37.0935 6.87892C38.0415 6.87892 38.8995 7.10092 39.6675 7.54491C40.4475 7.9889 41.1015 8.61289 41.6295 9.41688C42.1589 10.1934 42.5326 11.1083 42.7506 12.1617ZM34.3756 12.2248C34.3756 12.9088 34.5136 13.5148 34.7896 14.0428C35.0776 14.5588 35.4676 14.9668 35.9596 15.2668C36.4516 15.5548 37.0155 15.6988 37.6515 15.6988C38.2995 15.6988 38.8995 15.5548 39.4515 15.2668C40.0035 14.9668 40.4895 14.5588 40.9095 14.0428C41.3187 13.5426 41.6472 12.9723 41.895 12.3321C41.9216 12.2631 41.9217 12.1866 41.8949 12.1176C41.6472 11.4779 41.3187 10.9137 40.9095 10.4249C40.4895 9.89687 40.0035 9.48887 39.4515 9.20088C38.8995 8.90088 38.2995 8.75089 37.6515 8.75089C37.0155 8.75089 36.4516 8.90088 35.9596 9.20088C35.4676 9.48887 35.0776 9.89687 34.7896 10.4249C34.5136 10.9408 34.3756 11.5408 34.3756 12.2248Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          "path",
+          {
+            d: "M55.9592 14.8168V13.0592C55.9592 13.0311 55.963 13.0031 55.9705 12.976L56.0378 12.7337C56.0453 12.7066 56.0492 12.6785 56.0492 12.6504V10.7691C56.0492 10.7437 56.046 10.7184 56.0399 10.6937L55.9685 10.408C55.9623 10.3833 55.9592 10.358 55.9592 10.3326V7.44202C55.9592 7.2702 56.0984 7.13092 56.2703 7.13092H57.988C58.1598 7.13092 58.2991 7.2702 58.2991 7.44202V14.6008C58.2991 15.9088 58.0231 17.0007 57.4711 17.8767C56.9191 18.7647 56.1632 19.4307 55.2032 19.8747C54.2432 20.3187 53.1392 20.5407 51.8912 20.5407C50.9793 20.5407 50.1393 20.4207 49.3713 20.1807C48.6517 19.9558 47.9532 19.6203 47.2757 19.1742C47.1899 19.1177 47.1393 19.0212 47.1393 18.9185V17.7794C47.1393 17.5197 47.4416 17.3711 47.6578 17.5149C48.2269 17.8935 48.81 18.1701 49.4073 18.3447C50.1873 18.5847 50.9673 18.7047 51.7472 18.7047C53.1152 18.7047 54.1592 18.3687 54.8792 17.6967C55.5992 17.0247 55.9592 16.0648 55.9592 14.8168ZM51.0633 16.5267C50.1273 16.5267 49.2873 16.3287 48.5433 15.9328C47.7993 15.5248 47.2113 14.9608 46.7793 14.2408C46.3473 13.5208 46.1313 12.6748 46.1313 11.7028C46.1313 10.7309 46.3473 9.88487 46.7793 9.16488C47.2113 8.44489 47.7993 7.8869 48.5433 7.49091C49.2873 7.08292 50.1273 6.87892 51.0633 6.87892C51.7592 6.87892 52.4012 6.98692 52.9892 7.20292C53.5892 7.41891 54.1232 7.70691 54.5912 8.0669C55.0712 8.41489 55.4732 8.80489 55.7972 9.23688C56.1332 9.65687 56.3912 10.0889 56.5712 10.5329C56.7511 10.9648 56.8411 11.3608 56.8411 11.7208C56.8411 12.1888 56.7031 12.7048 56.4272 13.2688C56.1512 13.8208 55.7552 14.3428 55.2392 14.8348C54.7352 15.3268 54.1292 15.7348 53.4212 16.0588C52.7132 16.3707 51.9272 16.5267 51.0633 16.5267ZM51.7832 14.7988C52.6352 14.7988 53.4152 14.5528 54.1232 14.0608C54.8112 13.5906 55.428 12.852 55.9736 11.8449C56.0216 11.7562 56.0221 11.6492 55.9749 11.5601C55.429 10.5303 54.8118 9.78593 54.1232 9.32688C53.4152 8.83489 52.6352 8.58889 51.7832 8.58889C51.0873 8.58889 50.4933 8.72089 50.0013 8.98488C49.5093 9.24888 49.1313 9.61487 48.8673 10.0829C48.6153 10.5509 48.4893 11.0908 48.4893 11.7028C48.4893 12.3028 48.6153 12.8368 48.8673 13.3048C49.1313 13.7728 49.5093 14.1388 50.0013 14.4028C50.4933 14.6668 51.0873 14.7988 51.7832 14.7988Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          "path",
+          {
+            d: "M69.9862 14.8168V13.0592C69.9862 13.0311 69.9901 13.0031 69.9976 12.976L70.0649 12.7337C70.0724 12.7066 70.0762 12.6785 70.0762 12.6504V10.7691C70.0762 10.7437 70.0731 10.7184 70.067 10.6937L69.9955 10.408C69.9894 10.3833 69.9862 10.358 69.9862 10.3326V7.44202C69.9862 7.2702 70.1255 7.13092 70.2974 7.13092H72.0151C72.1869 7.13092 72.3262 7.2702 72.3262 7.44202V14.6008C72.3262 15.9088 72.0502 17.0007 71.4982 17.8767C70.9462 18.7647 70.1902 19.4307 69.2303 19.8747C68.2703 20.3187 67.1663 20.5407 65.9183 20.5407C65.0063 20.5407 64.1664 20.4207 63.3984 20.1807C62.6788 19.9558 61.9802 19.6203 61.3028 19.1742C61.217 19.1177 61.1664 19.0212 61.1664 18.9185V17.7794C61.1664 17.5197 61.4686 17.3711 61.6849 17.5149C62.254 17.8935 62.8371 18.1701 63.4344 18.3447C64.2144 18.5847 64.9943 18.7047 65.7743 18.7047C67.1423 18.7047 68.1863 18.3687 68.9063 17.6967C69.6263 17.0247 69.9862 16.0648 69.9862 14.8168ZM65.0903 16.5267C64.1544 16.5267 63.3144 16.3287 62.5704 15.9328C61.8264 15.5248 61.2384 14.9608 60.8064 14.2408C60.3744 13.5208 60.1584 12.6748 60.1584 11.7028C60.1584 10.7309 60.3744 9.88487 60.8064 9.16488C61.2384 8.44489 61.8264 7.8869 62.5704 7.49091C63.3144 7.08292 64.1544 6.87892 65.0903 6.87892C65.7863 6.87892 66.4283 6.98692 67.0163 7.20292C67.6163 7.41891 68.1503 7.70691 68.6183 8.0669C69.0983 8.41489 69.5003 8.80489 69.8242 9.23688C70.1602 9.65687 70.4182 10.0889 70.5982 10.5329C70.7782 10.9648 70.8682 11.3608 70.8682 11.7208C70.8682 12.1888 70.7302 12.7048 70.4542 13.2688C70.1782 13.8208 69.7823 14.3428 69.2663 14.8348C68.7623 15.3268 68.1563 15.7348 67.4483 16.0588C66.7403 16.3707 65.9543 16.5267 65.0903 16.5267ZM65.8103 14.7988C66.6623 14.7988 67.4423 14.5528 68.1503 14.0608C68.8383 13.5906 69.4551 12.852 70.0007 11.8449C70.0487 11.7562 70.0492 11.6492 70.002 11.5601C69.4561 10.5303 68.8389 9.78593 68.1503 9.32688C67.4423 8.83489 66.6623 8.58889 65.8103 8.58889C65.1143 8.58889 64.5203 8.72089 64.0284 8.98488C63.5364 9.24888 63.1584 9.61487 62.8944 10.0829C62.6424 10.5509 62.5164 11.0908 62.5164 11.7028C62.5164 12.3028 62.6424 12.8368 62.8944 13.3048C63.1584 13.7728 63.5364 14.1388 64.0284 14.4028C64.5203 14.6668 65.1143 14.7988 65.8103 14.7988Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          "path",
+          {
+            d: "M75.8415 17.4627C75.5655 17.4627 75.3135 17.3967 75.0855 17.2647C74.8695 17.1327 74.6955 16.9587 74.5635 16.7427C74.4315 16.5147 74.3655 16.2627 74.3655 15.9868C74.3655 15.7108 74.4315 15.4648 74.5635 15.2488C74.6955 15.0208 74.8695 14.8408 75.0855 14.7088C75.3135 14.5768 75.5655 14.5108 75.8415 14.5108C76.1175 14.5108 76.3635 14.5768 76.5795 14.7088C76.8075 14.8408 76.9875 15.0208 77.1195 15.2488C77.2515 15.4648 77.3175 15.7108 77.3175 15.9868C77.3175 16.2627 77.2515 16.5147 77.1195 16.7427C76.9875 16.9587 76.8075 17.1327 76.5795 17.2647C76.3635 17.3967 76.1175 17.4627 75.8415 17.4627Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          "path",
+          {
+            d: "M78.9836 7.49826C78.9484 7.30712 79.0952 7.13092 79.2895 7.13092H80.9925C81.1445 7.13092 81.2743 7.24087 81.2993 7.39088L81.8638 10.7775C81.8666 10.7944 81.868 10.8115 81.868 10.8286V17.0076C81.868 17.1794 81.7287 17.3187 81.5569 17.3187H79.8391C79.6673 17.3187 79.528 17.1794 79.528 17.0076V10.4892C79.528 10.4703 79.5263 10.4515 79.5229 10.433L78.9836 7.49826ZM85.6299 6.87892C86.5299 6.87892 87.2919 7.07092 87.9159 7.45491C88.5519 7.8389 89.0319 8.39089 89.3559 9.11088C89.6919 9.81887 89.8599 10.6769 89.8599 11.6848V17.0076C89.8599 17.1794 89.7206 17.3187 89.5487 17.3187H87.831C87.6592 17.3187 87.5199 17.1794 87.5199 17.0076V12.0628C87.5199 10.9948 87.2919 10.1909 86.8359 9.65087C86.3919 9.09888 85.7379 8.82289 84.8739 8.82289C84.262 8.82289 83.728 8.97288 83.272 9.27288C82.828 9.56087 82.48 9.96886 82.228 10.4969C82.049 10.8906 81.9368 11.3344 81.8913 11.8283C81.8696 12.0633 81.6156 12.2137 81.4083 12.101L81.222 11.9997C81.1118 11.9398 81.0479 11.8195 81.0632 11.6949C81.1825 10.7274 81.4328 9.89604 81.814 9.20088C82.234 8.45689 82.768 7.8869 83.416 7.49091C84.076 7.08292 84.8139 6.87892 85.6299 6.87892ZM93.6038 6.87892C94.5038 6.87892 95.2718 7.07092 95.9077 7.45491C96.5437 7.8389 97.0237 8.39089 97.3477 9.11088C97.6837 9.81887 97.8517 10.6769 97.8517 11.6848V17.0076C97.8517 17.1794 97.7124 17.3187 97.5406 17.3187H95.8229C95.651 17.3187 95.5117 17.1794 95.5117 17.0076V12.0628C95.5117 10.9948 95.2837 10.1909 94.8278 9.65087C94.3838 9.09888 93.7298 8.82289 92.8658 8.82289C92.2538 8.82289 91.7198 8.97288 91.2638 9.27288C90.8198 9.56087 90.4718 9.96886 90.2198 10.4969C90.0409 10.8906 89.9286 11.3344 89.8831 11.8283C89.8615 12.0633 89.6075 12.2137 89.4002 12.101L89.2139 11.9997C89.1036 11.9398 89.0397 11.8195 89.0551 11.6949C89.1744 10.7274 89.4246 9.89604 89.8059 9.20088C90.2258 8.45689 90.7598 7.8869 91.4078 7.49091C92.0678 7.08292 92.7998 6.87892 93.6038 6.87892Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          "path",
+          {
+            d: "M109.981 17.3187C109.821 17.3187 109.688 17.1984 109.671 17.04L109.312 13.6091C109.307 13.5628 109.313 13.5161 109.328 13.4723L109.735 12.3299C109.759 12.262 109.759 12.1877 109.735 12.1199L109.329 10.9959C109.313 10.9518 109.307 10.9046 109.312 10.858L109.671 7.40976C109.688 7.25129 109.821 7.13092 109.981 7.13092H111.767C111.951 7.13092 112.095 7.29105 112.076 7.47482L111.576 12.192C111.574 12.2138 111.574 12.2358 111.576 12.2576L112.076 16.9748C112.095 17.1586 111.951 17.3187 111.767 17.3187H109.981ZM110.408 12.1617C110.416 12.2033 110.416 12.2463 110.407 12.2877C110.177 13.3296 109.804 14.2446 109.286 15.0328C108.758 15.8368 108.104 16.4607 107.324 16.9047C106.556 17.3487 105.698 17.5707 104.751 17.5707C103.755 17.5707 102.873 17.3487 102.105 16.9047C101.337 16.4487 100.737 15.8188 100.305 15.0148C99.8726 14.2108 99.6566 13.2808 99.6566 12.2248C99.6566 11.1568 99.8726 10.2269 100.305 9.43488C100.737 8.63089 101.337 8.0069 102.105 7.56291C102.873 7.10692 103.755 6.87892 104.751 6.87892C105.698 6.87892 106.556 7.10092 107.324 7.54491C108.104 7.9889 108.758 8.61289 109.286 9.41688C109.816 10.1934 110.19 11.1083 110.408 12.1617ZM102.033 12.2248C102.033 12.9088 102.171 13.5148 102.447 14.0428C102.735 14.5588 103.125 14.9668 103.617 15.2668C104.109 15.5548 104.673 15.6988 105.308 15.6988C105.956 15.6988 106.556 15.5548 107.108 15.2668C107.66 14.9668 108.146 14.5588 108.566 14.0428C108.976 13.5426 109.304 12.9723 109.552 12.3321C109.579 12.2631 109.579 12.1866 109.552 12.1176C109.304 11.4779 108.976 10.9137 108.566 10.4249C108.146 9.89687 107.66 9.48887 107.108 9.20088C106.556 8.90088 105.956 8.75089 105.308 8.75089C104.673 8.75089 104.109 8.90088 103.617 9.20088C103.125 9.48887 102.735 9.89687 102.447 10.4249C102.171 10.9408 102.033 11.5408 102.033 12.2248Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          "path",
+          {
+            d: "M113.948 7.49946C113.912 7.30797 114.058 7.13092 114.253 7.13092H115.954C116.107 7.13092 116.236 7.24113 116.261 7.39136L116.826 10.8137C116.829 10.8304 116.83 10.8474 116.83 10.8643V17.0076C116.83 17.1794 116.691 17.3187 116.519 17.3187H114.801C114.63 17.3187 114.49 17.1794 114.49 17.0076V10.4178C114.49 10.3986 114.489 10.3793 114.485 10.3604L113.948 7.49946ZM121.775 7.00066C121.908 7.02983 121.996 7.15157 121.996 7.28764V8.70357C121.996 8.9087 121.801 9.05804 121.599 9.01962C121.45 8.99118 121.294 8.9676 121.132 8.94888C120.82 8.91288 120.526 8.89489 120.25 8.89489C119.59 8.89489 119.002 9.03888 118.486 9.32688C117.97 9.61487 117.562 10.0469 117.262 10.6229C117.066 11.0072 116.937 11.4529 116.874 11.9598C116.843 12.2092 116.514 12.3214 116.356 12.1261C116.314 12.0739 116.293 12.0075 116.298 11.9404C116.35 11.2597 116.468 10.6226 116.65 10.0289C116.854 9.39288 117.13 8.84089 117.478 8.37289C117.838 7.9049 118.276 7.53891 118.792 7.27491C119.308 7.01092 119.908 6.87892 120.592 6.87892C120.832 6.87892 121.078 6.89692 121.33 6.93292C121.491 6.9482 121.639 6.97078 121.775 7.00066Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          "path",
+          {
+            d: "M125.81 14.9166C125.81 15.0952 125.632 15.2192 125.464 15.1575C125.298 15.0965 125.242 14.8903 125.354 14.7538L131.512 7.24475C131.571 7.17269 131.659 7.13092 131.753 7.13092H133.633C133.898 7.13092 134.042 7.44142 133.87 7.64349L125.741 17.2091C125.682 17.2786 125.595 17.3187 125.504 17.3187H123.781C123.609 17.3187 123.47 17.1794 123.47 17.0076V3.77009C123.47 3.59827 123.609 3.45898 123.781 3.45898H125.498C125.67 3.45898 125.81 3.59827 125.81 3.77009V14.9166ZM128.846 12.5001C128.766 12.3721 128.789 12.2052 128.901 12.1041L130.076 11.0459C130.218 10.9181 130.44 10.9469 130.544 11.1066L134.296 16.8372C134.432 17.0441 134.283 17.3187 134.036 17.3187H132.03C131.923 17.3187 131.823 17.2635 131.766 17.1725L128.846 12.5001Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          "path",
+          {
+            d: "M140.844 17.5707C139.656 17.5707 138.6 17.3487 137.676 16.9047C136.752 16.4487 136.026 15.8188 135.498 15.0148C134.97 14.2108 134.706 13.2748 134.706 12.2068C134.706 11.1508 134.952 10.2269 135.444 9.43488C135.948 8.63089 136.638 8.0069 137.514 7.56291C138.402 7.10692 139.416 6.87892 140.556 6.87892C141.696 6.87892 142.68 7.13692 143.508 7.65291C144.348 8.1569 144.996 8.87089 145.452 9.79487C145.869 10.6412 146.096 11.6235 146.131 12.7417C146.136 12.9134 145.996 13.0528 145.825 13.0528H136.853C136.681 13.0528 136.542 12.9135 136.542 12.7417V11.5819C136.542 11.4101 136.681 11.2708 136.853 11.2708H144.023C144.279 11.2708 144.369 11.6104 144.147 11.7371C143.985 11.8288 143.783 11.7186 143.758 11.5349C143.688 11.0323 143.539 10.5903 143.31 10.2089C143.034 9.72887 142.656 9.36288 142.176 9.11088C141.708 8.84689 141.15 8.71489 140.502 8.71489C139.818 8.71489 139.218 8.85289 138.702 9.12888C138.198 9.40488 137.802 9.79487 137.514 10.2989C137.226 10.7909 137.082 11.3788 137.082 12.0628C137.082 12.8188 137.25 13.4728 137.586 14.0248C137.934 14.5768 138.42 15.0028 139.044 15.3028C139.68 15.5908 140.43 15.7348 141.294 15.7348C142.074 15.7348 142.872 15.6148 143.688 15.3748C144.291 15.1883 144.843 14.9494 145.341 14.6579C145.559 14.5303 145.848 14.6812 145.848 14.934V15.8696C145.848 15.9662 145.803 16.0577 145.725 16.1145C145.125 16.5512 144.404 16.8986 143.562 17.1567C142.674 17.4327 141.768 17.5707 140.844 17.5707Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          "path",
+          {
+            d: "M147.009 8.93088C146.837 8.93088 146.698 8.7916 146.698 8.61978V8.11035C146.698 7.96827 146.794 7.84424 146.932 7.80898L148.713 7.35263C148.815 7.3266 148.896 7.25112 148.93 7.15187L149.776 4.67746C149.819 4.55156 149.937 4.46697 150.07 4.46697H150.905C151.077 4.46697 151.216 4.60625 151.216 4.77807V6.81981C151.216 6.99163 151.355 7.13092 151.527 7.13092H155.639C155.811 7.13092 155.95 7.2702 155.95 7.44202V8.61978C155.95 8.7916 155.811 8.93088 155.639 8.93088H151.527C151.355 8.93088 151.216 9.07017 151.216 9.24199V13.3408C151.216 14.1928 151.396 14.7928 151.756 15.1408C152.128 15.4768 152.728 15.6448 153.556 15.6448C154.084 15.6448 154.552 15.5908 154.96 15.4828C155.196 15.4134 155.426 15.3279 155.65 15.2264C155.868 15.1273 156.13 15.2793 156.13 15.5192V16.7125C156.13 16.8303 156.064 16.9389 155.955 16.9854C155.66 17.1126 155.274 17.2357 154.798 17.3547C154.234 17.4987 153.652 17.5707 153.052 17.5707C152.056 17.5707 151.252 17.4087 150.64 17.0847C150.028 16.7487 149.578 16.2927 149.29 15.7168C149.014 15.1288 148.876 14.4568 148.876 13.7008V9.24199C148.876 9.07017 148.737 8.93088 148.565 8.93088H147.009Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("defs", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+            "linearGradient",
+            {
+              id: "paint0_linear_1009_15078",
+              x1: "15.0119",
+              y1: "8.36719",
+              x2: "15.0119",
+              y2: "24.0003",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("stop", { stopColor: "#FDA349" }),
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("stop", { offset: "1", stopColor: "#FEB549" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+            "linearGradient",
+            {
+              id: "paint1_linear_1009_15078",
+              x1: "10.0512",
+              y1: "0",
+              x2: "10.0512",
+              y2: "18.6059",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("stop", { stopColor: "#FE763C" }),
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("stop", { offset: "1", stopColor: "#FE9943" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+            "linearGradient",
+            {
+              id: "paint2_linear_1009_15078",
+              x1: "10.0512",
+              y1: "0",
+              x2: "10.0512",
+              y2: "18.6059",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("stop", { stopColor: "#FE763C" }),
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("stop", { offset: "1", stopColor: "#FE9943" })
+              ]
+            }
+          )
+        ] })
+      ]
+    })
+  );
+};
+AggLogo.displayName = "AggLogo";
+
 // src/primitives/hello-world.tsx
-var import_hooks10 = require("@agg-market/hooks");
+var import_hooks11 = require("@agg-market/hooks");
 
 // src/primitives/typography/typography.constants.ts
 var typographyVariants = [
@@ -883,14 +1121,14 @@ var typographyVariantClasses = {
 };
 
 // src/primitives/typography/index.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var Typography = ({
   as: Component = "p",
   variant = "body",
   className,
   children
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     Component,
     {
       className: cn(
@@ -906,28 +1144,28 @@ var Typography = ({
 Typography.displayName = "Typography";
 
 // src/primitives/hello-world.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function HelloWorld() {
-  const { data, error, isLoading } = (0, import_hooks10.useHello)();
+  const { data, error, isLoading } = (0, import_hooks11.useHello)();
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Typography, { variant: "body", children: "Loading..." });
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Typography, { variant: "body", children: "Loading..." });
   }
   if (error) {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Typography, { variant: "body", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Typography, { variant: "body", children: [
       "Error: ",
       error.message
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Typography, { variant: "body", children: data == null ? void 0 : data.message });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Typography, { variant: "body", children: data == null ? void 0 : data.message });
 }
 HelloWorld.displayName = "HelloWorld";
 
 // src/primitives/chart/index.tsx
 var import_dayjs = __toESM(require("dayjs"));
-var import_hooks11 = require("@agg-market/hooks");
+var import_hooks12 = require("@agg-market/hooks");
 var import_react2 = require("react");
 var import_liveline = require("liveline");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var normalizeSeries = (series) => {
   return series.map((seriesItem) => {
     const pointsByTime = /* @__PURE__ */ new Map();
@@ -1052,7 +1290,7 @@ var renderDefaultSeriesControls = ({
   seriesSwitchAriaLabel,
   formatSeriesOptionAriaLabel
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     SwitchButton,
     {
       ariaLabel: seriesSwitchAriaLabel,
@@ -1089,8 +1327,11 @@ var LineChart = ({
   live
 }) => {
   var _a, _b;
-  const labels = (0, import_hooks11.useLabels)();
-  const { theme, enableGradients, enableLiveUpdates } = (0, import_hooks11.useSdkUiConfig)();
+  const labels = (0, import_hooks12.useLabels)();
+  const {
+    general: { theme },
+    features: { enableGradients, enableLiveUpdates }
+  } = (0, import_hooks12.useSdkUiConfig)();
   const isLive = enableLiveUpdates && (live != null ? live : true);
   const normalizedSeries = (0, import_react2.useMemo)(() => {
     return normalizeSeries(series);
@@ -1172,9 +1413,9 @@ var LineChart = ({
     seriesSwitchAriaLabel: labels.common.lineChartSeriesSwitchAria,
     formatSeriesOptionAriaLabel: labels.common.lineChartSeriesOptionAria
   }) : null : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: cn("group/agg-chart", "w-full", classNames == null ? void 0 : classNames.root), style: { width }, children: [
-    !isLoading && seriesControls ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: cn("mb-3", classNames == null ? void 0 : classNames.controls), children: seriesControls }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: cn("group/agg-chart", "w-full", classNames == null ? void 0 : classNames.root), style: { width }, children: [
+    !isLoading && seriesControls ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: cn("mb-3", classNames == null ? void 0 : classNames.controls), children: seriesControls }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       "div",
       {
         className: cn(
@@ -1184,7 +1425,7 @@ var LineChart = ({
         style: { height },
         role: "img",
         "aria-label": chartType === "candlestick" ? labels.common.candlestickChartAria : labels.common.lineChartAria,
-        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           import_liveline.Liveline,
           {
             className: cn("h-full w-full agg-livechart", classNames == null ? void 0 : classNames.liveline),
@@ -1208,7 +1449,7 @@ var LineChart = ({
             formatTime: timeFormatter,
             padding: {
               top: 12,
-              right: 80,
+              right: 28,
               bottom: 28,
               left: 12
             },
@@ -1223,16 +1464,18 @@ var LineChart = ({
 LineChart.displayName = "LineChart";
 
 // src/primitives/loading-icon/index.tsx
-var import_hooks12 = require("@agg-market/hooks");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_hooks13 = require("@agg-market/hooks");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var LoadingIcon = ({
   size = "medium",
   className,
   ariaLabel
 }) => {
-  const labels = (0, import_hooks12.useLabels)();
-  const { enableAnimations } = (0, import_hooks12.useSdkUiConfig)();
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  const labels = (0, import_hooks13.useLabels)();
+  const {
+    features: { enableAnimations }
+  } = (0, import_hooks13.useSdkUiConfig)();
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "span",
     {
       role: "status",
@@ -1242,8 +1485,8 @@ var LoadingIcon = ({
         "inline-grid place-items-center text-agg-primary will-change-transform",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "inline-grid place-items-center", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("svg", { viewBox: "0 0 44 44", className: cn("block", iconSizeClasses[size]), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("g", { children: [
-        enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "inline-grid place-items-center", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("svg", { viewBox: "0 0 44 44", className: cn("block", iconSizeClasses[size]), children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("g", { children: [
+        enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           "animateTransform",
           {
             attributeName: "transform",
@@ -1255,7 +1498,7 @@ var LoadingIcon = ({
             repeatCount: "indefinite"
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           "circle",
           {
             cx: "22",
@@ -1267,8 +1510,8 @@ var LoadingIcon = ({
             strokeLinecap: "round",
             strokeDasharray: "60 100",
             strokeDashoffset: "0",
-            children: enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            children: enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 "animate",
                 {
                   attributeName: "stroke-dasharray",
@@ -1277,7 +1520,7 @@ var LoadingIcon = ({
                   repeatCount: "indefinite"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 "animate",
                 {
                   attributeName: "stroke-dashoffset",
@@ -1295,17 +1538,11 @@ var LoadingIcon = ({
 };
 LoadingIcon.displayName = "LoadingIcon";
 
-// src/primitives/icon/types.ts
-var getIconA11yProps = (title) => ({
-  role: title ? "img" : "presentation",
-  "aria-hidden": title ? void 0 : true
-});
-
 // src/primitives/icon/svg/apple.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var AppleIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 24 24",
@@ -1313,8 +1550,8 @@ var AppleIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           "path",
           {
             d: "M18.71 19.5C17.88 20.74 17 21.95 15.66 21.97C14.32 22 13.89 21.18 12.37 21.18C10.84 21.18 10.37 21.95 9.09997 22C7.78997 22.05 6.79997 20.68 5.95997 19.47C4.24997 17 2.93997 12.45 4.69997 9.39C5.56997 7.87 7.12997 6.91 8.81997 6.88C10.1 6.86 11.32 7.75 12.11 7.75C12.89 7.75 14.37 6.68 15.92 6.84C16.57 6.87 18.39 7.1 19.56 8.82C19.47 8.88 17.39 10.1 17.41 12.63C17.44 15.65 20.06 16.66 20.09 16.67C20.06 16.74 19.67 18.11 18.71 19.5ZM13 3.5C13.73 2.67 14.94 2.04 15.94 2C16.07 3.17 15.6 4.35 14.9 5.19C14.21 6.04 13.07 6.7 11.95 6.61C11.8 5.46 12.36 4.26 13 3.5Z",
@@ -1328,10 +1565,10 @@ var AppleIcon = (_a) => {
 AppleIcon.displayName = "AppleIcon";
 
 // src/primitives/icon/svg/arrow-trend-up.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var ArrowTrendUpIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -1339,8 +1576,8 @@ var ArrowTrendUpIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           "path",
           {
             d: "M2 11.5L6.5 7L9.5 10L14 5.5",
@@ -1350,7 +1587,7 @@ var ArrowTrendUpIcon = (_a) => {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           "path",
           {
             d: "M10.5 5.5H14V9",
@@ -1367,10 +1604,10 @@ var ArrowTrendUpIcon = (_a) => {
 ArrowTrendUpIcon.displayName = "ArrowTrendUpIcon";
 
 // src/primitives/icon/svg/arrows-to-dot.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var ArrowsToDotIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -1378,8 +1615,8 @@ var ArrowsToDotIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           "path",
           {
             d: "M8 6.66667C8.73667 6.66667 9.33333 7.26333 9.33333 8C9.33333 8.73667 8.73667 9.33333 8 9.33333C7.26333 9.33333 6.66667 8.73667 6.66667 8C6.66667 7.26333 7.26333 6.66667 8 6.66667ZM5.27867 7.05733L3.39267 5.17133C3.132 4.91067 2.71067 4.91067 2.45 5.17133C2.18933 5.432 2.18933 5.854 2.45 6.114L3.67467 7.33333H0.666667C0.298 7.33333 0 7.632 0 8C0 8.368 0.298 8.66667 0.666667 8.66667H3.662L2.44867 9.88667C2.18867 10.148 2.19 10.5693 2.45133 10.8293C2.71267 11.0893 3.13467 11.088 3.394 10.8267L5.27933 8.93133C5.79467 8.41467 5.79467 7.574 5.27933 7.05667L5.27867 7.05733ZM7.068 5.278C7.56133 5.79267 8.45 5.79267 8.94267 5.278L10.828 3.392C11.0887 3.13133 11.0887 2.70933 10.828 2.44933C10.5673 2.18867 10.146 2.18867 9.88533 2.44933L8.66667 3.674V0.666667C8.66667 0.298667 8.36867 0 8 0C7.63133 0 7.33333 0.298667 7.33333 0.666667V3.662L6.11333 2.44867C5.852 2.18867 5.43067 2.19 5.17067 2.45133C4.91067 2.71267 4.912 3.13467 5.17333 3.394L7.068 5.278ZM8.94267 10.7213C8.42667 10.2053 7.58533 10.2053 7.06867 10.72L5.17267 12.606C4.91133 12.866 4.91 13.2873 5.17 13.5487C5.42933 13.8093 5.85067 13.8113 6.11267 13.5513L7.33267 12.3307V15.3333C7.33267 15.702 7.63067 16 7.99933 16C8.368 16 8.666 15.702 8.666 15.3333V12.3307L9.88467 13.55C10.1453 13.8107 10.5667 13.8107 10.8273 13.55C11.088 13.2893 11.088 12.868 10.8273 12.6073L8.94267 10.7213ZM15.3333 7.33333H12.3307L13.55 6.114C13.8107 5.854 13.8107 5.432 13.55 5.17133C13.2893 4.91067 12.868 4.91067 12.6073 5.17133L10.7213 7.05733C10.2053 7.574 10.2047 8.41467 10.72 8.93133L12.606 10.8273C12.866 11.088 13.2873 11.09 13.5487 10.83C13.81 10.57 13.8113 10.1487 13.5513 9.88733L12.3307 8.66733H15.3333C15.702 8.66733 16 8.36867 16 8.00067C16 7.63267 15.702 7.334 15.3333 7.334V7.33333Z",
@@ -1393,10 +1630,10 @@ var ArrowsToDotIcon = (_a) => {
 ArrowsToDotIcon.displayName = "ArrowsToDotIcon";
 
 // src/primitives/icon/svg/bank.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var BankIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 24 24",
@@ -1404,8 +1641,8 @@ var BankIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           "path",
           {
             d: "M23 22H1C0.448 22 0 22.448 0 23C0 23.552 0.448 24 1 24H23C23.552 24 24 23.552 24 23C24 22.448 23.552 22 23 22ZM2 21H4V11H2V21ZM6 21H8V11H6V21ZM10 21H14V11H10V21ZM16 21H18V11H16V21ZM20 21H22V11H20V21ZM12 0.334C11.826 0.123 11.569 0 11.297 0H12.703C12.431 0 12.174 0.123 12 0.334ZM0.392 8.613C0.144 9.02 0 9.495 0 10C0 10 0 10 1 10H23C24 10 24 10 24 10C24 9.495 23.856 9.02 23.608 8.613L13.406 0.668C13.016 0.244 12.528 0 12 0C11.472 0 10.984 0.244 10.594 0.668L0.392 8.613ZM12 2.156L21.445 9H2.555L12 2.156ZM12 5C10.895 5 10 5.895 10 7C10 8.105 10.895 9 12 9C13.105 9 14 8.105 14 7C14 5.895 13.105 5 12 5ZM12 8C11.448 8 11 7.552 11 7C11 6.448 11.448 6 12 6C12.552 6 13 6.448 13 7C13 7.552 12.552 8 12 8Z",
@@ -1419,10 +1656,10 @@ var BankIcon = (_a) => {
 BankIcon.displayName = "BankIcon";
 
 // src/primitives/icon/svg/best-prices.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var BestPricesIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       width: "28",
@@ -1433,15 +1670,15 @@ var BestPricesIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("g", { clipPath: "url(#clip0_best_prices)", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("g", { clipPath: "url(#clip0_best_prices)", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           "path",
           {
             d: "M12.8333 27.4167C12.8333 27.7387 12.572 28 12.25 28H5.25C2.3555 28 0 25.6445 0 22.75V5.25117C0 2.35667 2.35433 0 5.25 0H18.0833C20.9778 0 23.3333 2.35433 23.3333 5.24883V8.74883C23.3333 9.07083 23.0732 9.33217 22.75 9.33217C22.4268 9.33217 22.1667 9.07083 22.1667 8.74883V5.24883C22.1667 2.99717 20.3338 1.1655 18.0833 1.1655H5.25C2.99833 1.1655 1.16667 2.99833 1.16667 5.25V22.7488C1.16667 25.0005 2.9995 26.8322 5.25 26.8322H12.25C12.572 26.8322 12.8333 27.0947 12.8333 27.4167ZM27.8297 27.8297C27.7153 27.944 27.566 28 27.4167 28C27.2673 28 27.118 27.9428 27.0037 27.8297L23.0102 23.8362C21.6837 24.9748 19.964 25.6667 18.0822 25.6667C13.9008 25.6667 10.4988 22.2647 10.4988 18.0833C10.4988 13.902 13.9008 10.5 18.0822 10.5C22.2635 10.5 25.6655 13.902 25.6655 18.0833C25.6655 19.964 24.9725 21.6837 23.835 23.0113L27.8285 27.0048C28.056 27.2323 28.0572 27.6022 27.8297 27.8297ZM24.5 18.0833C24.5 14.546 21.6218 11.6667 18.0833 11.6667C14.5448 11.6667 11.6667 14.546 11.6667 18.0833C11.6667 21.6207 14.5448 24.5 18.0833 24.5C21.6218 24.5 24.5 21.6207 24.5 18.0833ZM7.58333 5.83333H5.25C4.928 5.83333 4.66667 6.09467 4.66667 6.41667C4.66667 6.73867 4.928 7 5.25 7H7.58333C7.90533 7 8.16667 6.73867 8.16667 6.41667C8.16667 6.09467 7.90533 5.83333 7.58333 5.83333ZM7.58333 17.5H5.25C4.928 17.5 4.66667 17.7613 4.66667 18.0833C4.66667 18.4053 4.928 18.6667 5.25 18.6667H7.58333C7.90533 18.6667 8.16667 18.4053 8.16667 18.0833C8.16667 17.7613 7.90533 17.5 7.58333 17.5ZM11.0833 5.83333C10.7613 5.83333 10.5 6.09467 10.5 6.41667C10.5 6.73867 10.7613 7 11.0833 7H18.0833C18.4053 7 18.6667 6.73867 18.6667 6.41667C18.6667 6.09467 18.4053 5.83333 18.0833 5.83333H11.0833ZM7.58333 11.6667H5.25C4.928 11.6667 4.66667 11.928 4.66667 12.25C4.66667 12.572 4.928 12.8333 5.25 12.8333H7.58333C7.90533 12.8333 8.16667 12.572 8.16667 12.25C8.16667 11.928 7.90533 11.6667 7.58333 11.6667ZM21.1668 16.4862L18.0098 19.5405C17.6167 19.9255 16.9762 19.9302 16.583 19.5452L14.9928 17.976C14.7642 17.7497 14.3943 17.752 14.168 17.9807C13.9417 18.2105 13.944 18.5803 14.1738 18.8055L15.7652 20.377C16.1875 20.79 16.7417 20.9965 17.2958 20.9965C17.85 20.9965 18.4053 20.7888 18.8253 20.3747L21.9788 17.325C22.2098 17.101 22.2168 16.7312 21.9928 16.5002C21.77 16.2692 21.399 16.2645 21.1668 16.4862Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("clipPath", { id: "clip0_best_prices", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("clipPath", { id: "clip0_best_prices", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
       ]
     })
   );
@@ -1449,10 +1686,10 @@ var BestPricesIcon = (_a) => {
 BestPricesIcon.displayName = "BestPricesIcon";
 
 // src/primitives/icon/svg/bolt.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var BoltIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 24 24",
@@ -1460,15 +1697,15 @@ var BoltIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("g", { clipPath: "url(#bolt-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("g", { clipPath: "url(#bolt-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           "path",
           {
             d: "M11.7372 24C11.4922 24 11.2432 23.946 11.0022 23.835C10.2162 23.472 9.83423 22.637 10.0722 21.805L11.8272 16H6.50123C5.70223 16 4.97023 15.632 4.49423 14.99C4.01823 14.348 3.87723 13.541 4.10823 12.776L7.13023 1.788C7.45523 0.714 8.41723 0 9.52623 0H13.8992C14.5872 0 15.2322 0.338 15.6242 0.903C16.0162 1.468 16.1062 2.191 15.8652 2.835L13.7052 9H17.5002C18.4422 9 19.2682 9.497 19.7092 10.33C20.1502 11.163 20.0982 12.124 19.5692 12.904L13.1592 23.216C12.8202 23.725 12.2912 24 11.7372 24ZM9.52723 1C8.86123 1 8.28423 1.428 8.09123 2.066L5.06923 13.054C4.92723 13.525 5.01123 14.009 5.29723 14.394C5.58323 14.779 6.02223 15 6.50223 15H12.5012C12.6592 15 12.8082 15.075 12.9022 15.202C12.9962 15.329 13.0252 15.493 12.9792 15.644L11.0322 22.086C10.9102 22.514 11.1532 22.802 11.4232 22.926C11.6922 23.05 12.0692 23.05 12.3192 22.673L18.7312 12.358C19.0592 11.874 19.0912 11.297 18.8262 10.797C18.5612 10.297 18.0662 9.999 17.5002 9.999H13.0002C12.8382 9.999 12.6862 9.92 12.5922 9.788C12.4982 9.656 12.4742 9.487 12.5282 9.333L14.9252 2.493C15.0572 2.14 15.0112 1.772 14.8022 1.472C14.5942 1.171 14.2642 0.999 13.8992 0.999H9.52623L9.52723 1Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("clipPath", { id: "bolt-clip", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("rect", { width: "24", height: "24", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("clipPath", { id: "bolt-clip", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("rect", { width: "24", height: "24", fill: "white" }) }) })
       ]
     })
   );
@@ -1476,10 +1713,10 @@ var BoltIcon = (_a) => {
 BoltIcon.displayName = "BoltIcon";
 
 // src/primitives/icon/svg/check-circle.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var CheckCircleIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       width: "24",
@@ -1490,15 +1727,15 @@ var CheckCircleIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("g", { clipPath: "url(#clip0_check_circle)", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("g", { clipPath: "url(#clip0_check_circle)", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           "path",
           {
             d: "M12 0C5.383 0 0 5.383 0 12C0 18.617 5.383 24 12 24C18.617 24 24 18.617 24 12C24 5.383 18.617 0 12 0ZM18.2 10.512L13.774 14.857C12.991 15.625 11.983 16.008 10.974 16.008C9.976 16.008 8.978 15.632 8.198 14.879L6.299 13.012C5.905 12.625 5.9 11.992 6.287 11.598C6.673 11.203 7.308 11.198 7.701 11.586L9.594 13.447C10.37 14.197 11.595 14.193 12.375 13.429L16.8 9.085C17.193 8.697 17.824 8.704 18.214 9.098C18.601 9.492 18.595 10.125 18.2 10.512Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("clipPath", { id: "clip0_check_circle", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("rect", { width: "24", height: "24", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("clipPath", { id: "clip0_check_circle", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("rect", { width: "24", height: "24", fill: "white" }) }) })
       ]
     })
   );
@@ -1506,10 +1743,10 @@ var CheckCircleIcon = (_a) => {
 CheckCircleIcon.displayName = "CheckCircleIcon";
 
 // src/primitives/icon/svg/chart-candlestick.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var ChartCandlestickIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 20 20",
@@ -1518,21 +1755,21 @@ var ChartCandlestickIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "path",
           {
             d: "M5.55496 13.3329H6.11051H7.22163H7.77718V6.66623H7.22163H6.11051H5.55496V13.3329ZM8.88829 13.6107C8.88829 14.0709 8.5152 14.444 8.05496 14.444H7.22163H6.11051H5.27718L5.192 14.4397C4.77178 14.397 4.44385 14.0422 4.44385 13.6107V6.38845C4.44385 5.92822 4.81694 5.55512 5.27718 5.55512H6.11051H7.22163H8.05496C8.5152 5.55512 8.88829 5.92822 8.88829 6.38845V13.6107Z",
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "path",
           {
             d: "M12.2216 12.2218H12.7772H13.8883H14.4438V7.77734H13.8883H12.7772H12.2216V12.2218ZM15.555 12.4996C15.555 12.9598 15.1819 13.3329 14.7216 13.3329H13.8883H12.7772H11.9438L11.8587 13.3286C11.4384 13.2859 11.1105 12.931 11.1105 12.4996V7.49957C11.1105 7.03933 11.4836 6.66623 11.9438 6.66623H12.7772H13.8883H14.7216C15.1819 6.66623 15.555 7.03933 15.555 7.49957V12.4996Z",
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "path",
           {
             fillRule: "evenodd",
@@ -1541,7 +1778,7 @@ var ChartCandlestickIcon = (_a) => {
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "path",
           {
             fillRule: "evenodd",
@@ -1557,10 +1794,10 @@ var ChartCandlestickIcon = (_a) => {
 ChartCandlestickIcon.displayName = "ChartCandlestickIcon";
 
 // src/primitives/icon/svg/chart-line.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var ChartLineIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 20 20",
@@ -1569,29 +1806,29 @@ var ChartLineIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           "path",
           {
             d: "M16.8875 5.37257C16.6712 5.28028 16.4321 5.25518 16.2012 5.29987C15.9703 5.34459 15.7582 5.45741 15.592 5.62376C15.4258 5.79009 15.3132 6.00218 15.2686 6.23303L13.8672 13.5068L12.6558 10.2527C12.5907 10.0785 12.4852 9.92156 12.3482 9.79586C12.2109 9.67003 12.0458 9.57864 11.8664 9.52893C11.6869 9.47923 11.4982 9.47263 11.3157 9.50995C11.1332 9.5473 10.9621 9.62754 10.8166 9.74378L10.5746 9.93692L9.56334 8.34566C9.44798 8.16423 9.28505 8.018 9.09242 7.92249C8.89973 7.82699 8.68443 7.78559 8.47014 7.80367C8.25577 7.8218 8.05005 7.89849 7.87606 8.02503C7.70218 8.15153 7.566 8.32319 7.48273 8.52145L5.72004 12.7207L4.79828 11.9937C4.55292 11.8004 4.24095 11.7125 3.93077 11.749C3.6205 11.7856 3.33728 11.9439 3.14356 12.189L3.14301 12.1884L1.51487 14.2539L1.51433 14.2533C1.41771 14.3762 1.37444 14.5327 1.3928 14.6879C1.41122 14.8432 1.49034 14.9849 1.61307 15.0818C1.7359 15.1787 1.89227 15.2232 2.04764 15.2049C2.20294 15.1867 2.34451 15.1073 2.44152 14.9847L4.06912 12.922L4.99196 13.65C5.13448 13.7623 5.30109 13.84 5.47861 13.8774C5.65618 13.9147 5.84005 13.9103 6.01572 13.8649C6.19141 13.8195 6.35425 13.734 6.49152 13.6153C6.62876 13.4966 6.73698 13.348 6.80728 13.1807L8.56942 8.98314L9.60349 10.6091L9.67239 10.7068C9.74621 10.8005 9.83393 10.8828 9.9328 10.9504C10.0647 11.0405 10.2139 11.1029 10.3706 11.1338C10.5273 11.1645 10.6887 11.1629 10.8448 11.1294C11.0009 11.0959 11.1486 11.0313 11.2788 10.939L11.574 10.7296L12.7637 13.9267C12.8534 14.1676 13.0193 14.3727 13.2363 14.5105C13.4532 14.6482 13.7094 14.7108 13.9654 14.6895C14.2216 14.6682 14.4638 14.564 14.655 14.3922C14.8462 14.2205 14.9759 13.9909 15.0245 13.7385L16.4264 6.46252L17.8749 8.70754C17.9169 8.77265 17.9713 8.82942 18.035 8.87355C18.0987 8.91771 18.1708 8.94885 18.2466 8.96524C18.3224 8.98163 18.4008 8.98293 18.4771 8.96904C18.5534 8.95514 18.6263 8.92644 18.6914 8.8844C18.7566 8.84235 18.8128 8.78762 18.8569 8.72381C18.901 8.66003 18.9323 8.58802 18.9486 8.51222C18.9649 8.43652 18.9658 8.35835 18.9519 8.28219C18.9379 8.20597 18.9093 8.13296 18.8672 8.06789L18.8667 8.06734L17.4154 5.81745C17.2879 5.61981 17.1039 5.46489 16.8875 5.37257Z",
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           "path",
           {
             d: "M10.4631 11.4269C10.6099 11.4405 10.7584 11.4319 10.9032 11.4009C10.7102 11.4423 10.5107 11.444 10.3171 11.4059C10.2989 11.4023 10.2808 11.3984 10.2629 11.3941C10.1371 11.3644 10.0159 11.3181 9.90263 11.2565L9.90176 11.256C9.85881 11.2326 9.81699 11.207 9.77646 11.1793C9.61349 11.0679 9.47488 10.9245 9.36906 10.7579L8.62036 9.57988L7.06362 13.2878C6.97676 13.4945 6.8433 13.6785 6.67365 13.8252C6.5178 13.96 6.33528 14.06 6.13825 14.1189C6.12082 14.1241 6.10327 14.129 6.08561 14.1335C5.86846 14.1897 5.64128 14.1949 5.42179 14.1487C5.39778 14.1437 5.37392 14.1381 5.35025 14.1318C5.18457 14.0882 5.02788 14.0157 4.88746 13.9176L4.88406 13.9151C4.86239 13.8999 4.84111 13.884 4.82025 13.8676L4.1153 13.3115L2.65995 15.1565C2.51728 15.337 2.30878 15.4534 2.08028 15.4803C2.05174 15.4837 2.02319 15.4856 1.99471 15.4861L1.99468 15.4861C1.99469 15.4861 1.9947 15.4861 1.99471 15.4861L2.08028 15.4803C2.30878 15.4534 2.51728 15.337 2.65995 15.1565L4.1153 13.3115L4.82025 13.8676L4.88406 13.9151C5.02536 14.0144 5.18322 14.0878 5.35025 14.1318C5.37392 14.1381 5.39778 14.1437 5.42179 14.1487L5.50432 14.1634C5.67031 14.1884 5.83933 14.1846 6.004 14.152L6.08561 14.1335C6.10327 14.129 6.12082 14.1241 6.13825 14.1189C6.30842 14.068 6.46767 13.9862 6.60838 13.878L6.67365 13.8252C6.8433 13.6785 6.97676 13.4945 7.06362 13.2878L8.62036 9.57988L9.36906 10.7579C9.47488 10.9245 9.61349 11.0679 9.77646 11.1793L9.90176 11.256C10.0153 11.3178 10.1368 11.3643 10.2629 11.3941C10.2808 11.3984 10.2989 11.4023 10.3171 11.4059L10.4631 11.4269Z",
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           "path",
           {
             d: "M1.99468 15.4861L1.99471 15.4861C1.9947 15.4861 1.99469 15.4861 1.99468 15.4861C1.9448 15.487 1.89515 15.4836 1.84626 15.476C1.77676 15.4653 1.7088 15.4461 1.64391 15.419C1.57189 15.3889 1.50366 15.3489 1.4413 15.2997C1.26066 15.1572 1.14397 14.9489 1.11688 14.7204C1.08979 14.4919 1.15451 14.262 1.29683 14.0812L2.92578 12.0162C2.94214 11.9955 2.95902 11.9753 2.97639 11.9556C3.18137 11.7233 3.45477 11.5625 3.75628 11.4963L3.76129 11.4955C3.80636 11.4857 3.85206 11.4781 3.89824 11.4727C4.2816 11.4275 4.66723 11.5362 4.97045 11.7751L5.60556 12.2759L7.22706 8.41378C7.23269 8.40038 7.23851 8.38707 7.24453 8.37387C7.34851 8.14561 7.50983 7.94784 7.71308 7.80002L7.63485 7.86132C7.46833 8.00075 7.33478 8.1758 7.24453 8.37387C7.23851 8.38707 7.23269 8.40038 7.22706 8.41378L5.60556 12.2759L4.97045 11.7751C4.66723 11.5362 4.2816 11.4275 3.89824 11.4727L3.76129 11.4955C3.4578 11.561 3.1825 11.722 2.97639 11.9556C2.95902 11.9753 2.94214 11.9955 2.92578 12.0162L1.29683 14.0812C1.15451 14.262 1.08979 14.4919 1.11688 14.7204L1.13151 14.8052C1.17449 15 1.28339 15.1751 1.4413 15.2997C1.50366 15.3489 1.57189 15.3889 1.64391 15.419C1.7088 15.4461 1.77676 15.4653 1.84626 15.476C1.89515 15.4836 1.9448 15.487 1.99468 15.4861Z",
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           "path",
           {
             d: "M15.465 5.3617C15.6316 5.21547 15.8293 5.10915 16.043 5.05098L16.0463 5.05022C16.0801 5.04112 16.1142 5.03321 16.1487 5.02653C16.4341 4.97129 16.7295 5.00274 16.9968 5.11683C17.2642 5.23091 17.4913 5.42242 17.6488 5.66668L19.1004 7.91651C19.1624 8.01229 19.2049 8.11934 19.2254 8.23155C19.246 8.34375 19.2442 8.45891 19.2202 8.57043C19.1962 8.68195 19.1505 8.78765 19.0856 8.88149C19.0208 8.97533 18.9381 9.05546 18.8422 9.11731C18.7464 9.17916 18.6393 9.22151 18.527 9.24194C18.4148 9.26237 18.2997 9.26049 18.1882 9.23638C18.1777 9.23412 18.1673 9.23167 18.1569 9.22903C18.0845 9.21056 18.0147 9.18287 17.9495 9.14658L17.9474 9.14526C17.9233 9.13181 17.9 9.11721 17.8773 9.10148C17.8685 9.09539 17.8598 9.08915 17.8512 9.08276C17.7914 9.038 17.7376 8.98582 17.6912 8.9274L17.6886 8.92366C17.672 8.90248 17.6563 8.88051 17.6417 8.8578L17.6886 8.92366C17.7355 8.98354 17.7902 9.03705 17.8512 9.08276C17.8598 9.08915 17.8685 9.09539 17.8773 9.10148L17.9474 9.14526C18.0132 9.18215 18.0837 9.21033 18.1569 9.22903C18.1673 9.23167 18.1777 9.23412 18.1882 9.23638L18.2723 9.25021C18.3288 9.25672 18.3859 9.25758 18.4426 9.25292L18.527 9.24194C18.6393 9.22151 18.7464 9.17916 18.8422 9.11731C18.9381 9.05546 19.0208 8.97533 19.0856 8.88149C19.1505 8.78765 19.1962 8.68195 19.2202 8.57043C19.2442 8.45891 19.246 8.34375 19.2254 8.23155C19.2049 8.11934 19.1624 8.01229 19.1004 7.91651L17.6488 5.66668C17.4913 5.42242 17.2642 5.23091 16.9968 5.11683C16.7295 5.00274 16.4341 4.97129 16.1487 5.02653L16.0463 5.05022C15.8313 5.1082 15.6324 5.21475 15.465 5.3617Z",
@@ -1605,10 +1842,10 @@ var ChartLineIcon = (_a) => {
 ChartLineIcon.displayName = "ChartLineIcon";
 
 // src/primitives/icon/svg/chevron-down.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var ChevronDownIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 14 14",
@@ -1616,8 +1853,8 @@ var ChevronDownIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           "path",
           {
             d: "M3.25 5.25L7 9L10.75 5.25",
@@ -1634,10 +1871,10 @@ var ChevronDownIcon = (_a) => {
 ChevronDownIcon.displayName = "ChevronDownIcon";
 
 // src/primitives/icon/svg/chevron-left.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var ChevronLeftIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 24 24",
@@ -1645,8 +1882,8 @@ var ChevronLeftIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           "path",
           {
             d: "M10.5999 12.6786C10.5061 12.5856 10.4317 12.475 10.381 12.3531C10.3302 12.2313 10.3041 12.1006 10.3041 11.9686C10.3041 11.8366 10.3302 11.7058 10.381 11.584C10.4317 11.4621 10.5061 11.3515 10.5999 11.2586L15.1899 6.67857C15.2836 6.5856 15.358 6.475 15.4088 6.35314C15.4595 6.23128 15.4857 6.10058 15.4857 5.96857C15.4857 5.83655 15.4595 5.70585 15.4088 5.58399C15.358 5.46213 15.2836 5.35153 15.1899 5.25857C15.0025 5.07231 14.749 4.96777 14.4849 4.96777C14.2207 4.96777 13.9672 5.07231 13.7799 5.25857L9.18986 9.84857C8.62806 10.4111 8.3125 11.1736 8.3125 11.9686C8.3125 12.7636 8.62806 13.5261 9.18986 14.0886L13.7799 18.6786C13.9661 18.8633 14.2175 18.9675 14.4799 18.9686C14.6115 18.9693 14.7419 18.9441 14.8638 18.8943C14.9856 18.8446 15.0964 18.7712 15.1899 18.6786C15.2836 18.5856 15.358 18.475 15.4088 18.3531C15.4595 18.2313 15.4857 18.1006 15.4857 17.9686C15.4857 17.8366 15.4595 17.7058 15.4088 17.584C15.358 17.4621 15.2836 17.3515 15.1899 17.2586L10.5999 12.6786Z",
@@ -1660,10 +1897,10 @@ var ChevronLeftIcon = (_a) => {
 ChevronLeftIcon.displayName = "ChevronLeftIcon";
 
 // src/primitives/icon/svg/chevron-right.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var ChevronRightIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -1671,8 +1908,8 @@ var ChevronRightIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           "path",
           {
             d: "M10.2665 6.56563L7.20654 3.50563C7.08163 3.38146 6.91266 3.31177 6.73653 3.31177C6.56041 3.31177 6.39144 3.38146 6.26653 3.50563C6.20405 3.5676 6.15445 3.64134 6.12061 3.72258C6.08676 3.80382 6.06934 3.89095 6.06934 3.97896C6.06934 4.06697 6.08676 4.15411 6.12061 4.23535C6.15445 4.31659 6.20405 4.39032 6.26653 4.4523L9.3332 7.50563C9.39569 7.5676 9.44528 7.64134 9.47913 7.72258C9.51298 7.80382 9.5304 7.89095 9.5304 7.97896C9.5304 8.06697 9.51298 8.15411 9.47913 8.23535C9.44528 8.31659 9.39569 8.39032 9.3332 8.4523L6.26653 11.5056C6.141 11.6303 6.07012 11.7997 6.0695 11.9766C6.06887 12.1535 6.13855 12.3234 6.2632 12.449C6.38785 12.5745 6.55727 12.6454 6.73418 12.646C6.91109 12.6466 7.081 12.5769 7.20654 12.4523L10.2665 9.3923C10.6411 9.0173 10.8514 8.50896 10.8514 7.97896C10.8514 7.44896 10.6411 6.94063 10.2665 6.56563Z",
@@ -1686,10 +1923,10 @@ var ChevronRightIcon = (_a) => {
 ChevronRightIcon.displayName = "ChevronRightIcon";
 
 // src/primitives/icon/svg/chevron-up.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var ChevronUpIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 14 14",
@@ -1697,8 +1934,8 @@ var ChevronUpIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           "path",
           {
             d: "M3.25 8.75L7 5L10.75 8.75",
@@ -1715,10 +1952,10 @@ var ChevronUpIcon = (_a) => {
 ChevronUpIcon.displayName = "ChevronUpIcon";
 
 // src/primitives/icon/svg/close.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var CloseIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       width: "16",
@@ -1729,8 +1966,8 @@ var CloseIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           "path",
           {
             d: "M12 4L4 12M4 4l8 8",
@@ -1747,10 +1984,10 @@ var CloseIcon = (_a) => {
 CloseIcon.displayName = "CloseIcon";
 
 // src/primitives/icon/svg/copy.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var CopyIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -1758,15 +1995,15 @@ var CopyIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("g", { clipPath: "url(#clip0_copy)", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("g", { clipPath: "url(#clip0_copy)", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
           "path",
           {
             d: "M10 13.3333H3.33333C2.4496 13.3323 1.60237 12.9807 0.97748 12.3559C0.352588 11.731 0.00105857 10.8837 0 10L0 3.33333C0.00105857 2.4496 0.352588 1.60237 0.97748 0.97748C1.60237 0.352588 2.4496 0.00105857 3.33333 0L10 0C10.8837 0.00105857 11.731 0.352588 12.3559 0.97748C12.9807 1.60237 13.3323 2.4496 13.3333 3.33333V10C13.3323 10.8837 12.9807 11.731 12.3559 12.3559C11.731 12.9807 10.8837 13.3323 10 13.3333ZM3.33333 1.33333C2.8029 1.33333 2.29419 1.54405 1.91912 1.91912C1.54405 2.29419 1.33333 2.8029 1.33333 3.33333V10C1.33333 10.5304 1.54405 11.0391 1.91912 11.4142C2.29419 11.7893 2.8029 12 3.33333 12H10C10.5304 12 11.0391 11.7893 11.4142 11.4142C11.7893 11.0391 12 10.5304 12 10V3.33333C12 2.8029 11.7893 2.29419 11.4142 1.91912C11.0391 1.54405 10.5304 1.33333 10 1.33333H3.33333ZM16 12.6667V4C16 3.82319 15.9298 3.65362 15.8047 3.5286C15.6797 3.40357 15.5101 3.33333 15.3333 3.33333C15.1565 3.33333 14.987 3.40357 14.8619 3.5286C14.7369 3.65362 14.6667 3.82319 14.6667 4V12.6667C14.6667 13.1971 14.456 13.7058 14.0809 14.0809C13.7058 14.456 13.1971 14.6667 12.6667 14.6667H4C3.82319 14.6667 3.65362 14.7369 3.5286 14.8619C3.40357 14.987 3.33333 15.1565 3.33333 15.3333C3.33333 15.5101 3.40357 15.6797 3.5286 15.8047C3.65362 15.9298 3.82319 16 4 16H12.6667C13.5504 15.9989 14.3976 15.6474 15.0225 15.0225C15.6474 14.3976 15.9989 13.5504 16 12.6667Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("clipPath", { id: "clip0_copy", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("clipPath", { id: "clip0_copy", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -1774,10 +2011,10 @@ var CopyIcon = (_a) => {
 CopyIcon.displayName = "CopyIcon";
 
 // src/primitives/icon/svg/create-account.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var CreateAccountIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       width: "28",
@@ -1788,15 +2025,15 @@ var CreateAccountIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("g", { clipPath: "url(#clip0_create_account)", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("g", { clipPath: "url(#clip0_create_account)", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           "path",
           {
             d: "M22.1667 4.66667V0.583333C22.1667 0.261333 22.428 0 22.75 0C23.072 0 23.3333 0.261333 23.3333 0.583333V4.66667H27.4167C27.7387 4.66667 28 4.928 28 5.25C28 5.572 27.7387 5.83333 27.4167 5.83333H23.3333V9.91667C23.3333 10.2387 23.072 10.5 22.75 10.5C22.428 10.5 22.1667 10.2387 22.1667 9.91667V5.83333H18.0833C17.7613 5.83333 17.5 5.572 17.5 5.25C17.5 4.928 17.7613 4.66667 18.0833 4.66667H22.1667ZM18.6667 11.6667C18.6667 14.2403 16.5737 16.3333 14 16.3333C11.4263 16.3333 9.33333 14.2403 9.33333 11.6667C9.33333 9.093 11.4263 7 14 7C16.5737 7 18.6667 9.093 18.6667 11.6667ZM17.5 11.6667C17.5 9.737 15.9297 8.16667 14 8.16667C12.0703 8.16667 10.5 9.737 10.5 11.6667C10.5 13.5963 12.0703 15.1667 14 15.1667C15.9297 15.1667 17.5 13.5963 17.5 11.6667ZM27.3922 9.90617C27.7958 11.2292 28 12.6058 28 14C28 21.7198 21.7198 28 14 28C6.28017 28 0 21.7198 0 14C0 6.28017 6.28017 0 14 0C15.4548 0 16.8898 0.221667 18.2607 0.660333C18.5675 0.758333 18.7367 1.08617 18.6387 1.393C18.5395 1.69983 18.2105 1.87017 17.9048 1.771C16.6483 1.36967 15.3335 1.1655 13.9988 1.1655C6.92417 1.16667 1.16667 6.92417 1.16667 14C1.16667 18.5197 3.521 22.4933 7.063 24.78C7.5005 21.3383 10.4417 18.6667 14 18.6667C17.5583 18.6667 20.4995 21.3383 20.937 24.78C24.4778 22.4933 26.8333 18.5197 26.8333 14C26.8333 12.7213 26.6467 11.459 26.2757 10.2468C26.1823 9.93883 26.355 9.61217 26.6642 9.51883C26.9722 9.422 27.2977 9.59933 27.3922 9.90617ZM14 26.8333C16.0918 26.8333 18.0623 26.32 19.8088 25.4287C19.6805 22.3253 17.1348 19.8333 14 19.8333C10.8652 19.8333 8.31833 22.3242 8.19117 25.4287C9.93767 26.32 11.9082 26.8333 14 26.8333Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("clipPath", { id: "clip0_create_account", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("clipPath", { id: "clip0_create_account", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
       ]
     })
   );
@@ -1804,10 +2041,10 @@ var CreateAccountIcon = (_a) => {
 CreateAccountIcon.displayName = "CreateAccountIcon";
 
 // src/primitives/icon/svg/credit-card.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var CreditCardIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 24 24",
@@ -1815,8 +2052,8 @@ var CreditCardIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           "path",
           {
             d: "M19.5 3H4.5C2.019 3 0 5.019 0 7.5V16.5C0 18.981 2.019 21 4.5 21H19.5C21.981 21 24 18.981 24 16.5V7.5C24 5.019 21.981 3 19.5 3ZM1 8H23V10H1V8ZM4.5 4H19.5C21.258 4 22.704 5.308 22.949 7H1.051C1.296 5.308 2.742 4 4.5 4ZM19.5 20H4.5C2.57 20 1 18.43 1 16.5V11H23V16.5C23 18.43 21.43 20 19.5 20ZM5 14C3.897 14 3 14.897 3 16C3 17.103 3.897 18 5 18C6.103 18 7 17.103 7 16C7 14.897 6.103 14 5 14ZM5 17C4.449 17 4 16.552 4 16C4 15.448 4.449 15 5 15C5.551 15 6 15.448 6 16C6 16.552 5.551 17 5 17Z",
@@ -1830,10 +2067,10 @@ var CreditCardIcon = (_a) => {
 CreditCardIcon.displayName = "CreditCardIcon";
 
 // src/primitives/icon/svg/disconnect.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var DisconnectIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -1841,8 +2078,8 @@ var DisconnectIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
           "path",
           {
             d: "M6.5 3H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h2.5",
@@ -1851,7 +2088,7 @@ var DisconnectIcon = (_a) => {
             strokeLinecap: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
           "path",
           {
             d: "M9.5 5.5 12 8m0 0-2.5 2.5M12 8H6",
@@ -1868,10 +2105,10 @@ var DisconnectIcon = (_a) => {
 DisconnectIcon.displayName = "DisconnectIcon";
 
 // src/primitives/icon/svg/dots-horizontal.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var DotsHorizontalIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -1879,10 +2116,10 @@ var DotsHorizontalIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("circle", { cx: "3.5", cy: "8", r: "1.25", fill: "currentColor" }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("circle", { cx: "8", cy: "8", r: "1.25", fill: "currentColor" }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("circle", { cx: "12.5", cy: "8", r: "1.25", fill: "currentColor" })
+        title ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("circle", { cx: "3.5", cy: "8", r: "1.25", fill: "currentColor" }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("circle", { cx: "8", cy: "8", r: "1.25", fill: "currentColor" }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("circle", { cx: "12.5", cy: "8", r: "1.25", fill: "currentColor" })
       ]
     })
   );
@@ -1890,10 +2127,10 @@ var DotsHorizontalIcon = (_a) => {
 DotsHorizontalIcon.displayName = "DotsHorizontalIcon";
 
 // src/primitives/icon/svg/document.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var DocumentIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -1901,15 +2138,15 @@ var DocumentIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("g", { clipPath: "url(#document-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("g", { clipPath: "url(#document-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
           "path",
           {
             d: "M11.3335 9.33335C11.3335 9.51016 11.2633 9.67973 11.1382 9.80475C11.0132 9.92978 10.8436 10 10.6668 10H5.3335C5.15669 10 4.98712 9.92978 4.86209 9.80475C4.73707 9.67973 4.66683 9.51016 4.66683 9.33335C4.66683 9.15654 4.73707 8.98697 4.86209 8.86194C4.98712 8.73692 5.15669 8.66668 5.3335 8.66668H10.6668C10.8436 8.66668 11.0132 8.73692 11.1382 8.86194C11.2633 8.98697 11.3335 9.15654 11.3335 9.33335ZM8.66683 11.3333H5.3335C5.15669 11.3333 4.98712 11.4036 4.86209 11.5286C4.73707 11.6536 4.66683 11.8232 4.66683 12C4.66683 12.1768 4.73707 12.3464 4.86209 12.4714C4.98712 12.5964 5.15669 12.6667 5.3335 12.6667H8.66683C8.84364 12.6667 9.01321 12.5964 9.13823 12.4714C9.26326 12.3464 9.3335 12.1768 9.3335 12C9.3335 11.8232 9.26326 11.6536 9.13823 11.5286C9.01321 11.4036 8.84364 11.3333 8.66683 11.3333ZM14.6668 6.99002V12.6667C14.6658 13.5504 14.3142 14.3976 13.6894 15.0225C13.0645 15.6474 12.2172 15.999 11.3335 16H4.66683C3.7831 15.999 2.93587 15.6474 2.31098 15.0225C1.68608 14.3976 1.33455 13.5504 1.3335 12.6667V3.33335C1.33455 2.44962 1.68608 1.60239 2.31098 0.977495C2.93587 0.352603 3.7831 0.00107394 4.66683 1.53658e-05H7.67683C8.28991 -0.00156258 8.89722 0.118407 9.46365 0.352988C10.0301 0.587569 10.5444 0.932107 10.9768 1.36668L13.2995 3.69068C13.7343 4.12284 14.0791 4.63699 14.3138 5.20333C14.5485 5.76968 14.6685 6.37696 14.6668 6.99002ZM10.0342 2.30935C9.82435 2.10612 9.58879 1.9313 9.3335 1.78935V4.66668C9.3335 4.84349 9.40373 5.01306 9.52876 5.13809C9.65378 5.26311 9.82335 5.33335 10.0002 5.33335H12.8775C12.7355 5.07814 12.5604 4.84278 12.3568 4.63335L10.0342 2.30935ZM13.3335 6.99002C13.3335 6.88002 13.3122 6.77468 13.3022 6.66668H10.0002C9.46973 6.66668 8.96102 6.45597 8.58595 6.0809C8.21088 5.70582 8.00016 5.19711 8.00016 4.66668V1.36468C7.89216 1.35468 7.78616 1.33335 7.67683 1.33335H4.66683C4.1364 1.33335 3.62769 1.54406 3.25262 1.91914C2.87754 2.29421 2.66683 2.80292 2.66683 3.33335V12.6667C2.66683 13.1971 2.87754 13.7058 3.25262 14.0809C3.62769 14.456 4.1364 14.6667 4.66683 14.6667H11.3335C11.8639 14.6667 12.3726 14.456 12.7477 14.0809C13.1228 13.7058 13.3335 13.1971 13.3335 12.6667V6.99002Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("clipPath", { id: "document-clip", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("clipPath", { id: "document-clip", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -1917,10 +2154,10 @@ var DocumentIcon = (_a) => {
 DocumentIcon.displayName = "DocumentIcon";
 
 // src/primitives/icon/svg/download.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var DownloadIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -1928,8 +2165,8 @@ var DownloadIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           "path",
           {
             d: "M8 2.5v7m0 0 2.5-2.5M8 9.5 5.5 7",
@@ -1939,7 +2176,7 @@ var DownloadIcon = (_a) => {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("path", { d: "M2.5 12.5h11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { d: "M2.5 12.5h11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
       ]
     })
   );
@@ -1947,10 +2184,10 @@ var DownloadIcon = (_a) => {
 DownloadIcon.displayName = "DownloadIcon";
 
 // src/primitives/icon/svg/error-filled.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var ErrorFilledIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -1958,10 +2195,10 @@ var ErrorFilledIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("circle", { cx: "8", cy: "8", r: "8", fill: "currentColor" }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("path", { d: "M8 4.16699V8.50033", stroke: "white", strokeWidth: "1.4", strokeLinecap: "round" }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("circle", { cx: "8", cy: "11.167", r: "0.833333", fill: "white" })
+        title ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("circle", { cx: "8", cy: "8", r: "8", fill: "currentColor" }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("path", { d: "M8 4.16699V8.50033", stroke: "white", strokeWidth: "1.4", strokeLinecap: "round" }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("circle", { cx: "8", cy: "11.167", r: "0.833333", fill: "white" })
       ]
     })
   );
@@ -1969,10 +2206,10 @@ var ErrorFilledIcon = (_a) => {
 ErrorFilledIcon.displayName = "ErrorFilledIcon";
 
 // src/primitives/icon/svg/external-link.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var ExternalLinkIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 14 14",
@@ -1980,15 +2217,15 @@ var ExternalLinkIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("g", { clipPath: "url(#clip0_422_235)", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("g", { clipPath: "url(#clip0_422_235)", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           "path",
           {
             d: "M11.6667 6.41667V11.0833C11.6667 12.6916 10.3582 14 8.75 14H2.91667C1.30842 14 0 12.6916 0 11.0833V5.25C0 3.64175 1.30842 2.33333 2.91667 2.33333H7.58333C7.90533 2.33333 8.16667 2.59467 8.16667 2.91667C8.16667 3.23867 7.90533 3.5 7.58333 3.5H2.91667C1.95183 3.5 1.16667 4.28517 1.16667 5.25V11.0833C1.16667 12.0482 1.95183 12.8333 2.91667 12.8333H8.75C9.71483 12.8333 10.5 12.0482 10.5 11.0833V6.41667C10.5 6.09467 10.7613 5.83333 11.0833 5.83333C11.4053 5.83333 11.6667 6.09467 11.6667 6.41667ZM12.25 0H8.16667C7.84467 0 7.58333 0.261333 7.58333 0.583333C7.58333 0.905333 7.84467 1.16667 8.16667 1.16667H12.0085L4.83758 8.33758C4.6095 8.56567 4.6095 8.93433 4.83758 9.16242C4.95133 9.27617 5.10067 9.33333 5.25 9.33333C5.39933 9.33333 5.54867 9.27617 5.66242 9.16242L12.8333 1.9915V5.83333C12.8333 6.15533 13.0947 6.41667 13.4167 6.41667C13.7387 6.41667 14 6.15533 14 5.83333V1.75C14 0.785167 13.2148 0 12.25 0Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("clipPath", { id: "clip0_422_235", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("rect", { width: "14", height: "14", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("clipPath", { id: "clip0_422_235", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("rect", { width: "14", height: "14", fill: "white" }) }) })
       ]
     })
   );
@@ -1996,10 +2233,10 @@ var ExternalLinkIcon = (_a) => {
 ExternalLinkIcon.displayName = "ExternalLinkIcon";
 
 // src/primitives/icon/svg/ethereum.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var EthereumIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 24 24",
@@ -2007,16 +2244,16 @@ var EthereumIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("rect", { width: "24", height: "24", rx: "8", fill: "#627EEA" }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("rect", { width: "24", height: "24", rx: "8", fill: "#627EEA" }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
           "path",
           {
             fill: "#fff",
             d: "M12.001 4.5 11.9 4.84v10.013l.101.101 4.646-2.747L12 4.5Zm0 0L7.355 12.207l4.646 2.747V4.5Zm0 11.401-.057.069v3.566l.057.164 4.649-6.039-4.649 2.74Zm0 3.799v-3.799l-4.646-2.74L12 19.7Z"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
           "path",
           {
             fill: "#DDE4FF",
@@ -2030,10 +2267,10 @@ var EthereumIcon = (_a) => {
 EthereumIcon.displayName = "EthereumIcon";
 
 // src/primitives/icon/svg/google.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var GoogleIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 24 24",
@@ -2041,29 +2278,29 @@ var GoogleIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "path",
           {
             fill: "#4285F4",
             d: "M23.49 12.27c0-.79-.07-1.55-.22-2.27H12v4.3h6.45a5.53 5.53 0 0 1-2.4 3.63v3.58h4.63c1.86-1.72 2.81-4.75 2.81-8.24Z"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "path",
           {
             fill: "#34A853",
             d: "M12 24c3.24 0 5.96-1.08 7.95-2.92l-3.87-3c-1.08.73-2.46 1.17-4.08 1.17-3.13 0-5.79-2.11-6.73-4.96H1.28v3.09A11.998 11.998 0 0 0 12 24Z"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "path",
           {
             fill: "#FBBC05",
             d: "M5.27 14.29A7.21 7.21 0 0 1 4.9 12c0-.79.14-1.55.37-2.29V6.62H1.28A12 12 0 0 0 0 12c0 1.94.46 3.78 1.28 5.38l3.99-3.09Z"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "path",
           {
             fill: "#EA4335",
@@ -2077,10 +2314,10 @@ var GoogleIcon = (_a) => {
 GoogleIcon.displayName = "GoogleIcon";
 
 // src/primitives/icon/svg/image.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var ImageIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 32 32",
@@ -2088,8 +2325,8 @@ var ImageIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
           "path",
           {
             d: "M30 2.497h-28c-1.099 0-2 0.901-2 2v23.006c0 1.099 0.9 2 2 2h28c1.099 0 2-0.901 2-2v-23.006c0-1.099-0.901-2-2-2zM30 27.503l-28-0v-5.892l8.027-7.779 8.275 8.265c0.341 0.414 0.948 0.361 1.379 0.035l3.652-3.306 6.587 6.762c0.025 0.025 0.053 0.044 0.080 0.065v1.85zM30 22.806l-5.876-6.013c-0.357-0.352-0.915-0.387-1.311-0.086l-3.768 3.282-8.28-8.19c-0.177-0.214-0.432-0.344-0.709-0.363-0.275-0.010-0.547 0.080-0.749 0.27l-7.309 7.112v-14.322h28v18.309zM23 12.504c1.102 0 1.995-0.894 1.995-1.995s-0.892-1.995-1.995-1.995-1.995 0.894-1.995 1.995c0 1.101 0.892 1.995 1.995 1.995z",
@@ -2103,10 +2340,10 @@ var ImageIcon = (_a) => {
 ImageIcon.displayName = "ImageIcon";
 
 // src/primitives/icon/svg/info.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var InfoIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 12 12",
@@ -2114,23 +2351,23 @@ var InfoIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("g", { clipPath: "url(#info_clip)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("g", { clipPath: "url(#info_clip)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
             "path",
             {
               d: "M6 0C4.81331 0 3.65328 0.351894 2.66658 1.01118C1.67989 1.67047 0.910851 2.60754 0.456726 3.7039C0.00259972 4.80026 -0.11622 6.00666 0.115291 7.17054C0.346802 8.33443 0.918247 9.40353 1.75736 10.2426C2.59648 11.0818 3.66558 11.6532 4.82946 11.8847C5.99335 12.1162 7.19975 11.9974 8.2961 11.5433C9.39246 11.0892 10.3295 10.3201 10.9888 9.33342C11.6481 8.34673 12 7.18669 12 6C11.9983 4.40923 11.3656 2.88411 10.2407 1.75926C9.1159 0.634414 7.59077 0.00172054 6 0ZM6 11C5.0111 11 4.0444 10.7068 3.22215 10.1573C2.39991 9.60794 1.75904 8.82705 1.38061 7.91342C1.00217 6.99979 0.90315 5.99445 1.09608 5.02455C1.289 4.05464 1.76521 3.16373 2.46447 2.46447C3.16373 1.7652 4.05465 1.289 5.02455 1.09607C5.99446 0.903148 6.99979 1.00216 7.91342 1.3806C8.82705 1.75904 9.60794 2.3999 10.1574 3.22215C10.7068 4.04439 11 5.01109 11 6C10.9985 7.32564 10.4713 8.59656 9.53393 9.53393C8.59656 10.4713 7.32564 10.9985 6 11Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
             "path",
             {
               d: "M6 5H5.5C5.36739 5 5.24021 5.05268 5.14645 5.14645C5.05268 5.24021 5 5.36739 5 5.5C5 5.63261 5.05268 5.75979 5.14645 5.85355C5.24021 5.94732 5.36739 6 5.5 6H6V9C6 9.13261 6.05268 9.25979 6.14645 9.35355C6.24021 9.44732 6.36739 9.5 6.5 9.5C6.63261 9.5 6.75979 9.44732 6.85355 9.35355C6.94732 9.25979 7 9.13261 7 9V6C7 5.73478 6.89464 5.48043 6.70711 5.29289C6.51957 5.10536 6.26522 5 6 5Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
             "path",
             {
               d: "M6 4C6.41421 4 6.75 3.66421 6.75 3.25C6.75 2.83579 6.41421 2.5 6 2.5C5.58579 2.5 5.25 2.83579 5.25 3.25C5.25 3.66421 5.58579 4 6 4Z",
@@ -2138,7 +2375,7 @@ var InfoIcon = (_a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("clipPath", { id: "info_clip", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("rect", { width: "12", height: "12", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("clipPath", { id: "info_clip", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("rect", { width: "12", height: "12", fill: "white" }) }) })
       ]
     })
   );
@@ -2146,10 +2383,10 @@ var InfoIcon = (_a) => {
 InfoIcon.displayName = "InfoIcon";
 
 // src/primitives/icon/svg/check-badge.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var CheckBadgeIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -2157,15 +2394,15 @@ var CheckBadgeIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("g", { clipPath: "url(#check-badge-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("g", { clipPath: "url(#check-badge-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           "path",
           {
             d: "M15.4173 6.57883L13.9833 5.14283V3.9975C13.9833 2.89683 13.0886 2.00083 11.9893 2.00083H10.8453L9.4113 0.5655C8.6573 -0.1885 7.34397 -0.1885 6.59063 0.5655L5.15663 2.00083H4.01263C2.91263 2.00083 2.01863 2.89617 2.01863 3.9975V5.14283L0.583965 6.57883C-0.192702 7.3575 -0.192702 8.6235 0.583965 9.40217L2.01796 10.8382V11.9835C2.01796 13.0842 2.91263 13.9802 4.01196 13.9802H5.15596L6.58997 15.4155C6.96663 15.7922 7.46797 16.0002 8.00063 16.0002C8.5333 16.0002 9.03397 15.7922 9.41063 15.4155L10.8446 13.9802H11.9886C13.0886 13.9802 13.9826 13.0848 13.9826 11.9835V10.8382L15.4173 9.40217C16.194 8.6235 16.194 7.3575 15.4173 6.57883ZM12.136 6.8075L8.76663 10.1375C8.3573 10.5442 7.81797 10.7482 7.2793 10.7482C6.74063 10.7482 6.20396 10.5448 5.7933 10.1395L4.06063 8.4735C3.7993 8.21417 3.79663 7.79283 4.05596 7.53083C4.31596 7.27017 4.73663 7.26683 4.9993 7.52617L6.7313 9.1915C7.0333 9.49083 7.52463 9.4915 7.8273 9.1915L11.1973 5.86083C11.46 5.60083 11.8813 5.6035 12.1406 5.8655C12.4 6.1275 12.3973 6.54817 12.136 6.8075Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("clipPath", { id: "check-badge-clip", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("clipPath", { id: "check-badge-clip", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -2173,10 +2410,10 @@ var CheckBadgeIcon = (_a) => {
 CheckBadgeIcon.displayName = "CheckBadgeIcon";
 
 // src/primitives/icon/svg/discord.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var DiscordIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 20 20",
@@ -2184,8 +2421,8 @@ var DiscordIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           "path",
           {
             d: "M16.3546 4.49236C15.1858 3.95607 13.9329 3.56111 12.6227 3.33499C12.599 3.3304 12.5754 3.34186 12.5624 3.36325C12.4012 3.64973 12.2224 4.02406 12.0979 4.31742C10.6884 4.10657 9.28659 4.10657 7.90615 4.31742C7.78162 4.01719 7.59598 3.64973 7.43479 3.36325C7.42181 3.34186 7.39812 3.33117 7.37444 3.33499C6.06504 3.56035 4.81218 3.95531 3.64258 4.49236C3.63265 4.49618 3.62348 4.50382 3.61813 4.51298C1.24151 8.06379 0.589865 11.5275 0.909193 14.9484C0.910721 14.9653 0.919888 14.9813 0.932875 14.9912C2.50125 16.1433 4.01997 16.8423 5.51119 17.3052C5.53487 17.3128 5.56008 17.3037 5.57536 17.2838C5.9283 16.8025 6.24228 16.2945 6.51195 15.7605C6.52799 15.7292 6.51271 15.6918 6.47986 15.6795C5.98101 15.4901 5.5066 15.2594 5.04976 14.9981C5.01386 14.9767 5.0108 14.9255 5.04365 14.9003C5.13991 14.8285 5.23617 14.7536 5.32784 14.678C5.34465 14.6643 5.36756 14.6612 5.38743 14.6704C8.38819 16.0401 11.6365 16.0401 14.6013 14.6704C14.6212 14.6612 14.6441 14.6635 14.6617 14.678C14.7534 14.7536 14.8496 14.8293 14.9466 14.9011C14.9803 14.9255 14.978 14.9775 14.9413 14.9989C14.4845 15.2655 14.01 15.4916 13.5104 15.6795C13.4776 15.6918 13.4638 15.73 13.4791 15.7613C13.7541 16.2945 14.0689 16.8025 14.4149 17.2838C14.4295 17.3044 14.4554 17.3128 14.4791 17.306C15.9772 16.8423 17.4967 16.1433 19.0643 14.992C19.078 14.9821 19.0865 14.9668 19.088 14.95C19.4699 10.995 18.4478 7.55959 16.3775 4.51451C16.3737 4.50382 16.3645 4.49618 16.3546 4.49236ZM6.96038 12.8659C6.05664 12.8659 5.31256 12.0363 5.31256 11.018C5.31256 9.99962 6.04213 9.16998 6.96038 9.16998C7.88552 9.16998 8.62272 10.0065 8.60821 11.018C8.60821 12.0371 7.87788 12.8659 6.96038 12.8659ZM13.0528 12.8659C12.1498 12.8659 11.405 12.0363 11.405 11.018C11.405 9.99962 12.1346 9.16998 13.0528 9.16998C13.978 9.16998 14.7152 10.0065 14.7007 11.018C14.7007 12.0371 13.978 12.8659 13.0528 12.8659Z",
@@ -2199,10 +2436,10 @@ var DiscordIcon = (_a) => {
 DiscordIcon.displayName = "DiscordIcon";
 
 // src/primitives/icon/svg/email.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var EmailIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 20 20",
@@ -2210,8 +2447,8 @@ var EmailIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
           "path",
           {
             d: "M3.33333 3.33398H16.6667C17.5833 3.33398 18.3333 4.08398 18.3333 5.00065V15.0007C18.3333 15.9173 17.5833 16.6673 16.6667 16.6673H3.33333C2.41667 16.6673 1.66667 15.9173 1.66667 15.0007V5.00065C1.66667 4.08398 2.41667 3.33398 3.33333 3.33398Z",
@@ -2221,7 +2458,7 @@ var EmailIcon = (_a) => {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
           "path",
           {
             d: "M18.3333 5L10 10.8333L1.66667 5",
@@ -2238,10 +2475,10 @@ var EmailIcon = (_a) => {
 EmailIcon.displayName = "EmailIcon";
 
 // src/primitives/icon/svg/link-accounts.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var LinkAccountsIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       width: "28",
@@ -2252,15 +2489,15 @@ var LinkAccountsIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("g", { clipPath: "url(#clip0_link_accounts)", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("g", { clipPath: "url(#clip0_link_accounts)", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
           "path",
           {
             d: "M28 18.0835C28 22.2648 24.598 25.6668 20.4167 25.6668H14.5833C10.402 25.6668 7 22.2648 7 18.0835C7 13.9022 10.402 10.5002 14.5833 10.5002H16.9167C17.2387 10.5002 17.5 10.7615 17.5 11.0835C17.5 11.4055 17.2387 11.6668 16.9167 11.6668H14.5833C11.0448 11.6668 8.16667 14.5462 8.16667 18.0835C8.16667 21.6208 11.0448 24.5002 14.5833 24.5002H20.4167C23.9552 24.5002 26.8333 21.6208 26.8333 18.0835C26.8333 15.7992 25.6037 13.67 23.625 12.5243C23.3462 12.3633 23.2505 12.0063 23.4127 11.7275C23.5725 11.4487 23.9283 11.3507 24.2095 11.514C26.5475 12.8662 28.0012 15.3827 28.0012 18.0823L28 18.0835ZM4.375 15.476C2.39517 14.3315 1.16667 12.2012 1.16667 9.91683C1.16667 6.3795 4.04483 3.50016 7.58333 3.50016H13.4167C16.9552 3.50016 19.8333 6.3795 19.8333 9.91683C19.8333 13.4542 16.9552 16.3335 13.4167 16.3335H11.0833C10.7613 16.3335 10.5 16.5948 10.5 16.9168C10.5 17.2388 10.7613 17.5002 11.0833 17.5002H13.4167C17.598 17.5002 21 14.0982 21 9.91683C21 5.7355 17.598 2.3335 13.4167 2.3335H7.58333C3.402 2.3335 0 5.7355 0 9.91683C0 12.6153 1.4525 15.133 3.79167 16.4852C4.0705 16.6462 4.4275 16.5517 4.5885 16.2717C4.75067 15.994 4.655 15.6358 4.37617 15.4748L4.375 15.476Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("clipPath", { id: "clip0_link_accounts", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("clipPath", { id: "clip0_link_accounts", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
       ]
     })
   );
@@ -2268,10 +2505,10 @@ var LinkAccountsIcon = (_a) => {
 LinkAccountsIcon.displayName = "LinkAccountsIcon";
 
 // src/primitives/icon/svg/pencil.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var PencilIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -2279,15 +2516,15 @@ var PencilIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("g", { clipPath: "url(#pencil_clip)", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("g", { clipPath: "url(#pencil_clip)", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
           "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__ */ (0, import_jsx_runtime47.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("clipPath", { id: "pencil_clip", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("clipPath", { id: "pencil_clip", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -2295,10 +2532,10 @@ var PencilIcon = (_a) => {
 PencilIcon.displayName = "PencilIcon";
 
 // src/primitives/icon/svg/play-square.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var PlaySquareIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -2306,15 +2543,15 @@ var PlaySquareIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("g", { clipPath: "url(#play-square-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("g", { clipPath: "url(#play-square-clip)", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           "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__ */ (0, import_jsx_runtime48.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("clipPath", { id: "play-square-clip", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("clipPath", { id: "play-square-clip", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
       ]
     })
   );
@@ -2322,10 +2559,10 @@ var PlaySquareIcon = (_a) => {
 PlaySquareIcon.displayName = "PlaySquareIcon";
 
 // src/primitives/icon/svg/profile.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var ProfileIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 21 28",
@@ -2333,8 +2570,8 @@ var ProfileIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           "path",
           {
             d: "M10.5 14C14.3605 14 17.5 10.8605 17.5 7C17.5 3.1395 14.3605 0 10.5 0C6.6395 0 3.5 3.1395 3.5 7C3.5 10.8605 6.6395 14 10.5 14ZM10.5 1.16667C13.7165 1.16667 16.3333 3.7835 16.3333 7C16.3333 10.2165 13.7165 12.8333 10.5 12.8333C7.2835 12.8333 4.66667 10.2165 4.66667 7C4.66667 3.7835 7.2835 1.16667 10.5 1.16667ZM21 26.8333V27.4167C21 27.7387 20.7387 28 20.4167 28C20.0947 28 19.8333 27.7387 19.8333 27.4167V26.8333C19.8333 21.6872 15.6462 17.5 10.5 17.5C5.35383 17.5 1.16667 21.6872 1.16667 26.8333V27.4167C1.16667 27.7387 0.905333 28 0.583333 28C0.261333 28 0 27.7387 0 27.4167V26.8333C0 21.0443 4.711 16.3333 10.5 16.3333C16.289 16.3333 21 21.0443 21 26.8333Z",
@@ -2348,10 +2585,10 @@ var ProfileIcon = (_a) => {
 ProfileIcon.displayName = "ProfileIcon";
 
 // src/primitives/icon/svg/revenue-alt.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var RevenueAltIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 20 20",
@@ -2359,8 +2596,8 @@ var RevenueAltIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           "path",
           {
             d: "M3 14V6M3 6L1.5 7.5M3 6L4.5 7.5M17 6V14M17 14L15.5 12.5M17 14L18.5 12.5",
@@ -2370,7 +2607,7 @@ var RevenueAltIcon = (_a) => {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           "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",
@@ -2387,10 +2624,10 @@ var RevenueAltIcon = (_a) => {
 RevenueAltIcon.displayName = "RevenueAltIcon";
 
 // src/primitives/icon/svg/search.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var SearchIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -2399,8 +2636,8 @@ var SearchIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           "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",
@@ -2410,7 +2647,7 @@ var SearchIcon = (_a) => {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
           "path",
           {
             d: "M13.6668 13.6666L11.1667 11.1666",
@@ -2427,10 +2664,10 @@ var SearchIcon = (_a) => {
 SearchIcon.displayName = "SearchIcon";
 
 // src/primitives/icon/svg/shield-trust.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var ShieldTrustIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -2438,15 +2675,15 @@ var ShieldTrustIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           "path",
           {
             d: "M8 1.25L13.5 3.25V7.08C13.5 10.09 11.62 12.74 8 14.75C4.38 12.74 2.5 10.09 2.5 7.08V3.25L8 1.25Z",
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           "path",
           {
             d: "M5.5 8.2L7.2 9.9L10.8 6.3",
@@ -2463,10 +2700,10 @@ var ShieldTrustIcon = (_a) => {
 ShieldTrustIcon.displayName = "ShieldTrustIcon";
 
 // src/primitives/icon/svg/solana.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var SolanaIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 24 24",
@@ -2474,31 +2711,31 @@ var SolanaIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("rect", { width: "24", height: "24", rx: "8", fill: "#020205" }),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("rect", { width: "24", height: "24", rx: "8", fill: "#020205" }),
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
           "path",
           {
             fill: "url(#agg-solana-gradient-top)",
             d: "M8.351 6.163A1.57 1.57 0 0 1 9.463 5.7h8.208c.699 0 1.048.844.554 1.338l-2.576 2.576a1.57 1.57 0 0 1-1.11.46H6.33c-.699 0-1.048-.844-.554-1.338L8.35 6.163Z"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
           "path",
           {
             fill: "url(#agg-solana-gradient-middle)",
             d: "M8.351 13.926a1.57 1.57 0 0 1 1.112-.463h8.208c.699 0 1.048.844.554 1.338l-2.576 2.576a1.57 1.57 0 0 1-1.11.46H6.33c-.699 0-1.048-.844-.554-1.338l2.576-2.573Z"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
           "path",
           {
             fill: "url(#agg-solana-gradient-bottom)",
             d: "M18.225 10.89a1.57 1.57 0 0 1-1.112.462H8.905c-.699 0-1.048-.845-.554-1.339L10.927 7.44a1.57 1.57 0 0 1 1.11-.46h8.208c.699 0 1.048.844.554 1.338L18.225 10.89Z"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("defs", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("defs", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
             "linearGradient",
             {
               id: "agg-solana-gradient-top",
@@ -2508,12 +2745,12 @@ var SolanaIcon = (_a) => {
               y2: "17.476",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("stop", { stopColor: "#4BF0B8" }),
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("stop", { offset: "1", stopColor: "#B44CF4" })
+                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("stop", { stopColor: "#4BF0B8" }),
+                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("stop", { offset: "1", stopColor: "#B44CF4" })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
             "linearGradient",
             {
               id: "agg-solana-gradient-middle",
@@ -2523,12 +2760,12 @@ var SolanaIcon = (_a) => {
               y2: "21.238",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("stop", { stopColor: "#4BF0B8" }),
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("stop", { offset: "1", stopColor: "#B44CF4" })
+                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("stop", { stopColor: "#4BF0B8" }),
+                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("stop", { offset: "1", stopColor: "#B44CF4" })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
             "linearGradient",
             {
               id: "agg-solana-gradient-bottom",
@@ -2538,8 +2775,8 @@ var SolanaIcon = (_a) => {
               y2: "19.359",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("stop", { stopColor: "#4BF0B8" }),
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("stop", { offset: "1", stopColor: "#B44CF4" })
+                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("stop", { stopColor: "#4BF0B8" }),
+                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("stop", { offset: "1", stopColor: "#B44CF4" })
               ]
             }
           )
@@ -2551,10 +2788,10 @@ var SolanaIcon = (_a) => {
 SolanaIcon.displayName = "SolanaIcon";
 
 // src/primitives/icon/svg/stay-in-control.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var StayInControlIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       width: "28",
@@ -2565,16 +2802,16 @@ var StayInControlIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("g", { clipPath: "url(#clip0_stay_in_control)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("g", { clipPath: "url(#clip0_stay_in_control)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
             "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__ */ (0, import_jsx_runtime54.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
             "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",
@@ -2582,7 +2819,7 @@ var StayInControlIcon = (_a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("clipPath", { id: "clip0_stay_in_control", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("clipPath", { id: "clip0_stay_in_control", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
       ]
     })
   );
@@ -2590,10 +2827,10 @@ var StayInControlIcon = (_a) => {
 StayInControlIcon.displayName = "StayInControlIcon";
 
 // src/primitives/icon/svg/telegram.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var TelegramIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 20 20",
@@ -2601,8 +2838,8 @@ var TelegramIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("g", { clipPath: "url(#clip0_telegram)", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("g", { clipPath: "url(#clip0_telegram)", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
           "path",
           {
             fillRule: "evenodd",
@@ -2611,7 +2848,7 @@ var TelegramIcon = (_a) => {
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("clipPath", { id: "clip0_telegram", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("rect", { width: "20", height: "20", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("clipPath", { id: "clip0_telegram", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("rect", { width: "20", height: "20", fill: "white" }) }) })
       ]
     })
   );
@@ -2619,10 +2856,10 @@ var TelegramIcon = (_a) => {
 TelegramIcon.displayName = "TelegramIcon";
 
 // src/primitives/icon/svg/triangle-down.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var TriangleDownIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 8 8",
@@ -2630,16 +2867,16 @@ var TriangleDownIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("g", { transform: "scale(1,-1) translate(0,-8)", clipPath: "url(#triangle_up)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("g", { transform: "scale(1,-1) translate(0,-8)", clipPath: "url(#triangle_up)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
             "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__ */ (0, import_jsx_runtime56.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
             "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",
@@ -2647,7 +2884,7 @@ var TriangleDownIcon = (_a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("clipPath", { id: "triangle_up", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("rect", { width: "8", height: "8", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("clipPath", { id: "triangle_up", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("rect", { width: "8", height: "8", fill: "white" }) }) })
       ]
     })
   );
@@ -2655,10 +2892,10 @@ var TriangleDownIcon = (_a) => {
 TriangleDownIcon.displayName = "TriangleDownIcon";
 
 // src/primitives/icon/svg/triangle-up-filled.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var TriangleUpFilledIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 8 8",
@@ -2666,8 +2903,8 @@ var TriangleUpFilledIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
           "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",
@@ -2681,10 +2918,10 @@ var TriangleUpFilledIcon = (_a) => {
 TriangleUpFilledIcon.displayName = "TriangleUpFilledIcon";
 
 // src/primitives/icon/svg/triangle-up.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var TriangleUpIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 8 8",
@@ -2692,16 +2929,16 @@ var TriangleUpIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("g", { clipPath: "url(#triangle_up)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("g", { clipPath: "url(#triangle_up)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
             "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__ */ (0, import_jsx_runtime58.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
             "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",
@@ -2709,7 +2946,7 @@ var TriangleUpIcon = (_a) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("clipPath", { id: "triangle_up", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("rect", { width: "8", height: "8", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("clipPath", { id: "triangle_up", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("rect", { width: "8", height: "8", fill: "white" }) }) })
       ]
     })
   );
@@ -2717,10 +2954,10 @@ var TriangleUpIcon = (_a) => {
 TriangleUpIcon.displayName = "TriangleUpIcon";
 
 // src/primitives/icon/svg/twitter.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var TwitterIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 20 20",
@@ -2728,8 +2965,8 @@ var TwitterIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
           "path",
           {
             d: "M15.2708 1.66602H18.0834L11.9402 8.68539L19.1666 18.2386H13.51L9.07638 12.446L4.00874 18.2386H1.19152L7.76096 10.7288L0.833252 1.66602H6.63346L10.637 6.96053L15.2708 1.66602ZM14.283 16.5573H15.8406L5.78478 3.25949H4.11186L14.283 16.5573Z",
@@ -2743,10 +2980,10 @@ var TwitterIcon = (_a) => {
 TwitterIcon.displayName = "TwitterIcon";
 
 // src/primitives/icon/svg/upload.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var UploadIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -2754,8 +2991,8 @@ var UploadIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
           "path",
           {
             d: "M8 13.5v-7m0 0 2.5 2.5M8 6.5 5.5 9",
@@ -2765,7 +3002,7 @@ var UploadIcon = (_a) => {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("path", { d: "M2.5 3.5h11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { d: "M2.5 3.5h11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
       ]
     })
   );
@@ -2773,10 +3010,10 @@ var UploadIcon = (_a) => {
 UploadIcon.displayName = "UploadIcon";
 
 // src/primitives/icon/svg/wallet-avatar.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 function WalletAvatarIcon(_a) {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       fill: "none",
@@ -2784,9 +3021,9 @@ function WalletAvatarIcon(_a) {
       viewBox: "0 0 16 16"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("circle", { cx: "8", cy: "5.25", r: "2.25", fill: "currentColor" }),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M3.75 12.75a4.25 4.25 0 0 1 8.5 0v.25h-8.5v-.25Z", fill: "currentColor" })
+        title ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("circle", { cx: "8", cy: "5.25", r: "2.25", fill: "currentColor" }),
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("path", { d: "M3.75 12.75a4.25 4.25 0 0 1 8.5 0v.25h-8.5v-.25Z", fill: "currentColor" })
       ]
     })
   );
@@ -2794,10 +3031,10 @@ function WalletAvatarIcon(_a) {
 WalletAvatarIcon.displayName = "WalletAvatarIcon";
 
 // src/primitives/icon/svg/wallet.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var WalletIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 24 24",
@@ -2805,8 +3042,8 @@ var WalletIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
           "path",
           {
             d: "M19.5 6H5.25C4.836 6 4.5 5.664 4.5 5.25C4.5 4.836 4.836 4.5 5.25 4.5H19.5C19.914 4.5 20.25 4.164 20.25 3.75C20.25 2.508 19.242 1.5 18 1.5H4.5C2.843 1.5 1.5 2.843 1.5 4.5V19.5C1.5 21.157 2.843 22.5 4.5 22.5H19.5C21.157 22.5 22.5 21.157 22.5 19.5V9C22.5 7.343 21.157 6 19.5 6ZM2.5 4.5C2.5 3.395 3.395 2.5 4.5 2.5H18C18.552 2.5 19.026 2.834 19.199 3.318C19.176 3.312 19.153 3.5 18 3.5H5.25C4.284 3.5 3.5 4.284 3.5 5.25C3.5 5.388 3.519 5.522 3.555 5.649C2.936 5.369 2.5 4.972 2.5 4.5ZM21.5 19.5C21.5 20.605 20.605 21.5 19.5 21.5H4.5C3.395 21.5 2.5 20.605 2.5 19.5V7.04C3.09 7.336 3.771 7 5.25 7H19.5C20.605 7 21.5 7.895 21.5 9V12H18C16.343 12 15 13.343 15 15C15 16.657 16.343 18 18 18H21.5V19.5ZM21.5 17H18C16.895 17 16 16.105 16 15C16 13.895 16.895 13 18 13H21.5V17ZM18 15.75C18.414 15.75 18.75 15.414 18.75 15C18.75 14.586 18.414 14.25 18 14.25C17.586 14.25 17.25 14.586 17.25 15C17.25 15.414 17.586 15.75 18 15.75Z",
@@ -2820,10 +3057,10 @@ var WalletIcon = (_a) => {
 WalletIcon.displayName = "WalletIcon";
 
 // src/primitives/icon/svg/warning-filled.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var WarningFilledIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 16 16",
@@ -2831,8 +3068,8 @@ var WarningFilledIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
           "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",
@@ -2846,10 +3083,10 @@ var WarningFilledIcon = (_a) => {
 WarningFilledIcon.displayName = "WarningFilledIcon";
 
 // src/primitives/icon/svg/warning.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var WarningIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       width: "14",
@@ -2860,15 +3097,15 @@ var WarningIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("g", { clipPath: "url(#clip0_warning)", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("g", { clipPath: "url(#clip0_warning)", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
           "path",
           {
             d: "M6.41665 8.16675V4.66675C6.41665 4.34591 6.67915 4.08341 6.99998 4.08341C7.32082 4.08341 7.58332 4.34591 7.58332 4.66675V8.16675C7.58332 8.48758 7.32082 8.75008 6.99998 8.75008C6.67915 8.75008 6.41665 8.48758 6.41665 8.16675ZM6.99998 9.33341C6.51582 9.33341 6.12498 9.72425 6.12498 10.2084C6.12498 10.6926 6.51582 11.0834 6.99998 11.0834C7.48415 11.0834 7.87498 10.6926 7.87498 10.2084C7.87498 9.72425 7.48415 9.33341 6.99998 9.33341ZM13.755 12.1801C13.3467 12.9676 12.4892 13.4167 11.4158 13.4167H2.58998C1.51082 13.4167 0.659151 12.9676 0.250818 12.1801C-0.163348 11.3867 -0.0466818 10.3717 0.542485 9.52008L5.23248 2.10008C5.64665 1.50508 6.29998 1.16675 6.99998 1.16675C7.69999 1.16675 8.35332 1.50508 8.74998 2.08258L13.4633 9.53175C14.0525 10.3834 14.1633 11.3926 13.7492 12.1801H13.755ZM12.5008 10.1851C12.5008 10.1851 12.4892 10.1734 12.4892 10.1617L7.78165 2.72425C7.61248 2.48508 7.32082 2.33341 6.99998 2.33341C6.67915 2.33341 6.38749 2.48508 6.20665 2.74758L1.51082 10.1617C1.14915 10.6751 1.06748 11.2351 1.27748 11.6376C1.48165 12.0342 1.94832 12.2501 2.58415 12.2501H11.4042C12.04 12.2501 12.5067 12.0342 12.7108 11.6376C12.9208 11.2351 12.8392 10.6751 12.495 10.1851H12.5008Z",
             fill: "currentColor"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("clipPath", { id: "clip0_warning", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("rect", { width: "14", height: "14", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("clipPath", { id: "clip0_warning", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("rect", { width: "14", height: "14", fill: "white" }) }) })
       ]
     })
   );
@@ -2939,7 +3176,7 @@ var resolveIconStyle = (color, style) => {
 };
 
 // src/primitives/icon/index.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var Icon = (_a) => {
   var _b = _a, {
     name,
@@ -2957,7 +3194,7 @@ var Icon = (_a) => {
   const Component = iconRegistry[name];
   const resolvedStyle = resolveIconStyle(color, style);
   const resolvedClassName = cn(iconSizeClasses[size], className);
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
     Component,
     __spreadValues({
       color,
@@ -2969,7 +3206,7 @@ var Icon = (_a) => {
 Icon.displayName = "Icon";
 
 // src/primitives/inline-alert/index.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var toneIconName = {
   error: "error-filled",
   warning: "warning-filled"
@@ -3016,7 +3253,7 @@ var InlineAlert = ({
   });
   const hasAction = !!actionLabel && !!onAction;
   const { ariaLive, role } = liveRegionConfig[tone];
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
     "div",
     {
       className: cn(
@@ -3029,7 +3266,7 @@ var InlineAlert = ({
       "aria-live": ariaLive,
       "aria-label": ariaLabel,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
           Icon,
           {
             name: toneIconName[tone],
@@ -3037,14 +3274,14 @@ var InlineAlert = ({
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
           "div",
           {
             className: cn(
               "min-w-0",
               resolvedVariant === "plain" && !hasAction ? "flex-none text-center" : "flex-1"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
               "div",
               {
                 className: cn(
@@ -3053,14 +3290,14 @@ var InlineAlert = ({
                   resolvedVariant === "plain" && !hasAction ? "items-center" : null
                 ),
                 children: [
-                  title ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: title }) : null,
-                  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: message })
+                  title ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: title }) : null,
+                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: message })
                 ]
               }
             )
           }
         ),
-        hasAction ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+        hasAction ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
           "button",
           {
             type: "button",
@@ -3081,8 +3318,8 @@ InlineAlert.displayName = "InlineAlert";
 
 // src/primitives/number-value.tsx
 var import_react3 = require("react");
-var import_hooks13 = require("@agg-market/hooks");
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_hooks14 = require("@agg-market/hooks");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 var NumberValue = ({
   value,
   format = "number",
@@ -3090,32 +3327,43 @@ var NumberValue = ({
   className,
   ariaLabel
 }) => {
-  const config = (0, import_hooks13.useSdkUiConfig)();
+  const {
+    formatting: { formatCompactCurrency, formatCurrency, formatDate, formatNumber, formatPercent }
+  } = (0, import_hooks14.useSdkUiConfig)();
   const formatted = (0, import_react3.useMemo)(() => {
     if (value == null)
       return fallback;
     if (format === "date") {
       if (value instanceof Date)
-        return config.formatDate(value);
+        return formatDate(value);
       return fallback;
     }
     if (typeof value !== "number")
       return fallback;
     if (format === "percent")
-      return config.formatPercent(value);
+      return formatPercent(value);
     if (format === "currency")
-      return config.formatCurrency(value);
+      return formatCurrency(value);
     if (format === "compactCurrency") {
-      return config.formatCompactCurrency(value);
+      return formatCompactCurrency(value);
     }
-    return config.formatNumber(value);
-  }, [config, fallback, format, value]);
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: cn("font-agg-sans", className), "aria-label": ariaLabel, children: formatted });
+    return formatNumber(value);
+  }, [
+    fallback,
+    format,
+    formatCompactCurrency,
+    formatCurrency,
+    formatDate,
+    formatNumber,
+    formatPercent,
+    value
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: cn("font-agg-sans", className), "aria-label": ariaLabel, children: formatted });
 };
 NumberValue.displayName = "NumberValue";
 
 // src/primitives/venue-logo/index.tsx
-var import_hooks14 = require("@agg-market/hooks");
+var import_hooks15 = require("@agg-market/hooks");
 
 // src/primitives/remote-image/index.tsx
 var import_react4 = require("react");
@@ -3127,7 +3375,7 @@ var skeletonClasses = "h-full w-full rounded-agg-lg";
 var placeholderClasses = "flex h-full w-full items-center justify-center bg-agg-secondary-hover rounded-agg-lg";
 
 // src/primitives/remote-image/index.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 var isValidSrc = (src) => typeof src === "string" && src.length > 0;
 var RemoteImage = ({
   src,
@@ -3158,7 +3406,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__ */ (0, import_jsx_runtime68.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
     "div",
     {
       className: cn(containerClasses, classNames == null ? void 0 : classNames.root, className),
@@ -3175,17 +3423,17 @@ var RemoteImage = ({
       "aria-label": ariaLabel,
       title,
       children: [
-        status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(SkeletonBlock, { className: cn(skeletonClasses, classNames == null ? void 0 : classNames.placeholder) }),
-        status === "error" && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+        status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(SkeletonBlock, { className: cn(skeletonClasses, classNames == null ? void 0 : classNames.placeholder) }),
+        status === "error" && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
           "div",
           {
             className: cn(placeholderClasses, classNames == null ? void 0 : classNames.placeholder),
             "aria-hidden": true,
             "aria-errormessage": "Image failed to load",
-            children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Icon, { name: "image", size: "medium", className: "text-agg-muted-foreground" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Icon, { name: "image", size: "medium", className: "text-agg-muted-foreground" })
           }
         ),
-        isValidSrc(src) && status !== "error" && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+        isValidSrc(src) && status !== "error" && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
           "img",
           {
             src,
@@ -3218,7 +3466,7 @@ var resolveLogoPrimaryColor = ({
 };
 
 // src/primitives/venue-logo/svg/logo-kalshi.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 var KALSHI_GREEN = "#18C590";
 var LogoKalshiIcon = (_a) => {
   var _b = _a, {
@@ -3237,7 +3485,7 @@ var LogoKalshiIcon = (_a) => {
     isColor,
     color
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 100 100",
@@ -3245,8 +3493,8 @@ var LogoKalshiIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
           "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",
@@ -3260,7 +3508,7 @@ var LogoKalshiIcon = (_a) => {
 LogoKalshiIcon.displayName = "LogoKalshiIcon";
 
 // src/primitives/venue-logo/svg/logo-limitless.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 var LIMITLESS_BLACK = "#000000";
 var LogoLimitlessIcon = (_a) => {
   var _b = _a, {
@@ -3279,7 +3527,7 @@ var LogoLimitlessIcon = (_a) => {
     isColor,
     color
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 44 32",
@@ -3287,8 +3535,8 @@ var LogoLimitlessIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
           "path",
           {
             fill: primaryColor,
@@ -3297,7 +3545,7 @@ var LogoLimitlessIcon = (_a) => {
             clipRule: "evenodd"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
           "path",
           {
             fill: primaryColor,
@@ -3306,7 +3554,7 @@ var LogoLimitlessIcon = (_a) => {
             clipRule: "evenodd"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
           "path",
           {
             fill: primaryColor,
@@ -3315,7 +3563,7 @@ var LogoLimitlessIcon = (_a) => {
             clipRule: "evenodd"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
           "path",
           {
             fill: primaryColor,
@@ -3324,7 +3572,7 @@ var LogoLimitlessIcon = (_a) => {
             clipRule: "evenodd"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
           "path",
           {
             fill: primaryColor,
@@ -3340,7 +3588,7 @@ var LogoLimitlessIcon = (_a) => {
 LogoLimitlessIcon.displayName = "LogoLimitlessIcon";
 
 // src/primitives/venue-logo/svg/logo-opinion.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var OPINION_BLACK = "#000000";
 var LogoOpinionIcon = (_a) => {
   var _b = _a, {
@@ -3359,7 +3607,7 @@ var LogoOpinionIcon = (_a) => {
     isColor,
     color
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 100 100",
@@ -3367,8 +3615,8 @@ var LogoOpinionIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
           "path",
           {
             d: "M51.8239 68.4603L56.9659 68.0094L58.8049 89.0576C61.1459 88.5314 63.4349 87.7952 65.6437 86.8578V68.1879H71.9955V83.4385C74.6496 81.6828 77.0863 79.619 79.2548 77.2898L80.0716 67.958L85.516 68.433C88.6185 62.4381 90.156 55.7558 89.9858 49.0072C89.8154 42.2584 87.9429 35.6623 84.542 29.8316L84.3394 32.1494L77.9876 31.5927L78.8042 22.2668C76.7468 20.1288 74.4594 18.225 71.9835 16.5902V31.9164H65.6317V13.1739C62.9224 12.0205 60.0929 11.173 57.1957 10.6473L59.0317 31.6441L53.8897 32.0949L51.9599 10.0482C51.3128 10.0179 50.6593 9.99976 50.006 9.99976C47.4581 9.99976 44.9161 10.2419 42.414 10.723L46.0438 31.3899L42.1297 32.0798L38.5304 11.6701C35.1755 12.6725 31.9677 14.1143 28.9905 15.9578L33.0435 31.0873L29.9705 31.9134L26.2018 17.8369C23.2938 19.9923 20.6902 22.5308 18.4615 25.3835L20.4246 30.7787L18.1833 31.5956L16.7707 27.7134C14.5111 31.0771 12.7772 34.7657 11.6287 38.652L12.2639 38.4221L20.4306 60.8471L18.1893 61.6641L10.8877 41.5963C9.21542 49.4012 9.91256 57.528 12.8896 64.9338C15.8667 72.3395 20.9879 78.6865 27.5961 83.1601L23.8031 68.9989L26.8762 68.1728L31.5162 85.4991C34.6952 87.1593 38.0844 88.3808 41.5914 89.1303L38.0132 68.7296L41.9301 68.0397L45.7684 89.8262C47.1811 89.9757 48.6007 90.0505 50.0212 90.0502C51.2583 90.0502 52.4863 89.9926 53.6963 89.8807L51.8239 68.4603ZM80.1017 37.8985L86.4385 38.4524L84.3605 62.2299L78.0087 61.6761L80.1017 37.8985ZM65.6528 38.1315H72.0046V61.9969H65.6528V38.1315ZM56.975 37.9501L59.053 61.7277L53.911 62.1785L51.8299 38.4009L56.975 37.9501ZM29.9976 62.003L23.8243 38.9486L26.8974 38.1255L33.0707 61.1649L29.9976 62.003ZM42.157 62.1603L38.0132 38.658L41.9301 37.9683L46.0709 61.4674L42.157 62.1603Z",
@@ -3382,7 +3630,7 @@ var LogoOpinionIcon = (_a) => {
 LogoOpinionIcon.displayName = "LogoOpinionIcon";
 
 // src/primitives/venue-logo/svg/logo-polymarket.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var POLYMARKET_BLUE = "#2E5CFF";
 var LogoPolymarketIcon = (_a) => {
   var _b = _a, {
@@ -3401,7 +3649,7 @@ var LogoPolymarketIcon = (_a) => {
     isColor,
     color
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 100 100",
@@ -3409,8 +3657,8 @@ var LogoPolymarketIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
           "path",
           {
             d: "M81.0904 84.2882C81.0904 87.9246 81.0904 89.7428 79.901 90.644C78.7119 91.5456 76.9613 91.0542 73.4603 90.0717L17.1975 74.2838C15.0881 73.6919 14.0332 73.3959 13.4233 72.5913C12.8135 71.7866 12.8135 70.6911 12.8135 68.5002V31.4998C12.8135 29.309 12.8135 28.2134 13.4233 27.4088C14.0332 26.6042 15.0881 26.3081 17.1975 25.7163L73.4603 9.92806C76.9613 8.94572 78.7119 8.45448 79.901 9.35587C81.0904 10.2573 81.0904 12.0755 81.0904 15.7119V84.2882ZM26.8451 69.1363L73.4308 82.2104V56.0637L26.8451 69.1363ZM20.4723 63.0711L67.0487 50L20.4723 36.929V63.0711ZM26.8446 30.8638L73.4308 43.9366V17.7896L26.8446 30.8638Z",
@@ -3424,7 +3672,7 @@ var LogoPolymarketIcon = (_a) => {
 LogoPolymarketIcon.displayName = "LogoPolymarketIcon";
 
 // src/primitives/venue-logo/svg/logo-probable.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 var PROBABLE_ORANGE = "#F05923";
 var LogoProbableIcon = (_a) => {
   var _b = _a, {
@@ -3443,7 +3691,7 @@ var LogoProbableIcon = (_a) => {
     isColor,
     color
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 100 100",
@@ -3451,16 +3699,16 @@ var LogoProbableIcon = (_a) => {
       fill: "none"
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
           "path",
           {
             d: "M75.625 59.3489C75.6247 53.7323 71.0719 49.1792 65.4551 49.179H33.9209C28.3039 49.179 23.7503 53.7321 23.75 59.3489C23.75 64.9659 28.3038 69.5198 33.9209 69.5198H65.4551C71.0719 69.5195 75.625 64.9658 75.625 59.3489ZM90.625 59.3489C90.625 73.2501 79.3562 84.5195 65.4551 84.5198H33.9209C20.0196 84.5198 8.75 73.2502 8.75 59.3489C8.75026 45.4477 20.0198 34.179 33.9209 34.179H65.4551C79.3559 34.1792 90.6247 45.4478 90.625 59.3489Z",
             fill: primaryColor
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("path", { d: "M90.9329 15.4546V30.4546H8.90234V15.4546H90.9329Z", fill: primaryColor }),
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("path", { d: "M90.9329 15.4546V30.4546H8.90234V15.4546H90.9329Z", fill: primaryColor }),
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
           "path",
           {
             d: "M64.5742 51.3496C68.9894 51.3496 72.5742 54.9344 72.5742 59.3496C72.5742 63.7648 68.9894 67.3496 64.5742 67.3496C60.159 67.3496 56.5742 63.7648 56.5742 59.3496C56.5742 54.9344 60.159 51.3496 64.5742 51.3496Z",
@@ -3504,7 +3752,7 @@ var sizeClasses2 = {
 };
 
 // src/primitives/venue-logo/index.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 var VenueLogo = ({
   venue,
   variant = "icon",
@@ -3517,14 +3765,16 @@ var VenueLogo = ({
   title
 }) => {
   var _a;
-  const { showVenueLogo = true } = (0, import_hooks14.useAggUiConfig)();
-  const labels = (0, import_hooks14.useLabels)();
+  const {
+    features: { showVenueLogo }
+  } = (0, import_hooks15.useAggUiConfig)();
+  const labels = (0, import_hooks15.useLabels)();
   const sizeClass = sizeClasses2[size];
   const resolvedLabel = (_a = ariaLabel != null ? ariaLabel : labels.venues[venue]) != null ? _a : venueLogoLabels[venue];
   if (!showVenueLogo)
     return null;
   if (variant === "logo") {
-    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
       RemoteImage,
       {
         src: venueLogoUrlRegistry[venue],
@@ -3536,7 +3786,7 @@ var VenueLogo = ({
   }
   const Component = venueLogoRegistry[venue];
   const resolvedIsColor = isMonochromatic ? false : isColor;
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
     Component,
     {
       className: cn("group/agg-venue-logo", "shrink-0", sizeClass, className),
@@ -3550,7 +3800,7 @@ var VenueLogo = ({
 VenueLogo.displayName = "VenueLogo";
 
 // src/primitives/badge/index.tsx
-var import_hooks15 = require("@agg-market/hooks");
+var import_hooks16 = require("@agg-market/hooks");
 
 // src/primitives/badge/badge.constants.ts
 var badgeSizes = ["small", "medium", "large"];
@@ -3565,7 +3815,7 @@ var baseBadgeClasses = cn(
 );
 
 // src/primitives/badge/index.tsx
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 function Badge({
   text,
   prefix,
@@ -3575,10 +3825,12 @@ function Badge({
   onClick,
   isActive = false
 }) {
-  const { enableAnimations } = (0, import_hooks15.useSdkUiConfig)();
+  const {
+    features: { enableAnimations }
+  } = (0, import_hooks16.useSdkUiConfig)();
   const resolvedText = `${text}`;
   const resolvedAriaLabel = resolvedText.length > 0 ? resolvedText : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
     "span",
     __spreadProps(__spreadValues({
       "aria-label": resolvedAriaLabel,
@@ -3596,9 +3848,9 @@ function Badge({
       )
     }, onClick && { onClick }), {
       children: [
-        prefix ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: cn(classNames == null ? void 0 : classNames.prefix, "empty:hidden"), children: prefix }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: cn("truncate", classNames == null ? void 0 : classNames.text), children: text }),
-        suffix ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: cn(classNames == null ? void 0 : classNames.suffix, "empty:hidden"), children: suffix }) : null
+        prefix ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: cn(classNames == null ? void 0 : classNames.prefix, "empty:hidden"), children: prefix }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: cn("truncate", classNames == null ? void 0 : classNames.text), children: text }),
+        suffix ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: cn(classNames == null ? void 0 : classNames.suffix, "empty:hidden"), children: suffix }) : null
       ]
     })
   );
@@ -3607,8 +3859,8 @@ Badge.displayName = "Badge";
 
 // src/primitives/select/index.tsx
 var import_react5 = require("react");
-var import_hooks16 = require("@agg-market/hooks");
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_hooks17 = require("@agg-market/hooks");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var Select = ({
   items,
   value,
@@ -3618,8 +3870,10 @@ var Select = ({
   disabled = false
 }) => {
   var _a;
-  const labels = (0, import_hooks16.useLabels)();
-  const { enableAnimations } = (0, import_hooks16.useSdkUiConfig)();
+  const labels = (0, import_hooks17.useLabels)();
+  const {
+    features: { enableAnimations }
+  } = (0, import_hooks17.useSdkUiConfig)();
   const hasEnabledItems = items.some((item) => !item.disabled);
   const hasAnyIcon = items.some((item) => item.iconUrl);
   const [isOpen, setIsOpen] = (0, import_react5.useState)(false);
@@ -3649,8 +3903,8 @@ var Select = ({
   const isDisabled = disabled || !hasEnabledItems;
   const selectedItem = items.find((item) => item.value === value);
   if (!hasAnyIcon) {
-    return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("label", { className: cn("group/agg-select", "relative inline-flex w-full", className), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("label", { className: cn("group/agg-select", "relative inline-flex w-full", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
         "select",
         {
           "aria-label": ariaLabel != null ? ariaLabel : labels.common.selectAria,
@@ -3666,19 +3920,19 @@ var Select = ({
           disabled: isDisabled,
           value,
           onChange: (event) => onChange(event.target.value),
-          children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("option", { value: item.value, disabled: item.disabled, children: item.label }, item.value))
+          children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("option", { value: item.value, disabled: item.disabled, children: item.label }, item.value))
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "pointer-events-none absolute inset-y-0 right-3 inline-flex items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Icon, { name: "chevron-down", size: "small", color: "currentColor" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "pointer-events-none absolute inset-y-0 right-3 inline-flex items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Icon, { name: "chevron-down", size: "small", color: "currentColor" }) })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
     "div",
     {
       ref: containerRef,
       className: cn("group/agg-select", "relative inline-flex w-full", className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
           "button",
           {
             type: "button",
@@ -3698,7 +3952,7 @@ var Select = ({
             ),
             onClick: () => setIsOpen((prev) => !prev),
             children: [
-              (selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+              (selectedItem == null ? void 0 : selectedItem.iconUrl) ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
                 RemoteImage,
                 {
                   src: selectedItem.iconUrl,
@@ -3706,12 +3960,12 @@ var Select = ({
                   className: "h-4 w-4 shrink-0 rounded-sm object-contain"
                 }
               ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
+              /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "flex-1 truncate", children: (_a = selectedItem == null ? void 0 : selectedItem.label) != null ? _a : "" })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "pointer-events-none absolute inset-y-0 right-3 inline-flex items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Icon, { name: "chevron-down", size: "small", color: "currentColor" }) }),
-        isOpen ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "pointer-events-none absolute inset-y-0 right-3 inline-flex items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Icon, { name: "chevron-down", size: "small", color: "currentColor" }) }),
+        isOpen ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
           "div",
           {
             role: "listbox",
@@ -3719,7 +3973,7 @@ var Select = ({
             className: "absolute top-full left-0 z-50 mt-1 w-full overflow-hidden rounded-agg-md border border-agg-separator bg-agg-secondary shadow-lg",
             children: items.map((item) => {
               const isSelected = item.value === value;
-              return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
                 "button",
                 {
                   type: "button",
@@ -3739,7 +3993,7 @@ var Select = ({
                     }
                   },
                   children: [
-                    item.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+                    item.iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
                       RemoteImage,
                       {
                         src: item.iconUrl,
@@ -3747,7 +4001,7 @@ var Select = ({
                         className: "h-4 w-4 shrink-0 rounded-sm object-contain"
                       }
                     ) : null,
-                    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "truncate", children: item.label })
+                    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "truncate", children: item.label })
                   ]
                 },
                 item.value
@@ -3763,13 +4017,13 @@ Select.displayName = "Select";
 
 // src/primitives/search/index.tsx
 var import_react6 = require("react");
-var import_hooks17 = require("@agg-market/hooks");
+var import_hooks18 = require("@agg-market/hooks");
 
 // src/primitives/search/search-empty-icon.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var SearchEmptyIcon = (_a) => {
   var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
     "svg",
     __spreadProps(__spreadValues(__spreadValues({
       viewBox: "0 0 40 40",
@@ -3778,9 +4032,9 @@ var SearchEmptyIcon = (_a) => {
       className
     }, getIconA11yProps(title)), props), {
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("title", { children: title }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("circle", { cx: "19.9987", cy: "20.0013", r: "9.2", stroke: "currentColor", strokeWidth: "1.6" }),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("circle", { cx: "19.9987", cy: "20.0013", r: "9.2", stroke: "currentColor", strokeWidth: "1.6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
           "ellipse",
           {
             cx: "19.9987",
@@ -3798,31 +4052,182 @@ var SearchEmptyIcon = (_a) => {
 };
 SearchEmptyIcon.displayName = "SearchEmptyIcon";
 
-// src/primitives/search/search.types.ts
-var import_zod = require("zod");
-var searchResultVenues = ["kalshi", "polymarket", "opinion", "probable"];
-var isSearchResultVenue = (value) => {
-  if (typeof value !== "string")
-    return false;
-  return searchResultVenues.includes(value);
-};
-var searchResultVenueSchema = import_zod.z.custom(
-  (value) => isSearchResultVenue(value),
-  "Invalid venue logo name"
-);
-var searchResultItemSchema = import_zod.z.object({
-  id: import_zod.z.string().min(1),
-  title: import_zod.z.string().min(1),
-  thumbnailSrc: import_zod.z.string().min(1),
-  thumbnailAlt: import_zod.z.string().optional(),
-  venue: searchResultVenueSchema,
-  valueLabel: import_zod.z.string().min(1),
-  contextLabel: import_zod.z.string().min(1)
-});
-var searchResultItemsSchema = import_zod.z.array(searchResultItemSchema);
+// src/primitives/search/search.utils.ts
+var import_dayjs2 = __toESM(require("dayjs"));
+
+// src/events/item/event-list-item.utils.ts
+var normalizeProbability = (value) => {
+  if (typeof value !== "number" || !Number.isFinite(value))
+    return void 0;
+  if (value < 0)
+    return 0;
+  if (value > 1)
+    return 1;
+  return value;
+};
+var hasDateLabel = (outcome) => {
+  return !!toDate(outcome.label);
+};
+var sortOutcomes = (outcomes) => {
+  if (outcomes.length <= 1)
+    return outcomes;
+  const now = Date.now();
+  if (outcomes.some(hasDateLabel)) {
+    return [...outcomes].sort((a, b) => {
+      var _a, _b, _c, _d;
+      const aDate = (_b = (_a = toDate(a.label)) == null ? void 0 : _a.getTime()) != null ? _b : 0;
+      const bDate = (_d = (_c = toDate(b.label)) == null ? void 0 : _c.getTime()) != null ? _d : 0;
+      return Math.abs(aDate - now) - Math.abs(bDate - now);
+    });
+  }
+  return [...outcomes].sort((a, b) => {
+    var _a, _b;
+    const aPrice = (_a = normalizeProbability(a.price)) != null ? _a : 0;
+    const bPrice = (_b = normalizeProbability(b.price)) != null ? _b : 0;
+    return bPrice - aPrice;
+  });
+};
+var compareVisibleOutcomeRows = (left, right) => {
+  var _a, _b;
+  const leftDate = toDate(resolveOutcomeTitle(left.outcome));
+  const rightDate = toDate(resolveOutcomeTitle(right.outcome));
+  if (leftDate && rightDate) {
+    return leftDate.getTime() - rightDate.getTime();
+  }
+  const leftProbability = (_a = normalizeProbability(left.outcome.price)) != null ? _a : -1;
+  const rightProbability = (_b = normalizeProbability(right.outcome.price)) != null ? _b : -1;
+  return rightProbability - leftProbability;
+};
+var shouldReplaceVisibleOutcome = (current, next) => {
+  var _a, _b;
+  const currentVolume = typeof current.market.volume === "number" ? current.market.volume : -1;
+  const nextVolume = typeof next.market.volume === "number" ? next.market.volume : -1;
+  if (currentVolume !== nextVolume) {
+    return nextVolume > currentVolume;
+  }
+  const currentProbability = (_a = normalizeProbability(current.outcome.price)) != null ? _a : -1;
+  const nextProbability = (_b = normalizeProbability(next.outcome.price)) != null ? _b : -1;
+  return nextProbability > currentProbability;
+};
+var resolveVisibleOutcomes = (venueMarkets, maxOutcomes) => {
+  const visibleOutcomesByLabel = /* @__PURE__ */ new Map();
+  venueMarkets.forEach((market) => {
+    sortOutcomes(market.venueMarketOutcomes).forEach((outcome) => {
+      const title = resolveOutcomeTitle(outcome);
+      const normalizedTitle = title.trim().toLowerCase();
+      const nextVisibleOutcome = {
+        venue: market.venue,
+        market,
+        outcome,
+        title
+      };
+      const currentVisibleOutcome = visibleOutcomesByLabel.get(normalizedTitle);
+      if (!currentVisibleOutcome || shouldReplaceVisibleOutcome(currentVisibleOutcome, nextVisibleOutcome)) {
+        visibleOutcomesByLabel.set(normalizedTitle, nextVisibleOutcome);
+      }
+    });
+  });
+  return [...visibleOutcomesByLabel.values()].sort(compareVisibleOutcomeRows).slice(0, Math.max(1, maxOutcomes));
+};
+var resolveOutcomeTitle = (outcome) => {
+  if (outcome.title && outcome.title.trim())
+    return outcome.title;
+  return outcome.label;
+};
+var selectPrimaryVenueMarket = (venueMarkets) => {
+  if (venueMarkets.length === 0)
+    return void 0;
+  if (venueMarkets.length === 1)
+    return venueMarkets[0];
+  return [...venueMarkets].sort((a, b) => {
+    const aVolume = typeof a.volume === "number" ? a.volume : -1;
+    const bVolume = typeof b.volume === "number" ? b.volume : -1;
+    return bVolume - aVolume;
+  })[0];
+};
+var resolveTileTitle = (event, primaryVenueMarket, titleOverride) => {
+  if (typeof titleOverride === "string" && titleOverride.trim()) {
+    return titleOverride;
+  }
+  if (typeof (primaryVenueMarket == null ? void 0 : primaryVenueMarket.question) === "string" && primaryVenueMarket.question.trim()) {
+    return primaryVenueMarket.question;
+  }
+  return event.title;
+};
+var resolveTileImage = (event, primaryVenueMarket, imageOverride) => {
+  if (typeof imageOverride === "string" && imageOverride.trim()) {
+    return imageOverride;
+  }
+  if (typeof (primaryVenueMarket == null ? void 0 : primaryVenueMarket.image) === "string" && primaryVenueMarket.image.trim()) {
+    return primaryVenueMarket.image;
+  }
+  if (typeof event.image === "string" && event.image.trim()) {
+    return event.image;
+  }
+  return void 0;
+};
+var formatCountLabel = (count, singular, plural) => {
+  return `${count} ${count === 1 ? singular : plural}`;
+};
+var getVenueSummary = (venueMarkets) => {
+  const uniqueVenues = Array.from(new Set(venueMarkets.map((market) => market.venue)));
+  return {
+    marketCount: venueMarkets.length,
+    venueCount: uniqueVenues.length,
+    singleVenue: uniqueVenues.length === 1 ? uniqueVenues[0] : void 0
+  };
+};
+
+// src/primitives/search/search.utils.ts
+var SEARCH_VISIBLE_OUTCOMES_LIMIT = 1;
+var formatSearchContextLabel = (value) => {
+  if (!(0, import_dayjs2.default)(value).isValid())
+    return value;
+  return (0, import_dayjs2.default)(value).format("MMMM D, YYYY");
+};
+var mapVenueEventToSearchResult = (event, labels, formatPercent, formatCompactCurrency) => {
+  var _a;
+  const primaryVenueMarket = selectPrimaryVenueMarket(event.venueMarkets);
+  if (!primaryVenueMarket)
+    return null;
+  const visibleOutcome = resolveVisibleOutcomes(
+    event.venueMarkets,
+    SEARCH_VISIBLE_OUTCOMES_LIMIT
+  )[0];
+  if (!visibleOutcome)
+    return null;
+  const probability = normalizeProbability(visibleOutcome.outcome.price);
+  if (probability == null)
+    return null;
+  const resolvedTitle = resolveTileTitle(event, primaryVenueMarket, void 0).trim();
+  if (!resolvedTitle)
+    return null;
+  const { marketCount, venueCount } = getVenueSummary(event.venueMarkets);
+  const marketSummaryLabel = [
+    formatCountLabel(marketCount, labels.eventItem.marketSingular, labels.eventItem.marketPlural),
+    formatCountLabel(venueCount, labels.eventItem.venueSingular, labels.eventItem.venuePlural)
+  ].join(" \xD7 ");
+  const visibleVenues = Array.from(
+    new Set(event.venueMarkets.map((venueMarket) => venueMarket.venue))
+  ).slice(0, 4);
+  const resolvedVolume = typeof event.volume === "number" ? event.volume : primaryVenueMarket.volume;
+  const volumeLabel = typeof resolvedVolume === "number" ? `${formatCompactCurrency(resolvedVolume)} ${labels.eventItem.volumeSuffix}` : "";
+  return {
+    id: event.id,
+    title: resolvedTitle,
+    thumbnailSrc: (_a = resolveTileImage(event, primaryVenueMarket, void 0)) != null ? _a : "",
+    thumbnailAlt: resolvedTitle,
+    venue: primaryVenueMarket.venue,
+    visibleVenues,
+    marketSummaryLabel,
+    volumeLabel,
+    valueLabel: formatPercent(probability),
+    contextLabel: formatSearchContextLabel(visibleOutcome.title)
+  };
+};
 
 // src/primitives/search/index.tsx
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var SearchResultRow = ({
   item,
   resultAria,
@@ -3833,7 +4238,7 @@ var SearchResultRow = ({
   const handleResultClick = () => {
     onSelect == null ? void 0 : onSelect(item);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
     "button",
     {
       type: "button",
@@ -3841,7 +4246,7 @@ var SearchResultRow = ({
       "aria-selected": "false",
       className: cn(
         "group/agg-search-result",
-        "group flex w-full items-center gap-6 px-5 py-3 text-left",
+        "group flex w-full items-center gap-6 px-5 py-4 text-left",
         "focus-visible:outline-none focus-visible:bg-agg-secondary-hover",
         "hover:bg-agg-secondary-hover",
         classNames == null ? void 0 : classNames.resultButton
@@ -3849,33 +4254,70 @@ var SearchResultRow = ({
       onClick: handleResultClick,
       "aria-label": resultAria(item.title),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-4", children: [
+          item.thumbnailSrc ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
             RemoteImage,
             {
               src: item.thumbnailSrc,
               alt: (_a = item.thumbnailAlt) != null ? _a : "",
               className: cn(
-                "h-10 w-10 shrink-0 rounded-[8px] object-cover",
+                "size-12 shrink-0 rounded-[8px] object-cover",
                 classNames == null ? void 0 : classNames.resultThumbnail
               )
             }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-            "p",
+          ) : /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+            "div",
             {
               className: cn(
-                "min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap font-agg-sans text-agg-base leading-agg-6 font-agg-normal text-agg-foreground",
-                classNames == null ? void 0 : classNames.resultTitle
+                "size-12 shrink-0 rounded-[8px] bg-agg-secondary-hover",
+                classNames == null ? void 0 : classNames.resultThumbnail
               ),
-              children: item.title
+              "aria-hidden": true
             }
-          )
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+              "p",
+              {
+                className: cn(
+                  "min-w-0 overflow-hidden text-ellipsis whitespace-nowrap font-agg-sans text-agg-base leading-agg-6 font-agg-normal text-agg-foreground",
+                  classNames == null ? void 0 : classNames.resultTitle
+                ),
+                children: item.title
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex min-w-0 items-center gap-2 text-agg-muted-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+                "p",
+                {
+                  className: cn(
+                    "shrink-0 whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground",
+                    classNames == null ? void 0 : classNames.resultContext
+                  ),
+                  children: item.marketSummaryLabel
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "flex items-center gap-1", "aria-hidden": true, children: item.visibleVenues.map((venue) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(VenueLogo, { venue, className: "size-[14px]" }, `${item.id}-${venue}`)) }),
+              item.volumeLabel ? /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_jsx_runtime80.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "text-agg-muted-foreground", "aria-hidden": true, children: "\xB7" }),
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+                  "p",
+                  {
+                    className: cn(
+                      "min-w-0 overflow-hidden text-ellipsis whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-muted-foreground",
+                      classNames == null ? void 0 : classNames.resultContext
+                    ),
+                    children: item.volumeLabel
+                  }
+                )
+              ] }) : null
+            ] })
+          ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: cn("flex w-[200px] shrink-0 items-center gap-2", classNames == null ? void 0 : classNames.resultMeta), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(VenueLogo, { venue: item.venue, size: "small" }),
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex min-w-0 flex-1 items-baseline gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: cn("flex w-[200px] shrink-0 items-center gap-2", classNames == null ? void 0 : classNames.resultMeta), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(VenueLogo, { venue: item.venue, className: "size-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex min-w-0 flex-1 items-baseline gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
               "p",
               {
                 className: cn(
@@ -3885,7 +4327,7 @@ var SearchResultRow = ({
                 children: item.valueLabel
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
               "p",
               {
                 className: cn(
@@ -3897,7 +4339,7 @@ var SearchResultRow = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
           Icon,
           {
             name: "chevron-right",
@@ -3909,167 +4351,275 @@ var SearchResultRow = ({
     }
   );
 };
-var getValidatedResults = (results) => {
-  if (!(results == null ? void 0 : results.length))
-    return [];
-  const parsedResults = searchResultItemsSchema.safeParse(results);
-  if (!parsedResults.success)
-    return [];
-  return parsedResults.data;
+var SearchSeeAllResultsButton = ({
+  label,
+  onClick
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+    "button",
+    {
+      type: "button",
+      className: cn(
+        "flex h-[60px] w-full items-center gap-1.5 px-5 text-left",
+        "font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-primary",
+        "focus-visible:outline-none focus-visible:bg-agg-secondary-hover",
+        "hover:bg-agg-secondary-hover"
+      ),
+      onClick,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Icon, { name: "chevron-right", size: "small", className: "size-[14px] text-agg-primary" })
+      ]
+    }
+  );
 };
+var DEFAULT_SEARCH_LIMIT = 5;
+var MIN_SEARCH_LENGTH = 3;
+var SEARCH_DEBOUNCE_MS = 300;
 var Search = ({
-  value,
-  onValueChange,
-  results,
-  onSelect,
+  limit,
+  venues,
+  categoryIds,
+  matchStatus,
+  status,
   classNames,
   inputProps
 }) => {
-  const labels = (0, import_hooks17.useLabels)();
-  const { enableAnimations } = (0, import_hooks17.useSdkUiConfig)();
-  const validatedResults = (0, import_react6.useMemo)(() => {
-    return getValidatedResults(results);
-  }, [results]);
-  const hasSearchValue = value.trim().length > 0;
-  const resolvedIsActive = hasSearchValue;
-  const shouldRenderDropdown = hasSearchValue;
-  const shouldRenderNoResults = shouldRenderDropdown && !validatedResults.length;
-  const shouldRenderResults = shouldRenderDropdown && !!validatedResults.length;
+  const labels = (0, import_hooks18.useLabels)();
+  const {
+    search: searchConfig,
+    features: { enableAnimations },
+    formatting: { formatCompactCurrency, formatPercent }
+  } = (0, import_hooks18.useSdkUiConfig)();
+  const resolvedValue = searchConfig.value;
+  const trimmedValue = resolvedValue.trim();
+  const [debouncedSearchValue, setDebouncedSearchValue] = (0, import_react6.useState)(() => {
+    return trimmedValue.length >= MIN_SEARCH_LENGTH ? trimmedValue : "";
+  });
+  const [isFocused, setIsFocused] = (0, import_react6.useState)(false);
+  const shouldSearchValue = trimmedValue.length >= MIN_SEARCH_LENGTH;
+  const shouldFetchResults = isFocused && debouncedSearchValue.length >= MIN_SEARCH_LENGTH && !searchConfig.result && !searchConfig.isShowingAllResults;
+  (0, import_react6.useEffect)(() => {
+    if (!shouldSearchValue) {
+      setDebouncedSearchValue("");
+      return;
+    }
+    const timeoutId = window.setTimeout(() => {
+      setDebouncedSearchValue(trimmedValue);
+    }, SEARCH_DEBOUNCE_MS);
+    return () => {
+      window.clearTimeout(timeoutId);
+    };
+  }, [shouldSearchValue, trimmedValue]);
+  const { events, isLoading } = (0, import_hooks18.useVenueEvents)({
+    queryKeyScope: "search-dropdown",
+    search: shouldFetchResults ? debouncedSearchValue : void 0,
+    venues,
+    categoryIds,
+    matchStatus,
+    status,
+    limit: limit != null ? limit : DEFAULT_SEARCH_LIMIT,
+    enabled: shouldFetchResults
+  });
+  const { validatedResults, eventsByResultId } = (0, import_react6.useMemo)(() => {
+    const nextEventsByResultId = /* @__PURE__ */ new Map();
+    const nextResults = events.map((event) => {
+      const item = mapVenueEventToSearchResult(
+        event,
+        labels,
+        formatPercent,
+        formatCompactCurrency
+      );
+      if (!item)
+        return null;
+      nextEventsByResultId.set(item.id, event);
+      return item;
+    }).filter((item) => item != null);
+    return {
+      validatedResults: nextResults,
+      eventsByResultId: nextEventsByResultId
+    };
+  }, [events, formatCompactCurrency, formatPercent, labels]);
+  const hasSearchValue = trimmedValue.length > 0;
+  const shouldRenderDropdown = isFocused && shouldSearchValue && !searchConfig.result && !searchConfig.isShowingAllResults;
+  const resolvedIsActive = isFocused;
+  const shouldRenderLoadingState = shouldRenderDropdown && isLoading;
+  const shouldRenderNoResults = shouldRenderDropdown && !isLoading && !validatedResults.length;
+  const shouldRenderResults = shouldRenderDropdown && !isLoading && !!validatedResults.length;
+  const shouldRenderShortcut = !isFocused && !hasSearchValue && !(inputProps == null ? void 0 : inputProps.disabled);
   const handleInputChange = (event) => {
-    onValueChange(event.target.value);
+    searchConfig.onChange(event.target.value);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: cn("group/agg-search", "flex w-full flex-col gap-1", classNames == null ? void 0 : classNames.root), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("label", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
-      "div",
-      {
-        className: cn(
-          "flex h-10 w-full items-center gap-2 rounded-[4px] bg-agg-secondary px-3",
-          resolvedIsActive ? "border-2 border-agg-primary" : "border border-agg-separator",
-          "focus-within:border-2 focus-within:border-agg-primary",
-          getMotionClassName(
-            enableAnimations,
-            "transition-[border-color,box-shadow] duration-200 ease-in-out"
-          ),
-          classNames == null ? void 0 : classNames.inputContainer
-        ),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-            Icon,
-            {
-              name: "search",
-              size: "small",
-              className: cn("text-agg-muted-foreground", classNames == null ? void 0 : classNames.searchIcon)
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-            "input",
-            __spreadProps(__spreadValues({}, inputProps), {
-              type: "text",
-              value,
-              onChange: handleInputChange,
-              placeholder: labels.search.placeholder,
-              "aria-label": labels.search.inputAria,
-              className: cn(
-                "h-6 w-full min-w-0 border-0 bg-transparent p-0",
-                "font-agg-sans text-agg-base leading-agg-6 font-agg-normal text-agg-foreground",
-                "placeholder:text-agg-muted-foreground",
-                "outline-none focus:outline-none",
-                "disabled:cursor-not-allowed disabled:text-agg-muted-foreground",
-                classNames == null ? void 0 : classNames.input
-              )
-            })
-          )
-        ]
-      }
-    ) }),
-    shouldRenderResults ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-      "div",
-      {
-        className: cn(
-          "w-full overflow-hidden rounded-agg-xl border border-agg-separator bg-agg-secondary py-2 shadow-[0px_8px_16px_0px_rgba(0,0,0,0.1)]",
-          classNames == null ? void 0 : classNames.dropdown
-        ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-          "ul",
-          {
-            className: cn("m-0 flex list-none flex-col p-0", classNames == null ? void 0 : classNames.resultsList),
-            role: "listbox",
-            "aria-label": labels.search.resultsAria,
-            children: validatedResults.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-              "li",
-              {
-                role: "presentation",
-                className: cn(index > 0 && "border-t border-agg-separator", classNames == null ? void 0 : classNames.resultItem),
-                children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-                  SearchResultRow,
-                  {
-                    item,
-                    resultAria: labels.search.resultAria,
-                    onSelect,
-                    classNames
-                  }
-                )
-              },
-              item.id
-            ))
-          }
-        )
-      }
-    ) : null,
-    shouldRenderNoResults ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-      "div",
-      {
-        className: cn(
-          "w-full overflow-hidden rounded-agg-xl border border-agg-separator bg-agg-secondary py-10 shadow-[0px_8px_16px_0px_rgba(0,0,0,0.1)]",
-          classNames == null ? void 0 : classNames.emptyState
-        ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+  const handleResultSelect = (item) => {
+    const selectedEvent = eventsByResultId.get(item.id);
+    if (!selectedEvent)
+      return;
+    searchConfig.onSelect(selectedEvent);
+  };
+  const handleFocusWithin = () => {
+    setIsFocused(true);
+  };
+  const handleBlurWithin = (event) => {
+    const nextFocusedTarget = event.relatedTarget;
+    if (nextFocusedTarget && event.currentTarget.contains(nextFocusedTarget)) {
+      return;
+    }
+    setIsFocused(false);
+  };
+  const handleSeeAllResults = () => {
+    searchConfig.openResults();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+    "div",
+    {
+      className: cn("group/agg-search", "relative flex w-full flex-col", classNames == null ? void 0 : classNames.root),
+      onFocusCapture: handleFocusWithin,
+      onBlurCapture: handleBlurWithin,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("label", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
           "div",
           {
-            className: cn("flex flex-col items-center gap-5", classNames == null ? void 0 : classNames.emptyStateContent),
-            role: "status",
-            "aria-live": "polite",
+            className: cn(
+              "flex h-10 w-full items-center gap-2 rounded-[8px] bg-agg-secondary px-3",
+              resolvedIsActive ? "border-2 border-agg-primary" : "border border-agg-separator",
+              "focus-within:border-2 focus-within:border-agg-primary",
+              getMotionClassName(
+                enableAnimations,
+                "transition-[border-color,box-shadow] duration-200 ease-in-out"
+              ),
+              classNames == null ? void 0 : classNames.inputContainer
+            ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-                SearchEmptyIcon,
+              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+                Icon,
                 {
-                  className: cn("h-10 w-10 text-agg-muted-foreground", classNames == null ? void 0 : classNames.emptyStateIcon),
-                  "aria-hidden": true
+                  name: "search",
+                  size: "small",
+                  className: cn("text-agg-muted-foreground", classNames == null ? void 0 : classNames.searchIcon)
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex flex-col items-center gap-1 text-center", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-                  "p",
-                  {
-                    className: cn(
-                      "font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground",
-                      classNames == null ? void 0 : classNames.emptyStateTitle
-                    ),
-                    children: labels.search.noResultsTitle
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
-                  "p",
-                  {
-                    className: cn(
-                      "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground",
-                      classNames == null ? void 0 : classNames.emptyStateDescription
-                    ),
-                    children: labels.search.noResultsDescription
-                  }
-                )
-              ] })
+              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+                "input",
+                __spreadProps(__spreadValues({}, inputProps), {
+                  type: "text",
+                  value: resolvedValue,
+                  onChange: handleInputChange,
+                  placeholder: labels.search.placeholder,
+                  "aria-label": labels.search.inputAria,
+                  className: cn(
+                    "h-6 w-full min-w-0 border-0 bg-transparent p-0",
+                    "font-agg-sans text-agg-base leading-agg-6 font-agg-normal text-agg-foreground",
+                    "placeholder:text-agg-muted-foreground",
+                    "outline-none focus:outline-none",
+                    "disabled:cursor-not-allowed disabled:text-agg-muted-foreground",
+                    classNames == null ? void 0 : classNames.input
+                  )
+                })
+              ),
+              shouldRenderShortcut ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "flex size-6 shrink-0 items-center justify-center rounded-[4px] bg-agg-secondary-hover", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-muted-foreground", children: "/" }) }) : null
             ]
           }
-        )
-      }
-    ) : null
-  ] });
+        ) }),
+        shouldRenderLoadingState ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "absolute left-0 right-0 top-full z-50 mt-1", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Skeleton, { view: "search" }) }) : null,
+        shouldRenderResults ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+          "div",
+          {
+            className: cn(
+              "absolute left-0 right-0 top-full z-50 mt-1 w-full overflow-hidden rounded-agg-xl border border-agg-separator bg-agg-secondary pt-2 shadow-[0px_8px_16px_0px_rgba(0,0,0,0.1)]",
+              classNames == null ? void 0 : classNames.dropdown
+            ),
+            children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+              "ul",
+              {
+                className: cn("m-0 flex list-none flex-col p-0", classNames == null ? void 0 : classNames.resultsList),
+                role: "listbox",
+                "aria-label": labels.search.resultsAria,
+                children: [
+                  validatedResults.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+                    "li",
+                    {
+                      role: "presentation",
+                      className: cn(index > 0 && "border-t border-agg-separator", classNames == null ? void 0 : classNames.resultItem),
+                      children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+                        SearchResultRow,
+                        {
+                          item,
+                          resultAria: labels.search.resultAria,
+                          onSelect: handleResultSelect,
+                          classNames
+                        }
+                      )
+                    },
+                    item.id
+                  )),
+                  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("li", { role: "presentation", className: "border-t border-agg-separator", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+                    SearchSeeAllResultsButton,
+                    {
+                      label: labels.search.seeAllResults,
+                      onClick: handleSeeAllResults
+                    }
+                  ) })
+                ]
+              }
+            )
+          }
+        ) : null,
+        shouldRenderNoResults ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+          "div",
+          {
+            className: cn(
+              "absolute left-0 right-0 top-full z-50 mt-1 w-full overflow-hidden rounded-agg-xl border border-agg-separator bg-agg-secondary py-10 shadow-[0px_8px_16px_0px_rgba(0,0,0,0.1)]",
+              classNames == null ? void 0 : classNames.emptyState
+            ),
+            children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+              "div",
+              {
+                className: cn("flex flex-col items-center gap-5", classNames == null ? void 0 : classNames.emptyStateContent),
+                role: "status",
+                "aria-live": "polite",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+                    SearchEmptyIcon,
+                    {
+                      className: cn("h-10 w-10 text-agg-muted-foreground", classNames == null ? void 0 : classNames.emptyStateIcon),
+                      "aria-hidden": true
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex flex-col items-center gap-1 text-center", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+                      "p",
+                      {
+                        className: cn(
+                          "font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground",
+                          classNames == null ? void 0 : classNames.emptyStateTitle
+                        ),
+                        children: labels.search.noResultsTitle
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+                      "p",
+                      {
+                        className: cn(
+                          "font-agg-sans text-agg-sm leading-agg-5 font-agg-normal text-agg-foreground",
+                          classNames == null ? void 0 : classNames.emptyStateDescription
+                        ),
+                        children: labels.search.noResultsDescription
+                      }
+                    )
+                  ] })
+                ]
+              }
+            )
+          }
+        ) : null
+      ]
+    }
+  );
 };
 Search.displayName = "Search";
 
 // src/primitives/state-message/index.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 var iconClassName = "h-9 w-9 text-agg-muted-foreground";
 var StateMessage = ({
   ariaLabel,
@@ -4080,8 +4630,8 @@ var StateMessage = ({
   onAction,
   className
 }) => {
-  const icon = tone === "warning" ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(WarningIcon, { className: iconClassName, "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(SearchEmptyIcon, { className: iconClassName, "aria-hidden": true });
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+  const icon = tone === "warning" ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(WarningIcon, { className: iconClassName, "aria-hidden": true }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(SearchEmptyIcon, { className: iconClassName, "aria-hidden": true });
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
     "div",
     {
       className: cn(
@@ -4091,13 +4641,13 @@ var StateMessage = ({
       role: "status",
       "aria-live": "polite",
       "aria-label": ariaLabel,
-      children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex max-w-[360px] flex-col items-center gap-6", children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex flex-col items-center gap-6", children: [
         icon,
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex flex-col items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Typography, { variant: "body-large-strong", children: title }),
-          description ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Typography, { variant: "body", className: "whitespace-pre-line text-agg-muted-foreground", children: description }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex flex-col items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Typography, { variant: "body-large-strong", children: title }),
+          description ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Typography, { variant: "body", className: "whitespace-pre-line text-agg-muted-foreground", children: description }) : null
         ] }),
-        actionLabel && onAction ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+        actionLabel && onAction ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
           Button,
           {
             variant: "tertiary",
@@ -4120,7 +4670,7 @@ StateMessage.displayName = "StateMessage";
 
 // src/primitives/tabs/index.tsx
 var import_react7 = require("react");
-var import_hooks18 = require("@agg-market/hooks");
+var import_hooks19 = require("@agg-market/hooks");
 
 // src/primitives/tabs/tabs.utils.ts
 var findNextEnabledIndex = (items, startIndex, direction) => {
@@ -4147,7 +4697,7 @@ var findEdgeEnabledIndex = (items, direction) => {
 };
 
 // src/primitives/tabs/index.tsx
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var mobileTabsMediaQuery = "(max-width: 512px)";
 var getTabButtonClassName = ({
   enableAnimations,
@@ -4187,8 +4737,10 @@ var Tabs = ({
   className,
   classNames
 }) => {
-  const labels = (0, import_hooks18.useLabels)();
-  const { enableAnimations } = (0, import_hooks18.useSdkUiConfig)();
+  const labels = (0, import_hooks19.useLabels)();
+  const {
+    features: { enableAnimations }
+  } = (0, import_hooks19.useSdkUiConfig)();
   const buttonRefs = (0, import_react7.useRef)([]);
   const dragStateRef = (0, import_react7.useRef)({
     isPointerDown: false,
@@ -4504,7 +5056,7 @@ var Tabs = ({
     });
   }, [enableAnimations, renderedItems, shouldUseOverflowScroll, value]);
   if (shouldUseOverflowSelect) {
-    return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: cn("w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: cn("w-full", className, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
       Select,
       {
         ariaLabel,
@@ -4516,7 +5068,7 @@ var Tabs = ({
       }
     ) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
     "div",
     {
       className: cn(
@@ -4527,7 +5079,7 @@ var Tabs = ({
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
           "div",
           {
             ref: tabListRef,
@@ -4543,7 +5095,7 @@ var Tabs = ({
             children: [
               renderedItems.map((item, index) => {
                 const isActive = item.value === value;
-                return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
                   "button",
                   {
                     ref: (buttonElement) => {
@@ -4572,7 +5124,7 @@ var Tabs = ({
                       shouldUseOverflowScroll && !isBarVariant && "snap-start"
                     ),
                     children: [
-                      isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_jsx_runtime80.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+                      isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_jsx_runtime82.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                         "span",
                         {
                           "aria-hidden": true,
@@ -4586,8 +5138,8 @@ var Tabs = ({
                           )
                         }
                       ) }) : null,
-                      item.icon ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "relative z-10 inline-flex shrink-0 items-center justify-center empty:hidden", children: item.icon }) : null,
-                      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+                      item.icon ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "relative z-10 inline-flex shrink-0 items-center justify-center empty:hidden", children: item.icon }) : null,
+                      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                         "span",
                         {
                           className: cn(
@@ -4602,7 +5154,7 @@ var Tabs = ({
                   item.value
                 );
               }),
-              !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+              !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                 "span",
                 {
                   "aria-hidden": true,
@@ -4620,24 +5172,24 @@ var Tabs = ({
             ]
           }
         ),
-        shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_jsx_runtime80.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+        shouldUseOverflowScroll && !isBarVariant ? /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
             "span",
             {
               "aria-hidden": true,
               className: cn(
-                "pointer-events-none absolute top-0 bottom-0 left-8 z-10 w-12 md:w-18 bg-linear-to-r from-agg-secondary via-agg-secondary to-transparent",
+                "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"
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
             "span",
             {
               "aria-hidden": true,
               className: cn(
-                "pointer-events-none absolute top-0 right-8 bottom-0 z-10 w-12 md:w-18 bg-linear-to-l from-agg-secondary via-agg-secondary to-transparent",
+                "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"
               )
@@ -4652,8 +5204,8 @@ Tabs.displayName = "Tabs";
 
 // src/primitives/modal/index.tsx
 var Dialog = __toESM(require("@radix-ui/react-dialog"));
-var import_hooks19 = require("@agg-market/hooks");
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_hooks20 = require("@agg-market/hooks");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var Modal = ({
   open,
   onOpenChange,
@@ -4661,7 +5213,7 @@ var Modal = ({
   "aria-label": _ariaLabel,
   "aria-labelledby": _ariaLabelledBy
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Dialog.Root, { open, onOpenChange, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Dialog.Root, { open, onOpenChange, children });
 };
 var ModalContainer = ({
   children,
@@ -4670,11 +5222,14 @@ var ModalContainer = ({
   "aria-label": ariaLabel,
   "aria-labelledby": ariaLabelledBy
 }) => {
-  const { rootClassName, enableAnimations } = (0, import_hooks19.useSdkUiConfig)();
+  const {
+    general: { rootClassName },
+    features: { enableAnimations }
+  } = (0, import_hooks20.useSdkUiConfig)();
   const overlayAnimationClassName = enableAnimations ? "motion-safe:data-[state=open]:animate-agg-modal-overlay-in motion-safe:data-[state=closed]:animate-agg-modal-overlay-out motion-reduce:animate-none" : void 0;
   const panelAnimationClassName = enableAnimations ? "motion-safe:data-[state=open]:animate-agg-modal-panel-in motion-safe:data-[state=closed]:animate-agg-modal-panel-out motion-reduce:animate-none" : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(Dialog.Portal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(Dialog.Portal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
       Dialog.Overlay,
       {
         className: cn(
@@ -4684,7 +5239,7 @@ var ModalContainer = ({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
       Dialog.Content,
       {
         className: cn(
@@ -4699,7 +5254,7 @@ var ModalContainer = ({
         onCloseAutoFocus: (event) => {
           event.preventDefault();
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
           "div",
           {
             className: cn(
@@ -4733,11 +5288,13 @@ var ModalHeader = ({
   children,
   hideBorder = false
 }) => {
-  const { enableAnimations } = (0, import_hooks19.useSdkUiConfig)();
-  const labels = (0, import_hooks19.useLabels)();
-  const defaultCloseIcon = /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(CloseIcon, { className: "h-6 w-6" });
+  const {
+    features: { enableAnimations }
+  } = (0, import_hooks20.useSdkUiConfig)();
+  const labels = (0, import_hooks20.useLabels)();
+  const defaultCloseIcon = /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(CloseIcon, { className: "h-6 w-6" });
   const resolvedCloseIcon = closeIcon != null ? closeIcon : defaultCloseIcon;
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
     "div",
     {
       className: cn(
@@ -4750,7 +5307,7 @@ var ModalHeader = ({
         classNames == null ? void 0 : classNames.root
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
           "div",
           {
             className: cn(
@@ -4762,9 +5319,9 @@ var ModalHeader = ({
               classNames == null ? void 0 : classNames.container
             ),
             children: [
-              leftElement ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_jsx_runtime81.Fragment, { children: leftElement }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: cn("max-w-[calc(100%-1rem)] flex-1", classNames == null ? void 0 : classNames.titleContainer), children: [
-                /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+              leftElement ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_jsx_runtime83.Fragment, { children: leftElement }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: cn("max-w-[calc(100%-1rem)] flex-1", classNames == null ? void 0 : classNames.titleContainer), children: [
+                /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
                   Dialog.Title,
                   {
                     className: cn(
@@ -4777,7 +5334,7 @@ var ModalHeader = ({
                     children: title
                   }
                 ),
-                subtitle ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+                subtitle ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
                   "span",
                   {
                     className: cn(
@@ -4788,9 +5345,9 @@ var ModalHeader = ({
                   }
                 ) : null
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex flex-row gap-6 items-center justify-end", children: [
-                rightElement ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_jsx_runtime81.Fragment, { children: rightElement }) : null,
-                !hideClose && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "flex flex-row gap-6 items-center justify-end", children: [
+                rightElement ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_jsx_runtime83.Fragment, { children: rightElement }) : null,
+                !hideClose && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
                   Dialog.Close,
                   {
                     className: cn(
@@ -4806,14 +5363,14 @@ var ModalHeader = ({
             ]
           }
         ),
-        children ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { children }) : null
+        children ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { children }) : null
       ]
     }
   );
 };
 Modal.Header = ModalHeader;
 var ModalBody = ({ children, classNames }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
     "div",
     {
       className: cn(
@@ -4834,7 +5391,7 @@ var ModalFooter = ({
   classNames,
   hideBorder = false
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
     "div",
     {
       className: cn(
@@ -4853,8 +5410,78 @@ var ModalFooter = ({
 };
 Modal.Footer = ModalFooter;
 Modal.displayName = "Modal";
+
+// src/primitives/header/index.tsx
+var import_hooks21 = require("@agg-market/hooks");
+
+// src/primitives/header/header.constants.ts
+var baseHeaderClasses = "group/agg-header w-full border-b border-agg-separator bg-agg-background";
+var stickyHeaderClasses = "sticky top-0 z-50";
+var headerInnerClasses = "mx-auto flex h-14 items-center px-4 md:px-10";
+
+// src/primitives/header/header.types.ts
+var isHeaderLogoProps = (value) => {
+  return typeof value === "object" && value !== null && "src" in value && typeof value.src === "string";
+};
+
+// src/primitives/header/index.tsx
+var import_jsx_runtime84 = require("react/jsx-runtime");
+var Header = ({
+  logo,
+  logoHref,
+  search,
+  searchProps,
+  actions,
+  classNames,
+  sticky = true,
+  "aria-label": ariaLabel
+}) => {
+  const labels = (0, import_hooks21.useLabels)();
+  const logoContent = isHeaderLogoProps(logo) ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+    "img",
+    {
+      src: logo.src,
+      alt: logo.alt,
+      width: logo.width,
+      height: logo.height,
+      className: cn("block max-h-full", classNames == null ? void 0 : classNames.logoElement)
+    }
+  ) : logo !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: classNames == null ? void 0 : classNames.logoElement, children: logo }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+    AggLogo,
+    {
+      className: cn("h-6 w-auto text-agg-foreground", classNames == null ? void 0 : classNames.logoElement),
+      title: labels.header.logoAria
+    }
+  );
+  const wrappedLogo = logoHref ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("a", { href: logoHref, "aria-label": labels.header.logoAria, className: classNames == null ? void 0 : classNames.logoWrapper, children: logoContent }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: classNames == null ? void 0 : classNames.logoWrapper, children: logoContent });
+  const searchContent = search !== void 0 ? search : searchProps ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Search, __spreadValues({}, searchProps)) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+    "header",
+    {
+      role: "banner",
+      "aria-label": ariaLabel != null ? ariaLabel : labels.header.bannerAria,
+      className: cn(baseHeaderClasses, sticky && stickyHeaderClasses, classNames == null ? void 0 : classNames.root),
+      children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: cn(headerInnerClasses, classNames == null ? void 0 : classNames.inner), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: cn("flex shrink-0 items-center", classNames == null ? void 0 : classNames.leftSection), children: wrappedLogo }),
+        searchContent ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+          "div",
+          {
+            className: cn(
+              "flex min-w-0 flex-1 justify-center px-4 md:px-6",
+              classNames == null ? void 0 : classNames.centerSection
+            ),
+            children: searchContent
+          }
+        ) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: cn("flex shrink-0 items-center gap-2", classNames == null ? void 0 : classNames.rightSection), children: actions })
+      ] })
+    }
+  );
+};
+Header.displayName = "Header";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  AggLogo,
   AppleIcon,
   ArrowTrendUpIcon,
   ArrowsToDotIcon,
@@ -4883,6 +5510,7 @@ Modal.displayName = "Modal";
   EthereumIcon,
   ExternalLinkIcon,
   GoogleIcon,
+  Header,
   HelloWorld,
   Icon,
   ImageIcon,