@coinlist-co/react 0.6.0 → 0.10.0

package/dist/client/index.cjs

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,18 +17,32 @@ var __copyProps = (to, from, except, desc) => {
   }
   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/client/index.ts
 var client_exports = {};
 __export(client_exports, {
   ChecklistStatus: () => ChecklistStatus,
+  ClientSwapNamespaceImpl: () => ClientSwapNamespaceImpl,
+  ClientTokenSaleNamespaceImpl: () => ClientTokenSaleNamespaceImpl,
   CoinListClientInitializationError: () => CoinListClientInitializationError,
   CoinListContext: () => CoinListContext,
   CoinListContextProvider: () => CoinListContextProvider,
   CoinListProvider: () => CoinListProvider,
   CoinListSignInCard: () => CoinListSignInCard,
   CoinListStyleScope: () => CoinListStyleScope,
+  ConnectWalletModal: () => ConnectWalletModal,
+  ConnectedWalletList: () => ConnectedWalletList,
+  IdentityVerification: () => IdentityVerification,
+  KycToken: () => KycToken,
   OAUTH_CODE_VERIFIER_KEY: () => OAUTH_CODE_VERIFIER_KEY,
   OAUTH_STATE_KEY: () => OAUTH_STATE_KEY,
   OfferCard: () => OfferCard,
@@ -37,49 +53,32 @@ __export(client_exports, {
   RequirementStatus: () => RequirementStatus,
   RequirementVariant: () => RequirementVariant,
   RequirementsChecklist: () => RequirementsChecklist,
+  TaxDocumentModal: () => TaxDocumentModal,
+  authorizeWallet: () => authorizeWallet,
+  classifyWalletError: () => classifyWalletError,
+  connectExternalWalletFlow: () => connectExternalWalletFlow,
   createCoinListClient: () => createCoinListClient,
+  executeSwap: () => executeSwap,
+  executeTokenSale: () => executeTokenSale,
   useCoinList: () => useCoinList,
   useCompleteOAuth: () => useCompleteOAuth,
+  useConnectWallet: () => useConnectWallet,
+  useKycToken: () => useKycToken,
   useOfferDetails: () => useOfferDetails,
   useOffers: () => useOffers,
+  useOptionAddresses: () => useOptionAddresses,
   useParticipations: () => useParticipations,
-  useRequirements: () => useRequirements
+  useRequirements: () => useRequirements,
+  useSwapOutputToken: () => useSwapOutputToken,
+  useSwapQuote: () => useSwapQuote,
+  useSwapTokenBalances: () => useSwapTokenBalances,
+  useTaxDocument: () => useTaxDocument
 });
 module.exports = __toCommonJS(client_exports);
 
 // src/client/CoinListProvider.tsx
 var import_react = require("react");
 
-// src/client/generated/sdk-styles.gen.ts
-var sdkStyles = '/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--clcosdk-color-red-400:oklch(70.4% .191 22.216);--clcosdk-color-red-500:oklch(63.7% .237 25.331);--clcosdk-color-amber-500:oklch(76.9% .188 70.08);--clcosdk-color-gray-400:oklch(70.7% .022 261.325);--clcosdk-color-gray-500:oklch(55.1% .027 264.364);--clcosdk-spacing:.25rem;--clcosdk-container-md:28rem;--clcosdk-text-xs:.75rem;--clcosdk-text-xs--line-height:calc(1 / .75);--clcosdk-text-sm:.875rem;--clcosdk-text-sm--line-height:calc(1.25 / .875);--clcosdk-text-base:1rem;--clcosdk-text-base--line-height:calc(1.5 / 1);--clcosdk-font-weight-normal:400;--clcosdk-font-weight-medium:500;--clcosdk-font-weight-semibold:600;--clcosdk-radius-md:.375rem;--clcosdk-radius-lg:.5rem;--clcosdk-radius-2xl:1rem;--clcosdk-ease-in-out:cubic-bezier(.4, 0, .2, 1);--clcosdk-animate-spin:spin 1s linear infinite;--clcosdk-color-brand-primary:var(--color-brand-primary)}}@layer base{.clco-sdk-root{--color-brand-primary:#171717;--color-brand-primary-hover:#000;--color-brand-primary-active:#262626;--color-accent:#2b3a67;--color-accent-hover:#243057;--color-accent-active:#1d2647;--color-accent-focus:#c7d2fe;--color-accent-subtle:#eef1f8;--color-text-primary:#171717;--color-text-secondary:#8c8c8c;--color-text-disabled:#d1d1d1;--color-text-inverse:#fff;--color-background:#fff;--color-surface:#fafafa;--color-section:#f3f3f3;--color-border:#e5e5e5;--color-divider:#ececec;--color-overlay:#00000080;--color-positive:#15803d;--color-positive-subtle:#dcfce7;--color-negative:#dc2626;--color-negative-subtle:#fee2e2;--color-success:#2c8c5e;--color-success-subtle:#e6f4ec;--color-success-border:#cfe9db;--color-warning:#e08a1a;--color-warning-subtle:#fff7ed;--color-warning-border:#fdead7;--color-error:#b42318;--color-error-subtle:#feeceb;--color-error-border:#fbd5d2}@media (prefers-color-scheme:dark){.clco-sdk-root:not(:where(.light,.light *)){--color-brand-primary:#f4f4f5;--color-brand-primary-hover:#fff;--color-brand-primary-active:#e4e4e7;--color-accent:#6f82c9;--color-accent-hover:#8799e4;--color-accent-active:#5b6fcf;--color-accent-focus:#6f82c959;--color-accent-subtle:#6f82c91f;--color-text-primary:#f4f4f5;--color-text-secondary:#a1a1aa;--color-text-disabled:#71717a;--color-text-inverse:#171717;--color-background:#0f1115;--color-surface:#161a20;--color-section:#20242c;--color-border:#2a2e35;--color-divider:#323741;--color-overlay:#000000b3;--color-positive:#22c55e;--color-positive-subtle:#22c55e1f;--color-negative:#ef4444;--color-negative-subtle:#ef44441f;--color-success:#34d399;--color-success-subtle:#34d3991f;--color-success-border:#34d39940;--color-warning:#f59e0b;--color-warning-subtle:#f59e0b1f;--color-warning-border:#f59e0b40;--color-error:#f87171;--color-error-subtle:#f871711f;--color-error-border:#f8717140}}:where(.dark,.dark *) .clco-sdk-root{--color-brand-primary:#f4f4f5;--color-brand-primary-hover:#fff;--color-brand-primary-active:#e4e4e7;--color-accent:#6f82c9;--color-accent-hover:#8799e4;--color-accent-active:#5b6fcf;--color-accent-focus:#6f82c959;--color-accent-subtle:#6f82c91f;--color-text-primary:#f4f4f5;--color-text-secondary:#a1a1aa;--color-text-disabled:#71717a;--color-text-inverse:#171717;--color-background:#0f1115;--color-surface:#161a20;--color-section:#20242c;--color-border:#2a2e35;--color-divider:#323741;--color-overlay:#000000b3;--color-positive:#22c55e;--color-positive-subtle:#22c55e1f;--color-negative:#ef4444;--color-negative-subtle:#ef44441f;--color-success:#34d399;--color-success-subtle:#34d3991f;--color-success-border:#34d39940;--color-warning:#f59e0b;--color-warning-subtle:#f59e0b1f;--color-warning-border:#f59e0b40;--color-error:#f87171;--color-error-subtle:#f871711f;--color-error-border:#f8717140}.clco-sdk-root{color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.clco-sdk-root *,.clco-sdk-root :before,.clco-sdk-root :after{box-sizing:border-box}.clco-sdk-root button{appearance:none;cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;padding:0}.clco-sdk-root a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.clco-sdk-root ul,.clco-sdk-root ol{margin:0;padding:0;list-style:none}.clco-sdk-root img,.clco-sdk-root svg{max-width:100%;display:block}}@layer components;@layer utilities{.clcosdk\\:absolute{position:absolute}.clcosdk\\:relative{position:relative}.clcosdk\\:inset-0{inset:calc(var(--clcosdk-spacing) * 0)}.clcosdk\\:top-4{top:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:right-4{right:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:mt-4{margin-top:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:mb-6{margin-bottom:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:flex{display:flex}.clcosdk\\:grid{display:grid}.clcosdk\\:inline-flex{display:inline-flex}.clcosdk\\:h-3{height:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:h-4{height:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:h-5{height:calc(var(--clcosdk-spacing) * 5)}.clcosdk\\:h-6{height:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:h-9{height:calc(var(--clcosdk-spacing) * 9)}.clcosdk\\:h-11{height:calc(var(--clcosdk-spacing) * 11)}.clcosdk\\:h-12{height:calc(var(--clcosdk-spacing) * 12)}.clcosdk\\:h-14{height:calc(var(--clcosdk-spacing) * 14)}.clcosdk\\:h-28{height:calc(var(--clcosdk-spacing) * 28)}.clcosdk\\:h-52{height:calc(var(--clcosdk-spacing) * 52)}.clcosdk\\:h-\\[18px\\]{height:18px}.clcosdk\\:h-auto{height:auto}.clcosdk\\:h-full{height:100%}.clcosdk\\:min-h-0{min-height:calc(var(--clcosdk-spacing) * 0)}.clcosdk\\:min-h-40{min-height:calc(var(--clcosdk-spacing) * 40)}.clcosdk\\:min-h-\\[2\\.4rem\\]{min-height:2.4rem}.clcosdk\\:w-4{width:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:w-5{width:calc(var(--clcosdk-spacing) * 5)}.clcosdk\\:w-6{width:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:w-12{width:calc(var(--clcosdk-spacing) * 12)}.clcosdk\\:w-16{width:calc(var(--clcosdk-spacing) * 16)}.clcosdk\\:w-28{width:calc(var(--clcosdk-spacing) * 28)}.clcosdk\\:w-80{width:calc(var(--clcosdk-spacing) * 80)}.clcosdk\\:w-96{width:calc(var(--clcosdk-spacing) * 96)}.clcosdk\\:w-\\[16px\\]{width:16px}.clcosdk\\:w-\\[448px\\]{width:448px}.clcosdk\\:w-auto{width:auto}.clcosdk\\:w-full{width:100%}.clcosdk\\:max-w-\\[22rem\\]{max-width:22rem}.clcosdk\\:max-w-\\[28rem\\]{max-width:28rem}.clcosdk\\:max-w-\\[30rem\\]{max-width:30rem}.clcosdk\\:max-w-\\[1200px\\]{max-width:1200px}.clcosdk\\:max-w-md{max-width:var(--clcosdk-container-md)}.clcosdk\\:shrink-0{flex-shrink:0}.clcosdk\\:rotate-90{rotate:90deg}.clcosdk\\:animate-spin{animation:var(--clcosdk-animate-spin)}.clcosdk\\:cursor-pointer{cursor:pointer}.clcosdk\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.clcosdk\\:grid-rows-\\[0fr\\]{grid-template-rows:0fr}.clcosdk\\:grid-rows-\\[1fr\\]{grid-template-rows:1fr}.clcosdk\\:flex-col{flex-direction:column}.clcosdk\\:flex-wrap{flex-wrap:wrap}.clcosdk\\:items-center{align-items:center}.clcosdk\\:items-start{align-items:flex-start}.clcosdk\\:justify-between{justify-content:space-between}.clcosdk\\:justify-center{justify-content:center}.clcosdk\\:gap-1{gap:calc(var(--clcosdk-spacing) * 1)}.clcosdk\\:gap-2{gap:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:gap-3{gap:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:gap-4{gap:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:gap-5{gap:calc(var(--clcosdk-spacing) * 5)}.clcosdk\\:gap-6{gap:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:gap-8{gap:calc(var(--clcosdk-spacing) * 8)}.clcosdk\\:gap-\\[5px\\]{gap:5px}:where(.clcosdk\\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--clcosdk-spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--clcosdk-spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.clcosdk\\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--clcosdk-spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--clcosdk-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.clcosdk\\:divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.clcosdk\\:divide-border>:not(:last-child)){border-color:var(--color-border)}:where(.clcosdk\\:divide-divider>:not(:last-child)){border-color:var(--color-divider)}.clcosdk\\:overflow-hidden{overflow:hidden}.clcosdk\\:rounded-2xl{border-radius:var(--clcosdk-radius-2xl)}.clcosdk\\:rounded-btn{border-radius:12px}.clcosdk\\:rounded-card{border-radius:24px}.clcosdk\\:rounded-full{border-radius:3.40282e38px}.clcosdk\\:rounded-lg{border-radius:var(--clcosdk-radius-lg)}.clcosdk\\:rounded-md{border-radius:var(--clcosdk-radius-md)}.clcosdk\\:border{border-style:var(--tw-border-style);border-width:1px}.clcosdk\\:border-2{border-style:var(--tw-border-style);border-width:2px}.clcosdk\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.clcosdk\\:border-dashed{--tw-border-style:dashed;border-style:dashed}.clcosdk\\:border-accent\\/50{border-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.clcosdk\\:border-accent\\/50{border-color:color-mix(in oklab, var(--color-accent) 50%, transparent)}}.clcosdk\\:border-accent\\/60{border-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.clcosdk\\:border-accent\\/60{border-color:color-mix(in oklab, var(--color-accent) 60%, transparent)}}.clcosdk\\:border-amber-500{border-color:var(--clcosdk-color-amber-500)}.clcosdk\\:border-border,.clcosdk\\:border-border\\/60{border-color:var(--color-border)}@supports (color:color-mix(in lab, red, red)){.clcosdk\\:border-border\\/60{border-color:color-mix(in oklab, var(--color-border) 60%, transparent)}}.clcosdk\\:border-current{border-color:currentColor}.clcosdk\\:border-divider{border-color:var(--color-divider)}.clcosdk\\:border-error-border{border-color:var(--color-error-border)}.clcosdk\\:border-success-border{border-color:var(--color-success-border)}.clcosdk\\:border-warning-border{border-color:var(--color-warning-border)}.clcosdk\\:border-t-transparent{border-top-color:#0000}.clcosdk\\:bg-accent\\/10{background-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.clcosdk\\:bg-accent\\/10{background-color:color-mix(in oklab, var(--color-accent) 10%, transparent)}}.clcosdk\\:bg-background{background-color:var(--color-background)}.clcosdk\\:bg-brand-primary{background-color:var(--color-brand-primary)}.clcosdk\\:bg-error-subtle{background-color:var(--color-error-subtle)}.clcosdk\\:bg-section{background-color:var(--color-section)}.clcosdk\\:bg-success-subtle{background-color:var(--color-success-subtle)}.clcosdk\\:bg-surface{background-color:var(--color-surface)}.clcosdk\\:bg-transparent{background-color:#0000}.clcosdk\\:bg-warning-subtle{background-color:var(--color-warning-subtle)}.clcosdk\\:bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.clcosdk\\:bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.clcosdk\\:from-surface{--tw-gradient-from:var(--color-surface);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.clcosdk\\:from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.clcosdk\\:via-section{--tw-gradient-via:var(--color-section);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.clcosdk\\:via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.clcosdk\\:to-background{--tw-gradient-to:var(--color-background);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.clcosdk\\:to-overlay\\/35{--tw-gradient-to:var(--color-overlay)}@supports (color:color-mix(in lab, red, red)){.clcosdk\\:to-overlay\\/35{--tw-gradient-to:color-mix(in oklab, var(--color-overlay) 35%, transparent)}}.clcosdk\\:to-overlay\\/35{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.clcosdk\\:object-cover{object-fit:cover}.clcosdk\\:p-0{padding:calc(var(--clcosdk-spacing) * 0)}.clcosdk\\:p-1\\.5{padding:calc(var(--clcosdk-spacing) * 1.5)}.clcosdk\\:p-3{padding:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:p-6{padding:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:p-8{padding:calc(var(--clcosdk-spacing) * 8)}.clcosdk\\:px-2{padding-inline:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:px-4{padding-inline:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:px-5{padding-inline:calc(var(--clcosdk-spacing) * 5)}.clcosdk\\:px-6{padding-inline:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:pt-4{padding-top:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:pb-4{padding-bottom:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:text-center{text-align:center}.clcosdk\\:text-left{text-align:left}.clcosdk\\:text-base{font-size:var(--clcosdk-text-base);line-height:var(--tw-leading,var(--clcosdk-text-base--line-height))}.clcosdk\\:text-sm{font-size:var(--clcosdk-text-sm);line-height:var(--tw-leading,var(--clcosdk-text-sm--line-height))}.clcosdk\\:text-xs{font-size:var(--clcosdk-text-xs);line-height:var(--tw-leading,var(--clcosdk-text-xs--line-height))}.clcosdk\\:text-\\[11px\\]{font-size:11px}.clcosdk\\:text-\\[12px\\]{font-size:12px}.clcosdk\\:text-\\[14px\\]{font-size:14px}.clcosdk\\:text-\\[16px\\]{font-size:16px}.clcosdk\\:text-\\[18px\\]{font-size:18px}.clcosdk\\:text-\\[22px\\]{font-size:22px}.clcosdk\\:text-\\[28px\\]{font-size:28px}.clcosdk\\:text-\\[36px\\]{font-size:36px}.clcosdk\\:text-\\[48px\\]{font-size:48px}.clcosdk\\:text-\\[64px\\]{font-size:64px}.clcosdk\\:leading-\\[110\\%\\]{--tw-leading:110%;line-height:110%}.clcosdk\\:leading-\\[120\\%\\]{--tw-leading:120%;line-height:120%}.clcosdk\\:leading-\\[125\\%\\]{--tw-leading:125%;line-height:125%}.clcosdk\\:leading-\\[130\\%\\]{--tw-leading:130%;line-height:130%}.clcosdk\\:leading-\\[135\\%\\]{--tw-leading:135%;line-height:135%}.clcosdk\\:leading-\\[140\\%\\]{--tw-leading:140%;line-height:140%}.clcosdk\\:leading-\\[150\\%\\]{--tw-leading:150%;line-height:150%}.clcosdk\\:font-medium{--tw-font-weight:var(--clcosdk-font-weight-medium);font-weight:var(--clcosdk-font-weight-medium)}.clcosdk\\:font-normal{--tw-font-weight:var(--clcosdk-font-weight-normal);font-weight:var(--clcosdk-font-weight-normal)}.clcosdk\\:font-semibold{--tw-font-weight:var(--clcosdk-font-weight-semibold);font-weight:var(--clcosdk-font-weight-semibold)}.clcosdk\\:tracking-\\[0\\.12px\\]{--tw-tracking:.12px;letter-spacing:.12px}.clcosdk\\:tracking-\\[0\\.28px\\]{--tw-tracking:.28px;letter-spacing:.28px}.clcosdk\\:whitespace-nowrap{white-space:nowrap}.clcosdk\\:text-error{color:var(--color-error)}.clcosdk\\:text-success{color:var(--color-success)}.clcosdk\\:text-text-inverse{color:var(--color-text-inverse)}.clcosdk\\:text-text-primary{color:var(--color-text-primary)}.clcosdk\\:text-text-secondary{color:var(--color-text-secondary)}.clcosdk\\:text-warning{color:var(--color-warning)}.clcosdk\\:capitalize{text-transform:capitalize}.clcosdk\\:underline{text-decoration-line:underline}.clcosdk\\:underline-offset-2{text-underline-offset:2px}.clcosdk\\:underline-offset-4{text-underline-offset:4px}.clcosdk\\:opacity-60{opacity:.6}.clcosdk\\:shadow-\\[0_0_0_3px_rgba\\(59\\,130\\,246\\,0\\.2\\)\\]{--tw-shadow:0 0 0 3px var(--tw-shadow-color,#3b82f633);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-\\[0_0_0_3px_rgba\\(59\\,130\\,246\\,0\\.18\\)\\]{--tw-shadow:0 0 0 3px var(--tw-shadow-color,#3b82f62e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-\\[0_0_0_3px_rgba\\(59\\,130\\,246\\,0\\.25\\)\\]{--tw-shadow:0 0 0 3px var(--tw-shadow-color,#3b82f640);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-\\[0_10px_24px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 10px 24px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-\\[0_10px_24px_rgba\\(0\\,0\\,0\\,0\\.25\\)\\]{--tw-shadow:0 10px 24px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-card{--tw-shadow:0px 4px 6px -2px var(--tw-shadow-color,#0000000d), 0px 12px 24px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:transition-\\[grid-template-rows\\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.clcosdk\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.clcosdk\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.clcosdk\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.clcosdk\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.clcosdk\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.clcosdk\\:ease-in-out{--tw-ease:var(--clcosdk-ease-in-out);transition-timing-function:var(--clcosdk-ease-in-out)}@media (hover:hover){.clcosdk\\:hover\\:-translate-y-0\\.5:hover{--tw-translate-y:calc(var(--clcosdk-spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.clcosdk\\:hover\\:border-divider:hover{border-color:var(--color-divider)}.clcosdk\\:hover\\:bg-\\[\\#fcdcd8\\]:hover{background-color:#fcdcd8}.clcosdk\\:hover\\:bg-border:hover{background-color:var(--color-border)}.clcosdk\\:hover\\:bg-brand-primary:hover{background-color:var(--color-brand-primary)}.clcosdk\\:hover\\:bg-brand-primary-hover:hover{background-color:var(--color-brand-primary-hover)}.clcosdk\\:hover\\:bg-section:hover{background-color:var(--color-section)}.clcosdk\\:hover\\:bg-surface:hover{background-color:var(--color-surface)}.clcosdk\\:hover\\:text-\\[\\#8b1a13\\]:hover{color:#8b1a13}.clcosdk\\:hover\\:text-text-primary:hover{color:var(--color-text-primary)}.clcosdk\\:hover\\:underline:hover{text-decoration-line:underline}.clcosdk\\:hover\\:shadow-\\[0px_14px_32px_-10px_rgba\\(0\\,0\\,0\\,0\\.35\\)\\]:hover{--tw-shadow:0px 14px 32px -10px var(--tw-shadow-color,#00000059);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.clcosdk\\:focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:focus-visible\\:ring-accent-focus:focus-visible{--tw-ring-color:var(--color-accent-focus)}.clcosdk\\:focus-visible\\:ring-gray-400:focus-visible{--tw-ring-color:var(--clcosdk-color-gray-400)}.clcosdk\\:focus-visible\\:ring-gray-500:focus-visible{--tw-ring-color:var(--clcosdk-color-gray-500)}.clcosdk\\:focus-visible\\:ring-red-400:focus-visible{--tw-ring-color:var(--clcosdk-color-red-400)}.clcosdk\\:focus-visible\\:ring-red-500:focus-visible{--tw-ring-color:var(--clcosdk-color-red-500)}.clcosdk\\:focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.clcosdk\\:focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.clcosdk\\:active\\:bg-\\[\\#d9d9d9\\]:active{background-color:#d9d9d9}.clcosdk\\:active\\:bg-\\[\\#f9c9c4\\]:active{background-color:#f9c9c4}.clcosdk\\:active\\:bg-border:active{background-color:var(--color-border)}.clcosdk\\:active\\:bg-brand-primary-active:active{background-color:var(--color-brand-primary-active)}.clcosdk\\:active\\:text-\\[\\#6d1510\\]:active{color:#6d1510}.clcosdk\\:disabled\\:pointer-events-none:disabled{pointer-events:none}.clcosdk\\:disabled\\:opacity-40:disabled{opacity:.4}@media (prefers-color-scheme:dark){@media (hover:hover){.clcosdk\\:dark\\:hover\\:bg-\\[rgba\\(248\\,113\\,113\\,0\\.20\\)\\]:not(:where(.light,.light *)):hover{background-color:#f8717133}}}@media (hover:hover){.clcosdk\\:dark\\:hover\\:bg-\\[rgba\\(248\\,113\\,113\\,0\\.20\\)\\]:where(.dark,.dark *):hover{background-color:#f8717133}}@media (prefers-color-scheme:dark){@media (hover:hover){.clcosdk\\:dark\\:hover\\:text-\\[\\#fca5a5\\]:not(:where(.light,.light *)):hover{color:#fca5a5}}}@media (hover:hover){.clcosdk\\:dark\\:hover\\:text-\\[\\#fca5a5\\]:where(.dark,.dark *):hover{color:#fca5a5}}@media (prefers-color-scheme:dark){.clcosdk\\:dark\\:active\\:bg-\\[rgba\\(248\\,113\\,113\\,0\\.30\\)\\]:not(:where(.light,.light *)):active{background-color:#f871714d}}.clcosdk\\:dark\\:active\\:bg-\\[rgba\\(248\\,113\\,113\\,0\\.30\\)\\]:where(.dark,.dark *):active{background-color:#f871714d}@media (prefers-color-scheme:dark){.clcosdk\\:dark\\:active\\:bg-divider:not(:where(.light,.light *)):active{background-color:var(--color-divider)}}.clcosdk\\:dark\\:active\\:bg-divider:where(.dark,.dark *):active{background-color:var(--color-divider)}@media (prefers-color-scheme:dark){.clcosdk\\:dark\\:active\\:text-\\[\\#f87171\\]:not(:where(.light,.light *)):active{color:#f87171}}.clcosdk\\:dark\\:active\\:text-\\[\\#f87171\\]:where(.dark,.dark *):active{color:#f87171}.clcosdk\\:\\[\\&_circle\\]\\:fill-error-subtle circle{fill:var(--color-error-subtle)}.clcosdk\\:\\[\\&_circle\\]\\:fill-success-subtle circle{fill:var(--color-success-subtle)}.clcosdk\\:\\[\\&_circle\\]\\:fill-warning-subtle circle{fill:var(--color-warning-subtle)}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}';
-
-// src/client/CoinListStyleScope.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-function CoinListStyleScope({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("link", { rel: "preconnect", href: "https://fonts.googleapis.com" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "link",
-      {
-        rel: "preconnect",
-        href: "https://fonts.gstatic.com",
-        crossOrigin: "anonymous"
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "link",
-      {
-        rel: "stylesheet",
-        href: "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap"
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "clco-sdk-root", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { dangerouslySetInnerHTML: { __html: sdkStyles } }),
-      children
-    ] })
-  ] });
-}
-
 // src/shared/utils.ts
 async function sha256(data) {
   const bytes = typeof data === "string" ? new TextEncoder().encode(data) : data;
@@ -175,6 +174,9 @@ var userAgent = () => ({ userAgent: true });
 var idempotencyKey = () => ({
   idempotencyKey: true
 });
+var clientCredentials = (credentials) => ({
+  clientCredentials: credentials
+});
 var retryAttempt = (attempt) => ({
   retryAttempt: attempt
 });
@@ -186,6 +188,7 @@ var needUserAgent = (attrs) => attrs?.userAgent === true;
 var isIdempotent = (attrs) => attrs?.idempotencyKey === true;
 var getRetryAttempt = (attrs) => attrs?.retryAttempt ?? 0;
 var wasRenewAttempted = (attrs) => attrs?.renewAttempted === true;
+var getClientCredentials = (attrs) => attrs?.clientCredentials;
 var Attributes = {
   empty,
   concat,
@@ -199,7 +202,9 @@ var Attributes = {
   retryAttempt,
   getRetryAttempt,
   renewAttempted,
-  wasRenewAttempted
+  wasRenewAttempted,
+  clientCredentials,
+  getClientCredentials
 };
 
 // src/client/core/api/middleware/user-agent.ts
@@ -399,7 +404,13 @@ function attachSessionMiddleware(fetchAccessToken) {
     if (!Attributes.isProtected(request.attributes)) {
       return request;
     }
-    const accessToken = await fetchAccessToken(false);
+    let accessToken = await fetchAccessToken(false);
+    if (!accessToken) {
+      const clientCreds = Attributes.getClientCredentials(request.attributes);
+      if (clientCreds) {
+        accessToken = clientCreds;
+      }
+    }
     if (accessToken === null) {
       return request;
     }
@@ -528,81 +539,866 @@ var ApiClient = class {
   }
 };
 
-// src/shared/api/pagination.ts
-var Cursor = (value) => value;
-async function fetchAllPages(fetchPage, baseParams) {
-  const items = [];
-  let cursor = null;
-  do {
-    const params = {
-      ...baseParams ?? {},
-      after: cursor ?? void 0
+// src/client/core/blockchain/wallet-error.ts
+var import_viem = require("viem");
+function classifyWalletError(error, ctx) {
+  if (error instanceof import_viem.UserRejectedRequestError) {
+    return { type: "user_rejected" };
+  }
+  if (error instanceof import_viem.InsufficientFundsError) {
+    return { type: "insufficient_funds" };
+  }
+  if (error instanceof import_viem.ContractFunctionRevertedError) {
+    return { type: "contract_reverted", reason: error.reason ?? error.message };
+  }
+  if (error instanceof import_viem.WaitForTransactionReceiptTimeoutError && ctx?.hash) {
+    return { type: "timeout", hash: ctx.hash };
+  }
+  return { type: "unknown", cause: error };
+}
+
+// src/shared/core/blockchain/abis/erc20.ts
+var ERC20_ABI = [
+  {
+    type: "function",
+    name: "allowance",
+    inputs: [
+      { name: "owner", type: "address" },
+      { name: "spender", type: "address" }
+    ],
+    outputs: [{ name: "", type: "uint256" }],
+    stateMutability: "view"
+  },
+  {
+    type: "function",
+    name: "approve",
+    inputs: [
+      { name: "spender", type: "address" },
+      { name: "amount", type: "uint256" }
+    ],
+    outputs: [{ name: "", type: "bool" }],
+    stateMutability: "nonpayable"
+  },
+  {
+    type: "function",
+    name: "balanceOf",
+    inputs: [{ name: "account", type: "address" }],
+    outputs: [{ name: "", type: "uint256" }],
+    stateMutability: "view"
+  },
+  {
+    type: "function",
+    name: "decimals",
+    inputs: [],
+    outputs: [{ name: "", type: "uint8" }],
+    stateMutability: "view"
+  },
+  {
+    type: "function",
+    name: "name",
+    inputs: [],
+    outputs: [{ name: "", type: "string" }],
+    stateMutability: "view"
+  },
+  {
+    type: "function",
+    name: "symbol",
+    inputs: [],
+    outputs: [{ name: "", type: "string" }],
+    stateMutability: "view"
+  },
+  {
+    type: "function",
+    name: "totalSupply",
+    inputs: [],
+    outputs: [{ name: "", type: "uint256" }],
+    stateMutability: "view"
+  },
+  {
+    type: "function",
+    name: "transfer",
+    inputs: [
+      { name: "recipient", type: "address" },
+      { name: "amount", type: "uint256" }
+    ],
+    outputs: [{ name: "", type: "bool" }],
+    stateMutability: "nonpayable"
+  },
+  {
+    type: "function",
+    name: "transferFrom",
+    inputs: [
+      { name: "sender", type: "address" },
+      { name: "recipient", type: "address" },
+      { name: "amount", type: "uint256" }
+    ],
+    outputs: [{ name: "", type: "bool" }],
+    stateMutability: "nonpayable"
+  },
+  {
+    type: "event",
+    name: "Approval",
+    inputs: [
+      { name: "owner", type: "address", indexed: true },
+      { name: "spender", type: "address", indexed: true },
+      { name: "value", type: "uint256", indexed: false }
+    ],
+    anonymous: false
+  },
+  {
+    type: "event",
+    name: "Transfer",
+    inputs: [
+      { name: "from", type: "address", indexed: true },
+      { name: "to", type: "address", indexed: true },
+      { name: "value", type: "uint256", indexed: false }
+    ],
+    anonymous: false
+  }
+];
+
+// src/client/core/blockchain/erc20-approval.ts
+async function submitErc20Approval(args) {
+  const {
+    wallet,
+    tokenAddress,
+    spender,
+    chain,
+    value,
+    pending,
+    confirming,
+    emit
+  } = args;
+  emit(pending);
+  let hash;
+  try {
+    hash = await wallet.writeContract({
+      abi: ERC20_ABI,
+      address: tokenAddress,
+      functionName: "approve",
+      args: [spender, value],
+      chain
+    });
+  } catch (error) {
+    return {
+      type: "error",
+      error: { step: "approval", cause: classifyWalletError(error) }
     };
-    const page = await fetchPage(params);
-    items.push(...page.data);
-    cursor = page.startingAfter;
-  } while (cursor);
-  return items;
+  }
+  emit(confirming);
+  let receipt;
+  try {
+    receipt = await wallet.awaitTx(hash, chain);
+  } catch (error) {
+    return {
+      type: "error",
+      error: { step: "approval", cause: classifyWalletError(error, { hash }) }
+    };
+  }
+  if (receipt.status !== "success") {
+    return { type: "error", error: { step: "approval-reverted" } };
+  }
+  return { type: "ok", txHash: hash };
 }
-var PaginatedResponse = {
-  fromDto: (dto, itemMapper) => ({
-    data: dto.data.map(itemMapper),
-    startingAfter: dto.starting_after ? Cursor(dto.starting_after) : null,
-    startingBefore: dto.starting_before ? Cursor(dto.starting_before) : null
-  })
+
+// src/shared/core/blockchain/abis/superstate-swap.ts
+var SUPERSTATE_SWAP_ABI = [
+  {
+    type: "function",
+    name: "authorized",
+    inputs: [{ name: "user", type: "address", internalType: "address" }],
+    outputs: [{ name: "", type: "bool", internalType: "bool" }],
+    stateMutability: "view"
+  },
+  {
+    type: "function",
+    name: "stopped",
+    inputs: [],
+    outputs: [{ name: "", type: "uint256", internalType: "uint256" }],
+    stateMutability: "view"
+  },
+  {
+    type: "function",
+    name: "SWAP_LEVEL",
+    inputs: [],
+    outputs: [{ name: "", type: "uint256", internalType: "uint256" }],
+    stateMutability: "view"
+  },
+  {
+    type: "function",
+    name: "preview",
+    inputs: [
+      { name: "token", type: "address", internalType: "address" },
+      { name: "amount", type: "uint256", internalType: "uint256" }
+    ],
+    outputs: [
+      {
+        name: "",
+        type: "tuple",
+        internalType: "struct Preview",
+        components: [
+          { name: "input", type: "uint256", internalType: "uint256" },
+          { name: "fee", type: "uint256", internalType: "uint256" },
+          { name: "output", type: "uint256", internalType: "uint256" }
+        ]
+      }
+    ],
+    stateMutability: "view"
+  },
+  {
+    type: "function",
+    name: "swap",
+    inputs: [
+      { name: "token", type: "address", internalType: "address" },
+      { name: "amount", type: "uint256", internalType: "uint256" },
+      { name: "slip", type: "uint256", internalType: "uint256" }
+    ],
+    outputs: [{ name: "", type: "uint256", internalType: "uint256" }],
+    stateMutability: "nonpayable"
+  },
+  {
+    type: "function",
+    name: "tokenBalance",
+    inputs: [{ name: "token", type: "address", internalType: "address" }],
+    outputs: [{ name: "", type: "uint256", internalType: "uint256" }],
+    stateMutability: "view"
+  },
+  {
+    type: "function",
+    name: "outputToken",
+    inputs: [],
+    outputs: [{ name: "", type: "address", internalType: "address" }],
+    stateMutability: "view"
+  },
+  {
+    type: "function",
+    name: "outputTokenBalance",
+    inputs: [],
+    outputs: [{ name: "", type: "uint256", internalType: "uint256" }],
+    stateMutability: "view"
+  },
+  {
+    type: "function",
+    name: "totals",
+    inputs: [{ name: "token", type: "address", internalType: "address" }],
+    outputs: [
+      {
+        name: "",
+        type: "tuple",
+        internalType: "struct SwapTotal",
+        components: [
+          { name: "inputSum", type: "uint256", internalType: "uint256" },
+          { name: "feeSum", type: "uint256", internalType: "uint256" },
+          { name: "outputSum", type: "uint256", internalType: "uint256" },
+          { name: "count", type: "uint256", internalType: "uint256" }
+        ]
+      }
+    ],
+    stateMutability: "view"
+  },
+  {
+    type: "function",
+    name: "totals",
+    inputs: [
+      { name: "user", type: "address", internalType: "address" },
+      { name: "token", type: "address", internalType: "address" }
+    ],
+    outputs: [
+      {
+        name: "",
+        type: "tuple",
+        internalType: "struct SwapTotal",
+        components: [
+          { name: "inputSum", type: "uint256", internalType: "uint256" },
+          { name: "feeSum", type: "uint256", internalType: "uint256" },
+          { name: "outputSum", type: "uint256", internalType: "uint256" },
+          { name: "count", type: "uint256", internalType: "uint256" }
+        ]
+      }
+    ],
+    stateMutability: "view"
+  },
+  {
+    type: "function",
+    name: "transfer",
+    inputs: [
+      { name: "to", type: "address", internalType: "address" },
+      { name: "amount", type: "uint256", internalType: "uint256" }
+    ],
+    outputs: [{ name: "", type: "bool", internalType: "bool" }],
+    stateMutability: "nonpayable"
+  },
+  {
+    type: "function",
+    name: "transfer",
+    inputs: [
+      { name: "to", type: "address", internalType: "address" },
+      { name: "token", type: "address", internalType: "address" },
+      { name: "amount", type: "uint256", internalType: "uint256" }
+    ],
+    outputs: [{ name: "", type: "bool", internalType: "bool" }],
+    stateMutability: "nonpayable"
+  },
+  {
+    type: "function",
+    name: "setBps",
+    inputs: [{ name: "points", type: "uint256", internalType: "uint256" }],
+    outputs: [{ name: "", type: "bool", internalType: "bool" }],
+    stateMutability: "nonpayable"
+  },
+  {
+    type: "event",
+    name: "Swapped",
+    inputs: [
+      { name: "user", type: "address", indexed: true, internalType: "address" },
+      {
+        name: "inputToken",
+        type: "address",
+        indexed: true,
+        internalType: "address"
+      },
+      {
+        name: "outputToken",
+        type: "address",
+        indexed: true,
+        internalType: "address"
+      },
+      {
+        name: "inputAmount",
+        type: "uint256",
+        indexed: false,
+        internalType: "uint256"
+      },
+      {
+        name: "outputAmount",
+        type: "uint256",
+        indexed: false,
+        internalType: "uint256"
+      }
+    ],
+    anonymous: false
+  },
+  {
+    type: "event",
+    name: "Transferred",
+    inputs: [
+      { name: "to", type: "address", indexed: true, internalType: "address" },
+      {
+        name: "token",
+        type: "address",
+        indexed: true,
+        internalType: "address"
+      },
+      {
+        name: "amount",
+        type: "uint256",
+        indexed: false,
+        internalType: "uint256"
+      }
+    ],
+    anonymous: false
+  },
+  {
+    type: "error",
+    name: "InvalidAddress",
+    inputs: []
+  },
+  {
+    type: "error",
+    name: "InsufficientAmount",
+    inputs: []
+  },
+  {
+    type: "error",
+    name: "InvalidAmount",
+    inputs: []
+  },
+  {
+    type: "error",
+    name: "SwapFailed",
+    inputs: [
+      { name: "user", type: "address", internalType: "address" },
+      { name: "token", type: "address", internalType: "address" }
+    ]
+  }
+];
+
+// src/shared/types/blockchain/core.ts
+var EvmWalletAddress = (value) => value;
+var EvmContractAddress = (value) => value;
+var HexEncodedTransactionData = (value) => value;
+var AssetDecimals = (value) => value;
+var MAX_UINT_256 = 2n ** 256n - 1n;
+var assertUint256 = (value) => {
+  if (value < 0n || value > MAX_UINT_256) {
+    throw new Error(`Value out of uint256 bounds: ${value}`);
+  }
+  return value;
 };
-var PaginationParams = {
-  toQueryParams: (params) => {
-    const queryParams = {};
-    if (params.after) {
-      queryParams.starting_after = params.after;
+var BlockchainAmount = Object.assign(
+  (value) => value,
+  {
+    add: (a, b) => combineAmounts(a, b, (x, y) => x + y),
+    sub: (a, b) => combineAmounts(a, b, (x, y) => x - y)
+  }
+);
+function combineAmounts(a, b, op) {
+  if (a.decimals !== b.decimals) {
+    throw new Error(
+      `Cannot combine BlockchainAmounts with different decimals: ${a.decimals} vs ${b.decimals}`
+    );
+  }
+  const raw = op(a.raw, b.raw);
+  if (raw < 0n || raw > MAX_UINT_256) {
+    throw new Error(`BlockchainAmount out of uint256 bounds: ${raw}`);
+  }
+  return BlockchainAmount({ raw, decimals: a.decimals });
+}
+var AssetSymbol = (value) => value;
+var StablecoinSymbol = (value) => value;
+var Bps = (value) => value;
+
+// src/shared/core/blockchain/bps.ts
+var BPS_DENOM = Bps(10000n);
+function applyBps(amount, bps) {
+  return assertUint256(amount * bps / BPS_DENOM);
+}
+
+// src/shared/core/blockchain/swap/math.ts
+function computePrice({
+  inputTokenAmount,
+  outputTokenAmount
+}) {
+  if (outputTokenAmount.raw === 0n) return null;
+  const scale = 10n ** BigInt(outputTokenAmount.decimals);
+  const raw = assertUint256(
+    inputTokenAmount.raw * scale / outputTokenAmount.raw
+  );
+  return BlockchainAmount({ raw, decimals: inputTokenAmount.decimals });
+}
+function computeSlip(amount, slippage) {
+  const retained = Bps(assertUint256(BPS_DENOM - slippage));
+  const slipRaw = applyBps(amount.raw, retained);
+  return BlockchainAmount({ raw: slipRaw, decimals: amount.decimals });
+}
+
+// src/shared/core/blockchain/swap/status.ts
+function isStopped(status) {
+  return (status.stopped & status.swapLevel) !== 0n;
+}
+
+// src/shared/core/blockchain/swap/swapped-event.ts
+var import_viem2 = require("viem");
+function decodeSwappedOutputAmount(receipt, outputDecimals) {
+  try {
+    const [swapped] = (0, import_viem2.parseEventLogs)({
+      abi: SUPERSTATE_SWAP_ABI,
+      eventName: "Swapped",
+      logs: receipt.logs
+    });
+    if (!swapped) return null;
+    const raw = swapped.args.outputAmount;
+    if (raw < 0n || raw > MAX_UINT_256) return null;
+    return BlockchainAmount({ raw, decimals: outputDecimals });
+  } catch {
+    return null;
+  }
+}
+
+// src/client/core/blockchain/swap-flows.ts
+async function executeSwap(params) {
+  const {
+    swap,
+    erc20,
+    wallet,
+    contractAddress,
+    chain,
+    inputTokenAddress,
+    quote,
+    slippageBps,
+    onProgress
+  } = params;
+  const emit = (phase) => onProgress?.(phase);
+  const inputAmount = BlockchainAmount.add(
+    quote.inputTokenAmount,
+    quote.fee
+  ).raw;
+  const minOut = computeSlip(quote.outputTokenAmount, slippageBps).raw;
+  emit("checking-status");
+  let status;
+  try {
+    status = await swap.getStatus({ contractAddress, chain });
+  } catch {
+    return { type: "error", error: { step: "status-check" } };
+  }
+  if (isStopped(status)) {
+    return { type: "error", error: { step: "swap-stopped" } };
+  }
+  emit("checking-allowance");
+  let allowance;
+  try {
+    allowance = await erc20.getTokenAllowance({
+      tokenAddress: inputTokenAddress,
+      owner: wallet.address,
+      spender: contractAddress,
+      chain
+    });
+  } catch {
+    return { type: "error", error: { step: "allowance-check" } };
+  }
+  if (allowance.allowance < inputAmount) {
+    if (allowance.allowance > 0n) {
+      const reset = await submitErc20Approval({
+        wallet,
+        tokenAddress: inputTokenAddress,
+        spender: contractAddress,
+        chain,
+        value: 0n,
+        pending: "resetting-allowance",
+        confirming: "confirming-allowance-reset",
+        emit
+      });
+      if (reset.type === "error") return { type: "error", error: reset.error };
     }
-    if (params.before) {
-      queryParams.starting_before = params.before;
+    const approve = await submitErc20Approval({
+      wallet,
+      tokenAddress: inputTokenAddress,
+      spender: contractAddress,
+      chain,
+      value: inputAmount,
+      pending: "approving",
+      confirming: "confirming-approval",
+      emit
+    });
+    if (approve.type === "error")
+      return { type: "error", error: approve.error };
+  }
+  emit("swapping");
+  let swapTxHash;
+  try {
+    swapTxHash = await wallet.writeContract({
+      abi: SUPERSTATE_SWAP_ABI,
+      address: contractAddress,
+      functionName: "swap",
+      args: [inputTokenAddress, inputAmount, minOut],
+      chain
+    });
+  } catch (error) {
+    return {
+      type: "error",
+      error: { step: "swap", cause: classifyWalletError(error) }
+    };
+  }
+  emit("confirming-swap");
+  let receipt;
+  try {
+    receipt = await wallet.awaitTx(swapTxHash, chain);
+  } catch (error) {
+    return {
+      type: "error",
+      error: {
+        step: "swap",
+        cause: classifyWalletError(error, { hash: swapTxHash })
+      }
+    };
+  }
+  if (receipt.status !== "success") {
+    return { type: "error", error: { step: "swap-reverted" } };
+  }
+  const outputAmount = decodeSwappedOutputAmount(receipt, quote.outputTokenAmount.decimals) ?? quote.outputTokenAmount;
+  const finalQuote = { ...quote, outputTokenAmount: outputAmount };
+  return {
+    type: "success",
+    swapTxHash,
+    inputAmount: finalQuote.inputTokenAmount,
+    fee: finalQuote.fee,
+    outputAmount,
+    pricePerShare: computePrice(finalQuote),
+    recipientAddress: wallet.address
+  };
+}
+async function authorizeWallet(params) {
+  const { swap, wallet, offerId, contractAddress, chain, onProgress } = params;
+  const emit = (phase) => onProgress?.(phase);
+  const walletAddress = wallet.address;
+  emit("checking-authorization");
+  let auth;
+  try {
+    auth = await swap.getAuthorization({
+      walletAddress,
+      contractAddress,
+      chain
+    });
+  } catch {
+    return { type: "error", error: { step: "authorization-check" } };
+  }
+  if (auth.authorized) return { type: "success" };
+  emit("requesting-challenge");
+  let challenge;
+  try {
+    challenge = await swap.requestWalletOwnershipChallenge({
+      walletAddress,
+      chain,
+      challengeType: "plain"
+    });
+  } catch {
+    return { type: "error", error: { step: "challenge-request" } };
+  }
+  emit("signing-message");
+  let signature;
+  try {
+    signature = await wallet.signMessage(challenge.message);
+  } catch (error) {
+    return {
+      type: "error",
+      error: { step: "signing", cause: classifyWalletError(error) }
+    };
+  }
+  emit("submitting-signature");
+  let allow;
+  try {
+    allow = await swap.allowWallet({
+      offerId,
+      walletAddress,
+      chain,
+      signature
+    });
+  } catch {
+    return { type: "error", error: { step: "allow-wallet" } };
+  }
+  if (allow.action === "broadcast_transaction") {
+    emit("broadcasting-transaction");
+    let hash;
+    try {
+      hash = await wallet.broadcastRawTx({
+        to: allow.to,
+        data: allow.data,
+        chain
+      });
+    } catch (error) {
+      return {
+        type: "error",
+        error: { step: "broadcast", cause: classifyWalletError(error) }
+      };
     }
-    if (params.limit) {
-      queryParams.limit = params.limit;
+    emit("awaiting-confirmation");
+    try {
+      await wallet.awaitTx(hash, chain);
+    } catch (error) {
+      return {
+        type: "error",
+        error: {
+          step: "broadcast",
+          cause: classifyWalletError(error, { hash })
+        }
+      };
     }
-    return queryParams;
   }
-};
+  emit("verifying-authorization");
+  let reCheck;
+  try {
+    reCheck = await swap.getAuthorization({
+      walletAddress,
+      contractAddress,
+      chain
+    });
+  } catch {
+    return { type: "error", error: { step: "authorization-check" } };
+  }
+  if (!reCheck.authorized) {
+    return { type: "error", error: { step: "not-authorized" } };
+  }
+  return { type: "success" };
+}
 
-// src/shared/types/offer.ts
-var OfferId = (value) => value;
-var OfferSlug = (value) => value;
-var Offer = {
+// src/shared/types/swap.ts
+var SwapAuthorization = {
   fromDto: (dto) => ({
-    id: OfferId(dto.id),
-    slug: OfferSlug(dto.slug),
-    tagline: notBlankStringOrNull(dto.tagline),
-    bannerUrl: notBlankStringOrNull(dto.banner_url),
-    logoUrl: notBlankStringOrNull(dto.logo_url),
-    startsAt: new Date(dto.starts_at),
-    endsAt: new Date(dto.ends_at)
+    authorized: dto.authorized
   })
 };
-
-// src/shared/types/asset.ts
-var AssetId = (value) => value;
-var AssetCode = (value) => value;
-var Asset = {
+var SwapPreview = {
   fromDto: (dto) => ({
-    id: AssetId(dto.id),
-    code: AssetCode(dto.code),
-    name: dto.name,
-    fractionalDigits: dto.fractional_digits
+    inputAmount: assertUint256(BigInt(dto.pay_input_amount)),
+    fee: assertUint256(BigInt(dto.fee)),
+    outputAmount: assertUint256(BigInt(dto.receive_output_amount))
   })
 };
-
-// src/shared/types/offer-detail.ts
-var OfferOptionId = (value) => value;
-var OfferOptionSlug = (value) => value;
-var OfferDetail = {
-  fromDto: (dto) => {
-    if (!Array.isArray(dto.funding_assets)) {
-      throw new Error(`funding_assets must be an array`);
-    }
-    if (!Array.isArray(dto.options)) {
+var SwapStatus = {
+  fromDto: (dto) => ({
+    stopped: assertUint256(BigInt(dto.stopped)),
+    swapLevel: assertUint256(BigInt(dto.swap_level))
+  })
+};
+var TokenAllowance = {
+  fromDto: (dto) => ({
+    allowance: assertUint256(BigInt(dto.allowance))
+  })
+};
+var TokenBalance = {
+  fromDto: (dto) => ({
+    balance: assertUint256(BigInt(dto.balance))
+  })
+};
+var AllowWalletResponse = {
+  fromDto: (dto) => {
+    switch (dto.action) {
+      case "broadcast_transaction":
+        return {
+          action: "broadcast_transaction",
+          to: EvmContractAddress(dto.to),
+          data: HexEncodedTransactionData(dto.data)
+        };
+      case "none":
+        return {
+          action: "none",
+          alreadyAllowed: dto.already_allowed
+        };
+      default: {
+        const _exhaustive = dto;
+        return _exhaustive;
+      }
+    }
+  }
+};
+
+// src/shared/api/frontline/swap.ts
+async function getSwapAuthorization(api, params) {
+  const dto = await api.send({
+    method: "GET",
+    url: "/v1/wallet/authorized",
+    queryParams: {
+      chain: params.chain,
+      contract_address: params.contractAddress,
+      wallet_address: params.walletAddress
+    },
+    attributes: Attributes.protected()
+  });
+  return SwapAuthorization.fromDto(dto);
+}
+async function getSwapOutputToken(api, params) {
+  const dto = await api.send({
+    method: "GET",
+    url: "/v1/swap/output-token",
+    queryParams: {
+      chain: params.chain,
+      contract_address: params.contractAddress
+    },
+    attributes: Attributes.protected()
+  });
+  return toErc20Asset(dto);
+}
+async function getSwapPreview(api, params) {
+  const dto = await api.send({
+    method: "GET",
+    url: "/v1/swap/preview",
+    queryParams: {
+      chain: params.chain,
+      contract_address: params.contractAddress,
+      input_token: params.inputToken,
+      amount: params.amount.toString()
+    },
+    attributes: Attributes.protected()
+  });
+  return SwapPreview.fromDto(dto);
+}
+async function getSwapStatus(api, params) {
+  const dto = await api.send({
+    method: "GET",
+    url: "/v1/swap/status",
+    queryParams: {
+      chain: params.chain,
+      contract_address: params.contractAddress
+    },
+    attributes: Attributes.protected()
+  });
+  return SwapStatus.fromDto(dto);
+}
+async function getTokenAllowance(api, params) {
+  const dto = await api.send({
+    method: "GET",
+    url: "/v1/token/allowance",
+    queryParams: {
+      chain: params.chain,
+      token_address: params.tokenAddress,
+      owner: params.owner,
+      spender: params.spender
+    },
+    attributes: Attributes.protected()
+  });
+  return TokenAllowance.fromDto(dto);
+}
+async function getTokenBalance(api, params) {
+  const dto = await api.send({
+    method: "GET",
+    url: "/v1/token/balance",
+    queryParams: {
+      chain: params.chain,
+      token_address: params.tokenAddress,
+      owner: params.owner
+    },
+    attributes: Attributes.protected()
+  });
+  return TokenBalance.fromDto(dto);
+}
+async function allowWallet(api, params) {
+  const dto = await api.send({
+    method: "POST",
+    url: `/v1/offers/${encodeURIComponent(params.offerId)}/allow-wallet`,
+    body: {
+      wallet_address: params.walletAddress,
+      chain: params.chain,
+      signature: params.signature
+    },
+    attributes: Attributes.protected()
+  });
+  return AllowWalletResponse.fromDto(dto);
+}
+function toErc20Asset(dto) {
+  return {
+    name: dto.name,
+    symbol: AssetSymbol(dto.symbol),
+    decimals: AssetDecimals(dto.decimals)
+  };
+}
+
+// src/shared/types/asset.ts
+var AssetId = (value) => value;
+var AssetCode = (value) => value;
+var Asset = {
+  fromDto: (dto) => ({
+    id: AssetId(dto.id),
+    code: AssetCode(dto.code),
+    name: dto.name,
+    fractionalDigits: dto.fractional_digits
+  })
+};
+
+// src/shared/types/offer.ts
+var OfferId = (value) => value;
+var OfferSlug = (value) => value;
+var Offer = {
+  fromDto: (dto) => ({
+    id: OfferId(dto.id),
+    slug: OfferSlug(dto.slug),
+    type: dto.type,
+    tagline: dto.tagline,
+    bannerUrl: dto.banner_url,
+    logoUrl: dto.logo_url,
+    startsAt: new Date(dto.starts_at),
+    endsAt: dto.ends_at ? new Date(dto.ends_at) : null
+  })
+};
+
+// src/shared/types/offer-detail.ts
+var OfferOptionId = (value) => value;
+var OfferOptionSlug = (value) => value;
+var OfferDetail = {
+  fromDto: (dto) => {
+    if (!Array.isArray(dto.funding_assets)) {
+      throw new Error(`funding_assets must be an array`);
+    }
+    if (!Array.isArray(dto.options)) {
       throw new Error(`options must be an array`);
     }
     if (!Array.isArray(dto.terms)) {
@@ -620,16 +1416,17 @@ var OfferDetail = {
     return {
       id: OfferId(dto.id),
       slug: OfferSlug(dto.slug),
+      type: dto.type,
       name: dto.name,
       asset: Asset.fromDto(dto.asset),
       fundingAssets: dto.funding_assets.map(Asset.fromDto),
       about: notBlankStringOrNull(dto.about),
-      tagline: notBlankStringOrNull(dto.tagline),
-      bannerUrl: notBlankStringOrNull(dto.banner_url),
-      logoUrl: notBlankStringOrNull(dto.logo_url),
-      category: notBlankStringOrNull(dto.category),
+      tagline: dto.tagline,
+      bannerUrl: dto.banner_url,
+      logoUrl: dto.logo_url,
+      category: dto.category,
       startsAt: new Date(dto.starts_at),
-      endsAt: new Date(dto.ends_at),
+      endsAt: dto.ends_at ? new Date(dto.ends_at) : null,
       faqs: dto.faqs.map(FaqItem.fromDto),
       links: dto.links.map(Link.fromDto),
       milestones: dto.milestones.map(Milestone.fromDto),
@@ -676,28 +1473,187 @@ var Milestone = {
   })
 };
 
-// src/shared/api/frontline/offers.ts
-async function fetchOffers(api) {
-  return fetchAllPages((params) => fetchOffersPage(api, params));
+// src/shared/types/offer-option-address.ts
+var OfferOptionAddressId = (value) => value;
+var OfferOptionAddress = {
+  /** Maps the API DTO into the SDK offer-option-address domain model. */
+  fromDto: (dto) => ({
+    id: OfferOptionAddressId(dto.id),
+    offerOptionId: OfferOptionId(dto.offer_option_id),
+    address: EvmWalletAddress(dto.address),
+    protocol: dto.protocol,
+    createdAt: new Date(dto.created_at)
+  })
+};
+var ConnectExternalWalletParams = {
+  /** Maps connect-wallet params into the API DTO payload. */
+  toDto: (params) => ({
+    offer_option_id: params.offerOptionId,
+    wallet_address: params.walletAddress,
+    chain: params.chain,
+    signature: params.signature
+  })
+};
+
+// src/shared/types/wallet-ownership-challenge.ts
+var WalletOwnershipChallenge = {
+  /** Maps the API DTO into the SDK wallet-ownership-challenge domain model. */
+  fromDto: (dto) => ({
+    message: dto.message,
+    expiresAt: new Date(dto.expires_at)
+  })
+};
+var CreateWalletOwnershipChallengeParams = {
+  /**
+   * Maps challenge-request params into the API DTO payload. The discriminated
+   * union guarantees SIWE fields are present exactly when `challengeType` is
+   * `siwe`, so the mapping narrows on the discriminant.
+   */
+  toDto: (params) => {
+    switch (params.challengeType) {
+      case "plain":
+        return {
+          wallet_address: params.walletAddress,
+          chain: params.chain,
+          challenge_type: "plain"
+        };
+      case "siwe":
+        return {
+          wallet_address: params.walletAddress,
+          chain: params.chain,
+          challenge_type: "siwe",
+          domain: params.domain,
+          uri: params.uri,
+          statement: params.statement
+        };
+      default: {
+        const _exhaustive = params;
+        return _exhaustive;
+      }
+    }
+  }
+};
+
+// src/shared/api/frontline/wallet-connect.ts
+async function createWalletOwnershipChallenge(api, params) {
+  const dto = await api.send({
+    method: "POST",
+    url: "/v1/wallet-ownership",
+    body: CreateWalletOwnershipChallengeParams.toDto(params),
+    attributes: Attributes.protected()
+  });
+  return WalletOwnershipChallenge.fromDto(dto);
 }
-async function fetchOffersPage(api, params) {
-  const queryParams = PaginationParams.toQueryParams(params);
-  const pageDto = await api.send({
+async function connectExternalWallet(api, offerId, params) {
+  const dto = await api.send({
+    method: "POST",
+    url: `/v1/offers/${offerId}/addresses`,
+    body: ConnectExternalWalletParams.toDto(params),
+    attributes: Attributes.protected()
+  });
+  return OfferOptionAddress.fromDto(dto);
+}
+async function listOptionAddresses(api, offerId, offerOptionId) {
+  const { data } = await api.send({
     method: "GET",
-    url: "/v1/offers",
-    queryParams,
+    url: `/v1/offers/${offerId}/addresses`,
+    queryParams: { offer_option_id: offerOptionId },
     attributes: Attributes.protected()
   });
-  return PaginatedResponse.fromDto(pageDto, Offer.fromDto);
+  return data.map(OfferOptionAddress.fromDto);
 }
-async function fetchOfferDetails(api, id) {
+async function removeOptionAddress(api, offerId, addressId) {
   const dto = await api.send({
-    method: "GET",
-    url: `/v1/offers/${id}`,
+    method: "DELETE",
+    url: `/v1/offers/${offerId}/addresses/${addressId}`,
     attributes: Attributes.protected()
   });
-  return OfferDetail.fromDto(dto);
+  return OfferOptionAddress.fromDto(dto);
+}
+
+// src/shared/core/swap-namespace.ts
+var SwapNamespaceImpl = class {
+  constructor(ctx) {
+    this.ctx = ctx;
+  }
+  async getAuthorization(params) {
+    await this.ctx.ensureUserAuthenticated();
+    return getSwapAuthorization(this.ctx.api, params);
+  }
+  async getPreview(params) {
+    await this.ctx.ensureUserAuthenticated();
+    return getSwapPreview(this.ctx.api, params);
+  }
+  async getStatus(params) {
+    await this.ctx.ensureUserAuthenticated();
+    return getSwapStatus(this.ctx.api, params);
+  }
+  async getOutputToken(params) {
+    await this.ctx.ensureUserAuthenticated();
+    return getSwapOutputToken(this.ctx.api, params);
+  }
+  async requestWalletOwnershipChallenge(params) {
+    await this.ctx.ensureUserAuthenticated();
+    return createWalletOwnershipChallenge(this.ctx.api, params);
+  }
+  async allowWallet(params) {
+    await this.ctx.ensureUserAuthenticated();
+    return allowWallet(this.ctx.api, params);
+  }
+};
+
+// src/client/core/client-swap-namespace.ts
+var ClientSwapNamespaceImpl = class extends SwapNamespaceImpl {
+  constructor(ctx, erc20) {
+    super(ctx);
+    this.erc20 = erc20;
+  }
+  executeSwap(params) {
+    return executeSwap({ ...params, swap: this, erc20: this.erc20 });
+  }
+  authorizeWallet(params) {
+    return authorizeWallet({ ...params, swap: this });
+  }
+};
+
+// src/shared/api/pagination.ts
+var Cursor = (value) => value;
+async function fetchAllPages(fetchPage, baseParams) {
+  const items = [];
+  let cursor = null;
+  do {
+    const params = {
+      ...baseParams ?? {},
+      after: cursor ?? void 0
+    };
+    const page = await fetchPage(params);
+    items.push(...page.data);
+    cursor = page.startingAfter;
+  } while (cursor);
+  return items;
 }
+var PaginatedResponse = {
+  fromDto: (dto, itemMapper) => ({
+    data: dto.data.map(itemMapper),
+    startingAfter: dto.starting_after ? Cursor(dto.starting_after) : null,
+    startingBefore: dto.starting_before ? Cursor(dto.starting_before) : null
+  })
+};
+var PaginationParams = {
+  toQueryParams: (params) => {
+    const queryParams = {};
+    if (params.after) {
+      queryParams.starting_after = params.after;
+    }
+    if (params.before) {
+      queryParams.starting_before = params.before;
+    }
+    if (params.limit) {
+      queryParams.limit = params.limit;
+    }
+    return queryParams;
+  }
+};
 
 // src/shared/types/participation.ts
 var ParticipationId = (value) => value;
@@ -746,6 +1702,85 @@ var CreateParticipationParams = {
   })
 };
 
+// src/client/core/blockchain/token-sale-flow.ts
+async function executeTokenSale(params) {
+  const {
+    erc20,
+    tokenSale,
+    wallet,
+    offerId,
+    offerOptionId,
+    assetId,
+    paymentTokenAddress,
+    fundingContractAddress,
+    chain,
+    amount,
+    onProgress
+  } = params;
+  const emit = (phase) => onProgress?.(phase);
+  emit("checking-allowance");
+  let currentAllowance;
+  try {
+    const allowance = await erc20.getTokenAllowance({
+      tokenAddress: paymentTokenAddress,
+      owner: wallet.address,
+      spender: fundingContractAddress,
+      chain
+    });
+    currentAllowance = allowance.allowance;
+  } catch {
+    return { type: "error", error: { step: "allowance-check" } };
+  }
+  if (currentAllowance > 0n) {
+    const reset = await submitErc20Approval({
+      wallet,
+      tokenAddress: paymentTokenAddress,
+      spender: fundingContractAddress,
+      chain,
+      value: 0n,
+      pending: "resetting-allowance",
+      confirming: "confirming-allowance-reset",
+      emit
+    });
+    if (reset.type === "error") {
+      return {
+        type: "error",
+        error: reset.error.step === "approval-reverted" ? { step: "allowance-reset-reverted" } : { step: "allowance-reset", cause: reset.error.cause }
+      };
+    }
+  }
+  const approve = await submitErc20Approval({
+    wallet,
+    tokenAddress: paymentTokenAddress,
+    spender: fundingContractAddress,
+    chain,
+    value: amount.raw,
+    pending: "approving",
+    confirming: "confirming-approval",
+    emit
+  });
+  if (approve.type === "error") {
+    return { type: "error", error: approve.error };
+  }
+  const approvalTxHash = approve.txHash;
+  emit("recording-participation");
+  let participation;
+  try {
+    participation = await tokenSale.createParticipation({
+      offerId,
+      offerOptionId,
+      chain: Blockchain(chain),
+      walletAddress: WalletAddress(wallet.address),
+      amount: amount.raw.toString(),
+      assetId,
+      approvalTransactionHash: approvalTxHash
+    });
+  } catch {
+    return { type: "error", error: { step: "participation", approvalTxHash } };
+  }
+  return { type: "success", participation, approvalTxHash };
+}
+
 // src/shared/api/frontline/participations.ts
 async function fetchParticipations(api, offerId) {
   return fetchAllPages(
@@ -780,53 +1815,217 @@ async function createParticipation(api, params) {
   return Participation.fromDto(dto);
 }
 
-// src/shared/types/requirement.ts
-var RequirementId = (value) => value;
-var Requirement = {
+// src/shared/core/token-sale-namespace.ts
+var TokenSaleNamespaceImpl = class {
+  constructor(ctx) {
+    this.ctx = ctx;
+  }
+  async fetchParticipations(offerId) {
+    await this.ctx.ensureUserAuthenticated();
+    return fetchParticipations(this.ctx.api, offerId);
+  }
+  async fetchParticipationsPage(params) {
+    await this.ctx.ensureUserAuthenticated();
+    return fetchParticipationsPage(this.ctx.api, params);
+  }
+  async fetchParticipation(id) {
+    await this.ctx.ensureUserAuthenticated();
+    return fetchParticipation(this.ctx.api, id);
+  }
+  async createParticipation(params) {
+    await this.ctx.ensureUserAuthenticated();
+    return createParticipation(this.ctx.api, params);
+  }
+};
+
+// src/client/core/client-token-sale-namespace.ts
+var ClientTokenSaleNamespaceImpl = class extends TokenSaleNamespaceImpl {
+  constructor(ctx, erc20) {
+    super(ctx);
+    this.erc20 = erc20;
+  }
+  executeTokenSale(params) {
+    return executeTokenSale({ ...params, erc20: this.erc20, tokenSale: this });
+  }
+};
+
+// src/shared/types/document-submission.ts
+var DocumentSubmission = {
   fromDto: (dto) => ({
-    id: RequirementId(dto.id),
-    type: dto.type,
-    details: dto.details
+    status: dto.status,
+    formType: dto.form_type
   })
 };
-var RequirementStatusInfo = {
-  fromStatusesDto: (dto) => Object.entries(dto.statuses).map(([id, status]) => ({
-    id: RequirementId(id),
-    status
-  }))
-};
 
-// src/shared/api/frontline/requirements.ts
-async function fetchOfferRequirements(api, offerId) {
-  const response = await api.send({
-    method: "GET",
-    url: `/v1/offers/${offerId}/requirements`,
+// src/shared/api/frontline/documents.ts
+async function submitDocument(api, documentType, fields) {
+  const dto = await api.send({
+    method: "POST",
+    url: `/v1/documents/${documentType}/submission`,
+    body: fields,
     attributes: Attributes.protected()
   });
-  return Object.fromEntries(
-    Object.entries(response.options).map(([optionId, list]) => [
-      optionId,
-      list.data.map(Requirement.fromDto)
-    ])
-  );
+  return DocumentSubmission.fromDto(dto);
 }
-async function fetchRequirementStatuses(api, offerId) {
-  const response = await api.send({
-    method: "GET",
-    url: `/v1/offers/${offerId}/requirements/statuses`,
+
+// src/shared/types/kyc.ts
+var KycToken = {
+  fromDto: (dto) => ({
+    token: dto.token
+  })
+};
+
+// src/shared/api/frontline/kyc.ts
+async function createKycToken(api, levelName, reset) {
+  const dto = await api.send({
+    method: "POST",
+    url: "/v1/kyc-token",
+    body: {
+      ...levelName === void 0 ? {} : { level_name: levelName },
+      ...reset === void 0 ? {} : { reset }
+    },
     attributes: Attributes.protected()
   });
-  return RequirementStatusInfo.fromStatusesDto(response);
+  return KycToken.fromDto(dto);
 }
 
-// src/shared/types/oauth.ts
-var AuthorizationCode = (value) => value;
-var CodeVerifier = (value) => value;
-var CodeChallenge = (value) => value;
-var PKCEState = (value) => value;
-
-// src/shared/pkce.ts
-async function generatePKCEParams(config) {
+// src/shared/api/frontline/offers.ts
+async function fetchOffers(api, clientCreds) {
+  return fetchAllPages((params) => fetchOffersPage(api, params, clientCreds));
+}
+async function fetchOffersPage(api, params, clientCreds) {
+  const queryParams = PaginationParams.toQueryParams(params);
+  const pageDto = await api.send({
+    method: "GET",
+    url: "/v1/offers",
+    queryParams,
+    attributes: Attributes.concat(
+      Attributes.protected(),
+      Attributes.clientCredentials(clientCreds)
+    )
+  });
+  return PaginatedResponse.fromDto(pageDto, Offer.fromDto);
+}
+async function fetchOfferDetails(api, id, clientCreds) {
+  const dto = await api.send({
+    method: "GET",
+    url: `/v1/offers/${id}`,
+    attributes: Attributes.concat(
+      Attributes.protected(),
+      Attributes.clientCredentials(clientCreds)
+    )
+  });
+  return OfferDetail.fromDto(dto);
+}
+
+// src/shared/types/pii.ts
+var Iso2CountryCode = (value) => value;
+var PiiJurisdiction = {
+  fromDto: (dto) => ({
+    iso2: Iso2CountryCode(dto.iso_2),
+    name: dto.name
+  })
+};
+var PiiAddress = {
+  fromDto: (dto) => ({
+    street: dto.street,
+    city: dto.city,
+    state: dto.state,
+    postalCode: dto.postal_code,
+    country: dto.country
+  })
+};
+var Pii = {
+  fromDto: (dto) => ({
+    kind: dto.kind,
+    fullLegalName: dto.full_legal_name,
+    dateOfBirth: dto.date_of_birth,
+    jurisdiction: dto.jurisdiction ? PiiJurisdiction.fromDto(dto.jurisdiction) : null,
+    taxId: dto.tax_id,
+    permanentAddress: PiiAddress.fromDto(dto.permanent_address)
+  })
+};
+
+// src/shared/api/frontline/pii.ts
+async function fetchPii(api) {
+  const dto = await api.send({
+    method: "GET",
+    url: "/v1/pii",
+    attributes: Attributes.protected()
+  });
+  return Pii.fromDto(dto);
+}
+
+// src/shared/types/requirement.ts
+var RequirementId = (value) => value;
+var Requirement = {
+  fromDto: (dto) => ({
+    id: RequirementId(dto.id),
+    type: dto.type,
+    details: dto.details
+  })
+};
+var RequirementStatusInfo = {
+  fromStatusesDto: (dto) => Object.entries(dto.statuses).map(
+    ([id, value]) => typeof value === "string" ? { id: RequirementId(id), status: value, action: null } : {
+      id: RequirementId(id),
+      status: value.status,
+      action: value.action ?? null,
+      kycLevel: value.kyc_level,
+      kycReset: value.kyc_reset
+    }
+  )
+};
+
+// src/shared/api/frontline/requirements.ts
+async function fetchOfferRequirements(api, offerId, clientCreds) {
+  const response = await api.send({
+    method: "GET",
+    url: `/v1/offers/${offerId}/requirements`,
+    attributes: Attributes.concat(
+      Attributes.protected(),
+      Attributes.clientCredentials(clientCreds)
+    )
+  });
+  return Object.fromEntries(
+    Object.entries(response.options).map(([optionId, list]) => [
+      optionId,
+      list.data.map(Requirement.fromDto)
+    ])
+  );
+}
+async function fetchRequirementStatuses(api, offerId) {
+  const response = await api.send({
+    method: "GET",
+    url: `/v1/offers/${offerId}/requirements/statuses`,
+    attributes: Attributes.protected()
+  });
+  return RequirementStatusInfo.fromStatusesDto(response);
+}
+
+// src/shared/core/erc20-namespace.ts
+var Erc20NamespaceImpl = class {
+  constructor(ctx) {
+    this.ctx = ctx;
+  }
+  async getTokenAllowance(params) {
+    await this.ctx.ensureUserAuthenticated();
+    return getTokenAllowance(this.ctx.api, params);
+  }
+  async getTokenBalance(params) {
+    await this.ctx.ensureUserAuthenticated();
+    return getTokenBalance(this.ctx.api, params);
+  }
+};
+
+// src/shared/types/oauth.ts
+var AuthorizationCode = (value) => value;
+var CodeVerifier = (value) => value;
+var CodeChallenge = (value) => value;
+var PKCEState = (value) => value;
+
+// src/shared/pkce.ts
+async function generatePKCEParams(config) {
   const state = generateSecureRandomBase64Url(32);
   const codeVerifier = generateSecureRandomBase64Url(32);
   const codeChallengeRaw = await sha256(codeVerifier);
@@ -865,6 +2064,13 @@ var CoinListClientImpl = class {
       },
       this.fetchAccessToken.bind(this)
     );
+    const ctx = {
+      api: this.api,
+      ensureUserAuthenticated: async () => this.ensureAuthenticated()
+    };
+    this.erc20 = new Erc20NamespaceImpl(ctx);
+    this.tokenSale = new ClientTokenSaleNamespaceImpl(ctx, this.erc20);
+    this.swap = new ClientSwapNamespaceImpl(ctx, this.erc20);
   }
   async init() {
     await this.fetchAccessToken(true);
@@ -936,40 +2142,56 @@ var CoinListClientImpl = class {
   }
   async fetchOffers() {
     this.ensureAuthenticated();
-    return fetchOffers(this.api);
+    return fetchOffers(this.api, void 0);
   }
   async fetchOffersPage(params) {
     this.ensureAuthenticated();
-    return fetchOffersPage(this.api, params);
+    return fetchOffersPage(this.api, params, void 0);
   }
   async fetchOfferDetails(id) {
     this.ensureAuthenticated();
-    return fetchOfferDetails(this.api, id);
+    return fetchOfferDetails(this.api, id, void 0);
   }
-  async fetchParticipations(offerId) {
+  async createWalletOwnershipChallenge(params) {
     this.ensureAuthenticated();
-    return fetchParticipations(this.api, offerId);
+    return createWalletOwnershipChallenge(this.api, params);
   }
-  async fetchParticipationsPage(params) {
+  async connectExternalWallet(offerId, params) {
     this.ensureAuthenticated();
-    return fetchParticipationsPage(this.api, params);
+    return connectExternalWallet(this.api, offerId, params);
   }
-  async fetchParticipation(id) {
+  async listOptionAddresses(offerId, offerOptionId) {
     this.ensureAuthenticated();
-    return fetchParticipation(this.api, id);
+    return listOptionAddresses(
+      this.api,
+      offerId,
+      offerOptionId
+    );
   }
-  async createParticipation(params) {
+  async removeOptionAddress(offerId, addressId) {
     this.ensureAuthenticated();
-    return createParticipation(this.api, params);
+    return removeOptionAddress(this.api, offerId, addressId);
   }
   async fetchOfferRequirements(offerId) {
     this.ensureAuthenticated();
-    return fetchOfferRequirements(this.api, offerId);
+    return fetchOfferRequirements(this.api, offerId, void 0);
   }
   async fetchRequirementStatuses(offerId) {
     this.ensureAuthenticated();
     return fetchRequirementStatuses(this.api, offerId);
   }
+  async fetchPii() {
+    this.ensureAuthenticated();
+    return fetchPii(this.api);
+  }
+  async submitDocument(documentType, fields) {
+    this.ensureAuthenticated();
+    return submitDocument(this.api, documentType, fields);
+  }
+  async createKycToken(levelName, reset) {
+    this.ensureAuthenticated();
+    return createKycToken(this.api, levelName, reset);
+  }
   handleRequirement(requirement) {
     const baseUrl = this._config.coinlistBaseUrl ?? COINLIST_BASE_URL;
     let path;
@@ -996,6 +2218,9 @@ var CoinListClientImpl = class {
       case "jurisdiction":
         path = null;
         break;
+      case "document":
+        path = null;
+        break;
       default: {
         const _exhaustive = requirement.type;
         return;
@@ -1021,7 +2246,7 @@ function createCoinListClient(config) {
 }
 
 // src/client/CoinListProvider.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime = require("react/jsx-runtime");
 var CoinListContext = (0, import_react.createContext)(null);
 function CoinListContextProvider({
   config,
@@ -1049,10 +2274,53 @@ function CoinListContextProvider({
     };
   }, [coinlist]);
   const value = (0, import_react.useMemo)(() => ({ coinlist, isReady }), [coinlist, isReady]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CoinListContext.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CoinListContext.Provider, { value, children });
 }
-function CoinListProvider({ config, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CoinListContextProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CoinListStyleScope, { children }) });
+var CoinListProvider = CoinListContextProvider;
+
+// src/client/CoinListStyleScope.tsx
+var import_react2 = require("react");
+
+// src/client/generated/sdk-styles.gen.ts
+var sdkStyles = '/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--clcosdk-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--clcosdk-color-red-400:oklch(70.4% .191 22.216);--clcosdk-color-red-500:oklch(63.7% .237 25.331);--clcosdk-color-amber-500:oklch(76.9% .188 70.08);--clcosdk-color-gray-400:oklch(70.7% .022 261.325);--clcosdk-color-gray-500:oklch(55.1% .027 264.364);--clcosdk-color-black:#000;--clcosdk-spacing:.25rem;--clcosdk-container-md:28rem;--clcosdk-text-xs:.75rem;--clcosdk-text-xs--line-height:calc(1 / .75);--clcosdk-text-sm:.875rem;--clcosdk-text-sm--line-height:calc(1.25 / .875);--clcosdk-text-base:1rem;--clcosdk-text-base--line-height:calc(1.5 / 1);--clcosdk-font-weight-normal:400;--clcosdk-font-weight-medium:500;--clcosdk-font-weight-semibold:600;--clcosdk-radius-md:.375rem;--clcosdk-radius-lg:.5rem;--clcosdk-radius-2xl:1rem;--clcosdk-ease-in-out:cubic-bezier(.4, 0, .2, 1);--clcosdk-animate-spin:spin 1s linear infinite;--clcosdk-animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--clcosdk-color-brand-primary:var(--color-brand-primary)}}@layer base{.clco-sdk-root{--color-brand-primary:#171717;--color-brand-primary-hover:#000;--color-brand-primary-active:#262626;--color-accent:#2b3a67;--color-accent-hover:#243057;--color-accent-active:#1d2647;--color-accent-focus:#c7d2fe;--color-accent-subtle:#eef1f8;--color-text-primary:#171717;--color-text-secondary:#8c8c8c;--color-text-disabled:#d1d1d1;--color-text-inverse:#fff;--color-background:#fff;--color-surface:#fafafa;--color-section:#f3f3f3;--color-border:#e5e5e5;--color-divider:#ececec;--color-overlay:#00000080;--color-positive:#15803d;--color-positive-subtle:#dcfce7;--color-negative:#dc2626;--color-negative-subtle:#fee2e2;--color-success:#2c8c5e;--color-success-subtle:#e6f4ec;--color-success-border:#cfe9db;--color-warning:#e08a1a;--color-warning-subtle:#fff7ed;--color-warning-border:#fdead7;--color-error:#b42318;--color-error-subtle:#feeceb;--color-error-border:#fbd5d2}@media (prefers-color-scheme:dark){.clco-sdk-root:not(:where(.light,.light *)){--color-brand-primary:#f4f4f5;--color-brand-primary-hover:#fff;--color-brand-primary-active:#e4e4e7;--color-accent:#6f82c9;--color-accent-hover:#8799e4;--color-accent-active:#5b6fcf;--color-accent-focus:#6f82c959;--color-accent-subtle:#6f82c91f;--color-text-primary:#f4f4f5;--color-text-secondary:#a1a1aa;--color-text-disabled:#71717a;--color-text-inverse:#171717;--color-background:#0f1115;--color-surface:#161a20;--color-section:#20242c;--color-border:#2a2e35;--color-divider:#323741;--color-overlay:#000000b3;--color-positive:#22c55e;--color-positive-subtle:#22c55e1f;--color-negative:#ef4444;--color-negative-subtle:#ef44441f;--color-success:#34d399;--color-success-subtle:#34d3991f;--color-success-border:#34d39940;--color-warning:#f59e0b;--color-warning-subtle:#f59e0b1f;--color-warning-border:#f59e0b40;--color-error:#f87171;--color-error-subtle:#f871711f;--color-error-border:#f8717140}}:where(.dark,.dark *) .clco-sdk-root{--color-brand-primary:#f4f4f5;--color-brand-primary-hover:#fff;--color-brand-primary-active:#e4e4e7;--color-accent:#6f82c9;--color-accent-hover:#8799e4;--color-accent-active:#5b6fcf;--color-accent-focus:#6f82c959;--color-accent-subtle:#6f82c91f;--color-text-primary:#f4f4f5;--color-text-secondary:#a1a1aa;--color-text-disabled:#71717a;--color-text-inverse:#171717;--color-background:#0f1115;--color-surface:#161a20;--color-section:#20242c;--color-border:#2a2e35;--color-divider:#323741;--color-overlay:#000000b3;--color-positive:#22c55e;--color-positive-subtle:#22c55e1f;--color-negative:#ef4444;--color-negative-subtle:#ef44441f;--color-success:#34d399;--color-success-subtle:#34d3991f;--color-success-border:#34d39940;--color-warning:#f59e0b;--color-warning-subtle:#f59e0b1f;--color-warning-border:#f59e0b40;--color-error:#f87171;--color-error-subtle:#f871711f;--color-error-border:#f8717140}.clco-sdk-root{color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.clco-sdk-root *,.clco-sdk-root :before,.clco-sdk-root :after{box-sizing:border-box}.clco-sdk-root button{appearance:none;cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;padding:0}.clco-sdk-root a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.clco-sdk-root ul,.clco-sdk-root ol{margin:0;padding:0;list-style:none}.clco-sdk-root img,.clco-sdk-root svg{max-width:100%;display:block}}@layer components;@layer utilities{.clcosdk\\:absolute{position:absolute}.clcosdk\\:fixed{position:fixed}.clcosdk\\:relative{position:relative}.clcosdk\\:inset-0{inset:calc(var(--clcosdk-spacing) * 0)}.clcosdk\\:top-4{top:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:right-4{right:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:z-50{z-index:50}.clcosdk\\:mt-4{margin-top:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:mb-6{margin-bottom:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:flex{display:flex}.clcosdk\\:grid{display:grid}.clcosdk\\:inline-flex{display:inline-flex}.clcosdk\\:h-3{height:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:h-4{height:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:h-5{height:calc(var(--clcosdk-spacing) * 5)}.clcosdk\\:h-6{height:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:h-9{height:calc(var(--clcosdk-spacing) * 9)}.clcosdk\\:h-11{height:calc(var(--clcosdk-spacing) * 11)}.clcosdk\\:h-12{height:calc(var(--clcosdk-spacing) * 12)}.clcosdk\\:h-14{height:calc(var(--clcosdk-spacing) * 14)}.clcosdk\\:h-28{height:calc(var(--clcosdk-spacing) * 28)}.clcosdk\\:h-52{height:calc(var(--clcosdk-spacing) * 52)}.clcosdk\\:h-\\[18px\\]{height:18px}.clcosdk\\:h-auto{height:auto}.clcosdk\\:h-full{height:100%}.clcosdk\\:max-h-\\[92vh\\]{max-height:92vh}.clcosdk\\:min-h-0{min-height:calc(var(--clcosdk-spacing) * 0)}.clcosdk\\:min-h-9{min-height:calc(var(--clcosdk-spacing) * 9)}.clcosdk\\:min-h-40{min-height:calc(var(--clcosdk-spacing) * 40)}.clcosdk\\:min-h-\\[2\\.4rem\\]{min-height:2.4rem}.clcosdk\\:w-4{width:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:w-5{width:calc(var(--clcosdk-spacing) * 5)}.clcosdk\\:w-6{width:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:w-12{width:calc(var(--clcosdk-spacing) * 12)}.clcosdk\\:w-16{width:calc(var(--clcosdk-spacing) * 16)}.clcosdk\\:w-28{width:calc(var(--clcosdk-spacing) * 28)}.clcosdk\\:w-48{width:calc(var(--clcosdk-spacing) * 48)}.clcosdk\\:w-80{width:calc(var(--clcosdk-spacing) * 80)}.clcosdk\\:w-96{width:calc(var(--clcosdk-spacing) * 96)}.clcosdk\\:w-\\[16px\\]{width:16px}.clcosdk\\:w-\\[448px\\]{width:448px}.clcosdk\\:w-auto{width:auto}.clcosdk\\:w-full{width:100%}.clcosdk\\:max-w-\\[22rem\\]{max-width:22rem}.clcosdk\\:max-w-\\[28rem\\]{max-width:28rem}.clcosdk\\:max-w-\\[30rem\\]{max-width:30rem}.clcosdk\\:max-w-\\[760px\\]{max-width:760px}.clcosdk\\:max-w-\\[1200px\\]{max-width:1200px}.clcosdk\\:max-w-md{max-width:var(--clcosdk-container-md)}.clcosdk\\:shrink-0{flex-shrink:0}.clcosdk\\:rotate-90{rotate:90deg}.clcosdk\\:animate-pulse{animation:var(--clcosdk-animate-pulse)}.clcosdk\\:animate-spin{animation:var(--clcosdk-animate-spin)}.clcosdk\\:cursor-pointer{cursor:pointer}.clcosdk\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.clcosdk\\:grid-rows-\\[0fr\\]{grid-template-rows:0fr}.clcosdk\\:grid-rows-\\[1fr\\]{grid-template-rows:1fr}.clcosdk\\:flex-col{flex-direction:column}.clcosdk\\:flex-wrap{flex-wrap:wrap}.clcosdk\\:items-center{align-items:center}.clcosdk\\:items-start{align-items:flex-start}.clcosdk\\:justify-between{justify-content:space-between}.clcosdk\\:justify-center{justify-content:center}.clcosdk\\:gap-1{gap:calc(var(--clcosdk-spacing) * 1)}.clcosdk\\:gap-2{gap:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:gap-3{gap:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:gap-4{gap:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:gap-5{gap:calc(var(--clcosdk-spacing) * 5)}.clcosdk\\:gap-6{gap:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:gap-8{gap:calc(var(--clcosdk-spacing) * 8)}.clcosdk\\:gap-\\[5px\\]{gap:5px}:where(.clcosdk\\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--clcosdk-spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--clcosdk-spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.clcosdk\\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--clcosdk-spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--clcosdk-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.clcosdk\\:divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.clcosdk\\:divide-border>:not(:last-child)){border-color:var(--color-border)}:where(.clcosdk\\:divide-divider>:not(:last-child)){border-color:var(--color-divider)}.clcosdk\\:self-start{align-self:flex-start}.clcosdk\\:overflow-hidden{overflow:hidden}.clcosdk\\:overflow-y-auto{overflow-y:auto}.clcosdk\\:rounded{border-radius:.25rem}.clcosdk\\:rounded-2xl{border-radius:var(--clcosdk-radius-2xl)}.clcosdk\\:rounded-btn{border-radius:12px}.clcosdk\\:rounded-card{border-radius:24px}.clcosdk\\:rounded-full{border-radius:3.40282e38px}.clcosdk\\:rounded-lg{border-radius:var(--clcosdk-radius-lg)}.clcosdk\\:rounded-md{border-radius:var(--clcosdk-radius-md)}.clcosdk\\:border{border-style:var(--tw-border-style);border-width:1px}.clcosdk\\:border-2{border-style:var(--tw-border-style);border-width:2px}.clcosdk\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.clcosdk\\:border-dashed{--tw-border-style:dashed;border-style:dashed}.clcosdk\\:border-accent\\/50{border-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.clcosdk\\:border-accent\\/50{border-color:color-mix(in oklab, var(--color-accent) 50%, transparent)}}.clcosdk\\:border-accent\\/60{border-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.clcosdk\\:border-accent\\/60{border-color:color-mix(in oklab, var(--color-accent) 60%, transparent)}}.clcosdk\\:border-amber-500{border-color:var(--clcosdk-color-amber-500)}.clcosdk\\:border-border,.clcosdk\\:border-border\\/60{border-color:var(--color-border)}@supports (color:color-mix(in lab, red, red)){.clcosdk\\:border-border\\/60{border-color:color-mix(in oklab, var(--color-border) 60%, transparent)}}.clcosdk\\:border-current{border-color:currentColor}.clcosdk\\:border-divider{border-color:var(--color-divider)}.clcosdk\\:border-error-border{border-color:var(--color-error-border)}.clcosdk\\:border-success-border{border-color:var(--color-success-border)}.clcosdk\\:border-warning-border{border-color:var(--color-warning-border)}.clcosdk\\:border-t-transparent{border-top-color:#0000}.clcosdk\\:bg-accent\\/10{background-color:var(--color-accent)}@supports (color:color-mix(in lab, red, red)){.clcosdk\\:bg-accent\\/10{background-color:color-mix(in oklab, var(--color-accent) 10%, transparent)}}.clcosdk\\:bg-background{background-color:var(--color-background)}.clcosdk\\:bg-black\\/50{background-color:var(--clcosdk-color-black)}@supports (color:color-mix(in lab, red, red)){.clcosdk\\:bg-black\\/50{background-color:color-mix(in oklab, var(--clcosdk-color-black) 50%, transparent)}}.clcosdk\\:bg-brand-primary{background-color:var(--color-brand-primary)}.clcosdk\\:bg-error-subtle{background-color:var(--color-error-subtle)}.clcosdk\\:bg-overlay{background-color:var(--color-overlay)}.clcosdk\\:bg-section{background-color:var(--color-section)}.clcosdk\\:bg-success-subtle{background-color:var(--color-success-subtle)}.clcosdk\\:bg-surface{background-color:var(--color-surface)}.clcosdk\\:bg-transparent{background-color:#0000}.clcosdk\\:bg-warning-subtle{background-color:var(--color-warning-subtle)}.clcosdk\\:bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.clcosdk\\:bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.clcosdk\\:from-surface{--tw-gradient-from:var(--color-surface);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.clcosdk\\:from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.clcosdk\\:via-section{--tw-gradient-via:var(--color-section);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.clcosdk\\:via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.clcosdk\\:to-background{--tw-gradient-to:var(--color-background);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.clcosdk\\:to-overlay\\/35{--tw-gradient-to:var(--color-overlay)}@supports (color:color-mix(in lab, red, red)){.clcosdk\\:to-overlay\\/35{--tw-gradient-to:color-mix(in oklab, var(--color-overlay) 35%, transparent)}}.clcosdk\\:to-overlay\\/35{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.clcosdk\\:object-cover{object-fit:cover}.clcosdk\\:p-0{padding:calc(var(--clcosdk-spacing) * 0)}.clcosdk\\:p-1\\.5{padding:calc(var(--clcosdk-spacing) * 1.5)}.clcosdk\\:p-3{padding:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:p-4{padding:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:p-6{padding:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:p-8{padding:calc(var(--clcosdk-spacing) * 8)}.clcosdk\\:px-2{padding-inline:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:px-3{padding-inline:calc(var(--clcosdk-spacing) * 3)}.clcosdk\\:px-4{padding-inline:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:px-5{padding-inline:calc(var(--clcosdk-spacing) * 5)}.clcosdk\\:px-6{padding-inline:calc(var(--clcosdk-spacing) * 6)}.clcosdk\\:py-2{padding-block:calc(var(--clcosdk-spacing) * 2)}.clcosdk\\:pt-4{padding-top:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:pt-14{padding-top:calc(var(--clcosdk-spacing) * 14)}.clcosdk\\:pb-4{padding-bottom:calc(var(--clcosdk-spacing) * 4)}.clcosdk\\:text-center{text-align:center}.clcosdk\\:text-left{text-align:left}.clcosdk\\:font-mono{font-family:var(--clcosdk-font-mono)}.clcosdk\\:text-base{font-size:var(--clcosdk-text-base);line-height:var(--tw-leading,var(--clcosdk-text-base--line-height))}.clcosdk\\:text-sm{font-size:var(--clcosdk-text-sm);line-height:var(--tw-leading,var(--clcosdk-text-sm--line-height))}.clcosdk\\:text-xs{font-size:var(--clcosdk-text-xs);line-height:var(--tw-leading,var(--clcosdk-text-xs--line-height))}.clcosdk\\:text-\\[11px\\]{font-size:11px}.clcosdk\\:text-\\[12px\\]{font-size:12px}.clcosdk\\:text-\\[14px\\]{font-size:14px}.clcosdk\\:text-\\[16px\\]{font-size:16px}.clcosdk\\:text-\\[18px\\]{font-size:18px}.clcosdk\\:text-\\[22px\\]{font-size:22px}.clcosdk\\:text-\\[28px\\]{font-size:28px}.clcosdk\\:text-\\[36px\\]{font-size:36px}.clcosdk\\:text-\\[48px\\]{font-size:48px}.clcosdk\\:text-\\[64px\\]{font-size:64px}.clcosdk\\:leading-\\[110\\%\\]{--tw-leading:110%;line-height:110%}.clcosdk\\:leading-\\[120\\%\\]{--tw-leading:120%;line-height:120%}.clcosdk\\:leading-\\[125\\%\\]{--tw-leading:125%;line-height:125%}.clcosdk\\:leading-\\[130\\%\\]{--tw-leading:130%;line-height:130%}.clcosdk\\:leading-\\[135\\%\\]{--tw-leading:135%;line-height:135%}.clcosdk\\:leading-\\[140\\%\\]{--tw-leading:140%;line-height:140%}.clcosdk\\:leading-\\[150\\%\\]{--tw-leading:150%;line-height:150%}.clcosdk\\:font-medium{--tw-font-weight:var(--clcosdk-font-weight-medium);font-weight:var(--clcosdk-font-weight-medium)}.clcosdk\\:font-normal{--tw-font-weight:var(--clcosdk-font-weight-normal);font-weight:var(--clcosdk-font-weight-normal)}.clcosdk\\:font-semibold{--tw-font-weight:var(--clcosdk-font-weight-semibold);font-weight:var(--clcosdk-font-weight-semibold)}.clcosdk\\:tracking-\\[0\\.12px\\]{--tw-tracking:.12px;letter-spacing:.12px}.clcosdk\\:tracking-\\[0\\.28px\\]{--tw-tracking:.28px;letter-spacing:.28px}.clcosdk\\:whitespace-nowrap{white-space:nowrap}.clcosdk\\:text-error{color:var(--color-error)}.clcosdk\\:text-success{color:var(--color-success)}.clcosdk\\:text-text-inverse{color:var(--color-text-inverse)}.clcosdk\\:text-text-primary{color:var(--color-text-primary)}.clcosdk\\:text-text-secondary{color:var(--color-text-secondary)}.clcosdk\\:text-warning{color:var(--color-warning)}.clcosdk\\:capitalize{text-transform:capitalize}.clcosdk\\:underline{text-decoration-line:underline}.clcosdk\\:underline-offset-2{text-underline-offset:2px}.clcosdk\\:underline-offset-4{text-underline-offset:4px}.clcosdk\\:opacity-60{opacity:.6}.clcosdk\\:shadow-\\[0_0_0_3px_rgba\\(59\\,130\\,246\\,0\\.2\\)\\]{--tw-shadow:0 0 0 3px var(--tw-shadow-color,#3b82f633);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-\\[0_0_0_3px_rgba\\(59\\,130\\,246\\,0\\.18\\)\\]{--tw-shadow:0 0 0 3px var(--tw-shadow-color,#3b82f62e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-\\[0_0_0_3px_rgba\\(59\\,130\\,246\\,0\\.25\\)\\]{--tw-shadow:0 0 0 3px var(--tw-shadow-color,#3b82f640);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-\\[0_10px_24px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 10px 24px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-\\[0_10px_24px_rgba\\(0\\,0\\,0\\,0\\.25\\)\\]{--tw-shadow:0 10px 24px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:shadow-card{--tw-shadow:0px 4px 6px -2px var(--tw-shadow-color,#0000000d), 0px 12px 24px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:transition-\\[grid-template-rows\\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.clcosdk\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.clcosdk\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.clcosdk\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.clcosdk\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.clcosdk\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.clcosdk\\:ease-in-out{--tw-ease:var(--clcosdk-ease-in-out);transition-timing-function:var(--clcosdk-ease-in-out)}@media (hover:hover){.clcosdk\\:hover\\:-translate-y-0\\.5:hover{--tw-translate-y:calc(var(--clcosdk-spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.clcosdk\\:hover\\:border-divider:hover{border-color:var(--color-divider)}.clcosdk\\:hover\\:bg-\\[\\#fcdcd8\\]:hover{background-color:#fcdcd8}.clcosdk\\:hover\\:bg-border:hover{background-color:var(--color-border)}.clcosdk\\:hover\\:bg-brand-primary:hover{background-color:var(--color-brand-primary)}.clcosdk\\:hover\\:bg-brand-primary-hover:hover{background-color:var(--color-brand-primary-hover)}.clcosdk\\:hover\\:bg-section:hover{background-color:var(--color-section)}.clcosdk\\:hover\\:bg-surface:hover{background-color:var(--color-surface)}.clcosdk\\:hover\\:text-\\[\\#8b1a13\\]:hover{color:#8b1a13}.clcosdk\\:hover\\:text-text-primary:hover{color:var(--color-text-primary)}.clcosdk\\:hover\\:underline:hover{text-decoration-line:underline}.clcosdk\\:hover\\:shadow-\\[0px_14px_32px_-10px_rgba\\(0\\,0\\,0\\,0\\.35\\)\\]:hover{--tw-shadow:0px 14px 32px -10px var(--tw-shadow-color,#00000059);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.clcosdk\\:focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.clcosdk\\:focus-visible\\:ring-accent-focus:focus-visible{--tw-ring-color:var(--color-accent-focus)}.clcosdk\\:focus-visible\\:ring-gray-400:focus-visible{--tw-ring-color:var(--clcosdk-color-gray-400)}.clcosdk\\:focus-visible\\:ring-gray-500:focus-visible{--tw-ring-color:var(--clcosdk-color-gray-500)}.clcosdk\\:focus-visible\\:ring-red-400:focus-visible{--tw-ring-color:var(--clcosdk-color-red-400)}.clcosdk\\:focus-visible\\:ring-red-500:focus-visible{--tw-ring-color:var(--clcosdk-color-red-500)}.clcosdk\\:focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.clcosdk\\:focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.clcosdk\\:active\\:bg-\\[\\#d9d9d9\\]:active{background-color:#d9d9d9}.clcosdk\\:active\\:bg-\\[\\#f9c9c4\\]:active{background-color:#f9c9c4}.clcosdk\\:active\\:bg-border:active{background-color:var(--color-border)}.clcosdk\\:active\\:bg-brand-primary-active:active{background-color:var(--color-brand-primary-active)}.clcosdk\\:active\\:text-\\[\\#6d1510\\]:active{color:#6d1510}.clcosdk\\:disabled\\:pointer-events-none:disabled{pointer-events:none}.clcosdk\\:disabled\\:opacity-40:disabled{opacity:.4}@media (prefers-color-scheme:dark){@media (hover:hover){.clcosdk\\:dark\\:hover\\:bg-\\[rgba\\(248\\,113\\,113\\,0\\.20\\)\\]:not(:where(.light,.light *)):hover{background-color:#f8717133}}}@media (hover:hover){.clcosdk\\:dark\\:hover\\:bg-\\[rgba\\(248\\,113\\,113\\,0\\.20\\)\\]:where(.dark,.dark *):hover{background-color:#f8717133}}@media (prefers-color-scheme:dark){@media (hover:hover){.clcosdk\\:dark\\:hover\\:text-\\[\\#fca5a5\\]:not(:where(.light,.light *)):hover{color:#fca5a5}}}@media (hover:hover){.clcosdk\\:dark\\:hover\\:text-\\[\\#fca5a5\\]:where(.dark,.dark *):hover{color:#fca5a5}}@media (prefers-color-scheme:dark){.clcosdk\\:dark\\:active\\:bg-\\[rgba\\(248\\,113\\,113\\,0\\.30\\)\\]:not(:where(.light,.light *)):active{background-color:#f871714d}}.clcosdk\\:dark\\:active\\:bg-\\[rgba\\(248\\,113\\,113\\,0\\.30\\)\\]:where(.dark,.dark *):active{background-color:#f871714d}@media (prefers-color-scheme:dark){.clcosdk\\:dark\\:active\\:bg-divider:not(:where(.light,.light *)):active{background-color:var(--color-divider)}}.clcosdk\\:dark\\:active\\:bg-divider:where(.dark,.dark *):active{background-color:var(--color-divider)}@media (prefers-color-scheme:dark){.clcosdk\\:dark\\:active\\:text-\\[\\#f87171\\]:not(:where(.light,.light *)):active{color:#f87171}}.clcosdk\\:dark\\:active\\:text-\\[\\#f87171\\]:where(.dark,.dark *):active{color:#f87171}.clcosdk\\:\\[\\&_circle\\]\\:fill-error-subtle circle{fill:var(--color-error-subtle)}.clcosdk\\:\\[\\&_circle\\]\\:fill-success-subtle circle{fill:var(--color-success-subtle)}.clcosdk\\:\\[\\&_circle\\]\\:fill-warning-subtle circle{fill:var(--color-warning-subtle)}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}';
+
+// src/client/CoinListStyleScope.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ScopeContext = (0, import_react2.createContext)(false);
+function CoinListStyleScope({ children }) {
+  const alreadyScoped = (0, import_react2.useContext)(ScopeContext);
+  if (alreadyScoped) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("link", { rel: "preconnect", href: "https://fonts.googleapis.com" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "link",
+      {
+        rel: "preconnect",
+        href: "https://fonts.gstatic.com",
+        crossOrigin: "anonymous"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "link",
+      {
+        rel: "stylesheet",
+        href: "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "clco-sdk-root", style: { display: "contents" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "style",
+        {
+          href: "clco-sdk-styles",
+          precedence: "default",
+          dangerouslySetInnerHTML: { __html: sdkStyles }
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ScopeContext.Provider, { value: true, children })
+    ] })
+  ] });
 }
 
 // src/client/components/design-system/AlertBanner.tsx
@@ -1232,7 +2500,7 @@ function PoweredByCoinList({ className }) {
 
 // src/client/components/design-system/ClButton.tsx
 var import_class_variance_authority = require("class-variance-authority");
-var import_react2 = require("react");
+var import_react3 = require("react");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var buttonVariants = (0, import_class_variance_authority.cva)(
   "clcosdk:inline-flex clcosdk:items-center clcosdk:justify-center clcosdk:gap-3 clcosdk:whitespace-nowrap clcosdk:transition-colors clcosdk:focus-visible:outline-none clcosdk:focus-visible:ring-2 clcosdk:focus-visible:ring-offset-2 clcosdk:disabled:pointer-events-none clcosdk:disabled:opacity-40 clcosdk:cursor-pointer",
@@ -1284,7 +2552,7 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
     }
   }
 );
-var ClButton = (0, import_react2.forwardRef)(
+var ClButton = (0, import_react3.forwardRef)(
   ({
     className,
     variant,
@@ -1402,9 +2670,9 @@ function CoinListSignInButton({
 }
 
 // src/client/hooks/useCoinList.ts
-var import_react3 = require("react");
+var import_react4 = require("react");
 function useCoinList() {
-  const context = (0, import_react3.useContext)(CoinListContext);
+  const context = (0, import_react4.useContext)(CoinListContext);
   if (context === null) {
     throw new CoinListClientInitializationError();
   }
@@ -1432,7 +2700,7 @@ function CoinListSignInCard({
   const handleSignIn = onSignIn ?? (() => {
     void coinlist.startOAuth();
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
     "div",
     {
       className: cn(
@@ -1471,7 +2739,7 @@ function CoinListSignInCard({
         /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PoweredByCoinList, { className: "clcosdk:mt-4" })
       ]
     }
-  );
+  ) });
 }
 
 // src/client/components/offers/OfferCard.tsx
@@ -1486,7 +2754,7 @@ var OfferCardUi = {
     bannerUrl: offer.bannerUrl,
     logoUrl: offer.logoUrl,
     formattedStartsAt: monthYearFormatter.format(offer.startsAt),
-    formattedEndsAt: monthYearFormatter.format(offer.endsAt)
+    formattedEndsAt: offer.endsAt ? monthYearFormatter.format(offer.endsAt) : null
   })
 };
 function OfferCard({
@@ -1537,7 +2805,7 @@ function OfferCard({
         ),
         /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: cn(typeClasses.label, "clcosdk:text-text-primary"), children: offer.formattedStartsAt })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-1", children: [
+      offer.formattedEndsAt && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-1", children: [
         /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           "span",
           {
@@ -1545,7 +2813,13 @@ function OfferCard({
             children: "Ends"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: cn(typeClasses.label, "clcosdk:text-text-primary"), children: offer.formattedEndsAt })
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "span",
+          {
+            className: cn(typeClasses.label, "clcosdk:text-text-primary"),
+            children: offer.formattedEndsAt
+          }
+        )
       ] })
     ] })
   ] });
@@ -1565,154 +2839,712 @@ function OfferCard({
         onClick,
         children: cardContent
       }
-    );
-  } else {
-    cardNode = /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: baseClasses, children: cardContent });
-  }
-  if (!containerClassName) {
-    return cardNode;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: containerClassName, children: cardNode });
+    );
+  } else {
+    cardNode = /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: baseClasses, children: cardContent });
+  }
+  const card = containerClassName ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: containerClassName, children: cardNode }) : cardNode;
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CoinListStyleScope, { children: card });
+}
+
+// src/client/hooks/useOffers.ts
+var import_react5 = require("react");
+var LOADING_STATE = { type: "LOADING" };
+function useOffers(options = {}) {
+  const { coinlist, isReady } = useCoinList();
+  const { data: serverOffers } = options;
+  const [offersState, setOffersState] = (0, import_react5.useState)(
+    serverOffers !== void 0 ? { type: "CONTENT", offers: serverOffers } : LOADING_STATE
+  );
+  (0, import_react5.useEffect)(() => {
+    let isCancelled = false;
+    if (!isReady) {
+      if (serverOffers === void 0) {
+        setOffersState(LOADING_STATE);
+      }
+      return () => {
+        isCancelled = true;
+      };
+    }
+    if (serverOffers !== void 0) {
+      return () => {
+        isCancelled = true;
+      };
+    }
+    setOffersState(LOADING_STATE);
+    coinlist.fetchOffers().then((offers) => {
+      if (!isCancelled) {
+        setOffersState({ type: "CONTENT", offers });
+      }
+    }).catch((error) => {
+      if (!isCancelled) {
+        const reason = error instanceof NotAuthenticatedError ? "not-authenticated" : "generic-error";
+        setOffersState({ type: "ERROR", reason });
+      }
+    });
+    return () => {
+      isCancelled = true;
+    };
+  }, [coinlist, isReady, serverOffers]);
+  return { offersState };
+}
+
+// src/client/components/offers/OffersGrid.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var DEFAULT_MAX_COLUMNS = 3;
+function OffersGridBody({
+  data,
+  maxColumns,
+  className,
+  containerClassName,
+  loading,
+  error,
+  emptyState,
+  onOfferClick
+} = {}) {
+  const { offersState } = useOffers({ data });
+  const cols = Math.max(1, maxColumns ?? DEFAULT_MAX_COLUMNS);
+  if (offersState.type === "LOADING") {
+    if (loading) {
+      return loading;
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      "output",
+      {
+        "aria-live": "polite",
+        className: "clcosdk:flex clcosdk:min-h-40 clcosdk:items-center clcosdk:justify-center clcosdk:rounded-2xl clcosdk:border clcosdk:border-border clcosdk:bg-background clcosdk:p-6",
+        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Loading offers..." })
+      }
+    );
+  }
+  if (offersState.type === "ERROR") {
+    if (error) {
+      return error;
+    }
+    const errorMessage = offersState.reason === "not-authenticated" ? "Sign in to view available offers." : "Unable to load offers right now. Please try again.";
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      AlertBanner,
+      {
+        variant: "error",
+        icon: true,
+        content: errorMessage,
+        className: "clcosdk:w-full clcosdk:max-w-[28rem]"
+      }
+    );
+  }
+  if (offersState.offers.length === 0) {
+    if (emptyState) {
+      return emptyState;
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+      "output",
+      {
+        "aria-live": "polite",
+        className: "clcosdk:flex clcosdk:min-h-40 clcosdk:flex-col clcosdk:items-center clcosdk:justify-center clcosdk:rounded-2xl clcosdk:border clcosdk:border-border clcosdk:bg-background clcosdk:p-6 clcosdk:text-center",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            "p",
+            {
+              className: cn(
+                typeClasses.body,
+                "clcosdk:font-medium clcosdk:text-text-primary"
+              ),
+              children: "No offers available"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: cn(typeClasses.subhead, "clcosdk:text-text-secondary"), children: "Check back soon for upcoming opportunities." })
+        ]
+      }
+    );
+  }
+  const maxGridWidth = `calc(${cols} * 28rem + ${Math.max(cols - 1, 0)} * 1.5rem)`;
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    "div",
+    {
+      className: cn(
+        "clcosdk:flex clcosdk:w-full clcosdk:justify-center",
+        containerClassName
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        "div",
+        {
+          className: cn("clcosdk:grid clcosdk:w-full clcosdk:gap-6", className),
+          style: {
+            gridTemplateColumns: "repeat(auto-fit, minmax(min(100%, 20rem), 1fr))",
+            maxWidth: maxGridWidth
+          },
+          children: offersState.offers.map((offer) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            OfferCard,
+            {
+              offer: OfferCardUi.fromDomain(offer),
+              onClick: onOfferClick ? () => onOfferClick(offer) : void 0
+            },
+            offer.id
+          ))
+        }
+      )
+    }
+  );
+}
+function OffersGrid(props = {}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(OffersGridBody, { ...props }) });
+}
+
+// src/client/components/requirements/ConnectedWalletList.tsx
+var import_react6 = require("react");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function ConnectedWalletRow({
+  wallet,
+  onRemove
+}) {
+  const [state, setState] = (0, import_react6.useState)("idle");
+  const remove = async () => {
+    if (!onRemove) return;
+    setState("removing");
+    try {
+      await onRemove(wallet.id);
+      setState("idle");
+    } catch {
+      setState("error");
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "clcosdk:flex clcosdk:min-h-9 clcosdk:flex-wrap clcosdk:items-center clcosdk:justify-between clcosdk:gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      "span",
+      {
+        title: wallet.address,
+        className: cn(
+          typeClasses.body,
+          "clcosdk:font-mono clcosdk:text-text-primary"
+        ),
+        children: wallet.shortAddress
+      }
+    ),
+    onRemove != null && (state === "confirming" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        "span",
+        {
+          className: cn(typeClasses.subhead, "clcosdk:text-text-secondary"),
+          children: "Remove?"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ClButton, { size: "sm", variant: "destructive", onClick: remove, children: "Remove" }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        ClButton,
+        {
+          size: "sm",
+          variant: "ghost",
+          onClick: () => setState("idle"),
+          children: "Cancel"
+        }
+      )
+    ] }) : state === "error" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: cn(typeClasses.subhead, "clcosdk:text-error"), children: "Couldn't remove." }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        ClButton,
+        {
+          size: "sm",
+          variant: "destructiveLink",
+          onClick: () => setState("confirming"),
+          children: "Try again"
+        }
+      )
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      ClButton,
+      {
+        size: "sm",
+        variant: "destructiveLink",
+        disabled: state === "removing",
+        onClick: () => setState("confirming"),
+        children: state === "removing" ? "Removing\u2026" : "Remove"
+      }
+    ))
+  ] });
+}
+function ConnectedWalletList({
+  wallets,
+  onRemove,
+  onAdd,
+  addLabel = "Add wallet",
+  status = "ready",
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    "div",
+    {
+      className: cn("clcosdk:flex clcosdk:flex-col clcosdk:gap-2", className),
+      children: [
+        status === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(AlertBanner, { variant: "info", content: "Loading your connected wallets\u2026" }) : status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          AlertBanner,
+          {
+            variant: "error",
+            content: "Couldn't load your connected wallets."
+          }
+        ) : wallets.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(AlertBanner, { variant: "info", content: "No wallets connected yet." }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:divide-y clcosdk:divide-divider", children: wallets.map((wallet) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          ConnectedWalletRow,
+          {
+            wallet,
+            onRemove
+          },
+          wallet.id
+        )) }),
+        onAdd != null && status !== "loading" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          ClButton,
+          {
+            size: "sm",
+            variant: "secondary",
+            onClick: onAdd,
+            className: "clcosdk:self-start",
+            children: addLabel
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/client/components/requirements/ConnectWalletModal.tsx
+var import_react8 = require("react");
+
+// src/client/hooks/useConnectWallet.ts
+var import_react7 = require("react");
+
+// src/client/core/connect-external-wallet.ts
+var DEFAULT_STATEMENT = "Sign this message to prove you own this wallet. This does not cost gas or move funds.";
+var TERMINAL_CODES = /* @__PURE__ */ new Set([
+  "not_authenticated",
+  "wallet_not_whitelisted",
+  "max_wallets_reached"
+]);
+var API_ERROR_CODES = /* @__PURE__ */ new Set([
+  "wallet_not_whitelisted",
+  "max_wallets_reached"
+]);
+function flowError(code) {
+  return { code, retryable: !TERMINAL_CODES.has(code) };
+}
+function siweContext() {
+  if (typeof window === "undefined") return { domain: "", uri: "" };
+  return { domain: window.location.host, uri: window.location.origin };
+}
+function apiErrorCode(error) {
+  if (typeof error !== "object" || error === null) return void 0;
+  const body = error.response?.body;
+  return typeof body?.code === "string" ? body.code : void 0;
+}
+function classifyApiError(error) {
+  if (error instanceof NotAuthenticatedError) {
+    return flowError("not_authenticated");
+  }
+  const code = apiErrorCode(error);
+  if (code !== void 0 && API_ERROR_CODES.has(code)) {
+    return flowError(code);
+  }
+  return flowError("unknown");
+}
+function challengeParams(wallet, challengeType, statement) {
+  switch (challengeType) {
+    case "siwe":
+      return {
+        walletAddress: wallet.address,
+        chain: wallet.chain,
+        challengeType: "siwe",
+        ...siweContext(),
+        statement: statement ?? DEFAULT_STATEMENT
+      };
+    case "plain":
+      return {
+        walletAddress: wallet.address,
+        chain: wallet.chain,
+        challengeType: "plain"
+      };
+    default: {
+      const _exhaustive = challengeType;
+      return _exhaustive;
+    }
+  }
+}
+async function connectExternalWalletFlow(params) {
+  const {
+    coinlist,
+    wallet,
+    offerId,
+    offerOptionId,
+    challengeType,
+    statement,
+    isCancelled,
+    onProgress
+  } = params;
+  const emit = (phase) => onProgress?.(phase);
+  const cancelled = () => isCancelled?.() ?? false;
+  emit("requesting-challenge");
+  let challenge;
+  try {
+    challenge = await coinlist.createWalletOwnershipChallenge(
+      challengeParams(wallet, challengeType ?? "siwe", statement)
+    );
+  } catch (error) {
+    return { type: "error", error: classifyApiError(error) };
+  }
+  if (cancelled()) return { type: "cancelled" };
+  emit("signing-message");
+  let signature;
+  try {
+    signature = await wallet.signMessage(challenge.message);
+  } catch (error) {
+    if (classifyWalletError(error).type === "user_rejected") {
+      return { type: "error", error: flowError("user_rejected") };
+    }
+    return { type: "error", error: flowError("unknown") };
+  }
+  if (cancelled()) return { type: "cancelled" };
+  emit("submitting-signature");
+  try {
+    const binding = await coinlist.connectExternalWallet(offerId, {
+      offerOptionId,
+      walletAddress: wallet.address,
+      chain: wallet.chain,
+      signature
+    });
+    return { type: "success", binding };
+  } catch (error) {
+    return { type: "error", error: classifyApiError(error) };
+  }
+}
+
+// src/client/hooks/useConnectWallet.ts
+var IDLE_SIGN = { type: "idle", error: null };
+var ERROR_COPY = {
+  not_authenticated: "Sign in to connect your wallet.",
+  user_rejected: "Signature request declined. Approve it in your wallet to continue.",
+  wallet_not_whitelisted: "This wallet is not approved for this offer.",
+  max_wallets_reached: "You've reached the maximum number of wallets for this option.",
+  unknown: "Unable to connect your wallet. Please try again."
+};
+function displayError(error) {
+  return {
+    code: error.code,
+    message: ERROR_COPY[error.code],
+    retryable: error.retryable
+  };
+}
+function useConnectWallet({
+  isOpen,
+  offerId,
+  offerOptionId,
+  wallet,
+  challengeType,
+  statement
+}) {
+  const { coinlist } = useCoinList();
+  const [state, setState] = (0, import_react7.useState)(
+    () => wallet ? { type: "READY", address: wallet.address, sign: IDLE_SIGN } : { type: "NEEDS_WALLET" }
+  );
+  const attempt = (0, import_react7.useRef)(0);
+  (0, import_react7.useEffect)(() => {
+    attempt.current += 1;
+    if (!isOpen) return;
+    setState(
+      wallet ? { type: "READY", address: wallet.address, sign: IDLE_SIGN } : { type: "NEEDS_WALLET" }
+    );
+  }, [isOpen, wallet?.address]);
+  (0, import_react7.useEffect)(
+    () => () => {
+      attempt.current += 1;
+    },
+    []
+  );
+  const onSign = (0, import_react7.useCallback)(() => {
+    if (!wallet || state.type !== "READY") return;
+    attempt.current += 1;
+    const gen = attempt.current;
+    setState({
+      type: "READY",
+      address: wallet.address,
+      sign: { type: "signing" }
+    });
+    connectExternalWalletFlow({
+      coinlist,
+      wallet,
+      offerId,
+      offerOptionId,
+      challengeType,
+      statement,
+      // Cancels the flow before signing / binding if this attempt is superseded.
+      isCancelled: () => attempt.current !== gen
+    }).then((result) => {
+      if (attempt.current !== gen) return;
+      if (result.type === "success") {
+        setState({ type: "CONNECTED", binding: result.binding });
+      } else if (result.type === "error") {
+        setState({
+          type: "READY",
+          address: wallet.address,
+          sign: { type: "idle", error: displayError(result.error) }
+        });
+      }
+    });
+  }, [
+    wallet,
+    state,
+    coinlist,
+    offerId,
+    offerOptionId,
+    challengeType,
+    statement
+  ]);
+  return { state, onSign };
+}
+
+// src/shared/core/blockchain/formatters.ts
+var import_viem3 = require("viem");
+
+// src/shared/types/blockchain/ui.ts
+var ShortenedWalletAddress = (value) => value;
+var FormattedAmountAssetUi = (value) => value;
+
+// src/shared/core/blockchain/formatters.ts
+function shortenAddress(address) {
+  const short = address.length > 10 ? `${address.slice(0, 6)}\u2026${address.slice(-4)}` : address;
+  return ShortenedWalletAddress(short);
+}
+var NA_AMOUNT_ASSET_UI = FormattedAmountAssetUi("-");
+var USD_FRACTION_DIGITS = AssetDecimals(2);
+
+// src/client/components/requirements/ConnectWalletModal.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function ConnectWalletModal({
+  isOpen,
+  onClose,
+  offerId,
+  optionId,
+  wallet,
+  onConnected,
+  onRequestConnect,
+  challengeType,
+  statement,
+  className
+}) {
+  const { state, onSign } = useConnectWallet({
+    isOpen,
+    offerId,
+    offerOptionId: optionId,
+    wallet,
+    challengeType,
+    statement
+  });
+  const titleId = (0, import_react8.useId)();
+  (0, import_react8.useEffect)(() => {
+    if (state.type === "CONNECTED") {
+      onConnected?.(state.binding);
+      onClose();
+    }
+  }, [state]);
+  if (!isOpen || state.type === "CONNECTED") return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "clcosdk:fixed clcosdk:inset-0 clcosdk:z-50 clcosdk:flex clcosdk:items-center clcosdk:justify-center clcosdk:bg-black/50 clcosdk:p-4", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    "div",
+    {
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": titleId,
+      className: cn(
+        "clcosdk:flex clcosdk:w-full clcosdk:max-w-md clcosdk:flex-col clcosdk:gap-6 clcosdk:rounded-2xl clcosdk:bg-background clcosdk:p-6",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "clcosdk:flex clcosdk:items-start clcosdk:justify-between clcosdk:gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            "h3",
+            {
+              id: titleId,
+              className: cn(typeClasses.h3, "clcosdk:text-text-primary"),
+              children: "Connect your wallet"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CloseButton, { onClick: onClose })
+        ] }),
+        state.type === "NEEDS_WALLET" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(NeedsWalletScreen, { onRequestConnect }),
+        state.type === "READY" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          ReadyScreen,
+          {
+            address: state.address,
+            sign: state.sign,
+            onSign,
+            onRequestConnect
+          }
+        )
+      ]
+    }
+  ) });
+}
+function NeedsWalletScreen({
+  onRequestConnect
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Connect an external wallet to prove ownership and bind it to this offer." }),
+    onRequestConnect && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ClButton, { fullWidth: true, onClick: onRequestConnect, children: "Connect wallet" })
+  ] });
+}
+function ReadyScreen({
+  address,
+  sign,
+  onSign,
+  onRequestConnect
+}) {
+  const hasTerminalError = sign.type === "idle" && sign.error !== null && !sign.error.retryable;
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Sign a message with your connected wallet to prove you own it. This does not cost gas or move any funds." }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-1 clcosdk:border-t clcosdk:border-divider clcosdk:pt-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: cn(typeClasses.label, "clcosdk:text-text-secondary"), children: "Wallet address" }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: cn(typeClasses.body, "clcosdk:text-text-primary"), children: shortenAddress(address) })
+    ] }),
+    sign.type === "idle" && sign.error && // Live region: the error is inserted async after a failed attempt, so
+    // screen readers need it announced rather than silently rendered.
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { role: "alert", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(AlertBanner, { variant: "error", icon: true, content: sign.error.message }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      ClButton,
+      {
+        fullWidth: true,
+        onClick: onSign,
+        isLoading: sign.type === "signing",
+        loadingText: "Waiting for signature...",
+        disabled: hasTerminalError,
+        children: "Sign & connect"
+      }
+    ),
+    onRequestConnect && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      ClButton,
+      {
+        fullWidth: true,
+        variant: "secondary",
+        onClick: onRequestConnect,
+        disabled: sign.type === "signing",
+        children: "Use a different wallet"
+      }
+    )
+  ] });
 }
 
