@fairmint/ui 0.3.7 → 0.3.8

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

@@ -0,0 +1,100 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { fairmintVars, indigoColors, commonColors, brandColors } from "../../../theme/index.js";
+import { Box } from "../../primitives/layout.js";
+/* empty css                 */
+import { UnstyledButton } from "../../../node_modules/@mantine/core/esm/components/UnstyledButton/UnstyledButton.js";
+const CheckIcon = () => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ jsx("path", { d: "m5 13 4 4 10-10" })
+  }
+);
+const resolveActiveStep = (activeStep, stepCount) => {
+  if (!Number.isFinite(activeStep)) return 1;
+  return Math.min(Math.max(Math.trunc(activeStep), 1), stepCount);
+};
+const getStepProgressStatus = (step, stepNumber, activeStep) => {
+  if (stepNumber === activeStep) return "active";
+  if (step.completed ?? stepNumber < activeStep) return "complete";
+  return "pending";
+};
+function StepProgress({
+  steps,
+  activeStep,
+  orientation = "horizontal",
+  onStepChange,
+  ariaLabel = "Progress"
+}) {
+  if (steps.length === 0) return null;
+  const resolvedActiveStep = resolveActiveStep(activeStep, steps.length);
+  const rootStyle = {
+    "--fairmint-step-progress-brand": brandColors.indigo,
+    "--fairmint-step-progress-border": fairmintVars.colorBorderDefault,
+    "--fairmint-step-progress-text-primary": fairmintVars.colorTextPrimary,
+    "--fairmint-step-progress-text-secondary": fairmintVars.colorTextSecondary,
+    "--fairmint-step-progress-surface-selected": fairmintVars.colorSurfaceSelected,
+    // One shared accent tone for anything bordering/reading on colorSurfaceSelected,
+    // instead of two adjacent-but-different indigo shades competing.
+    "--fairmint-step-progress-active-border": indigoColors[2],
+    "--fairmint-step-progress-active-indicator-text": commonColors.white,
+    "--fairmint-step-progress-complete-border": indigoColors[2],
+    "--fairmint-step-progress-complete-text": fairmintVars.colorIconOnSurfaceSelected
+  };
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      component: "nav",
+      "aria-label": ariaLabel,
+      className: "fairmint-step-progress",
+      "data-orientation": orientation,
+      style: rootStyle,
+      children: /* @__PURE__ */ jsx("ol", { className: "fairmint-step-progress__list", children: steps.map((step, index) => {
+        const stepNumber = index + 1;
+        const status = getStepProgressStatus(step, stepNumber, resolvedActiveStep);
+        const isInteractive = Boolean(onStepChange) && !step.disabled;
+        const pillContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { className: "fairmint-step-progress__indicator", "aria-hidden": "true", children: status === "complete" ? /* @__PURE__ */ jsx(CheckIcon, {}) : stepNumber }),
+          /* @__PURE__ */ jsx("span", { className: "fairmint-step-progress__label", children: step.label })
+        ] });
+        return /* @__PURE__ */ jsx("li", { className: "fairmint-step-progress__item", children: isInteractive ? /* @__PURE__ */ jsx(
+          UnstyledButton,
+          {
+            type: "button",
+            className: "fairmint-step-progress__pill",
+            "data-state": status,
+            "data-interactive": "true",
+            "aria-current": status === "active" ? "step" : void 0,
+            "aria-label": `Step ${stepNumber}: ${step.label}`,
+            onClick: () => onStepChange?.(stepNumber),
+            children: pillContent
+          }
+        ) : /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "fairmint-step-progress__pill",
+            "data-state": status,
+            "aria-current": status === "active" ? "step" : void 0,
+            title: `Step ${stepNumber}: ${step.label}`,
+            children: pillContent
+          }
+        ) }, `${stepNumber}-${step.label}`);
+      }) })
+    }
+  );
+}
+const STEP_PROGRESS_MOBILE_BREAKPOINT = "48em";
+export {
+  STEP_PROGRESS_MOBILE_BREAKPOINT,
+  StepProgress,
+  getStepProgressStatus
+};
+//# sourceMappingURL=StepProgress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepProgress.js","sources":["../../../../src/components/generic/StepProgress/StepProgress.tsx"],"sourcesContent":["import { brandColors, commonColors, fairmintVars, indigoColors } from \"../../../theme\";\nimport { Box, UnstyledButton } from \"../../primitives/layout\";\nimport \"./StepProgress.css\";\n\nexport type StepProgressOrientation = \"horizontal\" | \"vertical\";\nexport type StepProgressStepStatus = \"complete\" | \"active\" | \"pending\";\n\nexport interface StepProgressStep {\n  /** Visible label in the progress pill. */\n  label: string;\n  /** Explicitly mark a step complete when completion is not derived from activeStep. */\n  completed?: boolean;\n  /** Prevent navigation to this step when onStepChange is supplied. */\n  disabled?: boolean;\n}\n\nexport interface StepProgressProps {\n  /** Ordered steps. The visible number is derived from this array and is 1-indexed. */\n  steps: readonly StepProgressStep[];\n  /** Current step number. This is intentionally 1-indexed to match StepCard and the UI. */\n  activeStep: number;\n  /** Row of pills for in-app progress or a rail for onboarding. @default \"horizontal\" */\n  orientation?: StepProgressOrientation;\n  /** Called with the 1-indexed step number when a pill is activated. */\n  onStepChange?: (step: number) => void;\n  /** Accessible label for the navigation. @default \"Progress\" */\n  ariaLabel?: string;\n}\n\nconst CheckIcon = () => (\n  <svg\n    width=\"14\"\n    height=\"14\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2.5\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"m5 13 4 4 10-10\" />\n  </svg>\n);\n\nconst resolveActiveStep = (activeStep: number, stepCount: number) => {\n  if (!Number.isFinite(activeStep)) return 1;\n  return Math.min(Math.max(Math.trunc(activeStep), 1), stepCount);\n};\n\nexport const getStepProgressStatus = (\n  step: StepProgressStep,\n  stepNumber: number,\n  activeStep: number,\n): StepProgressStepStatus => {\n  if (stepNumber === activeStep) return \"active\";\n  if (step.completed ?? stepNumber < activeStep) return \"complete\";\n  return \"pending\";\n};\n\n/**\n * Numbered progress pills shared by horizontal in-app flows and vertical\n * onboarding rails. Owns navigation only — the numbered content container is\n * `StepCard`, and `StepFlow` pairs the two into the canonical shell.\n */\nexport function StepProgress({\n  steps,\n  activeStep,\n  orientation = \"horizontal\",\n  onStepChange,\n  ariaLabel = \"Progress\",\n}: StepProgressProps) {\n  if (steps.length === 0) return null;\n\n  const resolvedActiveStep = resolveActiveStep(activeStep, steps.length);\n  const rootStyle = {\n    \"--fairmint-step-progress-brand\": brandColors.indigo,\n    \"--fairmint-step-progress-border\": fairmintVars.colorBorderDefault,\n    \"--fairmint-step-progress-text-primary\": fairmintVars.colorTextPrimary,\n    \"--fairmint-step-progress-text-secondary\": fairmintVars.colorTextSecondary,\n    \"--fairmint-step-progress-surface-selected\": fairmintVars.colorSurfaceSelected,\n    // One shared accent tone for anything bordering/reading on colorSurfaceSelected,\n    // instead of two adjacent-but-different indigo shades competing.\n    \"--fairmint-step-progress-active-border\": indigoColors[2],\n    \"--fairmint-step-progress-active-indicator-text\": commonColors.white,\n    \"--fairmint-step-progress-complete-border\": indigoColors[2],\n    \"--fairmint-step-progress-complete-text\": fairmintVars.colorIconOnSurfaceSelected,\n  };\n\n  return (\n    <Box\n      component=\"nav\"\n      aria-label={ariaLabel}\n      className=\"fairmint-step-progress\"\n      data-orientation={orientation}\n      style={rootStyle}\n    >\n      <ol className=\"fairmint-step-progress__list\">\n        {steps.map((step, index) => {\n          const stepNumber = index + 1;\n          const status = getStepProgressStatus(step, stepNumber, resolvedActiveStep);\n          const isInteractive = Boolean(onStepChange) && !step.disabled;\n          const pillContent = (\n            <>\n              <span className=\"fairmint-step-progress__indicator\" aria-hidden=\"true\">\n                {status === \"complete\" ? <CheckIcon /> : stepNumber}\n              </span>\n              <span className=\"fairmint-step-progress__label\">{step.label}</span>\n            </>\n          );\n\n          return (\n            <li key={`${stepNumber}-${step.label}`} className=\"fairmint-step-progress__item\">\n              {isInteractive ? (\n                <UnstyledButton\n                  type=\"button\"\n                  className=\"fairmint-step-progress__pill\"\n                  data-state={status}\n                  data-interactive=\"true\"\n                  aria-current={status === \"active\" ? \"step\" : undefined}\n                  aria-label={`Step ${stepNumber}: ${step.label}`}\n                  onClick={() => onStepChange?.(stepNumber)}\n                >\n                  {pillContent}\n                </UnstyledButton>\n              ) : (\n                <span\n                  className=\"fairmint-step-progress__pill\"\n                  data-state={status}\n                  aria-current={status === \"active\" ? \"step\" : undefined}\n                  title={`Step ${stepNumber}: ${step.label}`}\n                >\n                  {pillContent}\n                </span>\n              )}\n            </li>\n          );\n        })}\n      </ol>\n    </Box>\n  );\n}\n\nexport const STEP_PROGRESS_MOBILE_BREAKPOINT = \"48em\";\n"],"names":[],"mappings":";;;;;AA6BA,MAAM,YAAY,MAChB;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;AAGF,MAAM,oBAAoB,CAAC,YAAoB,cAAsB;AACnE,MAAI,CAAC,OAAO,SAAS,UAAU,EAAG,QAAO;AACzC,SAAO,KAAK,IAAI,KAAK,IAAI,KAAK,MAAM,UAAU,GAAG,CAAC,GAAG,SAAS;AAChE;AAEO,MAAM,wBAAwB,CACnC,MACA,YACA,eAC2B;AAC3B,MAAI,eAAe,WAAY,QAAO;AACtC,MAAI,KAAK,aAAa,aAAa,WAAY,QAAO;AACtD,SAAO;AACT;AAOO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA,YAAY;AACd,GAAsB;AACpB,MAAI,MAAM,WAAW,EAAG,QAAO;AAE/B,QAAM,qBAAqB,kBAAkB,YAAY,MAAM,MAAM;AACrE,QAAM,YAAY;AAAA,IAChB,kCAAkC,YAAY;AAAA,IAC9C,mCAAmC,aAAa;AAAA,IAChD,yCAAyC,aAAa;AAAA,IACtD,2CAA2C,aAAa;AAAA,IACxD,6CAA6C,aAAa;AAAA;AAAA;AAAA,IAG1D,0CAA0C,aAAa,CAAC;AAAA,IACxD,kDAAkD,aAAa;AAAA,IAC/D,4CAA4C,aAAa,CAAC;AAAA,IAC1D,0CAA0C,aAAa;AAAA,EAAA;AAGzD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,cAAY;AAAA,MACZ,WAAU;AAAA,MACV,oBAAkB;AAAA,MAClB,OAAO;AAAA,MAEP,UAAA,oBAAC,QAAG,WAAU,gCACX,gBAAM,IAAI,CAAC,MAAM,UAAU;AAC1B,cAAM,aAAa,QAAQ;AAC3B,cAAM,SAAS,sBAAsB,MAAM,YAAY,kBAAkB;AACzE,cAAM,gBAAgB,QAAQ,YAAY,KAAK,CAAC,KAAK;AACrD,cAAM,cACJ,qBAAA,UAAA,EACE,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,qCAAoC,eAAY,QAC7D,qBAAW,aAAa,oBAAC,WAAA,CAAA,CAAU,IAAK,WAAA,CAC3C;AAAA,UACA,oBAAC,QAAA,EAAK,WAAU,iCAAiC,eAAK,MAAA,CAAM;AAAA,QAAA,GAC9D;AAGF,eACE,oBAAC,MAAA,EAAuC,WAAU,gCAC/C,UAAA,gBACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YACV,cAAY;AAAA,YACZ,oBAAiB;AAAA,YACjB,gBAAc,WAAW,WAAW,SAAS;AAAA,YAC7C,cAAY,QAAQ,UAAU,KAAK,KAAK,KAAK;AAAA,YAC7C,SAAS,MAAM,eAAe,UAAU;AAAA,YAEvC,UAAA;AAAA,UAAA;AAAA,QAAA,IAGH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,cAAY;AAAA,YACZ,gBAAc,WAAW,WAAW,SAAS;AAAA,YAC7C,OAAO,QAAQ,UAAU,KAAK,KAAK,KAAK;AAAA,YAEvC,UAAA;AAAA,UAAA;AAAA,QAAA,KApBE,GAAG,UAAU,IAAI,KAAK,KAAK,EAuBpC;AAAA,MAEJ,CAAC,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,MAAM,kCAAkC;"}

