@fairmint/ui 0.4.3 → 0.4.5

package/dist/_virtual/index3.cjs

@@ -1,7 +1,5 @@
 "use strict";
-const _commonjsHelpers = require("./_commonjsHelpers.cjs");
-const index = require("../node_modules/fast-deep-equal/index.cjs");
-var fastDeepEqualExports = index.__require();
-const isEqual = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(fastDeepEqualExports);
-module.exports = isEqual;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var propTypes = { exports: {} };
+exports.__module = propTypes;
 //# sourceMappingURL=index3.cjs.map

package/dist/_virtual/index3.cjs.map

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

package/dist/_virtual/index3.js

@@ -1,8 +1,5 @@
-import { getDefaultExportFromCjs } from "./_commonjsHelpers.js";
-import { __require as requireFastDeepEqual } from "../node_modules/fast-deep-equal/index.js";
-var fastDeepEqualExports = requireFastDeepEqual();
-const isEqual = /* @__PURE__ */ getDefaultExportFromCjs(fastDeepEqualExports);
+var propTypes = { exports: {} };
 export {
-  isEqual as default
+  propTypes as __module
 };
 //# sourceMappingURL=index3.js.map

package/dist/_virtual/index3.js.map

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

package/dist/_virtual/index4.cjs

@@ -1,5 +1,7 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var propTypes = { exports: {} };
-exports.__module = propTypes;
+const _commonjsHelpers = require("./_commonjsHelpers.cjs");
+const index = require("../node_modules/fast-deep-equal/index.cjs");
+var fastDeepEqualExports = index.__require();
+const isEqual = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(fastDeepEqualExports);
+module.exports = isEqual;
 //# sourceMappingURL=index4.cjs.map

package/dist/_virtual/index4.cjs.map

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

package/dist/_virtual/index4.js

@@ -1,5 +1,8 @@
-var propTypes = { exports: {} };
+import { getDefaultExportFromCjs } from "./_commonjsHelpers.js";
+import { __require as requireFastDeepEqual } from "../node_modules/fast-deep-equal/index.js";
+var fastDeepEqualExports = requireFastDeepEqual();
+const isEqual = /* @__PURE__ */ getDefaultExportFromCjs(fastDeepEqualExports);
 export {
-  propTypes as __module
+  isEqual as default
 };
 //# sourceMappingURL=index4.js.map

package/dist/_virtual/index4.js.map

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

package/dist/components/FairmintLogo/FairmintLogoMarkRounded.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
 const logo = require("../../theme/logo.cjs");
 const LOGO_MARK_ROUNDED_VIEWBOX = { width: 36, height: 36 };
 const LOGO_MARK_ROUNDED_TILE = logo.logoColors.markRoundedTile;
@@ -16,15 +17,17 @@ function FairmintLogoMarkRounded({
   size = 32,
   frameSize,
   variant = "tile",
-  tileColor = LOGO_MARK_ROUNDED_TILE,
+  tileColor,
   glyphColor,
   alt,
   className,
   style
 }) {
+  const gradientId = React.useId();
   const isDecorative = !alt;
   const resolvedFrame = frameSize && frameSize > size ? frameSize : void 0;
   const showTile = variant === "tile";
+  const showTileGlow = showTile && tileColor === void 0;
   const resolvedGlyph = resolveGlyphColor(variant, glyphColor);
   const mark = /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
@@ -40,8 +43,12 @@ function FairmintLogoMarkRounded({
       "aria-label": isDecorative ? void 0 : alt,
       children: [
         !isDecorative && /* @__PURE__ */ jsxRuntime.jsx("title", { children: alt }),
-        showTile && /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "36", height: "36", rx: "8", fill: tileColor }),
-        /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: "translate(18 18.07) scale(1.12) translate(-18 -18.07)", children: [
+        showTile && /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "36", height: "36", rx: "8", fill: tileColor ?? LOGO_MARK_ROUNDED_TILE }),
+        showTileGlow && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "36", height: "36", rx: "8", fill: `url(#${gradientId}-indigo)` }),
+          /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "36", height: "36", rx: "8", fill: `url(#${gradientId}-teal)` })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: "translate(18 18.39) scale(1.35) translate(-18 -18.39)", children: [
           /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12.4661 20.3562V26.446H15.1251V18.7954L12.4661 20.3562Z", fill: resolvedGlyph }),
           /* @__PURE__ */ jsxRuntime.jsx(
             "path",
@@ -57,8 +64,40 @@ function FairmintLogoMarkRounded({
               fill: resolvedGlyph
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22.5714 12.7273H19.9113V15.8081H22.5714V12.7273Z", fill: resolvedGlyph }),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22.5714 12.7273H19.9113V16H22.5714V12.7273Z", fill: resolvedGlyph }),
           /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M25.7283 15.8218H10.2717V18.0841H25.7283V15.8218Z", fill: resolvedGlyph })
+        ] }),
+        showTileGlow && /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "radialGradient",
+            {
+              id: `${gradientId}-indigo`,
+              cx: "36",
+              cy: "0",
+              r: "36",
+              gradientTransform: "matrix(1 0 0 0.6667 0 0)",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: logo.logoColors.markRoundedGlowIndigo }),
+                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0.5", stopColor: logo.logoColors.markRoundedGlowIndigo, stopOpacity: "0.6" }),
+                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: logo.logoColors.markRoundedGlowIndigo, stopOpacity: "0" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "radialGradient",
+            {
+              id: `${gradientId}-teal`,
+              cx: "0",
+              cy: "36",
+              r: "22.5",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: logo.logoColors.markRoundedGlowTeal }),
+                /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: logo.logoColors.markRoundedGlowTeal, stopOpacity: "0" })
+              ]
+            }
+          )
         ] })
       ]
     }

