@agg-build/ui 4.7.4 → 4.9.0

package/dist/{chunk-XR6C3MZX.mjs → chunk-H7L4HDXS.mjs}

@@ -7,18 +7,20 @@ import {
   ChevronRightIcon,
   CreateAccountIcon,
   Icon,
+  InlineAlert,
   LinkAccountsIcon,
   Modal,
   ProfileIcon,
   RemoteImage,
   StayInControlIcon,
+  Typography,
   VenueLogo,
   WarningIcon,
   __async,
   __spreadProps,
   __spreadValues,
   cn
-} from "./chunk-UQ7XJIAZ.mjs";
+} from "./chunk-NYL6A6AD.mjs";
 
 // src/geo-block-banner/index.tsx
 import { useLabels } from "@agg-build/hooks";
@@ -48,9 +50,110 @@ var GeoBlockBanner = ({
 };
 GeoBlockBanner.displayName = "GeoBlockBanner";
 
+// src/kyc/shared-kyc-modal.tsx
+import { useLabels as useLabels2 } from "@agg-build/hooks";
+import * as Dialog from "@radix-ui/react-dialog";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var SharedKycModal = ({
+  open,
+  state = "initial",
+  errorMessage,
+  onOpenChange,
+  onStartVerification
+}) => {
+  const labels = useLabels2();
+  const modalLabels = labels.trading.sharedKyc.modal;
+  const isInitiating = state === "initiating";
+  const handleOpenChange = (nextOpen) => {
+    if (isInitiating && !nextOpen) return;
+    onOpenChange(nextOpen);
+  };
+  return /* @__PURE__ */ jsx2(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs2(
+    Modal.Container,
+    {
+      maxWidth: "420px",
+      "aria-label": modalLabels.ariaLabel,
+      classNames: { container: "!rounded-agg-2xl" },
+      children: [
+        /* @__PURE__ */ jsx2("div", { className: "flex h-14 shrink-0 items-center justify-end px-5", children: /* @__PURE__ */ jsx2(
+          Dialog.Close,
+          {
+            "aria-label": labels.common.close,
+            disabled: isInitiating,
+            className: "flex size-11 cursor-pointer items-center justify-center rounded-agg-full text-agg-foreground hover:bg-agg-secondary-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary disabled:cursor-not-allowed disabled:opacity-50",
+            children: /* @__PURE__ */ jsx2(Icon, { name: "close", size: "small", "aria-hidden": "true" })
+          }
+        ) }),
+        /* @__PURE__ */ jsx2(Modal.Body, { classNames: { root: "!px-8 !pb-9 !pt-0" }, children: state === "success" ? /* @__PURE__ */ jsxs2(
+          "div",
+          {
+            className: "flex flex-col items-center gap-6 text-center",
+            role: "status",
+            "aria-live": "polite",
+            children: [
+              /* @__PURE__ */ jsx2("div", { className: "flex size-12 items-center justify-center rounded-agg-full border border-agg-success bg-agg-success/10 text-agg-success", children: /* @__PURE__ */ jsx2(Icon, { name: "success-check", className: "size-5", "aria-hidden": "true" }) }),
+              /* @__PURE__ */ jsxs2("div", { className: "flex flex-col items-center gap-2", children: [
+                /* @__PURE__ */ jsx2(Dialog.Title, { children: /* @__PURE__ */ jsx2(Typography, { as: "span", variant: "body-large-strong", children: modalLabels.successTitle }) }),
+                /* @__PURE__ */ jsx2(Dialog.Description, { children: /* @__PURE__ */ jsx2(Typography, { as: "span", variant: "label", className: "text-pretty text-agg-foreground", children: modalLabels.successDescription }) })
+              ] }),
+              /* @__PURE__ */ jsx2(Button, { variant: "secondary", size: "large", onClick: () => handleOpenChange(false), children: modalLabels.done })
+            ]
+          }
+        ) : /* @__PURE__ */ jsxs2("div", { className: "flex flex-col items-center gap-6 text-center", children: [
+          /* @__PURE__ */ jsx2(
+            Icon,
+            {
+              name: "user-trust",
+              className: "h-12! w-12! text-agg-muted-foreground",
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ jsxs2("div", { className: "flex flex-col items-center gap-2", children: [
+            /* @__PURE__ */ jsx2(Dialog.Title, { children: /* @__PURE__ */ jsx2(Typography, { as: "span", variant: "body-large-strong", children: state === "pending" ? modalLabels.pendingTitle : modalLabels.title }) }),
+            /* @__PURE__ */ jsx2(Dialog.Description, { children: /* @__PURE__ */ jsx2(Typography, { as: "span", variant: "label", className: "text-pretty text-agg-foreground", children: state === "pending" ? modalLabels.pendingDescription : modalLabels.freeDescription }) })
+          ] }),
+          state === "error" || state === "pending" && errorMessage ? /* @__PURE__ */ jsx2(
+            InlineAlert,
+            {
+              tone: "error",
+              variant: "surface",
+              message: errorMessage || modalLabels.error
+            }
+          ) : null,
+          /* @__PURE__ */ jsxs2("div", { className: "flex flex-col items-center gap-4", children: [
+            /* @__PURE__ */ jsx2(
+              Button,
+              {
+                variant: "primary",
+                size: "large",
+                isLoading: isInitiating,
+                disabled: isInitiating,
+                "aria-label": state === "pending" ? modalLabels.checkStatus : modalLabels.startVerification,
+                onClick: onStartVerification,
+                children: state === "pending" ? modalLabels.checkStatus : modalLabels.startVerification
+              }
+            ),
+            /* @__PURE__ */ jsx2(
+              Button,
+              {
+                variant: "tertiary",
+                size: "large",
+                disabled: isInitiating,
+                onClick: () => handleOpenChange(false),
+                children: modalLabels.doItLater
+              }
+            )
+          ] })
+        ] }) })
+      ]
+    }
+  ) });
+};
+SharedKycModal.displayName = "SharedKycModal";
+
 // src/onboarding/steps/how-it-works.tsx
 import { useCallback, useRef, useState } from "react";
-import { useLabels as useLabels2 } from "@agg-build/hooks";
+import { useLabels as useLabels3 } from "@agg-build/hooks";
 
 // src/onboarding/onboarding-modal.constants.ts
 import { isVenueActive, Venue } from "@agg-build/sdk";
@@ -72,15 +175,15 @@ var ONCHAIN_VENUES = [
 ].filter(isVenueActive);
 
 // src/onboarding/steps/how-it-works.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var defaultIcons = {
-  createAccount: /* @__PURE__ */ jsx2(CreateAccountIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  linkAccounts: /* @__PURE__ */ jsx2(LinkAccountsIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  bestPrices: /* @__PURE__ */ jsx2(BestPricesIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
-  stayInControl: /* @__PURE__ */ jsx2(StayInControlIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" })
+  createAccount: /* @__PURE__ */ jsx3(CreateAccountIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  linkAccounts: /* @__PURE__ */ jsx3(LinkAccountsIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  bestPrices: /* @__PURE__ */ jsx3(BestPricesIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
+  stayInControl: /* @__PURE__ */ jsx3(StayInControlIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" })
 };
 var HowItWorksStep = ({ onContinue, icons }) => {
-  const labels = useLabels2();
+  const labels = useLabels3();
   const scrollRef = useRef(null);
   const [showTopGradient, setShowTopGradient] = useState(false);
   const [showBottomGradient, setShowBottomGradient] = useState(true);
@@ -90,10 +193,10 @@ var HowItWorksStep = ({ onContinue, icons }) => {
     setShowTopGradient(el.scrollTop > 0);
     setShowBottomGradient(el.scrollTop + el.clientHeight < el.scrollHeight - 1);
   }, []);
-  return /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-6 h-[600px] sm:h-auto", children: [
-    /* @__PURE__ */ jsx2("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.howItWorks.title }),
-    /* @__PURE__ */ jsxs2("div", { className: "relative flex-1 min-h-0 sm:flex-initial", children: [
-      /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-6 h-[600px] sm:h-auto", children: [
+    /* @__PURE__ */ jsx3("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.howItWorks.title }),
+    /* @__PURE__ */ jsxs3("div", { className: "relative flex-1 min-h-0 sm:flex-initial", children: [
+      /* @__PURE__ */ jsx3(
         "div",
         {
           ref: scrollRef,
@@ -103,7 +206,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
             var _a;
             const icon = (_a = icons == null ? void 0 : icons[featureKey]) != null ? _a : defaultIcons[featureKey];
             const feature = labels.onboarding.howItWorks.features[featureKey];
-            return /* @__PURE__ */ jsxs2(
+            return /* @__PURE__ */ jsxs3(
               "div",
               {
                 className: cn(
@@ -112,11 +215,11 @@ var HowItWorksStep = ({ onContinue, icons }) => {
                   "bg-agg-secondary-hover"
                 ),
                 children: [
-                  /* @__PURE__ */ jsxs2("div", { className: "flex flex-col flex-1 min-w-0 gap-[6px]", children: [
-                    /* @__PURE__ */ jsx2("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: feature.title }),
-                    /* @__PURE__ */ jsx2("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: feature.description })
+                  /* @__PURE__ */ jsxs3("div", { className: "flex flex-col flex-1 min-w-0 gap-[6px]", children: [
+                    /* @__PURE__ */ jsx3("p", { className: "text-agg-base font-agg-bold leading-agg-6 text-agg-foreground", children: feature.title }),
+                    /* @__PURE__ */ jsx3("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: feature.description })
                   ] }),
-                  icon ? /* @__PURE__ */ jsx2("div", { className: "hidden shrink-0 items-center justify-center text-agg-muted-foreground sm:flex", children: icon }) : null
+                  icon ? /* @__PURE__ */ jsx3("div", { className: "hidden shrink-0 items-center justify-center text-agg-muted-foreground sm:flex", children: icon }) : null
                 ]
               },
               featureKey
@@ -124,7 +227,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
           })
         }
       ),
-      /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsx3(
         "div",
         {
           className: cn(
@@ -135,7 +238,7 @@ var HowItWorksStep = ({ onContinue, icons }) => {
           )
         }
       ),
-      /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsx3(
         "div",
         {
           className: cn(
@@ -147,17 +250,17 @@ var HowItWorksStep = ({ onContinue, icons }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx2(Button, { variant: "primary", size: "large", className: "w-full", onClick: onContinue, children: labels.onboarding.howItWorks.continue })
+    /* @__PURE__ */ jsx3(Button, { variant: "primary", size: "large", className: "w-full", onClick: onContinue, children: labels.onboarding.howItWorks.continue })
   ] });
 };
 HowItWorksStep.displayName = "HowItWorksStep";
 
 // src/onboarding/steps/profile-setup.tsx
 import { useCallback as useCallback2, useRef as useRef2, useState as useState2 } from "react";
-import { useLabels as useLabels3 } from "@agg-build/hooks";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { useLabels as useLabels4 } from "@agg-build/hooks";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var ProfileSetupStep = ({ onContinue }) => {
-  const labels = useLabels3();
+  const labels = useLabels4();
   const [username, setUsername] = useState2("");
   const [avatarFile, setAvatarFile] = useState2();
   const [avatarPreview, setAvatarPreview] = useState2();
@@ -185,11 +288,11 @@ var ProfileSetupStep = ({ onContinue }) => {
       avatarPreview
     });
   }, [username, avatarFile, avatarPreview, onContinue]);
-  return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-7", children: [
-    /* @__PURE__ */ jsx3("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.profileSetup.title }),
-    /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-5 items-center w-full", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "flex justify-center", children: [
-        /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-7", children: [
+    /* @__PURE__ */ jsx4("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.profileSetup.title }),
+    /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-5 items-center w-full", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "flex justify-center", children: [
+        /* @__PURE__ */ jsxs4(
           "button",
           {
             type: "button",
@@ -205,13 +308,13 @@ var ProfileSetupStep = ({ onContinue }) => {
             ),
             "aria-label": labels.onboarding.profileSetup.uploadProfilePictureAria,
             children: [
-              !avatarPreview ? /* @__PURE__ */ jsx3(
+              !avatarPreview ? /* @__PURE__ */ jsx4(
                 "svg",
                 {
                   "aria-hidden": true,
                   viewBox: "0 0 80 80",
                   className: "pointer-events-none absolute inset-0 h-full w-full text-agg-separator group-hover:text-agg-muted-foreground",
-                  children: /* @__PURE__ */ jsx3(
+                  children: /* @__PURE__ */ jsx4(
                     "circle",
                     {
                       cx: "40",
@@ -225,18 +328,18 @@ var ProfileSetupStep = ({ onContinue }) => {
                   )
                 }
               ) : null,
-              avatarPreview ? /* @__PURE__ */ jsx3(
+              avatarPreview ? /* @__PURE__ */ jsx4(
                 RemoteImage,
                 {
                   src: avatarPreview,
                   alt: labels.onboarding.profileSetup.profilePreviewAlt,
                   className: "h-full w-full object-cover"
                 }
-              ) : /* @__PURE__ */ jsx3(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
+              ) : /* @__PURE__ */ jsx4(ProfileIcon, { className: "h-7 w-7 text-agg-muted-foreground" })
             ]
           }
         ),
-        /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx4(
           "input",
           {
             ref: fileInputRef,
@@ -248,8 +351,8 @@ var ProfileSetupStep = ({ onContinue }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-2 w-full", children: [
-        /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-2 w-full", children: [
+        /* @__PURE__ */ jsx4(
           "label",
           {
             htmlFor: "onboarding-username",
@@ -257,7 +360,7 @@ var ProfileSetupStep = ({ onContinue }) => {
             children: labels.onboarding.profileSetup.usernameLabel
           }
         ),
-        /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx4(
           "input",
           {
             id: "onboarding-username",
@@ -281,16 +384,16 @@ var ProfileSetupStep = ({ onContinue }) => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx3(Button, { variant: "primary", size: "large", className: "w-full", onClick: handleContinue, children: labels.onboarding.profileSetup.continue })
+    /* @__PURE__ */ jsx4(Button, { variant: "primary", size: "large", className: "w-full", onClick: handleContinue, children: labels.onboarding.profileSetup.continue })
   ] });
 };
 ProfileSetupStep.displayName = "ProfileSetupStep";
 
 // src/onboarding/steps/connect-accounts.tsx
-import { useLabels as useLabels4 } from "@agg-build/hooks";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { useLabels as useLabels5 } from "@agg-build/hooks";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var OnchainVenueLogos = () => {
-  return /* @__PURE__ */ jsx4("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ jsx4("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ jsx4(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
+  return /* @__PURE__ */ jsx5("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ jsx5("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ jsx5(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
 };
 var VenueCard = ({
   logos,
@@ -301,8 +404,8 @@ var VenueCard = ({
   onConnect,
   connected = false
 }) => {
-  const labels = useLabels4();
-  const action = connected ? /* @__PURE__ */ jsx4(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ jsx4(
+  const labels = useLabels5();
+  const action = connected ? /* @__PURE__ */ jsx5(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ jsx5(
     Button,
     {
       variant: "tertiary",
@@ -312,18 +415,18 @@ var VenueCard = ({
       children: labels.onboarding.connectAccounts.connect
     }
   );
-  const mobileAction = connected ? /* @__PURE__ */ jsx4(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ jsx4(
+  const mobileAction = connected ? /* @__PURE__ */ jsx5(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ jsx5(
     Button,
     {
       variant: "tertiary",
       size: "medium",
       className: "!h-auto !px-0 !py-0 text-agg-primary hover:bg-transparent hover:text-agg-primary-hover",
       onClick: onConnect,
-      suffix: /* @__PURE__ */ jsx4(ChevronRightIcon, { className: "h-4 w-4" }),
+      suffix: /* @__PURE__ */ jsx5(ChevronRightIcon, { className: "h-4 w-4" }),
       children: labels.onboarding.connectAccounts.connectAccount
     }
   );
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     "div",
     {
       className: cn(
@@ -331,23 +434,23 @@ var VenueCard = ({
         connected ? "bg-agg-success/5" : "bg-agg-secondary-hover hover:bg-agg-tertiary"
       ),
       children: [
-        /* @__PURE__ */ jsxs4("div", { className: "hidden sm:flex items-center justify-between", children: [
-          /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-5", children: [
-            /* @__PURE__ */ jsx4("div", { className: "shrink-0", children: logos }),
-            /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-[2px]", children: [
-              /* @__PURE__ */ jsx4("p", { className: "text-agg-base font-agg-bold text-agg-foreground", children: title }),
-              /* @__PURE__ */ jsx4("p", { className: "text-agg-sm text-agg-foreground", children: description })
+        /* @__PURE__ */ jsxs5("div", { className: "hidden sm:flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-5", children: [
+            /* @__PURE__ */ jsx5("div", { className: "shrink-0", children: logos }),
+            /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-[2px]", children: [
+              /* @__PURE__ */ jsx5("p", { className: "text-agg-base font-agg-bold text-agg-foreground", children: title }),
+              /* @__PURE__ */ jsx5("p", { className: "text-agg-sm text-agg-foreground", children: description })
             ] })
           ] }),
-          /* @__PURE__ */ jsx4("div", { className: "shrink-0", children: action })
+          /* @__PURE__ */ jsx5("div", { className: "shrink-0", children: action })
         ] }),
-        /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-3 sm:hidden", children: [
-          /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-3", children: [
-            /* @__PURE__ */ jsx4("div", { className: "shrink-0", children: logos }),
-            /* @__PURE__ */ jsx4("p", { className: "text-agg-lg font-agg-bold text-agg-foreground", children: mobileTitle != null ? mobileTitle : title })
+        /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-3 sm:hidden", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-3", children: [
+            /* @__PURE__ */ jsx5("div", { className: "shrink-0", children: logos }),
+            /* @__PURE__ */ jsx5("p", { className: "text-agg-lg font-agg-bold text-agg-foreground", children: mobileTitle != null ? mobileTitle : title })
           ] }),
-          /* @__PURE__ */ jsxs4("div", { className: "flex flex-col items-start gap-2", children: [
-            /* @__PURE__ */ jsx4("p", { className: "text-agg-base text-agg-foreground", children: mobileDescription != null ? mobileDescription : description }),
+          /* @__PURE__ */ jsxs5("div", { className: "flex flex-col items-start gap-2", children: [
+            /* @__PURE__ */ jsx5("p", { className: "text-agg-base text-agg-foreground", children: mobileDescription != null ? mobileDescription : description }),
             mobileAction
           ] })
         ] })
@@ -360,14 +463,14 @@ var ConnectAccountsStep = ({
   onContinue,
   connectedOnchain = false
 }) => {
-  const labels = useLabels4();
+  const labels = useLabels5();
   const canContinue = connectedOnchain;
-  return /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-6", children: [
-    /* @__PURE__ */ jsx4("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
-    /* @__PURE__ */ jsx4("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ jsx5("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
+    /* @__PURE__ */ jsx5("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsx5(
       VenueCard,
       {
-        logos: /* @__PURE__ */ jsx4(OnchainVenueLogos, {}),
+        logos: /* @__PURE__ */ jsx5(OnchainVenueLogos, {}),
         title: labels.onboarding.connectAccounts.onchainTitle,
         mobileTitle: labels.onboarding.connectAccounts.onchainMobileTitle(
           ONCHAIN_VENUES.length - 1
@@ -378,7 +481,7 @@ var ConnectAccountsStep = ({
         connected: connectedOnchain
       }
     ) }),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5(
       Button,
       {
         variant: "primary",
@@ -395,15 +498,15 @@ ConnectAccountsStep.displayName = "ConnectAccountsStep";
 
 // src/onboarding/steps/connect-onchain-modal.tsx
 import { useCallback as useCallback3, useState as useState3 } from "react";
-import { useLabels as useLabels5 } from "@agg-build/hooks";
-import * as Dialog from "@radix-ui/react-dialog";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { useLabels as useLabels6 } from "@agg-build/hooks";
+import * as Dialog2 from "@radix-ui/react-dialog";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var ConnectOnchainModal = ({
   open,
   onOpenChange,
   onConnect
 }) => {
-  const labels = useLabels5();
+  const labels = useLabels6();
   const [connecting, setConnecting] = useState3(false);
   const [error, setError] = useState3();
   const handleCancel = useCallback3(() => {
@@ -434,15 +537,15 @@ var ConnectOnchainModal = ({
     },
     [onOpenChange]
   );
-  return /* @__PURE__ */ jsx5(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsx6(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs6(
     Modal.Container,
     {
       maxWidth: "600px",
       "aria-label": labels.onboarding.connectOnchainModal.ariaLabel,
       classNames: { container: "!rounded-agg-lg" },
       children: [
-        /* @__PURE__ */ jsx5(Dialog.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx6(Dialog2.Title, { className: "sr-only", children: labels.onboarding.connectOnchainModal.title }),
+        /* @__PURE__ */ jsx6(
           Modal.Header,
           {
             hideClose: false,
@@ -453,26 +556,26 @@ var ConnectOnchainModal = ({
             }
           }
         ),
-        /* @__PURE__ */ jsx5(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-8 items-center", children: [
-          /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-4 items-center text-center", children: [
-            /* @__PURE__ */ jsx5("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
-            /* @__PURE__ */ jsx5("p", { className: "text-agg-base text-center leading-agg-6 text-agg-foreground whitespace-pre-line", children: labels.onboarding.connectOnchainModal.description })
+        /* @__PURE__ */ jsx6(Modal.Body, { classNames: { root: "!px-5 !pt-0 !pb-[60px] sm:!px-8" }, children: /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-8 items-center", children: [
+          /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-4 items-center text-center", children: [
+            /* @__PURE__ */ jsx6("h2", { className: "text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectOnchainModal.title }),
+            /* @__PURE__ */ jsx6("p", { className: "text-agg-base text-center leading-agg-6 text-agg-foreground whitespace-pre-line", children: labels.onboarding.connectOnchainModal.description })
           ] }),
-          /* @__PURE__ */ jsxs5("div", { className: "flex w-full flex-col items-center gap-4 rounded-agg-xl bg-agg-secondary-hover p-6", children: [
-            /* @__PURE__ */ jsx5("p", { className: "text-agg-sm font-agg-bold uppercase leading-agg-5 text-agg-muted-foreground", children: labels.onboarding.connectOnchainModal.supportedVenuesLabel }),
-            /* @__PURE__ */ jsx5("div", { className: "flex flex-wrap items-center justify-center gap-x-4 gap-y-3", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-[6px]", children: [
-              index > 0 && /* @__PURE__ */ jsx5("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
-              /* @__PURE__ */ jsx5(VenueLogo, { venue, size: "medium" }),
-              /* @__PURE__ */ jsx5("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
+          /* @__PURE__ */ jsxs6("div", { className: "flex w-full flex-col items-center gap-4 rounded-agg-xl bg-agg-secondary-hover p-6", children: [
+            /* @__PURE__ */ jsx6("p", { className: "text-agg-sm font-agg-bold uppercase leading-agg-5 text-agg-muted-foreground", children: labels.onboarding.connectOnchainModal.supportedVenuesLabel }),
+            /* @__PURE__ */ jsx6("div", { className: "flex flex-wrap items-center justify-center gap-x-4 gap-y-3", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-[6px]", children: [
+              index > 0 && /* @__PURE__ */ jsx6("span", { className: "mr-2.5 h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ jsx6(VenueLogo, { venue, size: "medium" }),
+              /* @__PURE__ */ jsx6("span", { className: "text-agg-base text-agg-foreground", children: labels.venues[venue] })
             ] }, venue)) })
           ] }),
-          /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-6 items-center", children: [
-            /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-3 items-center", children: [
-              error ? /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx5(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
-                /* @__PURE__ */ jsx5("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+          /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-6 items-center", children: [
+            /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-3 items-center", children: [
+              error ? /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx6(WarningIcon, { className: "h-3.5 w-3.5 shrink-0 text-agg-error" }),
+                /* @__PURE__ */ jsx6("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
               ] }) : null,
-              /* @__PURE__ */ jsx5(
+              /* @__PURE__ */ jsx6(
                 Button,
                 {
                   variant: "primary",
@@ -483,7 +586,7 @@ var ConnectOnchainModal = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsx6(
               Button,
               {
                 variant: "tertiary",
@@ -502,12 +605,12 @@ var ConnectOnchainModal = ({
 ConnectOnchainModal.displayName = "ConnectOnchainModal";
 
 // src/onboarding/steps/connect-kalshi-modal.tsx
-import { getVenueAvailabilityState, useAppConfig, useLabels as useLabels6 } from "@agg-build/hooks";
+import { getVenueAvailabilityState, useAppConfig, useLabels as useLabels7 } from "@agg-build/hooks";
 import { Venue as Venue2 } from "@agg-build/sdk";
-import * as Dialog2 from "@radix-ui/react-dialog";
+import * as Dialog3 from "@radix-ui/react-dialog";
 import { useCallback as useCallback4, useEffect, useId, useMemo, useRef as useRef3, useState as useState4 } from "react";
 import { z } from "zod";
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var kalshiCredentialsSchema = z.object({
   apiKeyId: z.string().trim().min(1),
   privateKey: z.string().trim().min(1)
@@ -529,7 +632,7 @@ var ConnectKalshiModal = ({
   onOpenChange,
   onVerify
 }) => {
-  const labels = useLabels6();
+  const labels = useLabels7();
   const { disabledVenues, isLoading: isAppConfigLoading } = useAppConfig();
   const apiKeyInputRef = useRef3(null);
   const errorId = useId();
@@ -602,30 +705,30 @@ var ConnectKalshiModal = ({
     [handleVerify]
   );
   if (availabilityState === "hidden") return null;
-  return /* @__PURE__ */ jsx6(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsx7(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs7(
     Modal.Container,
     {
       maxWidth: "600px",
       "aria-label": labels.onboarding.connectKalshiModal.ariaLabel,
       classNames: { container: "!rounded-agg-2xl" },
       children: [
-        /* @__PURE__ */ jsx6("div", { className: "flex h-[60px] shrink-0 items-center justify-end px-8", children: /* @__PURE__ */ jsx6(
-          Dialog2.Close,
+        /* @__PURE__ */ jsx7("div", { className: "flex h-[60px] shrink-0 items-center justify-end px-8", children: /* @__PURE__ */ jsx7(
+          Dialog3.Close,
           {
             "aria-label": labels.common.close,
             className: "flex size-10 cursor-pointer items-center justify-center rounded-agg-full text-agg-secondary transition-colors hover:bg-agg-quaternary hover:text-agg-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-accent disabled:cursor-default disabled:opacity-50",
             disabled: isVerifying,
-            children: /* @__PURE__ */ jsx6(Icon, { name: "close", size: "medium" })
+            children: /* @__PURE__ */ jsx7(Icon, { name: "close", size: "medium" })
           }
         ) }),
-        /* @__PURE__ */ jsx6(Modal.Body, { classNames: { root: "!px-5 !pb-12 !pt-0 sm:!px-10" }, children: isConnected ? /* @__PURE__ */ jsxs6(
+        /* @__PURE__ */ jsx7(Modal.Body, { classNames: { root: "!px-5 !pb-12 !pt-0 sm:!px-10" }, children: isConnected ? /* @__PURE__ */ jsxs7(
           "div",
           {
             className: "flex flex-col items-center gap-8 pb-3 text-center",
             role: "status",
             "aria-live": "polite",
             children: [
-              /* @__PURE__ */ jsx6("div", { className: "flex size-[60px] items-center justify-center rounded-agg-full bg-agg-success", children: /* @__PURE__ */ jsx6(
+              /* @__PURE__ */ jsx7("div", { className: "flex size-[60px] items-center justify-center rounded-agg-full bg-agg-success", children: /* @__PURE__ */ jsx7(
                 Icon,
                 {
                   name: "success-check",
@@ -633,11 +736,11 @@ var ConnectKalshiModal = ({
                   "aria-hidden": "true"
                 }
               ) }),
-              /* @__PURE__ */ jsxs6("div", { className: "flex flex-col items-center gap-4", children: [
-                /* @__PURE__ */ jsx6(Dialog2.Title, { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.onboarding.connectKalshiModal.success.title }),
-                /* @__PURE__ */ jsx6(Dialog2.Description, { className: "max-w-[480px] text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.success.description })
+              /* @__PURE__ */ jsxs7("div", { className: "flex flex-col items-center gap-4", children: [
+                /* @__PURE__ */ jsx7(Dialog3.Title, { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.onboarding.connectKalshiModal.success.title }),
+                /* @__PURE__ */ jsx7(Dialog3.Description, { className: "max-w-[480px] text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.success.description })
               ] }),
-              /* @__PURE__ */ jsx6(
+              /* @__PURE__ */ jsx7(
                 Button,
                 {
                   variant: "primary",
@@ -649,27 +752,27 @@ var ConnectKalshiModal = ({
               )
             ]
           }
-        ) : /* @__PURE__ */ jsxs6("form", { className: "flex flex-col items-center gap-8", onSubmit: handleSubmit, children: [
-          /* @__PURE__ */ jsx6(VenueLogo, { venue: Venue2.kalshi, variant: "logo", size: "large", className: "size-[60px]" }),
-          /* @__PURE__ */ jsxs6("div", { className: "flex flex-col items-center gap-4 text-center", children: [
-            /* @__PURE__ */ jsx6(Dialog2.Title, { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
-            /* @__PURE__ */ jsx6(Dialog2.Description, { className: "max-w-[520px] text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })
+        ) : /* @__PURE__ */ jsxs7("form", { className: "flex flex-col items-center gap-8", onSubmit: handleSubmit, children: [
+          /* @__PURE__ */ jsx7(VenueLogo, { venue: Venue2.kalshi, variant: "logo", size: "large", className: "size-[60px]" }),
+          /* @__PURE__ */ jsxs7("div", { className: "flex flex-col items-center gap-4 text-center", children: [
+            /* @__PURE__ */ jsx7(Dialog3.Title, { className: "text-agg-2xl font-agg-bold leading-agg-8 text-agg-foreground", children: labels.onboarding.connectKalshiModal.title }),
+            /* @__PURE__ */ jsx7(Dialog3.Description, { className: "max-w-[520px] text-agg-base leading-agg-6 text-agg-foreground", children: labels.onboarding.connectKalshiModal.description })
           ] }),
-          /* @__PURE__ */ jsxs6("div", { className: "flex w-full flex-col gap-4", children: [
-            /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4", children: [
-              /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ jsx6("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepOne.label }),
-                /* @__PURE__ */ jsx6("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepOne.title })
+          /* @__PURE__ */ jsxs7("div", { className: "flex w-full flex-col gap-4", children: [
+            /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4", children: [
+              /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ jsx7("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepOne.label }),
+                /* @__PURE__ */ jsx7("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepOne.title })
               ] }),
-              /* @__PURE__ */ jsxs6("div", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
-                /* @__PURE__ */ jsx6("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
-                /* @__PURE__ */ jsxs6("p", { children: [
+              /* @__PURE__ */ jsxs7("div", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
+                /* @__PURE__ */ jsx7("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.signIn }),
+                /* @__PURE__ */ jsxs7("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfilePrefix,
                   " ",
-                  /* @__PURE__ */ jsx6("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
+                  /* @__PURE__ */ jsx7("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.profileText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.goToProfileSeparator,
                   " ",
-                  /* @__PURE__ */ jsx6(
+                  /* @__PURE__ */ jsx7(
                     "a",
                     {
                       href: labels.onboarding.connectKalshiModal.stepOne.instructions.profileUrl,
@@ -680,34 +783,34 @@ var ConnectKalshiModal = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs6("p", { children: [
+                /* @__PURE__ */ jsxs7("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeyPrefix,
                   " ",
-                  /* @__PURE__ */ jsx6("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
+                  /* @__PURE__ */ jsx7("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKeyText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.clickCreateKeySuffix
                 ] }),
-                /* @__PURE__ */ jsxs6("p", { children: [
+                /* @__PURE__ */ jsxs7("p", { children: [
                   labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsPrefix,
                   " ",
-                  /* @__PURE__ */ jsx6("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
+                  /* @__PURE__ */ jsx7("span", { className: "font-agg-bold", children: labels.onboarding.connectKalshiModal.stepOne.instructions.readWriteText }),
                   labels.onboarding.connectKalshiModal.stepOne.instructions.selectPermissionsSuffix
                 ] }),
-                /* @__PURE__ */ jsx6("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
+                /* @__PURE__ */ jsx7("p", { children: labels.onboarding.connectKalshiModal.stepOne.instructions.createKey })
               ] }),
-              /* @__PURE__ */ jsxs6("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
+              /* @__PURE__ */ jsxs7("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: [
                 labels.onboarding.connectKalshiModal.stepOne.footerLineOne,
-                /* @__PURE__ */ jsx6("br", {}),
+                /* @__PURE__ */ jsx7("br", {}),
                 labels.onboarding.connectKalshiModal.stepOne.footerLineTwo
               ] })
             ] }),
-            /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4", children: [
-              /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ jsx6("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.label }),
-                /* @__PURE__ */ jsx6("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.title })
+            /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-3 rounded-agg-xl bg-agg-secondary-hover p-4", children: [
+              /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ jsx7("p", { className: "text-agg-xs font-agg-bold uppercase leading-agg-4 text-agg-muted-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.label }),
+                /* @__PURE__ */ jsx7("p", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.title })
               ] }),
-              /* @__PURE__ */ jsx6("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
-              /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ jsx6(
+              /* @__PURE__ */ jsx7("p", { className: "text-agg-sm leading-agg-5 text-agg-foreground", children: labels.onboarding.connectKalshiModal.stepTwo.description }),
+              /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsx7(
                   "label",
                   {
                     htmlFor: "kalshi-api-key-id",
@@ -715,7 +818,7 @@ var ConnectKalshiModal = ({
                     children: labels.onboarding.connectKalshiModal.stepTwo.apiKeyIdLabel
                   }
                 ),
-                /* @__PURE__ */ jsx6(
+                /* @__PURE__ */ jsx7(
                   "input",
                   {
                     ref: apiKeyInputRef,
@@ -737,8 +840,8 @@ var ConnectKalshiModal = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ jsx6(
+              /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsx7(
                   "label",
                   {
                     htmlFor: "kalshi-private-key",
@@ -746,7 +849,7 @@ var ConnectKalshiModal = ({
                     children: labels.onboarding.connectKalshiModal.stepTwo.privateKeyLabel
                   }
                 ),
-                /* @__PURE__ */ jsx6(
+                /* @__PURE__ */ jsx7(
                   "textarea",
                   {
                     id: "kalshi-private-key",
@@ -769,22 +872,22 @@ var ConnectKalshiModal = ({
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs6("div", { className: "flex w-full items-center justify-between gap-4", children: [
-            /* @__PURE__ */ jsx6("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
-            /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsxs6("span", { className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary", children: [
-                /* @__PURE__ */ jsx6(Icon, { name: "document", size: "small", className: "size-4 text-agg-primary" }),
+          /* @__PURE__ */ jsxs7("div", { className: "flex w-full items-center justify-between gap-4", children: [
+            /* @__PURE__ */ jsx7("p", { className: "text-agg-base text-agg-foreground", children: labels.onboarding.connectKalshiModal.help.label }),
+            /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsxs7("span", { className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary", children: [
+                /* @__PURE__ */ jsx7(Icon, { name: "document", size: "small", className: "size-4 text-agg-primary" }),
                 labels.onboarding.connectKalshiModal.help.docsLinkLabel
               ] }),
-              /* @__PURE__ */ jsx6("span", { className: "h-3 w-px bg-agg-separator" }),
-              /* @__PURE__ */ jsxs6("span", { className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary", children: [
-                /* @__PURE__ */ jsx6(Icon, { name: "play-square", size: "small", className: "size-4 text-agg-primary" }),
+              /* @__PURE__ */ jsx7("span", { className: "h-3 w-px bg-agg-separator" }),
+              /* @__PURE__ */ jsxs7("span", { className: "flex items-center gap-2 text-agg-base font-agg-bold text-agg-primary", children: [
+                /* @__PURE__ */ jsx7(Icon, { name: "play-square", size: "small", className: "size-4 text-agg-primary" }),
                 labels.onboarding.connectKalshiModal.help.tutorialLinkLabel
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs6("div", { className: "flex flex-col items-center gap-5", children: [
-            error ? /* @__PURE__ */ jsxs6(
+          /* @__PURE__ */ jsxs7("div", { className: "flex flex-col items-center gap-5", children: [
+            error ? /* @__PURE__ */ jsxs7(
               "div",
               {
                 id: errorId,
@@ -792,13 +895,13 @@ var ConnectKalshiModal = ({
                 role: "alert",
                 "aria-live": "assertive",
                 children: [
-                  /* @__PURE__ */ jsx6(Icon, { name: "warning", size: "small", className: "size-3.5 text-agg-error" }),
-                  /* @__PURE__ */ jsx6("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
+                  /* @__PURE__ */ jsx7(Icon, { name: "warning", size: "small", className: "size-3.5 text-agg-error" }),
+                  /* @__PURE__ */ jsx7("p", { className: "text-agg-sm leading-agg-5 text-agg-error", children: error })
                 ]
               }
             ) : null,
-            /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-center gap-3", children: [
-              /* @__PURE__ */ jsx6(
+            /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-center gap-3", children: [
+              /* @__PURE__ */ jsx7(
                 Button,
                 {
                   variant: "secondary",
@@ -808,7 +911,7 @@ var ConnectKalshiModal = ({
                   children: labels.onboarding.connectKalshiModal.actions.cancel
                 }
               ),
-              /* @__PURE__ */ jsx6(
+              /* @__PURE__ */ jsx7(
                 Button,
                 {
                   type: "submit",
@@ -830,9 +933,9 @@ ConnectKalshiModal.displayName = "ConnectKalshiModal";
 
 // src/onboarding/index.tsx
 import { useCallback as useCallback5, useEffect as useEffect2, useState as useState5 } from "react";
-import { useLabels as useLabels7 } from "@agg-build/hooks";
-import * as Dialog3 from "@radix-ui/react-dialog";
-import { Fragment, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { useLabels as useLabels8 } from "@agg-build/hooks";
+import * as Dialog4 from "@radix-ui/react-dialog";
+import { Fragment, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var OnboardingModal = ({
   open,
   onOpenChange,
@@ -843,7 +946,7 @@ var OnboardingModal = ({
   connectedOnchain = false
 }) => {
   var _a;
-  const labels = useLabels7();
+  const labels = useLabels8();
   const [step, setStep] = useState5(ONBOARDING_STEPS.HOW_IT_WORKS);
   const stepLabels = {
     [ONBOARDING_STEPS.HOW_IT_WORKS]: labels.onboarding.modal.stepHowItWorks,
@@ -879,19 +982,19 @@ var OnboardingModal = ({
     yield onConnectOnchain == null ? void 0 : onConnectOnchain();
     setOnchainConnected(true);
   }), [onConnectOnchain]);
-  return /* @__PURE__ */ jsxs7(Fragment, { children: [
-    /* @__PURE__ */ jsx7(Modal, { open, onOpenChange, children: /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(Fragment, { children: [
+    /* @__PURE__ */ jsx8(Modal, { open, onOpenChange, children: /* @__PURE__ */ jsxs8(
       Modal.Container,
       {
         maxWidth: "600px",
         "aria-label": resolvedTitle,
         classNames: { container: "!rounded-agg-lg" },
         children: [
-          /* @__PURE__ */ jsx7(Dialog3.Title, { className: "sr-only", children: resolvedTitle }),
-          /* @__PURE__ */ jsxs7(Modal.Body, { classNames: { root: "px-5 py-6 sm:px-10 sm:py-8" }, children: [
-            step === ONBOARDING_STEPS.HOW_IT_WORKS && /* @__PURE__ */ jsx7(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
-            step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ jsx7(ProfileSetupStep, { onContinue: handleProfileContinue }),
-            step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx8(Dialog4.Title, { className: "sr-only", children: resolvedTitle }),
+          /* @__PURE__ */ jsxs8(Modal.Body, { classNames: { root: "px-5 py-6 sm:px-10 sm:py-8" }, children: [
+            step === ONBOARDING_STEPS.HOW_IT_WORKS && /* @__PURE__ */ jsx8(HowItWorksStep, { onContinue: handleHowItWorksContinue, icons: howItWorksIcons }),
+            step === ONBOARDING_STEPS.PROFILE_SETUP && /* @__PURE__ */ jsx8(ProfileSetupStep, { onContinue: handleProfileContinue }),
+            step === ONBOARDING_STEPS.CONNECT_ACCOUNTS && /* @__PURE__ */ jsx8(
               ConnectAccountsStep,
               {
                 onConnectOnchain: handleOpenOnchainModal,
@@ -903,7 +1006,7 @@ var OnboardingModal = ({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx8(
       ConnectOnchainModal,
       {
         open: onchainModalOpen,
@@ -938,6 +1041,7 @@ export {
   dispatchAggDepositNotification,
   subscribeAggDepositNotification,
   GeoBlockBanner,
+  SharedKycModal,
   HowItWorksStep,
   ProfileSetupStep,
   ConnectAccountsStep,