package/dist/fairmint-ui.cjs

@@ -43,6 +43,8 @@ const SearchInput = require("./components/generic/SearchInput/SearchInput.cjs");
 const StatCard = require("./components/generic/StatCard/StatCard.cjs");
 const StatusBadge = require("./components/generic/StatusBadge/StatusBadge.cjs");
 const StepCard = require("./components/generic/StepCard/StepCard.cjs");
+const StepFlow = require("./components/generic/StepFlow/StepFlow.cjs");
+const StepProgress = require("./components/generic/StepProgress/StepProgress.cjs");
 const ValidationWarning = require("./components/generic/ValidationWarning/ValidationWarning.cjs");
 const LoadingOverlay = require("./components/LoadingOverlay/LoadingOverlay.cjs");
 const LoadingSpinner = require("./components/LoadingSpinner/LoadingSpinner.cjs");
@@ -195,6 +197,11 @@ exports.SearchInput = SearchInput.SearchInput;
 exports.StatCard = StatCard.StatCard;
 exports.StatusBadge = StatusBadge.StatusBadge;
 exports.StepCard = StepCard.StepCard;
+exports.STEP_FLOW_DEFAULT_MAX_WIDTH = StepFlow.STEP_FLOW_DEFAULT_MAX_WIDTH;
+exports.StepFlow = StepFlow.StepFlow;
+exports.STEP_PROGRESS_MOBILE_BREAKPOINT = StepProgress.STEP_PROGRESS_MOBILE_BREAKPOINT;
+exports.StepProgress = StepProgress.StepProgress;
+exports.getStepProgressStatus = StepProgress.getStepProgressStatus;
 exports.ValidationWarning = ValidationWarning.ValidationWarning;
 exports.LoadingOverlay = LoadingOverlay.LoadingOverlay;
 exports.LoadingSpinner = LoadingSpinner.LoadingSpinner;