package/dist/components/FairmintLogo/FairmintLogoMarkRounded.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FairmintLogoMarkRounded.cjs","sources":["../../../src/components/FairmintLogo/FairmintLogoMarkRounded.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport { logoColors, logoFills } from \"../../theme/logo\";\n\n/** Product FT mark — rounded square tile from the brand icon asset. */\nexport const LOGO_MARK_ROUNDED_VIEWBOX = { width: 36, height: 36 } as const;\n\n/** Default tile fill from the FT Mark Rounded Square source asset. */\nexport const LOGO_MARK_ROUNDED_TILE = logoColors.markRoundedTile;\n\n/**\n * Collapsed SideNav layout: 48×48 frame with a 36×36 mark centered inside\n * (white/transparent padding around the tile).\n */\nexport const SIDE_NAV_COLLAPSED_LOGO_FRAME = 48;\nexport const SIDE_NAV_COLLAPSED_LOGO_SIZE = 36;\n\nexport type FairmintLogoMarkRoundedVariant = \"tile\" | \"black\" | \"white\";\n\nexport interface FairmintLogoMarkRoundedProps {\n  /** Square size of the mark in pixels. @default 32 */\n  size?: number;\n  /**\n   * Outer frame size. When set larger than `size`, centers the mark in a\n   * transparent square (e.g. frame 48 + size 36 for collapsed SideNav).\n   */\n  frameSize?: number;\n  /**\n   * `tile` — purple rounded square with white FT glyph (collapsed nav / app icon).\n   * `black` — standalone FT ligature for light mode.\n   * `white` — standalone FT ligature for dark mode.\n   * @default \"tile\"\n   */\n  variant?: FairmintLogoMarkRoundedVariant;\n  /** Rounded tile fill. Applies to `variant=\"tile\"`. @default LOGO_MARK_ROUNDED_TILE */\n  tileColor?: string;\n  /** Glyph fill override. Defaults from `variant`. */\n  glyphColor?: string;\n  /**\n   * Accessible name when the mark is standalone (collapsed nav, favicon).\n   * Omit or pass `\"\"` when decorative inside a labeled lockup or link.\n   */\n  alt?: string;\n  className?: string;\n  style?: CSSProperties;\n}\n\nfunction resolveGlyphColor(\n  variant: FairmintLogoMarkRoundedVariant,\n  glyphColor: string | undefined,\n): string {\n  if (glyphColor) {\n    return glyphColor;\n  }\n  return variant === \"black\" ? logoFills.black : logoFills.white;\n}\n\n/**\n * Fairmint FT mark — preferred collapsed SideNav / app-icon lockup.\n * Source geometry: FT Mark Rounded Square. `variant=\"tile\"` fills `size` with\n * the purple rounded square; `black` / `white` render the ligature alone for\n * light and dark surfaces. Optional `frameSize` adds transparent padding.\n */\nexport function FairmintLogoMarkRounded({\n  size = 32,\n  frameSize,\n  variant = \"tile\",\n  tileColor = LOGO_MARK_ROUNDED_TILE,\n  glyphColor,\n  alt,\n  className,\n  style,\n}: FairmintLogoMarkRoundedProps) {\n  const isDecorative = !alt;\n  const resolvedFrame = frameSize && frameSize > size ? frameSize : undefined;\n  const showTile = variant === \"tile\";\n  const resolvedGlyph = resolveGlyphColor(variant, glyphColor);\n\n  const mark = (\n    <svg\n      viewBox={`0 0 ${LOGO_MARK_ROUNDED_VIEWBOX.width} ${LOGO_MARK_ROUNDED_VIEWBOX.height}`}\n      width={size}\n      height={size}\n      className={resolvedFrame ? undefined : className}\n      style={{ display: \"block\", flexShrink: 0, ...(resolvedFrame ? undefined : style) }}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden={isDecorative || undefined}\n      role={isDecorative ? undefined : \"img\"}\n      aria-label={isDecorative ? undefined : alt}\n    >\n      {!isDecorative && <title>{alt}</title>}\n      {/* Tile fills the viewBox — padding belongs on `frameSize`, not inside the SVG. */}\n      {showTile && <rect width=\"36\" height=\"36\" rx=\"8\" fill={tileColor} />}\n      <g transform=\"translate(18 18.07) scale(1.12) translate(-18 -18.07)\">\n        <path d=\"M12.4661 20.3562V26.446H15.1251V18.7954L12.4661 20.3562Z\" fill={resolvedGlyph} />\n        <path\n          d=\"M22.5714 22.7206V18.7932L19.9113 20.354V22.9428C19.9113 25.447 20.5768 26.7091 23.391 26.7091C24.0115 26.7091 24.9416 26.6194 25.4954 26.3556V24.1164C25.1627 24.3598 24.5198 24.4499 24.055 24.4499C22.8819 24.4499 22.5714 23.7836 22.5714 22.7206Z\"\n          fill={resolvedGlyph}\n        />\n        <path\n          d=\"M16.4329 9.42847C13.1307 9.42847 12.4656 11.3557 12.4656 14.3028V15.822H15.1254V13.8818C15.1254 12.7079 15.3456 11.6881 16.8315 11.6881C17.2086 11.6881 17.5629 11.7555 17.9388 11.8445L18.1148 9.5829C17.5625 9.47197 17.0071 9.42847 16.4329 9.42847Z\"\n          fill={resolvedGlyph}\n        />\n        <path d=\"M22.5714 12.7273H19.9113V15.8081H22.5714V12.7273Z\" fill={resolvedGlyph} />\n        <path d=\"M25.7283 15.8218H10.2717V18.0841H25.7283V15.8218Z\" fill={resolvedGlyph} />\n      </g>\n    </svg>\n  );\n\n  if (!resolvedFrame) {\n    return mark;\n  }\n\n  return (\n    <span\n      className={className}\n      style={{\n        display: \"inline-flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        width: resolvedFrame,\n        height: resolvedFrame,\n        flexShrink: 0,\n        ...style,\n      }}\n    >\n      {mark}\n    </span>\n  );\n}\n"],"names":["logoColors","logoFills","jsxs","jsx"],"mappings":";;;;AAIO,MAAM,4BAA4B,EAAE,OAAO,IAAI,QAAQ,GAAA;AAGvD,MAAM,yBAAyBA,KAAAA,WAAW;AAM1C,MAAM,gCAAgC;AACtC,MAAM,+BAA+B;AAgC5C,SAAS,kBACP,SACA,YACQ;AACR,MAAI,YAAY;AACd,WAAO;AAAA,EACT;AACA,SAAO,YAAY,UAAUC,KAAAA,UAAU,QAAQA,KAAAA,UAAU;AAC3D;AAQO,SAAS,wBAAwB;AAAA,EACtC,OAAO;AAAA,EACP;AAAA,EACA,UAAU;AAAA,EACV,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAiC;AAC/B,QAAM,eAAe,CAAC;AACtB,QAAM,gBAAgB,aAAa,YAAY,OAAO,YAAY;AAClE,QAAM,WAAW,YAAY;AAC7B,QAAM,gBAAgB,kBAAkB,SAAS,UAAU;AAE3D,QAAM,OACJC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,OAAO,0BAA0B,KAAK,IAAI,0BAA0B,MAAM;AAAA,MACnF,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAW,gBAAgB,SAAY;AAAA,MACvC,OAAO,EAAE,SAAS,SAAS,YAAY,GAAG,GAAI,gBAAgB,SAAY,MAAA;AAAA,MAC1E,OAAM;AAAA,MACN,eAAa,gBAAgB;AAAA,MAC7B,MAAM,eAAe,SAAY;AAAA,MACjC,cAAY,eAAe,SAAY;AAAA,MAEtC,UAAA;AAAA,QAAA,CAAC,gBAAgBC,2BAAAA,IAAC,SAAA,EAAO,UAAA,IAAA,CAAI;AAAA,QAE7B,YAAYA,2BAAAA,IAAC,QAAA,EAAK,OAAM,MAAK,QAAO,MAAK,IAAG,KAAI,MAAM,UAAA,CAAW;AAAA,QAClED,2BAAAA,KAAC,KAAA,EAAE,WAAU,yDACX,UAAA;AAAA,UAAAC,2BAAAA,IAAC,QAAA,EAAK,GAAE,4DAA2D,MAAM,eAAe;AAAA,UACxFA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,GAAE;AAAA,cACF,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,UAERA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,GAAE;AAAA,cACF,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,UAERA,2BAAAA,IAAC,QAAA,EAAK,GAAE,qDAAoD,MAAM,eAAe;AAAA,UACjFA,2BAAAA,IAAC,QAAA,EAAK,GAAE,qDAAoD,MAAM,cAAA,CAAe;AAAA,QAAA,EAAA,CACnF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIJ,MAAI,CAAC,eAAe;AAClB,WAAO;AAAA,EACT;AAEA,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,GAAG;AAAA,MAAA;AAAA,MAGJ,UAAA;AAAA,IAAA;AAAA,EAAA;AAGP;;;;;;"}
+{"version":3,"file":"FairmintLogoMarkRounded.cjs","sources":["../../../src/components/FairmintLogo/FairmintLogoMarkRounded.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport { useId } from \"react\";\nimport { logoColors, logoFills } from \"../../theme/logo\";\n\n/** Product FT mark — rounded square tile from the brand icon asset. */\nexport const LOGO_MARK_ROUNDED_VIEWBOX = { width: 36, height: 36 } as const;\n\n/** Base tile field from the FT Mark Rounded Square source asset. */\nexport const LOGO_MARK_ROUNDED_TILE = logoColors.markRoundedTile;\n\n/**\n * Collapsed SideNav layout: 48×48 frame with a 36×36 mark centered inside\n * (white/transparent padding around the tile).\n */\nexport const SIDE_NAV_COLLAPSED_LOGO_FRAME = 48;\nexport const SIDE_NAV_COLLAPSED_LOGO_SIZE = 36;\n\nexport type FairmintLogoMarkRoundedVariant = \"tile\" | \"black\" | \"white\";\n\nexport interface FairmintLogoMarkRoundedProps {\n  /** Square size of the mark in pixels. @default 32 */\n  size?: number;\n  /**\n   * Outer frame size. When set larger than `size`, centers the mark in a\n   * transparent square (e.g. frame 48 + size 36 for collapsed SideNav).\n   */\n  frameSize?: number;\n  /**\n   * `tile` — dark rounded square with white FT glyph (collapsed nav / app icon).\n   * `black` — standalone FT ligature for light mode.\n   * `white` — standalone FT ligature for dark mode.\n   * @default \"tile\"\n   */\n  variant?: FairmintLogoMarkRoundedVariant;\n  /**\n   * Flat tile fill for `variant=\"tile\"`. Setting it replaces the brand field —\n   * base color plus corner blooms — with a single solid color.\n   */\n  tileColor?: string;\n  /** Glyph fill override. Defaults from `variant`. */\n  glyphColor?: string;\n  /**\n   * Accessible name when the mark is standalone (collapsed nav, favicon).\n   * Omit or pass `\"\"` when decorative inside a labeled lockup or link.\n   */\n  alt?: string;\n  className?: string;\n  style?: CSSProperties;\n}\n\nfunction resolveGlyphColor(\n  variant: FairmintLogoMarkRoundedVariant,\n  glyphColor: string | undefined,\n): string {\n  if (glyphColor) {\n    return glyphColor;\n  }\n  return variant === \"black\" ? logoFills.black : logoFills.white;\n}\n\n/**\n * Fairmint FT mark — preferred collapsed SideNav / app-icon lockup.\n * Source geometry: FT Mark Rounded Square. `variant=\"tile\"` fills `size` with\n * the dark rounded square; `black` / `white` render the ligature alone for\n * light and dark surfaces. Optional `frameSize` adds transparent padding.\n */\nexport function FairmintLogoMarkRounded({\n  size = 32,\n  frameSize,\n  variant = \"tile\",\n  tileColor,\n  glyphColor,\n  alt,\n  className,\n  style,\n}: FairmintLogoMarkRoundedProps) {\n  const gradientId = useId();\n  const isDecorative = !alt;\n  const resolvedFrame = frameSize && frameSize > size ? frameSize : undefined;\n  const showTile = variant === \"tile\";\n  // Corner blooms belong to the brand field — a caller-supplied fill replaces both.\n  const showTileGlow = showTile && tileColor === undefined;\n  const resolvedGlyph = resolveGlyphColor(variant, glyphColor);\n\n  const mark = (\n    <svg\n      viewBox={`0 0 ${LOGO_MARK_ROUNDED_VIEWBOX.width} ${LOGO_MARK_ROUNDED_VIEWBOX.height}`}\n      width={size}\n      height={size}\n      className={resolvedFrame ? undefined : className}\n      style={{ display: \"block\", flexShrink: 0, ...(resolvedFrame ? undefined : style) }}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden={isDecorative || undefined}\n      role={isDecorative ? undefined : \"img\"}\n      aria-label={isDecorative ? undefined : alt}\n    >\n      {!isDecorative && <title>{alt}</title>}\n      {/* Tile fills the viewBox — padding belongs on `frameSize`, not inside the SVG. */}\n      {showTile && (\n        <rect width=\"36\" height=\"36\" rx=\"8\" fill={tileColor ?? LOGO_MARK_ROUNDED_TILE} />\n      )}\n      {showTileGlow && (\n        <>\n          <rect width=\"36\" height=\"36\" rx=\"8\" fill={`url(#${gradientId}-indigo)`} />\n          <rect width=\"36\" height=\"36\" rx=\"8\" fill={`url(#${gradientId}-teal)`} />\n        </>\n      )}\n      <g transform=\"translate(18 18.39) scale(1.35) translate(-18 -18.39)\">\n        <path d=\"M12.4661 20.3562V26.446H15.1251V18.7954L12.4661 20.3562Z\" fill={resolvedGlyph} />\n        <path\n          d=\"M22.5714 22.7206V18.7932L19.9113 20.354V22.9428C19.9113 25.447 20.5768 26.7091 23.391 26.7091C24.0115 26.7091 24.9416 26.6194 25.4954 26.3556V24.1164C25.1627 24.3598 24.5198 24.4499 24.055 24.4499C22.8819 24.4499 22.5714 23.7836 22.5714 22.7206Z\"\n          fill={resolvedGlyph}\n        />\n        <path\n          d=\"M16.4329 9.42847C13.1307 9.42847 12.4656 11.3557 12.4656 14.3028V15.822H15.1254V13.8818C15.1254 12.7079 15.3456 11.6881 16.8315 11.6881C17.2086 11.6881 17.5629 11.7555 17.9388 11.8445L18.1148 9.5829C17.5625 9.47197 17.0071 9.42847 16.4329 9.42847Z\"\n          fill={resolvedGlyph}\n        />\n        {/* Ascender runs under the crossbar — abutting edges leave a hairline seam. */}\n        <path d=\"M22.5714 12.7273H19.9113V16H22.5714V12.7273Z\" fill={resolvedGlyph} />\n        <path d=\"M25.7283 15.8218H10.2717V18.0841H25.7283V15.8218Z\" fill={resolvedGlyph} />\n      </g>\n      {showTileGlow && (\n        <defs>\n          {/* Wide-but-shallow ellipse: the indigo bloom runs the full top edge\n              but fades out before the lower right corner. */}\n          <radialGradient\n            id={`${gradientId}-indigo`}\n            cx=\"36\"\n            cy=\"0\"\n            r=\"36\"\n            gradientTransform=\"matrix(1 0 0 0.6667 0 0)\"\n            gradientUnits=\"userSpaceOnUse\"\n          >\n            <stop stopColor={logoColors.markRoundedGlowIndigo} />\n            <stop offset=\"0.5\" stopColor={logoColors.markRoundedGlowIndigo} stopOpacity=\"0.6\" />\n            <stop offset=\"1\" stopColor={logoColors.markRoundedGlowIndigo} stopOpacity=\"0\" />\n          </radialGradient>\n          <radialGradient\n            id={`${gradientId}-teal`}\n            cx=\"0\"\n            cy=\"36\"\n            r=\"22.5\"\n            gradientUnits=\"userSpaceOnUse\"\n          >\n            <stop stopColor={logoColors.markRoundedGlowTeal} />\n            <stop offset=\"1\" stopColor={logoColors.markRoundedGlowTeal} stopOpacity=\"0\" />\n          </radialGradient>\n        </defs>\n      )}\n    </svg>\n  );\n\n  if (!resolvedFrame) {\n    return mark;\n  }\n\n  return (\n    <span\n      className={className}\n      style={{\n        display: \"inline-flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        width: resolvedFrame,\n        height: resolvedFrame,\n        flexShrink: 0,\n        ...style,\n      }}\n    >\n      {mark}\n    </span>\n  );\n}\n"],"names":["logoColors","logoFills","useId","jsxs","jsx","Fragment"],"mappings":"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"}

package/dist/components/FairmintLogo/FairmintLogoMarkRounded.d.ts

@@ -4,8 +4,8 @@ export declare const LOGO_MARK_ROUNDED_VIEWBOX: {
     readonly width: 36;
     readonly height: 36;
 };
-/** Default tile fill from the FT Mark Rounded Square source asset. */
-export declare const LOGO_MARK_ROUNDED_TILE: "#825BFF";
+/** Base tile field from the FT Mark Rounded Square source asset. */
+export declare const LOGO_MARK_ROUNDED_TILE: "#0D1023";
 /**
  * Collapsed SideNav layout: 48×48 frame with a 36×36 mark centered inside
  * (white/transparent padding around the tile).
@@ -22,13 +22,16 @@ export interface FairmintLogoMarkRoundedProps {
      */
     frameSize?: number;
     /**
-     * `tile` — purple rounded square with white FT glyph (collapsed nav / app icon).
+     * `tile` — dark rounded square with white FT glyph (collapsed nav / app icon).
      * `black` — standalone FT ligature for light mode.
      * `white` — standalone FT ligature for dark mode.
      * @default "tile"
      */
     variant?: FairmintLogoMarkRoundedVariant;
-    /** Rounded tile fill. Applies to `variant="tile"`. @default LOGO_MARK_ROUNDED_TILE */
+    /**
+     * Flat tile fill for `variant="tile"`. Setting it replaces the brand field —
+     * base color plus corner blooms — with a single solid color.
+     */
     tileColor?: string;
     /** Glyph fill override. Defaults from `variant`. */
     glyphColor?: string;
