@fairmint/ui 0.3.31 → 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/FairmintProvider/FairmintNotifications.cjs

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const notifications_store = require("../../node_modules/@mantine/notifications/esm/notifications.store.cjs");
+const Notifications = require("../../node_modules/@mantine/notifications/esm/Notifications.cjs");
+function FairmintNotifications({ position = "top-right" }) {
+  const { notifications, queue } = notifications_store.useNotifications();
+  if (notifications.length === 0 && queue.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Notifications.Notifications,
+    {
+      position,
+      styles: {
+        root: { pointerEvents: "none" },
+        notification: { pointerEvents: "auto" }
+      }
+    }
+  );
+}
+exports.FairmintNotifications = FairmintNotifications;
+//# sourceMappingURL=FairmintNotifications.cjs.map

package/dist/components/FairmintProvider/FairmintNotifications.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FairmintNotifications.cjs","sources":["../../../src/components/FairmintProvider/FairmintNotifications.tsx"],"sourcesContent":["import { Notifications, type NotificationsProps, useNotifications } from \"@mantine/notifications\";\n\nexport interface FairmintNotificationsProps {\n  position?: NotificationsProps[\"position\"];\n}\n\n/**\n * Mantine's `<Notifications />` always portals six fixed-position roots (every\n * corner/center), even when the store is empty. Those empty shells are\n * near-full-width on mobile and sit at overlay z-index, so they can steal\n * clicks on sparse pages (e.g. Studio login) with nothing visible on screen.\n *\n * Mount the host only while there is something to show. When mounted, keep\n * pointer-events off the roots (Mantine still renders empty sibling positions\n * for unused corners) and restore them on the toast itself.\n */\nexport function FairmintNotifications({ position = \"top-right\" }: FairmintNotificationsProps) {\n  const { notifications, queue } = useNotifications();\n\n  if (notifications.length === 0 && queue.length === 0) {\n    return null;\n  }\n\n  return (\n    <Notifications\n      position={position}\n      styles={{\n        root: { pointerEvents: \"none\" },\n        notification: { pointerEvents: \"auto\" },\n      }}\n    />\n  );\n}\n"],"names":["useNotifications","jsx","Notifications"],"mappings":";;;;;AAgBO,SAAS,sBAAsB,EAAE,WAAW,eAA2C;AAC5F,QAAM,EAAE,eAAe,MAAA,IAAUA,qCAAA;AAEjC,MAAI,cAAc,WAAW,KAAK,MAAM,WAAW,GAAG;AACpD,WAAO;AAAA,EACT;AAEA,SACEC,2BAAAA;AAAAA,IAACC,cAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA,QAAQ;AAAA,QACN,MAAM,EAAE,eAAe,OAAA;AAAA,QACvB,cAAc,EAAE,eAAe,OAAA;AAAA,MAAO;AAAA,IACxC;AAAA,EAAA;AAGN;;"}

package/dist/components/FairmintProvider/FairmintNotifications.d.ts

