@fairmint/ui 0.2.25 → 0.2.26

package/dist/components/generic/ConfidentialityBanner/ConfidentialityBanner.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+export interface ConfidentialityBannerProps {
+    /**
+     * Banner message. Typically a one-line legal / policy notice that
+     * the viewer must see before interacting with the page.
+     */
+    children: ReactNode;
+    /**
+     * Icon rendered to the left of the message. Defaults to a lock glyph.
+     * Pass `null` to omit the icon entirely.
+     */
+    icon?: ReactNode;
+}
+/**
+ * Thin gradient ribbon used at the very top of confidential / gated
+ * pages (e.g., offering pages, board-pack distributions). Sits above
+ * the page's regular sticky header so the disclaimer is the first
+ * thing the viewer sees.
+ *
+ * Visual treatment is the Fairmint indigo→purple gradient at 8%
+ * opacity, with a 1px bottom border and a center-aligned message. The
+ * lock glyph signals "private, do not share" without leaning on
+ * heavy "WARNING" framing.
+ */
+export declare function ConfidentialityBanner({ children, icon }: ConfidentialityBannerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ConfidentialityBanner.d.ts.map

package/dist/components/generic/ConfidentialityBanner/ConfidentialityBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfidentialityBanner.d.ts","sourceRoot":"","sources":["../../../../src/components/generic/ConfidentialityBanner/ConfidentialityBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAsBvC,MAAM,WAAW,0BAA0B;IACzC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,0BAA0B,2CAuBnF"}

package/dist/components/generic/DataRow/DataRow.d.ts

@@ -0,0 +1,51 @@
+import { ReactNode } from 'react';
+export interface DataRowProps {
+    /** Left-aligned label. */
+    label: string;
+    /**
+     * Right-aligned value.
+     *
+     *   - `string`     — rendered as styled `Text` (accent-aware).
+     *   - `ReactNode`  — rendered as-is. Pass `<StackedValue values={...}/>`
+     *     for a vertical list, or any other JSX (badges, icons, links).
+     *   - `null`       — renders a `<RedactedValue>` placeholder. No real
+     *     value lives in the DOM, so a pre-auth dev-tools inspection
+     *     reveals nothing.
+     */
+    value: ReactNode | null;
+    /**
+     * When true, a string `value` renders in success-green bold weight.
+     * Use for highlighted rows like fees, carry, or "yes" answers.
+     */
+    accent?: boolean;
+}
+/**
+ * One label / value row used by terms panels, profile sections, and
+ * any "definition list" UX.
+ *
+ * The `null` → redacted placeholder convention is a security primitive:
+ * when content is behind a gate, pass `null` and the placeholder shows
+ * a dotted strip without leaking the real value into the DOM.
+ */
+export declare function DataRow({ label, value, accent }: DataRowProps): import("react/jsx-runtime").JSX.Element;
+export interface StackedValueProps {
+    /** List of strings to render as a vertical, right-aligned stack. */
+    values: ReadonlyArray<string>;
+}
+/**
+ * Right-aligned vertical stack of values. Compose with `DataRow`
+ * when a single label has multiple values (e.g., "Funding: USDC / USDT
+ * / Wire" rendered as three lines stacked under the "Funding" label).
+ */
+export declare function StackedValue({ values }: StackedValueProps): import("react/jsx-runtime").JSX.Element;
+export interface RedactedValueProps {
+    /** Width of the placeholder strip in pixels. @default 80 */
+    width?: number;
+}
+/**
+ * Source-safe placeholder — a fixed-width dotted strip rendered when
+ * a value is gated. No real value lives in the DOM, so a pre-auth
+ * dev-tools inspection reveals nothing.
+ */
+export declare function RedactedValue({ width }?: RedactedValueProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DataRow.d.ts.map

package/dist/components/generic/DataRow/DataRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataRow.d.ts","sourceRoot":"","sources":["../../../../src/components/generic/DataRow/DataRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,YAAY;IAC3B,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;;;;OASG;IACH,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;GAOG;AACH,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAc,EAAE,EAAE,YAAY,2CAuBrE;AAED,MAAM,WAAW,iBAAiB;IAChC,oEAAoE;IACpE,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;CAC/B;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE,iBAAiB,2CAUzD;AAED,MAAM,WAAW,kBAAkB;IACjC,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAU,EAAE,GAAE,kBAAuB,2CAapE"}

package/dist/components/generic/Eyebrow/Eyebrow.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+import { TextProps } from '../../primitives/layout';
+export interface EyebrowProps extends Omit<TextProps, "children" | "size" | "fw" | "tt" | "c"> {
+    /** Eyebrow text content. */
+    children: ReactNode;
+    /** Eyebrow size. Defaults to `xs`. */
+    size?: "xs" | "sm";
+    /**
+     * Text color. Defaults to `neutralColors[500]`. Override when the
+     * eyebrow sits on a dark background or needs to match an accent.
+     */
+    c?: string;
+}
+/**
+ * Small uppercase letter-spaced label used above titles, in card
+ * headers, and as section eyebrows throughout the Fairmint apps.
+ *
+ * Standardizes the `Text size="xs" tt="uppercase" fw={700}
+ * c={neutralColors[500]} style={{ letterSpacing: "0.08em" }}`
+ * incantation that was scattered across screens.
+ */
+export declare function Eyebrow({ children, size, c, ...rest }: EyebrowProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Eyebrow.d.ts.map

package/dist/components/generic/Eyebrow/Eyebrow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Eyebrow.d.ts","sourceRoot":"","sources":["../../../../src/components/generic/Eyebrow/Eyebrow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAE/D,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,CAAC;IAC5F,4BAA4B;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,sCAAsC;IACtC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;OAGG;IACH,CAAC,CAAC,EAAE,MAAM,CAAC;CACZ;AAED;;;;;;;GAOG;AACH,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,IAAW,EAAE,CAAsB,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,2CAM/F"}

package/dist/components/generic/RadioCard/RadioCard.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+export interface RadioCardProps {
+    /** Whether this card is currently selected. */
+    selected: boolean;
+    /** Primary label (top-left). */
+    title: ReactNode;
+    /** Supporting description below the title. */
+    description?: ReactNode;
+    /** Optional pill / chip rendered next to the title (top-right). */
+    badge?: ReactNode;
+    /** Optional leading slot (icon / small avatar / number badge). */
+    leading?: ReactNode;
+    /** Triggered when the card is clicked. */
+    onSelect: () => void;
+}
+/**
+ * Selectable card with a title + description and a radio dot affordance.
+ *
+ * Used for any "pick one from a few" UX: funding methods, accreditation
+ * categories, tax classifications, plan tiers, etc. The visual treatment
+ * (indigo border + tinted background when active, radio dot on the
+ * right) is the standard Fairmint pattern so users learn it once and
+ * apply it everywhere.
+ */
+export declare function RadioCard({ selected, title, description, badge, leading, onSelect, }: RadioCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RadioCard.d.ts.map

package/dist/components/generic/RadioCard/RadioCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioCard.d.ts","sourceRoot":"","sources":["../../../../src/components/generic/RadioCard/RadioCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,cAAc;IAC7B,+CAA+C;IAC/C,QAAQ,EAAE,OAAO,CAAC;IAClB,gCAAgC;IAChC,KAAK,EAAE,SAAS,CAAC;IACjB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mEAAmE;IACnE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kEAAkE;IAClE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,0CAA0C;IAC1C,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,KAAK,EACL,WAAW,EACX,KAAK,EACL,OAAO,EACP,QAAQ,GACT,EAAE,cAAc,2CAiEhB"}

package/dist/components/generic/StepCard/StepCard.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+export interface StepCardProps {
+    /** 1-indexed step number shown in the indicator when not done. */
+    index: number;
+    /** Step title. */
+    title: string;
+    /** Optional supporting text below the title. */
+    description?: string;
+    /** When true, the indicator flips from the number to a check glyph. */
+    done?: boolean;
+    /**
+     * Override the icon shown when `done === true`. Defaults to a check
+     * mark inside a circle. Accept-as-ReactNode so consumers don't need
+     * to import an icon library.
+     */
+    doneIcon?: ReactNode;
+    /** Step content rendered below the header. */
+    children: ReactNode;
+}
+/**
+ * Numbered step card used in multi-section wizards and form flows.
+ *
+ * The numbered indicator on the left flips to a check when the step is
+ * marked done — a quiet progress signal that doesn't compete with the
+ * right-column summary or page-level progress UI. Each step sits in
+ * its own `Paper` for clear visual separation.
+ *
+ * The header indicator is the focal point; consumers control the body
+ * via `children`.
+ */
+export declare function StepCard({ index, title, description, done, doneIcon, children, }: StepCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StepCard.d.ts.map

package/dist/components/generic/StepCard/StepCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepCard.d.ts","sourceRoot":"","sources":["../../../../src/components/generic/StepCard/StepCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAsBvC,MAAM,WAAW,aAAa;IAC5B,kEAAkE;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uEAAuE;IACvE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,8CAA8C;IAC9C,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,WAAW,EACX,IAAY,EACZ,QAAQ,EACR,QAAQ,GACT,EAAE,aAAa,2CA8Cf"}

package/dist/components/specific/DocumentRow/DocumentRow.d.ts

@@ -1,17 +1,59 @@
 import { ReactNode } from 'react';
 export interface DocumentRowProps {
-    /** Document name. */
+    /** Primary title — usually the file or agreement name. */
     name: string;
-    /** Document type label (e.g., "Agreement", "Tax Form"). */
+    /**
+     * Description below the title. Accepts a `ReactNode` so consumers can mix
+     * Badges, Text, dates, and inline metadata (companyName, seriesName, etc.)
+     * without working around a single-string subtitle slot.
+     */
+    caption?: ReactNode;
+    /**
+     * @deprecated Use `caption` directly. When `caption` is omitted and
+     * `type` and/or `date` is supplied, they are joined with " · " to
+     * produce a string caption. Preserved for backwards compatibility
+     * with the previous, ListRow-backed API.
+     */
     type?: string;
-    /** Date the document was created or signed (ISO string). */
+    /**
+     * @deprecated Use `caption` directly. The date is now consumer-
+     * formatted; pass a formatted string via `caption` instead. Preserved
+     * for backwards compatibility.
+     */
     date?: string;
-    /** Right section actions (e.g., download button). */
+    /**
+     * Leading visual — defaults to a tinted file-icon `ThemeIcon`. Pass a
+     * custom node (an icon, a badge, a small Avatar, etc.) when you want
+     * a different leading affordance.
+     */
+    icon?: ReactNode;
+    /** Right-side content — download button, lock badge, preview link, etc. */
     rightSection?: ReactNode;
-    /** Click handler — opens document viewer. */
+    /**
+     * Drill-in chevron. Defaults to `false` — the right-side glyph (a
+     * download icon, a preview link, a status badge) usually conveys the
+     * affordance and the chevron is visual noise. Set to `true` for "row
+     * that opens a detail view" patterns.
+     */
+    showChevron?: boolean;
+    /** Click handler. */
     onClick?: () => void;
-    /** Entrance animation delay in seconds. */
+    /** Entrance animation delay in seconds. Omit to skip animation. */
     animationDelay?: number;
+    /** aria-label for the clickable wrapper. Defaults to `name`. */
+    ariaLabel?: string;
 }
-export declare function DocumentRow({ name, type, date, rightSection, onClick, animationDelay, }: DocumentRowProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Document list item — title, free-form caption, optional leading icon,
+ * optional right-side affordance, optional drill-in chevron.
+ *
+ * Designed against three real consumers (investorv2's `OpportunityDocuments`,
+ * `SignSection` legal-doc list, and the mobile card view on `/documents`)
+ * so the shape covers the actual patterns rather than an imagined one.
+ *
+ * Backwards-compat note: the previous `type` + `date` API still works.
+ * When `caption` is omitted, the legacy props are joined with " · " into
+ * a string caption.
+ */
+export declare function DocumentRow({ name, caption, type, date, icon, rightSection, onClick, showChevron, animationDelay, ariaLabel, }: DocumentRowProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DocumentRow.d.ts.map

package/dist/components/specific/DocumentRow/DocumentRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentRow.d.ts","sourceRoot":"","sources":["../../../../src/components/specific/DocumentRow/DocumentRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,gBAAgB;IAC/B,qBAAqB;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,cAAc,GACf,EAAE,gBAAgB,2CAelB"}
+{"version":3,"file":"DocumentRow.d.ts","sourceRoot":"","sources":["../../../../src/components/specific/DocumentRow/DocumentRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAgDvC,MAAM,WAAW,gBAAgB;IAC/B,0DAA0D;IAC1D,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mEAAmE;IACnE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,WAAmB,EACnB,cAAc,EACd,SAAS,GACV,EAAE,gBAAgB,2CAyElB"}

package/dist/fairmint-ui.cjs

@@ -38317,6 +38317,42 @@ function CompanyBanner({
     detailEl
   ] });
 }
+const DefaultLockIcon = () => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    width: "12",
+    height: "12",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+    ]
+  }
+);
+function ConfidentialityBanner({ children, icon }) {
+  const iconNode = icon === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(DefaultLockIcon, {}) : icon;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Box,
+    {
+      py: 8,
+      px: "md",
+      style: {
+        background: `linear-gradient(90deg, ${brandColors.indigo}14 0%, ${brandColors.purple}14 100%)`,
+        borderBottom: `1px solid ${neutralColors[200]}`
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsxs(Group, { justify: "center", gap: 6, wrap: "nowrap", children: [
+        iconNode !== null && /* @__PURE__ */ jsxRuntime.jsx(Box, { c: neutralColors[600], style: { display: "inline-flex" }, children: iconNode }),
+        /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "xs", c: neutralColors[700], fw: 500, ta: "center", children })
+      ] })
+    }
+  );
+}
 function ConfirmDialog({
   title,
   message,
@@ -38482,6 +38518,40 @@ function Currency({ value, precise = false, currency, style, ...rest }) {
   }
   return /* @__PURE__ */ jsxRuntime.jsx(Text, { component: "span", style: [TABULAR_NUMS, style], ...rest, children: formatted });
 }
+function DataRow({ label, value, accent = false }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(Group, { justify: "space-between", align: "flex-start", gap: "md", wrap: "nowrap", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "sm", c: neutralColors[600], style: { flexShrink: 0 }, children: label }),
+    value === null ? /* @__PURE__ */ jsxRuntime.jsx(RedactedValue, {}) : typeof value === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+      Text,
+      {
+        size: "sm",
+        fw: accent ? 700 : 500,
+        c: accent ? `${colors.success}.8` : neutralColors[900],
+        ta: "right",
+        style: { minWidth: 0 },
+        children: value
+      }
+    ) : value
+  ] });
+}
+function StackedValue({ values: values2 }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Stack, { gap: 2, align: "flex-end", children: values2.map((v) => /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "sm", fw: 500, c: neutralColors[800], ta: "right", children: v }, v)) });
+}
+function RedactedValue({ width = 80 } = {}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Box,
+    {
+      role: "img",
+      "aria-label": "Redacted — sign in to view",
+      style: {
+        height: 14,
+        width,
+        borderRadius: 4,
+        background: `repeating-linear-gradient(135deg, ${neutralColors[200]} 0 4px, ${neutralColors[100]} 4px 8px)`
+      }
+    }
+  );
+}
 function EmptyState({
   icon,
   title,
@@ -38767,7 +38837,10 @@ function ErrorPage({
     }
   );
 }
-const DefaultChevronIcon = () => /* @__PURE__ */ jsxRuntime.jsx(
+function Eyebrow({ children, size: size2 = "xs", c = neutralColors[500], ...rest }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Text, { size: size2, fw: 700, tt: "uppercase", c, style: { letterSpacing: "0.08em" }, ...rest, children });
+}
+const DefaultChevronIcon$1 = () => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
     width: "14",
@@ -38832,7 +38905,7 @@ function ListRow({
           }
         )
       ] })),
