@fairmint/ui 0.4.9 → 0.4.11

package/dist/components/generic/Eyebrow/Eyebrow.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { fairmintVars } from "../../../theme/index.js";
-import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { Text } from "../../primitives/Text/Text.js";
 function Eyebrow({
   children,
   size = "xs",

package/dist/components/generic/FileDropzone/FileDropzone.cjs

@@ -8,7 +8,7 @@ const Loader = require("../../primitives/Loader/Loader.cjs");
 const layout = require("../../primitives/layout.cjs");
 const Banner = require("../Banner/Banner.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");
 const ThemeIcon = require("../../../node_modules/@mantine/core/esm/components/ThemeIcon/ThemeIcon.cjs");
 const errorTextProps = {
   size: "xs",

package/dist/components/generic/FileDropzone/FileDropzone.js

@@ -6,7 +6,7 @@ import { Loader } from "../../primitives/Loader/Loader.js";
 import { Stack, Box } from "../../primitives/layout.js";
 import { Banner } from "../Banner/Banner.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";
 import { ThemeIcon } from "../../../node_modules/@mantine/core/esm/components/ThemeIcon/ThemeIcon.js";
 const errorTextProps = {
   size: "xs",

package/dist/components/generic/ListRow/ListRow.cjs

@@ -6,7 +6,7 @@ const colors = require("../../../theme/colors.cjs");
 const Avatar = require("../../primitives/Avatar/Avatar.cjs");
 const layout = require("../../primitives/layout.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");
 const UnstyledButton = require("../../../node_modules/@mantine/core/esm/components/UnstyledButton/UnstyledButton.cjs");
 const DefaultChevronIcon = () => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
@@ -57,18 +57,19 @@ function ListRow({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs(layout.Box, { flex: 1, miw: 0, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { fw: 500, size: "sm", truncate: true, children: title }),
-      subtitle && /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { size: "xs", c: index.fairmintVars.colorTextSecondary, lh: 1.3, children: subtitle })
+      /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { fw: 500, size: "sm", truncate: true, glossary: false, children: title }),
+      subtitle && /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { size: "xs", c: index.fairmintVars.colorTextSecondary, lh: 1.3, glossary: false, children: subtitle })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(Group.Group, { gap: 6, wrap: "nowrap", children: [
       rightSection ?? (value !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs(layout.Stack, { gap: 2, align: "flex-end", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { fw: 500, size: "sm", style: { whiteSpace: "nowrap" }, children: value }),
+        /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { fw: 500, size: "sm", style: { whiteSpace: "nowrap" }, glossary: false, children: value }),
         valueSubtitle && /* @__PURE__ */ jsxRuntime.jsx(
           Text.Text,
           {
             size: "xs",
             c: index.fairmintVars.colorTextSecondary,
             style: { whiteSpace: "nowrap" },
+            glossary: false,
             children: valueSubtitle
           }
         )

package/dist/components/generic/ListRow/ListRow.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListRow.cjs","sources":["../../../../src/components/generic/ListRow/ListRow.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { fairmintVars } from \"../../../theme\";\nimport { colors } from \"../../../theme/colors\";\nimport { Avatar } from \"../../primitives/Avatar/Avatar\";\nimport { Box, Group, Stack, Text, UnstyledButton } from \"../../primitives/layout\";\n\nexport interface ListRowProps {\n  /** Avatar image URL. Falls back to name-derived initial. */\n  avatarSrc?: string;\n  /** @deprecated Use `avatarName` instead. Preserved for backwards compatibility. */\n  avatarFallback?: string;\n  /**\n   * Name used to derive a fallback initial and deterministic avatar color.\n   * Defaults to `title` when omitted.\n   */\n  avatarName?: string;\n  /** Explicit avatar background color override. When set, takes precedence over the name-derived color. */\n  avatarColor?: string;\n  /**\n   * When true and `avatarColor` is omitted, the Avatar primitive derives a\n   * deterministic background color from `avatarName` / `title`.\n   * @default false\n   */\n  avatarColorFromName?: boolean;\n  /** Primary text. */\n  title: string;\n  /** Secondary text below title. */\n  subtitle?: string;\n  /** Right-aligned value text. */\n  value?: string;\n  /** Right-aligned secondary value text (below `value`). */\n  valueSubtitle?: string;\n  /** Right section slot — overrides `value`/`valueSubtitle` if provided. */\n  rightSection?: ReactNode;\n  /** Show chevron indicator. @default true when onClick is provided */\n  showChevron?: boolean;\n  /** Chevron icon override. */\n  chevronIcon?: ReactNode;\n  /** Click handler. Makes the row interactive. */\n  onClick?: () => void;\n  /** Entrance animation delay in seconds. Omit to skip animation. */\n  animationDelay?: number;\n  /** Whether this row is selected (highlighted state). @default false */\n  isSelected?: boolean;\n  /** aria-label for the button. Defaults to title. */\n  ariaLabel?: string;\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 function ListRow({\n  avatarSrc,\n  avatarFallback,\n  avatarColor,\n  avatarColorFromName = false,\n  title,\n  avatarName = title,\n  subtitle,\n  value,\n  valueSubtitle,\n  rightSection,\n  showChevron,\n  chevronIcon,\n  onClick,\n  animationDelay,\n  isSelected = false,\n  ariaLabel,\n}: ListRowProps) {\n  const animate = animationDelay !== undefined;\n  const isClickable = Boolean(onClick);\n  const displayChevron = showChevron ?? isClickable;\n\n  const content = (\n    <Group gap=\"sm\" wrap=\"nowrap\">\n      <Avatar\n        src={avatarSrc}\n        alt={title}\n        name={avatarName}\n        size={40}\n        color={avatarColor ?? (avatarColorFromName ? undefined : colors.primary)}\n      >\n        {avatarFallback}\n      </Avatar>\n\n      <Box flex={1} miw={0}>\n        <Text fw={500} size=\"sm\" truncate>\n          {title}\n        </Text>\n        {subtitle && (\n          <Text size=\"xs\" c={fairmintVars.colorTextSecondary} lh={1.3}>\n            {subtitle}\n          </Text>\n        )}\n      </Box>\n\n      <Group gap={6} wrap=\"nowrap\">\n        {rightSection ??\n          (value !== undefined && (\n            <Stack gap={2} align=\"flex-end\">\n              <Text fw={500} size=\"sm\" style={{ whiteSpace: \"nowrap\" }}>\n                {value}\n              </Text>\n              {valueSubtitle && (\n                <Text\n                  size=\"xs\"\n                  c={fairmintVars.colorTextSecondary}\n                  style={{ whiteSpace: \"nowrap\" }}\n                >\n                  {valueSubtitle}\n                </Text>\n              )}\n            </Stack>\n          ))}\n        {displayChevron &&\n          (chevronIcon ?? (\n            <Box c={fairmintVars.colorTextTertiary} style={{ flexShrink: 0 }}>\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      }\n    : undefined;\n\n  if (!isClickable) {\n    return (\n      <Box\n        bg={isSelected ? fairmintVars.colorSurfaceSelected : undefined}\n        py=\"sm\"\n        px=\"md\"\n        style={animationStyle}\n      >\n        {content}\n      </Box>\n    );\n  }\n\n  return (\n    <UnstyledButton\n      bg={isSelected ? fairmintVars.colorSurfaceSelected : undefined}\n      onClick={onClick}\n      className=\"fairmint-list-row\"\n      w=\"100%\"\n      py=\"sm\"\n      px=\"md\"\n      style={animationStyle}\n      aria-label={ariaLabel ?? title}\n    >\n      {content}\n    </UnstyledButton>\n  );\n}\n"],"names":["jsx","jsxs","Group","Avatar","colors","Box","Text","fairmintVars","Stack","UnstyledButton"],"mappings":"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"}
+{"version":3,"file":"ListRow.cjs","sources":["../../../../src/components/generic/ListRow/ListRow.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { fairmintVars } from \"../../../theme\";\nimport { colors } from \"../../../theme/colors\";\nimport { Avatar } from \"../../primitives/Avatar/Avatar\";\nimport { Box, Group, Stack, Text, UnstyledButton } from \"../../primitives/layout\";\n\nexport interface ListRowProps {\n  /** Avatar image URL. Falls back to name-derived initial. */\n  avatarSrc?: string;\n  /** @deprecated Use `avatarName` instead. Preserved for backwards compatibility. */\n  avatarFallback?: string;\n  /**\n   * Name used to derive a fallback initial and deterministic avatar color.\n   * Defaults to `title` when omitted.\n   */\n  avatarName?: string;\n  /** Explicit avatar background color override. When set, takes precedence over the name-derived color. */\n  avatarColor?: string;\n  /**\n   * When true and `avatarColor` is omitted, the Avatar primitive derives a\n   * deterministic background color from `avatarName` / `title`.\n   * @default false\n   */\n  avatarColorFromName?: boolean;\n  /** Primary text. */\n  title: string;\n  /** Secondary text below title. */\n  subtitle?: string;\n  /** Right-aligned value text. */\n  value?: string;\n  /** Right-aligned secondary value text (below `value`). */\n  valueSubtitle?: string;\n  /** Right section slot — overrides `value`/`valueSubtitle` if provided. */\n  rightSection?: ReactNode;\n  /** Show chevron indicator. @default true when onClick is provided */\n  showChevron?: boolean;\n  /** Chevron icon override. */\n  chevronIcon?: ReactNode;\n  /** Click handler. Makes the row interactive. */\n  onClick?: () => void;\n  /** Entrance animation delay in seconds. Omit to skip animation. */\n  animationDelay?: number;\n  /** Whether this row is selected (highlighted state). @default false */\n  isSelected?: boolean;\n  /** aria-label for the button. Defaults to title. */\n  ariaLabel?: string;\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 function ListRow({\n  avatarSrc,\n  avatarFallback,\n  avatarColor,\n  avatarColorFromName = false,\n  title,\n  avatarName = title,\n  subtitle,\n  value,\n  valueSubtitle,\n  rightSection,\n  showChevron,\n  chevronIcon,\n  onClick,\n  animationDelay,\n  isSelected = false,\n  ariaLabel,\n}: ListRowProps) {\n  const animate = animationDelay !== undefined;\n  const isClickable = Boolean(onClick);\n  const displayChevron = showChevron ?? isClickable;\n\n  const content = (\n    <Group gap=\"sm\" wrap=\"nowrap\">\n      <Avatar\n        src={avatarSrc}\n        alt={title}\n        name={avatarName}\n        size={40}\n        color={avatarColor ?? (avatarColorFromName ? undefined : colors.primary)}\n      >\n        {avatarFallback}\n      </Avatar>\n\n      <Box flex={1} miw={0}>\n        <Text fw={500} size=\"sm\" truncate glossary={false}>\n          {title}\n        </Text>\n        {subtitle && (\n          <Text size=\"xs\" c={fairmintVars.colorTextSecondary} lh={1.3} glossary={false}>\n            {subtitle}\n          </Text>\n        )}\n      </Box>\n\n      <Group gap={6} wrap=\"nowrap\">\n        {rightSection ??\n          (value !== undefined && (\n            <Stack gap={2} align=\"flex-end\">\n              <Text fw={500} size=\"sm\" style={{ whiteSpace: \"nowrap\" }} glossary={false}>\n                {value}\n              </Text>\n              {valueSubtitle && (\n                <Text\n                  size=\"xs\"\n                  c={fairmintVars.colorTextSecondary}\n                  style={{ whiteSpace: \"nowrap\" }}\n                  glossary={false}\n                >\n                  {valueSubtitle}\n                </Text>\n              )}\n            </Stack>\n          ))}\n        {displayChevron &&\n          (chevronIcon ?? (\n            <Box c={fairmintVars.colorTextTertiary} style={{ flexShrink: 0 }}>\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      }\n    : undefined;\n\n  if (!isClickable) {\n    return (\n      <Box\n        bg={isSelected ? fairmintVars.colorSurfaceSelected : undefined}\n        py=\"sm\"\n        px=\"md\"\n        style={animationStyle}\n      >\n        {content}\n      </Box>\n    );\n  }\n\n  return (\n    <UnstyledButton\n      bg={isSelected ? fairmintVars.colorSurfaceSelected : undefined}\n      onClick={onClick}\n      className=\"fairmint-list-row\"\n      w=\"100%\"\n      py=\"sm\"\n      px=\"md\"\n      style={animationStyle}\n      aria-label={ariaLabel ?? title}\n    >\n      {content}\n    </UnstyledButton>\n  );\n}\n"],"names":["jsx","jsxs","Group","Avatar","colors","Box","Text","fairmintVars","Stack","UnstyledButton"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ListRow.d.ts","sourceRoot":"","sources":["../../../../src/components/generic/ListRow/ListRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,YAAY;IAC3B,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yGAAyG;IACzG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,qEAAqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mEAAmE;IACnE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkBD,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,cAAc,EACd,WAAW,EACX,mBAA2B,EAC3B,KAAK,EACL,UAAkB,EAClB,QAAQ,EACR,KAAK,EACL,aAAa,EACb,YAAY,EACZ,WAAW,EACX,WAAW,EACX,OAAO,EACP,cAAc,EACd,UAAkB,EAClB,SAAS,GACV,EAAE,YAAY,+BA2Fd"}
+{"version":3,"file":"ListRow.d.ts","sourceRoot":"","sources":["../../../../src/components/generic/ListRow/ListRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,YAAY;IAC3B,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yGAAyG;IACzG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,qEAAqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mEAAmE;IACnE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkBD,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,cAAc,EACd,WAAW,EACX,mBAA2B,EAC3B,KAAK,EACL,UAAkB,EAClB,QAAQ,EACR,KAAK,EACL,aAAa,EACb,YAAY,EACZ,WAAW,EACX,WAAW,EACX,OAAO,EACP,cAAc,EACd,UAAkB,EAClB,SAAS,GACV,EAAE,YAAY,+BA4Fd"}

package/dist/components/generic/ListRow/ListRow.js

@@ -4,7 +4,7 @@ import { colors } from "../../../theme/colors.js";
 import { Avatar } from "../../primitives/Avatar/Avatar.js";
 import { Box, Stack } from "../../primitives/layout.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";
 import { UnstyledButton } from "../../../node_modules/@mantine/core/esm/components/UnstyledButton/UnstyledButton.js";
 const DefaultChevronIcon = () => /* @__PURE__ */ jsx(
   "svg",
@@ -55,18 +55,19 @@ function ListRow({
       }
     ),
     /* @__PURE__ */ jsxs(Box, { flex: 1, miw: 0, children: [
-      /* @__PURE__ */ jsx(Text, { fw: 500, size: "sm", truncate: true, children: title }),
-      subtitle && /* @__PURE__ */ jsx(Text, { size: "xs", c: fairmintVars.colorTextSecondary, lh: 1.3, children: subtitle })
+      /* @__PURE__ */ jsx(Text, { fw: 500, size: "sm", truncate: true, glossary: false, children: title }),
+      subtitle && /* @__PURE__ */ jsx(Text, { size: "xs", c: fairmintVars.colorTextSecondary, lh: 1.3, glossary: false, children: subtitle })
     ] }),
     /* @__PURE__ */ jsxs(Group, { gap: 6, wrap: "nowrap", children: [
       rightSection ?? (value !== void 0 && /* @__PURE__ */ jsxs(Stack, { gap: 2, align: "flex-end", children: [
-        /* @__PURE__ */ jsx(Text, { fw: 500, size: "sm", style: { whiteSpace: "nowrap" }, children: value }),
+        /* @__PURE__ */ jsx(Text, { fw: 500, size: "sm", style: { whiteSpace: "nowrap" }, glossary: false, children: value }),
         valueSubtitle && /* @__PURE__ */ jsx(
           Text,
           {
             size: "xs",
             c: fairmintVars.colorTextSecondary,
             style: { whiteSpace: "nowrap" },
+            glossary: false,
             children: valueSubtitle
           }
         )

package/dist/components/generic/ListRow/ListRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListRow.js","sources":["../../../../src/components/generic/ListRow/ListRow.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { fairmintVars } from \"../../../theme\";\nimport { colors } from \"../../../theme/colors\";\nimport { Avatar } from \"../../primitives/Avatar/Avatar\";\nimport { Box, Group, Stack, Text, UnstyledButton } from \"../../primitives/layout\";\n\nexport interface ListRowProps {\n  /** Avatar image URL. Falls back to name-derived initial. */\n  avatarSrc?: string;\n  /** @deprecated Use `avatarName` instead. Preserved for backwards compatibility. */\n  avatarFallback?: string;\n  /**\n   * Name used to derive a fallback initial and deterministic avatar color.\n   * Defaults to `title` when omitted.\n   */\n  avatarName?: string;\n  /** Explicit avatar background color override. When set, takes precedence over the name-derived color. */\n  avatarColor?: string;\n  /**\n   * When true and `avatarColor` is omitted, the Avatar primitive derives a\n   * deterministic background color from `avatarName` / `title`.\n   * @default false\n   */\n  avatarColorFromName?: boolean;\n  /** Primary text. */\n  title: string;\n  /** Secondary text below title. */\n  subtitle?: string;\n  /** Right-aligned value text. */\n  value?: string;\n  /** Right-aligned secondary value text (below `value`). */\n  valueSubtitle?: string;\n  /** Right section slot — overrides `value`/`valueSubtitle` if provided. */\n  rightSection?: ReactNode;\n  /** Show chevron indicator. @default true when onClick is provided */\n  showChevron?: boolean;\n  /** Chevron icon override. */\n  chevronIcon?: ReactNode;\n  /** Click handler. Makes the row interactive. */\n  onClick?: () => void;\n  /** Entrance animation delay in seconds. Omit to skip animation. */\n  animationDelay?: number;\n  /** Whether this row is selected (highlighted state). @default false */\n  isSelected?: boolean;\n  /** aria-label for the button. Defaults to title. */\n  ariaLabel?: string;\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 function ListRow({\n  avatarSrc,\n  avatarFallback,\n  avatarColor,\n  avatarColorFromName = false,\n  title,\n  avatarName = title,\n  subtitle,\n  value,\n  valueSubtitle,\n  rightSection,\n  showChevron,\n  chevronIcon,\n  onClick,\n  animationDelay,\n  isSelected = false,\n  ariaLabel,\n}: ListRowProps) {\n  const animate = animationDelay !== undefined;\n  const isClickable = Boolean(onClick);\n  const displayChevron = showChevron ?? isClickable;\n\n  const content = (\n    <Group gap=\"sm\" wrap=\"nowrap\">\n      <Avatar\n        src={avatarSrc}\n        alt={title}\n        name={avatarName}\n        size={40}\n        color={avatarColor ?? (avatarColorFromName ? undefined : colors.primary)}\n      >\n        {avatarFallback}\n      </Avatar>\n\n      <Box flex={1} miw={0}>\n        <Text fw={500} size=\"sm\" truncate>\n          {title}\n        </Text>\n        {subtitle && (\n          <Text size=\"xs\" c={fairmintVars.colorTextSecondary} lh={1.3}>\n            {subtitle}\n          </Text>\n        )}\n      </Box>\n\n      <Group gap={6} wrap=\"nowrap\">\n        {rightSection ??\n          (value !== undefined && (\n            <Stack gap={2} align=\"flex-end\">\n              <Text fw={500} size=\"sm\" style={{ whiteSpace: \"nowrap\" }}>\n                {value}\n              </Text>\n              {valueSubtitle && (\n                <Text\n                  size=\"xs\"\n                  c={fairmintVars.colorTextSecondary}\n                  style={{ whiteSpace: \"nowrap\" }}\n                >\n                  {valueSubtitle}\n                </Text>\n              )}\n            </Stack>\n          ))}\n        {displayChevron &&\n          (chevronIcon ?? (\n            <Box c={fairmintVars.colorTextTertiary} style={{ flexShrink: 0 }}>\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      }\n    : undefined;\n\n  if (!isClickable) {\n    return (\n      <Box\n        bg={isSelected ? fairmintVars.colorSurfaceSelected : undefined}\n        py=\"sm\"\n        px=\"md\"\n        style={animationStyle}\n      >\n        {content}\n      </Box>\n    );\n  }\n\n  return (\n    <UnstyledButton\n      bg={isSelected ? fairmintVars.colorSurfaceSelected : undefined}\n      onClick={onClick}\n      className=\"fairmint-list-row\"\n      w=\"100%\"\n      py=\"sm\"\n      px=\"md\"\n      style={animationStyle}\n      aria-label={ariaLabel ?? title}\n    >\n      {content}\n    </UnstyledButton>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAgDA,MAAM,qBAAqB,MACzB;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,eAAc;AAAA,IACd,gBAAe;AAAA,IACf,eAAY;AAAA,IAEZ,UAAA,oBAAC,QAAA,EAAK,GAAE,gBAAA,CAAgB;AAAA,EAAA;AAC1B;AAGK,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA,sBAAsB;AAAA,EACtB;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AACF,GAAiB;AACf,QAAM,UAAU,mBAAmB;AACnC,QAAM,cAAc,QAAQ,OAAO;AACnC,QAAM,iBAAiB,eAAe;AAEtC,QAAM,UACJ,qBAAC,OAAA,EAAM,KAAI,MAAK,MAAK,UACnB,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,KAAK;AAAA,QACL,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO,gBAAgB,sBAAsB,SAAY,OAAO;AAAA,QAE/D,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGH,qBAAC,KAAA,EAAI,MAAM,GAAG,KAAK,GACjB,UAAA;AAAA,MAAA,oBAAC,QAAK,IAAI,KAAK,MAAK,MAAK,UAAQ,MAC9B,UAAA,MAAA,CACH;AAAA,MACC,YACC,oBAAC,MAAA,EAAK,MAAK,MAAK,GAAG,aAAa,oBAAoB,IAAI,KACrD,UAAA,SAAA,CACH;AAAA,IAAA,GAEJ;AAAA,IAEA,qBAAC,OAAA,EAAM,KAAK,GAAG,MAAK,UACjB,UAAA;AAAA,MAAA,iBACE,UAAU,UACT,qBAAC,SAAM,KAAK,GAAG,OAAM,YACnB,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAK,IAAI,KAAK,MAAK,MAAK,OAAO,EAAE,YAAY,SAAA,GAC3C,UAAA,MAAA,CACH;AAAA,QACC,iBACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,GAAG,aAAa;AAAA,YAChB,OAAO,EAAE,YAAY,SAAA;AAAA,YAEpB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,EAAA,CAEJ;AAAA,MAEH,mBACE,eACC,oBAAC,KAAA,EAAI,GAAG,aAAa,mBAAmB,OAAO,EAAE,YAAY,EAAA,GAC3D,UAAA,oBAAC,sBAAmB,GACtB;AAAA,IAAA,EAAA,CAEN;AAAA,EAAA,GACF;AAGF,QAAM,iBAAiB,UACnB;AAAA,IACE,SAAS;AAAA,IACT,WAAW;AAAA,IACX,gBAAgB,GAAG,cAAc;AAAA,EAAA,IAEnC;AAEJ,MAAI,CAAC,aAAa;AAChB,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAI,aAAa,aAAa,uBAAuB;AAAA,QACrD,IAAG;AAAA,QACH,IAAG;AAAA,QACH,OAAO;AAAA,QAEN,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI,aAAa,aAAa,uBAAuB;AAAA,MACrD;AAAA,MACA,WAAU;AAAA,MACV,GAAE;AAAA,MACF,IAAG;AAAA,MACH,IAAG;AAAA,MACH,OAAO;AAAA,MACP,cAAY,aAAa;AAAA,MAExB,UAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"ListRow.js","sources":["../../../../src/components/generic/ListRow/ListRow.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { fairmintVars } from \"../../../theme\";\nimport { colors } from \"../../../theme/colors\";\nimport { Avatar } from \"../../primitives/Avatar/Avatar\";\nimport { Box, Group, Stack, Text, UnstyledButton } from \"../../primitives/layout\";\n\nexport interface ListRowProps {\n  /** Avatar image URL. Falls back to name-derived initial. */\n  avatarSrc?: string;\n  /** @deprecated Use `avatarName` instead. Preserved for backwards compatibility. */\n  avatarFallback?: string;\n  /**\n   * Name used to derive a fallback initial and deterministic avatar color.\n   * Defaults to `title` when omitted.\n   */\n  avatarName?: string;\n  /** Explicit avatar background color override. When set, takes precedence over the name-derived color. */\n  avatarColor?: string;\n  /**\n   * When true and `avatarColor` is omitted, the Avatar primitive derives a\n   * deterministic background color from `avatarName` / `title`.\n   * @default false\n   */\n  avatarColorFromName?: boolean;\n  /** Primary text. */\n  title: string;\n  /** Secondary text below title. */\n  subtitle?: string;\n  /** Right-aligned value text. */\n  value?: string;\n  /** Right-aligned secondary value text (below `value`). */\n  valueSubtitle?: string;\n  /** Right section slot — overrides `value`/`valueSubtitle` if provided. */\n  rightSection?: ReactNode;\n  /** Show chevron indicator. @default true when onClick is provided */\n  showChevron?: boolean;\n  /** Chevron icon override. */\n  chevronIcon?: ReactNode;\n  /** Click handler. Makes the row interactive. */\n  onClick?: () => void;\n  /** Entrance animation delay in seconds. Omit to skip animation. */\n  animationDelay?: number;\n  /** Whether this row is selected (highlighted state). @default false */\n  isSelected?: boolean;\n  /** aria-label for the button. Defaults to title. */\n  ariaLabel?: string;\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 function ListRow({\n  avatarSrc,\n  avatarFallback,\n  avatarColor,\n  avatarColorFromName = false,\n  title,\n  avatarName = title,\n  subtitle,\n  value,\n  valueSubtitle,\n  rightSection,\n  showChevron,\n  chevronIcon,\n  onClick,\n  animationDelay,\n  isSelected = false,\n  ariaLabel,\n}: ListRowProps) {\n  const animate = animationDelay !== undefined;\n  const isClickable = Boolean(onClick);\n  const displayChevron = showChevron ?? isClickable;\n\n  const content = (\n    <Group gap=\"sm\" wrap=\"nowrap\">\n      <Avatar\n        src={avatarSrc}\n        alt={title}\n        name={avatarName}\n        size={40}\n        color={avatarColor ?? (avatarColorFromName ? undefined : colors.primary)}\n      >\n        {avatarFallback}\n      </Avatar>\n\n      <Box flex={1} miw={0}>\n        <Text fw={500} size=\"sm\" truncate glossary={false}>\n          {title}\n        </Text>\n        {subtitle && (\n          <Text size=\"xs\" c={fairmintVars.colorTextSecondary} lh={1.3} glossary={false}>\n            {subtitle}\n          </Text>\n        )}\n      </Box>\n\n      <Group gap={6} wrap=\"nowrap\">\n        {rightSection ??\n          (value !== undefined && (\n            <Stack gap={2} align=\"flex-end\">\n              <Text fw={500} size=\"sm\" style={{ whiteSpace: \"nowrap\" }} glossary={false}>\n                {value}\n              </Text>\n              {valueSubtitle && (\n                <Text\n                  size=\"xs\"\n                  c={fairmintVars.colorTextSecondary}\n                  style={{ whiteSpace: \"nowrap\" }}\n                  glossary={false}\n                >\n                  {valueSubtitle}\n                </Text>\n              )}\n            </Stack>\n          ))}\n        {displayChevron &&\n          (chevronIcon ?? (\n            <Box c={fairmintVars.colorTextTertiary} style={{ flexShrink: 0 }}>\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      }\n    : undefined;\n\n  if (!isClickable) {\n    return (\n      <Box\n        bg={isSelected ? fairmintVars.colorSurfaceSelected : undefined}\n        py=\"sm\"\n        px=\"md\"\n        style={animationStyle}\n      >\n        {content}\n      </Box>\n    );\n  }\n\n  return (\n    <UnstyledButton\n      bg={isSelected ? fairmintVars.colorSurfaceSelected : undefined}\n      onClick={onClick}\n      className=\"fairmint-list-row\"\n      w=\"100%\"\n      py=\"sm\"\n      px=\"md\"\n      style={animationStyle}\n      aria-label={ariaLabel ?? title}\n    >\n      {content}\n    </UnstyledButton>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAgDA,MAAM,qBAAqB,MACzB;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,eAAc;AAAA,IACd,gBAAe;AAAA,IACf,eAAY;AAAA,IAEZ,UAAA,oBAAC,QAAA,EAAK,GAAE,gBAAA,CAAgB;AAAA,EAAA;AAC1B;AAGK,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA,sBAAsB;AAAA,EACtB;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AACF,GAAiB;AACf,QAAM,UAAU,mBAAmB;AACnC,QAAM,cAAc,QAAQ,OAAO;AACnC,QAAM,iBAAiB,eAAe;AAEtC,QAAM,UACJ,qBAAC,OAAA,EAAM,KAAI,MAAK,MAAK,UACnB,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,KAAK;AAAA,QACL,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO,gBAAgB,sBAAsB,SAAY,OAAO;AAAA,QAE/D,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGH,qBAAC,KAAA,EAAI,MAAM,GAAG,KAAK,GACjB,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAK,IAAI,KAAK,MAAK,MAAK,UAAQ,MAAC,UAAU,OACzC,UAAA,MAAA,CACH;AAAA,MACC,YACC,oBAAC,MAAA,EAAK,MAAK,MAAK,GAAG,aAAa,oBAAoB,IAAI,KAAK,UAAU,OACpE,UAAA,SAAA,CACH;AAAA,IAAA,GAEJ;AAAA,IAEA,qBAAC,OAAA,EAAM,KAAK,GAAG,MAAK,UACjB,UAAA;AAAA,MAAA,iBACE,UAAU,UACT,qBAAC,SAAM,KAAK,GAAG,OAAM,YACnB,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAK,IAAI,KAAK,MAAK,MAAK,OAAO,EAAE,YAAY,SAAA,GAAY,UAAU,OACjE,UAAA,OACH;AAAA,QACC,iBACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,GAAG,aAAa;AAAA,YAChB,OAAO,EAAE,YAAY,SAAA;AAAA,YACrB,UAAU;AAAA,YAET,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,EAAA,CAEJ;AAAA,MAEH,mBACE,eACC,oBAAC,KAAA,EAAI,GAAG,aAAa,mBAAmB,OAAO,EAAE,YAAY,EAAA,GAC3D,UAAA,oBAAC,sBAAmB,GACtB;AAAA,IAAA,EAAA,CAEN;AAAA,EAAA,GACF;AAGF,QAAM,iBAAiB,UACnB;AAAA,IACE,SAAS;AAAA,IACT,WAAW;AAAA,IACX,gBAAgB,GAAG,cAAc;AAAA,EAAA,IAEnC;AAEJ,MAAI,CAAC,aAAa;AAChB,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAI,aAAa,aAAa,uBAAuB;AAAA,QACrD,IAAG;AAAA,QACH,IAAG;AAAA,QACH,OAAO;AAAA,QAEN,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI,aAAa,aAAa,uBAAuB;AAAA,MACrD;AAAA,MACA,WAAU;AAAA,MACV,GAAE;AAAA,MACF,IAAG;AAAA,MACH,IAAG;AAAA,MACH,OAAO;AAAA,MACP,cAAY,aAAa;AAAA,MAExB,UAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/generic/MultiSelectSearch/MultiSelectSearch.cjs

@@ -5,7 +5,7 @@ const React = require("react");
 const colors = require("../../../theme/colors.cjs");
 const layout = require("../../primitives/layout.cjs");
 const MultiSelect = require("../../primitives/MultiSelect/MultiSelect.cjs");
-const Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const Text = require("../../primitives/Text/Text.cjs");
 const multiSelectSearchDefaultFilter = ({
   options,
   search,

package/dist/components/generic/MultiSelectSearch/MultiSelectSearch.js

@@ -3,7 +3,7 @@ import { forwardRef, useMemo } from "react";
 import { colors } from "../../../theme/colors.js";
 import { Stack } from "../../primitives/layout.js";
 import { MultiSelect } from "../../primitives/MultiSelect/MultiSelect.js";
-import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { Text } from "../../primitives/Text/Text.js";
 const multiSelectSearchDefaultFilter = ({
   options,
   search,

package/dist/components/generic/NotificationRow/NotificationRow.cjs

@@ -8,7 +8,7 @@ const Badge = require("../../primitives/Badge/Badge.cjs");
 const layout = require("../../primitives/layout.cjs");
 const ColorDot = require("../ColorDot/ColorDot.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");
 const SEVERITY_BADGE_COLORS = {
   critical: colors.colors.error,
   high: colors.colors.warning,

package/dist/components/generic/NotificationRow/NotificationRow.js

@@ -6,7 +6,7 @@ import { Badge } from "../../primitives/Badge/Badge.js";
 import { Box, Stack } from "../../primitives/layout.js";
 import { ColorDot } from "../ColorDot/ColorDot.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";
 const SEVERITY_BADGE_COLORS = {
   critical: colors.error,
   high: colors.warning,

package/dist/components/generic/Percent/Percent.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const format = require("../../../utils/format.cjs");
-const Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const Text = require("../../primitives/Text/Text.cjs");
 function Percent({ value, decimals = 2, ...rest }) {
   return /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { component: "span", ...rest, children: format.formatPercent(value, decimals) });
 }

package/dist/components/generic/Percent/Percent.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { formatPercent } from "../../../utils/format.js";
-import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { Text } from "../../primitives/Text/Text.js";
 function Percent({ value, decimals = 2, ...rest }) {
   return /* @__PURE__ */ jsx(Text, { component: "span", ...rest, children: formatPercent(value, decimals) });
 }

package/dist/components/generic/PhotoCropModal/PhotoCropModal.cjs

@@ -7,7 +7,7 @@ const index = require("../../../theme/index.cjs");
 const Button = require("../../primitives/Button/Button.cjs");
 const layout = require("../../primitives/layout.cjs");
 const Modal = require("../../primitives/Modal/Modal.cjs");
-const Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const Text = require("../../primitives/Text/Text.cjs");
 const Group = require("../../../node_modules/@mantine/core/esm/components/Group/Group.cjs");
 const colors = require("../../../theme/colors.cjs");
 async function getCroppedBlob(imageSrc, croppedAreaPixels) {

package/dist/components/generic/PhotoCropModal/PhotoCropModal.js

@@ -5,7 +5,7 @@ import { fairmintVars, radii } from "../../../theme/index.js";
 import { Button } from "../../primitives/Button/Button.js";
 import { Stack, Box } from "../../primitives/layout.js";
 import { Modal } from "../../primitives/Modal/Modal.js";
-import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { Text } from "../../primitives/Text/Text.js";
 import { Group } from "../../../node_modules/@mantine/core/esm/components/Group/Group.js";
 import { colors } from "../../../theme/colors.js";
 async function getCroppedBlob(imageSrc, croppedAreaPixels) {

package/dist/components/generic/ProcessingState/ProcessingState.cjs

@@ -5,7 +5,7 @@ const index = require("../../../theme/index.cjs");
 const layout = require("../../primitives/layout.cjs");
 const AnimateIn = require("../AnimateIn/AnimateIn.cjs");
 const Title = require("../../../node_modules/@mantine/core/esm/components/Title/Title.cjs");
-const Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const Text = require("../../primitives/Text/Text.cjs");
 const Anchor = require("../../../node_modules/@mantine/core/esm/components/Anchor/Anchor.cjs");
 const zIndex = require("../../../theme/zIndex.cjs");
 function ProcessingState({

package/dist/components/generic/ProcessingState/ProcessingState.js

@@ -3,7 +3,7 @@ import { fairmintVars } from "../../../theme/index.js";
 import { Box, Stack } from "../../primitives/layout.js";
 import { AnimateIn } from "../AnimateIn/AnimateIn.js";
 import { Title } from "../../../node_modules/@mantine/core/esm/components/Title/Title.js";
-import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { Text } from "../../primitives/Text/Text.js";
 import { Anchor } from "../../../node_modules/@mantine/core/esm/components/Anchor/Anchor.js";
 import { overlayZIndexAboveLegacyShell } from "../../../theme/zIndex.js";
 function ProcessingState({

package/dist/components/generic/RadioCard/RadioCard.cjs

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const index = require("../../../theme/index.cjs");
 const layout = require("../../primitives/layout.cjs");
 const UnstyledButton = require("../../../node_modules/@mantine/core/esm/components/UnstyledButton/UnstyledButton.cjs");
-const Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const Text = require("../../primitives/Text/Text.cjs");
 function RadioCard({
   selected,
   title,

package/dist/components/generic/RadioCard/RadioCard.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { fairmintVars } from "../../../theme/index.js";
 import { Box, Stack } from "../../primitives/layout.js";
 import { UnstyledButton } from "../../../node_modules/@mantine/core/esm/components/UnstyledButton/UnstyledButton.js";
-import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { Text } from "../../primitives/Text/Text.js";
 function RadioCard({
   selected,
   title,

package/dist/components/generic/StatCard/StatCard.cjs

@@ -9,7 +9,7 @@ const Card = require("../../primitives/Card/Card.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 DefaultInfoIcon() {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",

package/dist/components/generic/StatCard/StatCard.js

@@ -7,7 +7,7 @@ import { Card } from "../../primitives/Card/Card.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 DefaultInfoIcon() {
   return /* @__PURE__ */ jsxs(
     "svg",

package/dist/components/generic/StepCard/StepCard.cjs

@@ -5,7 +5,7 @@ const index = require("../../../theme/index.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 responsiveTypography = require("../../../theme/responsiveTypography.cjs");
 const DefaultCheckIcon = () => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
@@ -56,7 +56,7 @@ function StepCard({
                 color: done ? index.fairmintVars.colorTextInverse : index.fairmintVars.colorTextPrimary,
                 border: done ? void 0 : `1px solid ${index.fairmintVars.colorBorderDefault}`
               },
-              children: done ? doneIcon ?? /* @__PURE__ */ jsxRuntime.jsx(DefaultCheckIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { fw: 700, fz: 14, children: index$1 })
+              children: done ? doneIcon ?? /* @__PURE__ */ jsxRuntime.jsx(DefaultCheckIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { fw: 700, fz: 14, glossary: false, children: index$1 })
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs(layout.Box, { style: { minWidth: 0, flex: 1 }, children: [
@@ -67,6 +67,7 @@ function StepCard({
                 fz: responsiveTypography.responsiveTypography.cardTitle,
                 c: index.fairmintVars.colorTextPrimary,
                 lh: 1.3,
+                glossary: false,
                 children: title
               }
             ),

package/dist/components/generic/StepCard/StepCard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"StepCard.cjs","sources":["../../../../src/components/generic/StepCard/StepCard.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { fairmintVars, responsiveTypography } from \"../../../theme\";\nimport { Box, Group, Paper, Stack, Text, ThemeIcon } from \"../../primitives/layout\";\n\n/** Default check glyph shown when `done === true`. Inline SVG — check only, no circle outline. */\nconst DefaultCheckIcon = () => (\n  <svg\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2.5\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"m5 13 4 4 10-10\" />\n  </svg>\n);\n\nexport interface StepCardProps {\n  /** 1-indexed step number shown in the indicator when not done. */\n  index: number;\n  /** Step title. */\n  title: string;\n  /** Optional supporting text below the title. */\n  description?: string;\n  /** When true, the indicator flips from the number to a check glyph. */\n  done?: boolean;\n  /**\n   * Override the icon shown when `done === true`. Defaults to a check-only\n   * glyph. Accept-as-ReactNode so consumers don't need to import an icon library.\n   */\n  doneIcon?: ReactNode;\n  /** Step content rendered below the header. */\n  children: ReactNode;\n}\n\n/**\n * Numbered step card used in multi-section wizards and form flows.\n *\n * The numbered indicator on the left flips to a check when the step is\n * marked done — a quiet progress signal that doesn't compete with the\n * right-column summary or page-level progress UI. Each step sits in\n * its own `Paper` for clear visual separation.\n *\n * The header indicator is the focal point; consumers control the body\n * via `children`.\n */\nexport function StepCard({\n  index,\n  title,\n  description,\n  done = false,\n  doneIcon,\n  children,\n}: StepCardProps) {\n  return (\n    <Paper\n      radius=\"lg\"\n      p={{ base: \"md\", sm: \"xl\" }}\n      style={{\n        background: fairmintVars.colorBgSurface,\n        border: `1px solid ${fairmintVars.colorBorderDefault}`,\n      }}\n    >\n      <Stack gap=\"md\">\n        <Group gap=\"md\" align=\"flex-start\" wrap=\"nowrap\">\n          <ThemeIcon\n            size={32}\n            radius=\"xl\"\n            variant={done ? \"filled\" : \"light\"}\n            color={done ? \"indigo\" : \"gray\"}\n            aria-label={done ? `Step ${index} complete` : `Step ${index}`}\n            style={{\n              flexShrink: 0,\n              pointerEvents: \"none\",\n              background: done\n                ? fairmintVars.colorBrandPrimary\n                : fairmintVars.colorBgSurfaceSecondary,\n              color: done ? fairmintVars.colorTextInverse : fairmintVars.colorTextPrimary,\n              border: done ? undefined : `1px solid ${fairmintVars.colorBorderDefault}`,\n            }}\n          >\n            {done ? (\n              (doneIcon ?? <DefaultCheckIcon />)\n            ) : (\n              <Text fw={700} fz={14}>\n                {index}\n              </Text>\n            )}\n          </ThemeIcon>\n          <Box style={{ minWidth: 0, flex: 1 }}>\n            <Text\n              fw={700}\n              fz={responsiveTypography.cardTitle}\n              c={fairmintVars.colorTextPrimary}\n              lh={1.3}\n            >\n              {title}\n            </Text>\n            {description && (\n              <Text size=\"sm\" c={fairmintVars.colorTextSecondary} lh={1.5} mt={4}>\n                {description}\n              </Text>\n            )}\n          </Box>\n        </Group>\n        <Box pl={{ base: 0, sm: 48 }}>{children}</Box>\n      </Stack>\n    </Paper>\n  );\n}\n"],"names":["jsx","index","Paper","fairmintVars","jsxs","Stack","Group","ThemeIcon","Text","Box","responsiveTypography"],"mappings":";;;;;;;;;AAKA,MAAM,mBAAmB,MACvBA,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,eAAc;AAAA,IACd,gBAAe;AAAA,IACf,eAAY;AAAA,IAEZ,UAAAA,2BAAAA,IAAC,QAAA,EAAK,GAAE,kBAAA,CAAkB;AAAA,EAAA;AAC5B;AAgCK,SAAS,SAAS;AAAA,EAAA,OACvBC;AAAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AACF,GAAkB;AAChB,SACED,2BAAAA;AAAAA,IAACE,OAAAA;AAAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,GAAG,EAAE,MAAM,MAAM,IAAI,KAAA;AAAA,MACrB,OAAO;AAAA,QACL,YAAYC,MAAAA,aAAa;AAAA,QACzB,QAAQ,aAAaA,MAAAA,aAAa,kBAAkB;AAAA,MAAA;AAAA,MAGtD,UAAAC,2BAAAA,KAACC,OAAAA,OAAA,EAAM,KAAI,MACT,UAAA;AAAA,QAAAD,gCAACE,MAAAA,SAAM,KAAI,MAAK,OAAM,cAAa,MAAK,UACtC,UAAA;AAAA,UAAAN,2BAAAA;AAAAA,YAACO,UAAAA;AAAAA,YAAA;AAAA,cACC,MAAM;AAAA,cACN,QAAO;AAAA,cACP,SAAS,OAAO,WAAW;AAAA,cAC3B,OAAO,OAAO,WAAW;AAAA,cACzB,cAAY,OAAO,QAAQN,OAAK,cAAc,QAAQA,OAAK;AAAA,cAC3D,OAAO;AAAA,gBACL,YAAY;AAAA,gBACZ,eAAe;AAAA,gBACf,YAAY,OACRE,MAAAA,aAAa,oBACbA,MAAAA,aAAa;AAAA,gBACjB,OAAO,OAAOA,MAAAA,aAAa,mBAAmBA,MAAAA,aAAa;AAAA,gBAC3D,QAAQ,OAAO,SAAY,aAAaA,MAAAA,aAAa,kBAAkB;AAAA,cAAA;AAAA,cAGxE,UAAA,OACE,YAAYH,2BAAAA,IAAC,kBAAA,CAAA,CAAiB,IAE/BA,2BAAAA,IAACQ,KAAAA,MAAA,EAAK,IAAI,KAAK,IAAI,IAChB,UAAAP,QAAA,CACH;AAAA,YAAA;AAAA,UAAA;AAAA,UAGJG,gCAACK,OAAAA,OAAI,OAAO,EAAE,UAAU,GAAG,MAAM,KAC/B,UAAA;AAAA,YAAAT,2BAAAA;AAAAA,cAACQ,KAAAA;AAAAA,cAAA;AAAA,gBACC,IAAI;AAAA,gBACJ,IAAIE,qBAAAA,qBAAqB;AAAA,gBACzB,GAAGP,MAAAA,aAAa;AAAA,gBAChB,IAAI;AAAA,gBAEH,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAEF,eACCH,2BAAAA,IAACQ,KAAAA,MAAA,EAAK,MAAK,MAAK,GAAGL,MAAAA,aAAa,oBAAoB,IAAI,KAAK,IAAI,GAC9D,UAAA,YAAA,CACH;AAAA,UAAA,EAAA,CAEJ;AAAA,QAAA,GACF;AAAA,QACAH,+BAACS,OAAAA,OAAI,IAAI,EAAE,MAAM,GAAG,IAAI,GAAA,GAAO,SAAA,CAAS;AAAA,MAAA,EAAA,CAC1C;AAAA,IAAA;AAAA,EAAA;AAGN;;"}
+{"version":3,"file":"StepCard.cjs","sources":["../../../../src/components/generic/StepCard/StepCard.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { fairmintVars, responsiveTypography } from \"../../../theme\";\nimport { Box, Group, Paper, Stack, Text, ThemeIcon } from \"../../primitives/layout\";\n\n/** Default check glyph shown when `done === true`. Inline SVG — check only, no circle outline. */\nconst DefaultCheckIcon = () => (\n  <svg\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2.5\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"m5 13 4 4 10-10\" />\n  </svg>\n);\n\nexport interface StepCardProps {\n  /** 1-indexed step number shown in the indicator when not done. */\n  index: number;\n  /** Step title. */\n  title: string;\n  /** Optional supporting text below the title. */\n  description?: string;\n  /** When true, the indicator flips from the number to a check glyph. */\n  done?: boolean;\n  /**\n   * Override the icon shown when `done === true`. Defaults to a check-only\n   * glyph. Accept-as-ReactNode so consumers don't need to import an icon library.\n   */\n  doneIcon?: ReactNode;\n  /** Step content rendered below the header. */\n  children: ReactNode;\n}\n\n/**\n * Numbered step card used in multi-section wizards and form flows.\n *\n * The numbered indicator on the left flips to a check when the step is\n * marked done — a quiet progress signal that doesn't compete with the\n * right-column summary or page-level progress UI. Each step sits in\n * its own `Paper` for clear visual separation.\n *\n * The header indicator is the focal point; consumers control the body\n * via `children`.\n */\nexport function StepCard({\n  index,\n  title,\n  description,\n  done = false,\n  doneIcon,\n  children,\n}: StepCardProps) {\n  return (\n    <Paper\n      radius=\"lg\"\n      p={{ base: \"md\", sm: \"xl\" }}\n      style={{\n        background: fairmintVars.colorBgSurface,\n        border: `1px solid ${fairmintVars.colorBorderDefault}`,\n      }}\n    >\n      <Stack gap=\"md\">\n        <Group gap=\"md\" align=\"flex-start\" wrap=\"nowrap\">\n          <ThemeIcon\n            size={32}\n            radius=\"xl\"\n            variant={done ? \"filled\" : \"light\"}\n            color={done ? \"indigo\" : \"gray\"}\n            aria-label={done ? `Step ${index} complete` : `Step ${index}`}\n            style={{\n              flexShrink: 0,\n              pointerEvents: \"none\",\n              background: done\n                ? fairmintVars.colorBrandPrimary\n                : fairmintVars.colorBgSurfaceSecondary,\n              color: done ? fairmintVars.colorTextInverse : fairmintVars.colorTextPrimary,\n              border: done ? undefined : `1px solid ${fairmintVars.colorBorderDefault}`,\n            }}\n          >\n            {done ? (\n              (doneIcon ?? <DefaultCheckIcon />)\n            ) : (\n              <Text fw={700} fz={14} glossary={false}>\n                {index}\n              </Text>\n            )}\n          </ThemeIcon>\n          <Box style={{ minWidth: 0, flex: 1 }}>\n            <Text\n              fw={700}\n              fz={responsiveTypography.cardTitle}\n              c={fairmintVars.colorTextPrimary}\n              lh={1.3}\n              glossary={false}\n            >\n              {title}\n            </Text>\n            {description && (\n              <Text size=\"sm\" c={fairmintVars.colorTextSecondary} lh={1.5} mt={4}>\n                {description}\n              </Text>\n            )}\n          </Box>\n        </Group>\n        <Box pl={{ base: 0, sm: 48 }}>{children}</Box>\n      </Stack>\n    </Paper>\n  );\n}\n"],"names":["jsx","index","Paper","fairmintVars","jsxs","Stack","Group","ThemeIcon","Text","Box","responsiveTypography"],"mappings":";;;;;;;;;AAKA,MAAM,mBAAmB,MACvBA,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,eAAc;AAAA,IACd,gBAAe;AAAA,IACf,eAAY;AAAA,IAEZ,UAAAA,2BAAAA,IAAC,QAAA,EAAK,GAAE,kBAAA,CAAkB;AAAA,EAAA;AAC5B;AAgCK,SAAS,SAAS;AAAA,EAAA,OACvBC;AAAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AACF,GAAkB;AAChB,SACED,2BAAAA;AAAAA,IAACE,OAAAA;AAAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,GAAG,EAAE,MAAM,MAAM,IAAI,KAAA;AAAA,MACrB,OAAO;AAAA,QACL,YAAYC,MAAAA,aAAa;AAAA,QACzB,QAAQ,aAAaA,MAAAA,aAAa,kBAAkB;AAAA,MAAA;AAAA,MAGtD,UAAAC,2BAAAA,KAACC,OAAAA,OAAA,EAAM,KAAI,MACT,UAAA;AAAA,QAAAD,gCAACE,MAAAA,SAAM,KAAI,MAAK,OAAM,cAAa,MAAK,UACtC,UAAA;AAAA,UAAAN,2BAAAA;AAAAA,YAACO,UAAAA;AAAAA,YAAA;AAAA,cACC,MAAM;AAAA,cACN,QAAO;AAAA,cACP,SAAS,OAAO,WAAW;AAAA,cAC3B,OAAO,OAAO,WAAW;AAAA,cACzB,cAAY,OAAO,QAAQN,OAAK,cAAc,QAAQA,OAAK;AAAA,cAC3D,OAAO;AAAA,gBACL,YAAY;AAAA,gBACZ,eAAe;AAAA,gBACf,YAAY,OACRE,MAAAA,aAAa,oBACbA,MAAAA,aAAa;AAAA,gBACjB,OAAO,OAAOA,MAAAA,aAAa,mBAAmBA,MAAAA,aAAa;AAAA,gBAC3D,QAAQ,OAAO,SAAY,aAAaA,MAAAA,aAAa,kBAAkB;AAAA,cAAA;AAAA,cAGxE,UAAA,OACE,YAAYH,2BAAAA,IAAC,kBAAA,CAAA,CAAiB,IAE/BA,+BAACQ,KAAAA,MAAA,EAAK,IAAI,KAAK,IAAI,IAAI,UAAU,OAC9B,UAAAP,QAAA,CACH;AAAA,YAAA;AAAA,UAAA;AAAA,UAGJG,gCAACK,OAAAA,OAAI,OAAO,EAAE,UAAU,GAAG,MAAM,KAC/B,UAAA;AAAA,YAAAT,2BAAAA;AAAAA,cAACQ,KAAAA;AAAAA,cAAA;AAAA,gBACC,IAAI;AAAA,gBACJ,IAAIE,qBAAAA,qBAAqB;AAAA,gBACzB,GAAGP,MAAAA,aAAa;AAAA,gBAChB,IAAI;AAAA,gBACJ,UAAU;AAAA,gBAET,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAEF,eACCH,2BAAAA,IAACQ,KAAAA,MAAA,EAAK,MAAK,MAAK,GAAGL,MAAAA,aAAa,oBAAoB,IAAI,KAAK,IAAI,GAC9D,UAAA,YAAA,CACH;AAAA,UAAA,EAAA,CAEJ;AAAA,QAAA,GACF;AAAA,QACAH,+BAACS,OAAAA,OAAI,IAAI,EAAE,MAAM,GAAG,IAAI,GAAA,GAAO,SAAA,CAAS;AAAA,MAAA,EAAA,CAC1C;AAAA,IAAA;AAAA,EAAA;AAGN;;"}

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

@@ -1 +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;AAqBvC,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;;;OAGG;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,+BAwDf"}
+{"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;AAqBvC,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;;;OAGG;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,+BAyDf"}

package/dist/components/generic/StepCard/StepCard.js

@@ -3,7 +3,7 @@ import { fairmintVars } from "../../../theme/index.js";
 import { Paper, 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 { responsiveTypography } from "../../../theme/responsiveTypography.js";
 const DefaultCheckIcon = () => /* @__PURE__ */ jsx(
   "svg",
@@ -54,7 +54,7 @@ function StepCard({
                 color: done ? fairmintVars.colorTextInverse : fairmintVars.colorTextPrimary,
                 border: done ? void 0 : `1px solid ${fairmintVars.colorBorderDefault}`
               },
-              children: done ? doneIcon ?? /* @__PURE__ */ jsx(DefaultCheckIcon, {}) : /* @__PURE__ */ jsx(Text, { fw: 700, fz: 14, children: index })
+              children: done ? doneIcon ?? /* @__PURE__ */ jsx(DefaultCheckIcon, {}) : /* @__PURE__ */ jsx(Text, { fw: 700, fz: 14, glossary: false, children: index })
             }
           ),
           /* @__PURE__ */ jsxs(Box, { style: { minWidth: 0, flex: 1 }, children: [
@@ -65,6 +65,7 @@ function StepCard({
                 fz: responsiveTypography.cardTitle,
                 c: fairmintVars.colorTextPrimary,
                 lh: 1.3,
+                glossary: false,
                 children: title
               }
             ),

package/dist/components/generic/StepCard/StepCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepCard.js","sources":["../../../../src/components/generic/StepCard/StepCard.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { fairmintVars, responsiveTypography } from \"../../../theme\";\nimport { Box, Group, Paper, Stack, Text, ThemeIcon } from \"../../primitives/layout\";\n\n/** Default check glyph shown when `done === true`. Inline SVG — check only, no circle outline. */\nconst DefaultCheckIcon = () => (\n  <svg\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2.5\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"m5 13 4 4 10-10\" />\n  </svg>\n);\n\nexport interface StepCardProps {\n  /** 1-indexed step number shown in the indicator when not done. */\n  index: number;\n  /** Step title. */\n  title: string;\n  /** Optional supporting text below the title. */\n  description?: string;\n  /** When true, the indicator flips from the number to a check glyph. */\n  done?: boolean;\n  /**\n   * Override the icon shown when `done === true`. Defaults to a check-only\n   * glyph. Accept-as-ReactNode so consumers don't need to import an icon library.\n   */\n  doneIcon?: ReactNode;\n  /** Step content rendered below the header. */\n  children: ReactNode;\n}\n\n/**\n * Numbered step card used in multi-section wizards and form flows.\n *\n * The numbered indicator on the left flips to a check when the step is\n * marked done — a quiet progress signal that doesn't compete with the\n * right-column summary or page-level progress UI. Each step sits in\n * its own `Paper` for clear visual separation.\n *\n * The header indicator is the focal point; consumers control the body\n * via `children`.\n */\nexport function StepCard({\n  index,\n  title,\n  description,\n  done = false,\n  doneIcon,\n  children,\n}: StepCardProps) {\n  return (\n    <Paper\n      radius=\"lg\"\n      p={{ base: \"md\", sm: \"xl\" }}\n      style={{\n        background: fairmintVars.colorBgSurface,\n        border: `1px solid ${fairmintVars.colorBorderDefault}`,\n      }}\n    >\n      <Stack gap=\"md\">\n        <Group gap=\"md\" align=\"flex-start\" wrap=\"nowrap\">\n          <ThemeIcon\n            size={32}\n            radius=\"xl\"\n            variant={done ? \"filled\" : \"light\"}\n            color={done ? \"indigo\" : \"gray\"}\n            aria-label={done ? `Step ${index} complete` : `Step ${index}`}\n            style={{\n              flexShrink: 0,\n              pointerEvents: \"none\",\n              background: done\n                ? fairmintVars.colorBrandPrimary\n                : fairmintVars.colorBgSurfaceSecondary,\n              color: done ? fairmintVars.colorTextInverse : fairmintVars.colorTextPrimary,\n              border: done ? undefined : `1px solid ${fairmintVars.colorBorderDefault}`,\n            }}\n          >\n            {done ? (\n              (doneIcon ?? <DefaultCheckIcon />)\n            ) : (\n              <Text fw={700} fz={14}>\n                {index}\n              </Text>\n            )}\n          </ThemeIcon>\n          <Box style={{ minWidth: 0, flex: 1 }}>\n            <Text\n              fw={700}\n              fz={responsiveTypography.cardTitle}\n              c={fairmintVars.colorTextPrimary}\n              lh={1.3}\n            >\n              {title}\n            </Text>\n            {description && (\n              <Text size=\"sm\" c={fairmintVars.colorTextSecondary} lh={1.5} mt={4}>\n                {description}\n              </Text>\n            )}\n          </Box>\n        </Group>\n        <Box pl={{ base: 0, sm: 48 }}>{children}</Box>\n      </Stack>\n    </Paper>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAKA,MAAM,mBAAmB,MACvB;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,eAAc;AAAA,IACd,gBAAe;AAAA,IACf,eAAY;AAAA,IAEZ,UAAA,oBAAC,QAAA,EAAK,GAAE,kBAAA,CAAkB;AAAA,EAAA;AAC5B;AAgCK,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AACF,GAAkB;AAChB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,GAAG,EAAE,MAAM,MAAM,IAAI,KAAA;AAAA,MACrB,OAAO;AAAA,QACL,YAAY,aAAa;AAAA,QACzB,QAAQ,aAAa,aAAa,kBAAkB;AAAA,MAAA;AAAA,MAGtD,UAAA,qBAAC,OAAA,EAAM,KAAI,MACT,UAAA;AAAA,QAAA,qBAAC,SAAM,KAAI,MAAK,OAAM,cAAa,MAAK,UACtC,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAM;AAAA,cACN,QAAO;AAAA,cACP,SAAS,OAAO,WAAW;AAAA,cAC3B,OAAO,OAAO,WAAW;AAAA,cACzB,cAAY,OAAO,QAAQ,KAAK,cAAc,QAAQ,KAAK;AAAA,cAC3D,OAAO;AAAA,gBACL,YAAY;AAAA,gBACZ,eAAe;AAAA,gBACf,YAAY,OACR,aAAa,oBACb,aAAa;AAAA,gBACjB,OAAO,OAAO,aAAa,mBAAmB,aAAa;AAAA,gBAC3D,QAAQ,OAAO,SAAY,aAAa,aAAa,kBAAkB;AAAA,cAAA;AAAA,cAGxE,UAAA,OACE,YAAY,oBAAC,kBAAA,CAAA,CAAiB,IAE/B,oBAAC,MAAA,EAAK,IAAI,KAAK,IAAI,IAChB,UAAA,MAAA,CACH;AAAA,YAAA;AAAA,UAAA;AAAA,UAGJ,qBAAC,OAAI,OAAO,EAAE,UAAU,GAAG,MAAM,KAC/B,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,IAAI;AAAA,gBACJ,IAAI,qBAAqB;AAAA,gBACzB,GAAG,aAAa;AAAA,gBAChB,IAAI;AAAA,gBAEH,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAEF,eACC,oBAAC,MAAA,EAAK,MAAK,MAAK,GAAG,aAAa,oBAAoB,IAAI,KAAK,IAAI,GAC9D,UAAA,YAAA,CACH;AAAA,UAAA,EAAA,CAEJ;AAAA,QAAA,GACF;AAAA,QACA,oBAAC,OAAI,IAAI,EAAE,MAAM,GAAG,IAAI,GAAA,GAAO,SAAA,CAAS;AAAA,MAAA,EAAA,CAC1C;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"StepCard.js","sources":["../../../../src/components/generic/StepCard/StepCard.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { fairmintVars, responsiveTypography } from \"../../../theme\";\nimport { Box, Group, Paper, Stack, Text, ThemeIcon } from \"../../primitives/layout\";\n\n/** Default check glyph shown when `done === true`. Inline SVG — check only, no circle outline. */\nconst DefaultCheckIcon = () => (\n  <svg\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2.5\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"m5 13 4 4 10-10\" />\n  </svg>\n);\n\nexport interface StepCardProps {\n  /** 1-indexed step number shown in the indicator when not done. */\n  index: number;\n  /** Step title. */\n  title: string;\n  /** Optional supporting text below the title. */\n  description?: string;\n  /** When true, the indicator flips from the number to a check glyph. */\n  done?: boolean;\n  /**\n   * Override the icon shown when `done === true`. Defaults to a check-only\n   * glyph. Accept-as-ReactNode so consumers don't need to import an icon library.\n   */\n  doneIcon?: ReactNode;\n  /** Step content rendered below the header. */\n  children: ReactNode;\n}\n\n/**\n * Numbered step card used in multi-section wizards and form flows.\n *\n * The numbered indicator on the left flips to a check when the step is\n * marked done — a quiet progress signal that doesn't compete with the\n * right-column summary or page-level progress UI. Each step sits in\n * its own `Paper` for clear visual separation.\n *\n * The header indicator is the focal point; consumers control the body\n * via `children`.\n */\nexport function StepCard({\n  index,\n  title,\n  description,\n  done = false,\n  doneIcon,\n  children,\n}: StepCardProps) {\n  return (\n    <Paper\n      radius=\"lg\"\n      p={{ base: \"md\", sm: \"xl\" }}\n      style={{\n        background: fairmintVars.colorBgSurface,\n        border: `1px solid ${fairmintVars.colorBorderDefault}`,\n      }}\n    >\n      <Stack gap=\"md\">\n        <Group gap=\"md\" align=\"flex-start\" wrap=\"nowrap\">\n          <ThemeIcon\n            size={32}\n            radius=\"xl\"\n            variant={done ? \"filled\" : \"light\"}\n            color={done ? \"indigo\" : \"gray\"}\n            aria-label={done ? `Step ${index} complete` : `Step ${index}`}\n            style={{\n              flexShrink: 0,\n              pointerEvents: \"none\",\n              background: done\n                ? fairmintVars.colorBrandPrimary\n                : fairmintVars.colorBgSurfaceSecondary,\n              color: done ? fairmintVars.colorTextInverse : fairmintVars.colorTextPrimary,\n              border: done ? undefined : `1px solid ${fairmintVars.colorBorderDefault}`,\n            }}\n          >\n            {done ? (\n              (doneIcon ?? <DefaultCheckIcon />)\n            ) : (\n              <Text fw={700} fz={14} glossary={false}>\n                {index}\n              </Text>\n            )}\n          </ThemeIcon>\n          <Box style={{ minWidth: 0, flex: 1 }}>\n            <Text\n              fw={700}\n              fz={responsiveTypography.cardTitle}\n              c={fairmintVars.colorTextPrimary}\n              lh={1.3}\n              glossary={false}\n            >\n              {title}\n            </Text>\n            {description && (\n              <Text size=\"sm\" c={fairmintVars.colorTextSecondary} lh={1.5} mt={4}>\n                {description}\n              </Text>\n            )}\n          </Box>\n        </Group>\n        <Box pl={{ base: 0, sm: 48 }}>{children}</Box>\n      </Stack>\n    </Paper>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAKA,MAAM,mBAAmB,MACvB;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,eAAc;AAAA,IACd,gBAAe;AAAA,IACf,eAAY;AAAA,IAEZ,UAAA,oBAAC,QAAA,EAAK,GAAE,kBAAA,CAAkB;AAAA,EAAA;AAC5B;AAgCK,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AACF,GAAkB;AAChB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,GAAG,EAAE,MAAM,MAAM,IAAI,KAAA;AAAA,MACrB,OAAO;AAAA,QACL,YAAY,aAAa;AAAA,QACzB,QAAQ,aAAa,aAAa,kBAAkB;AAAA,MAAA;AAAA,MAGtD,UAAA,qBAAC,OAAA,EAAM,KAAI,MACT,UAAA;AAAA,QAAA,qBAAC,SAAM,KAAI,MAAK,OAAM,cAAa,MAAK,UACtC,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAM;AAAA,cACN,QAAO;AAAA,cACP,SAAS,OAAO,WAAW;AAAA,cAC3B,OAAO,OAAO,WAAW;AAAA,cACzB,cAAY,OAAO,QAAQ,KAAK,cAAc,QAAQ,KAAK;AAAA,cAC3D,OAAO;AAAA,gBACL,YAAY;AAAA,gBACZ,eAAe;AAAA,gBACf,YAAY,OACR,aAAa,oBACb,aAAa;AAAA,gBACjB,OAAO,OAAO,aAAa,mBAAmB,aAAa;AAAA,gBAC3D,QAAQ,OAAO,SAAY,aAAa,aAAa,kBAAkB;AAAA,cAAA;AAAA,cAGxE,UAAA,OACE,YAAY,oBAAC,kBAAA,CAAA,CAAiB,IAE/B,oBAAC,MAAA,EAAK,IAAI,KAAK,IAAI,IAAI,UAAU,OAC9B,UAAA,MAAA,CACH;AAAA,YAAA;AAAA,UAAA;AAAA,UAGJ,qBAAC,OAAI,OAAO,EAAE,UAAU,GAAG,MAAM,KAC/B,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,IAAI;AAAA,gBACJ,IAAI,qBAAqB;AAAA,gBACzB,GAAG,aAAa;AAAA,gBAChB,IAAI;AAAA,gBACJ,UAAU;AAAA,gBAET,UAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAEF,eACC,oBAAC,MAAA,EAAK,MAAK,MAAK,GAAG,aAAa,oBAAoB,IAAI,KAAK,IAAI,GAC9D,UAAA,YAAA,CACH;AAAA,UAAA,EAAA,CAEJ;AAAA,QAAA,GACF;AAAA,QACA,oBAAC,OAAI,IAAI,EAAE,MAAM,GAAG,IAAI,GAAA,GAAO,SAAA,CAAS;AAAA,MAAA,EAAA,CAC1C;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/generic/StepProgress/StepProgress.cjs

@@ -40,15 +40,19 @@ function StepProgress({
   const resolvedActiveStep = resolveActiveStep(activeStep, steps.length);
   const rootStyle = {
     "--fairmint-step-progress-brand": index.brandColors.indigo,
-    "--fairmint-step-progress-border": index.fairmintVars.colorBorderDefault,
+    // colorBorderDefault washes out on colorBgSurfaceSecondary; text-secondary clears 3:1.
+    "--fairmint-step-progress-border": index.fairmintVars.colorTextSecondary,
+    // Kept off the ring token: the ring carries the step number and needs 3:1, the
+    // connector is decorative and reads as a hairline between pills.
+    "--fairmint-step-progress-connector": index.fairmintVars.colorBorderDefault,
     "--fairmint-step-progress-text-primary": index.fairmintVars.colorTextPrimary,
-    "--fairmint-step-progress-text-secondary": index.fairmintVars.colorTextSecondary,
-    "--fairmint-step-progress-surface-selected": index.fairmintVars.colorSurfaceSelected,
-    // One shared accent tone for anything bordering/reading on colorSurfaceSelected,
-    // instead of two adjacent-but-different indigo shades competing.
-    "--fairmint-step-progress-active-border": index.indigoColors[2],
+    // Pending labels use primary ink; active hierarchy is weight + fill, not mute gray.
+    "--fairmint-step-progress-text-secondary": index.fairmintVars.colorTextPrimary,
+    // indigo[1] — surface-selected (indigo[0]) is too close to the secondary canvas.
+    "--fairmint-step-progress-surface-selected": index.fairmintVars.colorBgBrandSubtleHover,
+    "--fairmint-step-progress-active-border": index.indigoColors[3],
     "--fairmint-step-progress-active-indicator-text": index.commonColors.white,
-    "--fairmint-step-progress-complete-border": index.indigoColors[2],
+    "--fairmint-step-progress-complete-border": index.indigoColors[3],
     "--fairmint-step-progress-complete-text": index.fairmintVars.colorIconOnSurfaceSelected
   };
   return /* @__PURE__ */ jsxRuntime.jsx(

package/dist/components/generic/StepProgress/StepProgress.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"StepProgress.cjs","sources":["../../../../src/components/generic/StepProgress/StepProgress.tsx"],"sourcesContent":["import { brandColors, commonColors, fairmintVars, indigoColors } from \"../../../theme\";\nimport { Box, UnstyledButton } from \"../../primitives/layout\";\nimport \"./StepProgress.css\";\n\nexport type StepProgressOrientation = \"horizontal\" | \"vertical\";\nexport type StepProgressStepStatus = \"complete\" | \"active\" | \"pending\";\n\nexport interface StepProgressStep {\n  /** Visible label in the progress pill. */\n  label: string;\n  /** Explicitly mark a step complete when completion is not derived from activeStep. */\n  completed?: boolean;\n  /** Prevent navigation to this step when onStepChange is supplied. */\n  disabled?: boolean;\n}\n\nexport interface StepProgressProps {\n  /** Ordered steps. The visible number is derived from this array and is 1-indexed. */\n  steps: readonly StepProgressStep[];\n  /** Current step number. This is intentionally 1-indexed to match StepCard and the UI. */\n  activeStep: number;\n  /** Row of pills for in-app progress or a rail for onboarding. @default \"horizontal\" */\n  orientation?: StepProgressOrientation;\n  /** Called with the 1-indexed step number when a pill is activated. */\n  onStepChange?: (step: number) => void;\n  /** Accessible label for the navigation. @default \"Progress\" */\n  ariaLabel?: string;\n}\n\nconst CheckIcon = () => (\n  <svg\n    width=\"11\"\n    height=\"11\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2.5\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"m5 13 4 4 10-10\" />\n  </svg>\n);\n\nconst resolveActiveStep = (activeStep: number, stepCount: number) => {\n  if (!Number.isFinite(activeStep)) return 1;\n  return Math.min(Math.max(Math.trunc(activeStep), 1), stepCount);\n};\n\nexport const getStepProgressStatus = (\n  step: StepProgressStep,\n  stepNumber: number,\n  activeStep: number,\n): StepProgressStepStatus => {\n  if (stepNumber === activeStep) return \"active\";\n  if (step.completed ?? stepNumber < activeStep) return \"complete\";\n  return \"pending\";\n};\n\n/**\n * Numbered progress pills shared by horizontal in-app flows and vertical\n * onboarding rails. Owns navigation only — the numbered content container is\n * `StepCard`, and `StepFlow` pairs the two into the canonical shell.\n */\nexport function StepProgress({\n  steps,\n  activeStep,\n  orientation = \"horizontal\",\n  onStepChange,\n  ariaLabel = \"Progress\",\n}: StepProgressProps) {\n  if (steps.length === 0) return null;\n\n  const resolvedActiveStep = resolveActiveStep(activeStep, steps.length);\n  const rootStyle = {\n    \"--fairmint-step-progress-brand\": brandColors.indigo,\n    \"--fairmint-step-progress-border\": fairmintVars.colorBorderDefault,\n    \"--fairmint-step-progress-text-primary\": fairmintVars.colorTextPrimary,\n    \"--fairmint-step-progress-text-secondary\": fairmintVars.colorTextSecondary,\n    \"--fairmint-step-progress-surface-selected\": fairmintVars.colorSurfaceSelected,\n    // One shared accent tone for anything bordering/reading on colorSurfaceSelected,\n    // instead of two adjacent-but-different indigo shades competing.\n    \"--fairmint-step-progress-active-border\": indigoColors[2],\n    \"--fairmint-step-progress-active-indicator-text\": commonColors.white,\n    \"--fairmint-step-progress-complete-border\": indigoColors[2],\n    \"--fairmint-step-progress-complete-text\": fairmintVars.colorIconOnSurfaceSelected,\n  };\n\n  return (\n    <Box\n      component=\"nav\"\n      aria-label={ariaLabel}\n      className=\"fairmint-step-progress\"\n      data-orientation={orientation}\n      style={rootStyle}\n    >\n      <ol className=\"fairmint-step-progress__list\">\n        {steps.map((step, index) => {\n          const stepNumber = index + 1;\n          const status = getStepProgressStatus(step, stepNumber, resolvedActiveStep);\n          const isInteractive = Boolean(onStepChange) && !step.disabled;\n          const pillContent = (\n            <>\n              <span className=\"fairmint-step-progress__indicator\" aria-hidden=\"true\">\n                {status === \"complete\" ? <CheckIcon /> : stepNumber}\n              </span>\n              <span className=\"fairmint-step-progress__label\">{step.label}</span>\n            </>\n          );\n\n          return (\n            <li key={`${stepNumber}-${step.label}`} className=\"fairmint-step-progress__item\">\n              {isInteractive ? (\n                <UnstyledButton\n                  type=\"button\"\n                  className=\"fairmint-step-progress__pill\"\n                  data-state={status}\n                  data-interactive=\"true\"\n                  data-disabled=\"false\"\n                  aria-current={status === \"active\" ? \"step\" : undefined}\n                  aria-label={`Step ${stepNumber}: ${step.label}`}\n                  onClick={() => onStepChange?.(stepNumber)}\n                >\n                  {pillContent}\n                </UnstyledButton>\n              ) : (\n                <span\n                  className=\"fairmint-step-progress__pill\"\n                  data-state={status}\n                  data-disabled={step.disabled ? \"true\" : \"false\"}\n                  aria-current={status === \"active\" ? \"step\" : undefined}\n                  aria-disabled={step.disabled || undefined}\n                  title={`Step ${stepNumber}: ${step.label}`}\n                >\n                  {pillContent}\n                </span>\n              )}\n              {index < steps.length - 1 ? (\n                <span\n                  className=\"fairmint-step-progress__connector\"\n                  data-state={status}\n                  aria-hidden=\"true\"\n                />\n              ) : null}\n            </li>\n          );\n        })}\n      </ol>\n    </Box>\n  );\n}\n\nexport const STEP_PROGRESS_MOBILE_BREAKPOINT = \"48em\";\n"],"names":["jsx","brandColors","fairmintVars","indigoColors","commonColors","Box","index","jsxs","Fragment","UnstyledButton"],"mappings":"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"}
+{"version":3,"file":"StepProgress.cjs","sources":["../../../../src/components/generic/StepProgress/StepProgress.tsx"],"sourcesContent":["import { brandColors, commonColors, fairmintVars, indigoColors } from \"../../../theme\";\nimport { Box, UnstyledButton } from \"../../primitives/layout\";\nimport \"./StepProgress.css\";\n\nexport type StepProgressOrientation = \"horizontal\" | \"vertical\";\nexport type StepProgressStepStatus = \"complete\" | \"active\" | \"pending\";\n\nexport interface StepProgressStep {\n  /** Visible label in the progress pill. */\n  label: string;\n  /** Explicitly mark a step complete when completion is not derived from activeStep. */\n  completed?: boolean;\n  /** Prevent navigation to this step when onStepChange is supplied. */\n  disabled?: boolean;\n}\n\nexport interface StepProgressProps {\n  /** Ordered steps. The visible number is derived from this array and is 1-indexed. */\n  steps: readonly StepProgressStep[];\n  /** Current step number. This is intentionally 1-indexed to match StepCard and the UI. */\n  activeStep: number;\n  /** Row of pills for in-app progress or a rail for onboarding. @default \"horizontal\" */\n  orientation?: StepProgressOrientation;\n  /** Called with the 1-indexed step number when a pill is activated. */\n  onStepChange?: (step: number) => void;\n  /** Accessible label for the navigation. @default \"Progress\" */\n  ariaLabel?: string;\n}\n\nconst CheckIcon = () => (\n  <svg\n    width=\"11\"\n    height=\"11\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2.5\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"m5 13 4 4 10-10\" />\n  </svg>\n);\n\nconst resolveActiveStep = (activeStep: number, stepCount: number) => {\n  if (!Number.isFinite(activeStep)) return 1;\n  return Math.min(Math.max(Math.trunc(activeStep), 1), stepCount);\n};\n\nexport const getStepProgressStatus = (\n  step: StepProgressStep,\n  stepNumber: number,\n  activeStep: number,\n): StepProgressStepStatus => {\n  if (stepNumber === activeStep) return \"active\";\n  if (step.completed ?? stepNumber < activeStep) return \"complete\";\n  return \"pending\";\n};\n\n/**\n * Numbered progress pills shared by horizontal in-app flows and vertical\n * onboarding rails. Owns navigation only — the numbered content container is\n * `StepCard`, and `StepFlow` pairs the two into the canonical shell.\n */\nexport function StepProgress({\n  steps,\n  activeStep,\n  orientation = \"horizontal\",\n  onStepChange,\n  ariaLabel = \"Progress\",\n}: StepProgressProps) {\n  if (steps.length === 0) return null;\n\n  const resolvedActiveStep = resolveActiveStep(activeStep, steps.length);\n  const rootStyle = {\n    \"--fairmint-step-progress-brand\": brandColors.indigo,\n    // colorBorderDefault washes out on colorBgSurfaceSecondary; text-secondary clears 3:1.\n    \"--fairmint-step-progress-border\": fairmintVars.colorTextSecondary,\n    // Kept off the ring token: the ring carries the step number and needs 3:1, the\n    // connector is decorative and reads as a hairline between pills.\n    \"--fairmint-step-progress-connector\": fairmintVars.colorBorderDefault,\n    \"--fairmint-step-progress-text-primary\": fairmintVars.colorTextPrimary,\n    // Pending labels use primary ink; active hierarchy is weight + fill, not mute gray.\n    \"--fairmint-step-progress-text-secondary\": fairmintVars.colorTextPrimary,\n    // indigo[1] — surface-selected (indigo[0]) is too close to the secondary canvas.\n    \"--fairmint-step-progress-surface-selected\": fairmintVars.colorBgBrandSubtleHover,\n    \"--fairmint-step-progress-active-border\": indigoColors[3],\n    \"--fairmint-step-progress-active-indicator-text\": commonColors.white,\n    \"--fairmint-step-progress-complete-border\": indigoColors[3],\n    \"--fairmint-step-progress-complete-text\": fairmintVars.colorIconOnSurfaceSelected,\n  };\n\n  return (\n    <Box\n      component=\"nav\"\n      aria-label={ariaLabel}\n      className=\"fairmint-step-progress\"\n      data-orientation={orientation}\n      style={rootStyle}\n    >\n      <ol className=\"fairmint-step-progress__list\">\n        {steps.map((step, index) => {\n          const stepNumber = index + 1;\n          const status = getStepProgressStatus(step, stepNumber, resolvedActiveStep);\n          const isInteractive = Boolean(onStepChange) && !step.disabled;\n          const pillContent = (\n            <>\n              <span className=\"fairmint-step-progress__indicator\" aria-hidden=\"true\">\n                {status === \"complete\" ? <CheckIcon /> : stepNumber}\n              </span>\n              <span className=\"fairmint-step-progress__label\">{step.label}</span>\n            </>\n          );\n\n          return (\n            <li key={`${stepNumber}-${step.label}`} className=\"fairmint-step-progress__item\">\n              {isInteractive ? (\n                <UnstyledButton\n                  type=\"button\"\n                  className=\"fairmint-step-progress__pill\"\n                  data-state={status}\n                  data-interactive=\"true\"\n                  data-disabled=\"false\"\n                  aria-current={status === \"active\" ? \"step\" : undefined}\n                  aria-label={`Step ${stepNumber}: ${step.label}`}\n                  onClick={() => onStepChange?.(stepNumber)}\n                >\n                  {pillContent}\n                </UnstyledButton>\n              ) : (\n                <span\n                  className=\"fairmint-step-progress__pill\"\n                  data-state={status}\n                  data-disabled={step.disabled ? \"true\" : \"false\"}\n                  aria-current={status === \"active\" ? \"step\" : undefined}\n                  aria-disabled={step.disabled || undefined}\n                  title={`Step ${stepNumber}: ${step.label}`}\n                >\n                  {pillContent}\n                </span>\n              )}\n              {index < steps.length - 1 ? (\n                <span\n                  className=\"fairmint-step-progress__connector\"\n                  data-state={status}\n                  aria-hidden=\"true\"\n                />\n              ) : null}\n            </li>\n          );\n        })}\n      </ol>\n    </Box>\n  );\n}\n\nexport const STEP_PROGRESS_MOBILE_BREAKPOINT = \"48em\";\n"],"names":["jsx","brandColors","fairmintVars","indigoColors","commonColors","Box","index","jsxs","Fragment","UnstyledButton"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"StepProgress.d.ts","sourceRoot":"","sources":["../../../../src/components/generic/StepProgress/StepProgress.tsx"],"names":[],"mappings":"AAEA,OAAO,oBAAoB,CAAC;AAE5B,MAAM,MAAM,uBAAuB,GAAG,YAAY,GAAG,UAAU,CAAC;AAChE,MAAM,MAAM,sBAAsB,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEvE,MAAM,WAAW,gBAAgB;IAC/B,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,sFAAsF;IACtF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,qFAAqF;IACrF,KAAK,EAAE,SAAS,gBAAgB,EAAE,CAAC;IACnC,yFAAyF;IACzF,UAAU,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC,sEAAsE;IACtE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAuBD,eAAO,MAAM,qBAAqB,GAChC,MAAM,gBAAgB,EACtB,YAAY,MAAM,EAClB,YAAY,MAAM,KACjB,sBAIF,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,UAAU,EACV,WAA0B,EAC1B,YAAY,EACZ,SAAsB,GACvB,EAAE,iBAAiB,sCAgFnB;AAED,eAAO,MAAM,+BAA+B,SAAS,CAAC"}
+{"version":3,"file":"StepProgress.d.ts","sourceRoot":"","sources":["../../../../src/components/generic/StepProgress/StepProgress.tsx"],"names":[],"mappings":"AAEA,OAAO,oBAAoB,CAAC;AAE5B,MAAM,MAAM,uBAAuB,GAAG,YAAY,GAAG,UAAU,CAAC;AAChE,MAAM,MAAM,sBAAsB,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEvE,MAAM,WAAW,gBAAgB;IAC/B,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,sFAAsF;IACtF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,qFAAqF;IACrF,KAAK,EAAE,SAAS,gBAAgB,EAAE,CAAC;IACnC,yFAAyF;IACzF,UAAU,EAAE,MAAM,CAAC;IACnB,uFAAuF;IACvF,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC,sEAAsE;IACtE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAuBD,eAAO,MAAM,qBAAqB,GAChC,MAAM,gBAAgB,EACtB,YAAY,MAAM,EAClB,YAAY,MAAM,KACjB,sBAIF,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,UAAU,EACV,WAA0B,EAC1B,YAAY,EACZ,SAAsB,GACvB,EAAE,iBAAiB,sCAoFnB;AAED,eAAO,MAAM,+BAA+B,SAAS,CAAC"}

package/dist/components/generic/StepProgress/StepProgress.js

@@ -38,15 +38,19 @@ function StepProgress({
   const resolvedActiveStep = resolveActiveStep(activeStep, steps.length);
   const rootStyle = {
     "--fairmint-step-progress-brand": brandColors.indigo,
-    "--fairmint-step-progress-border": fairmintVars.colorBorderDefault,
+    // colorBorderDefault washes out on colorBgSurfaceSecondary; text-secondary clears 3:1.
+    "--fairmint-step-progress-border": fairmintVars.colorTextSecondary,
+    // Kept off the ring token: the ring carries the step number and needs 3:1, the
+    // connector is decorative and reads as a hairline between pills.
+    "--fairmint-step-progress-connector": fairmintVars.colorBorderDefault,
     "--fairmint-step-progress-text-primary": fairmintVars.colorTextPrimary,
-    "--fairmint-step-progress-text-secondary": fairmintVars.colorTextSecondary,
-    "--fairmint-step-progress-surface-selected": fairmintVars.colorSurfaceSelected,
-    // One shared accent tone for anything bordering/reading on colorSurfaceSelected,
-    // instead of two adjacent-but-different indigo shades competing.
-    "--fairmint-step-progress-active-border": indigoColors[2],
+    // Pending labels use primary ink; active hierarchy is weight + fill, not mute gray.
+    "--fairmint-step-progress-text-secondary": fairmintVars.colorTextPrimary,
+    // indigo[1] — surface-selected (indigo[0]) is too close to the secondary canvas.
+    "--fairmint-step-progress-surface-selected": fairmintVars.colorBgBrandSubtleHover,
+    "--fairmint-step-progress-active-border": indigoColors[3],
     "--fairmint-step-progress-active-indicator-text": commonColors.white,
-    "--fairmint-step-progress-complete-border": indigoColors[2],
+    "--fairmint-step-progress-complete-border": indigoColors[3],
     "--fairmint-step-progress-complete-text": fairmintVars.colorIconOnSurfaceSelected
   };
   return /* @__PURE__ */ jsx(