-// src/client/hooks/useOffers.ts
-var import_react4 = require("react");
-var LOADING_STATE = { type: "LOADING" };
-function useOffers(options = {}) {
-  const { coinlist, isReady } = useCoinList();
-  const { data: serverOffers } = options;
-  const [offersState, setOffersState] = (0, import_react4.useState)(
-    serverOffers !== void 0 ? { type: "CONTENT", offers: serverOffers } : LOADING_STATE
-  );
-  (0, import_react4.useEffect)(() => {
-    let isCancelled = false;
-    if (!isReady) {
-      if (serverOffers === void 0) {
-        setOffersState(LOADING_STATE);
-      }
-      return () => {
-        isCancelled = true;
-      };
+// src/client/components/requirements/IdentityVerification.tsx
+var import_websdk_react = __toESM(require("@sumsub/websdk-react"), 1);
+var import_react10 = require("react");
+
+// src/client/hooks/useKycToken.ts
+var import_react9 = require("react");
+var IDLE_STATE = { type: "IDLE" };
+var LOADING_STATE2 = { type: "LOADING" };
+function useKycToken(levelName, reset) {
+  const { coinlist } = useCoinList();
+  const [kycTokenState, setKycTokenState] = (0, import_react9.useState)(IDLE_STATE);
+  const resetPendingRef = (0, import_react9.useRef)(reset === true);
+  const tokenIssuedRef = (0, import_react9.useRef)(false);
+  (0, import_react9.useEffect)(() => {
+    if (!tokenIssuedRef.current) {
+      resetPendingRef.current = reset === true;
     }
-    if (serverOffers !== void 0) {
-      return () => {
-        isCancelled = true;
-      };
+  }, [reset]);
+  const fetchToken = (0, import_react9.useCallback)(async () => {
+    setKycTokenState(LOADING_STATE2);
+    try {
+      const kycToken = await coinlist.createKycToken(
+        levelName,
+        resetPendingRef.current
+      );
+      resetPendingRef.current = false;
+      tokenIssuedRef.current = true;
+      setKycTokenState({ type: "CONTENT", token: kycToken.token });
+      return kycToken.token;
+    } catch (error) {
+      const reason = error instanceof NotAuthenticatedError ? "not-authenticated" : "generic-error";
+      setKycTokenState({ type: "ERROR", reason });
+      throw error;
     }
-    setOffersState(LOADING_STATE);
-    coinlist.fetchOffers().then((offers) => {
-      if (!isCancelled) {
-        setOffersState({ type: "CONTENT", offers });
-      }
-    }).catch((error) => {
-      if (!isCancelled) {
-        const reason = error instanceof NotAuthenticatedError ? "not-authenticated" : "generic-error";
-        setOffersState({ type: "ERROR", reason });
-      }
-    });
-    return () => {
-      isCancelled = true;
-    };
-  }, [coinlist, isReady, serverOffers]);
-  return { offersState };
+  }, [coinlist, levelName]);
+  return { kycTokenState, fetchToken };
 }
 
-// src/client/components/offers/OffersGrid.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var DEFAULT_MAX_COLUMNS = 3;
-function OffersGrid({
-  data,
-  maxColumns,
-  className,
-  containerClassName,
-  loading,
-  error,
-  emptyState,
-  onOfferClick
-} = {}) {
-  const { offersState } = useOffers({ data });
-  const cols = Math.max(1, maxColumns ?? DEFAULT_MAX_COLUMNS);
-  if (offersState.type === "LOADING") {
-    if (loading) {
-      return loading;
+// src/client/components/requirements/IdentityVerification.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function IdentityVerification({
+  levelName,
+  reset,
+  locale,
+  onSubmitted,
+  onError,
+  className
+}) {
+  const { kycTokenState, fetchToken } = useKycToken(levelName, reset);
+  const fetchedRef = (0, import_react10.useRef)(false);
+  (0, import_react10.useEffect)(() => {
+    if (fetchedRef.current) return;
+    fetchedRef.current = true;
+    fetchToken().catch(() => {
+    });
+  }, [fetchToken]);
+  const handleMessage = (type, payload) => {
+    switch (type) {
+      case "idCheck.onApplicantSubmitted":
+        onSubmitted?.();
+        break;
+      case "idCheck.onError": {
+        const message = payload?.message ?? "Verification error";
+        onError?.(new Error(message));
+        break;
+      }
+      default:
+        break;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  };
+  const handleError = (error) => {
+    onError?.(error instanceof Error ? error : new Error("Verification error"));
+  };
+  if (kycTokenState.type === "IDLE" || kycTokenState.type === "LOADING") {
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       "output",
       {
         "aria-live": "polite",
-        className: "clcosdk:flex clcosdk:min-h-40 clcosdk:items-center clcosdk:justify-center clcosdk:rounded-2xl clcosdk:border clcosdk:border-border clcosdk:bg-background clcosdk:p-6",
-        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Loading offers..." })
-      }
-    );
-  }
-  if (offersState.type === "ERROR") {
-    if (error) {
-      return error;
-    }
-    const errorMessage = offersState.reason === "not-authenticated" ? "Sign in to view available offers." : "Unable to load offers right now. Please try again.";
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-      AlertBanner,
-      {
-        variant: "error",
-        icon: true,
-        content: errorMessage,
-        className: "clcosdk:w-full clcosdk:max-w-[28rem]"
+        className: cn(
+          "clcosdk:flex clcosdk:min-h-40 clcosdk:items-center clcosdk:justify-center",
+          className
+        ),
+        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Loading identity verification..." })
       }
     );
   }
-  if (offersState.offers.length === 0) {
-    if (emptyState) {
-      return emptyState;
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-      "output",
+  if (kycTokenState.type === "ERROR") {
+    const errorMessage = kycTokenState.reason === "not-authenticated" ? "Sign in to verify your identity." : "Unable to start identity verification right now. Please try again.";
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+      "div",
       {
-        "aria-live": "polite",
-        className: "clcosdk:flex clcosdk:min-h-40 clcosdk:flex-col clcosdk:items-center clcosdk:justify-center clcosdk:rounded-2xl clcosdk:border clcosdk:border-border clcosdk:bg-background clcosdk:p-6 clcosdk:text-center",
+        className: cn("clcosdk:flex clcosdk:flex-col clcosdk:gap-4", className),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-            "p",
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AlertBanner, { variant: "error", icon: true, content: errorMessage }),
+          kycTokenState.reason !== "not-authenticated" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            ClButton,
             {
-              className: cn(
-                typeClasses.body,
-                "clcosdk:font-medium clcosdk:text-text-primary"
-              ),
-              children: "No offers available"
+              size: "sm",
+              onClick: () => {
+                fetchToken().catch(() => {
+                });
+              },
+              children: "Try again"
             }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: cn(typeClasses.subhead, "clcosdk:text-text-secondary"), children: "Check back soon for upcoming opportunities." })
+          )
         ]
       }
     );
   }