@@ -0,0 +1,16 @@
+import { NotificationsProps } from '@mantine/notifications';
+export interface FairmintNotificationsProps {
+    position?: NotificationsProps["position"];
+}
+/**
+ * Mantine's `<Notifications />` always portals six fixed-position roots (every
+ * corner/center), even when the store is empty. Those empty shells are
+ * near-full-width on mobile and sit at overlay z-index, so they can steal
+ * clicks on sparse pages (e.g. Studio login) with nothing visible on screen.
+ *
+ * Mount the host only while there is something to show. When mounted, keep
+ * pointer-events off the roots (Mantine still renders empty sibling positions
+ * for unused corners) and restore them on the toast itself.
+ */
+export declare function FairmintNotifications({ position }: FairmintNotificationsProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=FairmintNotifications.d.ts.map

package/dist/components/FairmintProvider/FairmintNotifications.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FairmintNotifications.d.ts","sourceRoot":"","sources":["../../../src/components/FairmintProvider/FairmintNotifications.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,kBAAkB,EAAoB,MAAM,wBAAwB,CAAC;AAElG,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;CAC3C;AAED;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,QAAsB,EAAE,EAAE,0BAA0B,kDAgB3F"}

package/dist/components/FairmintProvider/FairmintNotifications.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { useNotifications } from "../../node_modules/@mantine/notifications/esm/notifications.store.js";
+import { Notifications } from "../../node_modules/@mantine/notifications/esm/Notifications.js";
+function FairmintNotifications({ position = "top-right" }) {
+  const { notifications, queue } = useNotifications();
+  if (notifications.length === 0 && queue.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    Notifications,
+    {
+      position,
+      styles: {
+        root: { pointerEvents: "none" },
+        notification: { pointerEvents: "auto" }
+      }
+    }
+  );
+}
+export {
+  FairmintNotifications
+};
+//# sourceMappingURL=FairmintNotifications.js.map

package/dist/components/FairmintProvider/FairmintNotifications.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FairmintNotifications.js","sources":["../../../src/components/FairmintProvider/FairmintNotifications.tsx"],"sourcesContent":["import { Notifications, type NotificationsProps, useNotifications } from \"@mantine/notifications\";\n\nexport interface FairmintNotificationsProps {\n  position?: NotificationsProps[\"position\"];\n}\n\n/**\n * Mantine's `<Notifications />` always portals six fixed-position roots (every\n * corner/center), even when the store is empty. Those empty shells are\n * near-full-width on mobile and sit at overlay z-index, so they can steal\n * clicks on sparse pages (e.g. Studio login) with nothing visible on screen.\n *\n * Mount the host only while there is something to show. When mounted, keep\n * pointer-events off the roots (Mantine still renders empty sibling positions\n * for unused corners) and restore them on the toast itself.\n */\nexport function FairmintNotifications({ position = \"top-right\" }: FairmintNotificationsProps) {\n  const { notifications, queue } = useNotifications();\n\n  if (notifications.length === 0 && queue.length === 0) {\n    return null;\n  }\n\n  return (\n    <Notifications\n      position={position}\n      styles={{\n        root: { pointerEvents: \"none\" },\n        notification: { pointerEvents: \"auto\" },\n      }}\n    />\n  );\n}\n"],"names":[],"mappings":";;;AAgBO,SAAS,sBAAsB,EAAE,WAAW,eAA2C;AAC5F,QAAM,EAAE,eAAe,MAAA,IAAU,iBAAA;AAEjC,MAAI,cAAc,WAAW,KAAK,MAAM,WAAW,GAAG;AACpD,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,QAAQ;AAAA,QACN,MAAM,EAAE,eAAe,OAAA;AAAA,QACvB,cAAc,EAAE,eAAe,OAAA;AAAA,MAAO;AAAA,IACxC;AAAA,EAAA;AAGN;"}

package/dist/components/FairmintProvider/FairmintProvider.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const index = require("../../theme/index.cjs");
+const FairmintNotifications = require("./FairmintNotifications.cjs");
 const MantineProvider = require("../../node_modules/@mantine/core/esm/core/MantineProvider/MantineProvider.cjs");
