@agg-market/ui 0.0.1

package/dist/connect-button.js

@@ -0,0 +1,1815 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/auth/connect-button/index.tsx
+var connect_button_exports = {};
+__export(connect_button_exports, {
+  ConnectButton: () => ConnectButton
+});
+module.exports = __toCommonJS(connect_button_exports);
+var import_react = require("react");
+var DropdownMenu = __toESM(require("@radix-ui/react-dropdown-menu"));
+var import_viem = require("viem");
+var import_wagmi = require("wagmi");
+var import_hooks4 = require("@agg-market/hooks");
+
+// src/constants.ts
+var AGG_ROOT_CLASS_NAME = "agg-root";
+
+// src/primitives/button/index.tsx
+var import_hooks = require("@agg-market/hooks");
+
+// src/shared/utils.ts
+var cn = (...values) => values.filter(Boolean).join(" ");
+var getMotionClassName = (enabled, ...values) => {
+  if (!enabled)
+    return void 0;
+  return cn(...values);
+};
+var shortenAddress = (value) => {
+  if (value.length < 10)
+    return value;
+  return `${value.slice(0, 6)}...${value.slice(-5)}`;
+};
+var formatUsd = (value) => {
+  if (!Number.isFinite(value))
+    return "$0";
+  return value.toLocaleString("en-US", {
+    style: "currency",
+    currency: "USD",
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 2
+  });
+};
+
+// src/primitives/icon/icon.constants.ts
+var iconSizeClasses = {
+  xxs: "h-2 w-2",
+  xs: "h-3 w-3",
+  s: "h-4 w-4",
+  m: "h-6 w-6",
+  l: "h-8 w-8",
+  xl: "h-10 w-10",
+  xxl: "h-12 w-12"
+};
+
+// src/primitives/button/button.constants.ts
+var sizeClasses = {
+  xxs: cn("h-6 px-2.5 gap-1", "text-agg-xs leading-agg-4"),
+  xs: cn("h-7 px-3 gap-1", "text-agg-xs leading-agg-4"),
+  s: cn("h-8 px-4 gap-1.5", "text-agg-sm leading-agg-5"),
+  m: cn("h-9 px-5 gap-1.5", "text-agg-sm leading-agg-5"),
+  l: cn("h-10 px-6 gap-2", "text-agg-base leading-agg-6"),
+  xl: cn("h-11 px-7 gap-2", "text-agg-base leading-agg-6"),
+  xxl: cn("h-12 px-8 gap-2", "text-agg-base leading-agg-6")
+};
+var iconSizeClasses2 = {
+  xxs: iconSizeClasses.xs,
+  xs: iconSizeClasses.xs,
+  s: iconSizeClasses.s,
+  m: iconSizeClasses.s,
+  l: iconSizeClasses.s,
+  xl: iconSizeClasses.s,
+  xxl: iconSizeClasses.s
+};
+var iconSlotClasses = {
+  xxs: "[&_svg]:h-3 [&_svg]:w-3",
+  xs: "[&_svg]:h-3 [&_svg]:w-3",
+  s: "[&_svg]:h-4 [&_svg]:w-4",
+  m: "[&_svg]:h-4 [&_svg]:w-4",
+  l: "[&_svg]:h-4 [&_svg]:w-4",
+  xl: "[&_svg]:h-4 [&_svg]:w-4",
+  xxl: "[&_svg]:h-4 [&_svg]:w-4"
+};
+var variantClasses = {
+  primary: cn(
+    "bg-agg-primary text-agg-on-primary",
+    "hover:bg-agg-primary-hover",
+    "disabled:bg-agg-separator disabled:text-agg-on-primary",
+    "focus-visible:ring-agg-primary-hover"
+  ),
+  secondary: cn(
+    "border border-agg-separator bg-agg-secondary text-agg-foreground",
+    "hover:bg-agg-secondary-hover",
+    "disabled:bg-agg-secondary disabled:text-agg-muted-foreground disabled:border-agg-separator",
+    "focus-visible:ring-agg-separator"
+  ),
+  tertiary: cn(
+    "bg-transparent text-agg-foreground",
+    "hover:bg-agg-secondary-hover",
+    "disabled:bg-transparent disabled:text-agg-muted-foreground",
+    "focus-visible:ring-agg-separator"
+  )
+};
+var baseButtonClasses = cn(
+  "cursor-pointer disabled:cursor-not-allowed",
+  "inline-flex items-center justify-center rounded-agg-full font-agg-sans font-agg-bold text-center",
+  "whitespace-nowrap",
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-agg-secondary"
+);
+
+// src/primitives/button/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Button = (_a) => {
+  var _b = _a, {
+    children,
+    variant = "primary",
+    size = "m",
+    isLoading = false,
+    disabled,
+    prefix,
+    suffix,
+    type = "button",
+    className,
+    "aria-label": ariaLabel
+  } = _b, other = __objRest(_b, [
+    "children",
+    "variant",
+    "size",
+    "isLoading",
+    "disabled",
+    "prefix",
+    "suffix",
+    "type",
+    "className",
+    "aria-label"
+  ]);
+  const { enableAnimations } = (0, import_hooks.useSdkUiConfig)();
+  const isDisabled = disabled || isLoading;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    __spreadProps(__spreadValues({
+      type,
+      className: cn(
+        baseButtonClasses,
+        getMotionClassName(enableAnimations, "transition-colors"),
+        sizeClasses[size],
+        iconSlotClasses[size],
+        variantClasses[variant],
+        className
+      ),
+      disabled: isDisabled,
+      "aria-busy": isLoading,
+      "aria-label": ariaLabel
+    }, other), {
+      children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "span",
+        {
+          className: cn(
+            "inline-block rounded-agg-full border-2 border-current border-r-transparent",
+            getMotionClassName(enableAnimations, "animate-spin"),
+            iconSizeClasses2[size]
+          ),
+          "aria-hidden": "true"
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        prefix != null ? prefix : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children }),
+        suffix != null ? suffix : null
+      ] })
+    })
+  );
+};
+Button.displayName = "Button";
+
+// src/primitives/icon/types.ts
+var getIconA11yProps = (title) => ({
+  role: title ? "img" : "presentation",
+  "aria-hidden": title ? void 0 : true
+});
+
+// src/primitives/icon/svg/arrow-trend-up.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ArrowTrendUpIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 16 16",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "path",
+          {
+            d: "M2 11.5L6.5 7L9.5 10L14 5.5",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "path",
+          {
+            d: "M10.5 5.5H14V9",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    })
+  );
+};
+ArrowTrendUpIcon.displayName = "ArrowTrendUpIcon";
+
+// src/primitives/icon/svg/arrows-to-dot.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var ArrowsToDotIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 16 16",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "path",
+          {
+            d: "M8 2V5M8 11V14M2 8H5M11 8H14M3.76 3.76L5.9 5.9M10.1 10.1L12.24 12.24M12.24 3.76L10.1 5.9M5.9 10.1L3.76 12.24",
+            stroke: "currentColor",
+            strokeWidth: "1.25",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "8", cy: "8", r: "1.5", fill: "currentColor" })
+      ]
+    })
+  );
+};
+ArrowsToDotIcon.displayName = "ArrowsToDotIcon";
+
+// src/primitives/icon/svg/best-prices.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var BestPricesIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      width: "28",
+      height: "28",
+      viewBox: "0 0 28 28",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("g", { clipPath: "url(#clip0_best_prices)", children: /* @__PURE__ */ (0, import_jsx_runtime4.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_runtime4.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("clipPath", { id: "clip0_best_prices", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
+      ]
+    })
+  );
+};
+BestPricesIcon.displayName = "BestPricesIcon";
+
+// src/primitives/icon/svg/check-circle.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var CheckCircleIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("g", { clipPath: "url(#clip0_check_circle)", children: /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime5.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("clipPath", { id: "clip0_check_circle", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("rect", { width: "24", height: "24", fill: "white" }) }) })
+      ]
+    })
+  );
+};
+CheckCircleIcon.displayName = "CheckCircleIcon";
+
+// src/primitives/icon/svg/chevron-down.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var ChevronDownIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 14 14",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          "path",
+          {
+            d: "M3.25 5.25L7 9L10.75 5.25",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    })
+  );
+};
+ChevronDownIcon.displayName = "ChevronDownIcon";
+
+// src/primitives/icon/svg/chevron-right.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var ChevronRightIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 16 16",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime7.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",
+            fill: "currentColor"
+          }
+        )
+      ]
+    })
+  );
+};
+ChevronRightIcon.displayName = "ChevronRightIcon";
+
+// src/primitives/icon/svg/chevron-up.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var ChevronUpIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 14 14",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          "path",
+          {
+            d: "M3.25 8.75L7 5L10.75 8.75",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    })
+  );
+};
+ChevronUpIcon.displayName = "ChevronUpIcon";
+
+// src/primitives/icon/svg/close.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var CloseIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "path",
+          {
+            d: "M12 4L4 12M4 4l8 8",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    })
+  );
+};
+CloseIcon.displayName = "CloseIcon";
+
+// src/primitives/icon/svg/create-account.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var CreateAccountIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      width: "28",
+      height: "28",
+      viewBox: "0 0 28 28",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("g", { clipPath: "url(#clip0_create_account)", children: /* @__PURE__ */ (0, import_jsx_runtime10.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_runtime10.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("clipPath", { id: "clip0_create_account", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
+      ]
+    })
+  );
+};
+CreateAccountIcon.displayName = "CreateAccountIcon";
+
+// src/primitives/icon/svg/disconnect.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var DisconnectIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 16 16",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "path",
+          {
+            d: "M6.5 3H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h2.5",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "path",
+          {
+            d: "M9.5 5.5 12 8m0 0-2.5 2.5M12 8H6",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    })
+  );
+};
+DisconnectIcon.displayName = "DisconnectIcon";
+
+// src/primitives/icon/svg/download.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var DownloadIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 16 16",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          "path",
+          {
+            d: "M8 2.5v7m0 0 2.5-2.5M8 9.5 5.5 7",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M2.5 12.5h11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+      ]
+    })
+  );
+};
+DownloadIcon.displayName = "DownloadIcon";
+
+// src/primitives/icon/svg/dots-horizontal.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var DotsHorizontalIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 16 16",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("circle", { cx: "3.5", cy: "8", r: "1.25", fill: "currentColor" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("circle", { cx: "8", cy: "8", r: "1.25", fill: "currentColor" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("circle", { cx: "12.5", cy: "8", r: "1.25", fill: "currentColor" })
+      ]
+    })
+  );
+};
+DotsHorizontalIcon.displayName = "DotsHorizontalIcon";
+
+// src/primitives/icon/svg/link-accounts.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var LinkAccountsIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      width: "28",
+      height: "28",
+      viewBox: "0 0 28 28",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("g", { clipPath: "url(#clip0_link_accounts)", children: /* @__PURE__ */ (0, import_jsx_runtime14.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_runtime14.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("clipPath", { id: "clip0_link_accounts", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
+      ]
+    })
+  );
+};
+LinkAccountsIcon.displayName = "LinkAccountsIcon";
+
+// src/primitives/icon/svg/profile.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var ProfileIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 16 16",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          "path",
+          {
+            d: "M8 8.25a2.75 2.75 0 1 0 0-5.5 2.75 2.75 0 0 0 0 5.5Z",
+            stroke: "currentColor",
+            strokeWidth: "1.5"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          "path",
+          {
+            d: "M3 13.5a5 5 0 0 1 10 0",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    })
+  );
+};
+ProfileIcon.displayName = "ProfileIcon";
+
+// src/primitives/icon/svg/revenue-alt.tsx
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var RevenueAltIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 20 20",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          "path",
+          {
+            d: "M3 14V6M3 6L1.5 7.5M3 6L4.5 7.5M17 6V14M17 14L15.5 12.5M17 14L18.5 12.5",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime16.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",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    })
+  );
+};
+RevenueAltIcon.displayName = "RevenueAltIcon";
+
+// src/primitives/icon/svg/search.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var SearchIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime17.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",
+            stroke: "currentColor",
+            strokeWidth: "1.3",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          "path",
+          {
+            d: "M13.6668 13.6666L11.1667 11.1666",
+            stroke: "currentColor",
+            strokeWidth: "1.3",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    })
+  );
+};
+SearchIcon.displayName = "SearchIcon";
+
+// src/primitives/icon/svg/shield-trust.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var ShieldTrustIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 16 16",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime18.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_runtime18.jsx)(
+          "path",
+          {
+            d: "M5.5 8.2L7.2 9.9L10.8 6.3",
+            stroke: "white",
+            strokeWidth: "1.4",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    })
+  );
+};
+ShieldTrustIcon.displayName = "ShieldTrustIcon";
+
+// src/primitives/icon/svg/stay-in-control.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var StayInControlIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      width: "28",
+      height: "28",
+      viewBox: "0 0 28 28",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("g", { clipPath: "url(#clip0_stay_in_control)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.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_runtime19.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",
+              fill: "currentColor"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("clipPath", { id: "clip0_stay_in_control", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("rect", { width: "28", height: "28", fill: "white" }) }) })
+      ]
+    })
+  );
+};
+StayInControlIcon.displayName = "StayInControlIcon";
+
+// src/primitives/icon/svg/triangle-down.tsx
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var TriangleDownIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 8 8",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("g", { transform: "scale(1,-1) translate(0,-8)", clipPath: "url(#triangle_up)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.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_runtime20.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",
+              fill: "currentColor"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("clipPath", { id: "triangle_up", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("rect", { width: "8", height: "8", fill: "white" }) }) })
+      ]
+    })
+  );
+};
+TriangleDownIcon.displayName = "TriangleDownIcon";
+
+// src/primitives/icon/svg/triangle-up.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var TriangleUpIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 8 8",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("g", { clipPath: "url(#triangle_up)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.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_runtime21.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",
+              fill: "currentColor"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("clipPath", { id: "triangle_up", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("rect", { width: "8", height: "8", fill: "white" }) }) })
+      ]
+    })
+  );
+};
+TriangleUpIcon.displayName = "TriangleUpIcon";
+
+// src/primitives/icon/svg/upload.tsx
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var UploadIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 16 16",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          "path",
+          {
+            d: "M8 13.5v-7m0 0 2.5 2.5M8 6.5 5.5 9",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M2.5 3.5h11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+      ]
+    })
+  );
+};
+UploadIcon.displayName = "UploadIcon";
+
+// src/primitives/icon/svg/wallet-avatar.tsx
+var import_jsx_runtime23 = require("react/jsx-runtime");
+function WalletAvatarIcon(_a) {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      fill: "none",
+      className,
+      viewBox: "0 0 16 16"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("circle", { cx: "8", cy: "5.25", r: "2.25", fill: "currentColor" }),
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M3.75 12.75a4.25 4.25 0 0 1 8.5 0v.25h-8.5v-.25Z", fill: "currentColor" })
+      ]
+    })
+  );
+}
+WalletAvatarIcon.displayName = "WalletAvatarIcon";
+
+// src/primitives/icon/svg/warning.tsx
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var WarningIcon = (_a) => {
+  var _b = _a, { title, className } = _b, props = __objRest(_b, ["title", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      width: "14",
+      height: "14",
+      viewBox: "0 0 14 14",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("g", { clipPath: "url(#clip0_warning)", children: /* @__PURE__ */ (0, import_jsx_runtime24.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_runtime24.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("clipPath", { id: "clip0_warning", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("rect", { width: "14", height: "14", fill: "white" }) }) })
+      ]
+    })
+  );
+};
+WarningIcon.displayName = "WarningIcon";
+
+// src/primitives/icon/registry.ts
+var iconRegistry = {
+  "arrow-trend-up": ArrowTrendUpIcon,
+  "arrows-to-dot": ArrowsToDotIcon,
+  "best-prices": BestPricesIcon,
+  "check-circle": CheckCircleIcon,
+  "chevron-down": ChevronDownIcon,
+  "chevron-right": ChevronRightIcon,
+  "chevron-up": ChevronUpIcon,
+  close: CloseIcon,
+  "create-account": CreateAccountIcon,
+  disconnect: DisconnectIcon,
+  download: DownloadIcon,
+  "dots-horizontal": DotsHorizontalIcon,
+  "link-accounts": LinkAccountsIcon,
+  profile: ProfileIcon,
+  "revenue-alt": RevenueAltIcon,
+  search: SearchIcon,
+  "shield-trust": ShieldTrustIcon,
+  "stay-in-control": StayInControlIcon,
+  "triangle-down": TriangleDownIcon,
+  "triangle-up": TriangleUpIcon,
+  upload: UploadIcon,
+  "wallet-avatar": WalletAvatarIcon,
+  warning: WarningIcon
+};
+var iconNames = Object.keys(iconRegistry);
+
+// src/primitives/icon/icon.utils.ts
+var resolveIconStyle = (color, style) => {
+  if (!color)
+    return style;
+  return __spreadProps(__spreadValues({}, style), {
+    color
+  });
+};
+
+// src/primitives/icon/index.tsx
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var Icon = (_a) => {
+  var _b = _a, {
+    name,
+    color,
+    size = "m",
+    className = "text-agg-primary",
+    style
+  } = _b, props = __objRest(_b, [
+    "name",
+    "color",
+    "size",
+    "className",
+    "style"
+  ]);
+  const Component = iconRegistry[name];
+  const resolvedStyle = resolveIconStyle(color, style);
+  const resolvedClassName = cn(iconSizeClasses[size], className);
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Component, __spreadValues({ color, className: resolvedClassName, style: resolvedStyle }, props));
+};
+Icon.displayName = "Icon";
+
+// src/primitives/venue-logo/index.tsx
+var import_hooks2 = require("@agg-market/hooks");
+
+// src/primitives/venue-logo/logo-props.ts
+var DEFAULT_MONOCHROME_COLOR = "#000000";
+var resolveLogoPrimaryColor = ({
+  brandColor,
+  isColor = true,
+  color
+}) => {
+  if (typeof color === "string" && color.trim())
+    return color;
+  if (!isColor)
+    return DEFAULT_MONOCHROME_COLOR;
+  return brandColor;
+};
+
+// src/primitives/venue-logo/svg/logo-kalshi.tsx
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var KALSHI_GREEN = "#18C590";
+var LogoKalshiIcon = (_a) => {
+  var _b = _a, {
+    title,
+    className,
+    isColor = true,
+    color
+  } = _b, props = __objRest(_b, [
+    "title",
+    "className",
+    "isColor",
+    "color"
+  ]);
+  const primaryColor = resolveLogoPrimaryColor({
+    brandColor: KALSHI_GREEN,
+    isColor,
+    color
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 100 100",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("path", { d: "M20 10H36V90H20V10Z", fill: primaryColor }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("path", { d: "M44 50L74 10H92L62 50L92 90H74L44 50Z", fill: primaryColor })
+      ]
+    })
+  );
+};
+LogoKalshiIcon.displayName = "LogoKalshiIcon";
+
+// src/primitives/venue-logo/svg/logo-opinion.tsx
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var OPINION_BLACK = "#000000";
+var OPINION_WHITE = "#FFFFFF";
+var LogoOpinionIcon = (_a) => {
+  var _b = _a, {
+    title,
+    className,
+    isColor = true,
+    color
+  } = _b, props = __objRest(_b, [
+    "title",
+    "className",
+    "isColor",
+    "color"
+  ]);
+  const primaryColor = resolveLogoPrimaryColor({
+    brandColor: OPINION_BLACK,
+    isColor,
+    color
+  });
+  const accentColor = (color == null ? void 0 : color.trim()) ? primaryColor : OPINION_WHITE;
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 100 100",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("circle", { cx: "50", cy: "50", r: "40", fill: primaryColor }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          "rect",
+          {
+            x: "21",
+            y: "18",
+            width: "8",
+            height: "64",
+            rx: "4",
+            transform: "rotate(-7 21 18)",
+            fill: accentColor
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          "rect",
+          {
+            x: "37",
+            y: "12",
+            width: "8",
+            height: "76",
+            rx: "4",
+            transform: "rotate(-4 37 12)",
+            fill: accentColor
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          "rect",
+          {
+            x: "53",
+            y: "12",
+            width: "8",
+            height: "76",
+            rx: "4",
+            transform: "rotate(-4 53 12)",
+            fill: accentColor
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          "rect",
+          {
+            x: "69",
+            y: "18",
+            width: "8",
+            height: "64",
+            rx: "4",
+            transform: "rotate(-7 69 18)",
+            fill: accentColor
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("rect", { x: "12", y: "44", width: "76", height: "12", fill: primaryColor })
+      ]
+    })
+  );
+};
+LogoOpinionIcon.displayName = "LogoOpinionIcon";
+
+// src/primitives/venue-logo/svg/logo-polymarket.tsx
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var POLYMARKET_BLUE = "#3861FB";
+var LogoPolymarketIcon = (_a) => {
+  var _b = _a, {
+    title,
+    className,
+    isColor = true,
+    color
+  } = _b, props = __objRest(_b, [
+    "title",
+    "className",
+    "isColor",
+    "color"
+  ]);
+  const primaryColor = resolveLogoPrimaryColor({
+    brandColor: POLYMARKET_BLUE,
+    isColor,
+    color
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 100 100",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          "path",
+          {
+            d: "M18 10L78 2V98L18 88V10Z",
+            stroke: primaryColor,
+            strokeWidth: "8",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { d: "M18 32L78 44", stroke: primaryColor, strokeWidth: "8", strokeLinecap: "round" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { d: "M18 58L78 70", stroke: primaryColor, strokeWidth: "8", strokeLinecap: "round" })
+      ]
+    })
+  );
+};
+LogoPolymarketIcon.displayName = "LogoPolymarketIcon";
+
+// src/primitives/venue-logo/svg/logo-probable.tsx
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var PROBABLE_ORANGE = "#F85B22";
+var LogoProbableIcon = (_a) => {
+  var _b = _a, {
+    title,
+    className,
+    isColor = true,
+    color
+  } = _b, props = __objRest(_b, [
+    "title",
+    "className",
+    "isColor",
+    "color"
+  ]);
+  const primaryColor = resolveLogoPrimaryColor({
+    brandColor: PROBABLE_ORANGE,
+    isColor,
+    color
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues(__spreadValues({
+      viewBox: "0 0 100 100",
+      className,
+      fill: "none"
+    }, getIconA11yProps(title)), props), {
+      children: [
+        title ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("title", { children: title }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("rect", { x: "20", y: "16", width: "60", height: "12", fill: primaryColor }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("rect", { x: "18", y: "36", width: "64", height: "46", rx: "23", fill: primaryColor }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          "rect",
+          {
+            x: "32",
+            y: "50",
+            width: "40",
+            height: "18",
+            rx: "9",
+            fill: isColor && !color ? "white" : primaryColor
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("circle", { cx: "61", cy: "59", r: "7", fill: primaryColor })
+      ]
+    })
+  );
+};
+LogoProbableIcon.displayName = "LogoProbableIcon";
+
+// src/primitives/venue-logo/venue-logo.constants.ts
+var venueLogoRegistry = {
+  kalshi: LogoKalshiIcon,
+  polymarket: LogoPolymarketIcon,
+  opinion: LogoOpinionIcon,
+  probable: LogoProbableIcon
+};
+var venueLogoNames = Object.keys(venueLogoRegistry);
+var sizeClasses2 = {
+  xxs: "h-2 w-2",
+  xs: "h-3 w-3",
+  s: "h-4 w-4",
+  m: "h-6 w-6",
+  l: "h-8 w-8",
+  xl: "h-10 w-10",
+  xxl: "h-12 w-12"
+};
+
+// src/primitives/venue-logo/index.tsx
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var VenueLogo = ({
+  venue,
+  isColor = true,
+  isMonochromatic = false,
+  color,
+  size = "m",
+  className,
+  ariaLabel,
+  title
+}) => {
+  const labels = (0, import_hooks2.useLabels)();
+  const Component = venueLogoRegistry[venue];
+  const sizeClass = sizeClasses2[size];
+  const resolvedIsColor = isMonochromatic ? false : isColor;
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    Component,
+    {
+      className: cn("shrink-0", sizeClass, className),
+      isColor: resolvedIsColor,
+      color,
+      "aria-label": ariaLabel != null ? ariaLabel : labels.venues[venue],
+      title
+    }
+  );
+};
+VenueLogo.displayName = "VenueLogo";
+
+// src/primitives/loading-icon/index.tsx
+var import_hooks3 = require("@agg-market/hooks");
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var LoadingIcon = ({
+  size = "m",
+  className,
+  ariaLabel
+}) => {
+  const labels = (0, import_hooks3.useLabels)();
+  const { enableAnimations } = (0, import_hooks3.useSdkUiConfig)();
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    "span",
+    {
+      role: "status",
+      "aria-label": ariaLabel != null ? ariaLabel : labels.common.loading,
+      className: cn(
+        "inline-grid place-items-center text-agg-primary will-change-transform",
+        className
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "inline-grid place-items-center", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("svg", { viewBox: "0 0 44 44", className: cn("block", iconSizeClasses[size]), children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("g", { children: [
+        enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          "animateTransform",
+          {
+            attributeName: "transform",
+            attributeType: "XML",
+            type: "rotate",
+            from: "0 22 22",
+            to: "360 22 22",
+            dur: "1.4s",
+            repeatCount: "indefinite"
+          }
+        ) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          "circle",
+          {
+            cx: "22",
+            cy: "22",
+            r: "16",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "6",
+            strokeLinecap: "round",
+            strokeDasharray: "60 100",
+            strokeDashoffset: "0",
+            children: enableAnimations ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+                "animate",
+                {
+                  attributeName: "stroke-dasharray",
+                  values: "1 100;60 100;1 100",
+                  dur: "1.2s",
+                  repeatCount: "indefinite"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+                "animate",
+                {
+                  attributeName: "stroke-dashoffset",
+                  values: "0;-25;-100",
+                  dur: "1.2s",
+                  repeatCount: "indefinite"
+                }
+              )
+            ] }) : null
+          }
+        )
+      ] }) }) })
+    }
+  );
+};
+LoadingIcon.displayName = "LoadingIcon";
+
+// src/auth/connect-button/connect-button.constants.ts
+var connectButtonContainerClassName = cn(
+  "inline-flex flex-col items-start gap-2 font-agg-sans"
+);
+var connectedButtonsRowClassName = cn("inline-flex h-10 items-center gap-2");
+var connectedBalanceChipClassName = cn(
+  "inline-flex h-10 items-center gap-3 rounded-agg-full border border-agg-separator bg-agg-secondary pl-3 pr-12 font-agg-sans"
+);
+var connectedProfileChipClassName = cn(
+  "-ml-12",
+  "inline-flex h-10 items-center gap-3 rounded-agg-full border border-agg-separator bg-agg-secondary pl-2 pr-3 font-agg-sans",
+  "cursor-pointer hover:bg-agg-secondary-hover",
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary-hover focus-visible:ring-offset-2 focus-visible:ring-offset-agg-secondary"
+);
+var profileMenuContentClassName = cn(
+  "z-50 w-64 overflow-hidden rounded-agg-xl font-agg-sans",
+  "border border-agg-separator bg-agg-secondary",
+  "shadow-agg-popover"
+);
+var profileMenuSectionClassName = cn("flex w-full flex-col gap-5 px-5 py-5");
+var profileMenuSeparatorClassName = cn("h-px w-full bg-agg-separator");
+var profileMenuActionItemClassName = cn(
+  "flex w-full items-center gap-3 px-5 py-4 font-agg-sans text-agg-sm leading-agg-5 text-agg-foreground",
+  "outline-none",
+  "hover:bg-agg-secondary-hover focus:bg-agg-secondary-hover"
+);
+var avatarRootClassName = cn(
+  "inline-flex size-6 shrink-0 items-center justify-center rounded-agg-full bg-agg-separator"
+);
+var avatarIconClassName = cn("h-[66%] w-[66%] text-agg-muted-foreground");
+
+// src/auth/connect-button/index.tsx
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var venueLogoNameSet = /* @__PURE__ */ new Set([
+  "polymarket",
+  "kalshi",
+  "opinion",
+  "probable"
+]);
+var toVenueLogoName = (value) => {
+  if (!venueLogoNameSet.has(value))
+    return null;
+  return value;
+};
+function WalletAvatar({ className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { "aria-hidden": "true", className: cn(avatarRootClassName, className), children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { className: avatarIconClassName, name: "wallet-avatar" }) });
+}
+var ConnectButton = ({
+  autoSignInOnConnect = true,
+  buttonProps,
+  classNames,
+  disabled,
+  onConnect,
+  onDepositClick,
+  onDisconnect,
+  onProfileClick,
+  onViewAllBalancesClick,
+  onWithdrawClick
+}) => {
+  var _a, _b;
+  const [isProfileMenuOpen, setIsProfileMenuOpen] = (0, import_react.useState)(false);
+  const autoSignInAttemptRef = (0, import_react.useRef)(null);
+  const { enableAnimations, rootClassName } = (0, import_hooks4.useSdkUiConfig)();
+  const labels = (0, import_hooks4.useLabels)();
+  const { address: walletAddress, chainId, isConnected: isWalletConnected } = (0, import_wagmi.useAccount)();
+  const { connect, connectors, isPending: isConnectPending } = (0, import_wagmi.useConnect)();
+  const { disconnect } = (0, import_wagmi.useDisconnect)();
+  const { signMessageAsync } = (0, import_wagmi.useSignMessage)();
+  const {
+    totalBalance,
+    balanceBreakdown,
+    connectedVenues,
+    isLoading: isBalanceLoading,
+    error: balanceError
+  } = (0, import_hooks4.useAggBalanceState)();
+  const preferredConnector = (0, import_react.useMemo)(() => {
+    var _a2;
+    return (_a2 = connectors.find((connector) => connector.name === "MetaMask")) != null ? _a2 : connectors[0];
+  }, [connectors]);
+  const signInStatement = labels.auth.signInStatement;
+  const { signIn, signOut, isAuthenticated, user, isLoading, error } = (0, import_hooks4.useAggAuth)({
+    signMessage: (message) => signMessageAsync({ message }),
+    address: walletAddress != null ? walletAddress : "",
+    chainId
+  });
+  const resolvedWalletAddress = (_b = (_a = (0, import_hooks4.getWalletAddressFromUserProfile)(user)) != null ? _a : walletAddress) != null ? _b : "";
+  const resolvedAddressLabel = shortenAddress(resolvedWalletAddress);
+  const resolvedProfileLabel = resolvedAddressLabel;
+  const resolvedBalanceRows = (0, import_react.useMemo)(() => {
+    const balancesByVenue = /* @__PURE__ */ new Map();
+    for (const balanceItem of balanceBreakdown) {
+      balancesByVenue.set(balanceItem.venue, balanceItem.balance);
+    }
+    for (const venue of connectedVenues) {
+      if (!balancesByVenue.has(venue)) {
+        balancesByVenue.set(venue, 0);
+      }
+    }
+    return Array.from(balancesByVenue.entries()).map(([venue, balanceValue]) => {
+      var _a2;
+      return {
+        key: venue,
+        label: (_a2 = labels.venues[venue]) != null ? _a2 : venue,
+        amountLabel: formatUsd(balanceValue),
+        venue: toVenueLogoName(venue)
+      };
+    });
+  }, [balanceBreakdown, connectedVenues, labels.venues]);
+  const errorText = error ? `Error: ${error.message}` : null;
+  const balanceErrorText = balanceError ? `Error: ${balanceError.message}` : null;
+  const resolvedErrorText = errorText != null ? errorText : balanceErrorText;
+  const normalizedWalletAddress = (walletAddress != null ? walletAddress : "").toLowerCase();
+  const hasWalletAddress = (0, import_viem.isAddress)(walletAddress != null ? walletAddress : "");
+  const isConnectDisabled = disabled || isConnectPending || !preferredConnector;
+  const dropdownMenuItemClassName = cn(
+    "cursor-pointer",
+    profileMenuActionItemClassName,
+    getMotionClassName(enableAnimations, "transition-colors"),
+    disabled ? "pointer-events-none opacity-50" : null,
+    classNames == null ? void 0 : classNames.profileMenuActionItem
+  );
+  (0, import_react.useEffect)(() => {
+    if (!autoSignInOnConnect) {
+      autoSignInAttemptRef.current = null;
+      return;
+    }
+    if (!isWalletConnected || isAuthenticated || isLoading || !hasWalletAddress) {
+      if (!isWalletConnected || isAuthenticated) {
+        autoSignInAttemptRef.current = null;
+      }
+      return;
+    }
+    const attemptKey = `${normalizedWalletAddress}:${chainId != null ? chainId : "unknown"}`;
+    if (autoSignInAttemptRef.current === attemptKey)
+      return;
+    autoSignInAttemptRef.current = attemptKey;
+    void signIn(signInStatement).catch(() => void 0);
+  }, [
+    autoSignInOnConnect,
+    chainId,
+    hasWalletAddress,
+    isAuthenticated,
+    isLoading,
+    isWalletConnected,
+    normalizedWalletAddress,
+    signIn,
+    signInStatement
+  ]);
+  const handleConnectClick = () => {
+    if (isConnectDisabled || !preferredConnector)
+      return;
+    connect({ connector: preferredConnector });
+    if (!onConnect)
+      return;
+    void Promise.resolve(onConnect());
+  };
+  const handleSignInClick = () => {
+    if (disabled || isLoading || !hasWalletAddress)
+      return;
+    void signIn(signInStatement);
+  };
+  const handleDepositClick = () => {
+    if (disabled)
+      return;
+    if (!onDepositClick)
+      return;
+    void Promise.resolve(onDepositClick());
+  };
+  const handleProfileItemClick = () => {
+    if (disabled)
+      return;
+    if (!onProfileClick)
+      return;
+    void Promise.resolve(onProfileClick());
+  };
+  const handleWithdrawClick = () => {
+    if (disabled)
+      return;
+    if (!onWithdrawClick)
+      return;
+    void Promise.resolve(onWithdrawClick());
+  };
+  const handleViewAllBalancesClick = () => {
+    if (disabled)
+      return;
+    if (!onViewAllBalancesClick)
+      return;
+    void Promise.resolve(onViewAllBalancesClick());
+  };
+  const handleDisconnectClick = () => {
+    if (disabled)
+      return;
+    signOut();
+    disconnect();
+    if (!onDisconnect)
+      return;
+    void Promise.resolve(onDisconnect());
+  };
+  const handleProfileMenuOpenChange = (open) => {
+    if (disabled)
+      return;
+    setIsProfileMenuOpen(open);
+  };
+  if (resolvedErrorText) {
+    console.error({ resolvedErrorText });
+  }
+  if (!isWalletConnected) {
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: cn(connectButtonContainerClassName, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      Button,
+      __spreadProps(__spreadValues({
+        variant: "primary",
+        size: "l",
+        className: classNames == null ? void 0 : classNames.connectButton,
+        onClick: handleConnectClick,
+        disabled: isConnectDisabled,
+        "aria-label": labels.auth.connect(preferredConnector == null ? void 0 : preferredConnector.name)
+      }, buttonProps), {
+        children: labels.auth.connect(preferredConnector == null ? void 0 : preferredConnector.name)
+      })
+    ) });
+  }
+  if (!isAuthenticated) {
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: cn(connectButtonContainerClassName, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      Button,
+      __spreadProps(__spreadValues({
+        variant: "primary",
+        size: "l",
+        className: classNames == null ? void 0 : classNames.signInButton,
+        onClick: handleSignInClick,
+        disabled: disabled || !hasWalletAddress,
+        isLoading,
+        "aria-label": isLoading ? labels.auth.signingIn : labels.auth.signIn
+      }, buttonProps), {
+        children: isLoading ? labels.auth.signingIn : labels.auth.signIn
+      })
+    ) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: cn(connectButtonContainerClassName, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: cn(connectedButtonsRowClassName, classNames == null ? void 0 : classNames.connectedRow), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: cn(connectedBalanceChipClassName, classNames == null ? void 0 : classNames.balanceChip), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        Button,
+        {
+          variant: "primary",
+          size: "xxs",
+          className: cn("h-6 px-3 text-agg-xs leading-agg-4", classNames == null ? void 0 : classNames.depositButton),
+          onClick: handleDepositClick,
+          disabled,
+          "aria-label": labels.auth.deposit,
+          children: labels.auth.deposit
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        "p",
+        {
+          className: cn("text-agg-sm leading-none text-agg-foreground", classNames == null ? void 0 : classNames.balanceText),
+          children: isBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(LoadingIcon, { size: "s" }) : formatUsd(totalBalance)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(DropdownMenu.Root, { open: isProfileMenuOpen, onOpenChange: handleProfileMenuOpenChange, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+        "button",
+        {
+          type: "button",
+          className: cn(
+            connectedProfileChipClassName,
+            getMotionClassName(enableAnimations, "transition-colors"),
+            classNames == null ? void 0 : classNames.profileTrigger
+          ),
+          disabled,
+          "aria-label": labels.auth.walletMenuFor(resolvedProfileLabel),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(WalletAvatar, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              "span",
+              {
+                className: cn(
+                  "text-agg-base font-agg-bold leading-none text-agg-foreground",
+                  classNames == null ? void 0 : classNames.profileTriggerLabel
+                ),
+                children: resolvedProfileLabel
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              Icon,
+              {
+                name: isProfileMenuOpen ? "chevron-up" : "chevron-down",
+                size: "s",
+                className: "h-3.5 w-3.5 text-agg-foreground",
+                "aria-hidden": "true"
+              }
+            )
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DropdownMenu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+        DropdownMenu.Content,
+        {
+          className: cn(
+            AGG_ROOT_CLASS_NAME,
+            rootClassName,
+            profileMenuContentClassName,
+            classNames == null ? void 0 : classNames.profileMenuContent
+          ),
+          "data-agg-animations": enableAnimations ? "true" : "false",
+          sideOffset: 4,
+          align: "end",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              "div",
+              {
+                className: cn(
+                  profileMenuSectionClassName,
+                  "cursor-pointer",
+                  classNames == null ? void 0 : classNames.profileMenuSection
+                ),
+                onClick: handleProfileItemClick,
+                children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-center gap-3", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(WalletAvatar, { className: "size-11" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex flex-col items-start gap-0.5", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-agg-lg font-agg-bold leading-agg-7 text-agg-foreground", children: resolvedProfileLabel }),
+                    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground", children: resolvedAddressLabel })
+                  ] })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              "div",
+              {
+                className: cn(profileMenuSeparatorClassName, classNames == null ? void 0 : classNames.profileMenuSeparator)
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: cn(profileMenuSectionClassName, classNames == null ? void 0 : classNames.profileMenuSection), children: [
+              isBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("p", { className: "flex flex-col gap-2 items-center justify-center text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(LoadingIcon, {}),
+                labels.auth.loadingBalances
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_jsx_runtime32.Fragment, { children: resolvedBalanceRows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("p", { className: "flex flex-col gap-2 items-center justify-center text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { name: "warning", className: "text-agg-primary" }),
+                labels.auth.noBalances
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex w-full items-center justify-between", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 tracking-agg-normal text-agg-muted-foreground", children: labels.auth.balances }),
+                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                  Button,
+                  {
+                    variant: "tertiary",
+                    size: "xxs",
+                    className: "h-6 px-3 text-agg-xs leading-agg-4",
+                    onClick: handleViewAllBalancesClick,
+                    children: labels.auth.viewAll
+                  }
+                )
+              ] }) }),
+              !isBalanceLoading ? resolvedBalanceRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex w-full items-center justify-between", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+                  row.venue ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(VenueLogo, { venue: row.venue, size: "s" }) : null,
+                  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground", children: row.label })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: row.amountLabel })
+              ] }, row.key)) : null
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              "div",
+              {
+                className: cn(profileMenuSeparatorClassName, classNames == null ? void 0 : classNames.profileMenuSeparator)
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex w-full flex-col py-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+                DropdownMenu.Item,
+                {
+                  className: dropdownMenuItemClassName,
+                  onSelect: handleProfileItemClick,
+                  disabled,
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { name: "profile", size: "s", className: "text-agg-foreground" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: labels.auth.myProfile })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+                DropdownMenu.Item,
+                {
+                  className: dropdownMenuItemClassName,
+                  onSelect: handleDepositClick,
+                  disabled,
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { name: "download", size: "s", className: "text-agg-foreground" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: labels.auth.deposit })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+                DropdownMenu.Item,
+                {
+                  className: dropdownMenuItemClassName,
+                  onSelect: handleWithdrawClick,
+                  disabled,
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { name: "upload", size: "s", className: "text-agg-foreground" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: labels.auth.withdraw })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+                DropdownMenu.Item,
+                {
+                  className: dropdownMenuItemClassName,
+                  onSelect: handleDisconnectClick,
+                  disabled,
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { name: "disconnect", size: "s", className: "text-agg-foreground" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: labels.auth.disconnect })
+                  ]
+                }
+              )
+            ] })
+          ]
+        }
+      ) })
+    ] })
+  ] }) });
+};
+ConnectButton.displayName = "ConnectButton";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ConnectButton
+});