-  const maxGridWidth = `calc(${cols} * 28rem + ${Math.max(cols - 1, 0)} * 1.5rem)`;
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    "div",
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: cn("clcosdk:w-full", className), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    import_websdk_react.default,
     {
-      className: cn(
-        "clcosdk:flex clcosdk:w-full clcosdk:justify-center",
-        containerClassName
-      ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-        "div",
-        {
-          className: cn("clcosdk:grid clcosdk:w-full clcosdk:gap-6", className),
-          style: {
-            gridTemplateColumns: "repeat(auto-fit, minmax(min(100%, 20rem), 1fr))",
-            maxWidth: maxGridWidth
-          },
-          children: offersState.offers.map((offer) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-            OfferCard,
-            {
-              offer: OfferCardUi.fromDomain(offer),
-              onClick: onOfferClick ? () => onOfferClick(offer) : void 0
-            },
-            offer.id
-          ))
-        }
-      )
+      accessToken: kycTokenState.token,
+      expirationHandler: fetchToken,
+      config: locale === void 0 ? {} : { lang: locale },
+      options: { addViewportTag: false, adaptIframeHeight: true },
+      onMessage: handleMessage,
+      onError: handleError
     }
-  );
+  ) });
 }
 
 // src/client/components/requirements/RequirementItem.tsx
