@fairmint/ui 0.3.32 → 0.3.33

package/dist/_virtual/index3.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=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,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=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,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=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,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=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/generic/BottomSheet/BottomSheet.cjs

@@ -0,0 +1,133 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const index = require("../../../theme/index.cjs");
+const zIndex = require("../../../theme/zIndex.cjs");
+const Drawer = require("../../primitives/Drawer/Drawer.cjs");
+const layout = require("../../primitives/layout.cjs");
+const Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const UnstyledButton = require("../../../node_modules/@mantine/core/esm/components/UnstyledButton/UnstyledButton.cjs");
+const CLOSE_OUTSIDE_ENABLE_MS = 100;
+function BottomSheetScrollArea({ style, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ...props,
+      style: {
+        ...style,
+        height: "auto",
+        maxHeight: "min(90dvh, 100%)",
+        overflow: "auto"
+      },
+      children
+    }
+  );
+}
+function SheetGrip({ onDismiss, dismissLabel }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    UnstyledButton.UnstyledButton,
+    {
+      type: "button",
+      "aria-label": dismissLabel,
+      onClick: onDismiss,
+      style: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        width: "100%",
+        minHeight: 28,
+        paddingTop: 8,
+        paddingBottom: 4,
+        cursor: "pointer"
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        layout.Box,
+        {
+          "aria-hidden": true,
+          style: {
+            width: 36,
+            height: 4,
+            borderRadius: 999,
+            backgroundColor: index.fairmintVars.colorBorderDefault
+          }
+        }
+      )
+    }
+  );
+}
+function BottomSheet({
+  opened,
+  onClose,
+  children,
+  title,
+  withGrip = true,
+  dismissLabel = "Dismiss",
+  zIndex: zIndex$1 = zIndex.overlayZIndexAboveLegacyShell + 10,
+  maxHeight = "90dvh"
+}) {
+  const [closeOnClickOutside, setCloseOnClickOutside] = React.useState(false);
+  React.useEffect(() => {
+    if (!opened) {
+      setCloseOnClickOutside(false);
+      return;
+    }
+    const timer = window.setTimeout(() => setCloseOnClickOutside(true), CLOSE_OUTSIDE_ENABLE_MS);
+    return () => window.clearTimeout(timer);
+  }, [opened]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Drawer.Drawer,
+    {
+      opened,
+      onClose,
+      position: "bottom",
+      size: "100%",
+      padding: 0,
+      radius: 0,
+      zIndex: zIndex$1,
+      withOverlay: true,
+      withCloseButton: false,
+      closeOnClickOutside,
+      closeOnEscape: true,
+      scrollAreaComponent: BottomSheetScrollArea,
+      styles: {
+        content: {
+          width: "100%",
+          maxWidth: "100%",
+          height: "auto",
+          maxHeight,
+          flex: "0 0 100%",
+          borderTopLeftRadius: index.radii.lg,
+          borderTopRightRadius: index.radii.lg,
+          borderTop: `1px solid ${index.fairmintVars.colorBorderDefault}`
+        },
+        header: {
+          display: "none"
+        },
+        body: {
+          height: "auto",
+          paddingInline: 16,
+          paddingBottom: "max(16px, env(safe-area-inset-bottom))",
+          paddingTop: 0
+        },
+        inner: {
+          padding: 0,
+          alignItems: "flex-end"
+        }
+      },
+      style: {
+        "--drawer-size": "auto",
+        "--drawer-height": "auto",
+        "--drawer-flex": "0 0 100%",
+        "--drawer-offset": "0rem"
+      },
+      children: [
+        withGrip ? /* @__PURE__ */ jsxRuntime.jsx(SheetGrip, { onDismiss: onClose, dismissLabel }) : null,
+        typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { fw: 600, size: "md", px: 8, pb: 8, children: title }) : title,
+        children
+      ]
+    }
+  );
+}
+exports.BottomSheet = BottomSheet;
+//# sourceMappingURL=BottomSheet.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.cjs","sources":["../../../../src/components/generic/BottomSheet/BottomSheet.tsx"],"sourcesContent":["import {\n  type ComponentPropsWithoutRef,\n  type CSSProperties,\n  type ReactNode,\n  useEffect,\n  useState,\n} from \"react\";\nimport { fairmintVars, radii } from \"../../../theme\";\nimport { overlayZIndexAboveLegacyShell } from \"../../../theme/zIndex\";\nimport { Drawer } from \"../../primitives/Drawer/Drawer\";\nimport { Box, Text, UnstyledButton } from \"../../primitives/layout\";\n\n/**\n * Ignore overlay clicks briefly after open. Opening from another drawer/modal\n * (e.g. MobileNav → AccountSheet) otherwise lets the same pointerup hit the new\n * overlay and dismiss the sheet immediately — flaky on wider viewports.\n */\nconst CLOSE_OUTSIDE_ENABLE_MS = 100;\n\n/**\n * Mantine Drawer forces an inner scroll area to ~100vh; override so the sheet\n * only grows with its content.\n */\nfunction BottomSheetScrollArea({ style, children, ...props }: ComponentPropsWithoutRef<\"div\">) {\n  return (\n    <div\n      {...props}\n      style={{\n        ...style,\n        height: \"auto\",\n        maxHeight: \"min(90dvh, 100%)\",\n        overflow: \"auto\",\n      }}\n    >\n      {children}\n    </div>\n  );\n}\n\nfunction SheetGrip({ onDismiss, dismissLabel }: { onDismiss: () => void; dismissLabel: string }) {\n  return (\n    <UnstyledButton\n      type=\"button\"\n      aria-label={dismissLabel}\n      onClick={onDismiss}\n      style={{\n        display: \"flex\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        width: \"100%\",\n        minHeight: 28,\n        paddingTop: 8,\n        paddingBottom: 4,\n        cursor: \"pointer\",\n      }}\n    >\n      <Box\n        aria-hidden\n        style={{\n          width: 36,\n          height: 4,\n          borderRadius: 999,\n          backgroundColor: fairmintVars.colorBorderDefault,\n        }}\n      />\n    </UnstyledButton>\n  );\n}\n\nexport interface BottomSheetProps {\n  /** Whether the bottom sheet is open. */\n  opened: boolean;\n  /** Close handler (backdrop, escape, or grip). */\n  onClose: () => void;\n  /** Sheet body. */\n  children: ReactNode;\n  /**\n   * Optional title below the grip. Pass a string for default typography, or a\n   * ReactNode for custom header content.\n   */\n  title?: ReactNode;\n  /** Show the top grip dismiss control. @default true */\n  withGrip?: boolean;\n  /** Accessible label for the grip. @default \"Dismiss\" */\n  dismissLabel?: string;\n  /** Overlay z-index. Defaults above legacy Studio/Investor shell chrome. */\n  zIndex?: number;\n  /** Max height of the sheet. @default \"90dvh\" */\n  maxHeight?: string | number;\n}\n\n/**\n * Full-width, content-height bottom sheet with a top grip (no X) and dimmed overlay.\n *\n * Prefer this over a raw bottom `Drawer` when the sheet should hug its content\n * rather than fill the viewport. Use `AccountSheet` for the mobile account menu;\n * use `BottomSheet` for any other mobile action sheet.\n */\nexport function BottomSheet({\n  opened,\n  onClose,\n  children,\n  title,\n  withGrip = true,\n  dismissLabel = \"Dismiss\",\n  zIndex = overlayZIndexAboveLegacyShell + 10,\n  maxHeight = \"90dvh\",\n}: BottomSheetProps) {\n  const [closeOnClickOutside, setCloseOnClickOutside] = useState(false);\n\n  useEffect(() => {\n    if (!opened) {\n      setCloseOnClickOutside(false);\n      return;\n    }\n    const timer = window.setTimeout(() => setCloseOnClickOutside(true), CLOSE_OUTSIDE_ENABLE_MS);\n    return () => window.clearTimeout(timer);\n  }, [opened]);\n\n  return (\n    <Drawer\n      opened={opened}\n      onClose={onClose}\n      position=\"bottom\"\n      size=\"100%\"\n      padding={0}\n      radius={0}\n      zIndex={zIndex}\n      withOverlay\n      withCloseButton={false}\n      closeOnClickOutside={closeOnClickOutside}\n      closeOnEscape\n      scrollAreaComponent={BottomSheetScrollArea}\n      styles={{\n        content: {\n          width: \"100%\",\n          maxWidth: \"100%\",\n          height: \"auto\",\n          maxHeight,\n          flex: \"0 0 100%\",\n          borderTopLeftRadius: radii.lg,\n          borderTopRightRadius: radii.lg,\n          borderTop: `1px solid ${fairmintVars.colorBorderDefault}`,\n        },\n        header: {\n          display: \"none\",\n        },\n        body: {\n          height: \"auto\",\n          paddingInline: 16,\n          paddingBottom: \"max(16px, env(safe-area-inset-bottom))\",\n          paddingTop: 0,\n        },\n        inner: {\n          padding: 0,\n          alignItems: \"flex-end\",\n        },\n      }}\n      style={\n        {\n          \"--drawer-size\": \"auto\",\n          \"--drawer-height\": \"auto\",\n          \"--drawer-flex\": \"0 0 100%\",\n          \"--drawer-offset\": \"0rem\",\n        } as CSSProperties\n      }\n    >\n      {withGrip ? <SheetGrip onDismiss={onClose} dismissLabel={dismissLabel} /> : null}\n\n      {typeof title === \"string\" ? (\n        <Text fw={600} size=\"md\" px={8} pb={8}>\n          {title}\n        </Text>\n      ) : (\n        title\n      )}\n\n      {children}\n    </Drawer>\n  );\n}\n"],"names":["jsx","UnstyledButton","Box","fairmintVars","zIndex","overlayZIndexAboveLegacyShell","useState","useEffect","jsxs","Drawer","radii","Text"],"mappings":"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"}

