@coinlist-co/react 0.1.2 → 0.3.0

package/dist/RequirementItem-BpkJQep8.d.ts

@@ -0,0 +1,37 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { h as RequirementStatusInfo, i as RequirementStatusValue, j as RequirementType, R as Requirement } from './requirement-fJsQ3f9_.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;
+    onContactSupport?: () => void;
+}
+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-BvwsFu9e.d.cts

@@ -0,0 +1,37 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { h as RequirementStatusInfo, i as RequirementStatusValue, j as RequirementType, R as Requirement } from './requirement-CxbdY8l4.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;
+    onContactSupport?: () => void;
+}
+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-WFA6X7E2.js → chunk-IADBIDY6.js}

@@ -1,9 +1,9 @@
 import {
   useCoinList
-} from "./chunk-DLEKT4T4.js";
+} from "./chunk-V5M7SA3C.js";
 import {
   NotAuthenticatedError
-} from "./chunk-6CG7JT7Q.js";
+} from "./chunk-P4DTIPEX.js";
 
 // src/client/hooks/useCoinListOfferDetails.ts
 import { useEffect, useState } from "react";
@@ -73,4 +73,4 @@ export {
   useCoinListOfferDetails,
   useCoinListOffers
 };
-//# sourceMappingURL=chunk-WFA6X7E2.js.map
+//# sourceMappingURL=chunk-IADBIDY6.js.map

package/dist/chunk-IDCROXPS.js

@@ -0,0 +1,412 @@
+// 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":
+      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: /* @__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: [
+      /* @__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: [
+      /* @__PURE__ */ jsx4(ClButton, { size: "sm", onClick: onAction, children: "Connect wallet" }),
+      /* @__PURE__ */ jsx4(
+        AlertBanner,
+        {
+          variant: "error",
+          content: "This wallet is not eligible for this sale."
+        }
+      )
+    ] });
+  }
+  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-IDCROXPS.js.map

package/dist/chunk-IDCROXPS.js.map

