@agg-market/ui 6.0.0 → 7.0.0

package/dist/index.mjs

@@ -1,26 +1,21 @@
 import {
   HelloWorld,
+  LoadingIcon,
   NumberValue,
   Search
-} from "./chunk-JE3Z52FD.mjs";
-import {
-  ConnectButton
-} from "./chunk-INRG3D4M.mjs";
-import {
-  LoadingIcon
-} from "./chunk-PASXFYKQ.mjs";
+} from "./chunk-OVQVAUAI.mjs";
 import "./chunk-KZOQW6NT.mjs";
 import {
   EventMarketPage,
   HomePage,
   UserProfilePage
-} from "./chunk-2ICOSP7N.mjs";
+} from "./chunk-L5U7RGJV.mjs";
 import {
   EventList,
   EventListItem,
   EventListItemDetails,
   MarketDetails
-} from "./chunk-LMOJKJOY.mjs";
+} from "./chunk-6I474QXG.mjs";
 import {
   Badge,
   LineChart,
@@ -29,7 +24,7 @@ import {
   Typography,
   badgeSizes,
   typographyVariants
-} from "./chunk-CN7GI2RJ.mjs";
+} from "./chunk-ZYUJ7YEJ.mjs";
 import {
   ConnectAccountsStep,
   ConnectKalshiModal,
@@ -40,10 +35,10 @@ import {
   ProfileModal,
   ProfileSetupStep,
   WithdrawModal
-} from "./chunk-5ZKPBMRK.mjs";
+} from "./chunk-AVHMI47G.mjs";
 import {
   Modal
-} from "./chunk-ADGL6RFX.mjs";
+} from "./chunk-EEQPPN7N.mjs";
 import {
   placeOrderMetricSchema,
   placeOrderOutcomeSchema,
@@ -75,24 +70,27 @@ import {
   getTradingSlippageLabel,
   getTradingValueLabel,
   getTradingVenueLabel
-} from "./chunk-G6YKGVQR.mjs";
+} from "./chunk-KQKLLL4D.mjs";
+import {
+  InlineAlert
+} from "./chunk-OAJBTVZT.mjs";
 import {
   Card,
   Skeleton,
   Tabs,
   skeletonViews
-} from "./chunk-UBBOLLOS.mjs";
-import {
-  Select
-} from "./chunk-MHCHR65A.mjs";
+} from "./chunk-EERL6BZF.mjs";
 import {
   AGG_ROOT_CLASS_NAME,
+  AppleIcon,
   ArrowTrendUpIcon,
   ArrowsToDotIcon,
   BankIcon,
   BestPricesIcon,
   BoltIcon,
   Button,
+  ChartCandlestickIcon,
+  ChartLineIcon,
   CheckCircleIcon,
   ChevronDownIcon,
   ChevronLeftIcon,
@@ -106,7 +104,10 @@ import {
   DocumentIcon,
   DotsHorizontalIcon,
   DownloadIcon,
+  ErrorFilledIcon,
+  EthereumIcon,
   ExternalLinkIcon,
+  GoogleIcon,
   Icon,
   InfoIcon,
   LinkAccountsIcon,
@@ -115,7 +116,9 @@ import {
   ProfileIcon,
   RevenueAltIcon,
   SearchIcon,
+  Select,
   ShieldTrustIcon,
+  SolanaIcon,
   StayInControlIcon,
   TriangleDownIcon,
   TriangleUpFilledIcon,
@@ -126,6 +129,8 @@ import {
   WalletIcon,
   WarningFilledIcon,
   WarningIcon,
+  __spreadProps,
+  __spreadValues,
   cn,
   formatAmountDisplay,
   formatCompactUsd,
@@ -138,17 +143,586 @@ import {
   shortenAddress,
   toDate,
   venueLogoNames
-} from "./chunk-HI4EEDN5.mjs";
+} from "./chunk-MUB7NYWZ.mjs";
+
+// src/auth/connect-button-view/index.tsx
+import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
+import { useLabels, useSdkUiConfig } from "@agg-market/hooks";
+
+// src/auth/connect-button-view/connect-button-view.constants.ts
+var connectButtonContainerClassName = cn(
+  "inline-flex flex-col items-start gap-2 font-agg-sans"
+);
+var authNoticeClassName = cn("text-agg-xs leading-agg-4 text-agg-muted-foreground");
+var authErrorClassName = cn("text-agg-sm leading-agg-5 text-red-500");
+var authModalContainerClassName = cn("max-w-[400px] rounded-[24px]");
+var authModalBodyClassName = cn("px-8 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-6");
+var authSectionClassName = cn("flex w-full flex-col gap-5");
+var authSectionHeadingClassName = cn(
+  "text-center text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground"
+);
+var authMethodsListClassName = cn("flex w-full flex-col gap-6 pt-2");
+var authInputFormClassName = cn("flex w-full flex-col gap-3");
+var authInputFieldClassName = cn(
+  "h-10 w-full rounded-[4px] border border-agg-separator bg-agg-secondary px-4 text-agg-base leading-agg-6 text-agg-foreground outline-none",
+  "placeholder:text-agg-muted-foreground focus:border-agg-separator focus-visible:ring-2 focus-visible:ring-agg-primary-hover focus-visible:ring-offset-2 focus-visible:ring-offset-agg-secondary",
+  "disabled:cursor-not-allowed disabled:text-agg-muted-foreground"
+);
+var authPrimaryActionClassName = cn("h-10 w-full");
+var authMethodGridClassName = cn(
+  "grid w-full gap-3 [grid-template-columns:repeat(auto-fit,minmax(0,1fr))]",
+  "[&>*]:w-full [&>*]:mx-auto"
+);
+var authWalletMethodGridClassName = cn("flex w-full flex-col gap-2");
+var authSocialButtonClassName = cn(
+  "cursor-pointer! hover:cursor-pointer hover:bg-agg-secondary-hover",
+  "flex h-[60px] items-center justify-center rounded-xl border border-agg-separator bg-agg-secondary text-agg-foreground",
+  "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",
+  "disabled:cursor-not-allowed disabled:text-agg-muted-foreground"
+);
+var authWalletButtonClassName = cn(
+  "cursor-pointer! hover:cursor-pointer hover:bg-agg-secondary-hover",
+  "flex h-12 items-center justify-center gap-2 rounded-agg-full border border-agg-separator bg-agg-secondary px-4 text-agg-base font-agg-bold leading-agg-6 text-agg-foreground",
+  "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",
+  "disabled:cursor-not-allowed disabled:text-agg-muted-foreground"
+);
+var authWalletIconGroupClassName = cn("flex items-center justify-center -space-x-2");
+var authHelperTextClassName = cn(
+  "text-center text-agg-xs leading-agg-4 text-agg-muted-foreground"
+);
+var authHelperLinkClassName = cn("underline underline-offset-2 decoration-current");
+var authDividerClassName = cn("flex w-full items-center gap-3");
+var authDividerLineClassName = cn("h-px flex-1 bg-agg-separator");
+var authDividerLabelClassName = cn(
+  "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground"
+);
+var authLegalTextClassName = cn(
+  "text-center text-agg-xs leading-agg-4 text-agg-muted-foreground"
+);
+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-1 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-view/index.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var WalletAvatar = ({ className }) => {
+  return /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: cn(avatarRootClassName, className), children: /* @__PURE__ */ jsx(Icon, { className: avatarIconClassName, name: "wallet-avatar" }) });
+};
+var venueLogoNameSet = /* @__PURE__ */ new Set([
+  "kalshi",
+  "opinion",
+  "polymarket",
+  "probable"
+]);
+var toVenueLogoName = (value) => {
+  if (!venueLogoNameSet.has(value))
+    return null;
+  return value;
+};
+var AuthMethodActionButton = ({
+  activeMethodId,
+  className,
+  disabled,
+  method,
+  onSelect,
+  renderLabel = true
+}) => {
+  var _a;
+  const labels = useLabels();
+  const isMethodLoading = activeMethodId === method.id;
+  const isMethodDisabled = disabled || !method.isAvailable || activeMethodId !== null && !isMethodLoading;
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      className,
+      disabled: isMethodDisabled,
+      "aria-busy": isMethodLoading || void 0,
+      "aria-label": labels.auth.signInWithMethod(method.label),
+      onClick: () => onSelect(method.id),
+      children: [
+        isMethodLoading ? /* @__PURE__ */ jsx(LoadingIcon, { size: "small" }) : /* @__PURE__ */ jsx(
+          Icon,
+          {
+            name: (_a = method.iconName) != null ? _a : "profile",
+            size: "medium",
+            className: renderLabel ? void 0 : "h-6 w-6 text-agg-foreground",
+            title: renderLabel ? void 0 : method.label
+          }
+        ),
+        renderLabel ? /* @__PURE__ */ jsx("span", { children: labels.auth.connect(method.label) }) : null
+      ]
+    }
+  );
+};
+var UnauthenticatedConnectView = ({
+  activeMethodId,
+  buttonProps,
+  classNames,
+  disabled,
+  emailMethod,
+  emailError,
+  emailValue,
+  errorMessage,
+  isBusy,
+  isChooserOpen,
+  notice,
+  onChooserOpenChange,
+  onEmailChange,
+  onEmailSubmit,
+  onMethodSelect,
+  socialMethods,
+  walletMethods
+}) => {
+  var _a, _b, _c, _d, _e;
+  const labels = useLabels();
+  const hasConfiguredMethods = emailMethod !== null || socialMethods.length > 0 || walletMethods.length > 0;
+  const showWalletDivider = walletMethods.length > 0 && (emailMethod !== null || socialMethods.length > 0);
+  return /* @__PURE__ */ jsxs("div", { className: cn(connectButtonContainerClassName, classNames == null ? void 0 : classNames.root), children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      __spreadProps(__spreadValues({
+        variant: "primary",
+        size: "large",
+        className: classNames == null ? void 0 : classNames.connectButton,
+        onClick: () => onChooserOpenChange(true),
+        disabled: disabled || !hasConfiguredMethods,
+        "aria-label": labels.auth.connect()
+      }, buttonProps), {
+        children: labels.auth.connect()
+      })
+    ),
+    notice ? /* @__PURE__ */ jsx("p", { className: cn(authNoticeClassName, classNames == null ? void 0 : classNames.authNotice), children: notice }) : null,
+    /* @__PURE__ */ jsx(Modal, { open: isChooserOpen, onOpenChange: onChooserOpenChange, children: /* @__PURE__ */ jsxs(
+      Modal.Container,
+      {
+        maxWidth: "400px",
+        classNames: {
+          container: cn(authModalContainerClassName, classNames == null ? void 0 : classNames.authModalContent)
+        },
+        "aria-label": labels.auth.signIn,
+        children: [
+          /* @__PURE__ */ jsx(
+            Modal.Header,
+            {
+              title: labels.auth.signIn,
+              hideBorder: true,
+              classNames: {
+                container: "px-8 py-6",
+                title: "text-agg-2xl leading-agg-8",
+                titleContainer: "max-w-none"
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(Modal.Body, { classNames: { root: authModalBodyClassName }, children: /* @__PURE__ */ jsxs("div", { className: authMethodsListClassName, children: [
+            emailMethod ? /* @__PURE__ */ jsxs(
+              "form",
+              {
+                className: authSectionClassName,
+                onSubmit: (event) => {
+                  event.preventDefault();
+                  onEmailSubmit();
+                },
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: authInputFormClassName, children: [
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        id: "agg-auth-email",
+                        type: "email",
+                        value: emailValue,
+                        onChange: (event) => onEmailChange(event.target.value),
+                        placeholder: (_b = (_a = emailMethod.input) == null ? void 0 : _a.placeholder) != null ? _b : labels.auth.emailAddress,
+                        className: cn(authInputFieldClassName, classNames == null ? void 0 : classNames.authFormField),
+                        autoFocus: true,
+                        "aria-label": labels.auth.emailAddress,
+                        disabled: disabled || isBusy || !emailMethod.isAvailable
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        type: "submit",
+                        variant: "secondary",
+                        size: "large",
+                        className: authPrimaryActionClassName,
+                        isLoading: activeMethodId === emailMethod.id,
+                        disabled: disabled || isBusy || !emailMethod.isAvailable,
+                        children: (_d = (_c = emailMethod.input) == null ? void 0 : _c.submitLabel) != null ? _d : labels.auth.continue
+                      }
+                    )
+                  ] }),
+                  emailMethod.isAvailable && ((_e = emailMethod.input) == null ? void 0 : _e.helperText) ? /* @__PURE__ */ jsx("p", { className: cn(authNoticeClassName, classNames == null ? void 0 : classNames.authNotice), children: emailMethod.input.helperText }) : null,
+                  !emailMethod.isAvailable ? /* @__PURE__ */ jsx(
+                    InlineAlert,
+                    {
+                      tone: "warning",
+                      variant: "surface",
+                      message: labels.auth.emailUnavailable,
+                      className: classNames == null ? void 0 : classNames.authError
+                    }
+                  ) : null,
+                  emailError ? /* @__PURE__ */ jsx(
+                    InlineAlert,
+                    {
+                      tone: "error",
+                      title: labels.common.errorPrefix,
+                      message: emailError,
+                      className: classNames == null ? void 0 : classNames.authError
+                    }
+                  ) : null
+                ]
+              }
+            ) : null,
+            socialMethods.length > 0 ? /* @__PURE__ */ jsxs("div", { className: authSectionClassName, children: [
+              /* @__PURE__ */ jsx("div", { className: cn(authMethodGridClassName, classNames == null ? void 0 : classNames.authMethodGrid), children: socialMethods.map((method) => /* @__PURE__ */ jsx(
+                AuthMethodActionButton,
+                {
+                  activeMethodId,
+                  className: cn(authSocialButtonClassName, classNames == null ? void 0 : classNames.authMethodButton),
+                  disabled: disabled || isBusy,
+                  method,
+                  onSelect: onMethodSelect,
+                  renderLabel: false
+                },
+                method.id
+              )) }),
+              /* @__PURE__ */ jsxs("p", { className: authHelperTextClassName, children: [
+                labels.auth.socialWalletNotice,
+                " ",
+                /* @__PURE__ */ jsx("span", { className: cn(authHelperLinkClassName, classNames == null ? void 0 : classNames.authHelperLink), children: labels.auth.learnMore })
+              ] })
+            ] }) : null,
+            showWalletDivider ? /* @__PURE__ */ jsxs("div", { className: authDividerClassName, children: [
+              /* @__PURE__ */ jsx("div", { className: authDividerLineClassName }),
+              /* @__PURE__ */ jsx("span", { className: authDividerLabelClassName, children: labels.auth.dividerOr }),
+              /* @__PURE__ */ jsx("div", { className: authDividerLineClassName })
+            ] }) : null,
+            walletMethods.length > 0 ? /* @__PURE__ */ jsx("div", { className: authSectionClassName, children: /* @__PURE__ */ jsx("div", { className: cn(authWalletMethodGridClassName, classNames == null ? void 0 : classNames.authMethodGrid), children: walletMethods.map((method) => /* @__PURE__ */ jsx(
+              AuthMethodActionButton,
+              {
+                activeMethodId,
+                className: cn(authWalletButtonClassName, classNames == null ? void 0 : classNames.authMethodButton),
+                disabled: disabled || isBusy,
+                method,
+                onSelect: onMethodSelect
+              },
+              method.id
+            )) }) }) : null,
+            /* @__PURE__ */ jsxs("p", { className: authLegalTextClassName, children: [
+              labels.auth.legalNoticePrefix,
+              " ",
+              /* @__PURE__ */ jsx("span", { className: cn(authHelperLinkClassName, classNames == null ? void 0 : classNames.authHelperLink), children: labels.auth.terms }),
+              " ",
+              labels.auth.legalNoticeSeparator,
+              " ",
+              /* @__PURE__ */ jsx("span", { className: cn(authHelperLinkClassName, classNames == null ? void 0 : classNames.authHelperLink), children: labels.auth.privacyPolicy }),
+              "."
+            ] }),
+            errorMessage ? /* @__PURE__ */ jsx(
+              InlineAlert,
+              {
+                tone: "error",
+                title: labels.common.errorPrefix,
+                message: errorMessage,
+                className: classNames == null ? void 0 : classNames.authError
+              }
+            ) : null
+          ] }) })
+        ]
+      }
+    ) })
+  ] });
+};
+var AuthConnectButtonView = ({
+  activeMethodId,
+  addressLabel,
+  balanceRows,
+  buttonProps,
+  classNames,
+  disabled,
+  emailMethod,
+  emailError,
+  emailValue,
+  errorMessage,
+  isAuthenticated,
+  isBalanceLoading,
+  isBusy,
+  isChooserOpen,
+  isProfileMenuOpen,
+  notice,
+  onChooserOpenChange,
+  onDepositClick,
+  onDisconnectClick,
+  onEmailChange,
+  onEmailSubmit,
+  onMethodSelect,
+  onProfileClick,
+  onProfileMenuOpenChange,
+  socialMethods,
+  onViewAllBalancesClick,
+  onWithdrawClick,
+  profileLabel,
+  totalBalance,
+  walletMethods
+}) => {
+  const labels = useLabels();
+  const { enableAnimations, rootClassName } = useSdkUiConfig();
+  const resolvedProfileLabel = profileLabel || labels.auth.myProfile;
+  const dropdownMenuItemClassName = cn(
+    "cursor-pointer",
+    profileMenuActionItemClassName,
+    enableAnimations ? "transition-colors" : null,
+    disabled ? "pointer-events-none opacity-50" : null,
+    classNames == null ? void 0 : classNames.profileMenuActionItem
+  );
+  if (!isAuthenticated) {
+    return /* @__PURE__ */ jsx(
+      UnauthenticatedConnectView,
+      {
+        activeMethodId,
+        buttonProps,
+        classNames,
+        disabled,
+        emailMethod,
+        emailError,
+        emailValue,
+        errorMessage,
+        isBusy,
+        isChooserOpen,
+        notice,
+        onChooserOpenChange,
+        onEmailChange,
+        onEmailSubmit,
+        onMethodSelect,
+        socialMethods,
+        walletMethods
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("div", { className: cn(connectButtonContainerClassName, classNames == null ? void 0 : classNames.root), children: /* @__PURE__ */ jsxs("div", { className: cn(connectedButtonsRowClassName, classNames == null ? void 0 : classNames.connectedRow), children: [
+    /* @__PURE__ */ jsxs("div", { className: cn(connectedBalanceChipClassName, classNames == null ? void 0 : classNames.balanceChip), children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "primary",
+          size: "small",
+          className: cn("h-6 px-3 text-agg-xs leading-agg-4", classNames == null ? void 0 : classNames.depositButton),
+          onClick: onDepositClick,
+          disabled,
+          "aria-label": labels.auth.deposit,
+          children: labels.auth.deposit
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { className: cn("agg-type-label text-agg-foreground", classNames == null ? void 0 : classNames.balanceText), children: isBalanceLoading ? /* @__PURE__ */ jsx(LoadingIcon, { size: "small" }) : formatUsd(totalBalance) })
+    ] }),
+    /* @__PURE__ */ jsxs(DropdownMenu.Root, { open: isProfileMenuOpen, onOpenChange: onProfileMenuOpenChange, children: [
+      /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: cn(
+            connectedProfileChipClassName,
+            enableAnimations ? "transition-colors" : null,
+            classNames == null ? void 0 : classNames.profileTrigger
+          ),
+          disabled,
+          "aria-label": labels.auth.walletMenuFor(resolvedProfileLabel),
+          children: [
+            /* @__PURE__ */ jsx(WalletAvatar, {}),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "agg-type-body-strong text-agg-foreground",
+                  classNames == null ? void 0 : classNames.profileTriggerLabel
+                ),
+                children: resolvedProfileLabel
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Icon,
+              {
+                name: isProfileMenuOpen ? "chevron-up" : "chevron-down",
+                size: "small",
+                className: "h-3.5 w-3.5 text-agg-foreground",
+                "aria-hidden": "true"
+              }
+            )
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(DropdownMenu.Portal, { children: /* @__PURE__ */ 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__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: cn(
+                  profileMenuSectionClassName,
+                  "cursor-pointer",
+                  classNames == null ? void 0 : classNames.profileMenuSection
+                ),
+                onClick: onProfileClick,
+                disabled,
+                children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+                  /* @__PURE__ */ jsx(WalletAvatar, { className: "size-11" }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start gap-0.5", children: [
+                    /* @__PURE__ */ jsx("p", { className: "text-agg-lg font-agg-bold leading-agg-7 text-agg-foreground", children: resolvedProfileLabel }),
+                    addressLabel ? /* @__PURE__ */ jsx("p", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-muted-foreground", children: addressLabel }) : null
+                  ] })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(profileMenuSeparatorClassName, classNames == null ? void 0 : classNames.profileMenuSeparator)
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: cn(profileMenuSectionClassName, classNames == null ? void 0 : classNames.profileMenuSection), children: isBalanceLoading ? /* @__PURE__ */ 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__ */ jsx(LoadingIcon, {}),
+              labels.auth.loadingBalances
+            ] }) : balanceRows.length === 0 ? /* @__PURE__ */ 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__ */ jsx(Icon, { name: "warning", className: "text-agg-primary" }),
+              labels.auth.noBalances
+            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between", children: [
+                /* @__PURE__ */ 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__ */ jsx(
+                  Button,
+                  {
+                    variant: "tertiary",
+                    size: "small",
+                    className: "h-6 px-3 text-agg-xs leading-agg-4",
+                    onClick: onViewAllBalancesClick,
+                    children: labels.auth.viewAll
+                  }
+                )
+              ] }),
+              balanceRows.map((row) => {
+                var _a;
+                const venueLogoName = toVenueLogoName(row.venueKey);
+                return /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+                    venueLogoName ? /* @__PURE__ */ jsx(VenueLogo, { venue: venueLogoName, size: "small" }) : null,
+                    /* @__PURE__ */ jsx("p", { className: "text-agg-sm font-agg-normal leading-agg-5 text-agg-foreground", children: (_a = labels.venues[row.venueKey]) != null ? _a : row.venueKey })
+                  ] }),
+                  /* @__PURE__ */ jsx("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: formatUsd(row.balance) })
+                ] }, row.key);
+              })
+            ] }) }),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(profileMenuSeparatorClassName, classNames == null ? void 0 : classNames.profileMenuSeparator)
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col py-2", children: [
+              /* @__PURE__ */ jsxs(
+                DropdownMenu.Item,
+                {
+                  className: dropdownMenuItemClassName,
+                  onSelect: onProfileClick,
+                  disabled,
+                  children: [
+                    /* @__PURE__ */ jsx(Icon, { name: "profile", size: "small", className: "text-agg-foreground" }),
+                    /* @__PURE__ */ jsx("span", { children: labels.auth.myProfile })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                DropdownMenu.Item,
+                {
+                  className: dropdownMenuItemClassName,
+                  onSelect: onDepositClick,
+                  disabled,
+                  children: [
+                    /* @__PURE__ */ jsx(Icon, { name: "download", size: "small", className: "text-agg-foreground" }),
+                    /* @__PURE__ */ jsx("span", { children: labels.auth.deposit })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                DropdownMenu.Item,
+                {
+                  className: dropdownMenuItemClassName,
+                  onSelect: onWithdrawClick,
+                  disabled,
+                  children: [
+                    /* @__PURE__ */ jsx(Icon, { name: "upload", size: "small", className: "text-agg-foreground" }),
+                    /* @__PURE__ */ jsx("span", { children: labels.auth.withdraw })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                DropdownMenu.Item,
+                {
+                  className: dropdownMenuItemClassName,
+                  onSelect: onDisconnectClick,
+                  disabled,
+                  children: [
+                    /* @__PURE__ */ jsx(Icon, { name: "disconnect", size: "small", className: "text-agg-foreground" }),
+                    /* @__PURE__ */ jsx("span", { children: labels.auth.disconnect })
+                  ]
+                }
+              )
+            ] })
+          ]
+        }
+      ) })
+    ] })
+  ] }) });
+};
+AuthConnectButtonView.displayName = "AuthConnectButtonView";
 export {
   AGG_ROOT_CLASS_NAME,
+  AppleIcon,
   ArrowTrendUpIcon,
   ArrowsToDotIcon,
+  AuthConnectButtonView,
   Badge,
   BankIcon,
   BestPricesIcon,
   BoltIcon,
   Button,
   Card,
+  ChartCandlestickIcon,
+  ChartLineIcon,
   CheckCircleIcon,
   ChevronDownIcon,
   ChevronLeftIcon,
@@ -156,7 +730,6 @@ export {
   ChevronUpIcon,
   CloseIcon,
   ConnectAccountsStep,
-  ConnectButton,
   ConnectKalshiModal,
   ConnectOnchainModal,
   CopyIcon,
@@ -167,16 +740,20 @@ export {
   DocumentIcon,
   DotsHorizontalIcon,
   DownloadIcon,
+  ErrorFilledIcon,
+  EthereumIcon,
   EventList,
   EventListItem,
   EventListItemDetails,
   EventMarketPage,
   ExternalLinkIcon,
+  GoogleIcon,
   HelloWorld,
   HomePage,
   HowItWorksStep,
   Icon,
   InfoIcon,
+  InlineAlert,
   LineChart,
   LinkAccountsIcon,
   LoadingIcon,
@@ -197,6 +774,7 @@ export {
   Settlement,
   ShieldTrustIcon,
   Skeleton,
+  SolanaIcon,
   StateMessage,
   StayInControlIcon,
   SwitchButton,