@@ -1720,7 +3552,7 @@ var import_lucide_react4 = require("lucide-react");
 
 // src/client/components/design-system/StepStatusIcon.tsx
 var import_lucide_react3 = require("lucide-react");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var statusConfig = {
   required: {
     Icon: import_lucide_react3.Info,
@@ -1745,7 +3577,7 @@ var statusConfig = {
 };
 function StepStatusIcon({ status, className }) {
   const { Icon, colorClass, fillClass } = statusConfig[status];
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     Icon,
     {
       className: cn(
@@ -1760,7 +3592,7 @@ function StepStatusIcon({ status, className }) {
 }
 
 // src/client/components/requirements/RequirementItem.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var RequirementVariant = {
   fromType(type) {
     switch (type) {
@@ -1795,13 +3627,18 @@ var ChecklistStatus = {
   }
 };
 var RequirementItemUi = {
-  fromDomain(req, statusInfo, label, description, walletAddress) {
+  fromDomain(req, statusInfo, label, description, addresses = []) {
     return {
       variant: RequirementVariant.fromType(req.type),
       status: statusInfo ? RequirementStatus.fromStatusValue(statusInfo.status) : "required",
       label,
       description,
-      walletAddress
+      multiWallet: req.type === "whitelisted_wallet",
+      connectedWallets: addresses.map((address) => ({
+        id: address.id,
+        address: address.address,
+        shortAddress: shortenAddress(address.address)
+      }))
     };
   }
 };
@@ -1813,9 +3650,9 @@ function VerificationActionZone({
   switch (status) {
     case "required":
       if (onAction === null) return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ClButton, { size: "sm", onClick: onAction, children: "Continue" });
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ClButton, { size: "sm", onClick: onAction, children: "Continue" });
     case "pending":
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         AlertBanner,
         {
           variant: "warning",
@@ -1823,16 +3660,16 @@ function VerificationActionZone({
         }
       );
     case "completed":
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(AlertBanner, { variant: "success", content: "Identity verified." });
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AlertBanner, { variant: "success", content: "Identity verified." });
     case "rejected":
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         AlertBanner,
         {
           variant: "error",
-          content: onContactSupport === null ? "Verification rejected." : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+          content: onContactSupport === null ? "Verification rejected." : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
             "Verification rejected.",
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               "button",
               {
                 type: "button",
@@ -1849,25 +3686,61 @@ function VerificationActionZone({
 }
 function WalletActionZone({
   status,
-  walletAddress,
-  onAction
+  multiWallet,
+  connectedWallets,
+  walletsStatus,
+  onAction,
+  onRemoveWallet
 }) {
+  if (multiWallet) {
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        ConnectedWalletList,
+        {
+          wallets: connectedWallets,
+          onRemove: onRemoveWallet,
+          onAdd: onAction ?? void 0,
+          status: walletsStatus
+        }
+      ),
+      status === "rejected" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        AlertBanner,
+        {
+          variant: "error",
+          content: "One of these wallets is not eligible for this sale."
+        }
+      )
+    ] });
+  }
   if (status === "completed") {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-      onAction !== null && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ClButton, { size: "sm", variant: "secondary", onClick: onAction, children: "Change wallet" }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    const connected = connectedWallets[0];
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+      onAction !== null && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ClButton, { size: "sm", variant: "secondary", onClick: onAction, children: "Change wallet" }),
+      walletsStatus === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        AlertBanner,
+        {
+          variant: "info",
+          content: "Loading your connected wallet\u2026"
+        }
+      ) : walletsStatus === "error" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        AlertBanner,
+        {
+          variant: "error",
+          content: "Couldn't load your connected wallet."
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         AlertBanner,
         {
           variant: "success",
-          content: walletAddress ?? "Connected: 0xBa4b...9f2c"
+          content: connected ? connected.shortAddress : "Wallet connected."
         }
       )
     ] });
   }
   if (status === "rejected") {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-      onAction !== null && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ClButton, { size: "sm", onClick: onAction, children: "Connect wallet" }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+      onAction !== null && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ClButton, { size: "sm", onClick: onAction, children: "Connect wallet" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         AlertBanner,
         {
           variant: "error",
@@ -1877,7 +3750,7 @@ function WalletActionZone({
     ] });
   }
   if (onAction === null) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ClButton, { size: "sm", onClick: onAction, children: "Connect wallet" });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ClButton, { size: "sm", onClick: onAction, children: "Connect wallet" });
 }
 function RequirementItem({
   ui,
@@ -1885,14 +3758,19 @@ function RequirementItem({
   onToggle,
   className,
   onAction,
+  onRemoveWallet,
+  walletsStatus,
   onContactSupport
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     "div",
     {
-      className: cn("clcosdk:flex clcosdk:w-full clcosdk:flex-col", className),
+      className: cn(
+        "clcosdk:flex clcosdk:w-full clcosdk:flex-col",
+        className
+      ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
           "button",
           {
             type: "button",
@@ -1900,9 +3778,9 @@ function RequirementItem({
             "aria-expanded": expanded,
             className: "clcosdk:flex clcosdk:h-14 clcosdk:w-full clcosdk:cursor-pointer clcosdk:items-center clcosdk:justify-between clcosdk:rounded-2xl clcosdk:px-2 clcosdk:transition-colors clcosdk:hover:bg-surface",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(StepStatusIcon, { status: ui.status }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "clcosdk:flex clcosdk:items-center clcosdk:gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(StepStatusIcon, { status: ui.status }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                   "span",
                   {
                     className: cn(
@@ -1913,7 +3791,7 @@ function RequirementItem({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 import_lucide_react4.ChevronRight,
                 {
                   className: cn(
@@ -1926,63 +3804,542 @@ function RequirementItem({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-          "div",
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          "div",
+          {
+            className: cn(
+              "clcosdk:grid clcosdk:transition-[grid-template-rows] clcosdk:duration-300 clcosdk:ease-in-out",
+              expanded ? "clcosdk:grid-rows-[1fr]" : "clcosdk:grid-rows-[0fr]"
+            ),
+            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "clcosdk:min-h-0 clcosdk:overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:px-2 clcosdk:pb-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                "p",
+                {
+                  className: cn(
+                    typeClasses.subhead,
+                    "clcosdk:text-text-secondary"
+                  ),
+                  children: ui.description
+                }
+              ),
+              ui.variant === "verification" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                VerificationActionZone,
+                {
+                  status: ui.status,
+                  onAction,
+                  onContactSupport
+                }
+              ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                WalletActionZone,
+                {
+                  status: ui.status,
+                  multiWallet: ui.multiWallet,
+                  connectedWallets: ui.connectedWallets,
+                  walletsStatus,
+                  onAction,
+                  onRemoveWallet
+                }
+              )
+            ] }) })
+          }
+        )
+      ]
+    }
+  ) });
+}
+
+// src/client/components/requirements/RequirementsChecklist.tsx
+var import_react15 = require("react");
+
+// src/client/components/requirements/TaxDocumentModal.tsx
+var import_react12 = require("react");
+
+// src/client/hooks/useTaxDocument.ts
+var import_react11 = require("react");
+var IDLE_SIGN2 = { type: "idle", error: null };
+var LOADING_STATE3 = { type: "LOADING" };
+var SIGN_FAILED_MESSAGE = "Unable to sign document. Please try again.";
+var DOB_INVALID_MESSAGE = "Enter your date of birth as MM/DD/YYYY.";
+var FIELD_KEYS = {
+  fullLegalName: "Full Name",
+  dob: "DOB",
+  countryOfCitizenship: "Country Of Citizenship",
+  taxId: "Foreign Tax Number",
+  permanentAddress: "Permanent Address"
+};
+function formatUsDate(date) {
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  const year = String(date.getFullYear()).padStart(4, "0");
+  return `${month}/${day}/${year}`;
+}
+function formatIsoDateOnly(isoDate) {
+  const match = /^(\d{4})-(\d{2})-(\d{2})$/.exec(isoDate);
+  if (!match) return "";
+  const [, year, month, day] = match;
+  return `${month}/${day}/${year}`;
+}
+function isValidUsDate(value) {
+  const match = /^(\d{2})\/(\d{2})\/(\d{4})$/.exec(value);
+  if (!match) return false;
+  const [, mm, dd, yyyy] = match;
+  const month = Number(mm);
+  const day = Number(dd);
+  const year = Number(yyyy);
+  const date = new Date(year, month - 1, day);
+  return date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day;
+}
+function mapPiiToFields(pii) {
+  const { street, city, state, postalCode } = pii.permanentAddress;
+  const cityLine = [postalCode, city].filter(Boolean).join(" ");
+  const permanentAddress = [street, cityLine, state].filter(Boolean).join(", ");
+  return {
+    fullLegalName: pii.fullLegalName ?? "",
+    // Date-only ISO from the backend, shown as MM/DD/YYYY. Blank until the
+    // backend has a date of birth (the field is editable in the meantime).
+    dob: formatIsoDateOnly(pii.dateOfBirth ?? ""),
+    countryOfCitizenship: pii.jurisdiction?.name ?? "",
+    taxId: pii.taxId ?? "",
+    permanentAddress
+  };
+}
+function addressPartsFromPii(pii) {
+  return {
+    city: pii.permanentAddress.city ?? "",
+    country: pii.permanentAddress.country ?? ""
+  };
+}
+function hasAnyFieldValue(fields) {
+  return Object.values(fields).some((value) => value.trim() !== "");
+}
+function toSubmissionFields(fields, addressParts) {
+  return {
+    [FIELD_KEYS.fullLegalName]: fields.fullLegalName,
+    [FIELD_KEYS.dob]: fields.dob,
+    [FIELD_KEYS.countryOfCitizenship]: fields.countryOfCitizenship,
+    [FIELD_KEYS.taxId]: fields.taxId,
+    [FIELD_KEYS.permanentAddress]: fields.permanentAddress,
+    City: addressParts.city,
+    Country: addressParts.country,
+    Signature: fields.fullLegalName,
+    Date: formatUsDate(/* @__PURE__ */ new Date())
+  };
+}
+function useTaxDocument({
+  isOpen
+}) {
+  const { coinlist, isReady } = useCoinList();
+  const [state, setState] = (0, import_react11.useState)(LOADING_STATE3);
+  (0, import_react11.useEffect)(() => {
+    let isCancelled = false;
+    if (!isOpen) {
+      return () => {
+        isCancelled = true;
+      };
+    }
+    if (!isReady) {
+      setState(LOADING_STATE3);
+      return () => {
+        isCancelled = true;
+      };
+    }
+    setState(LOADING_STATE3);
+    coinlist.fetchPii().then((pii) => {
+      if (isCancelled) return;
+      if (pii.kind === "company") {
+        setState({ type: "SIGN_ONLY", sign: IDLE_SIGN2 });
+        return;
+      }
+      const fields = mapPiiToFields(pii);
+      setState({
+        type: "REVIEW",
+        fields,
+        addressParts: addressPartsFromPii(pii),
+        piiUnavailable: !hasAnyFieldValue(fields),
+        sign: IDLE_SIGN2
+      });
+    }).catch((error) => {
+      if (isCancelled) return;
+      setState({
+        type: "ERROR",
+        reason: error instanceof NotAuthenticatedError ? "not-authenticated" : "generic-error"
+      });
+    });
+    return () => {
+      isCancelled = true;
+    };
+  }, [coinlist, isReady, isOpen]);
+  const onEditField = (0, import_react11.useCallback)(
+    (field, value) => {
+      setState(
+        (prev) => prev.type === "EDITING" ? { ...prev, fields: { ...prev.fields, [field]: value } } : prev
+      );
+    },
+    []
+  );
+  const onStartEdit = (0, import_react11.useCallback)(() => {
+    setState(
+      (prev) => prev.type === "REVIEW" ? {
+        type: "EDITING",
+        fields: prev.fields,
+        original: prev.fields,
+        addressParts: prev.addressParts,
+        piiUnavailable: prev.piiUnavailable
+      } : prev
+    );
+  }, []);
+  const onSaveEdit = (0, import_react11.useCallback)(() => {
+    setState(
+      (prev) => prev.type === "EDITING" ? {
+        type: "REVIEW",
+        fields: prev.fields,
+        addressParts: prev.addressParts,
+        piiUnavailable: prev.piiUnavailable,
+        sign: IDLE_SIGN2
+      } : prev
+    );
+  }, []);
+  const onCancelEdit = (0, import_react11.useCallback)(() => {
+    setState(
+      (prev) => prev.type === "EDITING" ? {
+        type: "REVIEW",
+        fields: prev.original,
+        addressParts: prev.addressParts,
+        piiUnavailable: prev.piiUnavailable,
+        sign: IDLE_SIGN2
+      } : prev
+    );
+  }, []);
+  const onSign = (0, import_react11.useCallback)(() => {
+    if (state.type !== "REVIEW" && state.type !== "SIGN_ONLY") return;
+    if (state.type === "REVIEW" && state.fields.dob.trim() !== "" && !isValidUsDate(state.fields.dob)) {
+      setState({
+        ...state,
+        sign: { type: "idle", error: DOB_INVALID_MESSAGE }
+      });
+      return;
+    }
+    setState({ ...state, sign: { type: "signing" } });
+    coinlist.submitDocument(
+      "tax_certification",
+      state.type === "REVIEW" ? toSubmissionFields(state.fields, state.addressParts) : {}
+    ).then((submission) => {
+      setState({ type: "SUBMITTED", submission });
+    }).catch(() => {
+      setState(
+        (prev) => prev.type === "REVIEW" || prev.type === "SIGN_ONLY" ? { ...prev, sign: { type: "idle", error: SIGN_FAILED_MESSAGE } } : prev
+      );
+    });
+  }, [state, coinlist]);
+  return { state, onEditField, onStartEdit, onSaveEdit, onCancelEdit, onSign };
+}
+
+// src/client/components/requirements/TaxDocumentModal.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var FIELD_ROWS = [
+  { field: "fullLegalName", label: "Full legal name" },
+  { field: "dob", label: "Date of birth", placeholder: "MM/DD/YYYY" },
+  { field: "countryOfCitizenship", label: "Country of citizenship" },
+  { field: "taxId", label: "Tax ID" },
+  { field: "permanentAddress", label: "Permanent address" }
+];
+function TaxDocumentModal({
+  isOpen,
+  onClose,
+  onSubmitted,
+  className
+}) {
+  const { state, onEditField, onStartEdit, onSaveEdit, onCancelEdit, onSign } = useTaxDocument({ isOpen });
+  (0, import_react12.useEffect)(() => {
+    if (state.type === "SUBMITTED") {
+      onSubmitted?.(state.submission);
+      onClose();
+    }
+  }, [state]);
+  if (!isOpen || state.type === "SUBMITTED") return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "clcosdk:fixed clcosdk:inset-0 clcosdk:z-50 clcosdk:flex clcosdk:items-center clcosdk:justify-center clcosdk:bg-black/50 clcosdk:p-4", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    "div",
+    {
+      className: cn(
+        "clcosdk:flex clcosdk:w-full clcosdk:max-w-md clcosdk:flex-col clcosdk:gap-6 clcosdk:rounded-2xl clcosdk:bg-background clcosdk:p-6",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "clcosdk:flex clcosdk:items-start clcosdk:justify-between clcosdk:gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TaxDocumentModalHeading, { state }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CloseButton, { onClick: onClose })
+        ] }),
+        state.type === "LOADING" && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(LoadingScreen, {}),
+        state.type === "ERROR" && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ErrorScreen, { reason: state.reason }),
+        state.type === "REVIEW" && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          ReviewScreen,
+          {
+            fields: state.fields,
+            piiUnavailable: state.piiUnavailable,
+            sign: state.sign,
+            onStartEdit,
+            onSign
+          }
+        ),
+        state.type === "EDITING" && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          EditScreen,
           {
-            className: cn(
-              "clcosdk:grid clcosdk:transition-[grid-template-rows] clcosdk:duration-300 clcosdk:ease-in-out",
-              expanded ? "clcosdk:grid-rows-[1fr]" : "clcosdk:grid-rows-[0fr]"
-            ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "clcosdk:min-h-0 clcosdk:overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:px-2 clcosdk:pb-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                "p",
-                {
-                  className: cn(typeClasses.subhead, "clcosdk:text-text-secondary"),
-                  children: ui.description
-                }
-              ),
-              ui.variant === "verification" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                VerificationActionZone,
-                {
-                  status: ui.status,
-                  onAction,
-                  onContactSupport
-                }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                WalletActionZone,
-                {
-                  status: ui.status,
-                  walletAddress: ui.walletAddress,
-                  onAction
-                }
-              )
-            ] }) })
+            fields: state.fields,
+            onEditField,
+            onSaveEdit,
+            onCancelEdit
           }