@@ -43,7 +46,7 @@ export interface FairmintLogoMarkRoundedProps {
 /**
  * Fairmint FT mark — preferred collapsed SideNav / app-icon lockup.
  * Source geometry: FT Mark Rounded Square. `variant="tile"` fills `size` with
- * the purple rounded square; `black` / `white` render the ligature alone for
+ * the dark rounded square; `black` / `white` render the ligature alone for
  * light and dark surfaces. Optional `frameSize` adds transparent padding.
  */
 export declare function FairmintLogoMarkRounded({ size, frameSize, variant, tileColor, glyphColor, alt, className, style, }: FairmintLogoMarkRoundedProps): import("react").JSX.Element;

package/dist/components/FairmintLogo/FairmintLogoMarkRounded.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FairmintLogoMarkRounded.d.ts","sourceRoot":"","sources":["../../../src/components/FairmintLogo/FairmintLogoMarkRounded.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG3C,uEAAuE;AACvE,eAAO,MAAM,yBAAyB;;;CAAqC,CAAC;AAE5E,sEAAsE;AACtE,eAAO,MAAM,sBAAsB,WAA6B,CAAC;AAEjE;;;GAGG;AACH,eAAO,MAAM,6BAA6B,KAAK,CAAC;AAChD,eAAO,MAAM,4BAA4B,KAAK,CAAC;AAE/C,MAAM,MAAM,8BAA8B,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAExE,MAAM,WAAW,4BAA4B;IAC3C,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,8BAA8B,CAAC;IACzC,sFAAsF;IACtF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAYD;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,IAAS,EACT,SAAS,EACT,OAAgB,EAChB,SAAkC,EAClC,UAAU,EACV,GAAG,EACH,SAAS,EACT,KAAK,GACN,EAAE,4BAA4B,+BAyD9B"}
+{"version":3,"file":"FairmintLogoMarkRounded.d.ts","sourceRoot":"","sources":["../../../src/components/FairmintLogo/FairmintLogoMarkRounded.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI3C,uEAAuE;AACvE,eAAO,MAAM,yBAAyB;;;CAAqC,CAAC;AAE5E,oEAAoE;AACpE,eAAO,MAAM,sBAAsB,WAA6B,CAAC;AAEjE;;;GAGG;AACH,eAAO,MAAM,6BAA6B,KAAK,CAAC;AAChD,eAAO,MAAM,4BAA4B,KAAK,CAAC;AAE/C,MAAM,MAAM,8BAA8B,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAExE,MAAM,WAAW,4BAA4B;IAC3C,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,8BAA8B,CAAC;IACzC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAYD;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,IAAS,EACT,SAAS,EACT,OAAgB,EAChB,SAAS,EACT,UAAU,EACV,GAAG,EACH,SAAS,EACT,KAAK,GACN,EAAE,4BAA4B,+BAiG9B"}

package/dist/components/FairmintLogo/FairmintLogoMarkRounded.js

@@ -1,4 +1,5 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useId } from "react";
 import { logoColors, logoFills } from "../../theme/logo.js";
 const LOGO_MARK_ROUNDED_VIEWBOX = { width: 36, height: 36 };
 const LOGO_MARK_ROUNDED_TILE = logoColors.markRoundedTile;
@@ -14,15 +15,17 @@ function FairmintLogoMarkRounded({
   size = 32,
   frameSize,
   variant = "tile",
-  tileColor = LOGO_MARK_ROUNDED_TILE,
+  tileColor,
   glyphColor,
   alt,
   className,
   style
 }) {
+  const gradientId = useId();
   const isDecorative = !alt;
   const resolvedFrame = frameSize && frameSize > size ? frameSize : void 0;
   const showTile = variant === "tile";
+  const showTileGlow = showTile && tileColor === void 0;
   const resolvedGlyph = resolveGlyphColor(variant, glyphColor);
   const mark = /* @__PURE__ */ jsxs(
     "svg",
@@ -38,8 +41,12 @@ function FairmintLogoMarkRounded({
       "aria-label": isDecorative ? void 0 : alt,
       children: [
         !isDecorative && /* @__PURE__ */ jsx("title", { children: alt }),
-        showTile && /* @__PURE__ */ jsx("rect", { width: "36", height: "36", rx: "8", fill: tileColor }),
-        /* @__PURE__ */ jsxs("g", { transform: "translate(18 18.07) scale(1.12) translate(-18 -18.07)", children: [
+        showTile && /* @__PURE__ */ jsx("rect", { width: "36", height: "36", rx: "8", fill: tileColor ?? LOGO_MARK_ROUNDED_TILE }),
+        showTileGlow && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("rect", { width: "36", height: "36", rx: "8", fill: `url(#${gradientId}-indigo)` }),
+          /* @__PURE__ */ jsx("rect", { width: "36", height: "36", rx: "8", fill: `url(#${gradientId}-teal)` })
+        ] }),
+        /* @__PURE__ */ jsxs("g", { transform: "translate(18 18.39) scale(1.35) translate(-18 -18.39)", children: [
           /* @__PURE__ */ jsx("path", { d: "M12.4661 20.3562V26.446H15.1251V18.7954L12.4661 20.3562Z", fill: resolvedGlyph }),
           /* @__PURE__ */ jsx(
             "path",
@@ -55,8 +62,40 @@ function FairmintLogoMarkRounded({
               fill: resolvedGlyph
             }
           ),
-          /* @__PURE__ */ jsx("path", { d: "M22.5714 12.7273H19.9113V15.8081H22.5714V12.7273Z", fill: resolvedGlyph }),
+          /* @__PURE__ */ jsx("path", { d: "M22.5714 12.7273H19.9113V16H22.5714V12.7273Z", fill: resolvedGlyph }),
           /* @__PURE__ */ jsx("path", { d: "M25.7283 15.8218H10.2717V18.0841H25.7283V15.8218Z", fill: resolvedGlyph })
+        ] }),
+        showTileGlow && /* @__PURE__ */ jsxs("defs", { children: [
+          /* @__PURE__ */ jsxs(
+            "radialGradient",
+            {
+              id: `${gradientId}-indigo`,
+              cx: "36",
+              cy: "0",
+              r: "36",
+              gradientTransform: "matrix(1 0 0 0.6667 0 0)",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ jsx("stop", { stopColor: logoColors.markRoundedGlowIndigo }),
+                /* @__PURE__ */ jsx("stop", { offset: "0.5", stopColor: logoColors.markRoundedGlowIndigo, stopOpacity: "0.6" }),
+                /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: logoColors.markRoundedGlowIndigo, stopOpacity: "0" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "radialGradient",
+            {
+              id: `${gradientId}-teal`,
+              cx: "0",
+              cy: "36",
+              r: "22.5",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ jsx("stop", { stopColor: logoColors.markRoundedGlowTeal }),
+                /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: logoColors.markRoundedGlowTeal, stopOpacity: "0" })
+              ]
+            }
+          )
         ] })
       ]
     }

package/dist/components/FairmintLogo/FairmintLogoMarkRounded.js.map

@@ -1 +1 @@
-{"version":3,"file":"FairmintLogoMarkRounded.js","sources":["../../../src/components/FairmintLogo/FairmintLogoMarkRounded.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport { logoColors, logoFills } from \"../../theme/logo\";\n\n/** Product FT mark — rounded square tile from the brand icon asset. */\nexport const LOGO_MARK_ROUNDED_VIEWBOX = { width: 36, height: 36 } as const;\n\n/** Default tile fill from the FT Mark Rounded Square source asset. */\nexport const LOGO_MARK_ROUNDED_TILE = logoColors.markRoundedTile;\n\n/**\n * Collapsed SideNav layout: 48×48 frame with a 36×36 mark centered inside\n * (white/transparent padding around the tile).\n */\nexport const SIDE_NAV_COLLAPSED_LOGO_FRAME = 48;\nexport const SIDE_NAV_COLLAPSED_LOGO_SIZE = 36;\n\nexport type FairmintLogoMarkRoundedVariant = \"tile\" | \"black\" | \"white\";\n\nexport interface FairmintLogoMarkRoundedProps {\n  /** Square size of the mark in pixels. @default 32 */\n  size?: number;\n  /**\n   * Outer frame size. When set larger than `size`, centers the mark in a\n   * transparent square (e.g. frame 48 + size 36 for collapsed SideNav).\n   */\n  frameSize?: number;\n  /**\n   * `tile` — purple rounded square with white FT glyph (collapsed nav / app icon).\n   * `black` — standalone FT ligature for light mode.\n   * `white` — standalone FT ligature for dark mode.\n   * @default \"tile\"\n   */\n  variant?: FairmintLogoMarkRoundedVariant;\n  /** Rounded tile fill. Applies to `variant=\"tile\"`. @default LOGO_MARK_ROUNDED_TILE */\n  tileColor?: string;\n  /** Glyph fill override. Defaults from `variant`. */\n  glyphColor?: string;\n  /**\n   * Accessible name when the mark is standalone (collapsed nav, favicon).\n   * Omit or pass `\"\"` when decorative inside a labeled lockup or link.\n   */\n  alt?: string;\n  className?: string;\n  style?: CSSProperties;\n}\n\nfunction resolveGlyphColor(\n  variant: FairmintLogoMarkRoundedVariant,\n  glyphColor: string | undefined,\n): string {\n  if (glyphColor) {\n    return glyphColor;\n  }\n  return variant === \"black\" ? logoFills.black : logoFills.white;\n}\n\n/**\n * Fairmint FT mark — preferred collapsed SideNav / app-icon lockup.\n * Source geometry: FT Mark Rounded Square. `variant=\"tile\"` fills `size` with\n * the purple rounded square; `black` / `white` render the ligature alone for\n * light and dark surfaces. Optional `frameSize` adds transparent padding.\n */\nexport function FairmintLogoMarkRounded({\n  size = 32,\n  frameSize,\n  variant = \"tile\",\n  tileColor = LOGO_MARK_ROUNDED_TILE,\n  glyphColor,\n  alt,\n  className,\n  style,\n}: FairmintLogoMarkRoundedProps) {\n  const isDecorative = !alt;\n  const resolvedFrame = frameSize && frameSize > size ? frameSize : undefined;\n  const showTile = variant === \"tile\";\n  const resolvedGlyph = resolveGlyphColor(variant, glyphColor);\n\n  const mark = (\n    <svg\n      viewBox={`0 0 ${LOGO_MARK_ROUNDED_VIEWBOX.width} ${LOGO_MARK_ROUNDED_VIEWBOX.height}`}\n      width={size}\n      height={size}\n      className={resolvedFrame ? undefined : className}\n      style={{ display: \"block\", flexShrink: 0, ...(resolvedFrame ? undefined : style) }}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden={isDecorative || undefined}\n      role={isDecorative ? undefined : \"img\"}\n      aria-label={isDecorative ? undefined : alt}\n    >\n      {!isDecorative && <title>{alt}</title>}\n      {/* Tile fills the viewBox — padding belongs on `frameSize`, not inside the SVG. */}\n      {showTile && <rect width=\"36\" height=\"36\" rx=\"8\" fill={tileColor} />}\n      <g transform=\"translate(18 18.07) scale(1.12) translate(-18 -18.07)\">\n        <path d=\"M12.4661 20.3562V26.446H15.1251V18.7954L12.4661 20.3562Z\" fill={resolvedGlyph} />\n        <path\n          d=\"M22.5714 22.7206V18.7932L19.9113 20.354V22.9428C19.9113 25.447 20.5768 26.7091 23.391 26.7091C24.0115 26.7091 24.9416 26.6194 25.4954 26.3556V24.1164C25.1627 24.3598 24.5198 24.4499 24.055 24.4499C22.8819 24.4499 22.5714 23.7836 22.5714 22.7206Z\"\n          fill={resolvedGlyph}\n        />\n        <path\n          d=\"M16.4329 9.42847C13.1307 9.42847 12.4656 11.3557 12.4656 14.3028V15.822H15.1254V13.8818C15.1254 12.7079 15.3456 11.6881 16.8315 11.6881C17.2086 11.6881 17.5629 11.7555 17.9388 11.8445L18.1148 9.5829C17.5625 9.47197 17.0071 9.42847 16.4329 9.42847Z\"\n          fill={resolvedGlyph}\n        />\n        <path d=\"M22.5714 12.7273H19.9113V15.8081H22.5714V12.7273Z\" fill={resolvedGlyph} />\n        <path d=\"M25.7283 15.8218H10.2717V18.0841H25.7283V15.8218Z\" fill={resolvedGlyph} />\n      </g>\n    </svg>\n  );\n\n  if (!resolvedFrame) {\n    return mark;\n  }\n\n  return (\n    <span\n      className={className}\n      style={{\n        display: \"inline-flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        width: resolvedFrame,\n        height: resolvedFrame,\n        flexShrink: 0,\n        ...style,\n      }}\n    >\n      {mark}\n    </span>\n  );\n}\n"],"names":[],"mappings":";;AAIO,MAAM,4BAA4B,EAAE,OAAO,IAAI,QAAQ,GAAA;AAGvD,MAAM,yBAAyB,WAAW;AAM1C,MAAM,gCAAgC;AACtC,MAAM,+BAA+B;AAgC5C,SAAS,kBACP,SACA,YACQ;AACR,MAAI,YAAY;AACd,WAAO;AAAA,EACT;AACA,SAAO,YAAY,UAAU,UAAU,QAAQ,UAAU;AAC3D;AAQO,SAAS,wBAAwB;AAAA,EACtC,OAAO;AAAA,EACP;AAAA,EACA,UAAU;AAAA,EACV,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAiC;AAC/B,QAAM,eAAe,CAAC;AACtB,QAAM,gBAAgB,aAAa,YAAY,OAAO,YAAY;AAClE,QAAM,WAAW,YAAY;AAC7B,QAAM,gBAAgB,kBAAkB,SAAS,UAAU;AAE3D,QAAM,OACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,OAAO,0BAA0B,KAAK,IAAI,0BAA0B,MAAM;AAAA,MACnF,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAW,gBAAgB,SAAY;AAAA,MACvC,OAAO,EAAE,SAAS,SAAS,YAAY,GAAG,GAAI,gBAAgB,SAAY,MAAA;AAAA,MAC1E,OAAM;AAAA,MACN,eAAa,gBAAgB;AAAA,MAC7B,MAAM,eAAe,SAAY;AAAA,MACjC,cAAY,eAAe,SAAY;AAAA,MAEtC,UAAA;AAAA,QAAA,CAAC,gBAAgB,oBAAC,SAAA,EAAO,UAAA,IAAA,CAAI;AAAA,QAE7B,YAAY,oBAAC,QAAA,EAAK,OAAM,MAAK,QAAO,MAAK,IAAG,KAAI,MAAM,UAAA,CAAW;AAAA,QAClE,qBAAC,KAAA,EAAE,WAAU,yDACX,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,GAAE,4DAA2D,MAAM,eAAe;AAAA,UACxF;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,GAAE;AAAA,cACF,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,UAER;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,GAAE;AAAA,cACF,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,UAER,oBAAC,QAAA,EAAK,GAAE,qDAAoD,MAAM,eAAe;AAAA,UACjF,oBAAC,QAAA,EAAK,GAAE,qDAAoD,MAAM,cAAA,CAAe;AAAA,QAAA,EAAA,CACnF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIJ,MAAI,CAAC,eAAe;AAClB,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,GAAG;AAAA,MAAA;AAAA,MAGJ,UAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"FairmintLogoMarkRounded.js","sources":["../../../src/components/FairmintLogo/FairmintLogoMarkRounded.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport { useId } from \"react\";\nimport { logoColors, logoFills } from \"../../theme/logo\";\n\n/** Product FT mark — rounded square tile from the brand icon asset. */\nexport const LOGO_MARK_ROUNDED_VIEWBOX = { width: 36, height: 36 } as const;\n\n/** Base tile field from the FT Mark Rounded Square source asset. */\nexport const LOGO_MARK_ROUNDED_TILE = logoColors.markRoundedTile;\n\n/**\n * Collapsed SideNav layout: 48×48 frame with a 36×36 mark centered inside\n * (white/transparent padding around the tile).\n */\nexport const SIDE_NAV_COLLAPSED_LOGO_FRAME = 48;\nexport const SIDE_NAV_COLLAPSED_LOGO_SIZE = 36;\n\nexport type FairmintLogoMarkRoundedVariant = \"tile\" | \"black\" | \"white\";\n\nexport interface FairmintLogoMarkRoundedProps {\n  /** Square size of the mark in pixels. @default 32 */\n  size?: number;\n  /**\n   * Outer frame size. When set larger than `size`, centers the mark in a\n   * transparent square (e.g. frame 48 + size 36 for collapsed SideNav).\n   */\n  frameSize?: number;\n  /**\n   * `tile` — dark rounded square with white FT glyph (collapsed nav / app icon).\n   * `black` — standalone FT ligature for light mode.\n   * `white` — standalone FT ligature for dark mode.\n   * @default \"tile\"\n   */\n  variant?: FairmintLogoMarkRoundedVariant;\n  /**\n   * Flat tile fill for `variant=\"tile\"`. Setting it replaces the brand field —\n   * base color plus corner blooms — with a single solid color.\n   */\n  tileColor?: string;\n  /** Glyph fill override. Defaults from `variant`. */\n  glyphColor?: string;\n  /**\n   * Accessible name when the mark is standalone (collapsed nav, favicon).\n   * Omit or pass `\"\"` when decorative inside a labeled lockup or link.\n   */\n  alt?: string;\n  className?: string;\n  style?: CSSProperties;\n}\n\nfunction resolveGlyphColor(\n  variant: FairmintLogoMarkRoundedVariant,\n  glyphColor: string | undefined,\n): string {\n  if (glyphColor) {\n    return glyphColor;\n  }\n  return variant === \"black\" ? logoFills.black : logoFills.white;\n}\n\n/**\n * Fairmint FT mark — preferred collapsed SideNav / app-icon lockup.\n * Source geometry: FT Mark Rounded Square. `variant=\"tile\"` fills `size` with\n * the dark rounded square; `black` / `white` render the ligature alone for\n * light and dark surfaces. Optional `frameSize` adds transparent padding.\n */\nexport function FairmintLogoMarkRounded({\n  size = 32,\n  frameSize,\n  variant = \"tile\",\n  tileColor,\n  glyphColor,\n  alt,\n  className,\n  style,\n}: FairmintLogoMarkRoundedProps) {\n  const gradientId = useId();\n  const isDecorative = !alt;\n  const resolvedFrame = frameSize && frameSize > size ? frameSize : undefined;\n  const showTile = variant === \"tile\";\n  // Corner blooms belong to the brand field — a caller-supplied fill replaces both.\n  const showTileGlow = showTile && tileColor === undefined;\n  const resolvedGlyph = resolveGlyphColor(variant, glyphColor);\n\n  const mark = (\n    <svg\n      viewBox={`0 0 ${LOGO_MARK_ROUNDED_VIEWBOX.width} ${LOGO_MARK_ROUNDED_VIEWBOX.height}`}\n      width={size}\n      height={size}\n      className={resolvedFrame ? undefined : className}\n      style={{ display: \"block\", flexShrink: 0, ...(resolvedFrame ? undefined : style) }}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden={isDecorative || undefined}\n      role={isDecorative ? undefined : \"img\"}\n      aria-label={isDecorative ? undefined : alt}\n    >\n      {!isDecorative && <title>{alt}</title>}\n      {/* Tile fills the viewBox — padding belongs on `frameSize`, not inside the SVG. */}\n      {showTile && (\n        <rect width=\"36\" height=\"36\" rx=\"8\" fill={tileColor ?? LOGO_MARK_ROUNDED_TILE} />\n      )}\n      {showTileGlow && (\n        <>\n          <rect width=\"36\" height=\"36\" rx=\"8\" fill={`url(#${gradientId}-indigo)`} />\n          <rect width=\"36\" height=\"36\" rx=\"8\" fill={`url(#${gradientId}-teal)`} />\n        </>\n      )}\n      <g transform=\"translate(18 18.39) scale(1.35) translate(-18 -18.39)\">\n        <path d=\"M12.4661 20.3562V26.446H15.1251V18.7954L12.4661 20.3562Z\" fill={resolvedGlyph} />\n        <path\n          d=\"M22.5714 22.7206V18.7932L19.9113 20.354V22.9428C19.9113 25.447 20.5768 26.7091 23.391 26.7091C24.0115 26.7091 24.9416 26.6194 25.4954 26.3556V24.1164C25.1627 24.3598 24.5198 24.4499 24.055 24.4499C22.8819 24.4499 22.5714 23.7836 22.5714 22.7206Z\"\n          fill={resolvedGlyph}\n        />\n        <path\n          d=\"M16.4329 9.42847C13.1307 9.42847 12.4656 11.3557 12.4656 14.3028V15.822H15.1254V13.8818C15.1254 12.7079 15.3456 11.6881 16.8315 11.6881C17.2086 11.6881 17.5629 11.7555 17.9388 11.8445L18.1148 9.5829C17.5625 9.47197 17.0071 9.42847 16.4329 9.42847Z\"\n          fill={resolvedGlyph}\n        />\n        {/* Ascender runs under the crossbar — abutting edges leave a hairline seam. */}\n        <path d=\"M22.5714 12.7273H19.9113V16H22.5714V12.7273Z\" fill={resolvedGlyph} />\n        <path d=\"M25.7283 15.8218H10.2717V18.0841H25.7283V15.8218Z\" fill={resolvedGlyph} />\n      </g>\n      {showTileGlow && (\n        <defs>\n          {/* Wide-but-shallow ellipse: the indigo bloom runs the full top edge\n              but fades out before the lower right corner. */}\n          <radialGradient\n            id={`${gradientId}-indigo`}\n            cx=\"36\"\n            cy=\"0\"\n            r=\"36\"\n            gradientTransform=\"matrix(1 0 0 0.6667 0 0)\"\n            gradientUnits=\"userSpaceOnUse\"\n          >\n            <stop stopColor={logoColors.markRoundedGlowIndigo} />\n            <stop offset=\"0.5\" stopColor={logoColors.markRoundedGlowIndigo} stopOpacity=\"0.6\" />\n            <stop offset=\"1\" stopColor={logoColors.markRoundedGlowIndigo} stopOpacity=\"0\" />\n          </radialGradient>\n          <radialGradient\n            id={`${gradientId}-teal`}\n            cx=\"0\"\n            cy=\"36\"\n            r=\"22.5\"\n            gradientUnits=\"userSpaceOnUse\"\n          >\n            <stop stopColor={logoColors.markRoundedGlowTeal} />\n            <stop offset=\"1\" stopColor={logoColors.markRoundedGlowTeal} stopOpacity=\"0\" />\n          </radialGradient>\n        </defs>\n      )}\n    </svg>\n  );\n\n  if (!resolvedFrame) {\n    return mark;\n  }\n\n  return (\n    <span\n      className={className}\n      style={{\n        display: \"inline-flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        width: resolvedFrame,\n        height: resolvedFrame,\n        flexShrink: 0,\n        ...style,\n      }}\n    >\n      {mark}\n    </span>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/layout/MobileNav/MobileNavHeader.cjs

@@ -57,16 +57,28 @@ function MobileNavHeader({
       children: menuIcon ?? defaultMenuIcon
     }
   ) : null;
-  const trailing = rightSection != null || menu != null ? /* @__PURE__ */ jsxRuntime.jsxs(Group.Group, { wrap: "nowrap", gap: MOBILE_NAV_BRAND_GAP, align: "center", children: [
-    rightSection,
-    menu
-  ] }) : null;
+  const trailing = rightSection != null || menu != null ? (
+    // Auto margin rather than `justify="space-between"` on the row: desktop
+    // shells pass no logo and no menu, leaving this as the only child.
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      Group.Group,
+      {
+        style: { marginInlineStart: "auto" },
+        wrap: "nowrap",
+        gap: MOBILE_NAV_BRAND_GAP,
+        align: "center",
+        children: [
+          rightSection,
+          menu
+        ]
+      }
+    )
+  ) : null;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Group.Group,
     {
       h: MOBILE_NAV_HEADER_HEIGHT,
       px: MOBILE_NAV_HEADER_PADDING_X,
-      justify: "space-between",
       wrap: "nowrap",
       align: "center",
       gap: 0,

package/dist/components/layout/MobileNav/MobileNavHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MobileNavHeader.cjs","sources":["../../../../src/components/layout/MobileNav/MobileNavHeader.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { colors } from \"../../../theme\";\nimport { FairmintLogo } from \"../../FairmintLogo/FairmintLogo\";\nimport { ActionIcon } from \"../../primitives/ActionIcon/ActionIcon\";\nimport { Group } from \"../../primitives/layout\";\n\n/** Product-shell mobile header height (Studio + Investor). */\nexport const MOBILE_NAV_HEADER_HEIGHT = 60;\n/** Fairmint wordmark width in the mobile header and sheet. */\nexport const MOBILE_NAV_LOGO_WIDTH = 120;\n/** Fairmint wordmark height in the mobile header and sheet. */\nexport const MOBILE_NAV_LOGO_HEIGHT = 28;\n/** Space between trailing actions and the menu control. */\nexport const MOBILE_NAV_BRAND_GAP = 16;\n/** Header horizontal padding. */\nexport const MOBILE_NAV_HEADER_PADDING_X = 16;\n/** Menu control hit target (Mantine `lg`). */\nexport const MOBILE_NAV_MENU_SIZE = 36;\n\nconst defaultMenuIcon = (\n  <svg\n    width=\"20\"\n    height=\"20\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"1.5\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"M4 6h16\" />\n    <path d=\"M4 12h16\" />\n    <path d=\"M4 18h16\" />\n  </svg>\n);\n\nexport interface MobileNavHeaderProps {\n  /**\n   * Override the default Fairmint wordmark (white-label portals).\n   * When omitted and `onMenuClick` is set, the canonical 120×28 Fairmint logo is used.\n   */\n  logo?: ReactNode;\n  /** Opens the MobileNav sheet. Omit on desktop where SideNav owns destinations. */\n  onMenuClick?: () => void;\n  /** Trailing header actions before the hamburger (notifications, Ask AI). */\n  rightSection?: ReactNode;\n  /** Menu glyph. Defaults to an outlined hamburger so the component never imports an icon library. */\n  menuIcon?: ReactNode;\n}\n\n/**\n * Canonical mobile page header for Fairmint product shells.\n *\n * Logo on the left; optional `rightSection` then hamburger on the far right.\n * Pixel metrics are fixed so Studio and Investor cannot drift via theme tokens\n * or extra wrappers. Sign out belongs in AccountSheet / the user menu — not here.\n */\nexport function MobileNavHeader({\n  logo,\n  onMenuClick,\n  rightSection,\n  menuIcon,\n}: MobileNavHeaderProps) {\n  const mark =\n    logo ??\n    (onMenuClick ? (\n      <FairmintLogo\n        width={MOBILE_NAV_LOGO_WIDTH}\n        height={MOBILE_NAV_LOGO_HEIGHT}\n        style={{ display: \"block\" }}\n      />\n    ) : null);\n\n  const menu =\n    onMenuClick != null ? (\n      <ActionIcon\n        type=\"button\"\n        aria-label=\"Open navigation\"\n        color={colors.neutral}\n        variant=\"subtle\"\n        w={MOBILE_NAV_MENU_SIZE}\n        h={MOBILE_NAV_MENU_SIZE}\n        onClick={onMenuClick}\n      >\n        {menuIcon ?? defaultMenuIcon}\n      </ActionIcon>\n    ) : null;\n\n  const trailing =\n    rightSection != null || menu != null ? (\n      <Group wrap=\"nowrap\" gap={MOBILE_NAV_BRAND_GAP} align=\"center\">\n        {rightSection}\n        {menu}\n      </Group>\n    ) : null;\n\n  return (\n    <Group\n      h={MOBILE_NAV_HEADER_HEIGHT}\n      px={MOBILE_NAV_HEADER_PADDING_X}\n      justify=\"space-between\"\n      wrap=\"nowrap\"\n      align=\"center\"\n      gap={0}\n      w=\"100%\"\n      bg=\"body\"\n    >\n      {mark}\n      {trailing}\n    </Group>\n  );\n}\n"],"names":["jsxs","jsx","FairmintLogo","ActionIcon","colors","Group"],"mappings":";;;;;;;AAOO,MAAM,2BAA2B;AAEjC,MAAM,wBAAwB;AAE9B,MAAM,yBAAyB;AAE/B,MAAM,uBAAuB;AAE7B,MAAM,8BAA8B;AAEpC,MAAM,uBAAuB;AAEpC,MAAM,kBACJA,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,eAAc;AAAA,IACd,gBAAe;AAAA,IACf,eAAY;AAAA,IAEZ,UAAA;AAAA,MAAAC,2BAAAA,IAAC,QAAA,EAAK,GAAE,UAAA,CAAU;AAAA,MAClBA,2BAAAA,IAAC,QAAA,EAAK,GAAE,WAAA,CAAW;AAAA,MACnBA,2BAAAA,IAAC,QAAA,EAAK,GAAE,WAAA,CAAW;AAAA,IAAA;AAAA,EAAA;AACrB;AAwBK,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,OACJ,SACC,cACCA,2BAAAA;AAAAA,IAACC,aAAAA;AAAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO,EAAE,SAAS,QAAA;AAAA,IAAQ;AAAA,EAAA,IAE1B;AAEN,QAAM,OACJ,eAAe,OACbD,2BAAAA;AAAAA,IAACE,WAAAA;AAAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,OAAOC,OAAAA,OAAO;AAAA,MACd,SAAQ;AAAA,MACR,GAAG;AAAA,MACH,GAAG;AAAA,MACH,SAAS;AAAA,MAER,UAAA,YAAY;AAAA,IAAA;AAAA,EAAA,IAEb;AAEN,QAAM,WACJ,gBAAgB,QAAQ,QAAQ,OAC9BJ,2BAAAA,KAACK,MAAAA,OAAA,EAAM,MAAK,UAAS,KAAK,sBAAsB,OAAM,UACnD,UAAA;AAAA,IAAA;AAAA,IACA;AAAA,EAAA,EAAA,CACH,IACE;AAEN,SACEL,2BAAAA;AAAAA,IAACK,MAAAA;AAAAA,IAAA;AAAA,MACC,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,KAAK;AAAA,MACL,GAAE;AAAA,MACF,IAAG;AAAA,MAEF,UAAA;AAAA,QAAA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;;;;;;;;"}
+{"version":3,"file":"MobileNavHeader.cjs","sources":["../../../../src/components/layout/MobileNav/MobileNavHeader.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { colors } from \"../../../theme\";\nimport { FairmintLogo } from \"../../FairmintLogo/FairmintLogo\";\nimport { ActionIcon } from \"../../primitives/ActionIcon/ActionIcon\";\nimport { Group } from \"../../primitives/layout\";\n\n/** Product-shell mobile header height (Studio + Investor). */\nexport const MOBILE_NAV_HEADER_HEIGHT = 60;\n/** Fairmint wordmark width in the mobile header and sheet. */\nexport const MOBILE_NAV_LOGO_WIDTH = 120;\n/** Fairmint wordmark height in the mobile header and sheet. */\nexport const MOBILE_NAV_LOGO_HEIGHT = 28;\n/** Space between trailing actions and the menu control. */\nexport const MOBILE_NAV_BRAND_GAP = 16;\n/** Header horizontal padding. */\nexport const MOBILE_NAV_HEADER_PADDING_X = 16;\n/** Menu control hit target (Mantine `lg`). */\nexport const MOBILE_NAV_MENU_SIZE = 36;\n\nconst defaultMenuIcon = (\n  <svg\n    width=\"20\"\n    height=\"20\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"1.5\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"M4 6h16\" />\n    <path d=\"M4 12h16\" />\n    <path d=\"M4 18h16\" />\n  </svg>\n);\n\nexport interface MobileNavHeaderProps {\n  /**\n   * Override the default Fairmint wordmark (white-label portals).\n   * When omitted and `onMenuClick` is set, the canonical 120×28 Fairmint logo is used.\n   */\n  logo?: ReactNode;\n  /** Opens the MobileNav sheet. Omit on desktop where SideNav owns destinations. */\n  onMenuClick?: () => void;\n  /** Trailing header actions before the hamburger (notifications, Ask AI). */\n  rightSection?: ReactNode;\n  /** Menu glyph. Defaults to an outlined hamburger so the component never imports an icon library. */\n  menuIcon?: ReactNode;\n}\n\n/**\n * Canonical mobile page header for Fairmint product shells.\n *\n * Logo on the left; optional `rightSection` then hamburger on the far right.\n * Pixel metrics are fixed so Studio and Investor cannot drift via theme tokens\n * or extra wrappers. Sign out belongs in AccountSheet / the user menu — not here.\n */\nexport function MobileNavHeader({\n  logo,\n  onMenuClick,\n  rightSection,\n  menuIcon,\n}: MobileNavHeaderProps) {\n  const mark =\n    logo ??\n    (onMenuClick ? (\n      <FairmintLogo\n        width={MOBILE_NAV_LOGO_WIDTH}\n        height={MOBILE_NAV_LOGO_HEIGHT}\n        style={{ display: \"block\" }}\n      />\n    ) : null);\n\n  const menu =\n    onMenuClick != null ? (\n      <ActionIcon\n        type=\"button\"\n        aria-label=\"Open navigation\"\n        color={colors.neutral}\n        variant=\"subtle\"\n        w={MOBILE_NAV_MENU_SIZE}\n        h={MOBILE_NAV_MENU_SIZE}\n        onClick={onMenuClick}\n      >\n        {menuIcon ?? defaultMenuIcon}\n      </ActionIcon>\n    ) : null;\n\n  const trailing =\n    rightSection != null || menu != null ? (\n      // Auto margin rather than `justify=\"space-between\"` on the row: desktop\n      // shells pass no logo and no menu, leaving this as the only child.\n      <Group\n        style={{ marginInlineStart: \"auto\" }}\n        wrap=\"nowrap\"\n        gap={MOBILE_NAV_BRAND_GAP}\n        align=\"center\"\n      >\n        {rightSection}\n        {menu}\n      </Group>\n    ) : null;\n\n  return (\n    <Group\n      h={MOBILE_NAV_HEADER_HEIGHT}\n      px={MOBILE_NAV_HEADER_PADDING_X}\n      wrap=\"nowrap\"\n      align=\"center\"\n      gap={0}\n      w=\"100%\"\n      bg=\"body\"\n    >\n      {mark}\n      {trailing}\n    </Group>\n  );\n}\n"],"names":["jsxs","jsx","FairmintLogo","ActionIcon","colors","Group"],"mappings":";;;;;;;AAOO,MAAM,2BAA2B;AAEjC,MAAM,wBAAwB;AAE9B,MAAM,yBAAyB;AAE/B,MAAM,uBAAuB;AAE7B,MAAM,8BAA8B;AAEpC,MAAM,uBAAuB;AAEpC,MAAM,kBACJA,2BAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,eAAc;AAAA,IACd,gBAAe;AAAA,IACf,eAAY;AAAA,IAEZ,UAAA;AAAA,MAAAC,2BAAAA,IAAC,QAAA,EAAK,GAAE,UAAA,CAAU;AAAA,MAClBA,2BAAAA,IAAC,QAAA,EAAK,GAAE,WAAA,CAAW;AAAA,MACnBA,2BAAAA,IAAC,QAAA,EAAK,GAAE,WAAA,CAAW;AAAA,IAAA;AAAA,EAAA;AACrB;AAwBK,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,OACJ,SACC,cACCA,2BAAAA;AAAAA,IAACC,aAAAA;AAAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO,EAAE,SAAS,QAAA;AAAA,IAAQ;AAAA,EAAA,IAE1B;AAEN,QAAM,OACJ,eAAe,OACbD,2BAAAA;AAAAA,IAACE,WAAAA;AAAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,OAAOC,OAAAA,OAAO;AAAA,MACd,SAAQ;AAAA,MACR,GAAG;AAAA,MACH,GAAG;AAAA,MACH,SAAS;AAAA,MAER,UAAA,YAAY;AAAA,IAAA;AAAA,EAAA,IAEb;AAEN,QAAM,WACJ,gBAAgB,QAAQ,QAAQ;AAAA;AAAA;AAAA,IAG9BJ,2BAAAA;AAAAA,MAACK,MAAAA;AAAAA,MAAA;AAAA,QACC,OAAO,EAAE,mBAAmB,OAAA;AAAA,QAC5B,MAAK;AAAA,QACL,KAAK;AAAA,QACL,OAAM;AAAA,QAEL,UAAA;AAAA,UAAA;AAAA,UACA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,MAED;AAEN,SACEL,2BAAAA;AAAAA,IAACK,MAAAA;AAAAA,IAAA;AAAA,MACC,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,MAAK;AAAA,MACL,OAAM;AAAA,MACN,KAAK;AAAA,MACL,GAAE;AAAA,MACF,IAAG;AAAA,MAEF,UAAA;AAAA,QAAA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;;;;;;;;"}

package/dist/components/layout/MobileNav/MobileNavHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MobileNavHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/MobileNav/MobileNavHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,8DAA8D;AAC9D,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAC3C,8DAA8D;AAC9D,eAAO,MAAM,qBAAqB,MAAM,CAAC;AACzC,+DAA+D;AAC/D,eAAO,MAAM,sBAAsB,KAAK,CAAC;AACzC,2DAA2D;AAC3D,eAAO,MAAM,oBAAoB,KAAK,CAAC;AACvC,iCAAiC;AACjC,eAAO,MAAM,2BAA2B,KAAK,CAAC;AAC9C,8CAA8C;AAC9C,eAAO,MAAM,oBAAoB,KAAK,CAAC;AAoBvC,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,kFAAkF;IAClF,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,oGAAoG;IACpG,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,QAAQ,GACT,EAAE,oBAAoB,+BAiDtB"}
+{"version":3,"file":"MobileNavHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/MobileNav/MobileNavHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,8DAA8D;AAC9D,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAC3C,8DAA8D;AAC9D,eAAO,MAAM,qBAAqB,MAAM,CAAC;AACzC,+DAA+D;AAC/D,eAAO,MAAM,sBAAsB,KAAK,CAAC;AACzC,2DAA2D;AAC3D,eAAO,MAAM,oBAAoB,KAAK,CAAC;AACvC,iCAAiC;AACjC,eAAO,MAAM,2BAA2B,KAAK,CAAC;AAC9C,8CAA8C;AAC9C,eAAO,MAAM,oBAAoB,KAAK,CAAC;AAoBvC,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,kFAAkF;IAClF,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,oGAAoG;IACpG,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,QAAQ,GACT,EAAE,oBAAoB,+BAuDtB"}

package/dist/components/layout/MobileNav/MobileNavHeader.js

@@ -55,16 +55,28 @@ function MobileNavHeader({
       children: menuIcon ?? defaultMenuIcon
     }
   ) : null;
-  const trailing = rightSection != null || menu != null ? /* @__PURE__ */ jsxs(Group, { wrap: "nowrap", gap: MOBILE_NAV_BRAND_GAP, align: "center", children: [
-    rightSection,
-    menu
-  ] }) : null;
+  const trailing = rightSection != null || menu != null ? (
+    // Auto margin rather than `justify="space-between"` on the row: desktop
+    // shells pass no logo and no menu, leaving this as the only child.
+    /* @__PURE__ */ jsxs(
+      Group,
+      {
+        style: { marginInlineStart: "auto" },
+        wrap: "nowrap",
+        gap: MOBILE_NAV_BRAND_GAP,
+        align: "center",
+        children: [
+          rightSection,
+          menu
+        ]
+      }
+    )
+  ) : null;
   return /* @__PURE__ */ jsxs(
     Group,
     {
       h: MOBILE_NAV_HEADER_HEIGHT,
       px: MOBILE_NAV_HEADER_PADDING_X,
-      justify: "space-between",
       wrap: "nowrap",
       align: "center",
       gap: 0,

package/dist/components/layout/MobileNav/MobileNavHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileNavHeader.js","sources":["../../../../src/components/layout/MobileNav/MobileNavHeader.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { colors } from \"../../../theme\";\nimport { FairmintLogo } from \"../../FairmintLogo/FairmintLogo\";\nimport { ActionIcon } from \"../../primitives/ActionIcon/ActionIcon\";\nimport { Group } from \"../../primitives/layout\";\n\n/** Product-shell mobile header height (Studio + Investor). */\nexport const MOBILE_NAV_HEADER_HEIGHT = 60;\n/** Fairmint wordmark width in the mobile header and sheet. */\nexport const MOBILE_NAV_LOGO_WIDTH = 120;\n/** Fairmint wordmark height in the mobile header and sheet. */\nexport const MOBILE_NAV_LOGO_HEIGHT = 28;\n/** Space between trailing actions and the menu control. */\nexport const MOBILE_NAV_BRAND_GAP = 16;\n/** Header horizontal padding. */\nexport const MOBILE_NAV_HEADER_PADDING_X = 16;\n/** Menu control hit target (Mantine `lg`). */\nexport const MOBILE_NAV_MENU_SIZE = 36;\n\nconst defaultMenuIcon = (\n  <svg\n    width=\"20\"\n    height=\"20\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"1.5\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"M4 6h16\" />\n    <path d=\"M4 12h16\" />\n    <path d=\"M4 18h16\" />\n  </svg>\n);\n\nexport interface MobileNavHeaderProps {\n  /**\n   * Override the default Fairmint wordmark (white-label portals).\n   * When omitted and `onMenuClick` is set, the canonical 120×28 Fairmint logo is used.\n   */\n  logo?: ReactNode;\n  /** Opens the MobileNav sheet. Omit on desktop where SideNav owns destinations. */\n  onMenuClick?: () => void;\n  /** Trailing header actions before the hamburger (notifications, Ask AI). */\n  rightSection?: ReactNode;\n  /** Menu glyph. Defaults to an outlined hamburger so the component never imports an icon library. */\n  menuIcon?: ReactNode;\n}\n\n/**\n * Canonical mobile page header for Fairmint product shells.\n *\n * Logo on the left; optional `rightSection` then hamburger on the far right.\n * Pixel metrics are fixed so Studio and Investor cannot drift via theme tokens\n * or extra wrappers. Sign out belongs in AccountSheet / the user menu — not here.\n */\nexport function MobileNavHeader({\n  logo,\n  onMenuClick,\n  rightSection,\n  menuIcon,\n}: MobileNavHeaderProps) {\n  const mark =\n    logo ??\n    (onMenuClick ? (\n      <FairmintLogo\n        width={MOBILE_NAV_LOGO_WIDTH}\n        height={MOBILE_NAV_LOGO_HEIGHT}\n        style={{ display: \"block\" }}\n      />\n    ) : null);\n\n  const menu =\n    onMenuClick != null ? (\n      <ActionIcon\n        type=\"button\"\n        aria-label=\"Open navigation\"\n        color={colors.neutral}\n        variant=\"subtle\"\n        w={MOBILE_NAV_MENU_SIZE}\n        h={MOBILE_NAV_MENU_SIZE}\n        onClick={onMenuClick}\n      >\n        {menuIcon ?? defaultMenuIcon}\n      </ActionIcon>\n    ) : null;\n\n  const trailing =\n    rightSection != null || menu != null ? (\n      <Group wrap=\"nowrap\" gap={MOBILE_NAV_BRAND_GAP} align=\"center\">\n        {rightSection}\n        {menu}\n      </Group>\n    ) : null;\n\n  return (\n    <Group\n      h={MOBILE_NAV_HEADER_HEIGHT}\n      px={MOBILE_NAV_HEADER_PADDING_X}\n      justify=\"space-between\"\n      wrap=\"nowrap\"\n      align=\"center\"\n      gap={0}\n      w=\"100%\"\n      bg=\"body\"\n    >\n      {mark}\n      {trailing}\n    </Group>\n  );\n}\n"],"names":[],"mappings":";;;;;AAOO,MAAM,2BAA2B;AAEjC,MAAM,wBAAwB;AAE9B,MAAM,yBAAyB;AAE/B,MAAM,uBAAuB;AAE7B,MAAM,8BAA8B;AAEpC,MAAM,uBAAuB;AAEpC,MAAM,kBACJ;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;AAAA,MAAA,oBAAC,QAAA,EAAK,GAAE,UAAA,CAAU;AAAA,MAClB,oBAAC,QAAA,EAAK,GAAE,WAAA,CAAW;AAAA,MACnB,oBAAC,QAAA,EAAK,GAAE,WAAA,CAAW;AAAA,IAAA;AAAA,EAAA;AACrB;AAwBK,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,OACJ,SACC,cACC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO,EAAE,SAAS,QAAA;AAAA,IAAQ;AAAA,EAAA,IAE1B;AAEN,QAAM,OACJ,eAAe,OACb;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,OAAO,OAAO;AAAA,MACd,SAAQ;AAAA,MACR,GAAG;AAAA,MACH,GAAG;AAAA,MACH,SAAS;AAAA,MAER,UAAA,YAAY;AAAA,IAAA;AAAA,EAAA,IAEb;AAEN,QAAM,WACJ,gBAAgB,QAAQ,QAAQ,OAC9B,qBAAC,OAAA,EAAM,MAAK,UAAS,KAAK,sBAAsB,OAAM,UACnD,UAAA;AAAA,IAAA;AAAA,IACA;AAAA,EAAA,EAAA,CACH,IACE;AAEN,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,KAAK;AAAA,MACL,GAAE;AAAA,MACF,IAAG;AAAA,MAEF,UAAA;AAAA,QAAA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"MobileNavHeader.js","sources":["../../../../src/components/layout/MobileNav/MobileNavHeader.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { colors } from \"../../../theme\";\nimport { FairmintLogo } from \"../../FairmintLogo/FairmintLogo\";\nimport { ActionIcon } from \"../../primitives/ActionIcon/ActionIcon\";\nimport { Group } from \"../../primitives/layout\";\n\n/** Product-shell mobile header height (Studio + Investor). */\nexport const MOBILE_NAV_HEADER_HEIGHT = 60;\n/** Fairmint wordmark width in the mobile header and sheet. */\nexport const MOBILE_NAV_LOGO_WIDTH = 120;\n/** Fairmint wordmark height in the mobile header and sheet. */\nexport const MOBILE_NAV_LOGO_HEIGHT = 28;\n/** Space between trailing actions and the menu control. */\nexport const MOBILE_NAV_BRAND_GAP = 16;\n/** Header horizontal padding. */\nexport const MOBILE_NAV_HEADER_PADDING_X = 16;\n/** Menu control hit target (Mantine `lg`). */\nexport const MOBILE_NAV_MENU_SIZE = 36;\n\nconst defaultMenuIcon = (\n  <svg\n    width=\"20\"\n    height=\"20\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"1.5\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    aria-hidden=\"true\"\n  >\n    <path d=\"M4 6h16\" />\n    <path d=\"M4 12h16\" />\n    <path d=\"M4 18h16\" />\n  </svg>\n);\n\nexport interface MobileNavHeaderProps {\n  /**\n   * Override the default Fairmint wordmark (white-label portals).\n   * When omitted and `onMenuClick` is set, the canonical 120×28 Fairmint logo is used.\n   */\n  logo?: ReactNode;\n  /** Opens the MobileNav sheet. Omit on desktop where SideNav owns destinations. */\n  onMenuClick?: () => void;\n  /** Trailing header actions before the hamburger (notifications, Ask AI). */\n  rightSection?: ReactNode;\n  /** Menu glyph. Defaults to an outlined hamburger so the component never imports an icon library. */\n  menuIcon?: ReactNode;\n}\n\n/**\n * Canonical mobile page header for Fairmint product shells.\n *\n * Logo on the left; optional `rightSection` then hamburger on the far right.\n * Pixel metrics are fixed so Studio and Investor cannot drift via theme tokens\n * or extra wrappers. Sign out belongs in AccountSheet / the user menu — not here.\n */\nexport function MobileNavHeader({\n  logo,\n  onMenuClick,\n  rightSection,\n  menuIcon,\n}: MobileNavHeaderProps) {\n  const mark =\n    logo ??\n    (onMenuClick ? (\n      <FairmintLogo\n        width={MOBILE_NAV_LOGO_WIDTH}\n        height={MOBILE_NAV_LOGO_HEIGHT}\n        style={{ display: \"block\" }}\n      />\n    ) : null);\n\n  const menu =\n    onMenuClick != null ? (\n      <ActionIcon\n        type=\"button\"\n        aria-label=\"Open navigation\"\n        color={colors.neutral}\n        variant=\"subtle\"\n        w={MOBILE_NAV_MENU_SIZE}\n        h={MOBILE_NAV_MENU_SIZE}\n        onClick={onMenuClick}\n      >\n        {menuIcon ?? defaultMenuIcon}\n      </ActionIcon>\n    ) : null;\n\n  const trailing =\n    rightSection != null || menu != null ? (\n      // Auto margin rather than `justify=\"space-between\"` on the row: desktop\n      // shells pass no logo and no menu, leaving this as the only child.\n      <Group\n        style={{ marginInlineStart: \"auto\" }}\n        wrap=\"nowrap\"\n        gap={MOBILE_NAV_BRAND_GAP}\n        align=\"center\"\n      >\n        {rightSection}\n        {menu}\n      </Group>\n    ) : null;\n\n  return (\n    <Group\n      h={MOBILE_NAV_HEADER_HEIGHT}\n      px={MOBILE_NAV_HEADER_PADDING_X}\n      wrap=\"nowrap\"\n      align=\"center\"\n      gap={0}\n      w=\"100%\"\n      bg=\"body\"\n    >\n      {mark}\n      {trailing}\n    </Group>\n  );\n}\n"],"names":[],"mappings":";;;;;AAOO,MAAM,2BAA2B;AAEjC,MAAM,wBAAwB;AAE9B,MAAM,yBAAyB;AAE/B,MAAM,uBAAuB;AAE7B,MAAM,8BAA8B;AAEpC,MAAM,uBAAuB;AAEpC,MAAM,kBACJ;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;AAAA,MAAA,oBAAC,QAAA,EAAK,GAAE,UAAA,CAAU;AAAA,MAClB,oBAAC,QAAA,EAAK,GAAE,WAAA,CAAW;AAAA,MACnB,oBAAC,QAAA,EAAK,GAAE,WAAA,CAAW;AAAA,IAAA;AAAA,EAAA;AACrB;AAwBK,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,OACJ,SACC,cACC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO,EAAE,SAAS,QAAA;AAAA,IAAQ;AAAA,EAAA,IAE1B;AAEN,QAAM,OACJ,eAAe,OACb;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,OAAO,OAAO;AAAA,MACd,SAAQ;AAAA,MACR,GAAG;AAAA,MACH,GAAG;AAAA,MACH,SAAS;AAAA,MAER,UAAA,YAAY;AAAA,IAAA;AAAA,EAAA,IAEb;AAEN,QAAM,WACJ,gBAAgB,QAAQ,QAAQ;AAAA;AAAA;AAAA,IAG9B;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO,EAAE,mBAAmB,OAAA;AAAA,QAC5B,MAAK;AAAA,QACL,KAAK;AAAA,QACL,OAAM;AAAA,QAEL,UAAA;AAAA,UAAA;AAAA,UACA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,MAED;AAEN,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,MAAK;AAAA,MACL,OAAM;AAAA,MACN,KAAK;AAAA,MACL,GAAE;AAAA,MACF,IAAG;AAAA,MAEF,UAAA;AAAA,QAAA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/node_modules/@mantine/form/esm/hooks/use-form-status/use-form-status.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const index = require("../../../../../../_virtual/index3.cjs");
+const index = require("../../../../../../_virtual/index4.cjs");
 const getStatus = require("../../get-status/get-status.cjs");
 const clearListState = require("../../lists/clear-list-state.cjs");
 const getPath = require("../../paths/get-path.cjs");

package/dist/node_modules/@mantine/form/esm/hooks/use-form-status/use-form-status.js

@@ -1,5 +1,5 @@
 import { useState, useRef, useCallback } from "react";
-import isEqual from "../../../../../../_virtual/index3.js";
+import isEqual from "../../../../../../_virtual/index4.js";
 import { getStatus } from "../../get-status/get-status.js";
 import { clearListState } from "../../lists/clear-list-state.js";
 import { getPath } from "../../paths/get-path.js";

package/dist/node_modules/prop-types/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index$1 = require("../../_virtual/index4.cjs");
+const index$1 = require("../../_virtual/index3.cjs");
 const index = require("./node_modules/react-is/index.cjs");
 const factoryWithTypeCheckers = require("./factoryWithTypeCheckers.cjs");
 const factoryWithThrowingShims = require("./factoryWithThrowingShims.cjs");

package/dist/node_modules/prop-types/index.js

@@ -1,4 +1,4 @@
-import { __module as propTypes } from "../../_virtual/index4.js";
+import { __module as propTypes } from "../../_virtual/index3.js";
 import { __require as requireReactIs } from "./node_modules/react-is/index.js";
 import { __require as requireFactoryWithTypeCheckers } from "./factoryWithTypeCheckers.js";
 import { __require as requireFactoryWithThrowingShims } from "./factoryWithThrowingShims.js";

package/dist/theme/logo.cjs

@@ -7,8 +7,12 @@ const logoFills = {
 };
 const logoColors = {
   wordmark: "#202020",
-  /** FT Mark Rounded Square tile — product collapsed-nav / app-icon lockup. */
-  markRoundedTile: "#825BFF",
+  /** FT Mark Rounded Square base field — product collapsed-nav / app-icon lockup. */
+  markRoundedTile: "#0D1023",
+  /** Indigo bloom anchored at the tile's top-right corner. */
+  markRoundedGlowIndigo: "#212153",
+  /** Cool teal bloom anchored at the tile's bottom-left corner. */
+  markRoundedGlowTeal: "#162434",
   gradientStops: [
     { offset: "0%", color: "#AC00FF" },
     { offset: "14.5833%", color: "#A200FF" },

package/dist/theme/logo.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"logo.cjs","sources":["../../src/theme/logo.ts"],"sourcesContent":["/** CDN-hosted black wordmark — legacy default for img-based `<FairmintLogo />` usage. */\nexport const DEFAULT_FAIRMINT_LOGO_SRC =\n  \"https://imagedelivery.net/Lm6ChJXR4cIKKycsNMvGjA/0367be38-c9d8-4206-aaae-eba5ff830600/public\";\n\n/** Solid fills for logo mark and wordmark variants — matches `commonColors` in theme/index. */\nexport const logoFills = {\n  black: \"#000000\",\n  white: \"#ffffff\",\n} as const;\n\n/** Fairmint wordmark colors from design/Assets/Logos (canonical 215×48 geometry). */\nexport const logoColors = {\n  wordmark: \"#202020\",\n  /** FT Mark Rounded Square tile — product collapsed-nav / app-icon lockup. */\n  markRoundedTile: \"#825BFF\",\n  gradientStops: [\n    { offset: \"0%\", color: \"#AC00FF\" },\n    { offset: \"14.5833%\", color: \"#A200FF\" },\n    { offset: \"34.8958%\", color: \"#6F00FF\" },\n    { offset: \"52.0733%\", color: \"#4C00FF\" },\n    { offset: \"64.5833%\", color: \"#0044FF\" },\n    { offset: \"80.2083%\", color: \"#1768FF\" },\n    { offset: \"94.2708%\", color: \"#409CFF\" },\n  ],\n} as const;\n\n/** Canonical wordmark viewBox — all variants share this frame for pixel-aligned sizing. */\nexport const LOGO_VIEWBOX = { width: 215, height: 48 } as const;\n\n/** Simplified logo mark viewBox — flat bars for small lockups and favicons. */\nexport const LOGO_MARK_VIEWBOX = { width: 48, height: 48 } as const;\n\n/**\n * Right-aligned ascending bars (bottom widest). Mirrors wordmark accent geometry\n * and the equity-stack metaphor without chart-fidelity curves.\n */\nexport const LOGO_MARK_BARS = [\n  { x: 6, y: 38, width: 38, height: 6 },\n  { x: 12, y: 28, width: 32, height: 6 },\n  { x: 18, y: 18, width: 26, height: 6 },\n  { x: 24, y: 8, width: 20, height: 6 },\n] as const;\n"],"names":[],"mappings":";;AACO,MAAM,4BACX;AAGK,MAAM,YAAY;AAAA,EACvB,OAAO;AAAA,EACP,OAAO;AACT;AAGO,MAAM,aAAa;AAAA,EACxB,UAAU;AAAA;AAAA,EAEV,iBAAiB;AAAA,EACjB,eAAe;AAAA,IACb,EAAE,QAAQ,MAAM,OAAO,UAAA;AAAA,IACvB,EAAE,QAAQ,YAAY,OAAO,UAAA;AAAA,IAC7B,EAAE,QAAQ,YAAY,OAAO,UAAA;AAAA,IAC7B,EAAE,QAAQ,YAAY,OAAO,UAAA;AAAA,IAC7B,EAAE,QAAQ,YAAY,OAAO,UAAA;AAAA,IAC7B,EAAE,QAAQ,YAAY,OAAO,UAAA;AAAA,IAC7B,EAAE,QAAQ,YAAY,OAAO,UAAA;AAAA,EAAU;AAE3C;AAGO,MAAM,eAAe,EAAE,OAAO,KAAK,QAAQ,GAAA;AAG3C,MAAM,oBAAoB,EAAE,OAAO,IAAI,QAAQ,GAAA;AAM/C,MAAM,iBAAiB;AAAA,EAC5B,EAAE,GAAG,GAAG,GAAG,IAAI,OAAO,IAAI,QAAQ,EAAA;AAAA,EAClC,EAAE,GAAG,IAAI,GAAG,IAAI,OAAO,IAAI,QAAQ,EAAA;AAAA,EACnC,EAAE,GAAG,IAAI,GAAG,IAAI,OAAO,IAAI,QAAQ,EAAA;AAAA,EACnC,EAAE,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI,QAAQ,EAAA;AACpC;;;;;;;"}
+{"version":3,"file":"logo.cjs","sources":["../../src/theme/logo.ts"],"sourcesContent":["/** CDN-hosted black wordmark — legacy default for img-based `<FairmintLogo />` usage. */\nexport const DEFAULT_FAIRMINT_LOGO_SRC =\n  \"https://imagedelivery.net/Lm6ChJXR4cIKKycsNMvGjA/0367be38-c9d8-4206-aaae-eba5ff830600/public\";\n\n/** Solid fills for logo mark and wordmark variants — matches `commonColors` in theme/index. */\nexport const logoFills = {\n  black: \"#000000\",\n  white: \"#ffffff\",\n} as const;\n\n/** Fairmint wordmark colors from design/Assets/Logos (canonical 215×48 geometry). */\nexport const logoColors = {\n  wordmark: \"#202020\",\n  /** FT Mark Rounded Square base field — product collapsed-nav / app-icon lockup. */\n  markRoundedTile: \"#0D1023\",\n  /** Indigo bloom anchored at the tile's top-right corner. */\n  markRoundedGlowIndigo: \"#212153\",\n  /** Cool teal bloom anchored at the tile's bottom-left corner. */\n  markRoundedGlowTeal: \"#162434\",\n  gradientStops: [\n    { offset: \"0%\", color: \"#AC00FF\" },\n    { offset: \"14.5833%\", color: \"#A200FF\" },\n    { offset: \"34.8958%\", color: \"#6F00FF\" },\n    { offset: \"52.0733%\", color: \"#4C00FF\" },\n    { offset: \"64.5833%\", color: \"#0044FF\" },\n    { offset: \"80.2083%\", color: \"#1768FF\" },\n    { offset: \"94.2708%\", color: \"#409CFF\" },\n  ],\n} as const;\n\n/** Canonical wordmark viewBox — all variants share this frame for pixel-aligned sizing. */\nexport const LOGO_VIEWBOX = { width: 215, height: 48 } as const;\n\n/** Simplified logo mark viewBox — flat bars for small lockups and favicons. */\nexport const LOGO_MARK_VIEWBOX = { width: 48, height: 48 } as const;\n\n/**\n * Right-aligned ascending bars (bottom widest). Mirrors wordmark accent geometry\n * and the equity-stack metaphor without chart-fidelity curves.\n */\nexport const LOGO_MARK_BARS = [\n  { x: 6, y: 38, width: 38, height: 6 },\n  { x: 12, y: 28, width: 32, height: 6 },\n  { x: 18, y: 18, width: 26, height: 6 },\n  { x: 24, y: 8, width: 20, height: 6 },\n] as const;\n"],"names":[],"mappings":";;AACO,MAAM,4BACX;AAGK,MAAM,YAAY;AAAA,EACvB,OAAO;AAAA,EACP,OAAO;AACT;AAGO,MAAM,aAAa;AAAA,EACxB,UAAU;AAAA;AAAA,EAEV,iBAAiB;AAAA;AAAA,EAEjB,uBAAuB;AAAA;AAAA,EAEvB,qBAAqB;AAAA,EACrB,eAAe;AAAA,IACb,EAAE,QAAQ,MAAM,OAAO,UAAA;AAAA,IACvB,EAAE,QAAQ,YAAY,OAAO,UAAA;AAAA,IAC7B,EAAE,QAAQ,YAAY,OAAO,UAAA;AAAA,IAC7B,EAAE,QAAQ,YAAY,OAAO,UAAA;AAAA,IAC7B,EAAE,QAAQ,YAAY,OAAO,UAAA;AAAA,IAC7B,EAAE,QAAQ,YAAY,OAAO,UAAA;AAAA,IAC7B,EAAE,QAAQ,YAAY,OAAO,UAAA;AAAA,EAAU;AAE3C;AAGO,MAAM,eAAe,EAAE,OAAO,KAAK,QAAQ,GAAA;AAG3C,MAAM,oBAAoB,EAAE,OAAO,IAAI,QAAQ,GAAA;AAM/C,MAAM,iBAAiB;AAAA,EAC5B,EAAE,GAAG,GAAG,GAAG,IAAI,OAAO,IAAI,QAAQ,EAAA;AAAA,EAClC,EAAE,GAAG,IAAI,GAAG,IAAI,OAAO,IAAI,QAAQ,EAAA;AAAA,EACnC,EAAE,GAAG,IAAI,GAAG,IAAI,OAAO,IAAI,QAAQ,EAAA;AAAA,EACnC,EAAE,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI,QAAQ,EAAA;AACpC;;;;;;;"}

package/dist/theme/logo.d.ts

@@ -8,8 +8,12 @@ export declare const logoFills: {
 /** Fairmint wordmark colors from design/Assets/Logos (canonical 215×48 geometry). */
 export declare const logoColors: {
     readonly wordmark: "#202020";
-    /** FT Mark Rounded Square tile — product collapsed-nav / app-icon lockup. */
-    readonly markRoundedTile: "#825BFF";
+    /** FT Mark Rounded Square base field — product collapsed-nav / app-icon lockup. */
+    readonly markRoundedTile: "#0D1023";
+    /** Indigo bloom anchored at the tile's top-right corner. */
+    readonly markRoundedGlowIndigo: "#212153";
+    /** Cool teal bloom anchored at the tile's bottom-left corner. */
+    readonly markRoundedGlowTeal: "#162434";
     readonly gradientStops: readonly [{
         readonly offset: "0%";
         readonly color: "#AC00FF";

package/dist/theme/logo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"logo.d.ts","sourceRoot":"","sources":["../../src/theme/logo.ts"],"names":[],"mappings":"AAAA,yFAAyF;AACzF,eAAO,MAAM,yBAAyB,iGAC0D,CAAC;AAEjG,+FAA+F;AAC/F,eAAO,MAAM,SAAS;;;CAGZ,CAAC;AAEX,qFAAqF;AACrF,eAAO,MAAM,UAAU;;IAErB,6EAA6E;;;;;;;;;;;;;;;;;;;;;;;;CAWrE,CAAC;AAEX,2FAA2F;AAC3F,eAAO,MAAM,YAAY;;;CAAsC,CAAC;AAEhE,+EAA+E;AAC/E,eAAO,MAAM,iBAAiB;;;CAAqC,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;EAKjB,CAAC"}
+{"version":3,"file":"logo.d.ts","sourceRoot":"","sources":["../../src/theme/logo.ts"],"names":[],"mappings":"AAAA,yFAAyF;AACzF,eAAO,MAAM,yBAAyB,iGAC0D,CAAC;AAEjG,+FAA+F;AAC/F,eAAO,MAAM,SAAS;;;CAGZ,CAAC;AAEX,qFAAqF;AACrF,eAAO,MAAM,UAAU;;IAErB,mFAAmF;;IAEnF,4DAA4D;;IAE5D,iEAAiE;;;;;;;;;;;;;;;;;;;;;;;;CAWzD,CAAC;AAEX,2FAA2F;AAC3F,eAAO,MAAM,YAAY;;;CAAsC,CAAC;AAEhE,+EAA+E;AAC/E,eAAO,MAAM,iBAAiB;;;CAAqC,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;EAKjB,CAAC"}

package/dist/theme/logo.js

@@ -5,8 +5,12 @@ const logoFills = {
 };
 const logoColors = {
   wordmark: "#202020",
-  /** FT Mark Rounded Square tile — product collapsed-nav / app-icon lockup. */
-  markRoundedTile: "#825BFF",
+  /** FT Mark Rounded Square base field — product collapsed-nav / app-icon lockup. */
+  markRoundedTile: "#0D1023",
+  /** Indigo bloom anchored at the tile's top-right corner. */
+  markRoundedGlowIndigo: "#212153",
+  /** Cool teal bloom anchored at the tile's bottom-left corner. */
+  markRoundedGlowTeal: "#162434",
   gradientStops: [
     { offset: "0%", color: "#AC00FF" },
     { offset: "14.5833%", color: "#A200FF" },

package/dist/theme/logo.js.map

@@ -1 +1 @@
-{"version":3,"file":"logo.js","sources":["../../src/theme/logo.ts"],"sourcesContent":["/** CDN-hosted black wordmark — legacy default for img-based `<FairmintLogo />` usage. */\nexport const DEFAULT_FAIRMINT_LOGO_SRC =\n  \"https://imagedelivery.net/Lm6ChJXR4cIKKycsNMvGjA/0367be38-c9d8-4206-aaae-eba5ff830600/public\";\n\n/** Solid fills for logo mark and wordmark variants — matches `commonColors` in theme/index. */\nexport const logoFills = {\n  black: \"#000000\",\n  white: \"#ffffff\",\n} as const;\n\n/** Fairmint wordmark colors from design/Assets/Logos (canonical 215×48 geometry). */\nexport const logoColors = {\n  wordmark: \"#202020\",\n  /** FT Mark Rounded Square tile — product collapsed-nav / app-icon lockup. */\n  markRoundedTile: \"#825BFF\",\n  gradientStops: [\n    { offset: \"0%\", color: \"#AC00FF\" },\n    { offset: \"14.5833%\", color: \"#A200FF\" },\n    { offset: \"34.8958%\", color: \"#6F00FF\" },\n    { offset: \"52.0733%\", color: \"#4C00FF\" },\n    { offset: \"64.5833%\", color: \"#0044FF\" },\n    { offset: \"80.2083%\", color: \"#1768FF\" },\n    { offset: \"94.2708%\", color: \"#409CFF\" },\n  ],\n} as const;\n\n/** Canonical wordmark viewBox — all variants share this frame for pixel-aligned sizing. */\nexport const LOGO_VIEWBOX = { width: 215, height: 48 } as const;\n\n/** Simplified logo mark viewBox — flat bars for small lockups and favicons. */\nexport const LOGO_MARK_VIEWBOX = { width: 48, height: 48 } as const;\n\n/**\n * Right-aligned ascending bars (bottom widest). Mirrors wordmark accent geometry\n * and the equity-stack metaphor without chart-fidelity curves.\n */\nexport const LOGO_MARK_BARS = [\n  { x: 6, y: 38, width: 38, height: 6 },\n  { x: 12, y: 28, width: 32, height: 6 },\n  { x: 18, y: 18, width: 26, height: 6 },\n  { x: 24, y: 8, width: 20, height: 6 },\n] as const;\n"],"names":[],"mappings":"AACO,MAAM,4BACX;AAGK,MAAM,YAAY;AAAA,EACvB,OAAO;AAAA,EACP,OAAO;AACT;AAGO,MAAM,aAAa;AAAA,EACxB,UAAU;AAAA;AAAA,EAEV,iBAAiB;AAAA,EACjB,eAAe;AAAA,IACb,EAAE,QAAQ,MAAM,OAAO,UAAA;AAAA,IACvB,EAAE,QAAQ,YAAY,OAAO,UAAA;AAAA,IAC7B,EAAE,QAAQ,YAAY,OAAO,UAAA;AAAA,IAC7B,EAAE,QAAQ,YAAY,OAAO,UAAA;AAAA,IAC7B,EAAE,QAAQ,YAAY,OAAO,UAAA;AAAA,IAC7B,EAAE,QAAQ,YAAY,OAAO,UAAA;AAAA,IAC7B,EAAE,QAAQ,YAAY,OAAO,UAAA;AAAA,EAAU;AAE3C;AAGO,MAAM,eAAe,EAAE,OAAO,KAAK,QAAQ,GAAA;AAG3C,MAAM,oBAAoB,EAAE,OAAO,IAAI,QAAQ,GAAA;AAM/C,MAAM,iBAAiB;AAAA,EAC5B,EAAE,GAAG,GAAG,GAAG,IAAI,OAAO,IAAI,QAAQ,EAAA;AAAA,EAClC,EAAE,GAAG,IAAI,GAAG,IAAI,OAAO,IAAI,QAAQ,EAAA;AAAA,EACnC,EAAE,GAAG,IAAI,GAAG,IAAI,OAAO,IAAI,QAAQ,EAAA;AAAA,EACnC,EAAE,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI,QAAQ,EAAA;AACpC;"}
+{"version":3,"file":"logo.js","sources":["../../src/theme/logo.ts"],"sourcesContent":["/** CDN-hosted black wordmark — legacy default for img-based `<FairmintLogo />` usage. */\nexport const DEFAULT_FAIRMINT_LOGO_SRC =\n  \"https://imagedelivery.net/Lm6ChJXR4cIKKycsNMvGjA/0367be38-c9d8-4206-aaae-eba5ff830600/public\";\n\n/** Solid fills for logo mark and wordmark variants — matches `commonColors` in theme/index. */\nexport const logoFills = {\n  black: \"#000000\",\n  white: \"#ffffff\",\n} as const;\n\n/** Fairmint wordmark colors from design/Assets/Logos (canonical 215×48 geometry). */\nexport const logoColors = {\n  wordmark: \"#202020\",\n  /** FT Mark Rounded Square base field — product collapsed-nav / app-icon lockup. */\n  markRoundedTile: \"#0D1023\",\n  /** Indigo bloom anchored at the tile's top-right corner. */\n  markRoundedGlowIndigo: \"#212153\",\n  /** Cool teal bloom anchored at the tile's bottom-left corner. */\n  markRoundedGlowTeal: \"#162434\",\n  gradientStops: [\n    { offset: \"0%\", color: \"#AC00FF\" },\n    { offset: \"14.5833%\", color: \"#A200FF\" },\n    { offset: \"34.8958%\", color: \"#6F00FF\" },\n    { offset: \"52.0733%\", color: \"#4C00FF\" },\n    { offset: \"64.5833%\", color: \"#0044FF\" },\n    { offset: \"80.2083%\", color: \"#1768FF\" },\n    { offset: \"94.2708%\", color: \"#409CFF\" },\n  ],\n} as const;\n\n/** Canonical wordmark viewBox — all variants share this frame for pixel-aligned sizing. */\nexport const LOGO_VIEWBOX = { width: 215, height: 48 } as const;\n\n/** Simplified logo mark viewBox — flat bars for small lockups and favicons. */\nexport const LOGO_MARK_VIEWBOX = { width: 48, height: 48 } as const;\n\n/**\n * Right-aligned ascending bars (bottom widest). Mirrors wordmark accent geometry\n * and the equity-stack metaphor without chart-fidelity curves.\n */\nexport const LOGO_MARK_BARS = [\n  { x: 6, y: 38, width: 38, height: 6 },\n  { x: 12, y: 28, width: 32, height: 6 },\n  { x: 18, y: 18, width: 26, height: 6 },\n  { x: 24, y: 8, width: 20, height: 6 },\n] as const;\n"],"names":[],"mappings":"AACO,MAAM,4BACX;AAGK,MAAM,YAAY;AAAA,EACvB,OAAO;AAAA,EACP,OAAO;AACT;AAGO,MAAM,aAAa;AAAA,EACxB,UAAU;AAAA;AAAA,EAEV,iBAAiB;AAAA;AAAA,EAEjB,uBAAuB;AAAA;AAAA,EAEvB,qBAAqB;AAAA,EACrB,eAAe;AAAA,IACb,EAAE,QAAQ,MAAM,OAAO,UAAA;AAAA,IACvB,EAAE,QAAQ,YAAY,OAAO,UAAA;AAAA,IAC7B,EAAE,QAAQ,YAAY,OAAO,UAAA;AAAA,IAC7B,EAAE,QAAQ,YAAY,OAAO,UAAA;AAAA,IAC7B,EAAE,QAAQ,YAAY,OAAO,UAAA;AAAA,IAC7B,EAAE,QAAQ,YAAY,OAAO,UAAA;AAAA,IAC7B,EAAE,QAAQ,YAAY,OAAO,UAAA;AAAA,EAAU;AAE3C;AAGO,MAAM,eAAe,EAAE,OAAO,KAAK,QAAQ,GAAA;AAG3C,MAAM,oBAAoB,EAAE,OAAO,IAAI,QAAQ,GAAA;AAM/C,MAAM,iBAAiB;AAAA,EAC5B,EAAE,GAAG,GAAG,GAAG,IAAI,OAAO,IAAI,QAAQ,EAAA;AAAA,EAClC,EAAE,GAAG,IAAI,GAAG,IAAI,OAAO,IAAI,QAAQ,EAAA;AAAA,EACnC,EAAE,GAAG,IAAI,GAAG,IAAI,OAAO,IAAI,QAAQ,EAAA;AAAA,EACnC,EAAE,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI,QAAQ,EAAA;AACpC;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fairmint/ui",
-  "version": "0.4.3",
+  "version": "0.4.5",
   "type": "module",
   "description": "Fairmint design system and UI component library",
   "license": "UNLICENSED",