-      displayChevron && (chevronIcon ?? /* @__PURE__ */ jsxRuntime.jsx(Box, { c: fairmintVars.colorTextTertiary, style: { flexShrink: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(DefaultChevronIcon, {}) }))
+      displayChevron && (chevronIcon ?? /* @__PURE__ */ jsxRuntime.jsx(Box, { c: fairmintVars.colorTextTertiary, style: { flexShrink: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx(DefaultChevronIcon$1, {}) }))
     ] })
   ] });
   const animationStyle = animate ? {
@@ -40121,6 +40194,80 @@ function PhotoCropModal({
     ] })
   ] }) });
 }
+function RadioCard({
+  selected,
+  title,
+  description,
+  badge,
+  leading,
+  onSelect
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UnstyledButton,
+    {
+      onClick: onSelect,
+      role: "radio",
+      "aria-checked": selected,
+      style: {
+        display: "block",
+        width: "100%",
+        padding: 16,
+        borderRadius: 12,
+        border: `1.5px solid ${selected ? brandColors.indigo : neutralColors[200]}`,
+        background: selected ? `${brandColors.indigo}08` : "white",
+        transition: "all 120ms ease",
+        textAlign: "left"
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsxs(Box, { style: { display: "flex", gap: 12, alignItems: "flex-start" }, children: [
+        leading && /* @__PURE__ */ jsxRuntime.jsx(Box, { style: { flexShrink: 0 }, children: leading }),
+        /* @__PURE__ */ jsxRuntime.jsxs(Stack, { gap: 2, style: { minWidth: 0, flex: 1 }, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            Box,
+            {
+              style: {
+                display: "flex",
+                justifyContent: "space-between",
+                alignItems: "baseline",
+                gap: 8
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Text, { fw: 600, size: "sm", c: neutralColors[900], children: title }),
+                badge
+              ]
+            }
+          ),
+          description && /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "xs", c: neutralColors[600], lh: 1.5, children: description })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Box,
+          {
+            style: {
+              width: 18,
+              height: 18,
+              borderRadius: "50%",
+              border: `2px solid ${selected ? brandColors.indigo : neutralColors[300]}`,
+              background: selected ? brandColors.indigo : "transparent",
+              position: "relative",
+              flexShrink: 0,
+              marginTop: 2
+            },
+            children: selected && /* @__PURE__ */ jsxRuntime.jsx(
+              Box,
+              {
+                style: {
+                  position: "absolute",
+                  inset: 4,
+                  borderRadius: "50%",
+                  background: "white"
+                }
+              }
+            )
+          }
+        )
+      ] })
+    }
+  );
+}
 function SearchInput({
   value,
   onChange,
@@ -40240,6 +40387,68 @@ function StatusBadge({ status, colorMap, label, ...rest }) {
   const displayLabel = label ?? status.charAt(0).toUpperCase() + status.slice(1);
   return /* @__PURE__ */ jsxRuntime.jsx(Badge, { color, variant: "light", ...rest, children: displayLabel });
 }
+const DefaultCheckIcon = () => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    width: "18",
+    height: "18",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m9 12 2 2 4-4" })
+    ]
+  }
+);
+function StepCard({
+  index: index2,
+  title,
+  description,
+  done = false,
+  doneIcon,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Paper,
+    {
+      radius: "lg",
+      p: { base: "md", sm: "xl" },
+      style: {
+        background: "white",
+        border: `1px solid ${neutralColors[200]}`
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsxs(Stack, { gap: "md", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(Group, { gap: "md", align: "flex-start", wrap: "nowrap", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ThemeIcon,
+            {
+              size: 32,
+              radius: "xl",
+              variant: done ? "filled" : "light",
+              color: done ? "indigo" : "gray",
+              style: {
+                flexShrink: 0,
+                background: done ? brandColors.indigo : neutralColors[100],
+                color: done ? "white" : neutralColors[600]
+              },
+              children: done ? doneIcon ?? /* @__PURE__ */ jsxRuntime.jsx(DefaultCheckIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(Text, { fw: 700, fz: 14, children: index2 })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(Box, { style: { minWidth: 0, flex: 1 }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Text, { fw: 700, fz: { base: 17, sm: 19 }, c: neutralColors[900], lh: 1.3, children: title }),
+            description && /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "sm", c: neutralColors[600], lh: 1.5, mt: 4, children: description })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(Box, { pl: { base: 0, sm: 48 }, children })
+      ] })
+    }
+  );
+}
 function LoadingSpinner({ size: size2 = 32 }) {
   const iconProps = {
     xmlns: "http://www.w3.org/2000/svg",
@@ -40369,26 +40578,88 @@ function UserMenu({
     ] }, item.id)) })
   ] });
 }