-const Notifications = require("../../node_modules/@mantine/notifications/esm/Notifications.cjs");
 const DatesProvider = require("../../node_modules/@mantine/dates/esm/components/DatesProvider/DatesProvider.cjs");
 function FairmintProvider({
   children,
@@ -18,7 +18,7 @@ function FairmintProvider({
       cssVariablesResolver: index.fairmintCssVariables,
       ...colorSchemeProps,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Notifications.Notifications, { position: notificationPosition }),
+        /* @__PURE__ */ jsxRuntime.jsx(FairmintNotifications.FairmintNotifications, { position: notificationPosition }),
         /* @__PURE__ */ jsxRuntime.jsx(DatesProvider.DatesProvider, { settings: { locale: "en", firstDayOfWeek: 0, weekendDays: [] }, children })
       ]
     }

package/dist/components/FairmintProvider/FairmintProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FairmintProvider.cjs","sources":["../../../src/components/FairmintProvider/FairmintProvider.tsx"],"sourcesContent":["import type { MantineColorScheme } from \"@mantine/core\";\nimport { MantineProvider } from \"@mantine/core\";\nimport { DatesProvider } from \"@mantine/dates\";\nimport { Notifications } from \"@mantine/notifications\";\nimport type { ReactNode } from \"react\";\nimport { fairmintCssVariables, theme } from \"../../theme\";\n\nexport interface FairmintProviderProps {\n  children: ReactNode;\n  /** Color scheme. When `light` or `dark`, Mantine is locked to this value. @default \"light\" */\n  colorScheme?: MantineColorScheme;\n  /**\n   * Notification position.\n   * @default \"top-right\"\n   */\n  notificationPosition?:\n    | \"top-left\"\n    | \"top-right\"\n    | \"top-center\"\n    | \"bottom-left\"\n    | \"bottom-right\"\n    | \"bottom-center\";\n}\n\nexport function FairmintProvider({\n  children,\n  colorScheme = \"light\",\n  notificationPosition = \"top-right\",\n}: FairmintProviderProps) {\n  if (import.meta.env?.DEV) {\n    validateSetup();\n  }\n\n  const colorSchemeProps =\n    colorScheme === \"light\" || colorScheme === \"dark\"\n      ? { forceColorScheme: colorScheme }\n      : { defaultColorScheme: colorScheme };\n\n  return (\n    <MantineProvider\n      theme={theme}\n      cssVariablesResolver={fairmintCssVariables}\n      {...colorSchemeProps}\n    >\n      <Notifications position={notificationPosition} />\n      {/* weekendDays: [] disables Mantine's default red weekend-day styling — red is our\n          error/destructive semantic color elsewhere, so it reads as disabled/invalid here. */}\n      <DatesProvider settings={{ locale: \"en\", firstDayOfWeek: 0, weekendDays: [] }}>\n        {children}\n      </DatesProvider>\n    </MantineProvider>\n  );\n}\n\nfunction validateSetup() {\n  if (typeof window === \"undefined\") return;\n  if (\n    (typeof process !== \"undefined\" && process.env?.NODE_ENV === \"test\") ||\n    import.meta.env?.MODE === \"test\"\n  )\n    return;\n\n  requestIdleCallback(() => {\n    const root = document.documentElement;\n    const mantineCss = getComputedStyle(root).getPropertyValue(\"--mantine-color-scheme\");\n    if (!mantineCss) {\n      console.warn(\n        '[@fairmint/ui] Mantine CSS not detected. Make sure you import \"@fairmint/ui/styles.css\" in your entry file.',\n      );\n    }\n  });\n}\n"],"names":["jsxs","MantineProvider","theme","fairmintCssVariables","jsx","Notifications","DatesProvider"],"mappings":";;;;;;;AAwBO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA,cAAc;AAAA,EACd,uBAAuB;AACzB,GAA0B;AAKxB,QAAM,mBACJ,gBAAgB,WAAW,gBAAgB,SACvC,EAAE,kBAAkB,YAAA,IACpB,EAAE,oBAAoB,YAAA;AAE5B,SACEA,2BAAAA;AAAAA,IAACC,gBAAAA;AAAAA,IAAA;AAAA,MAAA,OACCC,MAAAA;AAAAA,MACA,sBAAsBC,MAAAA;AAAAA,MACrB,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAAC,2BAAAA,IAACC,cAAAA,eAAA,EAAc,UAAU,sBAAsB;AAAA,QAG/CD,2BAAAA,IAACE,cAAAA,eAAA,EAAc,UAAU,EAAE,QAAQ,MAAM,gBAAgB,GAAG,aAAa,CAAA,EAAC,GACvE,UACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;;"}
+{"version":3,"file":"FairmintProvider.cjs","sources":["../../../src/components/FairmintProvider/FairmintProvider.tsx"],"sourcesContent":["import type { MantineColorScheme } from \"@mantine/core\";\nimport { MantineProvider } from \"@mantine/core\";\nimport { DatesProvider } from \"@mantine/dates\";\nimport type { ReactNode } from \"react\";\nimport { fairmintCssVariables, theme } from \"../../theme\";\nimport { FairmintNotifications } from \"./FairmintNotifications\";\n\nexport interface FairmintProviderProps {\n  children: ReactNode;\n  /** Color scheme. When `light` or `dark`, Mantine is locked to this value. @default \"light\" */\n  colorScheme?: MantineColorScheme;\n  /**\n   * Notification position.\n   * @default \"top-right\"\n   */\n  notificationPosition?:\n    | \"top-left\"\n    | \"top-right\"\n    | \"top-center\"\n    | \"bottom-left\"\n    | \"bottom-right\"\n    | \"bottom-center\";\n}\n\nexport function FairmintProvider({\n  children,\n  colorScheme = \"light\",\n  notificationPosition = \"top-right\",\n}: FairmintProviderProps) {\n  if (import.meta.env?.DEV) {\n    validateSetup();\n  }\n\n  const colorSchemeProps =\n    colorScheme === \"light\" || colorScheme === \"dark\"\n      ? { forceColorScheme: colorScheme }\n      : { defaultColorScheme: colorScheme };\n\n  return (\n    <MantineProvider\n      theme={theme}\n      cssVariablesResolver={fairmintCssVariables}\n      {...colorSchemeProps}\n    >\n      <FairmintNotifications position={notificationPosition} />\n      {/* weekendDays: [] disables Mantine's default red weekend-day styling — red is our\n          error/destructive semantic color elsewhere, so it reads as disabled/invalid here. */}\n      <DatesProvider settings={{ locale: \"en\", firstDayOfWeek: 0, weekendDays: [] }}>\n        {children}\n      </DatesProvider>\n    </MantineProvider>\n  );\n}\n\nfunction validateSetup() {\n  if (typeof window === \"undefined\") return;\n  if (\n    (typeof process !== \"undefined\" && process.env?.NODE_ENV === \"test\") ||\n    import.meta.env?.MODE === \"test\"\n  )\n    return;\n\n  requestIdleCallback(() => {\n    const root = document.documentElement;\n    const mantineCss = getComputedStyle(root).getPropertyValue(\"--mantine-color-scheme\");\n    if (!mantineCss) {\n      console.warn(\n        '[@fairmint/ui] Mantine CSS not detected. Make sure you import \"@fairmint/ui/styles.css\" in your entry file.',\n      );\n    }\n  });\n}\n"],"names":["jsxs","MantineProvider","theme","fairmintCssVariables","jsx","FairmintNotifications","DatesProvider"],"mappings":";;;;;;;AAwBO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA,cAAc;AAAA,EACd,uBAAuB;AACzB,GAA0B;AAKxB,QAAM,mBACJ,gBAAgB,WAAW,gBAAgB,SACvC,EAAE,kBAAkB,YAAA,IACpB,EAAE,oBAAoB,YAAA;AAE5B,SACEA,2BAAAA;AAAAA,IAACC,gBAAAA;AAAAA,IAAA;AAAA,MAAA,OACCC,MAAAA;AAAAA,MACA,sBAAsBC,MAAAA;AAAAA,MACrB,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAAC,2BAAAA,IAACC,sBAAAA,uBAAA,EAAsB,UAAU,sBAAsB;AAAA,QAGvDD,2BAAAA,IAACE,cAAAA,eAAA,EAAc,UAAU,EAAE,QAAQ,MAAM,gBAAgB,GAAG,aAAa,CAAA,EAAC,GACvE,UACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;;"}

