@coinlist-co/react 0.4.0 → 0.5.0

package/dist/shared/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/types/user.ts"],"sourcesContent":["import type { UserDto } from '@/shared/types/dto/user';\nimport type { Newtype } from '@/shared/types/newtype';\n\nexport type UserId = Newtype<string, 'UserId'>;\nexport const UserId = (value: string) => value as UserId;\nexport type UserEmail = Newtype<string, 'UserEmail'>;\nexport const UserEmail = (value: string) => value as UserEmail;\n\nexport type User = {\n  id: UserId;\n  email: UserEmail;\n};\n\nexport const User = {\n  fromDto: (dto: UserDto): User => ({\n    id: UserId(dto.id),\n    email: UserEmail(dto.email),\n  }),\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,IAAM,SAAS,CAAC,UAAkB;AAElC,IAAM,YAAY,CAAC,UAAkB;AAOrC,IAAM,OAAO;AAAA,EAClB,SAAS,CAAC,SAAwB;AAAA,IAChC,IAAI,OAAO,IAAI,EAAE;AAAA,IACjB,OAAO,UAAU,IAAI,KAAK;AAAA,EAC5B;AACF;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinlist-co/react",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "CoinList Partner SDK",
   "type": "module",
   "main": "./dist/client/index.cjs",
@@ -12,31 +12,16 @@
       "import": "./dist/client/index.js",
       "require": "./dist/client/index.cjs"
     },
-    "./client": {
-      "types": "./dist/client/index.d.ts",
-      "import": "./dist/client/index.js",
-      "require": "./dist/client/index.cjs"
-    },
-    "./client/hooks": {
-      "types": "./dist/client/hooks/index.d.ts",
-      "import": "./dist/client/hooks/index.js",
-      "require": "./dist/client/hooks/index.cjs"
-    },
-    "./client/components": {
-      "types": "./dist/client/components/index.d.ts",
-      "import": "./dist/client/components/index.js",
-      "require": "./dist/client/components/index.cjs"
-    },
-    "./client/core": {
-      "types": "./dist/client/core/index.d.ts",
-      "import": "./dist/client/core/index.js",
-      "require": "./dist/client/core/index.cjs"
-    },
     "./server": {
       "types": "./dist/server/index.d.ts",
       "import": "./dist/server/index.js",
       "require": "./dist/server/index.cjs"
     },