-        )
+        ),
+        state.type === "SIGN_ONLY" && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SignOnlyScreen, { sign: state.sign, onSign })
       ]
     }
+  ) });
+}
+function TaxDocumentModalHeading({
+  state
+}) {
+  const title = state.type === "EDITING" ? "Edit your W-8BEN" : state.type === "REVIEW" ? "Confirm your W-8BEN" : state.type === "SIGN_ONLY" ? "Confirm your W-8BEN-E" : "Tax document";
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { className: cn(typeClasses.h3, "clcosdk:text-text-primary"), children: title });
+}
+function LoadingScreen() {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    "output",
+    {
+      "aria-live": "polite",
+      className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4",
+      children: FIELD_ROWS.map(({ field }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+        "div",
+        {
+          className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-1",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "clcosdk:h-3 clcosdk:w-28 clcosdk:animate-pulse clcosdk:rounded clcosdk:bg-surface" }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "clcosdk:h-5 clcosdk:w-48 clcosdk:animate-pulse clcosdk:rounded clcosdk:bg-surface" })
+          ]
+        },
+        field
+      ))
+    }
+  );
+}
+function ErrorScreen({
+  reason
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    AlertBanner,
+    {
+      variant: "error",
+      icon: true,
+      content: reason === "not-authenticated" ? "Sign in to complete your tax document." : "Unable to load your tax information right now. Please try again."
+    }
   );
 }
