@fairmint/ui 0.4.3 → 0.4.4

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/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/package.json

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