@fairmint/ui 0.3.10 → 0.3.11

package/dist/theme/index.cjs

@@ -20,7 +20,7 @@ const indigo = [
   "#4F46E5",
   "#4338CA",
   "#3730A3",
-  "#312E81"
+  "#253974"
 ];
 const neutral = [
   "#F8F9FA",
@@ -34,6 +34,49 @@ const neutral = [
   "#1C2536",
   "#111927"
 ];
+const darkNeutral = [
+  "#FFFFFF",
+  "#E7E9F0",
+  "#B8C2D0",
+  "#9DA4AE",
+  "#8F99AB",
+  "#6C737F",
+  "#2F3746",
+  "#1B1D21",
+  "#17191D",
+  "#111214"
+];
+const charcoalDark = {
+  canvas: "#111214",
+  surface: "#17191D",
+  chrome: "#1B1D21",
+  control: "#202329",
+  selected: "#2F3746",
+  brandSubtle: "#111927",
+  textPrimary: "#FFFFFF",
+  textSecondary: "#9DA4AE",
+  textTertiary: "#8F99AB",
+  textDisabled: "#6C737F",
+  iconSecondary: "#B8C2D0",
+  border: "#2F3746",
+  focus: "#A5B4FC",
+  primary: "#6366F1",
+  primaryHover: "#818CF8",
+  primaryActive: "#A5B4FC",
+  successBg: "#163E38",
+  successText: "#6FE3BE",
+  successBorder: "#2F3746",
+  successSolid: "#34D399",
+  successSolidHover: "#6FE3BE",
+  warningBg: "#402A12",
+  warningText: "#FDB022",
+  warningBorder: "#6E4515",
+  warningSolid: "#DC6803",
+  warningSolidHover: "#E5A34A",
+  infoBg: "#172B45",
+  infoText: "#22CCEE",
+  infoBorder: "#23476B"
+};
 const fairmintBlue = [
   "#e6f0ff",
   "#cce0ff",
@@ -112,7 +155,23 @@ const typography = {
 };
 const theme = createTheme.createTheme({
   primaryColor: "indigo",
-  colors: { indigo, gray: neutral, fairmintBlue, fairmintPurple, success, warning, error, info },
+  // Mantine defaults to a darker shade for dark-mode filled/light variants
+  // (primaryShade: { light: 6, dark: 8 }), but our brand indigo (index 5,
+  // #6366F1) is the same accent in both color schemes — pin a single shade
+  // so unwrapped Mantine components (color="indigo") don't drift into a
+  // different, more saturated purple in dark mode.
+  primaryShade: 5,
+  colors: {
+    indigo,
+    gray: neutral,
+    darkGray: darkNeutral,
+    fairmintBlue,
+    fairmintPurple,
+    success,
+    warning,
+    error,
+    info
+  },
   fontFamily: typography.fontFamily,
   headings: {
     fontFamily: typography.headingFontFamily,
@@ -146,6 +205,9 @@ const theme = createTheme.createTheme({
         }
       }
     },
+    Input: {
+      classNames: { input: "fairmint-input" }
+    },
     TextInput: {
       defaultProps: { size: "md" }
     },
@@ -189,58 +251,284 @@ const fairmintCssVariables = () => ({
     "--fairmint-interactive-focus-ring": indigo[5]
   },
   light: {
+    "--fairmint-interactive-focus-ring": indigo[5],
+    "--fairmint-color-bg-canvas": commonColors.white,
+    "--fairmint-color-bg-surface": commonColors.white,
+    "--fairmint-color-bg-surface-secondary": neutral[0],
+    "--fairmint-color-bg-hover": neutral[0],
+    "--fairmint-color-bg-selected": indigo[0],
+    "--fairmint-color-bg-brand-subtle": indigo[0],
+    "--fairmint-color-bg-brand-subtle-hover": indigo[1],
+    "--fairmint-color-bg-disabled": neutral[2],
     "--fairmint-watermark-color": neutral[1],
     "--fairmint-color-text-primary": neutral[9],
     "--fairmint-color-text-secondary": neutral[5],
     "--fairmint-color-text-tertiary": neutral[4],
+    "--fairmint-color-text-inverse": commonColors.white,
+    "--fairmint-color-text-disabled": neutral[6],
+    "--fairmint-color-icon-primary": neutral[9],
+    "--fairmint-color-icon-secondary": neutral[5],
+    "--fairmint-color-icon-tertiary": neutral[4],
+    "--fairmint-color-icon-inverse": commonColors.white,
+    "--fairmint-color-icon-disabled": neutral[6],
+    "--fairmint-color-border-default": neutral[2],
+    "--fairmint-color-border-focus": indigo[5],
+    "--fairmint-color-border-disabled": neutral[3],
+    "--fairmint-color-brand-primary": indigo[6],
+    "--fairmint-color-brand-primary-hover": indigo[7],
+    "--fairmint-color-brand-primary-active": indigo[7],
+    "--fairmint-color-brand-blue": fairmintBlue[5],
+    "--fairmint-color-brand-purple": fairmintPurple[5],
+    "--fairmint-color-watermark": neutral[1],
     "--fairmint-color-surface-selected": indigo[0],
     "--fairmint-color-icon-on-surface-selected": indigo[6],
-    "--fairmint-color-bg-surface": "#ffffff",
-    "--fairmint-color-bg-surface-secondary": neutral[0],
-    "--fairmint-color-border-default": neutral[2],
     "--fairmint-interactive-hover-shadow": `0 2px 6px ${neutral[9]}0F`,
-    "--fairmint-interactive-hover-bg": neutral[0]
+    "--fairmint-interactive-hover-bg": neutral[0],
+    "--fairmint-color-success-bg": success[0],
+    "--fairmint-color-success-text": success[7],
+    "--fairmint-color-success-border": success[2],
+    "--fairmint-color-success-solid": success[7],
+    "--fairmint-color-success-solid-hover": success[7],
+    "--fairmint-color-warning-bg": warning[0],
+    "--fairmint-color-warning-text": warning[7],
+    "--fairmint-color-warning-border": warning[2],
+    "--fairmint-color-warning-solid": warning[7],
+    "--fairmint-color-warning-solid-hover": warning[7],
+    "--fairmint-color-error-bg": error[0],
+    "--fairmint-color-error-bg-subtle": error[1],
+    "--fairmint-color-error-text": error[7],
+    "--fairmint-color-error-border": error[2],
+    "--fairmint-color-error-solid": error[7],
+    "--fairmint-color-error-solid-hover": error[8],
+    "--fairmint-color-error-solid-muted": error[4],
+    "--fairmint-color-info-bg": info[0],
+    "--fairmint-color-info-text": info[7],
+    "--fairmint-color-info-border": info[2],
+    "--fairmint-color-info-solid": info[7],
+    "--fairmint-color-info-solid-hover": info[7]
   },
   dark: {
-    "--fairmint-watermark-color": neutral[7],
-    "--fairmint-color-text-primary": neutral[0],
-    "--fairmint-color-text-secondary": neutral[4],
-    "--fairmint-color-text-tertiary": neutral[5],
-    // Approved charcoal dark-mode values from PR #88 (agent/fairmint-ui-dark-mode-storybook),
-    // copied ahead of that merge so token names/values match and don't drift or conflict.
-    // "selected" reuses the same muted slate as "border" in #88's palette — a
-    // saturated indigo[9] fill here reads as too bold/inconsistent with the
-    // rest of the muted charcoal scale.
-    "--fairmint-color-surface-selected": "#2F3746",
+    "--fairmint-interactive-focus-ring": charcoalDark.focus,
+    "--fairmint-color-bg-canvas": charcoalDark.canvas,
+    "--fairmint-color-bg-surface": charcoalDark.surface,
+    "--fairmint-color-bg-surface-secondary": charcoalDark.chrome,
+    "--fairmint-color-bg-hover": charcoalDark.control,
+    "--fairmint-color-bg-selected": charcoalDark.selected,
+    "--fairmint-color-bg-brand-subtle": charcoalDark.brandSubtle,
+    "--fairmint-color-bg-brand-subtle-hover": charcoalDark.control,
+    "--fairmint-color-bg-disabled": charcoalDark.control,
+    "--fairmint-watermark-color": charcoalDark.control,
+    "--fairmint-color-text-primary": charcoalDark.textPrimary,
+    "--fairmint-color-text-secondary": charcoalDark.textSecondary,
+    "--fairmint-color-text-tertiary": charcoalDark.textTertiary,
+    "--fairmint-color-text-inverse": neutral[9],
+    "--fairmint-color-text-disabled": charcoalDark.textDisabled,
+    "--fairmint-color-icon-primary": charcoalDark.textPrimary,
+    "--fairmint-color-icon-secondary": charcoalDark.iconSecondary,
+    "--fairmint-color-icon-tertiary": charcoalDark.textTertiary,
+    "--fairmint-color-icon-inverse": charcoalDark.textPrimary,
+    "--fairmint-color-icon-disabled": charcoalDark.textDisabled,
+    "--fairmint-color-border-default": charcoalDark.border,
+    "--fairmint-color-border-focus": charcoalDark.focus,
+    "--fairmint-color-border-disabled": charcoalDark.border,
+    "--fairmint-color-brand-primary": charcoalDark.primary,
+    "--fairmint-color-brand-primary-hover": charcoalDark.primaryHover,
+    "--fairmint-color-brand-primary-active": charcoalDark.primaryActive,
+    "--fairmint-color-brand-blue": fairmintBlue[5],
+    "--fairmint-color-brand-purple": fairmintPurple[5],
+    "--fairmint-color-watermark": charcoalDark.control,
+    "--fairmint-color-surface-selected": charcoalDark.selected,
     // indigo[6] (the light-mode value) is too dark to read against the
     // dark selected surface — use a light indigo instead.
     "--fairmint-color-icon-on-surface-selected": indigo[2],
-    "--fairmint-color-bg-surface": "#17191D",
-    "--fairmint-color-bg-surface-secondary": "#1B1D21",
-    "--fairmint-color-border-default": "#2F3746",
-    "--fairmint-interactive-hover-shadow": `0 2px 6px ${neutral[0]}1A`,
-    "--fairmint-interactive-hover-bg": neutral[8]
+    "--fairmint-interactive-hover-shadow": "0 2px 6px #00000066",
+    "--fairmint-interactive-hover-bg": charcoalDark.surface,
+    "--fairmint-color-success-bg": charcoalDark.successBg,
+    "--fairmint-color-success-text": charcoalDark.successText,
+    "--fairmint-color-success-border": charcoalDark.successBorder,
+    "--fairmint-color-success-solid": charcoalDark.successSolid,
+    "--fairmint-color-success-solid-hover": charcoalDark.successSolidHover,
+    "--fairmint-color-warning-bg": charcoalDark.warningBg,
+    "--fairmint-color-warning-text": charcoalDark.warningText,
+    "--fairmint-color-warning-border": charcoalDark.warningBorder,
+    "--fairmint-color-warning-solid": charcoalDark.warningSolid,
+    "--fairmint-color-warning-solid-hover": charcoalDark.warningSolidHover,
+    "--fairmint-color-error-bg": error[9],
+    "--fairmint-color-error-bg-subtle": error[8],
+    "--fairmint-color-error-text": error[2],
+    "--fairmint-color-error-border": error[7],
+    "--fairmint-color-error-solid": error[7],
+    "--fairmint-color-error-solid-hover": error[8],
+    "--fairmint-color-error-solid-muted": error[5],
+    "--fairmint-color-info-bg": charcoalDark.infoBg,
+    "--fairmint-color-info-text": charcoalDark.infoText,
+    "--fairmint-color-info-border": charcoalDark.infoBorder,
+    "--fairmint-color-info-solid": charcoalDark.primary,
+    "--fairmint-color-info-solid-hover": charcoalDark.primaryHover,
+    // Mantine primitives used by the shared component wrappers. These keep
+    // Button, Badge, Alert, Loader, and form controls on the same semantic
+    // roles instead of falling back to Mantine's default dark palette.
+    "--mantine-color-body": charcoalDark.canvas,
+    "--mantine-color-text": charcoalDark.textPrimary,
+    "--mantine-color-bright": charcoalDark.textPrimary,
+    "--mantine-color-dimmed": charcoalDark.textSecondary,
+    "--mantine-color-placeholder": "#969BA5",
+    "--mantine-color-default": charcoalDark.surface,
+    "--mantine-color-default-hover": charcoalDark.control,
+    "--mantine-color-default-color": charcoalDark.textPrimary,
+    "--mantine-color-default-border": charcoalDark.border,
+    "--mantine-color-disabled": charcoalDark.control,
+    "--mantine-color-disabled-color": charcoalDark.textDisabled,
+    "--mantine-color-disabled-border": charcoalDark.border,
+    "--mantine-primary-color-filled": charcoalDark.primary,
+    "--mantine-primary-color-filled-hover": charcoalDark.primaryHover,
+    "--mantine-primary-color-light": charcoalDark.brandSubtle,
+    "--mantine-primary-color-light-hover": charcoalDark.control,
+    "--mantine-primary-color-light-color": charcoalDark.primaryActive,
+    "--mantine-primary-color-3": charcoalDark.primaryActive,
+    "--mantine-primary-color-4": charcoalDark.primaryActive,
+    "--mantine-primary-color-6": charcoalDark.primary,
+    "--mantine-primary-color-7": charcoalDark.primaryHover,
+    "--mantine-primary-color-8": charcoalDark.primaryHover,
+    "--mantine-primary-color-9": charcoalDark.brandSubtle,
+    "--mantine-color-indigo-3": charcoalDark.primaryActive,
+    "--mantine-color-indigo-4": charcoalDark.primaryActive,
+    "--mantine-color-indigo-6": charcoalDark.primary,
+    "--mantine-color-indigo-7": charcoalDark.primaryHover,
+    "--mantine-color-indigo-8": charcoalDark.primaryHover,
+    "--mantine-color-indigo-9": charcoalDark.brandSubtle,
+    "--mantine-color-indigo-text": charcoalDark.primaryActive,
+    "--mantine-color-indigo-filled": charcoalDark.primary,
+    "--mantine-color-indigo-filled-hover": charcoalDark.primaryHover,
+    "--mantine-color-indigo-light": charcoalDark.brandSubtle,
+    "--mantine-color-indigo-light-hover": charcoalDark.control,
+    "--mantine-color-indigo-light-color": charcoalDark.primaryActive,
+    "--mantine-color-indigo-outline": charcoalDark.focus,
+    "--mantine-color-indigo-outline-hover": charcoalDark.control,
+    "--mantine-color-gray-light": charcoalDark.control,
+    "--mantine-color-gray-light-color": charcoalDark.textSecondary,
+    "--mantine-color-gray-filled": charcoalDark.border,
+    "--mantine-color-gray-filled-hover": charcoalDark.iconSecondary,
+    "--mantine-color-gray-4": charcoalDark.iconSecondary,
+    "--mantine-color-gray-5": charcoalDark.textTertiary,
+    "--mantine-color-gray-6": charcoalDark.textSecondary,
+    "--mantine-color-gray-7": charcoalDark.border,
+    "--mantine-color-gray-8": charcoalDark.chrome,
+    "--mantine-color-gray-9": charcoalDark.canvas,
+    "--mantine-color-success-light": charcoalDark.successBg,
+    "--mantine-color-success-light-color": charcoalDark.successText,
+    "--mantine-color-success-filled": charcoalDark.successSolid,
+    "--mantine-color-success-filled-hover": charcoalDark.successSolidHover,
+    "--mantine-color-warning-light": charcoalDark.warningBg,
+    "--mantine-color-warning-light-color": charcoalDark.warningText,
+    "--mantine-color-warning-filled": charcoalDark.warningSolid,
+    "--mantine-color-warning-filled-hover": charcoalDark.warningSolidHover,
+    "--mantine-color-info-light": charcoalDark.infoBg,
+    "--mantine-color-info-light-color": charcoalDark.infoText,
+    "--mantine-color-info-filled": charcoalDark.primary,
+    "--mantine-color-info-filled-hover": charcoalDark.primaryHover,
+    "--mantine-color-error-2": error[2],
+    "--mantine-color-error-3": error[3],
+    "--mantine-color-error-4": error[4],
+    "--mantine-color-error-6": error[6],
+    "--mantine-color-error-7": error[7],
+    "--mantine-color-error-8": error[8],
+    "--mantine-color-error-9": error[9],
+    "--mantine-color-error-text": error[2],
+    "--mantine-color-error-filled": error[7],
+    "--mantine-color-error-filled-hover": error[6],
+    "--mantine-color-error-light": error[9],
+    "--mantine-color-error-light-hover": error[8],
+    "--mantine-color-error-light-color": error[2],
+    "--mantine-color-error-outline": error[7],
+    "--mantine-color-error-outline-hover": error[8]
   }
 });
+const fairmintVar = (name, fallback) => `var(--fairmint-${name}, ${fallback})`;
 const fairmintVars = {
+  /** Canvas background for the app shell. */
+  colorBgCanvas: fairmintVar("color-bg-canvas", "#ffffff"),
+  /** Primary raised surface. */
+  colorBgSurface: fairmintVar("color-bg-surface", "#ffffff"),
+  /** Secondary surface used for fields, rows, and subtle containers. */
+  colorBgSurfaceSecondary: fairmintVar("color-bg-surface-secondary", neutral[0]),
+  /** Hover surface. */
+  colorBgHover: fairmintVar("color-bg-hover", neutral[0]),
+  /** Selected surface. */
+  colorBgSelected: fairmintVar("color-bg-selected", indigo[0]),
+  /** Subtle brand surface. */
+  colorBgBrandSubtle: fairmintVar("color-bg-brand-subtle", indigo[0]),
+  /** Hovered subtle brand surface. */
+  colorBgBrandSubtleHover: fairmintVar("color-bg-brand-subtle-hover", indigo[1]),
+  /** Disabled surface. */
+  colorBgDisabled: fairmintVar("color-bg-disabled", neutral[2]),
   /** Primary body/heading text — titles on tinted surfaces (Chip Banner). */
   colorTextPrimary: `var(--fairmint-color-text-primary, ${neutral[9]})`,
   /** Secondary / muted text — subtitles, supporting labels. Adapts to color scheme. */
   colorTextSecondary: `var(--fairmint-color-text-secondary, ${neutral[5]})`,
   /** Tertiary / faint text — timestamps, metadata. Adapts to color scheme. */
   colorTextTertiary: `var(--fairmint-color-text-tertiary, ${neutral[4]})`,
+  /** Text on filled controls. */
+  colorTextInverse: fairmintVar("color-text-inverse", "#ffffff"),
+  /** Disabled text. */
+  colorTextDisabled: fairmintVar("color-text-disabled", neutral[6]),
+  /** Primary icon and stroke color. */
+  colorIconPrimary: fairmintVar("color-icon-primary", neutral[9]),
+  /** Secondary icon and stroke color. */
+  colorIconSecondary: fairmintVar("color-icon-secondary", neutral[5]),
+  /** Tertiary icon and stroke color. */
+  colorIconTertiary: fairmintVar("color-icon-tertiary", neutral[4]),
+  /** Icon color on filled or dark surfaces. */
+  colorIconInverse: fairmintVar("color-icon-inverse", "#ffffff"),
+  /** Disabled icon and stroke color. */
+  colorIconDisabled: fairmintVar("color-icon-disabled", neutral[6]),
+  /** Default border. */
+  colorBorderDefault: fairmintVar("color-border-default", neutral[2]),
+  /** Focus border/ring color. */
+  colorBorderFocus: fairmintVar("color-border-focus", indigo[5]),
+  /** Disabled border. */
+  colorBorderDisabled: fairmintVar("color-border-disabled", neutral[3]),
+  /** Brand action color. */
+  colorBrandPrimary: fairmintVar("color-brand-primary", indigo[6]),
+  /** Hovered brand action color. */
+  colorBrandPrimaryHover: fairmintVar("color-brand-primary-hover", indigo[7]),
+  /** Pressed brand action color. */
+  colorBrandPrimaryActive: fairmintVar("color-brand-primary-active", indigo[7]),
+  /** Fairmint blue brand accent. */
+  colorBrandBlue: fairmintVar("color-brand-blue", fairmintBlue[5]),
+  /** Fairmint purple brand accent. */
+  colorBrandPurple: fairmintVar("color-brand-purple", fairmintPurple[5]),
   /** Background tint for selected / active rows. Adapts to color scheme. */
   colorSurfaceSelected: `var(--fairmint-color-surface-selected, ${indigo[0]})`,
   /** Icon/text drawn on top of colorSurfaceSelected (e.g. a checkmark in a selected badge). Adapts to color scheme. */
   colorIconOnSurfaceSelected: `var(--fairmint-color-icon-on-surface-selected, ${indigo[6]})`,
-  /** Primary raised surface (cards/panels). Adapts to color scheme. Matches PR #88's naming. */
-  colorBgSurface: "var(--fairmint-color-bg-surface, #ffffff)",
-  /** Secondary surface for fields/rows/badges on a card. Adapts to color scheme. Matches PR #88's naming. */
-  colorBgSurfaceSecondary: `var(--fairmint-color-bg-surface-secondary, ${neutral[0]})`,
-  /** Default hairline border for cards/panels. Adapts to color scheme. Matches PR #88's naming. */
-  colorBorderDefault: `var(--fairmint-color-border-default, ${neutral[2]})`,
+  /** Semantic status roles. */
+  colorSuccessBg: fairmintVar("color-success-bg", success[0]),
+  colorSuccessText: fairmintVar("color-success-text", success[7]),
+  colorSuccessBorder: fairmintVar("color-success-border", success[2]),
+  colorSuccessSolid: fairmintVar("color-success-solid", success[7]),
+  colorSuccessSolidHover: fairmintVar("color-success-solid-hover", success[7]),
+  colorWarningBg: fairmintVar("color-warning-bg", warning[0]),
+  colorWarningText: fairmintVar("color-warning-text", warning[7]),
+  colorWarningBorder: fairmintVar("color-warning-border", warning[2]),
+  colorWarningSolid: fairmintVar("color-warning-solid", warning[7]),
+  colorWarningSolidHover: fairmintVar("color-warning-solid-hover", warning[7]),
+  colorErrorBg: fairmintVar("color-error-bg", error[0]),
+  colorErrorBgSubtle: fairmintVar("color-error-bg-subtle", error[1]),
+  colorErrorText: fairmintVar("color-error-text", error[7]),
+  colorErrorBorder: fairmintVar("color-error-border", error[2]),
+  colorErrorSolid: fairmintVar("color-error-solid", error[5]),
+  colorErrorSolidHover: fairmintVar("color-error-solid-hover", error[6]),
+  colorErrorSolidMuted: fairmintVar("color-error-solid-muted", error[4]),
+  colorInfoBg: fairmintVar("color-info-bg", info[0]),
+  colorInfoText: fairmintVar("color-info-text", info[7]),
+  colorInfoBorder: fairmintVar("color-info-border", info[2]),
+  colorInfoSolid: fairmintVar("color-info-solid", info[7]),
+  colorInfoSolidHover: fairmintVar("color-info-solid-hover", info[7]),
+  /** Decorative watermark color. */
+  colorWatermark: fairmintVar("color-watermark", neutral[1]),
   /** Large decorative watermark on error/empty pages. Adapts to color scheme. */
-  watermarkColor: `var(--fairmint-watermark-color, ${neutral[1]})`,
+  watermarkColor: fairmintVar("color-watermark", neutral[1]),
   /** Heading font family (Plus Jakarta Sans). */
   fontHeadings: `var(--fairmint-font-headings, ${typography.headingFontFamily})`,
   /** Body font family (Inter). */
@@ -290,6 +578,18 @@ const neutralColors = {
   800: "#1C2536",
   900: "#111927"
 };
+const darkNeutralColors = {
+  50: "#F5F7FA",
+  100: "#E2E7ED",
+  200: "#B8C2D0",
+  300: "#8D99A8",
+  400: "#748093",
+  500: "#5C687A",
+  600: "#2F3746",
+  700: "#1F2A39",
+  800: "#1B2431",
+  900: "#0F141C"
+};
 const semanticColors = {
   success: "#10B981",
   warning: "#F79009",
@@ -301,6 +601,7 @@ exports.spacing = spacing.spacing;
 exports.brandColors = brandColors;
 exports.commonColors = commonColors;
 exports.createFairmintMantineProviderProps = createFairmintMantineProviderProps;
+exports.darkNeutralColors = darkNeutralColors;
 exports.fairmintCssVariables = fairmintCssVariables;
 exports.fairmintVars = fairmintVars;
 exports.indigoColors = indigoColors;

package/dist/theme/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/theme/index.ts"],"sourcesContent":["import { type CSSVariablesResolver, createTheme, type MantineColorsTuple } from \"@mantine/core\";\nimport { fontSizes } from \"./fontSizes\";\nimport { spacing } from \"./spacing\";\n\n/**\n * Fairmint radius scale — single source of truth used by both the Mantine\n * theme config and the exported `radii` constant. Edit here; both stay in sync.\n */\nexport const radii = {\n  xs: \"0.25rem\",\n  sm: \"0.375rem\",\n  md: \"0.5rem\",\n  lg: \"0.75rem\",\n  xl: \"1rem\",\n} as const;\n\n/**\n * Indigo palette — primary UI color.\n * Used for buttons, links, active navigation, focus rings.\n * Shade [5] (#6366F1) is the default primary.\n */\nconst indigo: MantineColorsTuple = [\n  \"#EEF2FF\",\n  \"#E0E7FF\",\n  \"#C7D2FE\",\n  \"#A5B4FC\",\n  \"#818CF8\",\n  \"#6366F1\",\n  \"#4F46E5\",\n  \"#4338CA\",\n  \"#3730A3\",\n  \"#312E81\",\n];\n\n/**\n * Neutral scale — replaces Mantine's default gray.\n * Used for text, borders, backgrounds, disabled states.\n */\nconst neutral: MantineColorsTuple = [\n  \"#F8F9FA\",\n  \"#F3F4F6\",\n  \"#E5E7EB\",\n  \"#D2D6DB\",\n  \"#9DA4AE\",\n  \"#6C737F\",\n  \"#4D5761\",\n  \"#2F3746\",\n  \"#1C2536\",\n  \"#111927\",\n];\n\n/**\n * Fairmint brand blue — accent color for gradients and brand elements.\n * Shade [5] (#0A4EFB) is the primary brand blue.\n *\n * NOTE: design/README.md lists #2D00F7 as Fairmint Blue.\n * This library uses #0A4EFB (production value from investorv2).\n */\nconst fairmintBlue: MantineColorsTuple = [\n  \"#e6f0ff\",\n  \"#cce0ff\",\n  \"#99c2ff\",\n  \"#66a3ff\",\n  \"#3385ff\",\n  \"#0A4EFB\",\n  \"#083ec9\",\n  \"#062e97\",\n  \"#041f64\",\n  \"#020f32\",\n];\n\n/**\n * Fairmint brand purple — accent color for gradients and brand elements.\n * Shade [5] (#9E03FF) is the primary brand purple.\n *\n * NOTE: design/README.md lists #6739FD as Fairmint Purple.\n * This library uses #9E03FF (production value from investorv2).\n */\nconst fairmintPurple: MantineColorsTuple = [\n  \"#f5e6ff\",\n  \"#e6ccff\",\n  \"#cc99ff\",\n  \"#b366ff\",\n  \"#9933ff\",\n  \"#9E03FF\",\n  \"#7e02cc\",\n  \"#5f0299\",\n  \"#3f0166\",\n  \"#200133\",\n];\n\nconst success: MantineColorsTuple = [\n  \"#F0FDF9\",\n  \"#D1FAE5\",\n  \"#A7F3D0\",\n  \"#6EE7B7\",\n  \"#34D399\",\n  \"#10B981\",\n  \"#059669\",\n  \"#047857\",\n  \"#065F46\",\n  \"#134E48\",\n];\n\nconst warning: MantineColorsTuple = [\n  \"#FFFAEB\",\n  \"#FEF0C7\",\n  \"#FEDF89\",\n  \"#FEC84B\",\n  \"#FDB022\",\n  \"#F79009\",\n  \"#DC6803\",\n  \"#B54708\",\n  \"#93370D\",\n  \"#7A2E0E\",\n];\n\nconst error: MantineColorsTuple = [\n  \"#FEF3F2\",\n  \"#FEE4E2\",\n  \"#FECDCA\",\n  \"#FDA29B\",\n  \"#F97066\",\n  \"#F04438\",\n  \"#D92D20\",\n  \"#B42318\",\n  \"#912018\",\n  \"#7A271A\",\n];\n\nconst info: MantineColorsTuple = [\n  \"#ECFDFF\",\n  \"#CFF9FE\",\n  \"#A5F0FC\",\n  \"#67E3F9\",\n  \"#22CCEE\",\n  \"#06AED4\",\n  \"#088AB2\",\n  \"#0E7090\",\n  \"#155B75\",\n  \"#164C63\",\n];\n\n/**\n * Typography constants — single source of truth for font families.\n * Use these instead of var(--mantine-font-family-*) in component code.\n * Declared before createTheme so the theme itself references them.\n */\nexport const typography = {\n  fontFamily:\n    '\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"',\n  headingFontFamily: '\"Plus Jakarta Sans\", sans-serif',\n} as const;\n\nexport const theme = createTheme({\n  primaryColor: \"indigo\",\n  colors: { indigo, gray: neutral, fairmintBlue, fairmintPurple, success, warning, error, info },\n\n  fontFamily: typography.fontFamily,\n  headings: {\n    fontFamily: typography.headingFontFamily,\n    fontWeight: \"700\",\n  },\n\n  radius: radii,\n  defaultRadius: \"md\",\n  spacing,\n  fontSizes: {\n    xs: fontSizes.xs,\n    sm: fontSizes.sm,\n    md: fontSizes.md,\n    lg: fontSizes.lg,\n    xl: fontSizes.xl,\n  },\n\n  breakpoints: {\n    xs: \"30em\",\n    sm: \"48em\",\n    md: \"64em\",\n    lg: \"74em\",\n    xl: \"90em\",\n  },\n\n  components: {\n    Button: {\n      defaultProps: { size: \"md\" },\n      styles: {\n        root: {\n          fontWeight: 600,\n          borderRadius: \"0.75rem\",\n          textTransform: \"none\" as const,\n        },\n      },\n    },\n    TextInput: {\n      defaultProps: { size: \"md\" },\n    },\n    Card: {\n      defaultProps: {\n        padding: \"lg\",\n        radius: \"xl\",\n        withBorder: true,\n      },\n    },\n    Paper: {\n      styles: {\n        root: { backgroundImage: \"none\" },\n      },\n    },\n    Table: {\n      styles: {\n        thead: {\n          fontSize: \"0.75rem\",\n          fontWeight: 600,\n          letterSpacing: \"0.5px\",\n          textTransform: \"uppercase\" as const,\n        },\n      },\n    },\n    Modal: {\n      styles: {\n        title: {\n          fontSize: fontSizes.lg,\n          fontWeight: 700,\n          lineHeight: 1.3,\n        },\n      },\n    },\n  },\n});\n\n/**\n * Fairmint CSS variables resolver for MantineProvider.\n * Publishes --fairmint-* custom properties so components never reference\n * --mantine-* variables directly. All light/dark switching is centralised here.\n */\nexport const fairmintCssVariables: CSSVariablesResolver = () => ({\n  variables: {\n    \"--fairmint-font-headings\": typography.headingFontFamily,\n    \"--fairmint-font-body\": typography.fontFamily,\n    \"--fairmint-interactive-focus-ring\": indigo[5],\n  },\n  light: {\n    \"--fairmint-watermark-color\": neutral[1],\n    \"--fairmint-color-text-primary\": neutral[9],\n    \"--fairmint-color-text-secondary\": neutral[5],\n    \"--fairmint-color-text-tertiary\": neutral[4],\n    \"--fairmint-color-surface-selected\": indigo[0],\n    \"--fairmint-color-icon-on-surface-selected\": indigo[6],\n    \"--fairmint-color-bg-surface\": \"#ffffff\",\n    \"--fairmint-color-bg-surface-secondary\": neutral[0],\n    \"--fairmint-color-border-default\": neutral[2],\n    \"--fairmint-interactive-hover-shadow\": `0 2px 6px ${neutral[9]}0F`,\n    \"--fairmint-interactive-hover-bg\": neutral[0],\n  },\n  dark: {\n    \"--fairmint-watermark-color\": neutral[7],\n    \"--fairmint-color-text-primary\": neutral[0],\n    \"--fairmint-color-text-secondary\": neutral[4],\n    \"--fairmint-color-text-tertiary\": neutral[5],\n    // Approved charcoal dark-mode values from PR #88 (agent/fairmint-ui-dark-mode-storybook),\n    // copied ahead of that merge so token names/values match and don't drift or conflict.\n    // \"selected\" reuses the same muted slate as \"border\" in #88's palette — a\n    // saturated indigo[9] fill here reads as too bold/inconsistent with the\n    // rest of the muted charcoal scale.\n    \"--fairmint-color-surface-selected\": \"#2F3746\",\n    // indigo[6] (the light-mode value) is too dark to read against the\n    // dark selected surface — use a light indigo instead.\n    \"--fairmint-color-icon-on-surface-selected\": indigo[2],\n    \"--fairmint-color-bg-surface\": \"#17191D\",\n    \"--fairmint-color-bg-surface-secondary\": \"#1B1D21\",\n    \"--fairmint-color-border-default\": \"#2F3746\",\n    \"--fairmint-interactive-hover-shadow\": `0 2px 6px ${neutral[0]}1A`,\n    \"--fairmint-interactive-hover-bg\": neutral[8],\n  },\n});\n\n/**\n * Typed JS references to every --fairmint-* CSS custom property.\n * Use these in component code instead of raw \"var(--fairmint-...)\" strings so\n * that renaming a token requires one change here rather than hunting every file.\n *\n * Each value includes a CSS fallback derived from the light-mode token value so\n * that components degrade gracefully when cssVariablesResolver is not wired up\n * (e.g. bare MantineProvider in tests or custom setups). Dark-mode fidelity is\n * lost without the resolver, but nothing renders invisibly.\n */\nexport const fairmintVars = {\n  /** Primary body/heading text — titles on tinted surfaces (Chip Banner). */\n  colorTextPrimary: `var(--fairmint-color-text-primary, ${neutral[9]})`,\n  /** Secondary / muted text — subtitles, supporting labels. Adapts to color scheme. */\n  colorTextSecondary: `var(--fairmint-color-text-secondary, ${neutral[5]})`,\n  /** Tertiary / faint text — timestamps, metadata. Adapts to color scheme. */\n  colorTextTertiary: `var(--fairmint-color-text-tertiary, ${neutral[4]})`,\n  /** Background tint for selected / active rows. Adapts to color scheme. */\n  colorSurfaceSelected: `var(--fairmint-color-surface-selected, ${indigo[0]})`,\n  /** Icon/text drawn on top of colorSurfaceSelected (e.g. a checkmark in a selected badge). Adapts to color scheme. */\n  colorIconOnSurfaceSelected: `var(--fairmint-color-icon-on-surface-selected, ${indigo[6]})`,\n  /** Primary raised surface (cards/panels). Adapts to color scheme. Matches PR #88's naming. */\n  colorBgSurface: \"var(--fairmint-color-bg-surface, #ffffff)\",\n  /** Secondary surface for fields/rows/badges on a card. Adapts to color scheme. Matches PR #88's naming. */\n  colorBgSurfaceSecondary: `var(--fairmint-color-bg-surface-secondary, ${neutral[0]})`,\n  /** Default hairline border for cards/panels. Adapts to color scheme. Matches PR #88's naming. */\n  colorBorderDefault: `var(--fairmint-color-border-default, ${neutral[2]})`,\n  /** Large decorative watermark on error/empty pages. Adapts to color scheme. */\n  watermarkColor: `var(--fairmint-watermark-color, ${neutral[1]})`,\n  /** Heading font family (Plus Jakarta Sans). */\n  fontHeadings: `var(--fairmint-font-headings, ${typography.headingFontFamily})`,\n  /** Body font family (Inter). */\n  fontBody: `var(--fairmint-font-body, ${typography.fontFamily})`,\n} as const;\n\n/**\n * Returns the MantineProvider props required to use @fairmint/ui components.\n * Use this when you need to instantiate MantineProvider directly (e.g. in\n * Storybook decorators or server-rendering setups) instead of FairmintProvider.\n *\n * @example\n * ```tsx\n * import { MantineProvider } from \"@mantine/core\";\n * import { createFairmintMantineProviderProps } from \"@fairmint/ui\";\n *\n * <MantineProvider {...createFairmintMantineProviderProps()}>\n *   <App />\n * </MantineProvider>\n * ```\n */\nexport function createFairmintMantineProviderProps(\n  colorScheme: \"light\" | \"dark\" | \"auto\" = \"light\",\n) {\n  return {\n    theme,\n    cssVariablesResolver: fairmintCssVariables,\n    defaultColorScheme: colorScheme,\n  } as const;\n}\n\n/** Brand colors for gradients and custom styling. */\nexport const brandColors = {\n  blue: \"#0A4EFB\",\n  purple: \"#9E03FF\",\n  indigo: \"#6366F1\",\n  gradient: \"linear-gradient(90deg, #0A4EFB 0%, #9E03FF 100%)\",\n} as const;\n\nexport const commonColors = {\n  black: \"#000000\",\n  white: \"#ffffff\",\n} as const;\n\n/**\n * Card/row shadow used by WalletList and similar card surfaces.\n * Equivalent to neutralColors[900] at ~10% opacity (#111927 → #1119271A).\n */\nexport const shadowColor = {\n  card: \"#1119271A\",\n} as const;\n\n/** Indigo scale for direct access outside Mantine's theme system. Keys are numeric literals. */\nexport const indigoColors = {\n  0: \"#EEF2FF\",\n  1: \"#E0E7FF\",\n  2: \"#C7D2FE\",\n  3: \"#A5B4FC\",\n  4: \"#818CF8\",\n  5: \"#6366F1\",\n  6: \"#4F46E5\",\n  7: \"#4338CA\",\n  8: \"#3730A3\",\n  9: \"#312E81\",\n} as const;\n\n/** Neutral scale for direct access outside Mantine's theme system. Keys are numeric literals. */\nexport const neutralColors = {\n  50: \"#F8F9FA\",\n  100: \"#F3F4F6\",\n  200: \"#E5E7EB\",\n  300: \"#D2D6DB\",\n  400: \"#9DA4AE\",\n  500: \"#6C737F\",\n  600: \"#4D5761\",\n  700: \"#2F3746\",\n  800: \"#1C2536\",\n  900: \"#111927\",\n} as const;\n\n/** Semantic colors for status-based styling. */\nexport const semanticColors = {\n  success: \"#10B981\",\n  warning: \"#F79009\",\n  error: \"#F04438\",\n  info: \"#06AED4\",\n} as const;\n\nexport type { AvatarPaletteColor, FairmintColor } from \"./colors\";\nexport { AVATAR_PALETTE, colors } from \"./colors\";\nexport type { FairmintFontSize } from \"./fontSizes\";\nexport { fontSizes } from \"./fontSizes\";\nexport { DEFAULT_FAIRMINT_LOGO_SRC } from \"./logo\";\nexport type { FairmintResponsiveTypography } from \"./responsiveTypography\";\nexport { responsiveTypography } from \"./responsiveTypography\";\nexport type { FairmintSpacing } from \"./spacing\";\nexport { spacing } from \"./spacing\";\nexport { overlayZIndexAboveLegacyShell } from \"./zIndex\";\n"],"names":["createTheme","spacing","fontSizes"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../src/theme/index.ts"],"sourcesContent":["import { type CSSVariablesResolver, createTheme, type MantineColorsTuple } from \"@mantine/core\";\nimport { fontSizes } from \"./fontSizes\";\nimport { spacing } from \"./spacing\";\n\n/**\n * Fairmint radius scale — single source of truth used by both the Mantine\n * theme config and the exported `radii` constant. Edit here; both stay in sync.\n */\nexport const radii = {\n  xs: \"0.25rem\",\n  sm: \"0.375rem\",\n  md: \"0.5rem\",\n  lg: \"0.75rem\",\n  xl: \"1rem\",\n} as const;\n\n/**\n * Indigo palette — primary UI color.\n * Used for buttons, links, active navigation, focus rings.\n * Shade [5] (#6366F1) is the default primary.\n */\nconst indigo: MantineColorsTuple = [\n  \"#EEF2FF\",\n  \"#E0E7FF\",\n  \"#C7D2FE\",\n  \"#A5B4FC\",\n  \"#818CF8\",\n  \"#6366F1\",\n  \"#4F46E5\",\n  \"#4338CA\",\n  \"#3730A3\",\n  \"#253974\",\n];\n\n/**\n * Neutral scale — replaces Mantine's default gray.\n * Used for text, borders, backgrounds, disabled states.\n */\nconst neutral: MantineColorsTuple = [\n  \"#F8F9FA\",\n  \"#F3F4F6\",\n  \"#E5E7EB\",\n  \"#D2D6DB\",\n  \"#9DA4AE\",\n  \"#6C737F\",\n  \"#4D5761\",\n  \"#2F3746\",\n  \"#1C2536\",\n  \"#111927\",\n];\n\n/**\n * Dark-mode neutral ramp — the dark surface and text anchors used by Chip.\n * Keep these separate from the light neutral ramp so Light mode remains stable.\n */\nconst darkNeutral: MantineColorsTuple = [\n  \"#FFFFFF\",\n  \"#E7E9F0\",\n  \"#B8C2D0\",\n  \"#9DA4AE\",\n  \"#8F99AB\",\n  \"#6C737F\",\n  \"#2F3746\",\n  \"#1B1D21\",\n  \"#17191D\",\n  \"#111214\",\n];\n\n/**\n * Approved charcoal dark-mode roles from the onboarding source of truth.\n * Keep these semantic values explicit instead of deriving them from the\n * light neutral ramp so component behavior stays aligned with Figma.\n */\nconst charcoalDark = {\n  canvas: \"#111214\",\n  surface: \"#17191D\",\n  chrome: \"#1B1D21\",\n  control: \"#202329\",\n  selected: \"#2F3746\",\n  brandSubtle: \"#111927\",\n  textPrimary: \"#FFFFFF\",\n  textSecondary: \"#9DA4AE\",\n  textTertiary: \"#8F99AB\",\n  textDisabled: \"#6C737F\",\n  iconSecondary: \"#B8C2D0\",\n  border: \"#2F3746\",\n  focus: \"#A5B4FC\",\n  primary: \"#6366F1\",\n  primaryHover: \"#818CF8\",\n  primaryActive: \"#A5B4FC\",\n  successBg: \"#163E38\",\n  successText: \"#6FE3BE\",\n  successBorder: \"#2F3746\",\n  successSolid: \"#34D399\",\n  successSolidHover: \"#6FE3BE\",\n  warningBg: \"#402A12\",\n  warningText: \"#FDB022\",\n  warningBorder: \"#6E4515\",\n  warningSolid: \"#DC6803\",\n  warningSolidHover: \"#E5A34A\",\n  infoBg: \"#172B45\",\n  infoText: \"#22CCEE\",\n  infoBorder: \"#23476B\",\n} as const;\n\n/**\n * Fairmint brand blue — accent color for gradients and brand elements.\n * Shade [5] (#0A4EFB) is the primary brand blue.\n *\n * This is the current production value documented in design/DESIGN.md.\n */\nconst fairmintBlue: MantineColorsTuple = [\n  \"#e6f0ff\",\n  \"#cce0ff\",\n  \"#99c2ff\",\n  \"#66a3ff\",\n  \"#3385ff\",\n  \"#0A4EFB\",\n  \"#083ec9\",\n  \"#062e97\",\n  \"#041f64\",\n  \"#020f32\",\n];\n\n/**\n * Fairmint brand purple — accent color for gradients and brand elements.\n * Shade [5] (#9E03FF) is the primary brand purple.\n *\n * This is the current production value documented in design/DESIGN.md.\n */\nconst fairmintPurple: MantineColorsTuple = [\n  \"#f5e6ff\",\n  \"#e6ccff\",\n  \"#cc99ff\",\n  \"#b366ff\",\n  \"#9933ff\",\n  \"#9E03FF\",\n  \"#7e02cc\",\n  \"#5f0299\",\n  \"#3f0166\",\n  \"#200133\",\n];\n\nconst success: MantineColorsTuple = [\n  \"#F0FDF9\",\n  \"#D1FAE5\",\n  \"#A7F3D0\",\n  \"#6EE7B7\",\n  \"#34D399\",\n  \"#10B981\",\n  \"#059669\",\n  \"#047857\",\n  \"#065F46\",\n  \"#134E48\",\n];\n\nconst warning: MantineColorsTuple = [\n  \"#FFFAEB\",\n  \"#FEF0C7\",\n  \"#FEDF89\",\n  \"#FEC84B\",\n  \"#FDB022\",\n  \"#F79009\",\n  \"#DC6803\",\n  \"#B54708\",\n  \"#93370D\",\n  \"#7A2E0E\",\n];\n\nconst error: MantineColorsTuple = [\n  \"#FEF3F2\",\n  \"#FEE4E2\",\n  \"#FECDCA\",\n  \"#FDA29B\",\n  \"#F97066\",\n  \"#F04438\",\n  \"#D92D20\",\n  \"#B42318\",\n  \"#912018\",\n  \"#7A271A\",\n];\n\nconst info: MantineColorsTuple = [\n  \"#ECFDFF\",\n  \"#CFF9FE\",\n  \"#A5F0FC\",\n  \"#67E3F9\",\n  \"#22CCEE\",\n  \"#06AED4\",\n  \"#088AB2\",\n  \"#0E7090\",\n  \"#155B75\",\n  \"#164C63\",\n];\n\n/**\n * Typography constants — single source of truth for font families.\n * Use these instead of var(--mantine-font-family-*) in component code.\n * Declared before createTheme so the theme itself references them.\n */\nexport const typography = {\n  fontFamily:\n    '\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"',\n  headingFontFamily: '\"Plus Jakarta Sans\", sans-serif',\n} as const;\n\nexport const theme = createTheme({\n  primaryColor: \"indigo\",\n  // Mantine defaults to a darker shade for dark-mode filled/light variants\n  // (primaryShade: { light: 6, dark: 8 }), but our brand indigo (index 5,\n  // #6366F1) is the same accent in both color schemes — pin a single shade\n  // so unwrapped Mantine components (color=\"indigo\") don't drift into a\n  // different, more saturated purple in dark mode.\n  primaryShade: 5,\n  colors: {\n    indigo,\n    gray: neutral,\n    darkGray: darkNeutral,\n    fairmintBlue,\n    fairmintPurple,\n    success,\n    warning,\n    error,\n    info,\n  },\n\n  fontFamily: typography.fontFamily,\n  headings: {\n    fontFamily: typography.headingFontFamily,\n    fontWeight: \"700\",\n  },\n\n  radius: radii,\n  defaultRadius: \"md\",\n  spacing,\n  fontSizes: {\n    xs: fontSizes.xs,\n    sm: fontSizes.sm,\n    md: fontSizes.md,\n    lg: fontSizes.lg,\n    xl: fontSizes.xl,\n  },\n\n  breakpoints: {\n    xs: \"30em\",\n    sm: \"48em\",\n    md: \"64em\",\n    lg: \"74em\",\n    xl: \"90em\",\n  },\n\n  components: {\n    Button: {\n      defaultProps: { size: \"md\" },\n      styles: {\n        root: {\n          fontWeight: 600,\n          borderRadius: \"0.75rem\",\n          textTransform: \"none\" as const,\n        },\n      },\n    },\n    Input: {\n      classNames: { input: \"fairmint-input\" },\n    },\n    TextInput: {\n      defaultProps: { size: \"md\" },\n    },\n    Card: {\n      defaultProps: {\n        padding: \"lg\",\n        radius: \"xl\",\n        withBorder: true,\n      },\n    },\n    Paper: {\n      styles: {\n        root: { backgroundImage: \"none\" },\n      },\n    },\n    Table: {\n      styles: {\n        thead: {\n          fontSize: \"0.75rem\",\n          fontWeight: 600,\n          letterSpacing: \"0.5px\",\n          textTransform: \"uppercase\" as const,\n        },\n      },\n    },\n    Modal: {\n      styles: {\n        title: {\n          fontSize: fontSizes.lg,\n          fontWeight: 700,\n          lineHeight: 1.3,\n        },\n      },\n    },\n  },\n});\n\n/**\n * Fairmint CSS variables resolver for MantineProvider.\n * Publishes --fairmint-* custom properties so components never reference\n * --mantine-* variables directly. All light/dark switching is centralised here.\n */\nexport const fairmintCssVariables: CSSVariablesResolver = () => ({\n  variables: {\n    \"--fairmint-font-headings\": typography.headingFontFamily,\n    \"--fairmint-font-body\": typography.fontFamily,\n    \"--fairmint-interactive-focus-ring\": indigo[5],\n  },\n  light: {\n    \"--fairmint-interactive-focus-ring\": indigo[5],\n    \"--fairmint-color-bg-canvas\": commonColors.white,\n    \"--fairmint-color-bg-surface\": commonColors.white,\n    \"--fairmint-color-bg-surface-secondary\": neutral[0],\n    \"--fairmint-color-bg-hover\": neutral[0],\n    \"--fairmint-color-bg-selected\": indigo[0],\n    \"--fairmint-color-bg-brand-subtle\": indigo[0],\n    \"--fairmint-color-bg-brand-subtle-hover\": indigo[1],\n    \"--fairmint-color-bg-disabled\": neutral[2],\n    \"--fairmint-watermark-color\": neutral[1],\n    \"--fairmint-color-text-primary\": neutral[9],\n    \"--fairmint-color-text-secondary\": neutral[5],\n    \"--fairmint-color-text-tertiary\": neutral[4],\n    \"--fairmint-color-text-inverse\": commonColors.white,\n    \"--fairmint-color-text-disabled\": neutral[6],\n    \"--fairmint-color-icon-primary\": neutral[9],\n    \"--fairmint-color-icon-secondary\": neutral[5],\n    \"--fairmint-color-icon-tertiary\": neutral[4],\n    \"--fairmint-color-icon-inverse\": commonColors.white,\n    \"--fairmint-color-icon-disabled\": neutral[6],\n    \"--fairmint-color-border-default\": neutral[2],\n    \"--fairmint-color-border-focus\": indigo[5],\n    \"--fairmint-color-border-disabled\": neutral[3],\n    \"--fairmint-color-brand-primary\": indigo[6],\n    \"--fairmint-color-brand-primary-hover\": indigo[7],\n    \"--fairmint-color-brand-primary-active\": indigo[7],\n    \"--fairmint-color-brand-blue\": fairmintBlue[5],\n    \"--fairmint-color-brand-purple\": fairmintPurple[5],\n    \"--fairmint-color-watermark\": neutral[1],\n    \"--fairmint-color-surface-selected\": indigo[0],\n    \"--fairmint-color-icon-on-surface-selected\": indigo[6],\n    \"--fairmint-interactive-hover-shadow\": `0 2px 6px ${neutral[9]}0F`,\n    \"--fairmint-interactive-hover-bg\": neutral[0],\n    \"--fairmint-color-success-bg\": success[0],\n    \"--fairmint-color-success-text\": success[7],\n    \"--fairmint-color-success-border\": success[2],\n    \"--fairmint-color-success-solid\": success[7],\n    \"--fairmint-color-success-solid-hover\": success[7],\n    \"--fairmint-color-warning-bg\": warning[0],\n    \"--fairmint-color-warning-text\": warning[7],\n    \"--fairmint-color-warning-border\": warning[2],\n    \"--fairmint-color-warning-solid\": warning[7],\n    \"--fairmint-color-warning-solid-hover\": warning[7],\n    \"--fairmint-color-error-bg\": error[0],\n    \"--fairmint-color-error-bg-subtle\": error[1],\n    \"--fairmint-color-error-text\": error[7],\n    \"--fairmint-color-error-border\": error[2],\n    \"--fairmint-color-error-solid\": error[7],\n    \"--fairmint-color-error-solid-hover\": error[8],\n    \"--fairmint-color-error-solid-muted\": error[4],\n    \"--fairmint-color-info-bg\": info[0],\n    \"--fairmint-color-info-text\": info[7],\n    \"--fairmint-color-info-border\": info[2],\n    \"--fairmint-color-info-solid\": info[7],\n    \"--fairmint-color-info-solid-hover\": info[7],\n  },\n  dark: {\n    \"--fairmint-interactive-focus-ring\": charcoalDark.focus,\n    \"--fairmint-color-bg-canvas\": charcoalDark.canvas,\n    \"--fairmint-color-bg-surface\": charcoalDark.surface,\n    \"--fairmint-color-bg-surface-secondary\": charcoalDark.chrome,\n    \"--fairmint-color-bg-hover\": charcoalDark.control,\n    \"--fairmint-color-bg-selected\": charcoalDark.selected,\n    \"--fairmint-color-bg-brand-subtle\": charcoalDark.brandSubtle,\n    \"--fairmint-color-bg-brand-subtle-hover\": charcoalDark.control,\n    \"--fairmint-color-bg-disabled\": charcoalDark.control,\n    \"--fairmint-watermark-color\": charcoalDark.control,\n    \"--fairmint-color-text-primary\": charcoalDark.textPrimary,\n    \"--fairmint-color-text-secondary\": charcoalDark.textSecondary,\n    \"--fairmint-color-text-tertiary\": charcoalDark.textTertiary,\n    \"--fairmint-color-text-inverse\": neutral[9],\n    \"--fairmint-color-text-disabled\": charcoalDark.textDisabled,\n    \"--fairmint-color-icon-primary\": charcoalDark.textPrimary,\n    \"--fairmint-color-icon-secondary\": charcoalDark.iconSecondary,\n    \"--fairmint-color-icon-tertiary\": charcoalDark.textTertiary,\n    \"--fairmint-color-icon-inverse\": charcoalDark.textPrimary,\n    \"--fairmint-color-icon-disabled\": charcoalDark.textDisabled,\n    \"--fairmint-color-border-default\": charcoalDark.border,\n    \"--fairmint-color-border-focus\": charcoalDark.focus,\n    \"--fairmint-color-border-disabled\": charcoalDark.border,\n    \"--fairmint-color-brand-primary\": charcoalDark.primary,\n    \"--fairmint-color-brand-primary-hover\": charcoalDark.primaryHover,\n    \"--fairmint-color-brand-primary-active\": charcoalDark.primaryActive,\n    \"--fairmint-color-brand-blue\": fairmintBlue[5],\n    \"--fairmint-color-brand-purple\": fairmintPurple[5],\n    \"--fairmint-color-watermark\": charcoalDark.control,\n    \"--fairmint-color-surface-selected\": charcoalDark.selected,\n    // indigo[6] (the light-mode value) is too dark to read against the\n    // dark selected surface — use a light indigo instead.\n    \"--fairmint-color-icon-on-surface-selected\": indigo[2],\n    \"--fairmint-interactive-hover-shadow\": \"0 2px 6px #00000066\",\n    \"--fairmint-interactive-hover-bg\": charcoalDark.surface,\n    \"--fairmint-color-success-bg\": charcoalDark.successBg,\n    \"--fairmint-color-success-text\": charcoalDark.successText,\n    \"--fairmint-color-success-border\": charcoalDark.successBorder,\n    \"--fairmint-color-success-solid\": charcoalDark.successSolid,\n    \"--fairmint-color-success-solid-hover\": charcoalDark.successSolidHover,\n    \"--fairmint-color-warning-bg\": charcoalDark.warningBg,\n    \"--fairmint-color-warning-text\": charcoalDark.warningText,\n    \"--fairmint-color-warning-border\": charcoalDark.warningBorder,\n    \"--fairmint-color-warning-solid\": charcoalDark.warningSolid,\n    \"--fairmint-color-warning-solid-hover\": charcoalDark.warningSolidHover,\n    \"--fairmint-color-error-bg\": error[9],\n    \"--fairmint-color-error-bg-subtle\": error[8],\n    \"--fairmint-color-error-text\": error[2],\n    \"--fairmint-color-error-border\": error[7],\n    \"--fairmint-color-error-solid\": error[7],\n    \"--fairmint-color-error-solid-hover\": error[8],\n    \"--fairmint-color-error-solid-muted\": error[5],\n    \"--fairmint-color-info-bg\": charcoalDark.infoBg,\n    \"--fairmint-color-info-text\": charcoalDark.infoText,\n    \"--fairmint-color-info-border\": charcoalDark.infoBorder,\n    \"--fairmint-color-info-solid\": charcoalDark.primary,\n    \"--fairmint-color-info-solid-hover\": charcoalDark.primaryHover,\n\n    // Mantine primitives used by the shared component wrappers. These keep\n    // Button, Badge, Alert, Loader, and form controls on the same semantic\n    // roles instead of falling back to Mantine's default dark palette.\n    \"--mantine-color-body\": charcoalDark.canvas,\n    \"--mantine-color-text\": charcoalDark.textPrimary,\n    \"--mantine-color-bright\": charcoalDark.textPrimary,\n    \"--mantine-color-dimmed\": charcoalDark.textSecondary,\n    \"--mantine-color-placeholder\": \"#969BA5\",\n    \"--mantine-color-default\": charcoalDark.surface,\n    \"--mantine-color-default-hover\": charcoalDark.control,\n    \"--mantine-color-default-color\": charcoalDark.textPrimary,\n    \"--mantine-color-default-border\": charcoalDark.border,\n    \"--mantine-color-disabled\": charcoalDark.control,\n    \"--mantine-color-disabled-color\": charcoalDark.textDisabled,\n    \"--mantine-color-disabled-border\": charcoalDark.border,\n    \"--mantine-primary-color-filled\": charcoalDark.primary,\n    \"--mantine-primary-color-filled-hover\": charcoalDark.primaryHover,\n    \"--mantine-primary-color-light\": charcoalDark.brandSubtle,\n    \"--mantine-primary-color-light-hover\": charcoalDark.control,\n    \"--mantine-primary-color-light-color\": charcoalDark.primaryActive,\n    \"--mantine-primary-color-3\": charcoalDark.primaryActive,\n    \"--mantine-primary-color-4\": charcoalDark.primaryActive,\n    \"--mantine-primary-color-6\": charcoalDark.primary,\n    \"--mantine-primary-color-7\": charcoalDark.primaryHover,\n    \"--mantine-primary-color-8\": charcoalDark.primaryHover,\n    \"--mantine-primary-color-9\": charcoalDark.brandSubtle,\n    \"--mantine-color-indigo-3\": charcoalDark.primaryActive,\n    \"--mantine-color-indigo-4\": charcoalDark.primaryActive,\n    \"--mantine-color-indigo-6\": charcoalDark.primary,\n    \"--mantine-color-indigo-7\": charcoalDark.primaryHover,\n    \"--mantine-color-indigo-8\": charcoalDark.primaryHover,\n    \"--mantine-color-indigo-9\": charcoalDark.brandSubtle,\n    \"--mantine-color-indigo-text\": charcoalDark.primaryActive,\n    \"--mantine-color-indigo-filled\": charcoalDark.primary,\n    \"--mantine-color-indigo-filled-hover\": charcoalDark.primaryHover,\n    \"--mantine-color-indigo-light\": charcoalDark.brandSubtle,\n    \"--mantine-color-indigo-light-hover\": charcoalDark.control,\n    \"--mantine-color-indigo-light-color\": charcoalDark.primaryActive,\n    \"--mantine-color-indigo-outline\": charcoalDark.focus,\n    \"--mantine-color-indigo-outline-hover\": charcoalDark.control,\n    \"--mantine-color-gray-light\": charcoalDark.control,\n    \"--mantine-color-gray-light-color\": charcoalDark.textSecondary,\n    \"--mantine-color-gray-filled\": charcoalDark.border,\n    \"--mantine-color-gray-filled-hover\": charcoalDark.iconSecondary,\n    \"--mantine-color-gray-4\": charcoalDark.iconSecondary,\n    \"--mantine-color-gray-5\": charcoalDark.textTertiary,\n    \"--mantine-color-gray-6\": charcoalDark.textSecondary,\n    \"--mantine-color-gray-7\": charcoalDark.border,\n    \"--mantine-color-gray-8\": charcoalDark.chrome,\n    \"--mantine-color-gray-9\": charcoalDark.canvas,\n    \"--mantine-color-success-light\": charcoalDark.successBg,\n    \"--mantine-color-success-light-color\": charcoalDark.successText,\n    \"--mantine-color-success-filled\": charcoalDark.successSolid,\n    \"--mantine-color-success-filled-hover\": charcoalDark.successSolidHover,\n    \"--mantine-color-warning-light\": charcoalDark.warningBg,\n    \"--mantine-color-warning-light-color\": charcoalDark.warningText,\n    \"--mantine-color-warning-filled\": charcoalDark.warningSolid,\n    \"--mantine-color-warning-filled-hover\": charcoalDark.warningSolidHover,\n    \"--mantine-color-info-light\": charcoalDark.infoBg,\n    \"--mantine-color-info-light-color\": charcoalDark.infoText,\n    \"--mantine-color-info-filled\": charcoalDark.primary,\n    \"--mantine-color-info-filled-hover\": charcoalDark.primaryHover,\n    \"--mantine-color-error-2\": error[2],\n    \"--mantine-color-error-3\": error[3],\n    \"--mantine-color-error-4\": error[4],\n    \"--mantine-color-error-6\": error[6],\n    \"--mantine-color-error-7\": error[7],\n    \"--mantine-color-error-8\": error[8],\n    \"--mantine-color-error-9\": error[9],\n    \"--mantine-color-error-text\": error[2],\n    \"--mantine-color-error-filled\": error[7],\n    \"--mantine-color-error-filled-hover\": error[6],\n    \"--mantine-color-error-light\": error[9],\n    \"--mantine-color-error-light-hover\": error[8],\n    \"--mantine-color-error-light-color\": error[2],\n    \"--mantine-color-error-outline\": error[7],\n    \"--mantine-color-error-outline-hover\": error[8],\n  },\n});\n\n/**\n * Typed JS references to every --fairmint-* CSS custom property.\n * Use these in component code instead of raw \"var(--fairmint-...)\" strings so\n * that renaming a token requires one change here rather than hunting every file.\n *\n * Each value includes a CSS fallback derived from the light-mode token value so\n * that components degrade gracefully when cssVariablesResolver is not wired up\n * (e.g. bare MantineProvider in tests or custom setups). Dark-mode fidelity is\n * lost without the resolver, but nothing renders invisibly.\n */\nconst fairmintVar = (name: string, fallback: string) => `var(--fairmint-${name}, ${fallback})`;\n\nexport const fairmintVars = {\n  /** Canvas background for the app shell. */\n  colorBgCanvas: fairmintVar(\"color-bg-canvas\", \"#ffffff\"),\n  /** Primary raised surface. */\n  colorBgSurface: fairmintVar(\"color-bg-surface\", \"#ffffff\"),\n  /** Secondary surface used for fields, rows, and subtle containers. */\n  colorBgSurfaceSecondary: fairmintVar(\"color-bg-surface-secondary\", neutral[0]),\n  /** Hover surface. */\n  colorBgHover: fairmintVar(\"color-bg-hover\", neutral[0]),\n  /** Selected surface. */\n  colorBgSelected: fairmintVar(\"color-bg-selected\", indigo[0]),\n  /** Subtle brand surface. */\n  colorBgBrandSubtle: fairmintVar(\"color-bg-brand-subtle\", indigo[0]),\n  /** Hovered subtle brand surface. */\n  colorBgBrandSubtleHover: fairmintVar(\"color-bg-brand-subtle-hover\", indigo[1]),\n  /** Disabled surface. */\n  colorBgDisabled: fairmintVar(\"color-bg-disabled\", neutral[2]),\n  /** Primary body/heading text — titles on tinted surfaces (Chip Banner). */\n  colorTextPrimary: `var(--fairmint-color-text-primary, ${neutral[9]})`,\n  /** Secondary / muted text — subtitles, supporting labels. Adapts to color scheme. */\n  colorTextSecondary: `var(--fairmint-color-text-secondary, ${neutral[5]})`,\n  /** Tertiary / faint text — timestamps, metadata. Adapts to color scheme. */\n  colorTextTertiary: `var(--fairmint-color-text-tertiary, ${neutral[4]})`,\n  /** Text on filled controls. */\n  colorTextInverse: fairmintVar(\"color-text-inverse\", \"#ffffff\"),\n  /** Disabled text. */\n  colorTextDisabled: fairmintVar(\"color-text-disabled\", neutral[6]),\n  /** Primary icon and stroke color. */\n  colorIconPrimary: fairmintVar(\"color-icon-primary\", neutral[9]),\n  /** Secondary icon and stroke color. */\n  colorIconSecondary: fairmintVar(\"color-icon-secondary\", neutral[5]),\n  /** Tertiary icon and stroke color. */\n  colorIconTertiary: fairmintVar(\"color-icon-tertiary\", neutral[4]),\n  /** Icon color on filled or dark surfaces. */\n  colorIconInverse: fairmintVar(\"color-icon-inverse\", \"#ffffff\"),\n  /** Disabled icon and stroke color. */\n  colorIconDisabled: fairmintVar(\"color-icon-disabled\", neutral[6]),\n  /** Default border. */\n  colorBorderDefault: fairmintVar(\"color-border-default\", neutral[2]),\n  /** Focus border/ring color. */\n  colorBorderFocus: fairmintVar(\"color-border-focus\", indigo[5]),\n  /** Disabled border. */\n  colorBorderDisabled: fairmintVar(\"color-border-disabled\", neutral[3]),\n  /** Brand action color. */\n  colorBrandPrimary: fairmintVar(\"color-brand-primary\", indigo[6]),\n  /** Hovered brand action color. */\n  colorBrandPrimaryHover: fairmintVar(\"color-brand-primary-hover\", indigo[7]),\n  /** Pressed brand action color. */\n  colorBrandPrimaryActive: fairmintVar(\"color-brand-primary-active\", indigo[7]),\n  /** Fairmint blue brand accent. */\n  colorBrandBlue: fairmintVar(\"color-brand-blue\", fairmintBlue[5]),\n  /** Fairmint purple brand accent. */\n  colorBrandPurple: fairmintVar(\"color-brand-purple\", fairmintPurple[5]),\n  /** Background tint for selected / active rows. Adapts to color scheme. */\n  colorSurfaceSelected: `var(--fairmint-color-surface-selected, ${indigo[0]})`,\n  /** Icon/text drawn on top of colorSurfaceSelected (e.g. a checkmark in a selected badge). Adapts to color scheme. */\n  colorIconOnSurfaceSelected: `var(--fairmint-color-icon-on-surface-selected, ${indigo[6]})`,\n  /** Semantic status roles. */\n  colorSuccessBg: fairmintVar(\"color-success-bg\", success[0]),\n  colorSuccessText: fairmintVar(\"color-success-text\", success[7]),\n  colorSuccessBorder: fairmintVar(\"color-success-border\", success[2]),\n  colorSuccessSolid: fairmintVar(\"color-success-solid\", success[7]),\n  colorSuccessSolidHover: fairmintVar(\"color-success-solid-hover\", success[7]),\n  colorWarningBg: fairmintVar(\"color-warning-bg\", warning[0]),\n  colorWarningText: fairmintVar(\"color-warning-text\", warning[7]),\n  colorWarningBorder: fairmintVar(\"color-warning-border\", warning[2]),\n  colorWarningSolid: fairmintVar(\"color-warning-solid\", warning[7]),\n  colorWarningSolidHover: fairmintVar(\"color-warning-solid-hover\", warning[7]),\n  colorErrorBg: fairmintVar(\"color-error-bg\", error[0]),\n  colorErrorBgSubtle: fairmintVar(\"color-error-bg-subtle\", error[1]),\n  colorErrorText: fairmintVar(\"color-error-text\", error[7]),\n  colorErrorBorder: fairmintVar(\"color-error-border\", error[2]),\n  colorErrorSolid: fairmintVar(\"color-error-solid\", error[5]),\n  colorErrorSolidHover: fairmintVar(\"color-error-solid-hover\", error[6]),\n  colorErrorSolidMuted: fairmintVar(\"color-error-solid-muted\", error[4]),\n  colorInfoBg: fairmintVar(\"color-info-bg\", info[0]),\n  colorInfoText: fairmintVar(\"color-info-text\", info[7]),\n  colorInfoBorder: fairmintVar(\"color-info-border\", info[2]),\n  colorInfoSolid: fairmintVar(\"color-info-solid\", info[7]),\n  colorInfoSolidHover: fairmintVar(\"color-info-solid-hover\", info[7]),\n  /** Decorative watermark color. */\n  colorWatermark: fairmintVar(\"color-watermark\", neutral[1]),\n  /** Large decorative watermark on error/empty pages. Adapts to color scheme. */\n  watermarkColor: fairmintVar(\"color-watermark\", neutral[1]),\n  /** Heading font family (Plus Jakarta Sans). */\n  fontHeadings: `var(--fairmint-font-headings, ${typography.headingFontFamily})`,\n  /** Body font family (Inter). */\n  fontBody: `var(--fairmint-font-body, ${typography.fontFamily})`,\n} as const;\n\n/**\n * Returns the MantineProvider props required to use @fairmint/ui components.\n * Use this when you need to instantiate MantineProvider directly (e.g. in\n * Storybook decorators or server-rendering setups) instead of FairmintProvider.\n *\n * @example\n * ```tsx\n * import { MantineProvider } from \"@mantine/core\";\n * import { createFairmintMantineProviderProps } from \"@fairmint/ui\";\n *\n * <MantineProvider {...createFairmintMantineProviderProps()}>\n *   <App />\n * </MantineProvider>\n * ```\n */\nexport function createFairmintMantineProviderProps(\n  colorScheme: \"light\" | \"dark\" | \"auto\" = \"light\",\n) {\n  return {\n    theme,\n    cssVariablesResolver: fairmintCssVariables,\n    defaultColorScheme: colorScheme,\n  } as const;\n}\n\n/** Brand colors for gradients and custom styling. */\nexport const brandColors = {\n  blue: \"#0A4EFB\",\n  purple: \"#9E03FF\",\n  indigo: \"#6366F1\",\n  gradient: \"linear-gradient(90deg, #0A4EFB 0%, #9E03FF 100%)\",\n} as const;\n\nexport const commonColors = {\n  black: \"#000000\",\n  white: \"#ffffff\",\n} as const;\n\n/**\n * Card/row shadow used by WalletList and similar card surfaces.\n * Equivalent to neutralColors[900] at ~10% opacity (#111927 → #1119271A).\n */\nexport const shadowColor = {\n  card: \"#1119271A\",\n} as const;\n\n/** Indigo scale for direct access outside Mantine's theme system. Keys are numeric literals. */\nexport const indigoColors = {\n  0: \"#EEF2FF\",\n  1: \"#E0E7FF\",\n  2: \"#C7D2FE\",\n  3: \"#A5B4FC\",\n  4: \"#818CF8\",\n  5: \"#6366F1\",\n  6: \"#4F46E5\",\n  7: \"#4338CA\",\n  8: \"#3730A3\",\n  9: \"#312E81\",\n} as const;\n\n/** Neutral scale for direct access outside Mantine's theme system. Keys are numeric literals. */\nexport const neutralColors = {\n  50: \"#F8F9FA\",\n  100: \"#F3F4F6\",\n  200: \"#E5E7EB\",\n  300: \"#D2D6DB\",\n  400: \"#9DA4AE\",\n  500: \"#6C737F\",\n  600: \"#4D5761\",\n  700: \"#2F3746\",\n  800: \"#1C2536\",\n  900: \"#111927\",\n} as const;\n\n/** Dark neutral ramp used by the semantic dark-mode CSS variables. */\nexport const darkNeutralColors = {\n  50: \"#F5F7FA\",\n  100: \"#E2E7ED\",\n  200: \"#B8C2D0\",\n  300: \"#8D99A8\",\n  400: \"#748093\",\n  500: \"#5C687A\",\n  600: \"#2F3746\",\n  700: \"#1F2A39\",\n  800: \"#1B2431\",\n  900: \"#0F141C\",\n} as const;\n\n/** Semantic colors for status-based styling. */\nexport const semanticColors = {\n  success: \"#10B981\",\n  warning: \"#F79009\",\n  error: \"#F04438\",\n  info: \"#06AED4\",\n} as const;\n\nexport type { AvatarPaletteColor, FairmintColor } from \"./colors\";\nexport { AVATAR_PALETTE, colors } from \"./colors\";\nexport type { FairmintFontSize } from \"./fontSizes\";\nexport { fontSizes } from \"./fontSizes\";\nexport { DEFAULT_FAIRMINT_LOGO_SRC } from \"./logo\";\nexport type { FairmintResponsiveTypography } from \"./responsiveTypography\";\nexport { responsiveTypography } from \"./responsiveTypography\";\nexport type { FairmintSpacing } from \"./spacing\";\nexport { spacing } from \"./spacing\";\nexport { overlayZIndexAboveLegacyShell } from \"./zIndex\";\n"],"names":["createTheme","spacing","fontSizes"],"mappings":"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"}