@@ -463,6 +470,7 @@ exports.commonColors = index.commonColors;
 exports.createFairmintMantineProviderProps = index.createFairmintMantineProviderProps;
 exports.fairmintCssVariables = index.fairmintCssVariables;
 exports.fairmintVars = index.fairmintVars;
+exports.indigoColors = index.indigoColors;
 exports.neutralColors = index.neutralColors;
 exports.radii = index.radii;
 exports.semanticColors = index.semanticColors;

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

@@ -41,6 +41,8 @@ import { SearchInput } from "./components/generic/SearchInput/SearchInput.js";
 import { StatCard } from "./components/generic/StatCard/StatCard.js";
 import { StatusBadge } from "./components/generic/StatusBadge/StatusBadge.js";
 import { StepCard } from "./components/generic/StepCard/StepCard.js";
+import { STEP_FLOW_DEFAULT_MAX_WIDTH, StepFlow } from "./components/generic/StepFlow/StepFlow.js";
+import { STEP_PROGRESS_MOBILE_BREAKPOINT, StepProgress, getStepProgressStatus } from "./components/generic/StepProgress/StepProgress.js";
 import { ValidationWarning } from "./components/generic/ValidationWarning/ValidationWarning.js";
 import { LoadingOverlay } from "./components/LoadingOverlay/LoadingOverlay.js";
 import { LoadingSpinner } from "./components/LoadingSpinner/LoadingSpinner.js";
