@fairmint/ui 0.4.10 → 0.4.12

package/dist/components/specific/DocumentRow/DocumentRow.cjs

@@ -6,8 +6,8 @@ const colors = require("../../../theme/colors.cjs");
 const format = require("../../../utils/format.cjs");
 const layout = require("../../primitives/layout.cjs");
 const ThemeIcon = require("../../../node_modules/@mantine/core/esm/components/ThemeIcon/ThemeIcon.cjs");
+const Text = require("../../primitives/Text/Text.cjs");
 const Group = require("../../../node_modules/@mantine/core/esm/components/Group/Group.cjs");
-const Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
 const UnstyledButton = require("../../../node_modules/@mantine/core/esm/components/UnstyledButton/UnstyledButton.cjs");
 const DefaultDocumentIcon = () => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
@@ -45,6 +45,54 @@ const DefaultChevronIcon = () => /* @__PURE__ */ jsxRuntime.jsx(
     children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m9 18 6-6-6-6" })
   }
 );
+const NATIVE_CONTROL_SELECTOR = "a, button, input, select, textarea, label, summary, [contenteditable]:not([contenteditable='false'])";
+const INTERACTIVE_ARIA_ROLES = /* @__PURE__ */ new Set([
+  "button",
+  "checkbox",
+  "combobox",
+  "gridcell",
+  "link",
+  "listbox",
+  "menu",
+  "menuitem",
+  "menuitemcheckbox",
+  "menuitemradio",
+  "option",
+  "radio",
+  "scrollbar",
+  "searchbox",
+  "slider",
+  "spinbutton",
+  "switch",
+  "tab",
+  "textbox",
+  "treeitem"
+]);
+function clickLandedOnControl(target, root) {
+  if (!(target instanceof Element) || !(root instanceof Element)) {
+    return false;
+  }
+  const native = target.closest(NATIVE_CONTROL_SELECTOR);
+  if (native !== null && root.contains(native)) {
+    return true;
+  }
+  let node = target;
+  while (node !== null && node !== root && root.contains(node)) {
+    const role = node.getAttribute("role");
+    if (role !== null) {
+      for (const token of role.split(/\s+/)) {
+        if (INTERACTIVE_ARIA_ROLES.has(token)) {
+          return true;
+        }
+      }
+    }
+    node = node.parentElement;
+  }
+  return false;
+}
+function hasTrailingContent(node) {
+  return node != null && typeof node !== "boolean";
+}
 function DocumentRow({
   name,
   caption,
@@ -74,15 +122,12 @@ function DocumentRow({
       children: /* @__PURE__ */ jsxRuntime.jsx(DefaultDocumentIcon, {})
     }
   );
-  const content = /* @__PURE__ */ jsxRuntime.jsxs(Group.Group, { gap: "md", wrap: "nowrap", align: "center", children: [
+  const chevron = showChevron ? /* @__PURE__ */ jsxRuntime.jsx(layout.Box, { c: index.fairmintVars.colorTextTertiary, style: { display: "inline-flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(DefaultChevronIcon, {}) }) : null;
+  const body = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(layout.Box, { style: { flexShrink: 0 }, children: leadingNode }),
     /* @__PURE__ */ jsxRuntime.jsxs(layout.Stack, { gap: 2, style: { minWidth: 0, flex: 1 }, children: [
       /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { fw: 500, size: "sm", lineClamp: 1, children: name }),
       resolvedCaption !== void 0 && resolvedCaption !== null && resolvedCaption !== "" ? typeof resolvedCaption === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { size: "xs", c: index.fairmintVars.colorTextSecondary, lineClamp: 1, children: resolvedCaption }) : resolvedCaption : null
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(Group.Group, { gap: "xs", wrap: "nowrap", style: { flexShrink: 0 }, children: [
-      rightSection,
-      showChevron && /* @__PURE__ */ jsxRuntime.jsx(layout.Box, { c: index.fairmintVars.colorTextTertiary, style: { display: "inline-flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(DefaultChevronIcon, {}) })
     ] })
   ] });
   const animationStyle = animate ? {
@@ -91,19 +136,51 @@ function DocumentRow({
     animationDelay: `${animationDelay}s`
   } : void 0;
   if (!isClickable) {
-    return /* @__PURE__ */ jsxRuntime.jsx(layout.Box, { py: "sm", px: "md", style: animationStyle, children: content });
+    return /* @__PURE__ */ jsxRuntime.jsx(layout.Box, { py: "sm", px: "md", w: "100%", style: animationStyle, children: /* @__PURE__ */ jsxRuntime.jsxs(Group.Group, { gap: "md", wrap: "nowrap", align: "center", children: [
+      body,
+      /* @__PURE__ */ jsxRuntime.jsxs(Group.Group, { gap: "xs", wrap: "nowrap", style: { flexShrink: 0 }, children: [
+        rightSection,
+        chevron
+      ] })
+    ] }) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    UnstyledButton.UnstyledButton,
+  const handleShellClick = (event) => {
+    if (!(event.target instanceof Node) || !event.currentTarget.contains(event.target)) {
+      return;
+    }
+    if (clickLandedOnControl(event.target, event.currentTarget)) {
+      return;
+    }
+    onClick?.();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Group.Group,
     {
-      onClick,
+      gap: "md",
+      wrap: "nowrap",
+      align: "center",
       className: "fairmint-list-row",
       w: "100%",
-      py: "sm",
-      px: "md",
       style: animationStyle,
-      "aria-label": ariaLabel ?? name,
-      children: content
+      onClick: handleShellClick,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          UnstyledButton.UnstyledButton,
+          {
+            onClick,
+            py: "sm",
+            pl: "md",
+            pr: hasTrailingContent(rightSection) ? 0 : "md",
+            style: { flex: 1, minWidth: 0, display: "flex" },
+            "aria-label": ariaLabel ?? name,
+            children: /* @__PURE__ */ jsxRuntime.jsxs(Group.Group, { gap: "md", wrap: "nowrap", align: "center", style: { flex: 1, minWidth: 0 }, children: [
+              body,
+              chevron
+            ] })
+          }
+        ),
+        hasTrailingContent(rightSection) ? /* @__PURE__ */ jsxRuntime.jsx(Group.Group, { gap: "xs", wrap: "nowrap", py: "sm", pr: "md", style: { flexShrink: 0 }, children: typeof rightSection === "string" || typeof rightSection === "number" ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: rightSection }) : rightSection }) : null
+      ]
     }
   );
 }

package/dist/components/specific/DocumentRow/DocumentRow.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentRow.cjs","sources":["../../../../src/components/specific/DocumentRow/DocumentRow.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { fairmintVars } from \"../../../theme\";\nimport { colors } from \"../../../theme/colors\";\nimport { formatDate } from \"../../../utils/format\";\nimport { Box, Group, Stack, Text, ThemeIcon, UnstyledButton } from \"../../primitives/layout\";\n\n/**\n * Default file-glyph SVG. Inlined so the library doesn't depend on\n * `@tabler/icons-react` (per the icon-injection rule). Consumers can\n * override the leading slot via the `icon` prop when a different glyph\n * (or a stacked badge) is more appropriate.\n */\nconst DefaultDocumentIcon = () => (\n  <svg\n    width=\"18\"\n    height=\"18\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\" />\n    <polyline points=\"14 2 14 8 20 8\" />\n    <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\" />\n    <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\" />\n    <polyline points=\"10 9 9 9 8 9\" />\n  </svg>\n);\n\nconst DefaultChevronIcon = () => (\n  <svg\n    width=\"14\"\n    height=\"14\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"m9 18 6-6-6-6\" />\n  </svg>\n);\n\nexport interface DocumentRowProps {\n  /** Primary title — usually the file or agreement name. */\n  name: string;\n  /**\n   * Description below the title. Accepts a `ReactNode` so consumers can mix\n   * Badges, Text, dates, and inline metadata (companyName, seriesName, etc.)\n   * without working around a single-string subtitle slot.\n   */\n  caption?: ReactNode;\n  /**\n   * @deprecated Use `caption` directly. When `caption` is omitted and\n   * `type` and/or `date` is supplied, they are joined with \" · \" to\n   * produce a string caption. Preserved for backwards compatibility\n   * with the previous, ListRow-backed API.\n   */\n  type?: string;\n  /**\n   * @deprecated Use `caption` directly. The date is now consumer-\n   * formatted; pass a formatted string via `caption` instead. Preserved\n   * for backwards compatibility.\n   */\n  date?: string;\n  /**\n   * Leading visual — defaults to a tinted file-icon `ThemeIcon`. Pass a\n   * custom node (an icon, a badge, a small Avatar, etc.) when you want\n   * a different leading affordance.\n   */\n  icon?: ReactNode;\n  /** Right-side content — download button, lock badge, preview link, etc. */\n  rightSection?: ReactNode;\n  /**\n   * Drill-in chevron. Defaults to `false` — the right-side glyph (a\n   * download icon, a preview link, a status badge) usually conveys the\n   * affordance and the chevron is visual noise. Set to `true` for \"row\n   * that opens a detail view\" patterns.\n   */\n  showChevron?: boolean;\n  /** Click handler. */\n  onClick?: () => void;\n  /** Entrance animation delay in seconds. Omit to skip animation. */\n  animationDelay?: number;\n  /** aria-label for the clickable wrapper. Defaults to `name`. */\n  ariaLabel?: string;\n}\n\n/**\n * Document list item — title, free-form caption, optional leading icon,\n * optional right-side affordance, optional drill-in chevron.\n *\n * Designed against three real consumers (investorv2's `OpportunityDocuments`,\n * `SignSection` legal-doc list, and the mobile card view on `/documents`)\n * so the shape covers the actual patterns rather than an imagined one.\n *\n * Backwards-compat note: the previous `type` + `date` API still works.\n * When `caption` is omitted, the legacy props are joined with \" · \" into\n * a string caption.\n */\nexport function DocumentRow({\n  name,\n  caption,\n  type,\n  date,\n  icon,\n  rightSection,\n  onClick,\n  showChevron = false,\n  animationDelay,\n  ariaLabel,\n}: DocumentRowProps) {\n  const isClickable = Boolean(onClick);\n  const animate = animationDelay !== undefined;\n\n  const resolvedCaption: ReactNode =\n    caption ??\n    (type || date\n      ? [type, date ? formatDate(date) : undefined].filter(Boolean).join(\" · \")\n      : undefined);\n\n  const leadingNode = icon ?? (\n    <ThemeIcon\n      size={36}\n      radius=\"md\"\n      variant=\"light\"\n      color={colors.primary}\n      style={{\n        backgroundColor: fairmintVars.colorBgBrandSubtle,\n        color: fairmintVars.colorBrandPrimary,\n      }}\n    >\n      <DefaultDocumentIcon />\n    </ThemeIcon>\n  );\n\n  const content = (\n    <Group gap=\"md\" wrap=\"nowrap\" align=\"center\">\n      <Box style={{ flexShrink: 0 }}>{leadingNode}</Box>\n      <Stack gap={2} style={{ minWidth: 0, flex: 1 }}>\n        <Text fw={500} size=\"sm\" lineClamp={1}>\n          {name}\n        </Text>\n        {resolvedCaption !== undefined && resolvedCaption !== null && resolvedCaption !== \"\" ? (\n          typeof resolvedCaption === \"string\" ? (\n            <Text size=\"xs\" c={fairmintVars.colorTextSecondary} lineClamp={1}>\n              {resolvedCaption}\n            </Text>\n          ) : (\n            resolvedCaption\n          )\n        ) : null}\n      </Stack>\n      <Group gap=\"xs\" wrap=\"nowrap\" style={{ flexShrink: 0 }}>\n        {rightSection}\n        {showChevron && (\n          <Box c={fairmintVars.colorTextTertiary} style={{ display: \"inline-flex\" }}>\n            <DefaultChevronIcon />\n          </Box>\n        )}\n      </Group>\n    </Group>\n  );\n\n  const animationStyle = animate\n    ? ({\n        opacity: 0 as const,\n        animation: \"rowSlideIn 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards\",\n        animationDelay: `${animationDelay}s`,\n      } as const)\n    : undefined;\n\n  if (!isClickable) {\n    return (\n      <Box py=\"sm\" px=\"md\" style={animationStyle}>\n        {content}\n      </Box>\n    );\n  }\n\n  return (\n    <UnstyledButton\n      onClick={onClick}\n      className=\"fairmint-list-row\"\n      w=\"100%\"\n      py=\"sm\"\n      px=\"md\"\n      style={animationStyle}\n      aria-label={ariaLabel ?? name}\n    >\n      {content}\n    </UnstyledButton>\n  );\n}\n"],"names":["jsxs","jsx","formatDate","ThemeIcon","colors","fairmintVars","Group","Box","Stack","Text","UnstyledButton"],"mappings":"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"}
+{"version":3,"file":"DocumentRow.cjs","sources":["../../../../src/components/specific/DocumentRow/DocumentRow.tsx"],"sourcesContent":["import type { MouseEvent, ReactNode } from \"react\";\nimport { fairmintVars } from \"../../../theme\";\nimport { colors } from \"../../../theme/colors\";\nimport { formatDate } from \"../../../utils/format\";\nimport { Box, Group, Stack, Text, ThemeIcon, UnstyledButton } from \"../../primitives/layout\";\n\n/**\n * Default file-glyph SVG. Inlined so the library doesn't depend on\n * `@tabler/icons-react` (per the icon-injection rule). Consumers can\n * override the leading slot via the `icon` prop when a different glyph\n * (or a stacked badge) is more appropriate.\n */\nconst DefaultDocumentIcon = () => (\n  <svg\n    width=\"18\"\n    height=\"18\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\" />\n    <polyline points=\"14 2 14 8 20 8\" />\n    <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\" />\n    <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\" />\n    <polyline points=\"10 9 9 9 8 9\" />\n  </svg>\n);\n\nconst DefaultChevronIcon = () => (\n  <svg\n    width=\"14\"\n    height=\"14\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"m9 18 6-6-6-6\" />\n  </svg>\n);\n\nconst NATIVE_CONTROL_SELECTOR =\n  \"a, button, input, select, textarea, label, summary, [contenteditable]:not([contenteditable='false'])\";\n\nconst INTERACTIVE_ARIA_ROLES = new Set([\n  \"button\",\n  \"checkbox\",\n  \"combobox\",\n  \"gridcell\",\n  \"link\",\n  \"listbox\",\n  \"menu\",\n  \"menuitem\",\n  \"menuitemcheckbox\",\n  \"menuitemradio\",\n  \"option\",\n  \"radio\",\n  \"scrollbar\",\n  \"searchbox\",\n  \"slider\",\n  \"spinbutton\",\n  \"switch\",\n  \"tab\",\n  \"textbox\",\n  \"treeitem\",\n]);\n\nfunction clickLandedOnControl(target: EventTarget | null, root: EventTarget): boolean {\n  if (!(target instanceof Element) || !(root instanceof Element)) {\n    return false;\n  }\n  const native = target.closest(NATIVE_CONTROL_SELECTOR);\n  if (native !== null && root.contains(native)) {\n    return true;\n  }\n  let node: Element | null = target;\n  while (node !== null && node !== root && root.contains(node)) {\n    const role = node.getAttribute(\"role\");\n    if (role !== null) {\n      for (const token of role.split(/\\s+/)) {\n        if (INTERACTIVE_ARIA_ROLES.has(token)) {\n          return true;\n        }\n      }\n    }\n    node = node.parentElement;\n  }\n  return false;\n}\n\nfunction hasTrailingContent(node: ReactNode): boolean {\n  return node != null && typeof node !== \"boolean\";\n}\n\nexport interface DocumentRowProps {\n  /** Primary title — usually the file or agreement name. */\n  name: string;\n  /**\n   * Description below the title. Accepts a `ReactNode` so consumers can mix\n   * Badges, Text, dates, and inline metadata (companyName, seriesName, etc.)\n   * without working around a single-string subtitle slot.\n   */\n  caption?: ReactNode;\n  /**\n   * @deprecated Use `caption` directly. When `caption` is omitted and\n   * `type` and/or `date` is supplied, they are joined with \" · \" to\n   * produce a string caption. Preserved for backwards compatibility\n   * with the previous, ListRow-backed API.\n   */\n  type?: string;\n  /**\n   * @deprecated Use `caption` directly. The date is now consumer-\n   * formatted; pass a formatted string via `caption` instead. Preserved\n   * for backwards compatibility.\n   */\n  date?: string;\n  /**\n   * Leading visual — defaults to a tinted file-icon `ThemeIcon`. Pass a\n   * custom node (an icon, a badge, a small Avatar, etc.) when you want\n   * a different leading affordance.\n   */\n  icon?: ReactNode;\n  /**\n   * Right-side content — download button, lock badge, preview link, etc.\n   *\n   * On a clickable row this is a sibling of the row button (never nested).\n   * Clicks on decorative trailing content still fire `onClick`; clicks on\n   * buttons, links, and other controls do not.\n   */\n  rightSection?: ReactNode;\n  /**\n   * Drill-in chevron. Defaults to `false` — the right-side glyph (a\n   * download icon, a preview link, a status badge) usually conveys the\n   * affordance and the chevron is visual noise. Set to `true` for \"row\n   * that opens a detail view\" patterns.\n   */\n  showChevron?: boolean;\n  /** Click handler. */\n  onClick?: () => void;\n  /** Entrance animation delay in seconds. Omit to skip animation. */\n  animationDelay?: number;\n  /** aria-label for the clickable wrapper. Defaults to `name`. */\n  ariaLabel?: string;\n}\n\n/**\n * Document list item — title, free-form caption, optional leading icon,\n * optional right-side affordance, optional drill-in chevron.\n *\n * Designed against three real consumers (investorv2's `OpportunityDocuments`,\n * `SignSection` legal-doc list, and the mobile card view on `/documents`)\n * so the shape covers the actual patterns rather than an imagined one.\n *\n * Backwards-compat note: the previous `type` + `date` API still works.\n * When `caption` is omitted, the legacy props are joined with \" · \" into\n * a string caption.\n */\nexport function DocumentRow({\n  name,\n  caption,\n  type,\n  date,\n  icon,\n  rightSection,\n  onClick,\n  showChevron = false,\n  animationDelay,\n  ariaLabel,\n}: DocumentRowProps) {\n  const isClickable = Boolean(onClick);\n  const animate = animationDelay !== undefined;\n\n  const resolvedCaption: ReactNode =\n    caption ??\n    (type || date\n      ? [type, date ? formatDate(date) : undefined].filter(Boolean).join(\" · \")\n      : undefined);\n\n  const leadingNode = icon ?? (\n    <ThemeIcon\n      size={36}\n      radius=\"md\"\n      variant=\"light\"\n      color={colors.primary}\n      style={{\n        backgroundColor: fairmintVars.colorBgBrandSubtle,\n        color: fairmintVars.colorBrandPrimary,\n      }}\n    >\n      <DefaultDocumentIcon />\n    </ThemeIcon>\n  );\n\n  const chevron = showChevron ? (\n    <Box c={fairmintVars.colorTextTertiary} style={{ display: \"inline-flex\" }}>\n      <DefaultChevronIcon />\n    </Box>\n  ) : null;\n\n  // Leading icon + name/caption. On a clickable row this sits in the button\n  // with padding and the optional chevron; `rightSection` is a sibling.\n  const body = (\n    <>\n      <Box style={{ flexShrink: 0 }}>{leadingNode}</Box>\n      <Stack gap={2} style={{ minWidth: 0, flex: 1 }}>\n        <Text fw={500} size=\"sm\" lineClamp={1}>\n          {name}\n        </Text>\n        {resolvedCaption !== undefined && resolvedCaption !== null && resolvedCaption !== \"\" ? (\n          typeof resolvedCaption === \"string\" ? (\n            <Text size=\"xs\" c={fairmintVars.colorTextSecondary} lineClamp={1}>\n              {resolvedCaption}\n            </Text>\n          ) : (\n            resolvedCaption\n          )\n        ) : null}\n      </Stack>\n    </>\n  );\n\n  const animationStyle = animate\n    ? ({\n        opacity: 0 as const,\n        animation: \"rowSlideIn 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards\",\n        animationDelay: `${animationDelay}s`,\n      } as const)\n    : undefined;\n\n  if (!isClickable) {\n    return (\n      <Box py=\"sm\" px=\"md\" w=\"100%\" style={animationStyle}>\n        <Group gap=\"md\" wrap=\"nowrap\" align=\"center\">\n          {body}\n          <Group gap=\"xs\" wrap=\"nowrap\" style={{ flexShrink: 0 }}>\n            {rightSection}\n            {chevron}\n          </Group>\n        </Group>\n      </Box>\n    );\n  }\n\n  const handleShellClick = (event: MouseEvent<HTMLDivElement>) => {\n    if (!(event.target instanceof Node) || !event.currentTarget.contains(event.target)) {\n      return;\n    }\n    if (clickLandedOnControl(event.target, event.currentTarget)) {\n      return;\n    }\n    onClick?.();\n  };\n\n  // Primary button: padding, body, chevron. `rightSection` is always a sibling\n  // so trailing controls never nest. Shell clicks (gap, decorative trailers)\n  // still fire `onClick`. `fairmint-list-row` is only on the shell.\n  return (\n    <Group\n      gap=\"md\"\n      wrap=\"nowrap\"\n      align=\"center\"\n      className=\"fairmint-list-row\"\n      w=\"100%\"\n      style={animationStyle}\n      onClick={handleShellClick}\n    >\n      <UnstyledButton\n        onClick={onClick}\n        py=\"sm\"\n        pl=\"md\"\n        pr={hasTrailingContent(rightSection) ? 0 : \"md\"}\n        style={{ flex: 1, minWidth: 0, display: \"flex\" }}\n        aria-label={ariaLabel ?? name}\n      >\n        <Group gap=\"md\" wrap=\"nowrap\" align=\"center\" style={{ flex: 1, minWidth: 0 }}>\n          {body}\n          {chevron}\n        </Group>\n      </UnstyledButton>\n      {hasTrailingContent(rightSection) ? (\n        <Group gap=\"xs\" wrap=\"nowrap\" py=\"sm\" pr=\"md\" style={{ flexShrink: 0 }}>\n          {typeof rightSection === \"string\" || typeof rightSection === \"number\" ? (\n            <span>{rightSection}</span>\n          ) : (\n            rightSection\n          )}\n        </Group>\n      ) : null}\n    </Group>\n  );\n}\n"],"names":["jsxs","jsx","formatDate","ThemeIcon","colors","fairmintVars","Box","Fragment","Stack","Text","Group","UnstyledButton"],"mappings":"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"}

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

@@ -27,7 +27,13 @@ export interface DocumentRowProps {
      * a different leading affordance.
      */
     icon?: ReactNode;
-    /** Right-side content — download button, lock badge, preview link, etc. */
+    /**
+     * Right-side content — download button, lock badge, preview link, etc.
+     *
+     * On a clickable row this is a sibling of the row button (never nested).
+     * Clicks on decorative trailing content still fire `onClick`; clicks on
+     * buttons, links, and other controls do not.
+     */
     rightSection?: ReactNode;
     /**
      * Drill-in chevron. Defaults to `false` — the right-side glyph (a

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;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,+BAkFlB"}
+{"version":3,"file":"DocumentRow.d.ts","sourceRoot":"","sources":["../../../../src/components/specific/DocumentRow/DocumentRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAqGnD,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;;;;;;OAMG;IACH,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,+BA0HlB"}

package/dist/components/specific/DocumentRow/DocumentRow.js

@@ -1,11 +1,11 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { fairmintVars } from "../../../theme/index.js";
 import { colors } from "../../../theme/colors.js";
 import { formatDate } from "../../../utils/format.js";
 import { Box, Stack } from "../../primitives/layout.js";
 import { ThemeIcon } from "../../../node_modules/@mantine/core/esm/components/ThemeIcon/ThemeIcon.js";
+import { Text } from "../../primitives/Text/Text.js";
 import { Group } from "../../../node_modules/@mantine/core/esm/components/Group/Group.js";
-import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
 import { UnstyledButton } from "../../../node_modules/@mantine/core/esm/components/UnstyledButton/UnstyledButton.js";
 const DefaultDocumentIcon = () => /* @__PURE__ */ jsxs(
   "svg",
@@ -43,6 +43,54 @@ const DefaultChevronIcon = () => /* @__PURE__ */ jsx(
     children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" })
   }
 );
+const NATIVE_CONTROL_SELECTOR = "a, button, input, select, textarea, label, summary, [contenteditable]:not([contenteditable='false'])";
+const INTERACTIVE_ARIA_ROLES = /* @__PURE__ */ new Set([
+  "button",
+  "checkbox",
+  "combobox",
+  "gridcell",
+  "link",
+  "listbox",
+  "menu",
+  "menuitem",
+  "menuitemcheckbox",
+  "menuitemradio",
+  "option",
+  "radio",
+  "scrollbar",
+  "searchbox",
+  "slider",
+  "spinbutton",
+  "switch",
+  "tab",
+  "textbox",
+  "treeitem"
+]);
+function clickLandedOnControl(target, root) {
+  if (!(target instanceof Element) || !(root instanceof Element)) {
+    return false;
+  }
+  const native = target.closest(NATIVE_CONTROL_SELECTOR);
+  if (native !== null && root.contains(native)) {
+    return true;
+  }
+  let node = target;
+  while (node !== null && node !== root && root.contains(node)) {
+    const role = node.getAttribute("role");
+    if (role !== null) {
+      for (const token of role.split(/\s+/)) {
+        if (INTERACTIVE_ARIA_ROLES.has(token)) {
+          return true;
+        }
+      }
+    }
+    node = node.parentElement;
+  }
+  return false;
+}
+function hasTrailingContent(node) {
+  return node != null && typeof node !== "boolean";
+}
 function DocumentRow({
   name,
   caption,
@@ -72,15 +120,12 @@ function DocumentRow({
       children: /* @__PURE__ */ jsx(DefaultDocumentIcon, {})
     }
   );
-  const content = /* @__PURE__ */ jsxs(Group, { gap: "md", wrap: "nowrap", align: "center", children: [
+  const chevron = showChevron ? /* @__PURE__ */ jsx(Box, { c: fairmintVars.colorTextTertiary, style: { display: "inline-flex" }, children: /* @__PURE__ */ jsx(DefaultChevronIcon, {}) }) : null;
+  const body = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Box, { style: { flexShrink: 0 }, children: leadingNode }),
     /* @__PURE__ */ jsxs(Stack, { gap: 2, style: { minWidth: 0, flex: 1 }, children: [
       /* @__PURE__ */ jsx(Text, { fw: 500, size: "sm", lineClamp: 1, children: name }),
       resolvedCaption !== void 0 && resolvedCaption !== null && resolvedCaption !== "" ? typeof resolvedCaption === "string" ? /* @__PURE__ */ jsx(Text, { size: "xs", c: fairmintVars.colorTextSecondary, lineClamp: 1, children: resolvedCaption }) : resolvedCaption : null
-    ] }),
-    /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", style: { flexShrink: 0 }, children: [
-      rightSection,
-      showChevron && /* @__PURE__ */ jsx(Box, { c: fairmintVars.colorTextTertiary, style: { display: "inline-flex" }, children: /* @__PURE__ */ jsx(DefaultChevronIcon, {}) })
     ] })
   ] });
   const animationStyle = animate ? {
@@ -89,19 +134,51 @@ function DocumentRow({
     animationDelay: `${animationDelay}s`
   } : void 0;
   if (!isClickable) {
-    return /* @__PURE__ */ jsx(Box, { py: "sm", px: "md", style: animationStyle, children: content });
+    return /* @__PURE__ */ jsx(Box, { py: "sm", px: "md", w: "100%", style: animationStyle, children: /* @__PURE__ */ jsxs(Group, { gap: "md", wrap: "nowrap", align: "center", children: [
+      body,
+      /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", style: { flexShrink: 0 }, children: [
+        rightSection,
+        chevron
+      ] })
+    ] }) });
   }
-  return /* @__PURE__ */ jsx(
-    UnstyledButton,
+  const handleShellClick = (event) => {
+    if (!(event.target instanceof Node) || !event.currentTarget.contains(event.target)) {
+      return;
+    }
+    if (clickLandedOnControl(event.target, event.currentTarget)) {
+      return;
+    }
+    onClick?.();
+  };
+  return /* @__PURE__ */ jsxs(
+    Group,
     {
-      onClick,
+      gap: "md",
+      wrap: "nowrap",
+      align: "center",
       className: "fairmint-list-row",
       w: "100%",
-      py: "sm",
-      px: "md",
       style: animationStyle,
-      "aria-label": ariaLabel ?? name,
-      children: content
+      onClick: handleShellClick,
+      children: [
+        /* @__PURE__ */ jsx(
+          UnstyledButton,
+          {
+            onClick,
+            py: "sm",
+            pl: "md",
+            pr: hasTrailingContent(rightSection) ? 0 : "md",
+            style: { flex: 1, minWidth: 0, display: "flex" },
+            "aria-label": ariaLabel ?? name,
+            children: /* @__PURE__ */ jsxs(Group, { gap: "md", wrap: "nowrap", align: "center", style: { flex: 1, minWidth: 0 }, children: [
+              body,
+              chevron
+            ] })
+          }
+        ),
+        hasTrailingContent(rightSection) ? /* @__PURE__ */ jsx(Group, { gap: "xs", wrap: "nowrap", py: "sm", pr: "md", style: { flexShrink: 0 }, children: typeof rightSection === "string" || typeof rightSection === "number" ? /* @__PURE__ */ jsx("span", { children: rightSection }) : rightSection }) : null
+      ]
     }
   );
 }

package/dist/components/specific/DocumentRow/DocumentRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentRow.js","sources":["../../../../src/components/specific/DocumentRow/DocumentRow.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { fairmintVars } from \"../../../theme\";\nimport { colors } from \"../../../theme/colors\";\nimport { formatDate } from \"../../../utils/format\";\nimport { Box, Group, Stack, Text, ThemeIcon, UnstyledButton } from \"../../primitives/layout\";\n\n/**\n * Default file-glyph SVG. Inlined so the library doesn't depend on\n * `@tabler/icons-react` (per the icon-injection rule). Consumers can\n * override the leading slot via the `icon` prop when a different glyph\n * (or a stacked badge) is more appropriate.\n */\nconst DefaultDocumentIcon = () => (\n  <svg\n    width=\"18\"\n    height=\"18\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\" />\n    <polyline points=\"14 2 14 8 20 8\" />\n    <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\" />\n    <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\" />\n    <polyline points=\"10 9 9 9 8 9\" />\n  </svg>\n);\n\nconst DefaultChevronIcon = () => (\n  <svg\n    width=\"14\"\n    height=\"14\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"m9 18 6-6-6-6\" />\n  </svg>\n);\n\nexport interface DocumentRowProps {\n  /** Primary title — usually the file or agreement name. */\n  name: string;\n  /**\n   * Description below the title. Accepts a `ReactNode` so consumers can mix\n   * Badges, Text, dates, and inline metadata (companyName, seriesName, etc.)\n   * without working around a single-string subtitle slot.\n   */\n  caption?: ReactNode;\n  /**\n   * @deprecated Use `caption` directly. When `caption` is omitted and\n   * `type` and/or `date` is supplied, they are joined with \" · \" to\n   * produce a string caption. Preserved for backwards compatibility\n   * with the previous, ListRow-backed API.\n   */\n  type?: string;\n  /**\n   * @deprecated Use `caption` directly. The date is now consumer-\n   * formatted; pass a formatted string via `caption` instead. Preserved\n   * for backwards compatibility.\n   */\n  date?: string;\n  /**\n   * Leading visual — defaults to a tinted file-icon `ThemeIcon`. Pass a\n   * custom node (an icon, a badge, a small Avatar, etc.) when you want\n   * a different leading affordance.\n   */\n  icon?: ReactNode;\n  /** Right-side content — download button, lock badge, preview link, etc. */\n  rightSection?: ReactNode;\n  /**\n   * Drill-in chevron. Defaults to `false` — the right-side glyph (a\n   * download icon, a preview link, a status badge) usually conveys the\n   * affordance and the chevron is visual noise. Set to `true` for \"row\n   * that opens a detail view\" patterns.\n   */\n  showChevron?: boolean;\n  /** Click handler. */\n  onClick?: () => void;\n  /** Entrance animation delay in seconds. Omit to skip animation. */\n  animationDelay?: number;\n  /** aria-label for the clickable wrapper. Defaults to `name`. */\n  ariaLabel?: string;\n}\n\n/**\n * Document list item — title, free-form caption, optional leading icon,\n * optional right-side affordance, optional drill-in chevron.\n *\n * Designed against three real consumers (investorv2's `OpportunityDocuments`,\n * `SignSection` legal-doc list, and the mobile card view on `/documents`)\n * so the shape covers the actual patterns rather than an imagined one.\n *\n * Backwards-compat note: the previous `type` + `date` API still works.\n * When `caption` is omitted, the legacy props are joined with \" · \" into\n * a string caption.\n */\nexport function DocumentRow({\n  name,\n  caption,\n  type,\n  date,\n  icon,\n  rightSection,\n  onClick,\n  showChevron = false,\n  animationDelay,\n  ariaLabel,\n}: DocumentRowProps) {\n  const isClickable = Boolean(onClick);\n  const animate = animationDelay !== undefined;\n\n  const resolvedCaption: ReactNode =\n    caption ??\n    (type || date\n      ? [type, date ? formatDate(date) : undefined].filter(Boolean).join(\" · \")\n      : undefined);\n\n  const leadingNode = icon ?? (\n    <ThemeIcon\n      size={36}\n      radius=\"md\"\n      variant=\"light\"\n      color={colors.primary}\n      style={{\n        backgroundColor: fairmintVars.colorBgBrandSubtle,\n        color: fairmintVars.colorBrandPrimary,\n      }}\n    >\n      <DefaultDocumentIcon />\n    </ThemeIcon>\n  );\n\n  const content = (\n    <Group gap=\"md\" wrap=\"nowrap\" align=\"center\">\n      <Box style={{ flexShrink: 0 }}>{leadingNode}</Box>\n      <Stack gap={2} style={{ minWidth: 0, flex: 1 }}>\n        <Text fw={500} size=\"sm\" lineClamp={1}>\n          {name}\n        </Text>\n        {resolvedCaption !== undefined && resolvedCaption !== null && resolvedCaption !== \"\" ? (\n          typeof resolvedCaption === \"string\" ? (\n            <Text size=\"xs\" c={fairmintVars.colorTextSecondary} lineClamp={1}>\n              {resolvedCaption}\n            </Text>\n          ) : (\n            resolvedCaption\n          )\n        ) : null}\n      </Stack>\n      <Group gap=\"xs\" wrap=\"nowrap\" style={{ flexShrink: 0 }}>\n        {rightSection}\n        {showChevron && (\n          <Box c={fairmintVars.colorTextTertiary} style={{ display: \"inline-flex\" }}>\n            <DefaultChevronIcon />\n          </Box>\n        )}\n      </Group>\n    </Group>\n  );\n\n  const animationStyle = animate\n    ? ({\n        opacity: 0 as const,\n        animation: \"rowSlideIn 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards\",\n        animationDelay: `${animationDelay}s`,\n      } as const)\n    : undefined;\n\n  if (!isClickable) {\n    return (\n      <Box py=\"sm\" px=\"md\" style={animationStyle}>\n        {content}\n      </Box>\n    );\n  }\n\n  return (\n    <UnstyledButton\n      onClick={onClick}\n      className=\"fairmint-list-row\"\n      w=\"100%\"\n      py=\"sm\"\n      px=\"md\"\n      style={animationStyle}\n      aria-label={ariaLabel ?? name}\n    >\n      {content}\n    </UnstyledButton>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DocumentRow.js","sources":["../../../../src/components/specific/DocumentRow/DocumentRow.tsx"],"sourcesContent":["import type { MouseEvent, ReactNode } from \"react\";\nimport { fairmintVars } from \"../../../theme\";\nimport { colors } from \"../../../theme/colors\";\nimport { formatDate } from \"../../../utils/format\";\nimport { Box, Group, Stack, Text, ThemeIcon, UnstyledButton } from \"../../primitives/layout\";\n\n/**\n * Default file-glyph SVG. Inlined so the library doesn't depend on\n * `@tabler/icons-react` (per the icon-injection rule). Consumers can\n * override the leading slot via the `icon` prop when a different glyph\n * (or a stacked badge) is more appropriate.\n */\nconst DefaultDocumentIcon = () => (\n  <svg\n    width=\"18\"\n    height=\"18\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\" />\n    <polyline points=\"14 2 14 8 20 8\" />\n    <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\" />\n    <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\" />\n    <polyline points=\"10 9 9 9 8 9\" />\n  </svg>\n);\n\nconst DefaultChevronIcon = () => (\n  <svg\n    width=\"14\"\n    height=\"14\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"m9 18 6-6-6-6\" />\n  </svg>\n);\n\nconst NATIVE_CONTROL_SELECTOR =\n  \"a, button, input, select, textarea, label, summary, [contenteditable]:not([contenteditable='false'])\";\n\nconst INTERACTIVE_ARIA_ROLES = new Set([\n  \"button\",\n  \"checkbox\",\n  \"combobox\",\n  \"gridcell\",\n  \"link\",\n  \"listbox\",\n  \"menu\",\n  \"menuitem\",\n  \"menuitemcheckbox\",\n  \"menuitemradio\",\n  \"option\",\n  \"radio\",\n  \"scrollbar\",\n  \"searchbox\",\n  \"slider\",\n  \"spinbutton\",\n  \"switch\",\n  \"tab\",\n  \"textbox\",\n  \"treeitem\",\n]);\n\nfunction clickLandedOnControl(target: EventTarget | null, root: EventTarget): boolean {\n  if (!(target instanceof Element) || !(root instanceof Element)) {\n    return false;\n  }\n  const native = target.closest(NATIVE_CONTROL_SELECTOR);\n  if (native !== null && root.contains(native)) {\n    return true;\n  }\n  let node: Element | null = target;\n  while (node !== null && node !== root && root.contains(node)) {\n    const role = node.getAttribute(\"role\");\n    if (role !== null) {\n      for (const token of role.split(/\\s+/)) {\n        if (INTERACTIVE_ARIA_ROLES.has(token)) {\n          return true;\n        }\n      }\n    }\n    node = node.parentElement;\n  }\n  return false;\n}\n\nfunction hasTrailingContent(node: ReactNode): boolean {\n  return node != null && typeof node !== \"boolean\";\n}\n\nexport interface DocumentRowProps {\n  /** Primary title — usually the file or agreement name. */\n  name: string;\n  /**\n   * Description below the title. Accepts a `ReactNode` so consumers can mix\n   * Badges, Text, dates, and inline metadata (companyName, seriesName, etc.)\n   * without working around a single-string subtitle slot.\n   */\n  caption?: ReactNode;\n  /**\n   * @deprecated Use `caption` directly. When `caption` is omitted and\n   * `type` and/or `date` is supplied, they are joined with \" · \" to\n   * produce a string caption. Preserved for backwards compatibility\n   * with the previous, ListRow-backed API.\n   */\n  type?: string;\n  /**\n   * @deprecated Use `caption` directly. The date is now consumer-\n   * formatted; pass a formatted string via `caption` instead. Preserved\n   * for backwards compatibility.\n   */\n  date?: string;\n  /**\n   * Leading visual — defaults to a tinted file-icon `ThemeIcon`. Pass a\n   * custom node (an icon, a badge, a small Avatar, etc.) when you want\n   * a different leading affordance.\n   */\n  icon?: ReactNode;\n  /**\n   * Right-side content — download button, lock badge, preview link, etc.\n   *\n   * On a clickable row this is a sibling of the row button (never nested).\n   * Clicks on decorative trailing content still fire `onClick`; clicks on\n   * buttons, links, and other controls do not.\n   */\n  rightSection?: ReactNode;\n  /**\n   * Drill-in chevron. Defaults to `false` — the right-side glyph (a\n   * download icon, a preview link, a status badge) usually conveys the\n   * affordance and the chevron is visual noise. Set to `true` for \"row\n   * that opens a detail view\" patterns.\n   */\n  showChevron?: boolean;\n  /** Click handler. */\n  onClick?: () => void;\n  /** Entrance animation delay in seconds. Omit to skip animation. */\n  animationDelay?: number;\n  /** aria-label for the clickable wrapper. Defaults to `name`. */\n  ariaLabel?: string;\n}\n\n/**\n * Document list item — title, free-form caption, optional leading icon,\n * optional right-side affordance, optional drill-in chevron.\n *\n * Designed against three real consumers (investorv2's `OpportunityDocuments`,\n * `SignSection` legal-doc list, and the mobile card view on `/documents`)\n * so the shape covers the actual patterns rather than an imagined one.\n *\n * Backwards-compat note: the previous `type` + `date` API still works.\n * When `caption` is omitted, the legacy props are joined with \" · \" into\n * a string caption.\n */\nexport function DocumentRow({\n  name,\n  caption,\n  type,\n  date,\n  icon,\n  rightSection,\n  onClick,\n  showChevron = false,\n  animationDelay,\n  ariaLabel,\n}: DocumentRowProps) {\n  const isClickable = Boolean(onClick);\n  const animate = animationDelay !== undefined;\n\n  const resolvedCaption: ReactNode =\n    caption ??\n    (type || date\n      ? [type, date ? formatDate(date) : undefined].filter(Boolean).join(\" · \")\n      : undefined);\n\n  const leadingNode = icon ?? (\n    <ThemeIcon\n      size={36}\n      radius=\"md\"\n      variant=\"light\"\n      color={colors.primary}\n      style={{\n        backgroundColor: fairmintVars.colorBgBrandSubtle,\n        color: fairmintVars.colorBrandPrimary,\n      }}\n    >\n      <DefaultDocumentIcon />\n    </ThemeIcon>\n  );\n\n  const chevron = showChevron ? (\n    <Box c={fairmintVars.colorTextTertiary} style={{ display: \"inline-flex\" }}>\n      <DefaultChevronIcon />\n    </Box>\n  ) : null;\n\n  // Leading icon + name/caption. On a clickable row this sits in the button\n  // with padding and the optional chevron; `rightSection` is a sibling.\n  const body = (\n    <>\n      <Box style={{ flexShrink: 0 }}>{leadingNode}</Box>\n      <Stack gap={2} style={{ minWidth: 0, flex: 1 }}>\n        <Text fw={500} size=\"sm\" lineClamp={1}>\n          {name}\n        </Text>\n        {resolvedCaption !== undefined && resolvedCaption !== null && resolvedCaption !== \"\" ? (\n          typeof resolvedCaption === \"string\" ? (\n            <Text size=\"xs\" c={fairmintVars.colorTextSecondary} lineClamp={1}>\n              {resolvedCaption}\n            </Text>\n          ) : (\n            resolvedCaption\n          )\n        ) : null}\n      </Stack>\n    </>\n  );\n\n  const animationStyle = animate\n    ? ({\n        opacity: 0 as const,\n        animation: \"rowSlideIn 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards\",\n        animationDelay: `${animationDelay}s`,\n      } as const)\n    : undefined;\n\n  if (!isClickable) {\n    return (\n      <Box py=\"sm\" px=\"md\" w=\"100%\" style={animationStyle}>\n        <Group gap=\"md\" wrap=\"nowrap\" align=\"center\">\n          {body}\n          <Group gap=\"xs\" wrap=\"nowrap\" style={{ flexShrink: 0 }}>\n            {rightSection}\n            {chevron}\n          </Group>\n        </Group>\n      </Box>\n    );\n  }\n\n  const handleShellClick = (event: MouseEvent<HTMLDivElement>) => {\n    if (!(event.target instanceof Node) || !event.currentTarget.contains(event.target)) {\n      return;\n    }\n    if (clickLandedOnControl(event.target, event.currentTarget)) {\n      return;\n    }\n    onClick?.();\n  };\n\n  // Primary button: padding, body, chevron. `rightSection` is always a sibling\n  // so trailing controls never nest. Shell clicks (gap, decorative trailers)\n  // still fire `onClick`. `fairmint-list-row` is only on the shell.\n  return (\n    <Group\n      gap=\"md\"\n      wrap=\"nowrap\"\n      align=\"center\"\n      className=\"fairmint-list-row\"\n      w=\"100%\"\n      style={animationStyle}\n      onClick={handleShellClick}\n    >\n      <UnstyledButton\n        onClick={onClick}\n        py=\"sm\"\n        pl=\"md\"\n        pr={hasTrailingContent(rightSection) ? 0 : \"md\"}\n        style={{ flex: 1, minWidth: 0, display: \"flex\" }}\n        aria-label={ariaLabel ?? name}\n      >\n        <Group gap=\"md\" wrap=\"nowrap\" align=\"center\" style={{ flex: 1, minWidth: 0 }}>\n          {body}\n          {chevron}\n        </Group>\n      </UnstyledButton>\n      {hasTrailingContent(rightSection) ? (\n        <Group gap=\"xs\" wrap=\"nowrap\" py=\"sm\" pr=\"md\" style={{ flexShrink: 0 }}>\n          {typeof rightSection === \"string\" || typeof rightSection === \"number\" ? (\n            <span>{rightSection}</span>\n          ) : (\n            rightSection\n          )}\n        </Group>\n      ) : null}\n    </Group>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/specific/InvestorProfileCard/InvestorProfileCard.cjs

@@ -10,7 +10,7 @@ const Loader = require("../../primitives/Loader/Loader.cjs");
 const layout = require("../../primitives/layout.cjs");
 const Tooltip = require("../../primitives/Tooltip/Tooltip.cjs");
 const Group = require("../../../node_modules/@mantine/core/esm/components/Group/Group.cjs");
-const Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const Text = require("../../primitives/Text/Text.cjs");
 function DefaultPencilIcon() {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",

package/dist/components/specific/InvestorProfileCard/InvestorProfileCard.js

@@ -8,7 +8,7 @@ import { Loader } from "../../primitives/Loader/Loader.js";
 import { Stack, Box } from "../../primitives/layout.js";
 import { Tooltip } from "../../primitives/Tooltip/Tooltip.js";
 import { Group } from "../../../node_modules/@mantine/core/esm/components/Group/Group.js";
-import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { Text } from "../../primitives/Text/Text.js";
 function DefaultPencilIcon() {
   return /* @__PURE__ */ jsx(
     "svg",

package/dist/components/specific/WalletList/WalletList.cjs

@@ -13,7 +13,7 @@ const layout = require("../../primitives/layout.cjs");
 const Menu = require("../../primitives/Menu/Menu.cjs");
 const TextInput = require("../../primitives/TextInput/TextInput.cjs");
 const WalletListItem = require("../WalletListItem/WalletListItem.cjs");
-const Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const Text = require("../../primitives/Text/Text.cjs");
 const colors = require("../../../theme/colors.cjs");
 const Group = require("../../../node_modules/@mantine/core/esm/components/Group/Group.cjs");
 const ThemeIcon = require("../../../node_modules/@mantine/core/esm/components/ThemeIcon/ThemeIcon.cjs");

package/dist/components/specific/WalletList/WalletList.js

@@ -11,7 +11,7 @@ import { Stack } from "../../primitives/layout.js";
 import { Menu } from "../../primitives/Menu/Menu.js";
 import { TextInput } from "../../primitives/TextInput/TextInput.js";
 import { WalletListItem } from "../WalletListItem/WalletListItem.js";
-import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { Text } from "../../primitives/Text/Text.js";
 import { colors } from "../../../theme/colors.js";
 import { Group } from "../../../node_modules/@mantine/core/esm/components/Group/Group.js";
 import { ThemeIcon } from "../../../node_modules/@mantine/core/esm/components/ThemeIcon/ThemeIcon.js";

package/dist/components/specific/WalletListItem/WalletListItem.cjs

@@ -9,7 +9,7 @@ const Badge = require("../../primitives/Badge/Badge.cjs");
 const layout = require("../../primitives/layout.cjs");
 const Group = require("../../../node_modules/@mantine/core/esm/components/Group/Group.cjs");
 const ThemeIcon = require("../../../node_modules/@mantine/core/esm/components/ThemeIcon/ThemeIcon.cjs");
-const Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const Text = require("../../primitives/Text/Text.cjs");
 const colors = require("../../../theme/colors.cjs");
 const UnstyledButton = require("../../../node_modules/@mantine/core/esm/components/UnstyledButton/UnstyledButton.cjs");
 function moveRadioSelection(current, delta) {
@@ -99,7 +99,7 @@ function WalletListItem({
     ),
     /* @__PURE__ */ jsxRuntime.jsxs(layout.Stack, { gap: isCompact ? 2 : 4, style: { flex: 1, minWidth: 0 }, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(Group.Group, { gap: "xs", align: "center", wrap: "wrap", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { size: "sm", fw: 600, style: { wordBreak: "break-word" }, children: displayName }),
+        /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { size: "sm", fw: 600, style: { wordBreak: "break-word" }, glossary: false, children: displayName }),
         wallet.defaultRecipient && /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { size: "xs", color: colors.colors.warning, variant: "light", tt: "uppercase", children: "Default" }),
         /* @__PURE__ */ jsxRuntime.jsx(Badge.Badge, { size: "xs", variant: "light", color: colors.colors.neutral, children: kindPill })
       ] }),
@@ -112,6 +112,7 @@ function WalletListItem({
           title: wallet.address,
           ...isClickable ? { "aria-hidden": true } : { "aria-label": `Wallet address ${wallet.address}` },
           style: { overflowWrap: "anywhere" },
+          glossary: false,
           children: displayAddress
         }
       )

package/dist/components/specific/WalletListItem/WalletListItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"WalletListItem.cjs","sources":["../../../../src/components/specific/WalletListItem/WalletListItem.tsx"],"sourcesContent":["import { type KeyboardEvent, type ReactNode, useLayoutEffect, useRef, useState } from \"react\";\nimport { brandColors, colors, fairmintVars, neutralColors, radii } from \"../../../theme\";\nimport { truncateAddress } from \"../../../utils/address\";\nimport {\n  getWalletDisplayName,\n  getWalletIconColor,\n  getWalletKindPill,\n  type Wallet,\n} from \"../../../utils/wallets\";\nimport { Badge } from \"../../primitives/Badge/Badge\";\nimport { Box, Group, Stack, Text, ThemeIcon, UnstyledButton } from \"../../primitives/layout\";\n\nexport interface WalletListItemProps {\n  /** Wallet data used to derive the name, kind badge, and address. */\n  wallet: Wallet;\n  /** Number of address characters shown on each side of the ellipsis in compact density. */\n  addressChars?: number;\n  /** Row density. Compact is intended for picker/dropdown options. */\n  density?: \"comfortable\" | \"compact\";\n  /** Applies the indigo outline selected treatment. */\n  selected?: boolean;\n  /** Content rendered at the trailing edge of the row. */\n  rightSection?: ReactNode;\n  /** Leading wallet visual. Apps provide the icon so the library stays icon-package agnostic. */\n  walletIcon?: ReactNode;\n  /** Optional override for wallet type labels. */\n  typeLabels?: Record<string, string>;\n  /** Makes the primary row content a selectable radio option when supplied. */\n  onClick?: () => void;\n  /**\n   * Accessible name for a clickable row.\n   * Defaults to `{displayName}, {address}` so unlabeled wallets stay distinguishable.\n   */\n  ariaLabel?: string;\n}\n\nfunction moveRadioSelection(current: HTMLElement, delta: number): void {\n  const group = current.closest('[role=\"radiogroup\"]');\n  if (!group) return;\n  const radios = Array.from(group.querySelectorAll<HTMLElement>('[role=\"radio\"]'));\n  const index = radios.indexOf(current);\n  if (index < 0 || radios.length === 0) return;\n  const next = radios[(index + delta + radios.length) % radios.length];\n  next.focus();\n  next.click();\n}\n\nfunction handleRadioKeyDown(event: KeyboardEvent<HTMLButtonElement>): void {\n  switch (event.key) {\n    case \"ArrowDown\":\n    case \"ArrowRight\":\n      event.preventDefault();\n      moveRadioSelection(event.currentTarget, 1);\n      break;\n    case \"ArrowUp\":\n    case \"ArrowLeft\":\n      event.preventDefault();\n      moveRadioSelection(event.currentTarget, -1);\n      break;\n    default:\n      break;\n  }\n}\n\nfunction radioTabIndex(radio: HTMLElement | null, selected: boolean): number {\n  if (!radio) return 0;\n  const group = radio.closest('[role=\"radiogroup\"]');\n  if (!group) return 0;\n  if (selected) return 0;\n  const radios = Array.from(group.querySelectorAll<HTMLElement>('[role=\"radio\"]'));\n  const anySelected = radios.some((item) => item.getAttribute(\"aria-checked\") === \"true\");\n  if (!anySelected && radios[0] === radio) return 0;\n  return -1;\n}\n\n/**\n * Reusable wallet display shell for lists, pickers, and read-only review rows.\n * Management actions such as rename, remove, and connect remain owned by the\n * composing flow.\n */\nexport function WalletListItem({\n  wallet,\n  addressChars = 6,\n  density = \"comfortable\",\n  selected = false,\n  rightSection,\n  walletIcon,\n  typeLabels,\n  onClick,\n  ariaLabel,\n}: WalletListItemProps) {\n  const isCompact = density === \"compact\";\n  const displayName = getWalletDisplayName(wallet, typeLabels);\n  const kindPill = getWalletKindPill(wallet.type, typeLabels);\n  const displayAddress = isCompact ? truncateAddress(wallet.address, addressChars) : wallet.address;\n  const padding = isCompact ? \"xs\" : \"md\";\n  const alignment = isCompact ? \"center\" : \"flex-start\";\n  const isClickable = Boolean(onClick);\n  const radioRef = useRef<HTMLButtonElement>(null);\n  const [tabIndex, setTabIndex] = useState(0);\n\n  useLayoutEffect(() => {\n    if (!isClickable) return;\n    const radio = radioRef.current;\n    if (!radio) return;\n\n    const updateTabIndex = () => {\n      setTabIndex(radioTabIndex(radio, selected));\n    };\n    updateTabIndex();\n\n    const group = radio.closest('[role=\"radiogroup\"]');\n    if (!group) return;\n\n    const observer = new MutationObserver(updateTabIndex);\n    observer.observe(group, {\n      subtree: true,\n      childList: true,\n      attributes: true,\n      attributeFilter: [\"aria-checked\", \"role\"],\n    });\n    return () => observer.disconnect();\n  }, [isClickable, selected]);\n\n  const mainContent = (\n    <Group gap=\"sm\" align={alignment} wrap=\"nowrap\" style={{ flex: 1, minWidth: 0 }}>\n      {walletIcon && (\n        <ThemeIcon\n          size={isCompact ? 32 : 40}\n          radius=\"xl\"\n          variant=\"light\"\n          color={getWalletIconColor(wallet.type)}\n          style={{ flexShrink: 0 }}\n        >\n          {walletIcon}\n        </ThemeIcon>\n      )}\n      <Stack gap={isCompact ? 2 : 4} style={{ flex: 1, minWidth: 0 }}>\n        <Group gap=\"xs\" align=\"center\" wrap=\"wrap\">\n          <Text size=\"sm\" fw={600} style={{ wordBreak: \"break-word\" }}>\n            {displayName}\n          </Text>\n          {wallet.defaultRecipient && (\n            <Badge size=\"xs\" color={colors.warning} variant=\"light\" tt=\"uppercase\">\n              Default\n            </Badge>\n          )}\n          <Badge size=\"xs\" variant=\"light\" color={colors.neutral}>\n            {kindPill}\n          </Badge>\n        </Group>\n        <Text\n          size=\"xs\"\n          ff=\"monospace\"\n          c={fairmintVars.colorTextSecondary}\n          title={wallet.address}\n          {...(isClickable\n            ? { \"aria-hidden\": true }\n            : { \"aria-label\": `Wallet address ${wallet.address}` })}\n          style={{ overflowWrap: \"anywhere\" }}\n        >\n          {displayAddress}\n        </Text>\n      </Stack>\n    </Group>\n  );\n\n  const trailing = rightSection ? <Box style={{ flexShrink: 0 }}>{rightSection}</Box> : null;\n\n  const style = {\n    borderRadius: radii.lg,\n    border: selected\n      ? `1px solid ${brandColors.indigo}`\n      : isCompact\n        ? \"1px solid transparent\"\n        : `1px solid ${neutralColors[200]}`,\n  } as const;\n\n  const radioLabel = ariaLabel ?? `${displayName}, ${wallet.address}`;\n\n  if (isClickable) {\n    return (\n      <Box\n        data-selected={selected || undefined}\n        className=\"fairmint-list-row\"\n        w=\"100%\"\n        p={padding}\n        style={style}\n      >\n        <Group justify=\"space-between\" align={alignment} wrap=\"nowrap\" gap=\"xs\" w=\"100%\">\n          <UnstyledButton\n            ref={radioRef}\n            onClick={onClick}\n            onKeyDown={handleRadioKeyDown}\n            role=\"radio\"\n            aria-checked={selected}\n            aria-label={radioLabel}\n            tabIndex={tabIndex}\n            style={{ flex: 1, minWidth: 0, textAlign: \"left\" }}\n          >\n            {mainContent}\n          </UnstyledButton>\n          {trailing}\n        </Group>\n      </Box>\n    );\n  }\n\n  return (\n    <Box data-selected={selected || undefined} w=\"100%\" p={padding} style={style}>\n      <Group justify=\"space-between\" align={alignment} wrap=\"nowrap\" gap=\"xs\" w=\"100%\">\n        {mainContent}\n        {trailing}\n      </Group>\n    </Box>\n  );\n}\n"],"names":["index","getWalletDisplayName","getWalletKindPill","truncateAddress","useRef","useState","useLayoutEffect","jsxs","Group","jsx","ThemeIcon","getWalletIconColor","Stack","Text","Badge","colors","fairmintVars","Box","radii","brandColors","neutralColors","UnstyledButton"],"mappings":"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"}
+{"version":3,"file":"WalletListItem.cjs","sources":["../../../../src/components/specific/WalletListItem/WalletListItem.tsx"],"sourcesContent":["import { type KeyboardEvent, type ReactNode, useLayoutEffect, useRef, useState } from \"react\";\nimport { brandColors, colors, fairmintVars, neutralColors, radii } from \"../../../theme\";\nimport { truncateAddress } from \"../../../utils/address\";\nimport {\n  getWalletDisplayName,\n  getWalletIconColor,\n  getWalletKindPill,\n  type Wallet,\n} from \"../../../utils/wallets\";\nimport { Badge } from \"../../primitives/Badge/Badge\";\nimport { Box, Group, Stack, Text, ThemeIcon, UnstyledButton } from \"../../primitives/layout\";\n\nexport interface WalletListItemProps {\n  /** Wallet data used to derive the name, kind badge, and address. */\n  wallet: Wallet;\n  /** Number of address characters shown on each side of the ellipsis in compact density. */\n  addressChars?: number;\n  /** Row density. Compact is intended for picker/dropdown options. */\n  density?: \"comfortable\" | \"compact\";\n  /** Applies the indigo outline selected treatment. */\n  selected?: boolean;\n  /** Content rendered at the trailing edge of the row. */\n  rightSection?: ReactNode;\n  /** Leading wallet visual. Apps provide the icon so the library stays icon-package agnostic. */\n  walletIcon?: ReactNode;\n  /** Optional override for wallet type labels. */\n  typeLabels?: Record<string, string>;\n  /** Makes the primary row content a selectable radio option when supplied. */\n  onClick?: () => void;\n  /**\n   * Accessible name for a clickable row.\n   * Defaults to `{displayName}, {address}` so unlabeled wallets stay distinguishable.\n   */\n  ariaLabel?: string;\n}\n\nfunction moveRadioSelection(current: HTMLElement, delta: number): void {\n  const group = current.closest('[role=\"radiogroup\"]');\n  if (!group) return;\n  const radios = Array.from(group.querySelectorAll<HTMLElement>('[role=\"radio\"]'));\n  const index = radios.indexOf(current);\n  if (index < 0 || radios.length === 0) return;\n  const next = radios[(index + delta + radios.length) % radios.length];\n  next.focus();\n  next.click();\n}\n\nfunction handleRadioKeyDown(event: KeyboardEvent<HTMLButtonElement>): void {\n  switch (event.key) {\n    case \"ArrowDown\":\n    case \"ArrowRight\":\n      event.preventDefault();\n      moveRadioSelection(event.currentTarget, 1);\n      break;\n    case \"ArrowUp\":\n    case \"ArrowLeft\":\n      event.preventDefault();\n      moveRadioSelection(event.currentTarget, -1);\n      break;\n    default:\n      break;\n  }\n}\n\nfunction radioTabIndex(radio: HTMLElement | null, selected: boolean): number {\n  if (!radio) return 0;\n  const group = radio.closest('[role=\"radiogroup\"]');\n  if (!group) return 0;\n  if (selected) return 0;\n  const radios = Array.from(group.querySelectorAll<HTMLElement>('[role=\"radio\"]'));\n  const anySelected = radios.some((item) => item.getAttribute(\"aria-checked\") === \"true\");\n  if (!anySelected && radios[0] === radio) return 0;\n  return -1;\n}\n\n/**\n * Reusable wallet display shell for lists, pickers, and read-only review rows.\n * Management actions such as rename, remove, and connect remain owned by the\n * composing flow.\n */\nexport function WalletListItem({\n  wallet,\n  addressChars = 6,\n  density = \"comfortable\",\n  selected = false,\n  rightSection,\n  walletIcon,\n  typeLabels,\n  onClick,\n  ariaLabel,\n}: WalletListItemProps) {\n  const isCompact = density === \"compact\";\n  const displayName = getWalletDisplayName(wallet, typeLabels);\n  const kindPill = getWalletKindPill(wallet.type, typeLabels);\n  const displayAddress = isCompact ? truncateAddress(wallet.address, addressChars) : wallet.address;\n  const padding = isCompact ? \"xs\" : \"md\";\n  const alignment = isCompact ? \"center\" : \"flex-start\";\n  const isClickable = Boolean(onClick);\n  const radioRef = useRef<HTMLButtonElement>(null);\n  const [tabIndex, setTabIndex] = useState(0);\n\n  useLayoutEffect(() => {\n    if (!isClickable) return;\n    const radio = radioRef.current;\n    if (!radio) return;\n\n    const updateTabIndex = () => {\n      setTabIndex(radioTabIndex(radio, selected));\n    };\n    updateTabIndex();\n\n    const group = radio.closest('[role=\"radiogroup\"]');\n    if (!group) return;\n\n    const observer = new MutationObserver(updateTabIndex);\n    observer.observe(group, {\n      subtree: true,\n      childList: true,\n      attributes: true,\n      attributeFilter: [\"aria-checked\", \"role\"],\n    });\n    return () => observer.disconnect();\n  }, [isClickable, selected]);\n\n  const mainContent = (\n    <Group gap=\"sm\" align={alignment} wrap=\"nowrap\" style={{ flex: 1, minWidth: 0 }}>\n      {walletIcon && (\n        <ThemeIcon\n          size={isCompact ? 32 : 40}\n          radius=\"xl\"\n          variant=\"light\"\n          color={getWalletIconColor(wallet.type)}\n          style={{ flexShrink: 0 }}\n        >\n          {walletIcon}\n        </ThemeIcon>\n      )}\n      <Stack gap={isCompact ? 2 : 4} style={{ flex: 1, minWidth: 0 }}>\n        <Group gap=\"xs\" align=\"center\" wrap=\"wrap\">\n          <Text size=\"sm\" fw={600} style={{ wordBreak: \"break-word\" }} glossary={false}>\n            {displayName}\n          </Text>\n          {wallet.defaultRecipient && (\n            <Badge size=\"xs\" color={colors.warning} variant=\"light\" tt=\"uppercase\">\n              Default\n            </Badge>\n          )}\n          <Badge size=\"xs\" variant=\"light\" color={colors.neutral}>\n            {kindPill}\n          </Badge>\n        </Group>\n        <Text\n          size=\"xs\"\n          ff=\"monospace\"\n          c={fairmintVars.colorTextSecondary}\n          title={wallet.address}\n          {...(isClickable\n            ? { \"aria-hidden\": true }\n            : { \"aria-label\": `Wallet address ${wallet.address}` })}\n          style={{ overflowWrap: \"anywhere\" }}\n          glossary={false}\n        >\n          {displayAddress}\n        </Text>\n      </Stack>\n    </Group>\n  );\n\n  const trailing = rightSection ? <Box style={{ flexShrink: 0 }}>{rightSection}</Box> : null;\n\n  const style = {\n    borderRadius: radii.lg,\n    border: selected\n      ? `1px solid ${brandColors.indigo}`\n      : isCompact\n        ? \"1px solid transparent\"\n        : `1px solid ${neutralColors[200]}`,\n  } as const;\n\n  const radioLabel = ariaLabel ?? `${displayName}, ${wallet.address}`;\n\n  if (isClickable) {\n    return (\n      <Box\n        data-selected={selected || undefined}\n        className=\"fairmint-list-row\"\n        w=\"100%\"\n        p={padding}\n        style={style}\n      >\n        <Group justify=\"space-between\" align={alignment} wrap=\"nowrap\" gap=\"xs\" w=\"100%\">\n          <UnstyledButton\n            ref={radioRef}\n            onClick={onClick}\n            onKeyDown={handleRadioKeyDown}\n            role=\"radio\"\n            aria-checked={selected}\n            aria-label={radioLabel}\n            tabIndex={tabIndex}\n            style={{ flex: 1, minWidth: 0, textAlign: \"left\" }}\n          >\n            {mainContent}\n          </UnstyledButton>\n          {trailing}\n        </Group>\n      </Box>\n    );\n  }\n\n  return (\n    <Box data-selected={selected || undefined} w=\"100%\" p={padding} style={style}>\n      <Group justify=\"space-between\" align={alignment} wrap=\"nowrap\" gap=\"xs\" w=\"100%\">\n        {mainContent}\n        {trailing}\n      </Group>\n    </Box>\n  );\n}\n"],"names":["index","getWalletDisplayName","getWalletKindPill","truncateAddress","useRef","useState","useLayoutEffect","jsxs","Group","jsx","ThemeIcon","getWalletIconColor","Stack","Text","Badge","colors","fairmintVars","Box","radii","brandColors","neutralColors","UnstyledButton"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"WalletListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/specific/WalletListItem/WalletListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,SAAS,EAAqC,MAAM,OAAO,CAAC;AAG9F,OAAO,EAIL,KAAK,MAAM,EACZ,MAAM,wBAAwB,CAAC;AAIhC,MAAM,WAAW,mBAAmB;IAClC,oEAAoE;IACpE,MAAM,EAAE,MAAM,CAAC;IACf,0FAA0F;IAC1F,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oEAAoE;IACpE,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACpC,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,+FAA+F;IAC/F,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,6EAA6E;IAC7E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAyCD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,YAAgB,EAChB,OAAuB,EACvB,QAAgB,EAChB,YAAY,EACZ,UAAU,EACV,UAAU,EACV,OAAO,EACP,SAAS,GACV,EAAE,mBAAmB,+BA8HrB"}
+{"version":3,"file":"WalletListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/specific/WalletListItem/WalletListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,SAAS,EAAqC,MAAM,OAAO,CAAC;AAG9F,OAAO,EAIL,KAAK,MAAM,EACZ,MAAM,wBAAwB,CAAC;AAIhC,MAAM,WAAW,mBAAmB;IAClC,oEAAoE;IACpE,MAAM,EAAE,MAAM,CAAC;IACf,0FAA0F;IAC1F,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oEAAoE;IACpE,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACpC,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,+FAA+F;IAC/F,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,6EAA6E;IAC7E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAyCD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,YAAgB,EAChB,OAAuB,EACvB,QAAgB,EAChB,YAAY,EACZ,UAAU,EACV,UAAU,EACV,OAAO,EACP,SAAS,GACV,EAAE,mBAAmB,+BA+HrB"}

package/dist/components/specific/WalletListItem/WalletListItem.js

@@ -7,7 +7,7 @@ import { Badge } from "../../primitives/Badge/Badge.js";
 import { Stack, Box } from "../../primitives/layout.js";
 import { Group } from "../../../node_modules/@mantine/core/esm/components/Group/Group.js";
 import { ThemeIcon } from "../../../node_modules/@mantine/core/esm/components/ThemeIcon/ThemeIcon.js";
-import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { Text } from "../../primitives/Text/Text.js";
 import { colors } from "../../../theme/colors.js";
 import { UnstyledButton } from "../../../node_modules/@mantine/core/esm/components/UnstyledButton/UnstyledButton.js";
 function moveRadioSelection(current, delta) {
@@ -97,7 +97,7 @@ function WalletListItem({
     ),
     /* @__PURE__ */ jsxs(Stack, { gap: isCompact ? 2 : 4, style: { flex: 1, minWidth: 0 }, children: [
       /* @__PURE__ */ jsxs(Group, { gap: "xs", align: "center", wrap: "wrap", children: [
-        /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, style: { wordBreak: "break-word" }, children: displayName }),
+        /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, style: { wordBreak: "break-word" }, glossary: false, children: displayName }),
         wallet.defaultRecipient && /* @__PURE__ */ jsx(Badge, { size: "xs", color: colors.warning, variant: "light", tt: "uppercase", children: "Default" }),
         /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: colors.neutral, children: kindPill })
       ] }),
@@ -110,6 +110,7 @@ function WalletListItem({
           title: wallet.address,
           ...isClickable ? { "aria-hidden": true } : { "aria-label": `Wallet address ${wallet.address}` },
           style: { overflowWrap: "anywhere" },
+          glossary: false,
           children: displayAddress
         }
       )