+const DefaultDocumentIcon = () => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    width: "18",
+    height: "18",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "14 2 14 8 20 8" }),
+      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "16", y1: "13", x2: "8", y2: "13" }),
+      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "16", y1: "17", x2: "8", y2: "17" }),
+      /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "10 9 9 9 8 9" })
+    ]
+  }
+);
+const DefaultChevronIcon = () => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m9 18 6-6-6-6" })
+  }
+);
 function DocumentRow({
   name,
+  caption,
   type,
   date: date2,
+  icon,
   rightSection,
   onClick,
-  animationDelay
+  showChevron = false,
+  animationDelay,
+  ariaLabel
 }) {
-  const subtitle = [type, date2 ? formatDate(date2) : void 0].filter(Boolean).join(" · ");
+  const isClickable = Boolean(onClick);
+  const animate = animationDelay !== void 0;
+  const resolvedCaption = caption ?? (type || date2 ? [type, date2 ? formatDate(date2) : void 0].filter(Boolean).join(" · ") : void 0);
+  const leadingNode = icon ?? /* @__PURE__ */ jsxRuntime.jsx(ThemeIcon, { size: 36, radius: "md", variant: "light", color: colors.primary, children: /* @__PURE__ */ jsxRuntime.jsx(DefaultDocumentIcon, {}) });
+  const content = /* @__PURE__ */ jsxRuntime.jsxs(Group, { gap: "md", wrap: "nowrap", align: "center", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Box, { style: { flexShrink: 0 }, children: leadingNode }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Stack, { gap: 2, style: { minWidth: 0, flex: 1 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Text, { fw: 500, size: "sm", lineClamp: 1, children: name }),
+      resolvedCaption !== void 0 && resolvedCaption !== null && resolvedCaption !== "" ? typeof resolvedCaption === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "xs", c: fairmintVars.colorTextSecondary, lineClamp: 1, children: resolvedCaption }) : resolvedCaption : null
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Group, { gap: "xs", wrap: "nowrap", style: { flexShrink: 0 }, children: [
+      rightSection,
+      showChevron && /* @__PURE__ */ jsxRuntime.jsx(Box, { c: fairmintVars.colorTextTertiary, style: { display: "inline-flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(DefaultChevronIcon, {}) })
+    ] })
+  ] });
+  const animationStyle = animate ? {
+    opacity: 0,
+    animation: "rowSlideIn 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards",
+    animationDelay: `${animationDelay}s`
+  } : void 0;
+  if (!isClickable) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Box, { py: "sm", px: "md", style: animationStyle, children: content });
+  }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    ListRow,
+    UnstyledButton,
     {
-      title: name,
-      subtitle: subtitle || void 0,
-      avatarName: name,
-      avatarColor: colors.neutral,
-      rightSection,
       onClick,
-      animationDelay,
-      showChevron: Boolean(onClick)
+      className: "fairmint-list-row",
+      w: "100%",
+      py: "sm",
+      px: "md",
+      style: animationStyle,
+      "aria-label": ariaLabel ?? name,
+      children: content
     }
   );
 }