+function ReviewScreen({
+  fields,
+  piiUnavailable,
+  sign,
+  onStartEdit,
+  onSign
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Review your information below. If anything looks incorrect, edit before signing." }),
+    piiUnavailable && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      AlertBanner,
+      {
+        variant: "info",
+        icon: true,
+        content: "We don't have this information on file yet \u2014 please fill it in below."
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:border-t clcosdk:border-divider clcosdk:pt-4", children: FIELD_ROWS.map(({ field, label }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+      "div",
+      {
+        className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-1",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            "span",
+            {
+              className: cn(typeClasses.label, "clcosdk:text-text-secondary"),
+              children: label
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: cn(typeClasses.body, "clcosdk:text-text-primary"), children: fields[field] || "\u2014" })
+        ]
+      },
+      field
+    )) }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: cn(typeClasses.caption, "clcosdk:text-text-secondary"), children: "By signing, you certify that the information above is accurate and that you are the beneficial owner of the income this form relates to. This document cannot be edited once signed." }),
+    sign.type === "idle" && sign.error && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AlertBanner, { variant: "error", icon: true, content: sign.error }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        ClButton,
+        {
+          fullWidth: true,
+          onClick: onSign,
+          isLoading: sign.type === "signing",
+          loadingText: "Signing...",
+          children: "Sign W-8BEN"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        ClButton,
+        {
+          fullWidth: true,
+          variant: "secondary",
+          onClick: onStartEdit,
+          disabled: sign.type === "signing",
+          children: "Edit information"
+        }
+      )
+    ] })
+  ] });
+}
+function EditScreen({
+  fields,
+  onEditField,
+  onSaveEdit,
+  onCancelEdit
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-4 clcosdk:border-t clcosdk:border-divider clcosdk:pt-4", children: FIELD_ROWS.map(({ field, label, placeholder }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+      "label",
+      {
+        className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-1",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            "span",
+            {
+              className: cn(typeClasses.label, "clcosdk:text-text-secondary"),
+              children: label
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            "input",
+            {
+              type: "text",
+              value: fields[field],
+              placeholder,
+              onChange: (e) => onEditField(field, e.target.value),
+              className: cn(
+                typeClasses.body,
+                "clcosdk:rounded-lg clcosdk:border clcosdk:border-border clcosdk:bg-background clcosdk:px-3 clcosdk:py-2 clcosdk:text-text-primary clcosdk:focus-visible:outline-none clcosdk:focus-visible:ring-2 clcosdk:focus-visible:ring-gray-400"
+              )
+            }
+          )
+        ]
+      },
+      field
+    )) }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ClButton, { fullWidth: true, onClick: onSaveEdit, children: "Save & review" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ClButton, { fullWidth: true, variant: "secondary", onClick: onCancelEdit, children: "Cancel" })
+    ] })
+  ] });
+}
+function SignOnlyScreen({
+  sign,
+  onSign
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "As an entity investor, you must complete a W-8BEN-E to confirm your foreign tax status and claim applicable treaty benefits. You'll receive an email to complete the signing." }),
+    sign.type === "idle" && sign.error && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AlertBanner, { variant: "error", icon: true, content: sign.error }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      ClButton,
+      {
+        fullWidth: true,
+        onClick: onSign,
+        isLoading: sign.type === "signing",
+        loadingText: "Signing...",
+        children: "Sign W-8BEN-E"
+      }
+    )
+  ] });
+}
 