package/dist/components/generic/BottomSheet/BottomSheet.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+export interface BottomSheetProps {
+    /** Whether the bottom sheet is open. */
+    opened: boolean;
+    /** Close handler (backdrop, escape, or grip). */
+    onClose: () => void;
+    /** Sheet body. */
+    children: ReactNode;
+    /**
+     * Optional title below the grip. Pass a string for default typography, or a
+     * ReactNode for custom header content.
+     */
+    title?: ReactNode;
+    /** Show the top grip dismiss control. @default true */
+    withGrip?: boolean;
+    /** Accessible label for the grip. @default "Dismiss" */
+    dismissLabel?: string;
+    /** Overlay z-index. Defaults above legacy Studio/Investor shell chrome. */
+    zIndex?: number;
+    /** Max height of the sheet. @default "90dvh" */
+    maxHeight?: string | number;
+}
+/**
+ * Full-width, content-height bottom sheet with a top grip (no X) and dimmed overlay.
+ *
+ * Prefer this over a raw bottom `Drawer` when the sheet should hug its content
+ * rather than fill the viewport. Use `AccountSheet` for the mobile account menu;
+ * use `BottomSheet` for any other mobile action sheet.
+ */
+export declare function BottomSheet({ opened, onClose, children, title, withGrip, dismissLabel, zIndex, maxHeight, }: BottomSheetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BottomSheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../../src/components/generic/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AA+Df,MAAM,WAAW,gBAAgB;IAC/B,wCAAwC;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,iDAAiD;IACjD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kBAAkB;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC7B;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,OAAO,EACP,QAAQ,EACR,KAAK,EACL,QAAe,EACf,YAAwB,EACxB,MAA2C,EAC3C,SAAmB,GACpB,EAAE,gBAAgB,2CAyElB"}

package/dist/components/generic/BottomSheet/BottomSheet.js

@@ -0,0 +1,133 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { fairmintVars, radii } from "../../../theme/index.js";
+import { overlayZIndexAboveLegacyShell } from "../../../theme/zIndex.js";
+import { Drawer } from "../../primitives/Drawer/Drawer.js";
+import { Box } from "../../primitives/layout.js";
+import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { UnstyledButton } from "../../../node_modules/@mantine/core/esm/components/UnstyledButton/UnstyledButton.js";
+const CLOSE_OUTSIDE_ENABLE_MS = 100;
+function BottomSheetScrollArea({ style, children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      style: {
+        ...style,
+        height: "auto",
+        maxHeight: "min(90dvh, 100%)",
+        overflow: "auto"
+      },
+      children
+    }
+  );
+}
+function SheetGrip({ onDismiss, dismissLabel }) {
+  return /* @__PURE__ */ jsx(
+    UnstyledButton,
+    {
+      type: "button",
+      "aria-label": dismissLabel,
+      onClick: onDismiss,
+      style: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        width: "100%",
+        minHeight: 28,
+        paddingTop: 8,
+        paddingBottom: 4,
+        cursor: "pointer"
+      },
+      children: /* @__PURE__ */ jsx(
+        Box,
+        {
+          "aria-hidden": true,
+          style: {
+            width: 36,
+            height: 4,
+            borderRadius: 999,
+            backgroundColor: fairmintVars.colorBorderDefault
+          }
+        }
+      )
+    }
+  );
+}
+function BottomSheet({
+  opened,
+  onClose,
+  children,
+  title,
+  withGrip = true,
+  dismissLabel = "Dismiss",
+  zIndex = overlayZIndexAboveLegacyShell + 10,
+  maxHeight = "90dvh"
+}) {
+  const [closeOnClickOutside, setCloseOnClickOutside] = useState(false);
+  useEffect(() => {
+    if (!opened) {
+      setCloseOnClickOutside(false);
+      return;
+    }
+    const timer = window.setTimeout(() => setCloseOnClickOutside(true), CLOSE_OUTSIDE_ENABLE_MS);
+    return () => window.clearTimeout(timer);
+  }, [opened]);
+  return /* @__PURE__ */ jsxs(
+    Drawer,
+    {
+      opened,
+      onClose,
+      position: "bottom",
+      size: "100%",
+      padding: 0,
+      radius: 0,
+      zIndex,
+      withOverlay: true,
+      withCloseButton: false,
+      closeOnClickOutside,
+      closeOnEscape: true,
+      scrollAreaComponent: BottomSheetScrollArea,
+      styles: {
+        content: {
+          width: "100%",
+          maxWidth: "100%",
+          height: "auto",
+          maxHeight,
+          flex: "0 0 100%",
+          borderTopLeftRadius: radii.lg,
+          borderTopRightRadius: radii.lg,
+          borderTop: `1px solid ${fairmintVars.colorBorderDefault}`
+        },
+        header: {
+          display: "none"
+        },
+        body: {
+          height: "auto",
+          paddingInline: 16,
+          paddingBottom: "max(16px, env(safe-area-inset-bottom))",
+          paddingTop: 0
+        },
+        inner: {
+          padding: 0,
+          alignItems: "flex-end"
+        }
+      },
+      style: {
+        "--drawer-size": "auto",
+        "--drawer-height": "auto",
+        "--drawer-flex": "0 0 100%",
+        "--drawer-offset": "0rem"
+      },
+      children: [
+        withGrip ? /* @__PURE__ */ jsx(SheetGrip, { onDismiss: onClose, dismissLabel }) : null,
+        typeof title === "string" ? /* @__PURE__ */ jsx(Text, { fw: 600, size: "md", px: 8, pb: 8, children: title }) : title,
+        children
+      ]
+    }
+  );
+}
+export {
+  BottomSheet
+};
+//# sourceMappingURL=BottomSheet.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.js","sources":["../../../../src/components/generic/BottomSheet/BottomSheet.tsx"],"sourcesContent":["import {\n  type ComponentPropsWithoutRef,\n  type CSSProperties,\n  type ReactNode,\n  useEffect,\n  useState,\n} from \"react\";\nimport { fairmintVars, radii } from \"../../../theme\";\nimport { overlayZIndexAboveLegacyShell } from \"../../../theme/zIndex\";\nimport { Drawer } from \"../../primitives/Drawer/Drawer\";\nimport { Box, Text, UnstyledButton } from \"../../primitives/layout\";\n\n/**\n * Ignore overlay clicks briefly after open. Opening from another drawer/modal\n * (e.g. MobileNav → AccountSheet) otherwise lets the same pointerup hit the new\n * overlay and dismiss the sheet immediately — flaky on wider viewports.\n */\nconst CLOSE_OUTSIDE_ENABLE_MS = 100;\n\n/**\n * Mantine Drawer forces an inner scroll area to ~100vh; override so the sheet\n * only grows with its content.\n */\nfunction BottomSheetScrollArea({ style, children, ...props }: ComponentPropsWithoutRef<\"div\">) {\n  return (\n    <div\n      {...props}\n      style={{\n        ...style,\n        height: \"auto\",\n        maxHeight: \"min(90dvh, 100%)\",\n        overflow: \"auto\",\n      }}\n    >\n      {children}\n    </div>\n  );\n}\n\nfunction SheetGrip({ onDismiss, dismissLabel }: { onDismiss: () => void; dismissLabel: string }) {\n  return (\n    <UnstyledButton\n      type=\"button\"\n      aria-label={dismissLabel}\n      onClick={onDismiss}\n      style={{\n        display: \"flex\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        width: \"100%\",\n        minHeight: 28,\n        paddingTop: 8,\n        paddingBottom: 4,\n        cursor: \"pointer\",\n      }}\n    >\n      <Box\n        aria-hidden\n        style={{\n          width: 36,\n          height: 4,\n          borderRadius: 999,\n          backgroundColor: fairmintVars.colorBorderDefault,\n        }}\n      />\n    </UnstyledButton>\n  );\n}\n\nexport interface BottomSheetProps {\n  /** Whether the bottom sheet is open. */\n  opened: boolean;\n  /** Close handler (backdrop, escape, or grip). */\n  onClose: () => void;\n  /** Sheet body. */\n  children: ReactNode;\n  /**\n   * Optional title below the grip. Pass a string for default typography, or a\n   * ReactNode for custom header content.\n   */\n  title?: ReactNode;\n  /** Show the top grip dismiss control. @default true */\n  withGrip?: boolean;\n  /** Accessible label for the grip. @default \"Dismiss\" */\n  dismissLabel?: string;\n  /** Overlay z-index. Defaults above legacy Studio/Investor shell chrome. */\n  zIndex?: number;\n  /** Max height of the sheet. @default \"90dvh\" */\n  maxHeight?: string | number;\n}\n\n/**\n * Full-width, content-height bottom sheet with a top grip (no X) and dimmed overlay.\n *\n * Prefer this over a raw bottom `Drawer` when the sheet should hug its content\n * rather than fill the viewport. Use `AccountSheet` for the mobile account menu;\n * use `BottomSheet` for any other mobile action sheet.\n */\nexport function BottomSheet({\n  opened,\n  onClose,\n  children,\n  title,\n  withGrip = true,\n  dismissLabel = \"Dismiss\",\n  zIndex = overlayZIndexAboveLegacyShell + 10,\n  maxHeight = \"90dvh\",\n}: BottomSheetProps) {\n  const [closeOnClickOutside, setCloseOnClickOutside] = useState(false);\n\n  useEffect(() => {\n    if (!opened) {\n      setCloseOnClickOutside(false);\n      return;\n    }\n    const timer = window.setTimeout(() => setCloseOnClickOutside(true), CLOSE_OUTSIDE_ENABLE_MS);\n    return () => window.clearTimeout(timer);\n  }, [opened]);\n\n  return (\n    <Drawer\n      opened={opened}\n      onClose={onClose}\n      position=\"bottom\"\n      size=\"100%\"\n      padding={0}\n      radius={0}\n      zIndex={zIndex}\n      withOverlay\n      withCloseButton={false}\n      closeOnClickOutside={closeOnClickOutside}\n      closeOnEscape\n      scrollAreaComponent={BottomSheetScrollArea}\n      styles={{\n        content: {\n          width: \"100%\",\n          maxWidth: \"100%\",\n          height: \"auto\",\n          maxHeight,\n          flex: \"0 0 100%\",\n          borderTopLeftRadius: radii.lg,\n          borderTopRightRadius: radii.lg,\n          borderTop: `1px solid ${fairmintVars.colorBorderDefault}`,\n        },\n        header: {\n          display: \"none\",\n        },\n        body: {\n          height: \"auto\",\n          paddingInline: 16,\n          paddingBottom: \"max(16px, env(safe-area-inset-bottom))\",\n          paddingTop: 0,\n        },\n        inner: {\n          padding: 0,\n          alignItems: \"flex-end\",\n        },\n      }}\n      style={\n        {\n          \"--drawer-size\": \"auto\",\n          \"--drawer-height\": \"auto\",\n          \"--drawer-flex\": \"0 0 100%\",\n          \"--drawer-offset\": \"0rem\",\n        } as CSSProperties\n      }\n    >\n      {withGrip ? <SheetGrip onDismiss={onClose} dismissLabel={dismissLabel} /> : null}\n\n      {typeof title === \"string\" ? (\n        <Text fw={600} size=\"md\" px={8} pb={8}>\n          {title}\n        </Text>\n      ) : (\n        title\n      )}\n\n      {children}\n    </Drawer>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAiBA,MAAM,0BAA0B;AAMhC,SAAS,sBAAsB,EAAE,OAAO,UAAU,GAAG,SAA0C;AAC7F,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO;AAAA,QACL,GAAG;AAAA,QACH,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,UAAU;AAAA,MAAA;AAAA,MAGX;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAAS,UAAU,EAAE,WAAW,gBAAiE;AAC/F,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,SAAS;AAAA,MACT,OAAO;AAAA,QACL,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,QAAQ;AAAA,MAAA;AAAA,MAGV,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAW;AAAA,UACX,OAAO;AAAA,YACL,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,cAAc;AAAA,YACd,iBAAiB,aAAa;AAAA,UAAA;AAAA,QAChC;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;AA+BO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,eAAe;AAAA,EACf,SAAS,gCAAgC;AAAA,EACzC,YAAY;AACd,GAAqB;AACnB,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,SAAS,KAAK;AAEpE,YAAU,MAAM;AACd,QAAI,CAAC,QAAQ;AACX,6BAAuB,KAAK;AAC5B;AAAA,IACF;AACA,UAAM,QAAQ,OAAO,WAAW,MAAM,uBAAuB,IAAI,GAAG,uBAAuB;AAC3F,WAAO,MAAM,OAAO,aAAa,KAAK;AAAA,EACxC,GAAG,CAAC,MAAM,CAAC;AAEX,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,UAAS;AAAA,MACT,MAAK;AAAA,MACL,SAAS;AAAA,MACT,QAAQ;AAAA,MACR;AAAA,MACA,aAAW;AAAA,MACX,iBAAiB;AAAA,MACjB;AAAA,MACA,eAAa;AAAA,MACb,qBAAqB;AAAA,MACrB,QAAQ;AAAA,QACN,SAAS;AAAA,UACP,OAAO;AAAA,UACP,UAAU;AAAA,UACV,QAAQ;AAAA,UACR;AAAA,UACA,MAAM;AAAA,UACN,qBAAqB,MAAM;AAAA,UAC3B,sBAAsB,MAAM;AAAA,UAC5B,WAAW,aAAa,aAAa,kBAAkB;AAAA,QAAA;AAAA,QAEzD,QAAQ;AAAA,UACN,SAAS;AAAA,QAAA;AAAA,QAEX,MAAM;AAAA,UACJ,QAAQ;AAAA,UACR,eAAe;AAAA,UACf,eAAe;AAAA,UACf,YAAY;AAAA,QAAA;AAAA,QAEd,OAAO;AAAA,UACL,SAAS;AAAA,UACT,YAAY;AAAA,QAAA;AAAA,MACd;AAAA,MAEF,OACE;AAAA,QACE,iBAAiB;AAAA,QACjB,mBAAmB;AAAA,QACnB,iBAAiB;AAAA,QACjB,mBAAmB;AAAA,MAAA;AAAA,MAItB,UAAA;AAAA,QAAA,WAAW,oBAAC,WAAA,EAAU,WAAW,SAAS,cAA4B,IAAK;AAAA,QAE3E,OAAO,UAAU,WAChB,oBAAC,QAAK,IAAI,KAAK,MAAK,MAAK,IAAI,GAAG,IAAI,GACjC,iBACH,IAEA;AAAA,QAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/layout/AccountSheet/AccountSheet.cjs