+    "./shared": {
+      "types": "./dist/shared/index.d.ts",
+      "import": "./dist/shared/index.js",
+      "require": "./dist/shared/index.cjs"
+    },
     "./styles.css": "./dist/client/styles.css"
   },
   "files": [
@@ -52,7 +37,7 @@
   },
   "devDependencies": {
     "@biomejs/biome": "^2.4.4",
-    "@ivy-apps/deslop": "^0.4.10",
+    "@ivy-apps/deslop": "^0.6.1",
     "@storybook/addon-docs": "^10.2.15",
     "@storybook/addon-themes": "^10.2.15",
     "@storybook/react": "^10.2.15",

package/dist/RequirementItem-B-MvcxSr.d.cts

@@ -1,37 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { h as RequirementStatusInfo, i as RequirementStatusValue, j as RequirementType, R as Requirement } from './requirement-XWT0T_zO.cjs';
-
-type RequirementVariant = 'verification' | 'wallet';
-declare const RequirementVariant: {
-    fromType(type: RequirementType): RequirementVariant;
-};
-type RequirementStatus = 'required' | 'pending' | 'completed' | 'rejected';
-declare const RequirementStatus: {
-    fromStatusValue(status: RequirementStatusValue): RequirementStatus;
-};
-type ChecklistStatus = 'inProgress' | 'eligible' | 'ineligible';
-declare const ChecklistStatus: {
-    derive(statuses: RequirementStatusInfo[]): ChecklistStatus;
-};
-type RequirementItemUi = {
-    variant: RequirementVariant;
-    status: RequirementStatus;
-    label: string;
-    description: string;
-    walletAddress?: string;
-};
-declare const RequirementItemUi: {
-    fromDomain(req: Requirement, statusInfo: RequirementStatusInfo | undefined, label: string, description: string, walletAddress?: string): RequirementItemUi;
-};
-interface RequirementItemProps {
-    ui: RequirementItemUi;
-    expanded?: boolean;
-    onToggle?: () => void;
-    walletAddress?: string;
-    className?: string;
-    onAction?: (() => void) | null;
-    onContactSupport?: (() => void) | null;
-}
-declare function RequirementItem({ ui, expanded, onToggle, className, onAction, onContactSupport, }: RequirementItemProps): react_jsx_runtime.JSX.Element;
-
-export { ChecklistStatus as C, RequirementStatus as R, RequirementVariant as a, RequirementItem as b, type RequirementItemProps as c, RequirementItemUi as d };

package/dist/RequirementItem-DcYot2uC.d.ts

@@ -1,37 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { h as RequirementStatusInfo, i as RequirementStatusValue, j as RequirementType, R as Requirement } from './requirement-XWT0T_zO.js';
-
-type RequirementVariant = 'verification' | 'wallet';
-declare const RequirementVariant: {
-    fromType(type: RequirementType): RequirementVariant;
-};
-type RequirementStatus = 'required' | 'pending' | 'completed' | 'rejected';
-declare const RequirementStatus: {
-    fromStatusValue(status: RequirementStatusValue): RequirementStatus;
-};
-type ChecklistStatus = 'inProgress' | 'eligible' | 'ineligible';
-declare const ChecklistStatus: {
-    derive(statuses: RequirementStatusInfo[]): ChecklistStatus;
-};
-type RequirementItemUi = {
-    variant: RequirementVariant;
-    status: RequirementStatus;
-    label: string;
-    description: string;
-    walletAddress?: string;
-};
-declare const RequirementItemUi: {
-    fromDomain(req: Requirement, statusInfo: RequirementStatusInfo | undefined, label: string, description: string, walletAddress?: string): RequirementItemUi;
-};
-interface RequirementItemProps {
-    ui: RequirementItemUi;
-    expanded?: boolean;
-    onToggle?: () => void;
-    walletAddress?: string;
-    className?: string;
-    onAction?: (() => void) | null;
-    onContactSupport?: (() => void) | null;
-}
-declare function RequirementItem({ ui, expanded, onToggle, className, onAction, onContactSupport, }: RequirementItemProps): react_jsx_runtime.JSX.Element;
-
-export { ChecklistStatus as C, RequirementStatus as R, RequirementVariant as a, RequirementItem as b, type RequirementItemProps as c, RequirementItemUi as d };

package/dist/chunk-EHZ6PIGN.js

@@ -1,414 +0,0 @@
-// src/client/components/requirements/RequirementItem.tsx
-import { ChevronRight } from "lucide-react";
-
-// src/client/components/design-system/AlertBanner.tsx
-import { CircleCheck, Info } from "lucide-react";
-
-// src/client/components/design-system/tokens/typography.ts
-var typeClasses = {
-  hero: "text-[64px] leading-[110%] font-semibold",
-  display: "text-[48px] leading-[110%] font-semibold",
-  h1: "text-[36px] leading-[120%] font-semibold",
-  h2: "text-[28px] leading-[125%] font-semibold",
-  h3: "text-[22px] leading-[130%] font-semibold",
-  h4: "text-[18px] leading-[135%] font-medium",
-  body: "text-[16px] leading-[150%] font-normal",
-  subhead: "text-[14px] leading-[150%] font-normal",
-  caption: "text-[12px] leading-[140%] font-normal",
-  label: "text-[14px] leading-[140%] font-medium",
-  data: "text-[14px] leading-[140%] font-normal"
-};
-
-// src/client/components/design-system/utils.ts
-import { clsx } from "clsx";
-function cn(...inputs) {
-  return clsx(inputs);
-}
-
-// src/client/components/design-system/AlertBanner.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var variantConfig = {
-  info: {
-    container: "bg-surface border-border",
-    text: "text-text-secondary",
-    Icon: Info
-  },
-  success: {
-    container: "bg-success-subtle border-success-border",
-    text: "text-success",
-    Icon: CircleCheck
-  },
-  warning: {
-    container: "bg-warning-subtle border-warning-border",
-    text: "text-warning",
-    Icon: Info
-  },
-  error: {
-    container: "bg-error-subtle border-error-border",
-    text: "text-error",
-    Icon: Info
-  }
-};
-function AlertBanner({
-  variant,
-  content,
-  icon = false,
-  className
-}) {
-  const { container, text, Icon } = variantConfig[variant];
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "flex items-center rounded-btn border p-3",
-        icon && "gap-2",
-        container,
-        className
-      ),
-      children: [
-        icon && /* @__PURE__ */ jsx(Icon, { className: cn("h-4 w-4 shrink-0", text), "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx("p", { className: cn(typeClasses.subhead, text), children: content })
-      ]
-    }
-  );
-}
-
-// src/client/components/design-system/ClButton.tsx
-import { cva } from "class-variance-authority";
-import { forwardRef } from "react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var buttonVariants = cva(
-  "inline-flex items-center justify-center gap-3 whitespace-nowrap transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-40 cursor-pointer",
-  {
-    variants: {
-      variant: {
-        // Primary — tokens auto-switch: dark bg (#171717) → light bg (#f4f4f5) in dark mode
-        primary: "bg-brand-primary text-text-inverse font-semibold hover:bg-brand-primary-hover active:bg-brand-primary-active focus-visible:ring-gray-500",
-        // Secondary — bg-section, border-border, text-text-primary all auto-switch
-        // hover maps to border token value; active has no token so uses dark: override
-        secondary: "bg-section border border-border text-text-primary font-medium hover:bg-border active:bg-[#d9d9d9] dark:active:bg-divider focus-visible:ring-gray-400",
-        // Destructive — error tokens auto-switch to translucent dark equivalents
-        // hover/active have no tokens so use dark: overrides
-        destructive: "bg-error-subtle border border-error-border text-error font-semibold hover:bg-[#fcdcd8] active:bg-[#f9c9c4] dark:hover:bg-[rgba(248,113,113,0.20)] dark:active:bg-[rgba(248,113,113,0.30)] focus-visible:ring-red-400",
-        // Ghost — transparent base; hover/active use section/border tokens (auto-switch)
-        ghost: "bg-transparent text-text-primary font-medium hover:bg-section active:bg-border focus-visible:ring-gray-400",
-        // Link — text-text-primary auto-switches light/dark
-        link: "h-auto p-0 text-text-primary font-medium underline-offset-4 hover:underline focus-visible:ring-gray-500",
-        // Destructive link — text-error auto-switches (#b42318 → #f87171 in dark)
-        destructiveLink: "h-auto p-0 text-error font-medium hover:text-[#8b1a13] active:text-[#6d1510] dark:hover:text-[#fca5a5] dark:active:text-[#f87171] focus-visible:ring-red-500"
-      },
-      size: {
-        sm: "h-9 px-4 text-sm tracking-[0.28px]",
-        default: "h-11 px-5 text-sm tracking-[0.28px]",
-        lg: "h-14 px-6 text-base",
-        icon: "h-12 w-12"
-      },
-      radius: {
-        pill: "rounded-full",
-        // compound variants below handle size-specific radii
-        rounded: ""
-      },
-      fullWidth: {
-        true: "w-full",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      { size: "sm", radius: "rounded", className: "rounded-lg" },
-      { size: "default", radius: "rounded", className: "rounded-2xl" },
-      { size: "lg", radius: "rounded", className: "rounded-2xl" },
-      { size: "icon", radius: "rounded", className: "rounded-md" }
-    ],
-    defaultVariants: {
-      variant: "primary",
-      size: "default",
-      radius: "pill",
-      fullWidth: false
-    }
-  }
-);
-var ClButton = forwardRef(
-  ({
-    className,
-    variant,
-    size,
-    radius,
-    fullWidth,
-    children,
-    isLoading = false,
-    loadingText,
-    startIcon,
-    endIcon,
-    disabled,
-    ...props
-  }, ref) => {
-    const isDisabled = disabled || isLoading;
-    return /* @__PURE__ */ jsxs2(
-      "button",
-      {
-        className: cn(
-          buttonVariants({ variant, size, radius, fullWidth }),
-          className
-        ),
-        ref,
-        disabled: isDisabled,
-        ...props,
-        children: [
-          isLoading && /* @__PURE__ */ jsx2(
-            "span",
-            {
-              className: "h-4 w-4 shrink-0 animate-spin rounded-full border-2 border-current border-t-transparent opacity-60",
-              "aria-hidden": "true"
-            }
-          ),
-          startIcon && !isLoading && /* @__PURE__ */ jsx2("span", { className: "shrink-0", children: startIcon }),
-          /* @__PURE__ */ jsx2("span", { className: cn(isLoading && "opacity-60"), children: isLoading && loadingText ? loadingText : children }),
-          endIcon && !isLoading && /* @__PURE__ */ jsx2("span", { className: "shrink-0", children: endIcon })
-        ]
-      }
-    );
-  }
-);
-ClButton.displayName = "ClButton";
-
-// src/client/components/design-system/StepStatusIcon.tsx
-import { CircleCheck as CircleCheck2, CircleX, Info as Info2 } from "lucide-react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var statusConfig = {
-  required: {
-    Icon: Info2,
-    colorClass: "text-warning",
-    fillClass: "[&_circle]:fill-warning-subtle"
-  },
-  pending: {
-    Icon: Info2,
-    colorClass: "text-warning",
-    fillClass: "[&_circle]:fill-warning-subtle"
-  },
-  completed: {
-    Icon: CircleCheck2,
-    colorClass: "text-success",
-    fillClass: "[&_circle]:fill-success-subtle"
-  },
-  rejected: {
-    Icon: CircleX,
-    colorClass: "text-error",
-    fillClass: "[&_circle]:fill-error-subtle"
-  }
-};
-function StepStatusIcon({ status, className }) {
-  const { Icon, colorClass, fillClass } = statusConfig[status];
-  return /* @__PURE__ */ jsx3(
-    Icon,
-    {
-      className: cn("h-6 w-6 shrink-0", colorClass, fillClass, className),
-      "aria-hidden": "true"
-    }
-  );
-}
-
-// src/client/components/requirements/RequirementItem.tsx
-import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-var RequirementVariant = {
-  fromType(type) {
-    switch (type) {
-      case "external_wallet":
-      case "whitelisted_wallet":
-        return "wallet";
-      default:
-        return "verification";
-    }
-  }
-};
-var RequirementStatus = {
-  fromStatusValue(status) {
-    switch (status) {
-      case "not_started":
-      case "action_needed":
-        return "required";
-      case "in_progress":
-        return "pending";
-      case "completed":
-        return "completed";
-      case "rejected":
-        return "rejected";
-    }
-  }
-};
-var ChecklistStatus = {
-  derive(statuses) {
-    if (statuses.some((s) => s.status === "rejected")) return "ineligible";
-    if (statuses.every((s) => s.status === "completed")) return "eligible";
-    return "inProgress";
-  }
-};
-var RequirementItemUi = {
-  fromDomain(req, statusInfo, label, description, walletAddress) {
-    return {
-      variant: RequirementVariant.fromType(req.type),
-      status: statusInfo ? RequirementStatus.fromStatusValue(statusInfo.status) : "required",
-      label,
-      description,
-      walletAddress
-    };
-  }
-};
-function VerificationActionZone({
-  status,
-  onAction,
-  onContactSupport
-}) {
-  switch (status) {
-    case "required":
-      if (onAction === null) return null;
-      return /* @__PURE__ */ jsx4(ClButton, { size: "sm", onClick: onAction, children: "Continue" });
-    case "pending":
-      return /* @__PURE__ */ jsx4(
-        AlertBanner,
-        {
-          variant: "warning",
-          content: "Under review. We'll notify you when complete."
-        }
-      );
-    case "completed":
-      return /* @__PURE__ */ jsx4(AlertBanner, { variant: "success", content: "Identity verified." });
-    case "rejected":
-      return /* @__PURE__ */ jsx4(
-        AlertBanner,
-        {
-          variant: "error",
-          content: onContactSupport === null ? "Verification rejected." : /* @__PURE__ */ jsxs3(Fragment, { children: [
-            "Verification rejected.",
-            " ",
-            /* @__PURE__ */ jsx4(
-              "button",
-              {
-                type: "button",
-                onClick: onContactSupport,
-                className: "underline",
-                children: "Contact support"
-              }
-            ),
-            "."
-          ] })
-        }
-      );
-  }
-}
-function WalletActionZone({
-  status,
-  walletAddress,
-  onAction
-}) {
-  if (status === "completed") {
-    return /* @__PURE__ */ jsxs3(Fragment, { children: [
-      onAction !== null && /* @__PURE__ */ jsx4(ClButton, { size: "sm", variant: "secondary", onClick: onAction, children: "Change wallet" }),
-      /* @__PURE__ */ jsx4(
-        AlertBanner,
-        {
-          variant: "success",
-          content: walletAddress ?? "Connected: 0xBa4b...9f2c"
-        }
-      )
-    ] });
-  }
-  if (status === "rejected") {
-    return /* @__PURE__ */ jsxs3(Fragment, { children: [
-      onAction !== null && /* @__PURE__ */ jsx4(ClButton, { size: "sm", onClick: onAction, children: "Connect wallet" }),
-      /* @__PURE__ */ jsx4(
-        AlertBanner,
-        {
-          variant: "error",
-          content: "This wallet is not eligible for this sale."
-        }
-      )
-    ] });
-  }
-  if (onAction === null) return null;
-  return /* @__PURE__ */ jsx4(ClButton, { size: "sm", onClick: onAction, children: "Connect wallet" });
-}
-function RequirementItem({
-  ui,
-  expanded = false,
-  onToggle,
-  className,
-  onAction,
-  onContactSupport
-}) {
-  return /* @__PURE__ */ jsxs3("div", { className: cn("flex w-full flex-col", className), children: [
-    /* @__PURE__ */ jsxs3(
-      "button",
-      {
-        type: "button",
-        onClick: onToggle,
-        "aria-expanded": expanded,
-        className: "flex h-14 w-full cursor-pointer items-center justify-between rounded-2xl px-2 transition-colors hover:bg-surface",
-        children: [
-          /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx4(StepStatusIcon, { status: ui.status }),
-            /* @__PURE__ */ jsx4(
-              "span",
-              {
-                className: cn(
-                  typeClasses.body,
-                  "whitespace-nowrap font-medium text-text-primary"
-                ),
-                children: ui.label
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx4(
-            ChevronRight,
-            {
-              className: cn(
-                "h-6 w-6 shrink-0 text-text-secondary transition-transform duration-300",
-                expanded && "rotate-90"
-              ),
-              "aria-hidden": "true"
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx4(
-      "div",
-      {
-        className: cn(
-          "grid transition-[grid-template-rows] duration-300 ease-in-out",
-          expanded ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
-        ),
-        children: /* @__PURE__ */ jsx4("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-4 px-2 pb-4", children: [
-          /* @__PURE__ */ jsx4("p", { className: cn(typeClasses.subhead, "text-text-secondary"), children: ui.description }),
-          ui.variant === "verification" ? /* @__PURE__ */ jsx4(
-            VerificationActionZone,
-            {
-              status: ui.status,
-              onAction,
-              onContactSupport
-            }
-          ) : /* @__PURE__ */ jsx4(
-            WalletActionZone,
-            {
-              status: ui.status,
-              walletAddress: ui.walletAddress,
-              onAction
-            }
-          )
-        ] }) })
-      }
-    )
-  ] });
-}
-
-export {
-  typeClasses,
-  cn,
-  AlertBanner,
-  ClButton,
-  RequirementVariant,
-  RequirementStatus,
-  ChecklistStatus,
-  RequirementItemUi,
-  RequirementItem
-};
-//# sourceMappingURL=chunk-EHZ6PIGN.js.map

package/dist/chunk-EHZ6PIGN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/client/components/requirements/RequirementItem.tsx","../src/client/components/design-system/AlertBanner.tsx","../src/client/components/design-system/tokens/typography.ts","../src/client/components/design-system/utils.ts","../src/client/components/design-system/ClButton.tsx","../src/client/components/design-system/StepStatusIcon.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronRight } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { AlertBanner } from '@/client/components/design-system/AlertBanner';\nimport { ClButton } from '@/client/components/design-system/ClButton';\nimport { StepStatusIcon } from '@/client/components/design-system/StepStatusIcon';\nimport { typeClasses } from '@/client/components/design-system/tokens/typography';\nimport { cn } from '@/client/components/design-system/utils';\nimport type {\n  Requirement,\n  RequirementStatusInfo,\n  RequirementStatusValue,\n  RequirementType,\n} from '@/shared/types/requirement';\n\nexport type RequirementVariant = 'verification' | 'wallet';\nexport const RequirementVariant = {\n  fromType(type: RequirementType): RequirementVariant {\n    switch (type) {\n      case 'external_wallet':\n      case 'whitelisted_wallet':\n        return 'wallet';\n      default:\n        return 'verification';\n    }\n  },\n};\n\nexport type RequirementStatus =\n  | 'required'\n  | 'pending'\n  | 'completed'\n  | 'rejected';\nexport const RequirementStatus = {\n  fromStatusValue(status: RequirementStatusValue): RequirementStatus {\n    switch (status) {\n      case 'not_started':\n      case 'action_needed':\n        return 'required';\n      case 'in_progress':\n        return 'pending';\n      case 'completed':\n        return 'completed';\n      case 'rejected':\n        return 'rejected';\n    }\n  },\n};\n\nexport type ChecklistStatus = 'inProgress' | 'eligible' | 'ineligible';\nexport const ChecklistStatus = {\n  derive(statuses: RequirementStatusInfo[]): ChecklistStatus {\n    if (statuses.some((s) => s.status === 'rejected')) return 'ineligible';\n    if (statuses.every((s) => s.status === 'completed')) return 'eligible';\n    return 'inProgress';\n  },\n};\n\nexport type RequirementItemUi = {\n  variant: RequirementVariant;\n  status: RequirementStatus;\n  label: string;\n  description: string;\n  walletAddress?: string;\n};\n\nexport const RequirementItemUi = {\n  fromDomain(\n    req: Requirement,\n    statusInfo: RequirementStatusInfo | undefined,\n    label: string,\n    description: string,\n    walletAddress?: string\n  ): RequirementItemUi {\n    return {\n      variant: RequirementVariant.fromType(req.type),\n      status: statusInfo\n        ? RequirementStatus.fromStatusValue(statusInfo.status)\n        : 'required',\n      label,\n      description,\n      walletAddress,\n    };\n  },\n};\n\nexport interface RequirementItemProps {\n  ui: RequirementItemUi;\n  expanded?: boolean;\n  onToggle?: () => void;\n  walletAddress?: string;\n  className?: string;\n  onAction?: (() => void) | null;\n  onContactSupport?: (() => void) | null;\n}\n\nfunction VerificationActionZone({\n  status,\n  onAction,\n  onContactSupport,\n}: {\n  status: RequirementStatus;\n  onAction?: (() => void) | null;\n  onContactSupport?: (() => void) | null;\n}): ReactNode {\n  switch (status) {\n    case 'required':\n      if (onAction === null) return null;\n      return (\n        <ClButton size=\"sm\" onClick={onAction}>\n          Continue\n        </ClButton>\n      );\n    case 'pending':\n      return (\n        <AlertBanner\n          variant=\"warning\"\n          content=\"Under review. We'll notify you when complete.\"\n        />\n      );\n    case 'completed':\n      return <AlertBanner variant=\"success\" content=\"Identity verified.\" />;\n    case 'rejected':\n      return (\n        <AlertBanner\n          variant=\"error\"\n          content={\n            onContactSupport === null ? (\n              'Verification rejected.'\n            ) : (\n              <>\n                Verification rejected.{' '}\n                <button\n                  type=\"button\"\n                  onClick={onContactSupport}\n                  className=\"underline\"\n                >\n                  Contact support\n                </button>\n                .\n              </>\n            )\n          }\n        />\n      );\n  }\n}\n\nfunction WalletActionZone({\n  status,\n  walletAddress,\n  onAction,\n}: {\n  status: RequirementStatus;\n  walletAddress?: string;\n  onAction?: (() => void) | null;\n}): ReactNode {\n  if (status === 'completed') {\n    return (\n      <>\n        {onAction !== null && (\n          <ClButton size=\"sm\" variant=\"secondary\" onClick={onAction}>\n            Change wallet\n          </ClButton>\n        )}\n        <AlertBanner\n          variant=\"success\"\n          content={walletAddress ?? 'Connected: 0xBa4b...9f2c'}\n        />\n      </>\n    );\n  }\n\n  if (status === 'rejected') {\n    return (\n      <>\n        {onAction !== null && (\n          <ClButton size=\"sm\" onClick={onAction}>\n            Connect wallet\n          </ClButton>\n        )}\n        <AlertBanner\n          variant=\"error\"\n          content=\"This wallet is not eligible for this sale.\"\n        />\n      </>\n    );\n  }\n\n  if (onAction === null) return null;\n  return (\n    <ClButton size=\"sm\" onClick={onAction}>\n      Connect wallet\n    </ClButton>\n  );\n}\n\nexport function RequirementItem({\n  ui,\n  expanded = false,\n  onToggle,\n  className,\n  onAction,\n  onContactSupport,\n}: RequirementItemProps) {\n  return (\n    <div className={cn('flex w-full flex-col', className)}>\n      <button\n        type=\"button\"\n        onClick={onToggle}\n        aria-expanded={expanded}\n        className=\"flex h-14 w-full cursor-pointer items-center justify-between rounded-2xl px-2 transition-colors hover:bg-surface\"\n      >\n        <div className=\"flex items-center gap-3\">\n          <StepStatusIcon status={ui.status} />\n          <span\n            className={cn(\n              typeClasses.body,\n              'whitespace-nowrap font-medium text-text-primary'\n            )}\n          >\n            {ui.label}\n          </span>\n        </div>\n        <ChevronRight\n          className={cn(\n            'h-6 w-6 shrink-0 text-text-secondary transition-transform duration-300',\n            expanded && 'rotate-90'\n          )}\n          aria-hidden=\"true\"\n        />\n      </button>\n\n      <div\n        className={cn(\n          'grid transition-[grid-template-rows] duration-300 ease-in-out',\n          expanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\n        )}\n      >\n        {/* min-h-0 lets the grid item collapse to 0 when grid-rows is 0fr */}\n        <div className=\"min-h-0 overflow-hidden\">\n          <div className=\"flex flex-col gap-4 px-2 pb-4\">\n            <p className={cn(typeClasses.subhead, 'text-text-secondary')}>\n              {ui.description}\n            </p>\n            {ui.variant === 'verification' ? (\n              <VerificationActionZone\n                status={ui.status}\n                onAction={onAction}\n                onContactSupport={onContactSupport}\n              />\n            ) : (\n              <WalletActionZone\n                status={ui.status}\n                walletAddress={ui.walletAddress}\n                onAction={onAction}\n              />\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import type { LucideIcon } from 'lucide-react';\nimport { CircleCheck, Info } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { typeClasses } from '@/client/components/design-system/tokens/typography';\nimport { cn } from '@/client/components/design-system/utils';\n\nexport type AlertBannerVariant = 'info' | 'success' | 'warning' | 'error';\n\ninterface AlertBannerProps {\n  variant: AlertBannerVariant;\n  content: ReactNode;\n  icon?: boolean;\n  className?: string;\n}\n\nconst variantConfig: Record<\n  AlertBannerVariant,\n  { container: string; text: string; Icon: LucideIcon }\n> = {\n  info: {\n    container: 'bg-surface border-border',\n    text: 'text-text-secondary',\n    Icon: Info,\n  },\n  success: {\n    container: 'bg-success-subtle border-success-border',\n    text: 'text-success',\n    Icon: CircleCheck,\n  },\n  warning: {\n    container: 'bg-warning-subtle border-warning-border',\n    text: 'text-warning',\n    Icon: Info,\n  },\n  error: {\n    container: 'bg-error-subtle border-error-border',\n    text: 'text-error',\n    Icon: Info,\n  },\n};\n\nexport function AlertBanner({\n  variant,\n  content,\n  icon = false,\n  className,\n}: AlertBannerProps) {\n  const { container, text, Icon } = variantConfig[variant];\n\n  return (\n    <div\n      className={cn(\n        'flex items-center rounded-btn border p-3',\n        icon && 'gap-2',\n        container,\n        className\n      )}\n    >\n      {icon && (\n        <Icon className={cn('h-4 w-4 shrink-0', text)} aria-hidden=\"true\" />\n      )}\n      <p className={cn(typeClasses.subhead, text)}>{content}</p>\n    </div>\n  );\n}\n","/**\n * CoinList Sale SDK — Typography Tokens\n *\n * Scale based on design system.\n * fontSize in px, lineHeight as percentage string, fontWeight as number.\n * Use the cn() Tailwind classes where possible, these values\n * are for programmatic access or non-Tailwind contexts.\n */\n\nexport const typeScale = {\n  hero: {\n    fontSize: 64,\n    lineHeight: '110%',\n    fontWeight: 600,\n  },\n  display: {\n    fontSize: 48,\n    lineHeight: '110%',\n    fontWeight: 600,\n  },\n  h1: {\n    fontSize: 36,\n    lineHeight: '120%',\n    fontWeight: 600,\n  },\n  h2: {\n    fontSize: 28,\n    lineHeight: '125%',\n    fontWeight: 600,\n  },\n  h3: {\n    fontSize: 22,\n    lineHeight: '130%',\n    fontWeight: 600,\n  },\n  h4: {\n    fontSize: 18,\n    lineHeight: '135%',\n    fontWeight: 500,\n  },\n  body: {\n    fontSize: 16,\n    lineHeight: '150%',\n    fontWeight: 400,\n  },\n  subhead: {\n    fontSize: 14,\n    lineHeight: '150%',\n    fontWeight: 400,\n  },\n  caption: {\n    fontSize: 12,\n    lineHeight: '140%',\n    fontWeight: 400,\n  },\n  label: {\n    fontSize: 14,\n    lineHeight: '140%',\n    fontWeight: 500,\n  },\n  data: {\n    fontSize: 14,\n    lineHeight: '140%',\n    fontWeight: 400,\n  },\n} as const;\n\n/**\n * Tailwind class mappings for each type style.\n * Use these className strings directly in components.\n *\n * e.g. <h1 className={typeClasses.h1}>Hello</h1>\n */\nexport const typeClasses = {\n  hero: 'text-[64px] leading-[110%] font-semibold',\n  display: 'text-[48px] leading-[110%] font-semibold',\n  h1: 'text-[36px] leading-[120%] font-semibold',\n  h2: 'text-[28px] leading-[125%] font-semibold',\n  h3: 'text-[22px] leading-[130%] font-semibold',\n  h4: 'text-[18px] leading-[135%] font-medium',\n  body: 'text-[16px] leading-[150%] font-normal',\n  subhead: 'text-[14px] leading-[150%] font-normal',\n  caption: 'text-[12px] leading-[140%] font-normal',\n  label: 'text-[14px] leading-[140%] font-medium',\n  data: 'text-[14px] leading-[140%] font-normal',\n} as const;\n\nexport type TypeScale = keyof typeof typeScale;\n","import { type ClassValue, clsx } from 'clsx';\n\n/**\n * Utility function to merge class names using clsx.\n */\nexport function cn(...inputs: ClassValue[]) {\n  return clsx(inputs);\n}\n","'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { type ButtonHTMLAttributes, forwardRef, type ReactNode } from 'react';\nimport { cn } from '@/client/components/design-system/utils';\n\n// Button variants using class-variance-authority for consistent styling\nconst buttonVariants = cva(\n  'inline-flex items-center justify-center gap-3 whitespace-nowrap transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-40 cursor-pointer',\n  {\n    variants: {\n      variant: {\n        // Primary — tokens auto-switch: dark bg (#171717) → light bg (#f4f4f5) in dark mode\n        primary:\n          'bg-brand-primary text-text-inverse font-semibold hover:bg-brand-primary-hover active:bg-brand-primary-active focus-visible:ring-gray-500',\n        // Secondary — bg-section, border-border, text-text-primary all auto-switch\n        // hover maps to border token value; active has no token so uses dark: override\n        secondary:\n          'bg-section border border-border text-text-primary font-medium hover:bg-border active:bg-[#d9d9d9] dark:active:bg-divider focus-visible:ring-gray-400',\n        // Destructive — error tokens auto-switch to translucent dark equivalents\n        // hover/active have no tokens so use dark: overrides\n        destructive:\n          'bg-error-subtle border border-error-border text-error font-semibold hover:bg-[#fcdcd8] active:bg-[#f9c9c4] dark:hover:bg-[rgba(248,113,113,0.20)] dark:active:bg-[rgba(248,113,113,0.30)] focus-visible:ring-red-400',\n        // Ghost — transparent base; hover/active use section/border tokens (auto-switch)\n        ghost:\n          'bg-transparent text-text-primary font-medium hover:bg-section active:bg-border focus-visible:ring-gray-400',\n        // Link — text-text-primary auto-switches light/dark\n        link: 'h-auto p-0 text-text-primary font-medium underline-offset-4 hover:underline focus-visible:ring-gray-500',\n        // Destructive link — text-error auto-switches (#b42318 → #f87171 in dark)\n        destructiveLink:\n          'h-auto p-0 text-error font-medium hover:text-[#8b1a13] active:text-[#6d1510] dark:hover:text-[#fca5a5] dark:active:text-[#f87171] focus-visible:ring-red-500',\n      },\n      size: {\n        sm: 'h-9 px-4 text-sm tracking-[0.28px]',\n        default: 'h-11 px-5 text-sm tracking-[0.28px]',\n        lg: 'h-14 px-6 text-base',\n        icon: 'h-12 w-12',\n      },\n      radius: {\n        pill: 'rounded-full',\n        // compound variants below handle size-specific radii\n        rounded: '',\n      },\n      fullWidth: {\n        true: 'w-full',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      { size: 'sm', radius: 'rounded', className: 'rounded-lg' },\n      { size: 'default', radius: 'rounded', className: 'rounded-2xl' },\n      { size: 'lg', radius: 'rounded', className: 'rounded-2xl' },\n      { size: 'icon', radius: 'rounded', className: 'rounded-md' },\n    ],\n    defaultVariants: {\n      variant: 'primary',\n      size: 'default',\n      radius: 'pill',\n      fullWidth: false,\n    },\n  }\n);\n\ninterface ClButtonProps\n  extends ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  children?: ReactNode;\n  isLoading?: boolean;\n  loadingText?: string;\n  startIcon?: ReactNode;\n  endIcon?: ReactNode;\n}\n\nconst ClButton = forwardRef<HTMLButtonElement, ClButtonProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      radius,\n      fullWidth,\n      children,\n      isLoading = false,\n      loadingText,\n      startIcon,\n      endIcon,\n      disabled,\n      ...props\n    },\n    ref\n  ) => {\n    const isDisabled = disabled || isLoading;\n\n    return (\n      <button\n        className={cn(\n          buttonVariants({ variant, size, radius, fullWidth }),\n          className\n        )}\n        ref={ref}\n        disabled={isDisabled}\n        {...props}\n      >\n        {isLoading && (\n          <span\n            className=\"h-4 w-4 shrink-0 animate-spin rounded-full border-2 border-current border-t-transparent opacity-60\"\n            aria-hidden=\"true\"\n          />\n        )}\n\n        {startIcon && !isLoading && (\n          <span className=\"shrink-0\">{startIcon}</span>\n        )}\n\n        <span className={cn(isLoading && 'opacity-60')}>\n          {isLoading && loadingText ? loadingText : children}\n        </span>\n\n        {endIcon && !isLoading && <span className=\"shrink-0\">{endIcon}</span>}\n      </button>\n    );\n  }\n);\n\nClButton.displayName = 'ClButton';\n\nexport { ClButton, buttonVariants };\nexport type { ClButtonProps };\n","import type { LucideIcon } from 'lucide-react';\nimport { CircleCheck, CircleX, Info } from 'lucide-react';\nimport { cn } from '@/client/components/design-system/utils';\n\nexport type StepStatus = 'required' | 'pending' | 'completed' | 'rejected';\n\ninterface StepStatusIconProps {\n  status: StepStatus;\n  className?: string;\n}\n\nconst statusConfig: Record<\n  StepStatus,\n  { Icon: LucideIcon; colorClass: string; fillClass: string }\n> = {\n  required: {\n    Icon: Info,\n    colorClass: 'text-warning',\n    fillClass: '[&_circle]:fill-warning-subtle',\n  },\n  pending: {\n    Icon: Info,\n    colorClass: 'text-warning',\n    fillClass: '[&_circle]:fill-warning-subtle',\n  },\n  completed: {\n    Icon: CircleCheck,\n    colorClass: 'text-success',\n    fillClass: '[&_circle]:fill-success-subtle',\n  },\n  rejected: {\n    Icon: CircleX,\n    colorClass: 'text-error',\n    fillClass: '[&_circle]:fill-error-subtle',\n  },\n};\n\nexport function StepStatusIcon({ status, className }: StepStatusIconProps) {\n  const { Icon, colorClass, fillClass } = statusConfig[status];\n  return (\n    <Icon\n      className={cn('h-6 w-6 shrink-0', colorClass, fillClass, className)}\n      aria-hidden=\"true\"\n    />\n  );\n}\n"],"mappings":"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","names":["jsx","jsxs","CircleCheck","Info","jsx","Info","CircleCheck","jsx","jsxs"]}