-// src/client/components/requirements/RequirementsChecklist.tsx
-var import_react6 = require("react");
+// src/client/hooks/useOptionAddresses.ts
+var import_react13 = require("react");
+var LOADING_STATE4 = { type: "LOADING" };
+var EMPTY_STATE = {
+  type: "CONTENT",
+  addresses: []
+};
+function useOptionAddresses(offerId, offerOptionId, options = {}) {
+  const { coinlist, isReady } = useCoinList();
+  const { data, enabled = true } = options;
+  const [addressesState, setAddressesState] = (0, import_react13.useState)(
+    data !== void 0 ? { type: "CONTENT", addresses: data } : LOADING_STATE4
+  );
+  const [fetchKey, setFetchKey] = (0, import_react13.useState)(0);
+  const refetch = (0, import_react13.useCallback)(() => setFetchKey((k) => k + 1), []);
+  const disconnect = (0, import_react13.useCallback)(
+    async (addressId) => {
+      await coinlist.removeOptionAddress(offerId, addressId);
+      refetch();
+    },
+    [coinlist, offerId, refetch]
+  );
+  (0, import_react13.useEffect)(() => {
+    let isCancelled = false;
+    if (!enabled) {
+      setAddressesState(
+        data !== void 0 ? { type: "CONTENT", addresses: data } : EMPTY_STATE
+      );
+      return () => {
+        isCancelled = true;
+      };
+    }
+    if (!isReady) {
+      if (data === void 0) {
+        setAddressesState(LOADING_STATE4);
+      }
+      return () => {
+        isCancelled = true;
+      };
+    }
+    if (data !== void 0 && fetchKey === 0) {
+      return () => {
+        isCancelled = true;
+      };
+    }
+    if (coinlist.getAuthState() === "logged-out") {
+      setAddressesState({ type: "ERROR", reason: "not-authenticated" });
+      return () => {
+        isCancelled = true;
+      };
+    }
+    setAddressesState(LOADING_STATE4);
+    coinlist.listOptionAddresses(offerId, offerOptionId).then((addresses) => {
+      if (!isCancelled) {
+        setAddressesState({ type: "CONTENT", addresses });
+      }
+    }).catch((error) => {
+      if (!isCancelled) {
+        const reason = error instanceof NotAuthenticatedError ? "not-authenticated" : "generic-error";
+        setAddressesState({ type: "ERROR", reason });
+      }
+    });
+    return () => {
+      isCancelled = true;
+    };
+  }, [coinlist, isReady, enabled, offerId, offerOptionId, fetchKey]);
+  return { addressesState, refetch, disconnect };
+}
 
 // src/client/hooks/useRequirements.ts