@@ -0,0 +1,123 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const index = require("../../../theme/index.cjs");
+const zIndex = require("../../../theme/zIndex.cjs");
+const BottomSheet = require("../../generic/BottomSheet/BottomSheet.cjs");
+const Avatar = require("../../primitives/Avatar/Avatar.cjs");
+const layout = require("../../primitives/layout.cjs");
+const colors = require("../../../theme/colors.cjs");
+const Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const UnstyledButton = require("../../../node_modules/@mantine/core/esm/components/UnstyledButton/UnstyledButton.cjs");
+const ACCOUNT_SHEET_ROW_MIN_HEIGHT = 48;
+function resolvePaintColor(color) {
+  if (!color) return void 0;
+  if (color === colors.colors.error || color === "error" || color === "red") {
+    return index.fairmintVars.colorErrorText;
+  }
+  if (color === colors.colors.primary || color === "indigo" || color === "primary") {
+    return index.fairmintVars.colorBrandPrimary;
+  }
+  return color;
+}
+function AccountSheetRow({
+  item,
+  onItemClick
+}) {
+  const paint = resolvePaintColor(item.color);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    UnstyledButton.UnstyledButton,
+    {
+      type: "button",
+      onClick: () => onItemClick(item.id),
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: 12,
+        width: "100%",
+        minHeight: ACCOUNT_SHEET_ROW_MIN_HEIGHT,
+        paddingInline: 8,
+        paddingBlock: 12,
+        borderRadius: index.radii.md,
+        textAlign: "left",
+        cursor: "pointer",
+        color: paint ?? index.fairmintVars.colorTextPrimary
+      },
+      styles: {
+        root: {
+          "&:hover": {
+            backgroundColor: index.fairmintVars.colorBgHover
+          }
+        }
+      },
+      children: [
+        item.icon ? /* @__PURE__ */ jsxRuntime.jsx(
+          layout.Box,
+          {
+            component: "span",
+            "aria-hidden": true,
+            style: {
+              display: "inline-flex",
+              color: paint ?? index.fairmintVars.colorIconSecondary,
+              flexShrink: 0
+            },
+            children: item.icon
+          }
+        ) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { size: "sm", fw: 500, style: { color: paint ?? void 0 }, children: item.label })
+      ]
+    }
+  );
+}
+function AccountSheet({
+  opened,
+  onClose,
+  displayName,
+  email,
+  avatarName,
+  avatarColor = colors.colors.primary,
+  title = "Account",
+  items,
+  onItemClick,
+  zIndex: zIndex$1 = zIndex.overlayZIndexAboveLegacyShell + 10
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    BottomSheet.BottomSheet,
+    {
+      opened,
+      onClose,
+      title,
+      dismissLabel: "Dismiss account menu",
+      zIndex: zIndex$1,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          layout.Box,
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: 12,
+              paddingInline: 8,
+              paddingBlock: 8
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Avatar.Avatar, { name: avatarName ?? displayName, radius: "md", size: 40, color: avatarColor }),
+              /* @__PURE__ */ jsxRuntime.jsxs(layout.Stack, { gap: 0, style: { minWidth: 0, flex: 1 }, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { size: "sm", fw: 600, truncate: true, children: displayName }),
+                email && email !== displayName ? /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { size: "xs", c: "dimmed", truncate: true, children: email }) : null
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(layout.Divider, { my: "xs", color: index.fairmintVars.colorBorderDefault }),
+        /* @__PURE__ */ jsxRuntime.jsx(layout.Stack, { gap: 4, children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(layout.Box, { children: [
+          item.dividerBefore ? /* @__PURE__ */ jsxRuntime.jsx(layout.Divider, { my: "xs", color: index.fairmintVars.colorBorderDefault }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx(AccountSheetRow, { item, onItemClick })
+        ] }, item.id)) })
+      ]
+    }
+  );
+}
+exports.ACCOUNT_SHEET_ROW_MIN_HEIGHT = ACCOUNT_SHEET_ROW_MIN_HEIGHT;
+exports.AccountSheet = AccountSheet;
+//# sourceMappingURL=AccountSheet.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccountSheet.cjs","sources":["../../../../src/components/layout/AccountSheet/AccountSheet.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { colors, fairmintVars, radii } from \"../../../theme\";\nimport { overlayZIndexAboveLegacyShell } from \"../../../theme/zIndex\";\nimport { BottomSheet } from \"../../generic/BottomSheet/BottomSheet\";\nimport { Avatar } from \"../../primitives/Avatar/Avatar\";\nimport { Box, Divider, Stack, Text, UnstyledButton } from \"../../primitives/layout\";\n\n/** Minimum touch target height for mobile account actions (WCAG 2.5.5 / Apple HIG). */\nexport const ACCOUNT_SHEET_ROW_MIN_HEIGHT = 48;\n\nexport interface AccountSheetItem {\n  /** Unique identifier for this action. */\n  id: string;\n  /** Display label. */\n  label: string;\n  /** Leading icon element (app-owned icon library). */\n  icon?: ReactNode;\n  /**\n   * Item color. Accepts a CSS color or a Mantine semantic name (`colors.error` → `\"error\"`).\n   * Destructive actions like Sign out should pass `colors.error`.\n   */\n  color?: string;\n  /** Show a divider before this item. */\n  dividerBefore?: boolean;\n}\n\nexport interface AccountSheetProps {\n  /** Whether the bottom sheet is open. */\n  opened: boolean;\n  /** Close handler (backdrop, escape, or grip). */\n  onClose: () => void;\n  /** Primary identity line. */\n  displayName: string;\n  /** Optional secondary identity line (email). */\n  email?: string;\n  /** Name passed to Avatar (initials). Defaults to `displayName`. */\n  avatarName?: string;\n  /** Avatar color token. @default colors.primary */\n  avatarColor?: string;\n  /** Sheet title below the grip. @default \"Account\" */\n  title?: string;\n  /** Account actions. */\n  items: AccountSheetItem[];\n  /** Called when an action row is pressed. Receives the item `id`. */\n  onItemClick: (id: string) => void;\n  /** Overlay z-index. Defaults above legacy Studio/Investor shell chrome. */\n  zIndex?: number;\n}\n\n/** Map Mantine semantic names (e.g. `colors.error`) to CSS paint tokens for inline styles. */\nfunction resolvePaintColor(color?: string): string | undefined {\n  if (!color) return undefined;\n  if (color === colors.error || color === \"error\" || color === \"red\") {\n    return fairmintVars.colorErrorText;\n  }\n  if (color === colors.primary || color === \"indigo\" || color === \"primary\") {\n    return fairmintVars.colorBrandPrimary;\n  }\n  return color;\n}\n\nfunction AccountSheetRow({\n  item,\n  onItemClick,\n}: {\n  item: AccountSheetItem;\n  onItemClick: (id: string) => void;\n}) {\n  const paint = resolvePaintColor(item.color);\n\n  return (\n    <UnstyledButton\n      type=\"button\"\n      onClick={() => onItemClick(item.id)}\n      style={{\n        display: \"flex\",\n        alignItems: \"center\",\n        gap: 12,\n        width: \"100%\",\n        minHeight: ACCOUNT_SHEET_ROW_MIN_HEIGHT,\n        paddingInline: 8,\n        paddingBlock: 12,\n        borderRadius: radii.md,\n        textAlign: \"left\",\n        cursor: \"pointer\",\n        color: paint ?? fairmintVars.colorTextPrimary,\n      }}\n      styles={{\n        root: {\n          \"&:hover\": {\n            backgroundColor: fairmintVars.colorBgHover,\n          },\n        },\n      }}\n    >\n      {item.icon ? (\n        <Box\n          component=\"span\"\n          aria-hidden\n          style={{\n            display: \"inline-flex\",\n            color: paint ?? fairmintVars.colorIconSecondary,\n            flexShrink: 0,\n          }}\n        >\n          {item.icon}\n        </Box>\n      ) : null}\n      <Text size=\"sm\" fw={500} style={{ color: paint ?? undefined }}>\n        {item.label}\n      </Text>\n    </UnstyledButton>\n  );\n}\n\n/**\n * Touch-first account surface for mobile shells.\n * Composes `BottomSheet` with identity header + action rows.\n */\nexport function AccountSheet({\n  opened,\n  onClose,\n  displayName,\n  email,\n  avatarName,\n  avatarColor = colors.primary,\n  title = \"Account\",\n  items,\n  onItemClick,\n  zIndex = overlayZIndexAboveLegacyShell + 10,\n}: AccountSheetProps) {\n  return (\n    <BottomSheet\n      opened={opened}\n      onClose={onClose}\n      title={title}\n      dismissLabel=\"Dismiss account menu\"\n      zIndex={zIndex}\n    >\n      <Box\n        style={{\n          display: \"flex\",\n          alignItems: \"center\",\n          gap: 12,\n          paddingInline: 8,\n          paddingBlock: 8,\n        }}\n      >\n        <Avatar name={avatarName ?? displayName} radius=\"md\" size={40} color={avatarColor} />\n        <Stack gap={0} style={{ minWidth: 0, flex: 1 }}>\n          <Text size=\"sm\" fw={600} truncate>\n            {displayName}\n          </Text>\n          {email && email !== displayName ? (\n            <Text size=\"xs\" c=\"dimmed\" truncate>\n              {email}\n            </Text>\n          ) : null}\n        </Stack>\n      </Box>\n\n      <Divider my=\"xs\" color={fairmintVars.colorBorderDefault} />\n\n      <Stack gap={4}>\n        {items.map((item) => (\n          <Box key={item.id}>\n            {item.dividerBefore ? (\n              <Divider my=\"xs\" color={fairmintVars.colorBorderDefault} />\n            ) : null}\n            <AccountSheetRow item={item} onItemClick={onItemClick} />\n          </Box>\n        ))}\n      </Stack>\n    </BottomSheet>\n  );\n}\n"],"names":["colors","fairmintVars","jsxs","UnstyledButton","radii","jsx","Box","Text","zIndex","overlayZIndexAboveLegacyShell","BottomSheet","Avatar","Stack","Divider"],"mappings":"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"}

