@fairmint/ui 0.3.4 → 0.3.6

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","sources":["../../../../src/components/generic/Banner/Banner.tsx"],"sourcesContent":["import type { AriaRole, CSSProperties, ReactNode } from \"react\";\nimport { fontSizes, neutralColors, radii } from \"../../../theme\";\nimport { colors } from \"../../../theme/colors\";\nimport { Badge } from \"../../primitives/Badge/Badge\";\nimport { Button, type ButtonProps } from \"../../primitives/Button/Button\";\nimport { Box, Group, Stack, Text, ThemeIcon } from \"../../primitives/layout\";\n\nexport type BannerTone = \"brand\" | \"neutral\" | \"info\" | \"success\" | \"warning\" | \"error\";\nexport type BannerPresentation = \"inline\" | \"page-level\";\n\nexport interface BannerActionProps extends Omit<ButtonProps, \"children\" | \"color\" | \"variant\"> {\n  /** Visible action label. */\n  label: ReactNode;\n}\n\nexport interface BannerProps {\n  /** Primary message. Omit when the banner is description-only; set `ariaLabel` for accessibility. */\n  title?: ReactNode;\n  /** Supporting context. Omit for a title-only banner. */\n  description?: ReactNode;\n  /** Semantic meaning and visual treatment. @default \"brand\" */\n  tone?: BannerTone;\n  /** Inline content callout or full-width page-edge treatment. @default \"inline\" */\n  presentation?: BannerPresentation;\n  /** Icon shown in the 40px semantic tile. Pass `null` to hide the tile. */\n  icon?: ReactNode | null;\n  /** Optional badge label displayed beside the title. */\n  badgeLabel?: ReactNode;\n  /** Optional standardized CTA. */\n  action?: BannerActionProps;\n  /** Override the default accessible role. Error defaults to alert; other tones use status. */\n  role?: AriaRole;\n  /** Accessible label for the banner region. Defaults to the string title when possible. */\n  ariaLabel?: string;\n  className?: string;\n  style?: CSSProperties;\n}\n\nconst TONE_COLORS = {\n  brand: colors.primary,\n  neutral: colors.neutral,\n  info: colors.info,\n  success: colors.success,\n  warning: colors.warning,\n  error: colors.error,\n} as const;\n\nconst DefaultStatusIcon = ({ tone }: { tone: BannerTone }) => {\n  const commonProps = {\n    width: 20,\n    height: 20,\n    viewBox: \"0 0 24 24\",\n    fill: \"none\",\n    stroke: \"currentColor\",\n    strokeWidth: 1.75,\n    strokeLinecap: \"round\" as const,\n    strokeLinejoin: \"round\" as const,\n    \"aria-hidden\": true,\n  };\n\n  if (tone === \"success\") {\n    return (\n      <svg {...commonProps}>\n        <title>Success</title>\n        <circle cx=\"12\" cy=\"12\" r=\"9\" />\n        <path d=\"m8.5 12 2.25 2.25L15.75 9\" />\n      </svg>\n    );\n  }\n\n  if (tone === \"warning\") {\n    return (\n      <svg {...commonProps}>\n        <title>Warning</title>\n        <path d=\"M10.3 4.2 2.6 18a2 2 0 0 0 1.75 3h15.3a2 2 0 0 0 1.75-3L13.7 4.2a2 2 0 0 0-3.4 0Z\" />\n        <path d=\"M12 9v4\" />\n        <path d=\"M12 17h.01\" />\n      </svg>\n    );\n  }\n\n  if (tone === \"error\") {\n    return (\n      <svg {...commonProps}>\n        <title>Error</title>\n        <circle cx=\"12\" cy=\"12\" r=\"9\" />\n        <path d=\"m9 9 6 6\" />\n        <path d=\"m15 9-6 6\" />\n      </svg>\n    );\n  }\n\n  return (\n    <svg {...commonProps}>\n      <title>Information</title>\n      <circle cx=\"12\" cy=\"12\" r=\"9\" />\n      <path d=\"M12 11v5\" />\n      <path d=\"M12 8h.01\" />\n    </svg>\n  );\n};\n\nconst surfaceProps = (tone: BannerTone, presentation: BannerPresentation) => {\n  const color = TONE_COLORS[tone];\n\n  if (presentation === \"page-level\") {\n    return {\n      bg: `${color}.1`,\n      style: {\n        borderRadius: 0,\n      } satisfies CSSProperties,\n    };\n  }\n\n  // Chip Banner: tinted surface + semantic border (error border = error.2)\n  const borderShade = tone === \"brand\" ? 1 : tone === \"neutral\" ? 3 : 2;\n\n  return {\n    bg: `${color}.0`,\n    bd: `1px solid ${color}.${borderShade}`,\n    style: {\n      borderRadius: radii.lg,\n    } satisfies CSSProperties,\n  };\n};\n\n/**\n * Inline Chip banners keep light semantic fills across color schemes, so titles\n * stay dark primary text for WCAG AA. Page-level uses a deeper semantic shade.\n */\nconst titleColor = (tone: BannerTone, presentation: BannerPresentation) => {\n  if (presentation === \"page-level\") {\n    const color = TONE_COLORS[tone];\n    return `${color}.${tone === \"neutral\" ? 9 : 8}`;\n  }\n  return neutralColors[900];\n};\n\nconst actionVariant = (tone: BannerTone): ButtonProps[\"variant\"] => {\n  if (tone === \"brand\") return \"light\";\n  if (tone === \"neutral\") return \"outline\";\n  return \"filled\";\n};\n\nconst descriptionTextProps = {\n  size: \"sm\" as const,\n  c: neutralColors[500],\n  style: { lineHeight: 1.4 },\n};\n\nfunction BannerDescription({ children }: { children: ReactNode }) {\n  if (typeof children === \"string\" || typeof children === \"number\") {\n    return <Text {...descriptionTextProps}>{children}</Text>;\n  }\n\n  return (\n    <Box\n      c={neutralColors[500]}\n      style={{\n        fontSize: fontSizes.sm,\n        lineHeight: 1.4,\n      }}\n    >\n      {children}\n    </Box>\n  );\n}\n\n/**\n * Persistent contextual guidance with semantic inline and page-level presentations.\n * Position page-level banners in the consuming layout; the component does not use fixed positioning.\n */\nexport function Banner({\n  action,\n  ariaLabel,\n  badgeLabel,\n  className,\n  description,\n  icon,\n  presentation = \"inline\",\n  role,\n  style,\n  title,\n  tone = \"brand\",\n}: BannerProps) {\n  const color = TONE_COLORS[tone];\n  const iconNode = icon === undefined ? <DefaultStatusIcon tone={tone} /> : icon;\n  const resolvedRole = role ?? (tone === \"error\" ? \"alert\" : \"status\");\n  const resolvedAriaLabel = ariaLabel ?? (typeof title === \"string\" ? title : undefined);\n  const surface = surfaceProps(tone, presentation);\n  let actionNode: ReactNode = null;\n\n  if (action !== undefined) {\n    const { label, ...buttonProps } = action;\n    actionNode = (\n      <Button\n        {...buttonProps}\n        color={color}\n        variant={actionVariant(tone)}\n        style={{ flex: \"0 0 auto\", ...buttonProps.style }}\n      >\n        {label}\n      </Button>\n    );\n  }\n\n  return (\n    <Box\n      aria-label={resolvedAriaLabel}\n      className={className}\n      data-presentation={presentation}\n      data-tone={tone}\n      role={resolvedRole}\n      px=\"md\"\n      py=\"md\"\n      bg={surface.bg}\n      bd={\"bd\" in surface ? surface.bd : undefined}\n      style={{\n        boxSizing: \"border-box\",\n        width: \"100%\",\n        ...surface.style,\n        ...style,\n      }}\n    >\n      <Group align=\"center\" gap=\"sm\" wrap=\"wrap\">\n        {iconNode !== null && (\n          <ThemeIcon\n            aria-hidden\n            color={color}\n            radius=\"sm\"\n            size={40}\n            variant=\"light\"\n            style={{ flex: \"0 0 auto\" }}\n          >\n            {iconNode}\n          </ThemeIcon>\n        )}\n\n        <Stack gap={4} style={{ flex: \"1 1 240px\", minWidth: 0 }}>\n          {title !== undefined && (\n            <Group align=\"center\" gap=\"xs\" wrap=\"wrap\">\n              <Text\n                fw={600}\n                size=\"md\"\n                c={titleColor(tone, presentation)}\n                style={{ lineHeight: 1.35 }}\n              >\n                {title}\n              </Text>\n              {badgeLabel !== undefined && (\n                <Badge color={color} size=\"sm\" variant=\"light\">\n                  {badgeLabel}\n                </Badge>\n              )}\n            </Group>\n          )}\n          {description !== undefined && <BannerDescription>{description}</BannerDescription>}\n        </Stack>\n\n        {actionNode}\n      </Group>\n    </Box>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Banner.js","sources":["../../../../src/components/generic/Banner/Banner.tsx"],"sourcesContent":["import type { AriaRole, CSSProperties, ReactNode } from \"react\";\nimport { fontSizes, neutralColors, radii, spacing } from \"../../../theme\";\nimport { colors } from \"../../../theme/colors\";\nimport { Badge } from \"../../primitives/Badge/Badge\";\nimport { Button, type ButtonProps } from \"../../primitives/Button/Button\";\nimport { Box, Group, Text, ThemeIcon } from \"../../primitives/layout\";\n\nexport type BannerTone = \"brand\" | \"neutral\" | \"info\" | \"success\" | \"warning\" | \"error\";\nexport type BannerPresentation = \"inline\" | \"page-level\";\n\nexport interface BannerActionProps extends Omit<ButtonProps, \"children\" | \"color\" | \"variant\"> {\n  /** Visible action label. */\n  label: ReactNode;\n}\n\nexport type BannerActions =\n  | readonly [BannerActionProps]\n  | readonly [BannerActionProps, BannerActionProps];\n\nexport interface BannerProps {\n  /** Primary message. Omit when the banner is description-only; set `ariaLabel` for accessibility. */\n  title?: ReactNode;\n  /** Supporting context. Omit for a title-only banner. */\n  description?: ReactNode;\n  /** Semantic meaning and visual treatment. @default \"brand\" */\n  tone?: BannerTone;\n  /** Inline content callout or full-width page-edge treatment. @default \"inline\" */\n  presentation?: BannerPresentation;\n  /** Icon shown in the 40px semantic tile. Pass `null` to hide the tile. */\n  icon?: ReactNode | null;\n  /** Optional badge label displayed beside the title. */\n  badgeLabel?: ReactNode;\n  /** Optional standardized CTA. */\n  action?: BannerActionProps;\n  /** Up to two CTAs in visual order: secondary first, primary last. */\n  actions?: BannerActions;\n  /** Override the default accessible role. Error defaults to alert; other tones use status. */\n  role?: AriaRole;\n  /** Accessible label for the banner region. Defaults to the string title when possible. */\n  ariaLabel?: string;\n  className?: string;\n  style?: CSSProperties;\n}\n\nconst TONE_COLORS = {\n  brand: colors.primary,\n  neutral: colors.neutral,\n  info: colors.info,\n  success: colors.success,\n  warning: colors.warning,\n  error: colors.error,\n} as const;\n\nconst DefaultStatusIcon = ({ tone }: { tone: BannerTone }) => {\n  const commonProps = {\n    width: 20,\n    height: 20,\n    viewBox: \"0 0 24 24\",\n    fill: \"none\",\n    stroke: \"currentColor\",\n    strokeWidth: 1.75,\n    strokeLinecap: \"round\" as const,\n    strokeLinejoin: \"round\" as const,\n    \"aria-hidden\": true,\n  };\n\n  if (tone === \"success\") {\n    return (\n      <svg {...commonProps}>\n        <title>Success</title>\n        <circle cx=\"12\" cy=\"12\" r=\"9\" />\n        <path d=\"m8.5 12 2.25 2.25L15.75 9\" />\n      </svg>\n    );\n  }\n\n  if (tone === \"warning\") {\n    return (\n      <svg {...commonProps}>\n        <title>Warning</title>\n        <path d=\"M10.3 4.2 2.6 18a2 2 0 0 0 1.75 3h15.3a2 2 0 0 0 1.75-3L13.7 4.2a2 2 0 0 0-3.4 0Z\" />\n        <path d=\"M12 9v4\" />\n        <path d=\"M12 17h.01\" />\n      </svg>\n    );\n  }\n\n  if (tone === \"error\") {\n    return (\n      <svg {...commonProps}>\n        <title>Error</title>\n        <circle cx=\"12\" cy=\"12\" r=\"9\" />\n        <path d=\"m9 9 6 6\" />\n        <path d=\"m15 9-6 6\" />\n      </svg>\n    );\n  }\n\n  return (\n    <svg {...commonProps}>\n      <title>Information</title>\n      <circle cx=\"12\" cy=\"12\" r=\"9\" />\n      <path d=\"M12 11v5\" />\n      <path d=\"M12 8h.01\" />\n    </svg>\n  );\n};\n\nconst surfaceProps = (tone: BannerTone, presentation: BannerPresentation) => {\n  const color = TONE_COLORS[tone];\n\n  if (presentation === \"page-level\") {\n    return {\n      bg: `${color}.1`,\n      style: {\n        borderRadius: 0,\n      } satisfies CSSProperties,\n    };\n  }\n\n  // Chip Banner: tinted surface + semantic border (error border = error.2)\n  const borderShade = tone === \"brand\" ? 1 : tone === \"neutral\" ? 3 : 2;\n\n  return {\n    bg: `${color}.0`,\n    bd: `1px solid ${color}.${borderShade}`,\n    style: {\n      borderRadius: radii.lg,\n    } satisfies CSSProperties,\n  };\n};\n\n/** Titles always use dark primary text for WCAG AA contrast, inline or page-level. */\nconst titleColor = () => neutralColors[900];\n\nconst actionVariant = (tone: BannerTone, isSecondary: boolean): ButtonProps[\"variant\"] => {\n  if (isSecondary) return \"outline\";\n  if (tone === \"brand\") return \"light\";\n  if (tone === \"neutral\") return \"outline\";\n  return \"filled\";\n};\n\ninterface BannerLayoutOptions {\n  hasIcon: boolean;\n  hasTitle: boolean;\n  hasDescription: boolean;\n  hasActions: boolean;\n}\n\nconst getBannerLayout = ({\n  hasActions,\n  hasDescription,\n  hasIcon,\n  hasTitle,\n}: BannerLayoutOptions) => {\n  const mobileColumns = hasIcon ? \"40px minmax(0, 1fr)\" : \"minmax(0, 1fr)\";\n  const desktopContentColumns = hasIcon ? [\"40px\"] : [];\n\n  if (hasTitle || hasDescription) {\n    desktopContentColumns.push(\"minmax(0, 1fr)\");\n  }\n\n  if (hasActions) {\n    desktopContentColumns.push(\"auto\");\n  }\n\n  const mobileRows: string[] = [];\n  if (hasIcon && hasTitle) mobileRows.push('\"icon title\"');\n  else if (hasIcon) mobileRows.push('\"icon icon\"');\n  else if (hasTitle) mobileRows.push('\"title\"');\n\n  if (hasDescription) mobileRows.push(hasIcon ? '\"description description\"' : '\"description\"');\n  if (hasActions) mobileRows.push(hasIcon ? '\"actions actions\"' : '\"actions\"');\n\n  const desktopRows: string[] = [];\n  const actionCell = hasActions ? \" actions\" : \"\";\n  if (hasIcon && hasTitle && hasDescription) {\n    desktopRows.push(`\"icon title${actionCell}\"`, `\"icon description${actionCell}\"`);\n  } else if (hasIcon && hasTitle) {\n    desktopRows.push(`\"icon title${actionCell}\"`);\n  } else if (hasIcon && hasDescription) {\n    desktopRows.push(`\"icon description${actionCell}\"`);\n  } else if (hasIcon) {\n    desktopRows.push(`\"icon${hasActions ? \" actions\" : \"\"}\"`);\n  } else if (hasTitle && hasDescription) {\n    desktopRows.push(`\"title${actionCell}\"`, `\"description${actionCell}\"`);\n  } else if (hasTitle) {\n    desktopRows.push(`\"title${actionCell}\"`);\n  } else if (hasDescription) {\n    desktopRows.push(`\"description${actionCell}\"`);\n  } else if (hasActions) {\n    desktopRows.push('\"actions\"');\n  }\n\n  return {\n    gridTemplateAreas: {\n      base: mobileRows.join(\" \"),\n      sm: desktopRows.join(\" \"),\n    },\n    gridTemplateColumns: {\n      base: mobileColumns,\n      sm: desktopContentColumns.join(\" \") || \"auto\",\n    },\n  };\n};\n\nconst descriptionTextProps = {\n  size: \"sm\" as const,\n  c: neutralColors[500],\n  style: { lineHeight: 1.4 },\n};\n\nfunction BannerDescription({ children }: { children: ReactNode }) {\n  if (typeof children === \"string\" || typeof children === \"number\") {\n    return <Text {...descriptionTextProps}>{children}</Text>;\n  }\n\n  return (\n    <Box\n      c={neutralColors[500]}\n      style={{\n        fontSize: fontSizes.sm,\n        lineHeight: 1.4,\n      }}\n    >\n      {children}\n    </Box>\n  );\n}\n\n/**\n * Persistent contextual guidance with semantic inline and page-level presentations.\n * Position page-level banners in the consuming layout; the component does not use fixed positioning.\n */\nexport function Banner({\n  action,\n  ariaLabel,\n  badgeLabel,\n  className,\n  description,\n  icon,\n  actions,\n  presentation = \"inline\",\n  role,\n  style,\n  title,\n  tone = \"brand\",\n}: BannerProps) {\n  const color = TONE_COLORS[tone];\n  const iconNode = icon === undefined ? <DefaultStatusIcon tone={tone} /> : icon;\n  const resolvedActions = actions ?? (action === undefined ? [] : [action]);\n  const resolvedRole = role ?? (tone === \"error\" ? \"alert\" : \"status\");\n  const resolvedAriaLabel = ariaLabel ?? (typeof title === \"string\" ? title : undefined);\n  const surface = surfaceProps(tone, presentation);\n  const layout = getBannerLayout({\n    hasActions: resolvedActions.length > 0,\n    hasDescription: description !== undefined,\n    hasIcon: iconNode !== null,\n    hasTitle: title !== undefined || badgeLabel !== undefined,\n  });\n\n  return (\n    <Box\n      aria-label={resolvedAriaLabel}\n      className={className}\n      data-presentation={presentation}\n      data-tone={tone}\n      role={resolvedRole}\n      px=\"md\"\n      py=\"md\"\n      bg={surface.bg}\n      bd={\"bd\" in surface ? surface.bd : undefined}\n      style={{\n        boxSizing: \"border-box\",\n        width: \"100%\",\n        ...surface.style,\n        ...style,\n      }}\n      sx={{\n        display: \"grid\",\n        columnGap: spacing.sm,\n        rowGap: spacing.xs,\n        ...layout,\n      }}\n    >\n      {iconNode !== null && (\n        <ThemeIcon\n          aria-hidden\n          color={color}\n          radius=\"sm\"\n          size={40}\n          variant=\"light\"\n          style={{ gridArea: \"icon\", alignSelf: \"center\" }}\n        >\n          {iconNode}\n        </ThemeIcon>\n      )}\n\n      {(title !== undefined || badgeLabel !== undefined) && (\n        <Group\n          align=\"center\"\n          gap=\"xs\"\n          wrap=\"wrap\"\n          style={{ gridArea: \"title\", minWidth: 0, overflowWrap: \"anywhere\" }}\n        >\n          {title !== undefined && (\n            <Text\n              fw={600}\n              size=\"md\"\n              c={titleColor()}\n              style={{ lineHeight: 1.35, minWidth: 0, overflowWrap: \"anywhere\" }}\n            >\n              {title}\n            </Text>\n          )}\n          {badgeLabel !== undefined && (\n            <Badge color={color} size=\"sm\" variant=\"light\">\n              {badgeLabel}\n            </Badge>\n          )}\n        </Group>\n      )}\n\n      {description !== undefined && (\n        <Box style={{ gridArea: \"description\", minWidth: 0, overflowWrap: \"anywhere\" }}>\n          <BannerDescription>{description}</BannerDescription>\n        </Box>\n      )}\n\n      {resolvedActions.length > 0 && (\n        <Box\n          sx={{\n            display: \"flex\",\n            flexDirection: { base: \"column\", sm: \"row\" },\n            alignItems: \"stretch\",\n            justifyContent: \"flex-end\",\n            gap: spacing.xs,\n            minWidth: 0,\n            width: { base: \"100%\", sm: \"max-content\" },\n            maxWidth: \"100%\",\n          }}\n          style={{ gridArea: \"actions\", alignSelf: \"center\", justifySelf: \"end\" }}\n        >\n          {resolvedActions.map(({ label, ...buttonProps }, index) => (\n            <Button\n              key={buttonProps.id ?? (typeof label === \"string\" ? label : `banner-action-${index}`)}\n              {...buttonProps}\n              color={color}\n              variant={actionVariant(tone, index < resolvedActions.length - 1)}\n              style={{\n                ...buttonProps.style,\n                boxSizing: \"border-box\",\n                flex: \"0 1 auto\",\n                minHeight: 44,\n                maxWidth: \"100%\",\n                overflowWrap: \"anywhere\",\n                whiteSpace: \"normal\",\n                width: \"100%\",\n              }}\n            >\n              {label}\n            </Button>\n          ))}\n        </Box>\n      )}\n    </Box>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/generic/DataTable/DataTable.cjs

@@ -70,7 +70,7 @@ function DataTable({
   if (data.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsx(EmptyState.EmptyState, { title: emptyTitle, description: emptyDescription, icon: emptyIcon });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(layout.Box, { style: { overflowX: "auto" }, children: /* @__PURE__ */ jsxRuntime.jsxs(Table.Table, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Table.Table, { responsive: true, children: [
     /* @__PURE__ */ jsxRuntime.jsx(Table.Table.Thead, { children: /* @__PURE__ */ jsxRuntime.jsx(Table.Table.Tr, { children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx(Table.Table.Th, { w: col.width, children: col.sortable ? /* @__PURE__ */ jsxRuntime.jsx(UnstyledButton.UnstyledButton, { onClick: () => handleSort(col.key), children: /* @__PURE__ */ jsxRuntime.jsxs(Group.Group, { gap: 4, wrap: "nowrap", children: [
       /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { size: "xs", fw: 600, tt: "uppercase", children: col.label }),
       /* @__PURE__ */ jsxRuntime.jsx(SortIcon, { direction: sortKey === col.key ? sortDir : null })
@@ -87,7 +87,7 @@ function DataTable({
         key
       );
     }) })
-  ] }) });
+  ] });
 }
 exports.DataTable = DataTable;
 //# sourceMappingURL=DataTable.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataTable.cjs","sources":["../../../../src/components/generic/DataTable/DataTable.tsx"],"sourcesContent":["import { type ReactNode, useMemo, useState } from \"react\";\nimport { Box, Group, Stack, Text, UnstyledButton } from \"../../primitives/layout\";\nimport { Skeleton } from \"../../primitives/Skeleton/Skeleton\";\nimport { Table } from \"../../primitives/Table/Table\";\nimport { EmptyState } from \"../EmptyState/EmptyState\";\n\nexport interface DataTableColumn<T extends Record<string, unknown>> {\n  /** Unique key matching a property in the data row. */\n  key: string;\n  /** Column header label. */\n  label: string;\n  /** Custom render function for the cell. */\n  render?: (row: T) => ReactNode;\n  /** Whether this column is sortable. @default false */\n  sortable?: boolean;\n  /** Column width (CSS value). */\n  width?: string | number;\n}\n\nexport interface DataTableProps<T extends Record<string, unknown>> {\n  /** Column definitions. */\n  columns: DataTableColumn<T>[];\n  /** Data rows. */\n  data: T[];\n  /** Unique key for each row. @default \"id\" */\n  rowKey?: string;\n  /** Whether data is loading. @default false */\n  loading?: boolean;\n  /** Number of skeleton rows to show when loading. @default 5 */\n  loadingRows?: number;\n  /** Empty state title. @default \"No data\" */\n  emptyTitle?: string;\n  /** Empty state description. */\n  emptyDescription?: string;\n  /** Empty state icon. */\n  emptyIcon?: ReactNode;\n  /** Row click handler. */\n  onRowClick?: (row: T) => void;\n  /** Controlled sort callback. When provided, skips internal sort. */\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\n}\n\nconst SortIcon = ({ direction }: { direction: \"asc\" | \"desc\" | null }) => (\n  <svg\n    width=\"12\"\n    height=\"12\"\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    style={{\n      opacity: direction ? 1 : 0.3,\n      transform: direction === \"desc\" ? \"rotate(180deg)\" : undefined,\n      transition: \"transform 0.15s ease, opacity 0.15s ease\",\n    }}\n  >\n    <path d=\"m5 12 7-7 7 7\" />\n    <path d=\"M12 19V5\" />\n  </svg>\n);\n\nexport function DataTable<T extends Record<string, unknown>>({\n  columns,\n  data,\n  rowKey = \"id\",\n  loading = false,\n  loadingRows = 5,\n  emptyTitle = \"No data\",\n  emptyDescription,\n  emptyIcon,\n  onRowClick,\n  onSortChange,\n}: DataTableProps<T>) {\n  const [sortKey, setSortKey] = useState<string | null>(null);\n  const [sortDir, setSortDir] = useState<\"asc\" | \"desc\">(\"asc\");\n\n  const handleSort = (key: string) => {\n    const newDir = sortKey === key && sortDir === \"asc\" ? \"desc\" : \"asc\";\n    setSortKey(key);\n    setSortDir(newDir);\n    onSortChange?.(key, newDir);\n  };\n\n  const sortedData = useMemo(() => {\n    if (onSortChange || !sortKey) return data;\n    return [...data].sort((a, b) => {\n      const aVal = a[sortKey];\n      const bVal = b[sortKey];\n      if (aVal === bVal) return 0;\n      if (aVal == null) return 1;\n      if (bVal == null) return -1;\n      const cmp = aVal < bVal ? -1 : 1;\n      return sortDir === \"asc\" ? cmp : -cmp;\n    });\n  }, [data, sortKey, sortDir, onSortChange]);\n\n  if (loading) {\n    return (\n      <Stack gap=\"xs\">\n        {Array.from({ length: loadingRows }, (_, i) => (\n          <Skeleton key={`skeleton-${i.toString()}`} height={48} radius=\"sm\" />\n        ))}\n      </Stack>\n    );\n  }\n\n  if (data.length === 0) {\n    return <EmptyState title={emptyTitle} description={emptyDescription} icon={emptyIcon} />;\n  }\n\n  return (\n    <Box style={{ overflowX: \"auto\" }}>\n      <Table>\n        <Table.Thead>\n          <Table.Tr>\n            {columns.map((col) => (\n              <Table.Th key={col.key} w={col.width}>\n                {col.sortable ? (\n                  <UnstyledButton onClick={() => handleSort(col.key)}>\n                    <Group gap={4} wrap=\"nowrap\">\n                      <Text size=\"xs\" fw={600} tt=\"uppercase\">\n                        {col.label}\n                      </Text>\n                      <SortIcon direction={sortKey === col.key ? sortDir : null} />\n                    </Group>\n                  </UnstyledButton>\n                ) : (\n                  col.label\n                )}\n              </Table.Th>\n            ))}\n          </Table.Tr>\n        </Table.Thead>\n        <Table.Tbody>\n          {sortedData.map((row) => {\n            const key = String(row[rowKey] ?? sortedData.indexOf(row));\n            return (\n              <Table.Tr\n                key={key}\n                onClick={onRowClick ? () => onRowClick(row) : undefined}\n                className={onRowClick ? \"fairmint-table-row-clickable\" : undefined}\n              >\n                {columns.map((col) => (\n                  <Table.Td key={col.key}>\n                    {col.render ? col.render(row) : String(row[col.key] ?? \"\")}\n                  </Table.Td>\n                ))}\n              </Table.Tr>\n            );\n          })}\n        </Table.Tbody>\n      </Table>\n    </Box>\n  );\n}\n"],"names":["jsxs","jsx","useState","useMemo","Stack","Skeleton","EmptyState","Box","Table","UnstyledButton","Group","Text"],"mappings":"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"}
+{"version":3,"file":"DataTable.cjs","sources":["../../../../src/components/generic/DataTable/DataTable.tsx"],"sourcesContent":["import { type ReactNode, useMemo, useState } from \"react\";\nimport { Group, Stack, Text, UnstyledButton } from \"../../primitives/layout\";\nimport { Skeleton } from \"../../primitives/Skeleton/Skeleton\";\nimport { Table } from \"../../primitives/Table/Table\";\nimport { EmptyState } from \"../EmptyState/EmptyState\";\n\nexport interface DataTableColumn<T extends Record<string, unknown>> {\n  /** Unique key matching a property in the data row. */\n  key: string;\n  /** Column header label. */\n  label: string;\n  /** Custom render function for the cell. */\n  render?: (row: T) => ReactNode;\n  /** Whether this column is sortable. @default false */\n  sortable?: boolean;\n  /** Column width (CSS value). */\n  width?: string | number;\n}\n\nexport interface DataTableProps<T extends Record<string, unknown>> {\n  /** Column definitions. */\n  columns: DataTableColumn<T>[];\n  /** Data rows. */\n  data: T[];\n  /** Unique key for each row. @default \"id\" */\n  rowKey?: string;\n  /** Whether data is loading. @default false */\n  loading?: boolean;\n  /** Number of skeleton rows to show when loading. @default 5 */\n  loadingRows?: number;\n  /** Empty state title. @default \"No data\" */\n  emptyTitle?: string;\n  /** Empty state description. */\n  emptyDescription?: string;\n  /** Empty state icon. */\n  emptyIcon?: ReactNode;\n  /** Row click handler. */\n  onRowClick?: (row: T) => void;\n  /** Controlled sort callback. When provided, skips internal sort. */\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\n}\n\nconst SortIcon = ({ direction }: { direction: \"asc\" | \"desc\" | null }) => (\n  <svg\n    width=\"12\"\n    height=\"12\"\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    style={{\n      opacity: direction ? 1 : 0.3,\n      transform: direction === \"desc\" ? \"rotate(180deg)\" : undefined,\n      transition: \"transform 0.15s ease, opacity 0.15s ease\",\n    }}\n  >\n    <path d=\"m5 12 7-7 7 7\" />\n    <path d=\"M12 19V5\" />\n  </svg>\n);\n\nexport function DataTable<T extends Record<string, unknown>>({\n  columns,\n  data,\n  rowKey = \"id\",\n  loading = false,\n  loadingRows = 5,\n  emptyTitle = \"No data\",\n  emptyDescription,\n  emptyIcon,\n  onRowClick,\n  onSortChange,\n}: DataTableProps<T>) {\n  const [sortKey, setSortKey] = useState<string | null>(null);\n  const [sortDir, setSortDir] = useState<\"asc\" | \"desc\">(\"asc\");\n\n  const handleSort = (key: string) => {\n    const newDir = sortKey === key && sortDir === \"asc\" ? \"desc\" : \"asc\";\n    setSortKey(key);\n    setSortDir(newDir);\n    onSortChange?.(key, newDir);\n  };\n\n  const sortedData = useMemo(() => {\n    if (onSortChange || !sortKey) return data;\n    return [...data].sort((a, b) => {\n      const aVal = a[sortKey];\n      const bVal = b[sortKey];\n      if (aVal === bVal) return 0;\n      if (aVal == null) return 1;\n      if (bVal == null) return -1;\n      const cmp = aVal < bVal ? -1 : 1;\n      return sortDir === \"asc\" ? cmp : -cmp;\n    });\n  }, [data, sortKey, sortDir, onSortChange]);\n\n  if (loading) {\n    return (\n      <Stack gap=\"xs\">\n        {Array.from({ length: loadingRows }, (_, i) => (\n          <Skeleton key={`skeleton-${i.toString()}`} height={48} radius=\"sm\" />\n        ))}\n      </Stack>\n    );\n  }\n\n  if (data.length === 0) {\n    return <EmptyState title={emptyTitle} description={emptyDescription} icon={emptyIcon} />;\n  }\n\n  return (\n    <Table responsive>\n      <Table.Thead>\n        <Table.Tr>\n          {columns.map((col) => (\n            <Table.Th key={col.key} w={col.width}>\n              {col.sortable ? (\n                <UnstyledButton onClick={() => handleSort(col.key)}>\n                  <Group gap={4} wrap=\"nowrap\">\n                    <Text size=\"xs\" fw={600} tt=\"uppercase\">\n                      {col.label}\n                    </Text>\n                    <SortIcon direction={sortKey === col.key ? sortDir : null} />\n                  </Group>\n                </UnstyledButton>\n              ) : (\n                col.label\n              )}\n            </Table.Th>\n          ))}\n        </Table.Tr>\n      </Table.Thead>\n      <Table.Tbody>\n        {sortedData.map((row) => {\n          const key = String(row[rowKey] ?? sortedData.indexOf(row));\n          return (\n            <Table.Tr\n              key={key}\n              onClick={onRowClick ? () => onRowClick(row) : undefined}\n              className={onRowClick ? \"fairmint-table-row-clickable\" : undefined}\n            >\n              {columns.map((col) => (\n                <Table.Td key={col.key}>\n                  {col.render ? col.render(row) : String(row[col.key] ?? \"\")}\n                </Table.Td>\n              ))}\n            </Table.Tr>\n          );\n        })}\n      </Table.Tbody>\n    </Table>\n  );\n}\n"],"names":["jsxs","jsx","useState","useMemo","Stack","Skeleton","EmptyState","Table","UnstyledButton","Group","Text"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/generic/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAM1D,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAChE,sDAAsD;IACtD,GAAG,EAAE,MAAM,CAAC;IACZ,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,SAAS,CAAC;IAC/B,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC/D,0BAA0B;IAC1B,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9B,iBAAiB;IACjB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wBAAwB;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,yBAAyB;IACzB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,oEAAoE;IACpE,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAC;CACjE;AAwBD,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC3D,OAAO,EACP,IAAI,EACJ,MAAa,EACb,OAAe,EACf,WAAe,EACf,UAAsB,EACtB,gBAAgB,EAChB,SAAS,EACT,UAAU,EACV,YAAY,GACb,EAAE,cAAc,CAAC,CAAC,CAAC,2CAkFnB"}
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/generic/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAM1D,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAChE,sDAAsD;IACtD,GAAG,EAAE,MAAM,CAAC;IACZ,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,SAAS,CAAC;IAC/B,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC/D,0BAA0B;IAC1B,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9B,iBAAiB;IACjB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wBAAwB;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,yBAAyB;IACzB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,oEAAoE;IACpE,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAC;CACjE;AAwBD,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAC3D,OAAO,EACP,IAAI,EACJ,MAAa,EACb,OAAe,EACf,WAAe,EACf,UAAsB,EACtB,gBAAgB,EAChB,SAAS,EACT,UAAU,EACV,YAAY,GACb,EAAE,cAAc,CAAC,CAAC,CAAC,2CAgFnB"}

package/dist/components/generic/DataTable/DataTable.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useMemo } from "react";
-import { Stack, Box } from "../../primitives/layout.js";
+import { Stack } from "../../primitives/layout.js";
 import { Skeleton } from "../../primitives/Skeleton/Skeleton.js";
 import { Table } from "../../primitives/Table/Table.js";
 import { EmptyState } from "../EmptyState/EmptyState.js";
@@ -68,7 +68,7 @@ function DataTable({
   if (data.length === 0) {
     return /* @__PURE__ */ jsx(EmptyState, { title: emptyTitle, description: emptyDescription, icon: emptyIcon });
   }
-  return /* @__PURE__ */ jsx(Box, { style: { overflowX: "auto" }, children: /* @__PURE__ */ jsxs(Table, { children: [
+  return /* @__PURE__ */ jsxs(Table, { responsive: true, children: [
     /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsx(Table.Tr, { children: columns.map((col) => /* @__PURE__ */ jsx(Table.Th, { w: col.width, children: col.sortable ? /* @__PURE__ */ jsx(UnstyledButton, { onClick: () => handleSort(col.key), children: /* @__PURE__ */ jsxs(Group, { gap: 4, wrap: "nowrap", children: [
       /* @__PURE__ */ jsx(Text, { size: "xs", fw: 600, tt: "uppercase", children: col.label }),
       /* @__PURE__ */ jsx(SortIcon, { direction: sortKey === col.key ? sortDir : null })
@@ -85,7 +85,7 @@ function DataTable({
         key
       );
     }) })
-  ] }) });
+  ] });
 }
 export {
   DataTable

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

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","sources":["../../../../src/components/generic/DataTable/DataTable.tsx"],"sourcesContent":["import { type ReactNode, useMemo, useState } from \"react\";\nimport { Box, Group, Stack, Text, UnstyledButton } from \"../../primitives/layout\";\nimport { Skeleton } from \"../../primitives/Skeleton/Skeleton\";\nimport { Table } from \"../../primitives/Table/Table\";\nimport { EmptyState } from \"../EmptyState/EmptyState\";\n\nexport interface DataTableColumn<T extends Record<string, unknown>> {\n  /** Unique key matching a property in the data row. */\n  key: string;\n  /** Column header label. */\n  label: string;\n  /** Custom render function for the cell. */\n  render?: (row: T) => ReactNode;\n  /** Whether this column is sortable. @default false */\n  sortable?: boolean;\n  /** Column width (CSS value). */\n  width?: string | number;\n}\n\nexport interface DataTableProps<T extends Record<string, unknown>> {\n  /** Column definitions. */\n  columns: DataTableColumn<T>[];\n  /** Data rows. */\n  data: T[];\n  /** Unique key for each row. @default \"id\" */\n  rowKey?: string;\n  /** Whether data is loading. @default false */\n  loading?: boolean;\n  /** Number of skeleton rows to show when loading. @default 5 */\n  loadingRows?: number;\n  /** Empty state title. @default \"No data\" */\n  emptyTitle?: string;\n  /** Empty state description. */\n  emptyDescription?: string;\n  /** Empty state icon. */\n  emptyIcon?: ReactNode;\n  /** Row click handler. */\n  onRowClick?: (row: T) => void;\n  /** Controlled sort callback. When provided, skips internal sort. */\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\n}\n\nconst SortIcon = ({ direction }: { direction: \"asc\" | \"desc\" | null }) => (\n  <svg\n    width=\"12\"\n    height=\"12\"\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    style={{\n      opacity: direction ? 1 : 0.3,\n      transform: direction === \"desc\" ? \"rotate(180deg)\" : undefined,\n      transition: \"transform 0.15s ease, opacity 0.15s ease\",\n    }}\n  >\n    <path d=\"m5 12 7-7 7 7\" />\n    <path d=\"M12 19V5\" />\n  </svg>\n);\n\nexport function DataTable<T extends Record<string, unknown>>({\n  columns,\n  data,\n  rowKey = \"id\",\n  loading = false,\n  loadingRows = 5,\n  emptyTitle = \"No data\",\n  emptyDescription,\n  emptyIcon,\n  onRowClick,\n  onSortChange,\n}: DataTableProps<T>) {\n  const [sortKey, setSortKey] = useState<string | null>(null);\n  const [sortDir, setSortDir] = useState<\"asc\" | \"desc\">(\"asc\");\n\n  const handleSort = (key: string) => {\n    const newDir = sortKey === key && sortDir === \"asc\" ? \"desc\" : \"asc\";\n    setSortKey(key);\n    setSortDir(newDir);\n    onSortChange?.(key, newDir);\n  };\n\n  const sortedData = useMemo(() => {\n    if (onSortChange || !sortKey) return data;\n    return [...data].sort((a, b) => {\n      const aVal = a[sortKey];\n      const bVal = b[sortKey];\n      if (aVal === bVal) return 0;\n      if (aVal == null) return 1;\n      if (bVal == null) return -1;\n      const cmp = aVal < bVal ? -1 : 1;\n      return sortDir === \"asc\" ? cmp : -cmp;\n    });\n  }, [data, sortKey, sortDir, onSortChange]);\n\n  if (loading) {\n    return (\n      <Stack gap=\"xs\">\n        {Array.from({ length: loadingRows }, (_, i) => (\n          <Skeleton key={`skeleton-${i.toString()}`} height={48} radius=\"sm\" />\n        ))}\n      </Stack>\n    );\n  }\n\n  if (data.length === 0) {\n    return <EmptyState title={emptyTitle} description={emptyDescription} icon={emptyIcon} />;\n  }\n\n  return (\n    <Box style={{ overflowX: \"auto\" }}>\n      <Table>\n        <Table.Thead>\n          <Table.Tr>\n            {columns.map((col) => (\n              <Table.Th key={col.key} w={col.width}>\n                {col.sortable ? (\n                  <UnstyledButton onClick={() => handleSort(col.key)}>\n                    <Group gap={4} wrap=\"nowrap\">\n                      <Text size=\"xs\" fw={600} tt=\"uppercase\">\n                        {col.label}\n                      </Text>\n                      <SortIcon direction={sortKey === col.key ? sortDir : null} />\n                    </Group>\n                  </UnstyledButton>\n                ) : (\n                  col.label\n                )}\n              </Table.Th>\n            ))}\n          </Table.Tr>\n        </Table.Thead>\n        <Table.Tbody>\n          {sortedData.map((row) => {\n            const key = String(row[rowKey] ?? sortedData.indexOf(row));\n            return (\n              <Table.Tr\n                key={key}\n                onClick={onRowClick ? () => onRowClick(row) : undefined}\n                className={onRowClick ? \"fairmint-table-row-clickable\" : undefined}\n              >\n                {columns.map((col) => (\n                  <Table.Td key={col.key}>\n                    {col.render ? col.render(row) : String(row[col.key] ?? \"\")}\n                  </Table.Td>\n                ))}\n              </Table.Tr>\n            );\n          })}\n        </Table.Tbody>\n      </Table>\n    </Box>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DataTable.js","sources":["../../../../src/components/generic/DataTable/DataTable.tsx"],"sourcesContent":["import { type ReactNode, useMemo, useState } from \"react\";\nimport { Group, Stack, Text, UnstyledButton } from \"../../primitives/layout\";\nimport { Skeleton } from \"../../primitives/Skeleton/Skeleton\";\nimport { Table } from \"../../primitives/Table/Table\";\nimport { EmptyState } from \"../EmptyState/EmptyState\";\n\nexport interface DataTableColumn<T extends Record<string, unknown>> {\n  /** Unique key matching a property in the data row. */\n  key: string;\n  /** Column header label. */\n  label: string;\n  /** Custom render function for the cell. */\n  render?: (row: T) => ReactNode;\n  /** Whether this column is sortable. @default false */\n  sortable?: boolean;\n  /** Column width (CSS value). */\n  width?: string | number;\n}\n\nexport interface DataTableProps<T extends Record<string, unknown>> {\n  /** Column definitions. */\n  columns: DataTableColumn<T>[];\n  /** Data rows. */\n  data: T[];\n  /** Unique key for each row. @default \"id\" */\n  rowKey?: string;\n  /** Whether data is loading. @default false */\n  loading?: boolean;\n  /** Number of skeleton rows to show when loading. @default 5 */\n  loadingRows?: number;\n  /** Empty state title. @default \"No data\" */\n  emptyTitle?: string;\n  /** Empty state description. */\n  emptyDescription?: string;\n  /** Empty state icon. */\n  emptyIcon?: ReactNode;\n  /** Row click handler. */\n  onRowClick?: (row: T) => void;\n  /** Controlled sort callback. When provided, skips internal sort. */\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\n}\n\nconst SortIcon = ({ direction }: { direction: \"asc\" | \"desc\" | null }) => (\n  <svg\n    width=\"12\"\n    height=\"12\"\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    style={{\n      opacity: direction ? 1 : 0.3,\n      transform: direction === \"desc\" ? \"rotate(180deg)\" : undefined,\n      transition: \"transform 0.15s ease, opacity 0.15s ease\",\n    }}\n  >\n    <path d=\"m5 12 7-7 7 7\" />\n    <path d=\"M12 19V5\" />\n  </svg>\n);\n\nexport function DataTable<T extends Record<string, unknown>>({\n  columns,\n  data,\n  rowKey = \"id\",\n  loading = false,\n  loadingRows = 5,\n  emptyTitle = \"No data\",\n  emptyDescription,\n  emptyIcon,\n  onRowClick,\n  onSortChange,\n}: DataTableProps<T>) {\n  const [sortKey, setSortKey] = useState<string | null>(null);\n  const [sortDir, setSortDir] = useState<\"asc\" | \"desc\">(\"asc\");\n\n  const handleSort = (key: string) => {\n    const newDir = sortKey === key && sortDir === \"asc\" ? \"desc\" : \"asc\";\n    setSortKey(key);\n    setSortDir(newDir);\n    onSortChange?.(key, newDir);\n  };\n\n  const sortedData = useMemo(() => {\n    if (onSortChange || !sortKey) return data;\n    return [...data].sort((a, b) => {\n      const aVal = a[sortKey];\n      const bVal = b[sortKey];\n      if (aVal === bVal) return 0;\n      if (aVal == null) return 1;\n      if (bVal == null) return -1;\n      const cmp = aVal < bVal ? -1 : 1;\n      return sortDir === \"asc\" ? cmp : -cmp;\n    });\n  }, [data, sortKey, sortDir, onSortChange]);\n\n  if (loading) {\n    return (\n      <Stack gap=\"xs\">\n        {Array.from({ length: loadingRows }, (_, i) => (\n          <Skeleton key={`skeleton-${i.toString()}`} height={48} radius=\"sm\" />\n        ))}\n      </Stack>\n    );\n  }\n\n  if (data.length === 0) {\n    return <EmptyState title={emptyTitle} description={emptyDescription} icon={emptyIcon} />;\n  }\n\n  return (\n    <Table responsive>\n      <Table.Thead>\n        <Table.Tr>\n          {columns.map((col) => (\n            <Table.Th key={col.key} w={col.width}>\n              {col.sortable ? (\n                <UnstyledButton onClick={() => handleSort(col.key)}>\n                  <Group gap={4} wrap=\"nowrap\">\n                    <Text size=\"xs\" fw={600} tt=\"uppercase\">\n                      {col.label}\n                    </Text>\n                    <SortIcon direction={sortKey === col.key ? sortDir : null} />\n                  </Group>\n                </UnstyledButton>\n              ) : (\n                col.label\n              )}\n            </Table.Th>\n          ))}\n        </Table.Tr>\n      </Table.Thead>\n      <Table.Tbody>\n        {sortedData.map((row) => {\n          const key = String(row[rowKey] ?? sortedData.indexOf(row));\n          return (\n            <Table.Tr\n              key={key}\n              onClick={onRowClick ? () => onRowClick(row) : undefined}\n              className={onRowClick ? \"fairmint-table-row-clickable\" : undefined}\n            >\n              {columns.map((col) => (\n                <Table.Td key={col.key}>\n                  {col.render ? col.render(row) : String(row[col.key] ?? \"\")}\n                </Table.Td>\n              ))}\n            </Table.Tr>\n          );\n        })}\n      </Table.Tbody>\n    </Table>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -6,6 +6,7 @@ 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 responsiveTypography = require("../../../theme/responsiveTypography.cjs");
 const DefaultCheckIcon = () => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
@@ -59,7 +60,7 @@ function StepCard({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs(layout.Box, { style: { minWidth: 0, flex: 1 }, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { fw: 700, fz: { base: 17, sm: 19 }, c: index.neutralColors[900], lh: 1.3, children: title }),
+            /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { fw: 700, fz: responsiveTypography.responsiveTypography.cardTitle, c: index.neutralColors[900], lh: 1.3, children: title }),
             description && /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { size: "sm", c: index.neutralColors[600], lh: 1.5, mt: 4, children: description })
           ] })
         ] }),

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 { brandColors, neutralColors } 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: \"white\",\n        border: `1px solid ${neutralColors[200]}`,\n      }}\n    >\n      <Stack gap=\"md\">\n        <Group gap=\"md\" align=\"flex-start\" wrap=\"nowrap\">\n          <ThemeIcon\n            size={32}\n            radius=\"md\"\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 ? brandColors.indigo : neutralColors[100],\n              color: done ? \"white\" : neutralColors[600],\n              border: done ? undefined : `1px solid ${neutralColors[200]}`,\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 fw={700} fz={{ base: 17, sm: 19 }} c={neutralColors[900]} lh={1.3}>\n              {title}\n            </Text>\n            {description && (\n              <Text size=\"sm\" c={neutralColors[600]} 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","neutralColors","jsxs","Stack","Group","ThemeIcon","brandColors","Text","Box"],"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,YAAY;AAAA,QACZ,QAAQ,aAAaC,MAAAA,cAAc,GAAG,CAAC;AAAA,MAAA;AAAA,MAGzC,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,OAAOO,MAAAA,YAAY,SAASL,MAAAA,cAAc,GAAG;AAAA,gBACzD,OAAO,OAAO,UAAUA,MAAAA,cAAc,GAAG;AAAA,gBACzC,QAAQ,OAAO,SAAY,aAAaA,MAAAA,cAAc,GAAG,CAAC;AAAA,cAAA;AAAA,cAG3D,UAAA,OACE,YAAYH,2BAAAA,IAAC,kBAAA,CAAA,CAAiB,IAE/BA,2BAAAA,IAACS,KAAAA,MAAA,EAAK,IAAI,KAAK,IAAI,IAChB,UAAAR,QAAA,CACH;AAAA,YAAA;AAAA,UAAA;AAAA,UAGJG,gCAACM,OAAAA,OAAI,OAAO,EAAE,UAAU,GAAG,MAAM,KAC/B,UAAA;AAAA,YAAAV,+BAACS,KAAAA,QAAK,IAAI,KAAK,IAAI,EAAE,MAAM,IAAI,IAAI,GAAA,GAAM,GAAGN,MAAAA,cAAc,GAAG,GAAG,IAAI,KACjE,UAAA,OACH;AAAA,YACC,eACCH,2BAAAA,IAACS,KAAAA,MAAA,EAAK,MAAK,MAAK,GAAGN,MAAAA,cAAc,GAAG,GAAG,IAAI,KAAK,IAAI,GACjD,UAAA,YAAA,CACH;AAAA,UAAA,EAAA,CAEJ;AAAA,QAAA,GACF;AAAA,QACAH,+BAACU,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 { brandColors, neutralColors, 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: \"white\",\n        border: `1px solid ${neutralColors[200]}`,\n      }}\n    >\n      <Stack gap=\"md\">\n        <Group gap=\"md\" align=\"flex-start\" wrap=\"nowrap\">\n          <ThemeIcon\n            size={32}\n            radius=\"md\"\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 ? brandColors.indigo : neutralColors[100],\n              color: done ? \"white\" : neutralColors[600],\n              border: done ? undefined : `1px solid ${neutralColors[200]}`,\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 fw={700} fz={responsiveTypography.cardTitle} c={neutralColors[900]} lh={1.3}>\n              {title}\n            </Text>\n            {description && (\n              <Text size=\"sm\" c={neutralColors[600]} 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","neutralColors","jsxs","Stack","Group","ThemeIcon","brandColors","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,YAAY;AAAA,QACZ,QAAQ,aAAaC,MAAAA,cAAc,GAAG,CAAC;AAAA,MAAA;AAAA,MAGzC,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,OAAOO,MAAAA,YAAY,SAASL,MAAAA,cAAc,GAAG;AAAA,gBACzD,OAAO,OAAO,UAAUA,MAAAA,cAAc,GAAG;AAAA,gBACzC,QAAQ,OAAO,SAAY,aAAaA,MAAAA,cAAc,GAAG,CAAC;AAAA,cAAA;AAAA,cAG3D,UAAA,OACE,YAAYH,2BAAAA,IAAC,kBAAA,CAAA,CAAiB,IAE/BA,2BAAAA,IAACS,KAAAA,MAAA,EAAK,IAAI,KAAK,IAAI,IAChB,UAAAR,QAAA,CACH;AAAA,YAAA;AAAA,UAAA;AAAA,UAGJG,gCAACM,OAAAA,OAAI,OAAO,EAAE,UAAU,GAAG,MAAM,KAC/B,UAAA;AAAA,YAAAV,2BAAAA,IAACS,KAAAA,MAAA,EAAK,IAAI,KAAK,IAAIE,qBAAAA,qBAAqB,WAAW,GAAGR,MAAAA,cAAc,GAAG,GAAG,IAAI,KAC3E,UAAA,OACH;AAAA,YACC,eACCH,2BAAAA,IAACS,KAAAA,MAAA,EAAK,MAAK,MAAK,GAAGN,MAAAA,cAAc,GAAG,GAAG,IAAI,KAAK,IAAI,GACjD,UAAA,YAAA,CACH;AAAA,UAAA,EAAA,CAEJ;AAAA,QAAA,GACF;AAAA,QACAH,+BAACU,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.js

@@ -4,6 +4,7 @@ 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 { responsiveTypography } from "../../../theme/responsiveTypography.js";
 const DefaultCheckIcon = () => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -57,7 +58,7 @@ function StepCard({
             }
           ),
           /* @__PURE__ */ jsxs(Box, { style: { minWidth: 0, flex: 1 }, children: [
-            /* @__PURE__ */ jsx(Text, { fw: 700, fz: { base: 17, sm: 19 }, c: neutralColors[900], lh: 1.3, children: title }),
+            /* @__PURE__ */ jsx(Text, { fw: 700, fz: responsiveTypography.cardTitle, c: neutralColors[900], lh: 1.3, children: title }),
             description && /* @__PURE__ */ jsx(Text, { size: "sm", c: neutralColors[600], lh: 1.5, mt: 4, children: description })
           ] })
         ] }),

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 { brandColors, neutralColors } 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: \"white\",\n        border: `1px solid ${neutralColors[200]}`,\n      }}\n    >\n      <Stack gap=\"md\">\n        <Group gap=\"md\" align=\"flex-start\" wrap=\"nowrap\">\n          <ThemeIcon\n            size={32}\n            radius=\"md\"\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 ? brandColors.indigo : neutralColors[100],\n              color: done ? \"white\" : neutralColors[600],\n              border: done ? undefined : `1px solid ${neutralColors[200]}`,\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 fw={700} fz={{ base: 17, sm: 19 }} c={neutralColors[900]} lh={1.3}>\n              {title}\n            </Text>\n            {description && (\n              <Text size=\"sm\" c={neutralColors[600]} 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,QACZ,QAAQ,aAAa,cAAc,GAAG,CAAC;AAAA,MAAA;AAAA,MAGzC,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,OAAO,YAAY,SAAS,cAAc,GAAG;AAAA,gBACzD,OAAO,OAAO,UAAU,cAAc,GAAG;AAAA,gBACzC,QAAQ,OAAO,SAAY,aAAa,cAAc,GAAG,CAAC;AAAA,cAAA;AAAA,cAG3D,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,oBAAC,QAAK,IAAI,KAAK,IAAI,EAAE,MAAM,IAAI,IAAI,GAAA,GAAM,GAAG,cAAc,GAAG,GAAG,IAAI,KACjE,UAAA,OACH;AAAA,YACC,eACC,oBAAC,MAAA,EAAK,MAAK,MAAK,GAAG,cAAc,GAAG,GAAG,IAAI,KAAK,IAAI,GACjD,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 { brandColors, neutralColors, 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: \"white\",\n        border: `1px solid ${neutralColors[200]}`,\n      }}\n    >\n      <Stack gap=\"md\">\n        <Group gap=\"md\" align=\"flex-start\" wrap=\"nowrap\">\n          <ThemeIcon\n            size={32}\n            radius=\"md\"\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 ? brandColors.indigo : neutralColors[100],\n              color: done ? \"white\" : neutralColors[600],\n              border: done ? undefined : `1px solid ${neutralColors[200]}`,\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 fw={700} fz={responsiveTypography.cardTitle} c={neutralColors[900]} lh={1.3}>\n              {title}\n            </Text>\n            {description && (\n              <Text size=\"sm\" c={neutralColors[600]} 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,QACZ,QAAQ,aAAa,cAAc,GAAG,CAAC;AAAA,MAAA;AAAA,MAGzC,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,OAAO,YAAY,SAAS,cAAc,GAAG;AAAA,gBACzD,OAAO,OAAO,UAAU,cAAc,GAAG;AAAA,gBACzC,QAAQ,OAAO,SAAY,aAAa,cAAc,GAAG,CAAC;AAAA,cAAA;AAAA,cAG3D,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,oBAAC,MAAA,EAAK,IAAI,KAAK,IAAI,qBAAqB,WAAW,GAAG,cAAc,GAAG,GAAG,IAAI,KAC3E,UAAA,OACH;AAAA,YACC,eACC,oBAAC,MAAA,EAAK,MAAK,MAAK,GAAG,cAAc,GAAG,GAAG,IAAI,KAAK,IAAI,GACjD,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/layout/PageHeader/PageHeader.cjs

@@ -5,11 +5,12 @@ 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 Title = require("../../../node_modules/@mantine/core/esm/components/Title/Title.cjs");
+const responsiveTypography = require("../../../theme/responsiveTypography.cjs");
 const Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
 function PageHeader({ title, subtitle, action }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(Group.Group, { justify: "space-between", align: "flex-start", mb: "lg", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(layout.Stack, { gap: 4, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Title.Title, { order: 2, children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx(Title.Title, { order: 2, fz: responsiveTypography.responsiveTypography.h2, children: title }),
       subtitle && /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { c: index.fairmintVars.colorTextSecondary, size: "sm", children: subtitle })
     ] }),
     action

package/dist/components/layout/PageHeader/PageHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.cjs","sources":["../../../../src/components/layout/PageHeader/PageHeader.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { fairmintVars } from \"../../../theme\";\nimport { Group, Stack, Text, Title } from \"../../primitives/layout\";\n\nexport interface PageHeaderProps {\n  title: string;\n  subtitle?: string;\n  action?: ReactNode;\n}\n\nexport function PageHeader({ title, subtitle, action }: PageHeaderProps) {\n  return (\n    <Group justify=\"space-between\" align=\"flex-start\" mb=\"lg\">\n      <Stack gap={4}>\n        <Title order={2}>{title}</Title>\n        {subtitle && (\n          <Text c={fairmintVars.colorTextSecondary} size=\"sm\">\n            {subtitle}\n          </Text>\n        )}\n      </Stack>\n      {action}\n    </Group>\n  );\n}\n"],"names":["Group","jsxs","Stack","jsx","Title","Text","fairmintVars"],"mappings":";;;;;;;;AAUO,SAAS,WAAW,EAAE,OAAO,UAAU,UAA2B;AACvE,yCACGA,aAAA,EAAM,SAAQ,iBAAgB,OAAM,cAAa,IAAG,MACnD,UAAA;AAAA,IAAAC,2BAAAA,KAACC,OAAAA,OAAA,EAAM,KAAK,GACV,UAAA;AAAA,MAAAC,2BAAAA,IAACC,MAAAA,OAAA,EAAM,OAAO,GAAI,UAAA,OAAM;AAAA,MACvB,2CACEC,WAAA,EAAK,GAAGC,MAAAA,aAAa,oBAAoB,MAAK,MAC5C,UAAA,SAAA,CACH;AAAA,IAAA,GAEJ;AAAA,IACC;AAAA,EAAA,GACH;AAEJ;;"}
+{"version":3,"file":"PageHeader.cjs","sources":["../../../../src/components/layout/PageHeader/PageHeader.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { fairmintVars, responsiveTypography } from \"../../../theme\";\nimport { Group, Stack, Text, Title } from \"../../primitives/layout\";\n\nexport interface PageHeaderProps {\n  title: string;\n  subtitle?: string;\n  action?: ReactNode;\n}\n\nexport function PageHeader({ title, subtitle, action }: PageHeaderProps) {\n  return (\n    <Group justify=\"space-between\" align=\"flex-start\" mb=\"lg\">\n      <Stack gap={4}>\n        <Title order={2} fz={responsiveTypography.h2}>\n          {title}\n        </Title>\n        {subtitle && (\n          <Text c={fairmintVars.colorTextSecondary} size=\"sm\">\n            {subtitle}\n          </Text>\n        )}\n      </Stack>\n      {action}\n    </Group>\n  );\n}\n"],"names":["Group","jsxs","Stack","jsx","Title","responsiveTypography","Text","fairmintVars"],"mappings":";;;;;;;;;AAUO,SAAS,WAAW,EAAE,OAAO,UAAU,UAA2B;AACvE,yCACGA,aAAA,EAAM,SAAQ,iBAAgB,OAAM,cAAa,IAAG,MACnD,UAAA;AAAA,IAAAC,2BAAAA,KAACC,OAAAA,OAAA,EAAM,KAAK,GACV,UAAA;AAAA,MAAAC,+BAACC,MAAAA,SAAM,OAAO,GAAG,IAAIC,qBAAAA,qBAAqB,IACvC,UAAA,OACH;AAAA,MACC,2CACEC,WAAA,EAAK,GAAGC,MAAAA,aAAa,oBAAoB,MAAK,MAC5C,UAAA,SAAA,CACH;AAAA,IAAA,GAEJ;AAAA,IACC;AAAA,EAAA,GACH;AAEJ;;"}

package/dist/components/layout/PageHeader/PageHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/PageHeader/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,eAAe,2CActE"}
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/PageHeader/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,eAAe,2CAgBtE"}

package/dist/components/layout/PageHeader/PageHeader.js

@@ -3,11 +3,12 @@ import { fairmintVars } from "../../../theme/index.js";
 import { Stack } from "../../primitives/layout.js";
 import { Group } from "../../../node_modules/@mantine/core/esm/components/Group/Group.js";
 import { Title } from "../../../node_modules/@mantine/core/esm/components/Title/Title.js";
+import { responsiveTypography } from "../../../theme/responsiveTypography.js";
 import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
 function PageHeader({ title, subtitle, action }) {
   return /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", mb: "lg", children: [
     /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
-      /* @__PURE__ */ jsx(Title, { order: 2, children: title }),
+      /* @__PURE__ */ jsx(Title, { order: 2, fz: responsiveTypography.h2, children: title }),
       subtitle && /* @__PURE__ */ jsx(Text, { c: fairmintVars.colorTextSecondary, size: "sm", children: subtitle })
     ] }),
     action

package/dist/components/layout/PageHeader/PageHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.js","sources":["../../../../src/components/layout/PageHeader/PageHeader.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { fairmintVars } from \"../../../theme\";\nimport { Group, Stack, Text, Title } from \"../../primitives/layout\";\n\nexport interface PageHeaderProps {\n  title: string;\n  subtitle?: string;\n  action?: ReactNode;\n}\n\nexport function PageHeader({ title, subtitle, action }: PageHeaderProps) {\n  return (\n    <Group justify=\"space-between\" align=\"flex-start\" mb=\"lg\">\n      <Stack gap={4}>\n        <Title order={2}>{title}</Title>\n        {subtitle && (\n          <Text c={fairmintVars.colorTextSecondary} size=\"sm\">\n            {subtitle}\n          </Text>\n        )}\n      </Stack>\n      {action}\n    </Group>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAUO,SAAS,WAAW,EAAE,OAAO,UAAU,UAA2B;AACvE,8BACG,OAAA,EAAM,SAAQ,iBAAgB,OAAM,cAAa,IAAG,MACnD,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAM,KAAK,GACV,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAM,OAAO,GAAI,UAAA,OAAM;AAAA,MACvB,gCACE,MAAA,EAAK,GAAG,aAAa,oBAAoB,MAAK,MAC5C,UAAA,SAAA,CACH;AAAA,IAAA,GAEJ;AAAA,IACC;AAAA,EAAA,GACH;AAEJ;"}
+{"version":3,"file":"PageHeader.js","sources":["../../../../src/components/layout/PageHeader/PageHeader.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { fairmintVars, responsiveTypography } from \"../../../theme\";\nimport { Group, Stack, Text, Title } from \"../../primitives/layout\";\n\nexport interface PageHeaderProps {\n  title: string;\n  subtitle?: string;\n  action?: ReactNode;\n}\n\nexport function PageHeader({ title, subtitle, action }: PageHeaderProps) {\n  return (\n    <Group justify=\"space-between\" align=\"flex-start\" mb=\"lg\">\n      <Stack gap={4}>\n        <Title order={2} fz={responsiveTypography.h2}>\n          {title}\n        </Title>\n        {subtitle && (\n          <Text c={fairmintVars.colorTextSecondary} size=\"sm\">\n            {subtitle}\n          </Text>\n        )}\n      </Stack>\n      {action}\n    </Group>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAUO,SAAS,WAAW,EAAE,OAAO,UAAU,UAA2B;AACvE,8BACG,OAAA,EAAM,SAAQ,iBAAgB,OAAM,cAAa,IAAG,MACnD,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAM,KAAK,GACV,UAAA;AAAA,MAAA,oBAAC,SAAM,OAAO,GAAG,IAAI,qBAAqB,IACvC,UAAA,OACH;AAAA,MACC,gCACE,MAAA,EAAK,GAAG,aAAa,oBAAoB,MAAK,MAC5C,UAAA,SAAA,CACH;AAAA,IAAA,GAEJ;AAAA,IACC;AAAA,EAAA,GACH;AAEJ;"}

package/dist/components/primitives/Table/Table.cjs

@@ -3,9 +3,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const sx = require("../sx.cjs");
 const Table$1 = require("../../../node_modules/@mantine/core/esm/components/Table/Table.cjs");
-function TableBase({ sx: sx$1, style, ...props }) {
+function TableBase({ responsive = false, sx: sx$1, style, ...props }) {
   const sxStyle = sx.useSxStyle(sx$1);
-  return /* @__PURE__ */ jsxRuntime.jsx(Table$1.Table, { style: { ...sxStyle, ...style }, ...props });
+  const table = /* @__PURE__ */ jsxRuntime.jsx(Table$1.Table, { style: { ...sxStyle, ...style }, ...props });
+  if (!responsive) return table;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fairmint-table-scroll", style: { maxWidth: "100%", overflowX: "auto" }, children: table });
 }
 const Table = Object.assign(TableBase, {
   Thead: Table$1.Table.Thead,

package/dist/components/primitives/Table/Table.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Table.cjs","sources":["../../../../src/components/primitives/Table/Table.tsx"],"sourcesContent":["import { Table as MantineTable, type TableProps as MantineTableProps } from \"@mantine/core\";\nimport { type Sx, useSxStyle } from \"../sx\";\n\nexport interface TableProps extends MantineTableProps {\n  sx?: Sx;\n}\n\nfunction TableBase({ sx, style, ...props }: TableProps) {\n  const sxStyle = useSxStyle(sx);\n\n  return <MantineTable style={{ ...sxStyle, ...style }} {...props} />;\n}\n\nexport const Table = Object.assign(TableBase, {\n  Thead: MantineTable.Thead,\n  Tbody: MantineTable.Tbody,\n  Tr: MantineTable.Tr,\n  Th: MantineTable.Th,\n  Td: MantineTable.Td,\n  Tfoot: MantineTable.Tfoot,\n  Caption: MantineTable.Caption,\n});\n"],"names":["sx","useSxStyle","jsx","MantineTable"],"mappings":";;;;;AAOA,SAAS,UAAU,EAAA,IAAEA,MAAI,OAAO,GAAG,SAAqB;AACtD,QAAM,UAAUC,GAAAA,WAAWD,IAAE;AAE7B,SAAOE,2BAAAA,IAACC,eAAA,EAAa,OAAO,EAAE,GAAG,SAAS,GAAG,MAAA,GAAU,GAAG,OAAO;AACnE;AAEO,MAAM,QAAQ,OAAO,OAAO,WAAW;AAAA,EAC5C,OAAOA,QAAAA,MAAa;AAAA,EACpB,OAAOA,QAAAA,MAAa;AAAA,EACpB,IAAIA,QAAAA,MAAa;AAAA,EACjB,IAAIA,QAAAA,MAAa;AAAA,EACjB,IAAIA,QAAAA,MAAa;AAAA,EACjB,OAAOA,QAAAA,MAAa;AAAA,EACpB,SAASA,QAAAA,MAAa;AACxB,CAAC;;"}
+{"version":3,"file":"Table.cjs","sources":["../../../../src/components/primitives/Table/Table.tsx"],"sourcesContent":["import { Table as MantineTable, type TableProps as MantineTableProps } from \"@mantine/core\";\nimport { type Sx, useSxStyle } from \"../sx\";\n\nexport interface TableProps extends MantineTableProps {\n  /** Wrap the table in a horizontal scroller for narrow layouts. */\n  responsive?: boolean;\n  sx?: Sx;\n}\n\nfunction TableBase({ responsive = false, sx, style, ...props }: TableProps) {\n  const sxStyle = useSxStyle(sx);\n  const table = <MantineTable style={{ ...sxStyle, ...style }} {...props} />;\n\n  if (!responsive) return table;\n\n  return (\n    <div className=\"fairmint-table-scroll\" style={{ maxWidth: \"100%\", overflowX: \"auto\" }}>\n      {table}\n    </div>\n  );\n}\n\nexport const Table = Object.assign(TableBase, {\n  Thead: MantineTable.Thead,\n  Tbody: MantineTable.Tbody,\n  Tr: MantineTable.Tr,\n  Th: MantineTable.Th,\n  Td: MantineTable.Td,\n  Tfoot: MantineTable.Tfoot,\n  Caption: MantineTable.Caption,\n});\n"],"names":["sx","useSxStyle","jsx","MantineTable"],"mappings":";;;;;AASA,SAAS,UAAU,EAAE,aAAa,OAAA,IAAOA,MAAI,OAAO,GAAG,SAAqB;AAC1E,QAAM,UAAUC,GAAAA,WAAWD,IAAE;AAC7B,QAAM,QAAQE,2BAAAA,IAACC,QAAAA,OAAA,EAAa,OAAO,EAAE,GAAG,SAAS,GAAG,SAAU,GAAG,MAAA,CAAO;AAExE,MAAI,CAAC,WAAY,QAAO;AAExB,SACED,2BAAAA,IAAC,OAAA,EAAI,WAAU,yBAAwB,OAAO,EAAE,UAAU,QAAQ,WAAW,OAAA,GAC1E,UAAA,MAAA,CACH;AAEJ;AAEO,MAAM,QAAQ,OAAO,OAAO,WAAW;AAAA,EAC5C,OAAOC,QAAAA,MAAa;AAAA,EACpB,OAAOA,QAAAA,MAAa;AAAA,EACpB,IAAIA,QAAAA,MAAa;AAAA,EACjB,IAAIA,QAAAA,MAAa;AAAA,EACjB,IAAIA,QAAAA,MAAa;AAAA,EACjB,OAAOA,QAAAA,MAAa;AAAA,EACpB,SAASA,QAAAA,MAAa;AACxB,CAAC;;"}

package/dist/components/primitives/Table/Table.d.ts

@@ -1,9 +1,11 @@
 import { TableProps as MantineTableProps } from '@mantine/core';
 import { Sx } from '../sx';
 export interface TableProps extends MantineTableProps {
+    /** Wrap the table in a horizontal scroller for narrow layouts. */
+    responsive?: boolean;
     sx?: Sx;
 }
-declare function TableBase({ sx, style, ...props }: TableProps): import("react/jsx-runtime").JSX.Element;
+declare function TableBase({ responsive, sx, style, ...props }: TableProps): import("react/jsx-runtime").JSX.Element;
 export declare const Table: typeof TableBase & {
     Thead: import('@mantine/core').MantineComponent<{
         props: import('@mantine/core').TableTheadProps;

package/dist/components/primitives/Table/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,UAAU,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAC5F,OAAO,EAAE,KAAK,EAAE,EAAc,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,UAAW,SAAQ,iBAAiB;IACnD,EAAE,CAAC,EAAE,EAAE,CAAC;CACT;AAED,iBAAS,SAAS,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAIrD;AAED,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQhB,CAAC"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,UAAU,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAC5F,OAAO,EAAE,KAAK,EAAE,EAAc,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,UAAW,SAAQ,iBAAiB;IACnD,kEAAkE;IAClE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,EAAE,CAAC,EAAE,EAAE,CAAC;CACT;AAED,iBAAS,SAAS,CAAC,EAAE,UAAkB,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAWzE;AAED,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQhB,CAAC"}

package/dist/components/primitives/Table/Table.js

@@ -1,9 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { useSxStyle } from "../sx.js";
 import { Table as Table$1 } from "../../../node_modules/@mantine/core/esm/components/Table/Table.js";
-function TableBase({ sx, style, ...props }) {
+function TableBase({ responsive = false, sx, style, ...props }) {
   const sxStyle = useSxStyle(sx);
-  return /* @__PURE__ */ jsx(Table$1, { style: { ...sxStyle, ...style }, ...props });
+  const table = /* @__PURE__ */ jsx(Table$1, { style: { ...sxStyle, ...style }, ...props });
+  if (!responsive) return table;
+  return /* @__PURE__ */ jsx("div", { className: "fairmint-table-scroll", style: { maxWidth: "100%", overflowX: "auto" }, children: table });
 }
 const Table = Object.assign(TableBase, {
   Thead: Table$1.Thead,

package/dist/components/primitives/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../../src/components/primitives/Table/Table.tsx"],"sourcesContent":["import { Table as MantineTable, type TableProps as MantineTableProps } from \"@mantine/core\";\nimport { type Sx, useSxStyle } from \"../sx\";\n\nexport interface TableProps extends MantineTableProps {\n  sx?: Sx;\n}\n\nfunction TableBase({ sx, style, ...props }: TableProps) {\n  const sxStyle = useSxStyle(sx);\n\n  return <MantineTable style={{ ...sxStyle, ...style }} {...props} />;\n}\n\nexport const Table = Object.assign(TableBase, {\n  Thead: MantineTable.Thead,\n  Tbody: MantineTable.Tbody,\n  Tr: MantineTable.Tr,\n  Th: MantineTable.Th,\n  Td: MantineTable.Td,\n  Tfoot: MantineTable.Tfoot,\n  Caption: MantineTable.Caption,\n});\n"],"names":["MantineTable"],"mappings":";;;AAOA,SAAS,UAAU,EAAE,IAAI,OAAO,GAAG,SAAqB;AACtD,QAAM,UAAU,WAAW,EAAE;AAE7B,SAAO,oBAACA,SAAA,EAAa,OAAO,EAAE,GAAG,SAAS,GAAG,MAAA,GAAU,GAAG,OAAO;AACnE;AAEO,MAAM,QAAQ,OAAO,OAAO,WAAW;AAAA,EAC5C,OAAOA,QAAa;AAAA,EACpB,OAAOA,QAAa;AAAA,EACpB,IAAIA,QAAa;AAAA,EACjB,IAAIA,QAAa;AAAA,EACjB,IAAIA,QAAa;AAAA,EACjB,OAAOA,QAAa;AAAA,EACpB,SAASA,QAAa;AACxB,CAAC;"}
+{"version":3,"file":"Table.js","sources":["../../../../src/components/primitives/Table/Table.tsx"],"sourcesContent":["import { Table as MantineTable, type TableProps as MantineTableProps } from \"@mantine/core\";\nimport { type Sx, useSxStyle } from \"../sx\";\n\nexport interface TableProps extends MantineTableProps {\n  /** Wrap the table in a horizontal scroller for narrow layouts. */\n  responsive?: boolean;\n  sx?: Sx;\n}\n\nfunction TableBase({ responsive = false, sx, style, ...props }: TableProps) {\n  const sxStyle = useSxStyle(sx);\n  const table = <MantineTable style={{ ...sxStyle, ...style }} {...props} />;\n\n  if (!responsive) return table;\n\n  return (\n    <div className=\"fairmint-table-scroll\" style={{ maxWidth: \"100%\", overflowX: \"auto\" }}>\n      {table}\n    </div>\n  );\n}\n\nexport const Table = Object.assign(TableBase, {\n  Thead: MantineTable.Thead,\n  Tbody: MantineTable.Tbody,\n  Tr: MantineTable.Tr,\n  Th: MantineTable.Th,\n  Td: MantineTable.Td,\n  Tfoot: MantineTable.Tfoot,\n  Caption: MantineTable.Caption,\n});\n"],"names":["MantineTable"],"mappings":";;;AASA,SAAS,UAAU,EAAE,aAAa,OAAO,IAAI,OAAO,GAAG,SAAqB;AAC1E,QAAM,UAAU,WAAW,EAAE;AAC7B,QAAM,QAAQ,oBAACA,SAAA,EAAa,OAAO,EAAE,GAAG,SAAS,GAAG,SAAU,GAAG,MAAA,CAAO;AAExE,MAAI,CAAC,WAAY,QAAO;AAExB,SACE,oBAAC,OAAA,EAAI,WAAU,yBAAwB,OAAO,EAAE,UAAU,QAAQ,WAAW,OAAA,GAC1E,UAAA,MAAA,CACH;AAEJ;AAEO,MAAM,QAAQ,OAAO,OAAO,WAAW;AAAA,EAC5C,OAAOA,QAAa;AAAA,EACpB,OAAOA,QAAa;AAAA,EACpB,IAAIA,QAAa;AAAA,EACjB,IAAIA,QAAa;AAAA,EACjB,IAAIA,QAAa;AAAA,EACjB,OAAOA,QAAa;AAAA,EACpB,SAASA,QAAa;AACxB,CAAC;"}

package/dist/fairmint-ui.cjs

@@ -125,6 +125,7 @@ const ThemeIcon = require("./node_modules/@mantine/core/esm/components/ThemeIcon
 const Title = require("./node_modules/@mantine/core/esm/components/Title/Title.cjs");
 const UnstyledButton = require("./node_modules/@mantine/core/esm/components/UnstyledButton/UnstyledButton.cjs");
 const fontSizes = require("./theme/fontSizes.cjs");
+const responsiveTypography = require("./theme/responsiveTypography.cjs");
 const spacing = require("./theme/spacing.cjs");
 const useClickOutside = require("./node_modules/@mantine/hooks/esm/use-click-outside/use-click-outside.cjs");
 const useClipboard = require("./node_modules/@mantine/hooks/esm/use-clipboard/use-clipboard.cjs");
@@ -527,6 +528,7 @@ exports.ThemeIcon = ThemeIcon.ThemeIcon;
 exports.Title = Title.Title;
 exports.UnstyledButton = UnstyledButton.UnstyledButton;
 exports.fontSizes = fontSizes.fontSizes;
+exports.responsiveTypography = responsiveTypography.responsiveTypography;
 exports.spacing = spacing.spacing;
 exports.useClickOutside = useClickOutside.useClickOutside;
 exports.useClipboard = useClipboard.useClipboard;

package/dist/fairmint-ui.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"fairmint-ui.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"fairmint-ui.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/fairmint-ui.js

@@ -123,6 +123,7 @@ import { ThemeIcon } from "./node_modules/@mantine/core/esm/components/ThemeIcon
 import { Title } from "./node_modules/@mantine/core/esm/components/Title/Title.js";
 import { UnstyledButton } from "./node_modules/@mantine/core/esm/components/UnstyledButton/UnstyledButton.js";
 import { fontSizes } from "./theme/fontSizes.js";
+import { responsiveTypography } from "./theme/responsiveTypography.js";
 import { spacing } from "./theme/spacing.js";
 import { useClickOutside } from "./node_modules/@mantine/hooks/esm/use-click-outside/use-click-outside.js";
 import { useClipboard } from "./node_modules/@mantine/hooks/esm/use-clipboard/use-clipboard.js";
@@ -509,6 +510,7 @@ export {
   phoneSchema,
   radii,
   responsiveFontSizes,
+  responsiveTypography,
   semanticColors,
   shadowColor,
   spacing,

package/dist/fairmint-ui.js.map

@@ -1 +1 @@
-{"version":3,"file":"fairmint-ui.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"fairmint-ui.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.d.ts

@@ -32,7 +32,7 @@ export type { ZipFieldProps, ZipSchemaOptions } from './components/form/ZipField
 export { createZipSchema, ZipField, zipSchema } from './components/form/ZipField/ZipField';
 export type { AnimateInDirection, AnimateInProps } from './components/generic/AnimateIn/AnimateIn';
 export { AnimateIn } from './components/generic/AnimateIn/AnimateIn';
-export type { BannerActionProps, BannerPresentation, BannerProps, BannerTone, } from './components/generic/Banner/Banner';
+export type { BannerActionProps, BannerActions, BannerPresentation, BannerProps, BannerTone, } from './components/generic/Banner/Banner';
 export { Banner } from './components/generic/Banner/Banner';
 export type { ClickableCardProps } from './components/generic/ClickableCard/ClickableCard';
 export { ClickableCard } from './components/generic/ClickableCard/ClickableCard';
@@ -148,8 +148,8 @@ export { MOBILE_BREAKPOINT, useIsMobile } from './hooks/useIsMobile';
 export { TABLET_BREAKPOINT, useIsTablet } from './hooks/useIsTablet';
 export { notify } from './notify';
 export { closeSnackbar, enqueueSnackbar, useSnackbar } from './snackbarCompat';
-export type { AvatarPaletteColor, FairmintColor, FairmintFontSize, FairmintSpacing } from './theme';
-export { AVATAR_PALETTE, brandColors, colors, commonColors, createFairmintMantineProviderProps, fairmintCssVariables, fairmintVars, fontSizes, neutralColors, radii, semanticColors, shadowColor, spacing, theme, typography, } from './theme';
+export type { AvatarPaletteColor, FairmintColor, FairmintFontSize, FairmintResponsiveTypography, FairmintSpacing, } from './theme';
+export { AVATAR_PALETTE, brandColors, colors, commonColors, createFairmintMantineProviderProps, fairmintCssVariables, fairmintVars, fontSizes, neutralColors, radii, responsiveTypography, semanticColors, shadowColor, spacing, theme, typography, } from './theme';
 export { ETHEREUM_ADDRESS_REGEX, isEthereumAddress, truncateAddress, validateEthereumAddress, ZERO_ETHEREUM_ADDRESS, } from './utils/address';
 export { getAvatarColor, getInitials } from './utils/avatar';
 export { getLogoFilter, isLightColor } from './utils/color';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}