-var import_react5 = require("react");
-var LOADING_STATE2 = { type: "LOADING" };
+var import_react14 = require("react");
+var LOADING_STATE5 = { type: "LOADING" };
 function useRequirements(offerId, options = {}) {
   const { coinlist, isReady } = useCoinList();
   const { data } = options;
-  const [requirementsState, setRequirementsState] = (0, import_react5.useState)(
-    data !== void 0 ? { type: "CONTENT", ...data } : LOADING_STATE2
+  const [requirementsState, setRequirementsState] = (0, import_react14.useState)(
+    data !== void 0 ? { type: "CONTENT", ...data } : LOADING_STATE5
   );
-  const [fetchKey, setFetchKey] = (0, import_react5.useState)(0);
-  const refetch = (0, import_react5.useCallback)(() => setFetchKey((k) => k + 1), []);
-  (0, import_react5.useEffect)(() => {
+  const [fetchKey, setFetchKey] = (0, import_react14.useState)(0);
+  const refetch = (0, import_react14.useCallback)(() => setFetchKey((k) => k + 1), []);
+  (0, import_react14.useEffect)(() => {
     let isCancelled = false;
     if (!isReady) {
       if (data === void 0) {
-        setRequirementsState(LOADING_STATE2);
+        setRequirementsState(LOADING_STATE5);
       }
       return () => {
         isCancelled = true;
@@ -1993,7 +4350,13 @@ function useRequirements(offerId, options = {}) {
         isCancelled = true;
       };
     }
-    setRequirementsState(LOADING_STATE2);
+    if (coinlist.getAuthState() === "logged-out") {
+      setRequirementsState({ type: "ERROR", reason: "not-authenticated" });
+      return () => {
+        isCancelled = true;
+      };
+    }
+    setRequirementsState(LOADING_STATE5);
     Promise.all([
       coinlist.fetchOfferRequirements(offerId),
       coinlist.fetchRequirementStatuses(offerId)
@@ -2019,7 +4382,8 @@ function useRequirements(offerId, options = {}) {
 }
 
 // src/client/components/requirements/RequirementsChecklist.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var isWalletRequirement = (requirement) => RequirementVariant.fromType(requirement.type) === "wallet";
 var DEFAULT_LABELS = {
   kyc_approved: "KYC Verification",
   identity_verified: "Identity Verification",
@@ -2028,7 +4392,8 @@ var DEFAULT_LABELS = {
   external_wallet: "External Wallet",
   whitelisted_wallet: "Whitelisted Wallet",
   jurisdiction: "Jurisdiction Check",
-  accreditation: "Accreditation"
+  accreditation: "Accreditation",
+  document: "Document"
 };
 var DEFAULT_DESCRIPTIONS = {
   kyc_approved: "Complete Know Your Customer verification.",
@@ -2038,9 +4403,39 @@ var DEFAULT_DESCRIPTIONS = {
   external_wallet: "Connect an external wallet.",
   whitelisted_wallet: "Connect a whitelisted wallet.",
   jurisdiction: "Confirm your jurisdiction eligibility.",
-  accreditation: "Verify your accreditation status."
+  accreditation: "Verify your accreditation status.",
+  document: "Confirm your Tax Documents."
 };
-function RequirementsChecklist({
+var VERIFICATION_POLL_INTERVAL_MS = 5e3;
+var VERIFICATION_POLL_TIMEOUT_MS = 12e4;
+function sleep(ms) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
+function VerificationOverlay({
+  onClose,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    "div",
+    {
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": "Identity verification",
+      className: "clcosdk:fixed clcosdk:inset-0 clcosdk:z-50 clcosdk:flex clcosdk:items-center clcosdk:justify-center clcosdk:bg-overlay clcosdk:p-4",
+      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "clcosdk:relative clcosdk:flex clcosdk:max-h-[92vh] clcosdk:w-full clcosdk:max-w-[760px] clcosdk:flex-col clcosdk:overflow-y-auto clcosdk:rounded-2xl clcosdk:bg-background clcosdk:p-6 clcosdk:pt-14", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          CloseButton,
+          {
+            onClick: onClose,
+            className: "clcosdk:absolute clcosdk:top-4 clcosdk:right-4"
+          }
+        ),
+        children
+      ] })
+    }
+  );
+}
+function RequirementsChecklistBody({
   offerId,
   optionId,
   title,
@@ -2048,38 +4443,106 @@ function RequirementsChecklist({
   onContinue,
   onRequirementActionOverride,
   onContactSupportOverride,
+  wallet,
+  onRequestConnect,
   getLabel,
   getDescription,
   loading,
+  unauthenticatedState,
   error,
   className,
-  data
+  data,
+  identityVerificationOptions
 }) {
   const { coinlist } = useCoinList();
-  const { requirementsState } = useRequirements(offerId, { data });
-  const [expandedIndex, setExpandedIndex] = (0, import_react6.useState)(null);
-  const onRequirementAction = onRequirementActionOverride !== void 0 ? onRequirementActionOverride : (requirement) => coinlist.handleRequirement(requirement);
+  const { requirementsState, refetch } = useRequirements(offerId, { data });
+  const [expandedIndex, setExpandedIndex] = (0, import_react15.useState)(null);
+  const [taxDocumentOpen, setTaxDocumentOpen] = (0, import_react15.useState)(false);
+  const [walletConnectOpen, setConnectWalletOpen] = (0, import_react15.useState)(false);
+  const [verifyingRequirementId, setVerifyingRequirementId] = (0, import_react15.useState)(null);
+  const isMountedRef = (0, import_react15.useRef)(true);
+  (0, import_react15.useEffect)(() => {
+    isMountedRef.current = true;
+    return () => {
+      isMountedRef.current = false;
+    };
+  }, []);
+  const [hasWalletRequirement, setHasWalletRequirement] = (0, import_react15.useState)(false);
+  (0, import_react15.useEffect)(() => {
+    if (requirementsState.type === "CONTENT") {
+      setHasWalletRequirement(
+        (requirementsState.requirements[optionId] ?? []).some(
+          isWalletRequirement
+        )
+      );
+    }
+  }, [requirementsState, optionId]);
+  const {
+    addressesState,
+    refetch: refetchAddresses,
+    disconnect
+  } = useOptionAddresses(offerId, optionId, {
+    enabled: hasWalletRequirement
+  });
+  const optionAddresses = addressesState.type === "CONTENT" ? addressesState.addresses : [];
+  const walletsStatus = addressesState.type === "ERROR" ? "error" : addressesState.type === "LOADING" ? "loading" : "ready";
+  const onRemoveWallet = async (id) => {
+    await disconnect(OfferOptionAddressId(id));
+    refetch();
+  };
+  const onRequirementAction = onRequirementActionOverride !== void 0 ? onRequirementActionOverride : (requirement) => {
+    if (requirement.type === "document") {
+      setTaxDocumentOpen(true);
+      return;
+    }
+    if ((requirement.type === "external_wallet" || requirement.type === "whitelisted_wallet") && wallet !== void 0 && (wallet !== null || onRequestConnect !== void 0)) {
+      setConnectWalletOpen(true);
+      return;
+    }
+    coinlist.handleRequirement(requirement);
+  };
   const onContactSupport = onContactSupportOverride !== void 0 ? onContactSupportOverride : () => coinlist.contactSupport();
+  const awaitVerificationResult = (requirementId, statusBeforeSubmit) => {
+    void (async () => {
+      const deadline = Date.now() + VERIFICATION_POLL_TIMEOUT_MS;
+      while (Date.now() < deadline) {
+        await sleep(VERIFICATION_POLL_INTERVAL_MS);
+        if (!isMountedRef.current) return;
+        try {
+          const statuses2 = await coinlist.fetchRequirementStatuses(offerId);
+          const current = statuses2.find((s) => s.id === requirementId)?.status;
+          if (current !== void 0 && current !== statusBeforeSubmit) break;
+        } catch (_) {
+        }
+      }
+      if (isMountedRef.current) {
+        setVerifyingRequirementId(null);
+        refetch();
+      }
+    })();
+  };
   if (requirementsState.type === "LOADING") {
     if (loading) return loading;
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "output",
       {
         "aria-live": "polite",
         className: "clcosdk:flex clcosdk:min-h-40 clcosdk:items-center clcosdk:justify-center clcosdk:rounded-2xl clcosdk:border clcosdk:border-border clcosdk:bg-background clcosdk:p-6",
-        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Loading requirements..." })
+        children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: "Loading requirements..." })
       }
     );
   }
   if (requirementsState.type === "ERROR") {
+    if (requirementsState.reason === "not-authenticated") {
+      return unauthenticatedState !== void 0 ? unauthenticatedState : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CoinListSignInCard, {});
+    }
     if (error) return error;
-    const errorMessage = requirementsState.reason === "not-authenticated" ? "Sign in to view requirements." : "Unable to load requirements right now. Please try again.";
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       AlertBanner,
       {
         variant: "error",
         icon: true,
-        content: errorMessage,
+        content: "Unable to load requirements right now. Please try again.",
         className: "clcosdk:w-full clcosdk:max-w-[28rem]"
       }
     );
@@ -2090,7 +4553,7 @@ function RequirementsChecklist({
   const optionStatuses = statuses.filter((s) => requirementIds.has(s.id));
   const statusByRequirementId = new Map(optionStatuses.map((s) => [s.id, s]));
   const checklistStatus = ChecklistStatus.derive(optionStatuses);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     "div",
     {
       className: cn(
@@ -2098,17 +4561,20 @@ function RequirementsChecklist({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("h3", { className: cn(typeClasses.h3, "clcosdk:text-text-primary"), children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: description })
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h3", { className: cn(typeClasses.h3, "clcosdk:text-text-primary"), children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: cn(typeClasses.body, "clcosdk:text-text-secondary"), children: description })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:divide-y clcosdk:divide-divider", children: requirements.map((req, index) => {
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "clcosdk:flex clcosdk:flex-col clcosdk:divide-y clcosdk:divide-divider", children: requirements.map((req, index) => {
           const statusInfo = statusByRequirementId.get(req.id);
           const label = getLabel ? getLabel(req) : DEFAULT_LABELS[req.type];
           const itemDescription = (getDescription ? getDescription(req) : null) ?? DEFAULT_DESCRIPTIONS[req.type];
+          const inlineVerification = statusInfo?.kycLevel !== void 0 && onRequirementActionOverride === void 0;
           let onActionBound;
           if (onRequirementAction === null) {
             onActionBound = null;
+          } else if (inlineVerification) {
+            onActionBound = () => setVerifyingRequirementId(req.id);
           } else if (onRequirementAction) {
             onActionBound = () => onRequirementAction(req);
           }
@@ -2118,24 +4584,28 @@ function RequirementsChecklist({
           } else if (onContactSupport) {
             onContactSupportBound = () => onContactSupport(req);
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          const walletRequirement = isWalletRequirement(req);
+          return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             RequirementItem,
             {
               ui: RequirementItemUi.fromDomain(
                 req,
                 statusInfo,
                 label,
-                itemDescription
+                itemDescription,
+                walletRequirement ? optionAddresses : []
               ),
               expanded: expandedIndex === index,
               onToggle: () => setExpandedIndex((prev) => prev === index ? null : index),
               onAction: onActionBound,
+              onRemoveWallet: walletRequirement ? onRemoveWallet : void 0,
+              walletsStatus: walletRequirement ? walletsStatus : void 0,
               onContactSupport: onContactSupportBound
             },
             req.id
           );
         }) }),
-        checklistStatus === "ineligible" && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        checklistStatus === "ineligible" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           AlertBanner,
           {
             variant: "error",
@@ -2143,7 +4613,7 @@ function RequirementsChecklist({
             content: "You are not eligible to participate."
           }
         ),
-        onContinue && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        onContinue && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           ClButton,
           {
             fullWidth: true,
@@ -2151,24 +4621,326 @@ function RequirementsChecklist({
             onClick: onContinue,
             children: "Continue"
           }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          TaxDocumentModal,
+          {
+            isOpen: taxDocumentOpen,
+            onClose: () => setTaxDocumentOpen(false),
+            onSubmitted: () => refetch()
+          }
+        ),
+        verifyingRequirementId !== null && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(VerificationOverlay, { onClose: () => setVerifyingRequirementId(null), children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          IdentityVerification,
+          {
+            levelName: identityVerificationOptions?.levelName ?? statusByRequirementId.get(verifyingRequirementId)?.kycLevel,
+            reset: statusByRequirementId.get(verifyingRequirementId)?.kycReset ?? false,
+            locale: identityVerificationOptions?.locale,
+            onSubmitted: () => awaitVerificationResult(
+              verifyingRequirementId,
+              statusByRequirementId.get(verifyingRequirementId)?.status ?? "not_started"
+            )
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          ConnectWalletModal,
+          {
+            isOpen: walletConnectOpen,
+            onClose: () => setConnectWalletOpen(false),
+            offerId,
+            optionId,
+            wallet: wallet ?? null,
+            onRequestConnect,
+            onConnected: () => {
+              refetch();
+              refetchAddresses();
+            }
+          }
         )
       ]
     }
   );
 }
+function RequirementsChecklist(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CoinListStyleScope, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(RequirementsChecklistBody, { ...props }) });
+}
+
+// src/client/hooks/swap/useSwapOutputToken.ts
+var import_react16 = require("react");
+var LOADING_STATE6 = { type: "LOADING" };
+function useSwapOutputToken(options) {
+  const { contractAddress, chain, enabled } = options;
+  const { coinlist, isReady } = useCoinList();
+  const [outputTokenState, setOutputTokenState] = (0, import_react16.useState)(LOADING_STATE6);
+  const fetchIdRef = (0, import_react16.useRef)(0);
+  (0, import_react16.useEffect)(() => {
+    if (!enabled || !isReady) return;
+    const currentFetchId = ++fetchIdRef.current;
+    const load = async () => {
+      try {
+        const outputToken = await coinlist.swap.getOutputToken({
+          contractAddress,
+          chain
+        });
+        if (currentFetchId !== fetchIdRef.current) return;
+        setOutputTokenState({ type: "CONTENT", outputToken });
+      } catch {
+        if (currentFetchId !== fetchIdRef.current) return;
+        setOutputTokenState({ type: "ERROR" });
+      }
+    };
+    load();
+    return () => {
+      ++fetchIdRef.current;
+    };
+  }, [coinlist, isReady, contractAddress, chain, enabled]);
+  return { outputTokenState };
+}
+
+// src/client/hooks/swap/useSwapQuote.ts
+var import_react17 = require("react");
+
+// src/shared/core/blockchain/swap/constants.ts
+var SWAP_POLL_INTERVAL_MS = 15e3;
+var SLIPPAGE_OPTIONS_BPS = [25n, 50n, 100n, 200n, 500n].map(
+  (n) => Bps(n)
+);
+var DEFAULT_SLIPPAGE_BPS = Bps(50n);
+var SUPERSTATE_SWAP_CONTRACT_ADDRESS_SEPOLIA = EvmContractAddress("0x84f8e9a6C9Cc12fe911259372EfCa5582C4ae557");
+
+// src/shared/core/blockchain/swap/quote.ts
+var SwapQuote = {
+  /**
+   * Assembles a {@link SwapQuote} from a raw contract {@link SwapPreview}. The
+   * input and fee are denominated in the input token; the output in the output
+   * token.
+   */
+  fromPreview: (preview, inputDecimals, outputDecimals) => ({
+    inputTokenAmount: BlockchainAmount({
+      raw: preview.inputAmount,
+      decimals: inputDecimals
+    }),
+    fee: BlockchainAmount({ raw: preview.fee, decimals: inputDecimals }),
+    outputTokenAmount: BlockchainAmount({
+      raw: preview.outputAmount,
+      decimals: outputDecimals
+    })
+  })
+};
+
+// src/client/hooks/swap/useSwapQuote.ts
+function useSwapQuote(options) {
+  const {
+    contractAddress,
+    chain,
+    inputAmount,
+    inputTokenAddress,
+    outputTokenDecimals,
+    pollIntervalMs = SWAP_POLL_INTERVAL_MS,
+    enabled
+  } = options;
+  const { coinlist, isReady } = useCoinList();
+  const [quote, setQuote] = (0, import_react17.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react17.useState)(true);
+  const [isRefreshing, setIsRefreshing] = (0, import_react17.useState)(false);
+  const isFetchingRef = (0, import_react17.useRef)(false);
+  const hasQuoteRef = (0, import_react17.useRef)(false);
+  const fetchIdRef = (0, import_react17.useRef)(0);
+  (0, import_react17.useEffect)(() => {
+    if (!isReady) return;
+    if (!enabled) {
+      setIsLoading(false);
+      return;
+    }
+    const currentFetchId = ++fetchIdRef.current;
+    isFetchingRef.current = false;
+    const loadQuote = async () => {
+      if (outputTokenDecimals === null) return;
+      if (isFetchingRef.current) return;
+      isFetchingRef.current = true;
+      if (hasQuoteRef.current) {
+        setIsRefreshing(true);
+      }
+      try {
+        const preview = await coinlist.swap.getPreview({
+          contractAddress,
+          chain,
+          inputToken: inputTokenAddress,
+          amount: inputAmount.raw
+        });
+        if (currentFetchId !== fetchIdRef.current) return;
+        setQuote(
+          SwapQuote.fromPreview(
+            preview,
+            inputAmount.decimals,
+            outputTokenDecimals
+          )
+        );
+        if (!hasQuoteRef.current) {
+          hasQuoteRef.current = true;
+          setIsLoading(false);
+        }
+      } catch {
+      } finally {
+        if (currentFetchId === fetchIdRef.current) {
+          isFetchingRef.current = false;
+          setIsRefreshing(false);
+        }
+      }
+    };
+    loadQuote();
+    const interval = setInterval(loadQuote, pollIntervalMs);
+    return () => {
+      clearInterval(interval);
+      ++fetchIdRef.current;
+      setIsRefreshing(false);
+    };
+  }, [
+    coinlist,
+    isReady,
+    contractAddress,
+    chain,
+    inputAmount.raw,
+    inputAmount.decimals,
+    inputTokenAddress,
+    outputTokenDecimals,
+    pollIntervalMs,
+    enabled
+  ]);
+  return { quote, isLoading, isRefreshing };
+}
+
+// src/client/hooks/swap/useSwapTokenBalances.ts
+var import_react18 = require("react");
+
+// src/shared/core/blockchain/token-registry.ts
+var USDC_SYMBOL = StablecoinSymbol("USDC");
+var USDC = {
+  name: "USD Coin",
+  symbol: USDC_SYMBOL,
+  decimals: AssetDecimals(6)
+};
+var USDT_SYMBOL = StablecoinSymbol("USDT");
+var USDT = {
+  name: "Tether USD",
+  symbol: USDT_SYMBOL,
+  decimals: AssetDecimals(6)
+};
+var USDC_ADDRESSES = {
+  ethereum_mainnet: EvmContractAddress(
+    "0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48"
+  ),
+  ethereum_sepolia: EvmContractAddress(
+    "0x1c7D4B196Cb0C7B01d743Fbc6116a902379C7238"
+  )
+};
+var USDT_ADDRESSES = {
+  ethereum_mainnet: EvmContractAddress(
+    "0xdac17f958d2ee523a2206206994597c13d831ec7"
+  ),
+  ethereum_sepolia: EvmContractAddress(
+    "0x7169D38820dfd117C3FA1f22a697dBA58d90BA06"
+  )
+};
+var TOKEN_REGISTRY = {
+  erc20: (symbol) => {
+    switch (symbol) {
+      case "USDC":
+        return USDC;
+      case "USDT":
+        return USDT;
+      default:
+        throw new Error(`Unknown asset symbol: ${symbol}`);
+    }
+  },
+  contractAddress: (symbol, chain) => {
+    switch (symbol) {
+      case "USDC":
+        return USDC_ADDRESSES[chain];
+      case "USDT":
+        return USDT_ADDRESSES[chain];
+      default:
+        throw new Error(`Unknown asset symbol: ${symbol}`);
+    }
+  }
+};
+
+// src/client/hooks/swap/useSwapTokenBalances.ts
+function useSwapTokenBalances(options) {
+  const {
+    address,
+    chain,
+    assets,
+    pollIntervalMs = SWAP_POLL_INTERVAL_MS,
+    enabled
+  } = options;
+  const { coinlist, isReady } = useCoinList();
+  const [balances, setBalances] = (0, import_react18.useState)(/* @__PURE__ */ new Map());
+  const [isLoading, setIsLoading] = (0, import_react18.useState)(true);
+  const fetchIdRef = (0, import_react18.useRef)(0);
+  const isFetchingRef = (0, import_react18.useRef)(false);
+  const assetsKey = assets.join(",");
+  (0, import_react18.useEffect)(() => {
+    if (!isReady) return;
+    if (!enabled) {
+      setIsLoading(false);
+      return;
+    }
+    const symbols = assetsKey.split(",");
+    const currentFetchId = ++fetchIdRef.current;
+    isFetchingRef.current = false;
+    let isFirstFetch = true;
+    async function fetchBalances() {
+      if (isFetchingRef.current) return;
+      isFetchingRef.current = true;
+      if (isFirstFetch) {
+        setIsLoading(true);
+      }
+      const results = await Promise.allSettled(
+        symbols.map(
+          (symbol) => coinlist.erc20.getTokenBalance({
+            tokenAddress: TOKEN_REGISTRY.contractAddress(symbol, chain),
+            owner: address,
+            chain
+          })
+        )
+      );
+      if (currentFetchId !== fetchIdRef.current) return;
+      isFetchingRef.current = false;
+      const next = /* @__PURE__ */ new Map();
+      symbols.forEach((symbol, i) => {
+        const result = results[i];
+        next.set(
+          symbol,
+          result.status === "fulfilled" ? result.value.balance : null
+        );
+      });
+      setBalances(next);
+      setIsLoading(false);
+      isFirstFetch = false;
+    }
+    fetchBalances();
+    const interval = setInterval(fetchBalances, pollIntervalMs);
+    return () => {
+      clearInterval(interval);
+      ++fetchIdRef.current;
+    };
+  }, [coinlist, isReady, address, chain, assetsKey, pollIntervalMs, enabled]);
+  return { balances, isLoading };
+}
 
 // src/client/hooks/useCompleteOAuth.ts
-var import_react7 = require("react");
+var import_react19 = require("react");
 function useCompleteOAuth(options) {
   const { coinlist } = useCoinList();
-  const postOAuthCompleteRef = (0, import_react7.useRef)(options.postOAuthComplete);
-  const onFailureRef = (0, import_react7.useRef)(options.onFailure);
-  const onSuccessRef = (0, import_react7.useRef)(options.onSuccess);
+  const postOAuthCompleteRef = (0, import_react19.useRef)(options.postOAuthComplete);
+  const onFailureRef = (0, import_react19.useRef)(options.onFailure);
+  const onSuccessRef = (0, import_react19.useRef)(options.onSuccess);
   postOAuthCompleteRef.current = options.postOAuthComplete;
   onFailureRef.current = options.onFailure;
   onSuccessRef.current = options.onSuccess;
-  const hasStartedExchangeRef = (0, import_react7.useRef)(false);
-  (0, import_react7.useEffect)(() => {
+  const hasStartedExchangeRef = (0, import_react19.useRef)(false);
+  (0, import_react19.useEffect)(() => {
     if (typeof window === "undefined") return;
     const params = new URLSearchParams(window.location.search);
     if (!params.has("code") && !params.has("error")) return;
@@ -2212,19 +4984,19 @@ function useCompleteOAuth(options) {
 }
 
 // src/client/hooks/useOfferDetails.ts
-var import_react8 = require("react");
-var LOADING_STATE3 = { type: "LOADING" };
+var import_react20 = require("react");
+var LOADING_STATE7 = { type: "LOADING" };
 function useOfferDetails(offerId, options = {}) {
   const { coinlist, isReady } = useCoinList();
   const { data } = options;
-  const [offerDetailsState, setOfferDetailsState] = (0, import_react8.useState)(
-    data !== void 0 ? { type: "CONTENT", offerDetail: data } : LOADING_STATE3
+  const [offerDetailsState, setOfferDetailsState] = (0, import_react20.useState)(
+    data !== void 0 ? { type: "CONTENT", offerDetail: data } : LOADING_STATE7
   );
-  (0, import_react8.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     let isCancelled = false;
     if (!isReady) {
       if (data === void 0) {
-        setOfferDetailsState(LOADING_STATE3);
+        setOfferDetailsState(LOADING_STATE7);
       }
       return () => {
         isCancelled = true;
@@ -2235,7 +5007,7 @@ function useOfferDetails(offerId, options = {}) {
         isCancelled = true;
       };
     }
-    setOfferDetailsState(LOADING_STATE3);
+    setOfferDetailsState(LOADING_STATE7);
     coinlist.fetchOfferDetails(offerId).then((offerDetail) => {
       if (!isCancelled) {
         setOfferDetailsState({ type: "CONTENT", offerDetail });
@@ -2254,19 +5026,19 @@ function useOfferDetails(offerId, options = {}) {
 }
 
 // src/client/hooks/useParticipations.ts
-var import_react9 = require("react");
-var LOADING_STATE4 = { type: "LOADING" };
+var import_react21 = require("react");
+var LOADING_STATE8 = { type: "LOADING" };
 function useParticipations(offerId, options = {}) {
   const { coinlist, isReady } = useCoinList();
   const { data } = options;
-  const [participationsState, setParticipationsState] = (0, import_react9.useState)(
-    data !== void 0 ? { type: "CONTENT", participations: data } : LOADING_STATE4
+  const [participationsState, setParticipationsState] = (0, import_react21.useState)(
+    data !== void 0 ? { type: "CONTENT", participations: data } : LOADING_STATE8
   );
-  (0, import_react9.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     let isCancelled = false;
     if (!isReady) {
       if (data === void 0) {
-        setParticipationsState(LOADING_STATE4);
+        setParticipationsState(LOADING_STATE8);
       }
       return () => {
         isCancelled = true;
@@ -2277,8 +5049,8 @@ function useParticipations(offerId, options = {}) {
         isCancelled = true;
       };
     }
-    setParticipationsState(LOADING_STATE4);
-    coinlist.fetchParticipations(offerId).then((participations) => {
+    setParticipationsState(LOADING_STATE8);
+    coinlist.tokenSale.fetchParticipations(offerId).then((participations) => {
       if (!isCancelled) {
         setParticipationsState({ type: "CONTENT", participations });
       }
@@ -2297,12 +5069,18 @@ function useParticipations(offerId, options = {}) {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ChecklistStatus,
+  ClientSwapNamespaceImpl,
+  ClientTokenSaleNamespaceImpl,
   CoinListClientInitializationError,
   CoinListContext,
   CoinListContextProvider,
   CoinListProvider,
   CoinListSignInCard,
   CoinListStyleScope,
+  ConnectWalletModal,
+  ConnectedWalletList,
+  IdentityVerification,
+  KycToken,
   OAUTH_CODE_VERIFIER_KEY,
   OAUTH_STATE_KEY,
   OfferCard,
@@ -2313,12 +5091,25 @@ function useParticipations(offerId, options = {}) {
   RequirementStatus,
   RequirementVariant,
   RequirementsChecklist,
+  TaxDocumentModal,
+  authorizeWallet,
+  classifyWalletError,
+  connectExternalWalletFlow,
   createCoinListClient,
+  executeSwap,
+  executeTokenSale,
   useCoinList,
   useCompleteOAuth,
+  useConnectWallet,
+  useKycToken,
   useOfferDetails,
   useOffers,
+  useOptionAddresses,
   useParticipations,
-  useRequirements
+  useRequirements,
+  useSwapOutputToken,
+  useSwapQuote,
+  useSwapTokenBalances,
+  useTaxDocument
 });
 //# sourceMappingURL=index.cjs.map