package/dist/components/FairmintProvider/FairmintProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FairmintProvider.d.ts","sourceRoot":"","sources":["../../../src/components/FairmintProvider/FairmintProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAIxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,8FAA8F;IAC9F,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC;;;OAGG;IACH,oBAAoB,CAAC,EACjB,UAAU,GACV,WAAW,GACX,YAAY,GACZ,aAAa,GACb,cAAc,GACd,eAAe,CAAC;CACrB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,WAAqB,EACrB,oBAAkC,GACnC,EAAE,qBAAqB,2CAwBvB"}
+{"version":3,"file":"FairmintProvider.d.ts","sourceRoot":"","sources":["../../../src/components/FairmintProvider/FairmintProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAGxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,8FAA8F;IAC9F,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC;;;OAGG;IACH,oBAAoB,CAAC,EACjB,UAAU,GACV,WAAW,GACX,YAAY,GACZ,aAAa,GACb,cAAc,GACd,eAAe,CAAC;CACrB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,WAAqB,EACrB,oBAAkC,GACnC,EAAE,qBAAqB,2CAwBvB"}

package/dist/components/FairmintProvider/FairmintProvider.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { fairmintCssVariables, theme } from "../../theme/index.js";
+import { FairmintNotifications } from "./FairmintNotifications.js";
 import { MantineProvider } from "../../node_modules/@mantine/core/esm/core/MantineProvider/MantineProvider.js";
-import { Notifications } from "../../node_modules/@mantine/notifications/esm/Notifications.js";
 import { DatesProvider } from "../../node_modules/@mantine/dates/esm/components/DatesProvider/DatesProvider.js";
 function FairmintProvider({
   children,
@@ -16,7 +16,7 @@ function FairmintProvider({
       cssVariablesResolver: fairmintCssVariables,
       ...colorSchemeProps,
       children: [
-        /* @__PURE__ */ jsx(Notifications, { position: notificationPosition }),
+        /* @__PURE__ */ jsx(FairmintNotifications, { position: notificationPosition }),
         /* @__PURE__ */ jsx(DatesProvider, { settings: { locale: "en", firstDayOfWeek: 0, weekendDays: [] }, children })
       ]
     }

package/dist/components/FairmintProvider/FairmintProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"FairmintProvider.js","sources":["../../../src/components/FairmintProvider/FairmintProvider.tsx"],"sourcesContent":["import type { MantineColorScheme } from \"@mantine/core\";\nimport { MantineProvider } from \"@mantine/core\";\nimport { DatesProvider } from \"@mantine/dates\";\nimport { Notifications } from \"@mantine/notifications\";\nimport type { ReactNode } from \"react\";\nimport { fairmintCssVariables, theme } from \"../../theme\";\n\nexport interface FairmintProviderProps {\n  children: ReactNode;\n  /** Color scheme. When `light` or `dark`, Mantine is locked to this value. @default \"light\" */\n  colorScheme?: MantineColorScheme;\n  /**\n   * Notification position.\n   * @default \"top-right\"\n   */\n  notificationPosition?:\n    | \"top-left\"\n    | \"top-right\"\n    | \"top-center\"\n    | \"bottom-left\"\n    | \"bottom-right\"\n    | \"bottom-center\";\n}\n\nexport function FairmintProvider({\n  children,\n  colorScheme = \"light\",\n  notificationPosition = \"top-right\",\n}: FairmintProviderProps) {\n  if (import.meta.env?.DEV) {\n    validateSetup();\n  }\n\n  const colorSchemeProps =\n    colorScheme === \"light\" || colorScheme === \"dark\"\n      ? { forceColorScheme: colorScheme }\n      : { defaultColorScheme: colorScheme };\n\n  return (\n    <MantineProvider\n      theme={theme}\n      cssVariablesResolver={fairmintCssVariables}\n      {...colorSchemeProps}\n    >\n      <Notifications position={notificationPosition} />\n      {/* weekendDays: [] disables Mantine's default red weekend-day styling — red is our\n          error/destructive semantic color elsewhere, so it reads as disabled/invalid here. */}\n      <DatesProvider settings={{ locale: \"en\", firstDayOfWeek: 0, weekendDays: [] }}>\n        {children}\n      </DatesProvider>\n    </MantineProvider>\n  );\n}\n\nfunction validateSetup() {\n  if (typeof window === \"undefined\") return;\n  if (\n    (typeof process !== \"undefined\" && process.env?.NODE_ENV === \"test\") ||\n    import.meta.env?.MODE === \"test\"\n  )\n    return;\n\n  requestIdleCallback(() => {\n    const root = document.documentElement;\n    const mantineCss = getComputedStyle(root).getPropertyValue(\"--mantine-color-scheme\");\n    if (!mantineCss) {\n      console.warn(\n        '[@fairmint/ui] Mantine CSS not detected. Make sure you import \"@fairmint/ui/styles.css\" in your entry file.',\n      );\n    }\n  });\n}\n"],"names":[],"mappings":";;;;;AAwBO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA,cAAc;AAAA,EACd,uBAAuB;AACzB,GAA0B;AAKxB,QAAM,mBACJ,gBAAgB,WAAW,gBAAgB,SACvC,EAAE,kBAAkB,YAAA,IACpB,EAAE,oBAAoB,YAAA;AAE5B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,sBAAsB;AAAA,MACrB,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAA,oBAAC,eAAA,EAAc,UAAU,sBAAsB;AAAA,QAG/C,oBAAC,eAAA,EAAc,UAAU,EAAE,QAAQ,MAAM,gBAAgB,GAAG,aAAa,CAAA,EAAC,GACvE,UACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"FairmintProvider.js","sources":["../../../src/components/FairmintProvider/FairmintProvider.tsx"],"sourcesContent":["import type { MantineColorScheme } from \"@mantine/core\";\nimport { MantineProvider } from \"@mantine/core\";\nimport { DatesProvider } from \"@mantine/dates\";\nimport type { ReactNode } from \"react\";\nimport { fairmintCssVariables, theme } from \"../../theme\";\nimport { FairmintNotifications } from \"./FairmintNotifications\";\n\nexport interface FairmintProviderProps {\n  children: ReactNode;\n  /** Color scheme. When `light` or `dark`, Mantine is locked to this value. @default \"light\" */\n  colorScheme?: MantineColorScheme;\n  /**\n   * Notification position.\n   * @default \"top-right\"\n   */\n  notificationPosition?:\n    | \"top-left\"\n    | \"top-right\"\n    | \"top-center\"\n    | \"bottom-left\"\n    | \"bottom-right\"\n    | \"bottom-center\";\n}\n\nexport function FairmintProvider({\n  children,\n  colorScheme = \"light\",\n  notificationPosition = \"top-right\",\n}: FairmintProviderProps) {\n  if (import.meta.env?.DEV) {\n    validateSetup();\n  }\n\n  const colorSchemeProps =\n    colorScheme === \"light\" || colorScheme === \"dark\"\n      ? { forceColorScheme: colorScheme }\n      : { defaultColorScheme: colorScheme };\n\n  return (\n    <MantineProvider\n      theme={theme}\n      cssVariablesResolver={fairmintCssVariables}\n      {...colorSchemeProps}\n    >\n      <FairmintNotifications position={notificationPosition} />\n      {/* weekendDays: [] disables Mantine's default red weekend-day styling — red is our\n          error/destructive semantic color elsewhere, so it reads as disabled/invalid here. */}\n      <DatesProvider settings={{ locale: \"en\", firstDayOfWeek: 0, weekendDays: [] }}>\n        {children}\n      </DatesProvider>\n    </MantineProvider>\n  );\n}\n\nfunction validateSetup() {\n  if (typeof window === \"undefined\") return;\n  if (\n    (typeof process !== \"undefined\" && process.env?.NODE_ENV === \"test\") ||\n    import.meta.env?.MODE === \"test\"\n  )\n    return;\n\n  requestIdleCallback(() => {\n    const root = document.documentElement;\n    const mantineCss = getComputedStyle(root).getPropertyValue(\"--mantine-color-scheme\");\n    if (!mantineCss) {\n      console.warn(\n        '[@fairmint/ui] Mantine CSS not detected. Make sure you import \"@fairmint/ui/styles.css\" in your entry file.',\n      );\n    }\n  });\n}\n"],"names":[],"mappings":";;;;;AAwBO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA,cAAc;AAAA,EACd,uBAAuB;AACzB,GAA0B;AAKxB,QAAM,mBACJ,gBAAgB,WAAW,gBAAgB,SACvC,EAAE,kBAAkB,YAAA,IACpB,EAAE,oBAAoB,YAAA;AAE5B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,sBAAsB;AAAA,MACrB,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAA,oBAAC,uBAAA,EAAsB,UAAU,sBAAsB;AAAA,QAGvD,oBAAC,eAAA,EAAc,UAAU,EAAE,QAAQ,MAAM,gBAAgB,GAAG,aAAa,CAAA,EAAC,GACvE,UACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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;"}