@@ -0,0 +1 @@
+{"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;\n  onContactSupport?: () => void;\n}\n\nfunction VerificationActionZone({\n  status,\n  onAction,\n  onContactSupport,\n}: {\n  status: RequirementStatus;\n  onAction?: () => void;\n  onContactSupport?: () => void;\n}): ReactNode {\n  switch (status) {\n    case 'required':\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            <>\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\nfunction WalletActionZone({\n  status,\n  walletAddress,\n  onAction,\n}: {\n  status: RequirementStatus;\n  walletAddress?: string;\n  onAction?: () => void;\n}): ReactNode {\n  if (status === 'completed') {\n    return (\n      <>\n        <ClButton size=\"sm\" variant=\"secondary\" onClick={onAction}>\n          Change wallet\n        </ClButton>\n        <AlertBanner\n          variant=\"success\"\n          content={walletAddress ?? 'Connected: 0xBa4b...9f2c'}\n        />\n      </>\n    );\n  }\n\n  if (status === 'rejected') {\n    return (\n      <>\n        <ClButton size=\"sm\" onClick={onAction}>\n          Connect wallet\n        </ClButton>\n        <AlertBanner\n          variant=\"error\"\n          content=\"This wallet is not eligible for this sale.\"\n        />\n      </>\n    );\n  }\n\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":";AAEA,SAAS,oBAAoB;;;ACD7B,SAAS,aAAa,YAAY;;;ACwE3B,IAAM,cAAc;AAAA,EACzB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AACR;;;ACrFA,SAA0B,YAAY;AAK/B,SAAS,MAAM,QAAsB;AAC1C,SAAO,KAAK,MAAM;AACpB;;;AF2CI,SASI,KATJ;AAnCJ,IAAM,gBAGF;AAAA,EACF,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,SAAS;AAAA,IACP,WAAW;AAAA,IACX,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,SAAS;AAAA,IACP,WAAW;AAAA,IACX,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,OAAO;AAAA,IACL,WAAW;AAAA,IACX,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACF;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AACF,GAAqB;AACnB,QAAM,EAAE,WAAW,MAAM,KAAK,IAAI,cAAc,OAAO;AAEvD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA,gBACC,oBAAC,QAAK,WAAW,GAAG,oBAAoB,IAAI,GAAG,eAAY,QAAO;AAAA,QAEpE,oBAAC,OAAE,WAAW,GAAG,YAAY,SAAS,IAAI,GAAI,mBAAQ;AAAA;AAAA;AAAA,EACxD;AAEJ;;;AG9DA,SAAS,WAA8B;AACvC,SAAoC,kBAAkC;AA2FhE,SAUI,OAAAA,MAVJ,QAAAC,aAAA;AAvFN,IAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA;AAAA,QAEP,SACE;AAAA;AAAA;AAAA,QAGF,WACE;AAAA;AAAA;AAAA,QAGF,aACE;AAAA;AAAA,QAEF,OACE;AAAA;AAAA,QAEF,MAAM;AAAA;AAAA,QAEN,iBACE;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA;AAAA,QAEN,SAAS;AAAA,MACX;AAAA,MACA,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB,EAAE,MAAM,MAAM,QAAQ,WAAW,WAAW,aAAa;AAAA,MACzD,EAAE,MAAM,WAAW,QAAQ,WAAW,WAAW,cAAc;AAAA,MAC/D,EAAE,MAAM,MAAM,QAAQ,WAAW,WAAW,cAAc;AAAA,MAC1D,EAAE,MAAM,QAAQ,QAAQ,WAAW,WAAW,aAAa;AAAA,IAC7D;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,WAAW;AAAA,IACb;AAAA,EACF;AACF;AAYA,IAAM,WAAW;AAAA,EACf,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,aAAa,YAAY;AAE/B,WACE,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT,eAAe,EAAE,SAAS,MAAM,QAAQ,UAAU,CAAC;AAAA,UACnD;AAAA,QACF;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACT,GAAG;AAAA,QAEH;AAAA,uBACC,gBAAAD;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA;AAAA,UACd;AAAA,UAGD,aAAa,CAAC,aACb,gBAAAA,KAAC,UAAK,WAAU,YAAY,qBAAU;AAAA,UAGxC,gBAAAA,KAAC,UAAK,WAAW,GAAG,aAAa,YAAY,GAC1C,uBAAa,cAAc,cAAc,UAC5C;AAAA,UAEC,WAAW,CAAC,aAAa,gBAAAA,KAAC,UAAK,WAAU,YAAY,mBAAQ;AAAA;AAAA;AAAA,IAChE;AAAA,EAEJ;AACF;AAEA,SAAS,cAAc;;;AC3HvB,SAAS,eAAAE,cAAa,SAAS,QAAAC,aAAY;AAuCvC,gBAAAC,YAAA;AA7BJ,IAAM,eAGF;AAAA,EACF,UAAU;AAAA,IACR,MAAMC;AAAA,IACN,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AAAA,EACA,SAAS;AAAA,IACP,MAAMA;AAAA,IACN,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AAAA,EACA,WAAW;AAAA,IACT,MAAMC;AAAA,IACN,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AACF;AAEO,SAAS,eAAe,EAAE,QAAQ,UAAU,GAAwB;AACzE,QAAM,EAAE,MAAM,YAAY,UAAU,IAAI,aAAa,MAAM;AAC3D,SACE,gBAAAF;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,oBAAoB,YAAY,WAAW,SAAS;AAAA,MAClE,eAAY;AAAA;AAAA,EACd;AAEJ;;;ALgEQ,SAkBI,UAlBJ,OAAAG,MAkBI,QAAAC,aAlBJ;AA5FD,IAAM,qBAAqB;AAAA,EAChC,SAAS,MAA2C;AAClD,YAAQ,MAAM;AAAA,MACZ,KAAK;AAAA,MACL,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IACX;AAAA,EACF;AACF;AAOO,IAAM,oBAAoB;AAAA,EAC/B,gBAAgB,QAAmD;AACjE,YAAQ,QAAQ;AAAA,MACd,KAAK;AAAA,MACL,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,IACX;AAAA,EACF;AACF;AAGO,IAAM,kBAAkB;AAAA,EAC7B,OAAO,UAAoD;AACzD,QAAI,SAAS,KAAK,CAAC,MAAM,EAAE,WAAW,UAAU,EAAG,QAAO;AAC1D,QAAI,SAAS,MAAM,CAAC,MAAM,EAAE,WAAW,WAAW,EAAG,QAAO;AAC5D,WAAO;AAAA,EACT;AACF;AAUO,IAAM,oBAAoB;AAAA,EAC/B,WACE,KACA,YACA,OACA,aACA,eACmB;AACnB,WAAO;AAAA,MACL,SAAS,mBAAmB,SAAS,IAAI,IAAI;AAAA,MAC7C,QAAQ,aACJ,kBAAkB,gBAAgB,WAAW,MAAM,IACnD;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;AAYA,SAAS,uBAAuB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,GAIc;AACZ,UAAQ,QAAQ;AAAA,IACd,KAAK;AACH,aACE,gBAAAD,KAAC,YAAS,MAAK,MAAK,SAAS,UAAU,sBAEvC;AAAA,IAEJ,KAAK;AACH,aACE,gBAAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAQ;AAAA;AAAA,MACV;AAAA,IAEJ,KAAK;AACH,aAAO,gBAAAA,KAAC,eAAY,SAAQ,WAAU,SAAQ,sBAAqB;AAAA,IACrE,KAAK;AACH,aACE,gBAAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SACE,gBAAAC,MAAA,YAAE;AAAA;AAAA,YACuB;AAAA,YACvB,gBAAAD;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS;AAAA,gBACT,WAAU;AAAA,gBACX;AAAA;AAAA,YAED;AAAA,YAAS;AAAA,aAEX;AAAA;AAAA,MAEJ;AAAA,EAEN;AACF;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AACF,GAIc;AACZ,MAAI,WAAW,aAAa;AAC1B,WACE,gBAAAC,MAAA,YACE;AAAA,sBAAAD,KAAC,YAAS,MAAK,MAAK,SAAQ,aAAY,SAAS,UAAU,2BAE3D;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,iBAAiB;AAAA;AAAA,MAC5B;AAAA,OACF;AAAA,EAEJ;AAEA,MAAI,WAAW,YAAY;AACzB,WACE,gBAAAC,MAAA,YACE;AAAA,sBAAAD,KAAC,YAAS,MAAK,MAAK,SAAS,UAAU,4BAEvC;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAQ;AAAA;AAAA,MACV;AAAA,OACF;AAAA,EAEJ;AAEA,SACE,gBAAAA,KAAC,YAAS,MAAK,MAAK,SAAS,UAAU,4BAEvC;AAEJ;AAEO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,SACE,gBAAAC,MAAC,SAAI,WAAW,GAAG,wBAAwB,SAAS,GAClD;AAAA,oBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS;AAAA,QACT,iBAAe;AAAA,QACf,WAAU;AAAA,QAEV;AAAA,0BAAAA,MAAC,SAAI,WAAU,2BACb;AAAA,4BAAAD,KAAC,kBAAe,QAAQ,GAAG,QAAQ;AAAA,YACnC,gBAAAA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW;AAAA,kBACT,YAAY;AAAA,kBACZ;AAAA,gBACF;AAAA,gBAEC,aAAG;AAAA;AAAA,YACN;AAAA,aACF;AAAA,UACA,gBAAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA,YAAY;AAAA,cACd;AAAA,cACA,eAAY;AAAA;AAAA,UACd;AAAA;AAAA;AAAA,IACF;AAAA,IAEA,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,WAAW,oBAAoB;AAAA,QACjC;AAAA,QAGA,0BAAAA,KAAC,SAAI,WAAU,2BACb,0BAAAC,MAAC,SAAI,WAAU,iCACb;AAAA,0BAAAD,KAAC,OAAE,WAAW,GAAG,YAAY,SAAS,qBAAqB,GACxD,aAAG,aACN;AAAA,UACC,GAAG,YAAY,iBACd,gBAAAA;AAAA,YAAC;AAAA;AAAA,cACC,QAAQ,GAAG;AAAA,cACX;AAAA,cACA;AAAA;AAAA,UACF,IAEA,gBAAAA;AAAA,YAAC;AAAA;AAAA,cACC,QAAQ,GAAG;AAAA,cACX,eAAe,GAAG;AAAA,cAClB;AAAA;AAAA,UACF;AAAA,WAEJ,GACF;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":["jsx","jsxs","CircleCheck","Info","jsx","Info","CircleCheck","jsx","jsxs"]}