@@ -41184,9 +41455,11 @@ exports.ClickableCard = ClickableCard;
 exports.Collapse = Collapse;
 exports.ColorDot = ColorDot;
 exports.CompanyBanner = CompanyBanner;
+exports.ConfidentialityBanner = ConfidentialityBanner;
 exports.ConfirmDialog = ConfirmDialog;
 exports.Container = Container;
 exports.Currency = Currency;
+exports.DataRow = DataRow;
 exports.DataTable = DataTable;
 exports.DateDisplay = DateDisplay;
 exports.DetailDrawer = DetailDrawer;
@@ -41201,6 +41474,7 @@ exports.EquityGrantCard = EquityGrantCard;
 exports.ErrorFallback = ErrorFallback;
 exports.ErrorPage = ErrorPage;
 exports.EthereumAddressField = EthereumAddressField;
+exports.Eyebrow = Eyebrow;
 exports.FairmintLogo = FairmintLogo;
 exports.FairmintProvider = FairmintProvider;
 exports.Flex = Flex;
@@ -41230,6 +41504,8 @@ exports.PhoneField = PhoneField;
 exports.PhotoCropModal = PhotoCropModal;
 exports.PinInput = PinInput;
 exports.Progress = Progress;
+exports.RadioCard = RadioCard;
+exports.RedactedValue = RedactedValue;
 exports.ScrollArea = ScrollArea;
 exports.SearchInput = SearchInput;
 exports.SegmentedControl = SegmentedControl;
@@ -41239,8 +41515,10 @@ exports.SimpleGrid = SimpleGrid;
 exports.Skeleton = Skeleton;
 exports.Space = Space;
 exports.Stack = Stack;
+exports.StackedValue = StackedValue;
 exports.StatCard = StatCard;
 exports.StatusBadge = StatusBadge;
+exports.StepCard = StepCard;
 exports.Switch = Switch;
 exports.TABLET_BREAKPOINT = TABLET_BREAKPOINT;
 exports.Table = Table;