package/dist/components/layout/AccountSheet/AccountSheet.d.ts

@@ -0,0 +1,46 @@
+import { ReactNode } from 'react';
+/** Minimum touch target height for mobile account actions (WCAG 2.5.5 / Apple HIG). */
+export declare const ACCOUNT_SHEET_ROW_MIN_HEIGHT = 48;
+export interface AccountSheetItem {
+    /** Unique identifier for this action. */
+    id: string;
+    /** Display label. */
+    label: string;
+    /** Leading icon element (app-owned icon library). */
+    icon?: ReactNode;
+    /**
+     * Item color. Accepts a CSS color or a Mantine semantic name (`colors.error` → `"error"`).
+     * Destructive actions like Sign out should pass `colors.error`.
+     */
+    color?: string;
+    /** Show a divider before this item. */
+    dividerBefore?: boolean;
+}
+export interface AccountSheetProps {
+    /** Whether the bottom sheet is open. */
+    opened: boolean;
+    /** Close handler (backdrop, escape, or grip). */
+    onClose: () => void;
+    /** Primary identity line. */
+    displayName: string;
+    /** Optional secondary identity line (email). */
+    email?: string;
+    /** Name passed to Avatar (initials). Defaults to `displayName`. */
+    avatarName?: string;
+    /** Avatar color token. @default colors.primary */
+    avatarColor?: string;
+    /** Sheet title below the grip. @default "Account" */
+    title?: string;
+    /** Account actions. */
+    items: AccountSheetItem[];
+    /** Called when an action row is pressed. Receives the item `id`. */
+    onItemClick: (id: string) => void;
+    /** Overlay z-index. Defaults above legacy Studio/Investor shell chrome. */
+    zIndex?: number;
+}
+/**
+ * Touch-first account surface for mobile shells.
+ * Composes `BottomSheet` with identity header + action rows.
+ */
+export declare function AccountSheet({ opened, onClose, displayName, email, avatarName, avatarColor, title, items, onItemClick, zIndex, }: AccountSheetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AccountSheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccountSheet.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/AccountSheet/AccountSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,uFAAuF;AACvF,eAAO,MAAM,4BAA4B,KAAK,CAAC;AAE/C,MAAM,WAAW,gBAAgB;IAC/B,yCAAyC;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,iBAAiB;IAChC,wCAAwC;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,iDAAiD;IACjD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,6BAA6B;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,oEAAoE;IACpE,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAoED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,WAAW,EACX,KAAK,EACL,UAAU,EACV,WAA4B,EAC5B,KAAiB,EACjB,KAAK,EACL,WAAW,EACX,MAA2C,GAC5C,EAAE,iBAAiB,2CA6CnB"}