@@ -87,7 +89,7 @@ import { MOBILE_BREAKPOINT, useIsMobile } from "./hooks/useIsMobile.js";
 import { TABLET_BREAKPOINT, useIsTablet } from "./hooks/useIsTablet.js";
 import { notify } from "./notify.js";
 import { closeSnackbar, enqueueSnackbar, useSnackbar } from "./snackbarCompat.js";
-import { brandColors, commonColors, createFairmintMantineProviderProps, fairmintCssVariables, fairmintVars, neutralColors, radii, semanticColors, shadowColor, theme, typography } from "./theme/index.js";
+import { brandColors, commonColors, createFairmintMantineProviderProps, fairmintCssVariables, fairmintVars, indigoColors, neutralColors, radii, semanticColors, shadowColor, theme, typography } from "./theme/index.js";
 import { ETHEREUM_ADDRESS_REGEX, ZERO_ETHEREUM_ADDRESS, isEthereumAddress, truncateAddress, validateEthereumAddress } from "./utils/address.js";
 import { getAvatarColor, getInitials } from "./utils/avatar.js";
 import { getLogoFilter, isLightColor } from "./utils/color.js";
@@ -379,6 +381,8 @@ export {
   ReplayIcon,
   RocketIcon,
   RocketLaunchOutlinedIcon,
+  STEP_FLOW_DEFAULT_MAX_WIDTH,
+  STEP_PROGRESS_MOBILE_BREAKPOINT,
   SafeIcon,
   SaveOutlinedIcon,
   ScrollArea,
@@ -405,6 +409,8 @@ export {
   StatCard,
   StatusBadge,
   StepCard,
+  StepFlow,
+  StepProgress,
   Stepper,
   StopCircleOutlinedIcon,
   SupervisorAccountIcon,
@@ -488,10 +494,12 @@ export {
   getAvatarColor,
   getInitials,
   getLogoFilter,
+  getStepProgressStatus,
   getWalletDisplayName,
   getWalletIconColor,
   getWalletKindPill,
   getWalletLabel,
+  indigoColors,
   inputLabelClasses,
   isEthereumAddress,
   isLightColor,

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

@@ -86,6 +86,10 @@ export type { StatusBadgeProps } from './components/generic/StatusBadge/StatusBa
 export { StatusBadge } from './components/generic/StatusBadge/StatusBadge';
 export type { StepCardProps } from './components/generic/StepCard/StepCard';
 export { StepCard } from './components/generic/StepCard/StepCard';
+export type { StepFlowOrientation, StepFlowProps, StepFlowStep, } from './components/generic/StepFlow/StepFlow';
+export { STEP_FLOW_DEFAULT_MAX_WIDTH, StepFlow } from './components/generic/StepFlow/StepFlow';
+export type { StepProgressOrientation, StepProgressProps, StepProgressStep, StepProgressStepStatus, } from './components/generic/StepProgress/StepProgress';
+export { getStepProgressStatus, STEP_PROGRESS_MOBILE_BREAKPOINT, StepProgress, } from './components/generic/StepProgress/StepProgress';
 export type { ValidationWarningProps } from './components/generic/ValidationWarning/ValidationWarning';
 export { ValidationWarning } from './components/generic/ValidationWarning/ValidationWarning';
 export type { LoadingOverlayProps } from './components/LoadingOverlay/LoadingOverlay';
@@ -149,7 +153,7 @@ export { TABLET_BREAKPOINT, useIsTablet } from './hooks/useIsTablet';
 export { notify } from './notify';
 export { closeSnackbar, enqueueSnackbar, useSnackbar } from './snackbarCompat';
 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 { AVATAR_PALETTE, brandColors, colors, commonColors, createFairmintMantineProviderProps, fairmintCssVariables, fairmintVars, fontSizes, indigoColors, 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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"}

package/dist/styles.css

@@ -77,6 +77,163 @@
 .fairmint-ribbon-mark {
   flex-shrink: 0;
 }
+.fairmint-step-progress {
+  width: 100%;
+}
+
+.fairmint-step-progress__list {
+  display: flex;
+  gap: 0.5rem;
+  width: 100%;
+  margin: 0 0 1.5rem;
+  padding: 0;
+  overflow-x: auto;
+  list-style: none;
+  scrollbar-width: none;
+}
+
+.fairmint-step-progress__list::-webkit-scrollbar {
+  display: none;
+}
+
+.fairmint-step-progress[data-orientation="vertical"] .fairmint-step-progress__list {
+  flex-direction: column;
+  margin: 0;
+  overflow: visible;
+}
+
+.fairmint-step-progress__item {
+  min-width: 0;
+  flex: 1 1 0;
+}
+
+.fairmint-step-progress[data-orientation="vertical"] .fairmint-step-progress__item {
+  flex: none;
+}
+
+.fairmint-step-progress__pill {
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 0.5rem;
+  width: 100%;
+  min-height: 3rem;
+  padding: 0.5rem 0.75rem;
+  overflow: hidden;
+  border: 1px solid transparent;
+  border-radius: 999px;
+  background: transparent;
+  color: var(--fairmint-step-progress-text-secondary, #6c737f);
+  font: inherit;
+  text-align: left;
+  text-decoration: none;
+}
+
+.fairmint-step-progress__pill[data-interactive="true"] {
+  cursor: pointer;
+}
+
+.fairmint-step-progress__pill[data-interactive="true"]:hover {
+  background: var(--fairmint-interactive-hover-bg, #f8f9fa);
+}
+
+.fairmint-step-progress__pill[data-interactive="true"]:focus-visible {
+  outline: 2px solid var(--fairmint-interactive-focus-ring, #6366f1);
+  outline-offset: 2px;
+}
+
+.fairmint-step-progress__pill[data-state="active"] {
+  border-color: var(--fairmint-step-progress-active-border, #c7d2fe);
+  background: var(--fairmint-step-progress-surface-selected, #eef2ff);
+  color: var(--fairmint-step-progress-text-primary, #111927);
+}
+
+.fairmint-step-progress__indicator {
+  display: inline-flex;
+  flex: 0 0 1.5rem;
+  align-items: center;
+  justify-content: center;
+  width: 1.5rem;
+  height: 1.5rem;
+  border: 1px solid var(--fairmint-step-progress-border, #d2d6db);
+  border-radius: 50%;
+  color: var(--fairmint-step-progress-text-primary, #111927);
+  font-size: 0.875rem;
+  font-weight: 700;
+  line-height: 1;
+}
+
+.fairmint-step-progress__pill[data-state="active"] .fairmint-step-progress__indicator {
+  border-color: var(--fairmint-step-progress-brand, #6366f1);
+  background: var(--fairmint-step-progress-brand, #6366f1);
+  color: var(--fairmint-step-progress-active-indicator-text, #ffffff);
+}
+
+.fairmint-step-progress__pill[data-state="complete"] .fairmint-step-progress__indicator {
+  border-color: var(--fairmint-step-progress-complete-border, #a5b4fc);
+  background: var(--fairmint-step-progress-surface-selected, #eef2ff);
+  color: var(--fairmint-step-progress-complete-text, #4f46e5);
+}
+
+.fairmint-step-progress__label {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 1rem;
+  font-weight: 500;
+  line-height: 1.25;
+}
+
+.fairmint-step-progress__pill[data-state="active"] .fairmint-step-progress__label {
+  font-weight: 700;
+}
+
+@media (max-width: 47.99em) {
+  .fairmint-step-progress[data-orientation="vertical"] .fairmint-step-progress__list {
+    flex-direction: row;
+    margin-bottom: 1.5rem;
+    overflow-x: auto;
+  }
+
+  .fairmint-step-progress__list {
+    padding-bottom: 0.25rem;
+  }
+
+  .fairmint-step-progress[data-orientation="vertical"] .fairmint-step-progress__item {
+    flex: 0 0 auto;
+  }
+
+  .fairmint-step-progress__pill {
+    width: auto;
+    min-width: 9rem;
+  }
+}
+.fairmint-step-flow {
+  width: 100%;
+  max-width: var(--fairmint-step-flow-max-width, 640px);
+  min-width: 0;
+  margin-inline: auto;
+}
+
+.fairmint-step-flow[data-orientation="vertical"] {
+  display: grid;
+  grid-template-columns: minmax(12rem, 15rem) minmax(0, 1fr);
+  gap: 2rem;
+  align-items: start;
+}
+
+.fairmint-step-flow__content {
+  width: 100%;
+  min-width: 0;
+}
+
+@media (max-width: 47.99em) {
+  .fairmint-step-flow[data-orientation="vertical"] {
+    display: block;
+  }
+}
 :root,
 :host {
   color-scheme: var(--mantine-color-scheme);

package/dist/theme/index.cjs

@@ -194,6 +194,10 @@ const fairmintCssVariables = () => ({
     "--fairmint-color-text-secondary": neutral[5],
     "--fairmint-color-text-tertiary": neutral[4],
     "--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]
   },
@@ -202,7 +206,18 @@ const fairmintCssVariables = () => ({
     "--fairmint-color-text-primary": neutral[0],
     "--fairmint-color-text-secondary": neutral[4],
     "--fairmint-color-text-tertiary": neutral[5],
-    "--fairmint-color-surface-selected": indigo[9],
+    // 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",
+    // 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]
   }
@@ -216,6 +231,14 @@ const fairmintVars = {
   colorTextTertiary: `var(--fairmint-color-text-tertiary, ${neutral[4]})`,
   /** 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]})`,
   /** Large decorative watermark on error/empty pages. Adapts to color scheme. */
   watermarkColor: `var(--fairmint-watermark-color, ${neutral[1]})`,
   /** Heading font family (Plus Jakarta Sans). */
@@ -243,6 +266,18 @@ const commonColors = {
 const shadowColor = {
   card: "#1119271A"
 };
+const indigoColors = {
+  0: "#EEF2FF",
+  1: "#E0E7FF",
+  2: "#C7D2FE",
+  3: "#A5B4FC",
+  4: "#818CF8",
+  5: "#6366F1",
+  6: "#4F46E5",
+  7: "#4338CA",
+  8: "#3730A3",
+  9: "#312E81"
+};
 const neutralColors = {
   50: "#F8F9FA",
   100: "#F3F4F6",
@@ -268,6 +303,7 @@ exports.commonColors = commonColors;
 exports.createFairmintMantineProviderProps = createFairmintMantineProviderProps;
 exports.fairmintCssVariables = fairmintCssVariables;
 exports.fairmintVars = fairmintVars;
+exports.indigoColors = indigoColors;
 exports.neutralColors = neutralColors;
 exports.radii = radii;
 exports.semanticColors = semanticColors;

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-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    \"--fairmint-color-surface-selected\": indigo[9],\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  /** 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/** 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  \"#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":";;;;;AAQO,MAAM,QAAQ;AAAA,EACnB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAOA,MAAM,SAA6B;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAMA,MAAM,UAA8B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AASA,MAAM,eAAmC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AASA,MAAM,iBAAqC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,UAA8B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,UAA8B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,QAA4B;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,OAA2B;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAOO,MAAM,aAAa;AAAA,EACxB,YACE;AAAA,EACF,mBAAmB;AACrB;AAEO,MAAM,QAAQA,YAAAA,YAAY;AAAA,EAC/B,cAAc;AAAA,EACd,QAAQ,EAAE,QAAQ,MAAM,SAAS,cAAc,gBAAgB,SAAS,SAAS,OAAO,KAAA;AAAA,EAExF,YAAY,WAAW;AAAA,EACvB,UAAU;AAAA,IACR,YAAY,WAAW;AAAA,IACvB,YAAY;AAAA,EAAA;AAAA,EAGd,QAAQ;AAAA,EACR,eAAe;AAAA,EAAA,SACfC,QAAAA;AAAAA,EACA,WAAW;AAAA,IACT,IAAIC,UAAAA,UAAU;AAAA,IACd,IAAIA,UAAAA,UAAU;AAAA,IACd,IAAIA,UAAAA,UAAU;AAAA,IACd,IAAIA,UAAAA,UAAU;AAAA,IACd,IAAIA,UAAAA,UAAU;AAAA,EAAA;AAAA,EAGhB,aAAa;AAAA,IACX,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAAA;AAAA,EAGN,YAAY;AAAA,IACV,QAAQ;AAAA,MACN,cAAc,EAAE,MAAM,KAAA;AAAA,MACtB,QAAQ;AAAA,QACN,MAAM;AAAA,UACJ,YAAY;AAAA,UACZ,cAAc;AAAA,UACd,eAAe;AAAA,QAAA;AAAA,MACjB;AAAA,IACF;AAAA,IAEF,WAAW;AAAA,MACT,cAAc,EAAE,MAAM,KAAA;AAAA,IAAK;AAAA,IAE7B,MAAM;AAAA,MACJ,cAAc;AAAA,QACZ,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,YAAY;AAAA,MAAA;AAAA,IACd;AAAA,IAEF,OAAO;AAAA,MACL,QAAQ;AAAA,QACN,MAAM,EAAE,iBAAiB,OAAA;AAAA,MAAO;AAAA,IAClC;AAAA,IAEF,OAAO;AAAA,MACL,QAAQ;AAAA,QACN,OAAO;AAAA,UACL,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,eAAe;AAAA,UACf,eAAe;AAAA,QAAA;AAAA,MACjB;AAAA,IACF;AAAA,IAEF,OAAO;AAAA,MACL,QAAQ;AAAA,QACN,OAAO;AAAA,UACL,UAAUA,UAAAA,UAAU;AAAA,UACpB,YAAY;AAAA,UACZ,YAAY;AAAA,QAAA;AAAA,MACd;AAAA,IACF;AAAA,EACF;AAEJ,CAAC;AAOM,MAAM,uBAA6C,OAAO;AAAA,EAC/D,WAAW;AAAA,IACT,4BAA4B,WAAW;AAAA,IACvC,wBAAwB,WAAW;AAAA,IACnC,qCAAqC,OAAO,CAAC;AAAA,EAAA;AAAA,EAE/C,OAAO;AAAA,IACL,8BAA8B,QAAQ,CAAC;AAAA,IACvC,iCAAiC,QAAQ,CAAC;AAAA,IAC1C,mCAAmC,QAAQ,CAAC;AAAA,IAC5C,kCAAkC,QAAQ,CAAC;AAAA,IAC3C,qCAAqC,OAAO,CAAC;AAAA,IAC7C,6CAA6C,OAAO,CAAC;AAAA,IACrD,+BAA+B;AAAA,IAC/B,yCAAyC,QAAQ,CAAC;AAAA,IAClD,mCAAmC,QAAQ,CAAC;AAAA,IAC5C,uCAAuC,aAAa,QAAQ,CAAC,CAAC;AAAA,IAC9D,mCAAmC,QAAQ,CAAC;AAAA,EAAA;AAAA,EAE9C,MAAM;AAAA,IACJ,8BAA8B,QAAQ,CAAC;AAAA,IACvC,iCAAiC,QAAQ,CAAC;AAAA,IAC1C,mCAAmC,QAAQ,CAAC;AAAA,IAC5C,kCAAkC,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAM3C,qCAAqC;AAAA;AAAA;AAAA,IAGrC,6CAA6C,OAAO,CAAC;AAAA,IACrD,+BAA+B;AAAA,IAC/B,yCAAyC;AAAA,IACzC,mCAAmC;AAAA,IACnC,uCAAuC,aAAa,QAAQ,CAAC,CAAC;AAAA,IAC9D,mCAAmC,QAAQ,CAAC;AAAA,EAAA;AAEhD;AAYO,MAAM,eAAe;AAAA;AAAA,EAE1B,kBAAkB,sCAAsC,QAAQ,CAAC,CAAC;AAAA;AAAA,EAElE,oBAAoB,wCAAwC,QAAQ,CAAC,CAAC;AAAA;AAAA,EAEtE,mBAAmB,uCAAuC,QAAQ,CAAC,CAAC;AAAA;AAAA,EAEpE,sBAAsB,0CAA0C,OAAO,CAAC,CAAC;AAAA;AAAA,EAEzE,4BAA4B,kDAAkD,OAAO,CAAC,CAAC;AAAA;AAAA,EAEvF,gBAAgB;AAAA;AAAA,EAEhB,yBAAyB,8CAA8C,QAAQ,CAAC,CAAC;AAAA;AAAA,EAEjF,oBAAoB,wCAAwC,QAAQ,CAAC,CAAC;AAAA;AAAA,EAEtE,gBAAgB,mCAAmC,QAAQ,CAAC,CAAC;AAAA;AAAA,EAE7D,cAAc,iCAAiC,WAAW,iBAAiB;AAAA;AAAA,EAE3E,UAAU,6BAA6B,WAAW,UAAU;AAC9D;AAiBO,SAAS,mCACd,cAAyC,SACzC;AACA,SAAO;AAAA,IACL;AAAA,IACA,sBAAsB;AAAA,IACtB,oBAAoB;AAAA,EAAA;AAExB;AAGO,MAAM,cAAc;AAAA,EACzB,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AACZ;AAEO,MAAM,eAAe;AAAA,EAC1B,OAAO;AAAA,EACP,OAAO;AACT;AAMO,MAAM,cAAc;AAAA,EACzB,MAAM;AACR;AAGO,MAAM,eAAe;AAAA,EAC1B,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGO,MAAM,gBAAgB;AAAA,EAC3B,IAAI;AAAA,EACJ,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP;AAGO,MAAM,iBAAiB;AAAA,EAC5B,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AACR;;;;;;;;;;;;;;;"}

package/dist/theme/index.d.ts

@@ -185,6 +185,14 @@ export declare const fairmintVars: {
     readonly colorTextTertiary: `var(--fairmint-color-text-tertiary, ${string})`;
     /** Background tint for selected / active rows. Adapts to color scheme. */
     readonly colorSurfaceSelected: `var(--fairmint-color-surface-selected, ${string})`;
+    /** Icon/text drawn on top of colorSurfaceSelected (e.g. a checkmark in a selected badge). Adapts to color scheme. */
+    readonly colorIconOnSurfaceSelected: `var(--fairmint-color-icon-on-surface-selected, ${string})`;
+    /** Primary raised surface (cards/panels). Adapts to color scheme. Matches PR #88's naming. */
+    readonly 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. */
+    readonly colorBgSurfaceSecondary: `var(--fairmint-color-bg-surface-secondary, ${string})`;
+    /** Default hairline border for cards/panels. Adapts to color scheme. Matches PR #88's naming. */
+    readonly colorBorderDefault: `var(--fairmint-color-border-default, ${string})`;
     /** Large decorative watermark on error/empty pages. Adapts to color scheme. */
     readonly watermarkColor: `var(--fairmint-watermark-color, ${string})`;
     /** Heading font family (Plus Jakarta Sans). */
@@ -370,6 +378,19 @@ export declare const commonColors: {
 export declare const shadowColor: {
     readonly card: "#1119271A";
 };
+/** Indigo scale for direct access outside Mantine's theme system. Keys are numeric literals. */
+export declare const indigoColors: {
+    readonly 0: "#EEF2FF";
+    readonly 1: "#E0E7FF";
+    readonly 2: "#C7D2FE";
+    readonly 3: "#A5B4FC";
+    readonly 4: "#818CF8";
+    readonly 5: "#6366F1";
+    readonly 6: "#4F46E5";
+    readonly 7: "#4338CA";
+    readonly 8: "#3730A3";
+    readonly 9: "#312E81";
+};
 /** Neutral scale for direct access outside Mantine's theme system. Keys are numeric literals. */
 export declare const neutralColors: {
     readonly 50: "#F8F9FA";