mogh_ui 0.1.0 → 0.2.1

package/dist/auth/profile/totp.cjs

@@ -0,0 +1,147 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var totp_exports = {};
+__export(totp_exports, {
+  EnrollTotp: () => EnrollTotp
+});
+module.exports = __toCommonJS(totp_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@mantine/core");
+var import_notifications = require("@mantine/notifications");
+var import_lucide_react = require("lucide-react");
+var import_react = require("react");
+var import__ = require("../..");
+const EnrollTotp = ({
+  userInvalidate,
+  passkeyEnrolled,
+  totpEnrolled
+}) => {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [submitted, setSubmitted] = (0, import_react.useState)();
+  const [confirm, setConfirm] = (0, import_react.useState)("");
+  const [recovery, setRecovery] = (0, import_react.useState)(void 0);
+  const { mutate: beginEnrollment } = (0, import__.useManageAuth)("BeginTotpEnrollment", {
+    onSuccess: ({ uri, png }) => setSubmitted({ uri, png })
+  });
+  const { mutate: confirmEnrollment, isPending: confirmPending } = (0, import__.useManageAuth)("ConfirmTotpEnrollment", {
+    onSuccess: ({ recovery_codes }) => {
+      setRecovery(recovery_codes);
+      userInvalidate?.();
+    }
+  });
+  const { mutateAsync: unenroll, isPending: unenrollPending } = (0, import__.useManageAuth)(
+    "UnenrollTotp",
+    {
+      onSuccess: () => {
+        userInvalidate?.();
+        import_notifications.notifications.show({
+          message: "Unenrolled in TOTP 2FA.",
+          color: "green"
+        });
+      }
+    }
+  );
+  const onOpenChange = (open2) => {
+    setOpen(open2);
+    if (open2) {
+      beginEnrollment({});
+    } else {
+      setSubmitted(void 0);
+      setRecovery(void 0);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    !totpEnrolled && !passkeyEnrolled && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Modal, { opened: open, onClose: () => onOpenChange(false), children: [
+        recovery && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Flex, { direction: "column", gap: "lg", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Text, { size: "lg", children: "Save recovery keys" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Flex, { direction: "column", gap: "sm", children: recovery.map((code) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.TextInput, { w: 200, value: code, disabled: true }, code)) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.CopyButton, { content: recovery.join("\n") })
+        ] }),
+        !recovery && submitted && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Flex, { direction: "column", gap: "lg", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Text, { size: "lg", children: "Scan this QR code with your authenticator app, and enter the 6 digit code below." }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Center, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "img",
+            {
+              width: 250,
+              height: 250,
+              src: "data:image/png;base64," + submitted.png,
+              alt: "QRCode"
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Flex, { align: "center", justify: "space-between", gap: "sm", children: [
+            "URI",
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.TextInput, { w: 250, value: submitted.uri, disabled: true }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.CopyButton, { content: submitted.uri })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Flex, { align: "center", justify: "space-between", children: [
+            "Confirm Code",
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_core.TextInput,
+              {
+                w: 250,
+                value: confirm,
+                onChange: (e) => setConfirm(e.target.value),
+                autoFocus: true
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Flex, { justify: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_core.Button,
+            {
+              onClick: () => confirmEnrollment({ code: confirm }),
+              disabled: confirm.length !== 6 || confirmPending,
+              leftSection: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Check, { size: "1rem" }),
+              loading: confirmPending,
+              children: "Confirm"
+            }
+          ) })
+        ] }),
+        !recovery && !submitted && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Center, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Loader, {}) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_core.Button,
+        {
+          leftSection: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.RotateCcwKey, { size: "1rem" }),
+          variant: "default",
+          onClick: () => onOpenChange(true),
+          w: 220,
+          children: "Enroll TOTP 2FA"
+        }
+      )
+    ] }),
+    totpEnrolled && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import__.ConfirmModal,
+      {
+        confirmText: "Unenroll",
+        icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Trash, { size: "1rem" }),
+        loading: unenrollPending,
+        onConfirm: () => unenroll({}),
+        targetProps: { c: "bw", w: 220 },
+        confirmProps: { variant: "filled", color: "red" },
+        children: "Unenroll TOTP 2FA"
+      }
+    )
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EnrollTotp
+});
+//# sourceMappingURL=totp.cjs.map

package/dist/auth/profile/totp.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/auth/profile/totp.tsx"],"sourcesContent":["import {\n  Button,\n  Center,\n  Flex,\n  Loader,\n  Modal,\n  Text,\n  TextInput,\n} from \"@mantine/core\";\nimport { notifications } from \"@mantine/notifications\";\nimport { Check, RotateCcwKey, Trash } from \"lucide-react\";\nimport { useState } from \"react\";\nimport { ConfirmModal, CopyButton, useManageAuth } from \"../..\";\n\nexport const EnrollTotp = ({\n  userInvalidate,\n  passkeyEnrolled,\n  totpEnrolled,\n}: {\n  userInvalidate?: () => void;\n  passkeyEnrolled?: boolean;\n  totpEnrolled?: boolean;\n}) => {\n  const [open, setOpen] = useState(false);\n  const [submitted, setSubmitted] = useState<{ uri: string; png: string }>();\n  const [confirm, setConfirm] = useState(\"\");\n  const [recovery, setRecovery] = useState<string[] | undefined>(undefined);\n\n  const { mutate: beginEnrollment } = useManageAuth(\"BeginTotpEnrollment\", {\n    onSuccess: ({ uri, png }) => setSubmitted({ uri, png }),\n  });\n\n  const { mutate: confirmEnrollment, isPending: confirmPending } =\n    useManageAuth(\"ConfirmTotpEnrollment\", {\n      onSuccess: ({ recovery_codes }) => {\n        setRecovery(recovery_codes);\n        userInvalidate?.();\n      },\n    });\n\n  const { mutateAsync: unenroll, isPending: unenrollPending } = useManageAuth(\n    \"UnenrollTotp\",\n    {\n      onSuccess: () => {\n        userInvalidate?.();\n        notifications.show({\n          message: \"Unenrolled in TOTP 2FA.\",\n          color: \"green\",\n        });\n      },\n    },\n  );\n\n  const onOpenChange = (open: boolean) => {\n    setOpen(open);\n    if (open) {\n      beginEnrollment({});\n    } else {\n      setSubmitted(undefined);\n      setRecovery(undefined);\n    }\n  };\n\n  return (\n    <>\n      {!totpEnrolled && !passkeyEnrolled && (\n        <>\n          <Modal opened={open} onClose={() => onOpenChange(false)}>\n            {recovery && (\n              <Flex direction=\"column\" gap=\"lg\">\n                <Text size=\"lg\">Save recovery keys</Text>\n                <Flex direction=\"column\" gap=\"sm\">\n                  {recovery.map((code) => (\n                    <TextInput key={code} w={200} value={code} disabled />\n                  ))}\n                </Flex>\n                <CopyButton content={recovery.join(\"\\n\")} />\n              </Flex>\n            )}\n            {!recovery && submitted && (\n              <Flex direction=\"column\" gap=\"lg\">\n                <Text size=\"lg\">\n                  Scan this QR code with your authenticator app, and enter the 6\n                  digit code below.\n                </Text>\n                <Center>\n                  <img\n                    width={250}\n                    height={250}\n                    src={\"data:image/png;base64,\" + submitted.png}\n                    alt=\"QRCode\"\n                  />\n                </Center>\n                <Flex align=\"center\" justify=\"space-between\" gap=\"sm\">\n                  URI\n                  <TextInput w={250} value={submitted.uri} disabled />\n                  <CopyButton content={submitted.uri} />\n                </Flex>\n                <Flex align=\"center\" justify=\"space-between\">\n                  Confirm Code\n                  <TextInput\n                    w={250}\n                    value={confirm}\n                    onChange={(e) => setConfirm(e.target.value)}\n                    autoFocus\n                  />\n                </Flex>\n                <Flex justify=\"flex-end\">\n                  <Button\n                    onClick={() => confirmEnrollment({ code: confirm })}\n                    disabled={confirm.length !== 6 || confirmPending}\n                    leftSection={<Check size=\"1rem\" />}\n                    loading={confirmPending}\n                  >\n                    Confirm\n                  </Button>\n                </Flex>\n              </Flex>\n            )}\n            {!recovery && !submitted && (\n              <Center>\n                <Loader />\n              </Center>\n            )}\n          </Modal>\n          <Button\n            leftSection={<RotateCcwKey size=\"1rem\" />}\n            variant=\"default\"\n            onClick={() => onOpenChange(true)}\n            w={220}\n          >\n            Enroll TOTP 2FA\n          </Button>\n        </>\n      )}\n      {totpEnrolled && (\n        <ConfirmModal\n          confirmText=\"Unenroll\"\n          icon={<Trash size=\"1rem\" />}\n          loading={unenrollPending}\n          onConfirm={() => unenroll({})}\n          targetProps={{ c: \"bw\", w: 220 }}\n          confirmProps={{ variant: \"filled\", color: \"red\" }}\n        >\n          Unenroll TOTP 2FA\n        </ConfirmModal>\n      )}\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkEQ;AAlER,kBAQO;AACP,2BAA8B;AAC9B,0BAA2C;AAC3C,mBAAyB;AACzB,eAAwD;AAEjD,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,MAIM;AACJ,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AACtC,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAuC;AACzE,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,EAAE;AACzC,QAAM,CAAC,UAAU,WAAW,QAAI,uBAA+B,MAAS;AAExE,QAAM,EAAE,QAAQ,gBAAgB,QAAI,wBAAc,uBAAuB;AAAA,IACvE,WAAW,CAAC,EAAE,KAAK,IAAI,MAAM,aAAa,EAAE,KAAK,IAAI,CAAC;AAAA,EACxD,CAAC;AAED,QAAM,EAAE,QAAQ,mBAAmB,WAAW,eAAe,QAC3D,wBAAc,yBAAyB;AAAA,IACrC,WAAW,CAAC,EAAE,eAAe,MAAM;AACjC,kBAAY,cAAc;AAC1B,uBAAiB;AAAA,IACnB;AAAA,EACF,CAAC;AAEH,QAAM,EAAE,aAAa,UAAU,WAAW,gBAAgB,QAAI;AAAA,IAC5D;AAAA,IACA;AAAA,MACE,WAAW,MAAM;AACf,yBAAiB;AACjB,2CAAc,KAAK;AAAA,UACjB,SAAS;AAAA,UACT,OAAO;AAAA,QACT,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAEA,QAAM,eAAe,CAACA,UAAkB;AACtC,YAAQA,KAAI;AACZ,QAAIA,OAAM;AACR,sBAAgB,CAAC,CAAC;AAAA,IACpB,OAAO;AACL,mBAAa,MAAS;AACtB,kBAAY,MAAS;AAAA,IACvB;AAAA,EACF;AAEA,SACE,4EACG;AAAA,KAAC,gBAAgB,CAAC,mBACjB,4EACE;AAAA,mDAAC,qBAAM,QAAQ,MAAM,SAAS,MAAM,aAAa,KAAK,GACnD;AAAA,oBACC,6CAAC,oBAAK,WAAU,UAAS,KAAI,MAC3B;AAAA,sDAAC,oBAAK,MAAK,MAAK,gCAAkB;AAAA,UAClC,4CAAC,oBAAK,WAAU,UAAS,KAAI,MAC1B,mBAAS,IAAI,CAAC,SACb,4CAAC,yBAAqB,GAAG,KAAK,OAAO,MAAM,UAAQ,QAAnC,IAAoC,CACrD,GACH;AAAA,UACA,4CAAC,uBAAW,SAAS,SAAS,KAAK,IAAI,GAAG;AAAA,WAC5C;AAAA,QAED,CAAC,YAAY,aACZ,6CAAC,oBAAK,WAAU,UAAS,KAAI,MAC3B;AAAA,sDAAC,oBAAK,MAAK,MAAK,8FAGhB;AAAA,UACA,4CAAC,sBACC;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,KAAK,2BAA2B,UAAU;AAAA,cAC1C,KAAI;AAAA;AAAA,UACN,GACF;AAAA,UACA,6CAAC,oBAAK,OAAM,UAAS,SAAQ,iBAAgB,KAAI,MAAK;AAAA;AAAA,YAEpD,4CAAC,yBAAU,GAAG,KAAK,OAAO,UAAU,KAAK,UAAQ,MAAC;AAAA,YAClD,4CAAC,uBAAW,SAAS,UAAU,KAAK;AAAA,aACtC;AAAA,UACA,6CAAC,oBAAK,OAAM,UAAS,SAAQ,iBAAgB;AAAA;AAAA,YAE3C;AAAA,cAAC;AAAA;AAAA,gBACC,GAAG;AAAA,gBACH,OAAO;AAAA,gBACP,UAAU,CAAC,MAAM,WAAW,EAAE,OAAO,KAAK;AAAA,gBAC1C,WAAS;AAAA;AAAA,YACX;AAAA,aACF;AAAA,UACA,4CAAC,oBAAK,SAAQ,YACZ;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,MAAM,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAAA,cAClD,UAAU,QAAQ,WAAW,KAAK;AAAA,cAClC,aAAa,4CAAC,6BAAM,MAAK,QAAO;AAAA,cAChC,SAAS;AAAA,cACV;AAAA;AAAA,UAED,GACF;AAAA,WACF;AAAA,QAED,CAAC,YAAY,CAAC,aACb,4CAAC,sBACC,sDAAC,sBAAO,GACV;AAAA,SAEJ;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,aAAa,4CAAC,oCAAa,MAAK,QAAO;AAAA,UACvC,SAAQ;AAAA,UACR,SAAS,MAAM,aAAa,IAAI;AAAA,UAChC,GAAG;AAAA,UACJ;AAAA;AAAA,MAED;AAAA,OACF;AAAA,IAED,gBACC;AAAA,MAAC;AAAA;AAAA,QACC,aAAY;AAAA,QACZ,MAAM,4CAAC,6BAAM,MAAK,QAAO;AAAA,QACzB,SAAS;AAAA,QACT,WAAW,MAAM,SAAS,CAAC,CAAC;AAAA,QAC5B,aAAa,EAAE,GAAG,MAAM,GAAG,IAAI;AAAA,QAC/B,cAAc,EAAE,SAAS,UAAU,OAAO,MAAM;AAAA,QACjD;AAAA;AAAA,IAED;AAAA,KAEJ;AAEJ;","names":["open"]}

package/dist/auth/profile/totp.d.cts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const EnrollTotp: ({ userInvalidate, passkeyEnrolled, totpEnrolled, }: {
+    userInvalidate?: () => void;
+    passkeyEnrolled?: boolean;
+    totpEnrolled?: boolean;
+}) => react_jsx_runtime.JSX.Element;
+
+export { EnrollTotp };

package/dist/auth/profile/totp.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const EnrollTotp: ({ userInvalidate, passkeyEnrolled, totpEnrolled, }: {
+    userInvalidate?: () => void;
+    passkeyEnrolled?: boolean;
+    totpEnrolled?: boolean;
+}) => react_jsx_runtime.JSX.Element;
+
+export { EnrollTotp };

package/dist/auth/profile/totp.js

@@ -0,0 +1,131 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  Button,
+  Center,
+  Flex,
+  Loader,
+  Modal,
+  Text,
+  TextInput
+} from "@mantine/core";
+import { notifications } from "@mantine/notifications";
+import { Check, RotateCcwKey, Trash } from "lucide-react";
+import { useState } from "react";
+import { ConfirmModal, CopyButton, useManageAuth } from "../..";
+const EnrollTotp = ({
+  userInvalidate,
+  passkeyEnrolled,
+  totpEnrolled
+}) => {
+  const [open, setOpen] = useState(false);
+  const [submitted, setSubmitted] = useState();
+  const [confirm, setConfirm] = useState("");
+  const [recovery, setRecovery] = useState(void 0);
+  const { mutate: beginEnrollment } = useManageAuth("BeginTotpEnrollment", {
+    onSuccess: ({ uri, png }) => setSubmitted({ uri, png })
+  });
+  const { mutate: confirmEnrollment, isPending: confirmPending } = useManageAuth("ConfirmTotpEnrollment", {
+    onSuccess: ({ recovery_codes }) => {
+      setRecovery(recovery_codes);
+      userInvalidate?.();
+    }
+  });
+  const { mutateAsync: unenroll, isPending: unenrollPending } = useManageAuth(
+    "UnenrollTotp",
+    {
+      onSuccess: () => {
+        userInvalidate?.();
+        notifications.show({
+          message: "Unenrolled in TOTP 2FA.",
+          color: "green"
+        });
+      }
+    }
+  );
+  const onOpenChange = (open2) => {
+    setOpen(open2);
+    if (open2) {
+      beginEnrollment({});
+    } else {
+      setSubmitted(void 0);
+      setRecovery(void 0);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    !totpEnrolled && !passkeyEnrolled && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(Modal, { opened: open, onClose: () => onOpenChange(false), children: [
+        recovery && /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "lg", children: [
+          /* @__PURE__ */ jsx(Text, { size: "lg", children: "Save recovery keys" }),
+          /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "sm", children: recovery.map((code) => /* @__PURE__ */ jsx(TextInput, { w: 200, value: code, disabled: true }, code)) }),
+          /* @__PURE__ */ jsx(CopyButton, { content: recovery.join("\n") })
+        ] }),
+        !recovery && submitted && /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "lg", children: [
+          /* @__PURE__ */ jsx(Text, { size: "lg", children: "Scan this QR code with your authenticator app, and enter the 6 digit code below." }),
+          /* @__PURE__ */ jsx(Center, { children: /* @__PURE__ */ jsx(
+            "img",
+            {
+              width: 250,
+              height: 250,
+              src: "data:image/png;base64," + submitted.png,
+              alt: "QRCode"
+            }
+          ) }),
+          /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "space-between", gap: "sm", children: [
+            "URI",
+            /* @__PURE__ */ jsx(TextInput, { w: 250, value: submitted.uri, disabled: true }),
+            /* @__PURE__ */ jsx(CopyButton, { content: submitted.uri })
+          ] }),
+          /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "space-between", children: [
+            "Confirm Code",
+            /* @__PURE__ */ jsx(
+              TextInput,
+              {
+                w: 250,
+                value: confirm,
+                onChange: (e) => setConfirm(e.target.value),
+                autoFocus: true
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(Flex, { justify: "flex-end", children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              onClick: () => confirmEnrollment({ code: confirm }),
+              disabled: confirm.length !== 6 || confirmPending,
+              leftSection: /* @__PURE__ */ jsx(Check, { size: "1rem" }),
+              loading: confirmPending,
+              children: "Confirm"
+            }
+          ) })
+        ] }),
+        !recovery && !submitted && /* @__PURE__ */ jsx(Center, { children: /* @__PURE__ */ jsx(Loader, {}) })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          leftSection: /* @__PURE__ */ jsx(RotateCcwKey, { size: "1rem" }),
+          variant: "default",
+          onClick: () => onOpenChange(true),
+          w: 220,
+          children: "Enroll TOTP 2FA"
+        }
+      )
+    ] }),
+    totpEnrolled && /* @__PURE__ */ jsx(
+      ConfirmModal,
+      {
+        confirmText: "Unenroll",
+        icon: /* @__PURE__ */ jsx(Trash, { size: "1rem" }),
+        loading: unenrollPending,
+        onConfirm: () => unenroll({}),
+        targetProps: { c: "bw", w: 220 },
+        confirmProps: { variant: "filled", color: "red" },
+        children: "Unenroll TOTP 2FA"
+      }
+    )
+  ] });
+};
+export {
+  EnrollTotp
+};
+//# sourceMappingURL=totp.js.map

package/dist/auth/profile/totp.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/auth/profile/totp.tsx"],"sourcesContent":["import {\n  Button,\n  Center,\n  Flex,\n  Loader,\n  Modal,\n  Text,\n  TextInput,\n} from \"@mantine/core\";\nimport { notifications } from \"@mantine/notifications\";\nimport { Check, RotateCcwKey, Trash } from \"lucide-react\";\nimport { useState } from \"react\";\nimport { ConfirmModal, CopyButton, useManageAuth } from \"../..\";\n\nexport const EnrollTotp = ({\n  userInvalidate,\n  passkeyEnrolled,\n  totpEnrolled,\n}: {\n  userInvalidate?: () => void;\n  passkeyEnrolled?: boolean;\n  totpEnrolled?: boolean;\n}) => {\n  const [open, setOpen] = useState(false);\n  const [submitted, setSubmitted] = useState<{ uri: string; png: string }>();\n  const [confirm, setConfirm] = useState(\"\");\n  const [recovery, setRecovery] = useState<string[] | undefined>(undefined);\n\n  const { mutate: beginEnrollment } = useManageAuth(\"BeginTotpEnrollment\", {\n    onSuccess: ({ uri, png }) => setSubmitted({ uri, png }),\n  });\n\n  const { mutate: confirmEnrollment, isPending: confirmPending } =\n    useManageAuth(\"ConfirmTotpEnrollment\", {\n      onSuccess: ({ recovery_codes }) => {\n        setRecovery(recovery_codes);\n        userInvalidate?.();\n      },\n    });\n\n  const { mutateAsync: unenroll, isPending: unenrollPending } = useManageAuth(\n    \"UnenrollTotp\",\n    {\n      onSuccess: () => {\n        userInvalidate?.();\n        notifications.show({\n          message: \"Unenrolled in TOTP 2FA.\",\n          color: \"green\",\n        });\n      },\n    },\n  );\n\n  const onOpenChange = (open: boolean) => {\n    setOpen(open);\n    if (open) {\n      beginEnrollment({});\n    } else {\n      setSubmitted(undefined);\n      setRecovery(undefined);\n    }\n  };\n\n  return (\n    <>\n      {!totpEnrolled && !passkeyEnrolled && (\n        <>\n          <Modal opened={open} onClose={() => onOpenChange(false)}>\n            {recovery && (\n              <Flex direction=\"column\" gap=\"lg\">\n                <Text size=\"lg\">Save recovery keys</Text>\n                <Flex direction=\"column\" gap=\"sm\">\n                  {recovery.map((code) => (\n                    <TextInput key={code} w={200} value={code} disabled />\n                  ))}\n                </Flex>\n                <CopyButton content={recovery.join(\"\\n\")} />\n              </Flex>\n            )}\n            {!recovery && submitted && (\n              <Flex direction=\"column\" gap=\"lg\">\n                <Text size=\"lg\">\n                  Scan this QR code with your authenticator app, and enter the 6\n                  digit code below.\n                </Text>\n                <Center>\n                  <img\n                    width={250}\n                    height={250}\n                    src={\"data:image/png;base64,\" + submitted.png}\n                    alt=\"QRCode\"\n                  />\n                </Center>\n                <Flex align=\"center\" justify=\"space-between\" gap=\"sm\">\n                  URI\n                  <TextInput w={250} value={submitted.uri} disabled />\n                  <CopyButton content={submitted.uri} />\n                </Flex>\n                <Flex align=\"center\" justify=\"space-between\">\n                  Confirm Code\n                  <TextInput\n                    w={250}\n                    value={confirm}\n                    onChange={(e) => setConfirm(e.target.value)}\n                    autoFocus\n                  />\n                </Flex>\n                <Flex justify=\"flex-end\">\n                  <Button\n                    onClick={() => confirmEnrollment({ code: confirm })}\n                    disabled={confirm.length !== 6 || confirmPending}\n                    leftSection={<Check size=\"1rem\" />}\n                    loading={confirmPending}\n                  >\n                    Confirm\n                  </Button>\n                </Flex>\n              </Flex>\n            )}\n            {!recovery && !submitted && (\n              <Center>\n                <Loader />\n              </Center>\n            )}\n          </Modal>\n          <Button\n            leftSection={<RotateCcwKey size=\"1rem\" />}\n            variant=\"default\"\n            onClick={() => onOpenChange(true)}\n            w={220}\n          >\n            Enroll TOTP 2FA\n          </Button>\n        </>\n      )}\n      {totpEnrolled && (\n        <ConfirmModal\n          confirmText=\"Unenroll\"\n          icon={<Trash size=\"1rem\" />}\n          loading={unenrollPending}\n          onConfirm={() => unenroll({})}\n          targetProps={{ c: \"bw\", w: 220 }}\n          confirmProps={{ variant: \"filled\", color: \"red\" }}\n        >\n          Unenroll TOTP 2FA\n        </ConfirmModal>\n      )}\n    </>\n  );\n};\n"],"mappings":"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","names":["open"]}

package/dist/auth/utils.cjs

@@ -0,0 +1,42 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var utils_exports = {};
+__export(utils_exports, {
+  sanitizeQuery: () => sanitizeQuery,
+  sanitizeQueryInner: () => sanitizeQueryInner
+});
+module.exports = __toCommonJS(utils_exports);
+function sanitizeQuery() {
+  sanitizeQueryInner(new URLSearchParams(location.search));
+}
+function sanitizeQueryInner(search) {
+  search.delete("redeem_ready");
+  search.delete("totp");
+  search.delete("passkey");
+  const query = search.toString();
+  location.replace(
+    `${location.origin}${location.pathname}${query.length ? "?" + query : ""}`
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  sanitizeQuery,
+  sanitizeQueryInner
+});
+//# sourceMappingURL=utils.cjs.map

package/dist/auth/utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/auth/utils.ts"],"sourcesContent":["export function sanitizeQuery() {\n  sanitizeQueryInner(new URLSearchParams(location.search));\n}\n\nexport function sanitizeQueryInner(search: URLSearchParams) {\n  search.delete(\"redeem_ready\");\n  search.delete(\"totp\");\n  search.delete(\"passkey\");\n  const query = search.toString();\n  location.replace(\n    `${location.origin}${location.pathname}${query.length ? \"?\" + query : \"\"}`,\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,SAAS,gBAAgB;AAC9B,qBAAmB,IAAI,gBAAgB,SAAS,MAAM,CAAC;AACzD;AAEO,SAAS,mBAAmB,QAAyB;AAC1D,SAAO,OAAO,cAAc;AAC5B,SAAO,OAAO,MAAM;AACpB,SAAO,OAAO,SAAS;AACvB,QAAM,QAAQ,OAAO,SAAS;AAC9B,WAAS;AAAA,IACP,GAAG,SAAS,MAAM,GAAG,SAAS,QAAQ,GAAG,MAAM,SAAS,MAAM,QAAQ,EAAE;AAAA,EAC1E;AACF;","names":[]}

package/dist/auth/utils.d.cts

@@ -0,0 +1,4 @@
+declare function sanitizeQuery(): void;
+declare function sanitizeQueryInner(search: URLSearchParams): void;
+
+export { sanitizeQuery, sanitizeQueryInner };

package/dist/auth/utils.d.ts

@@ -0,0 +1,4 @@
+declare function sanitizeQuery(): void;
+declare function sanitizeQueryInner(search: URLSearchParams): void;
+
+export { sanitizeQuery, sanitizeQueryInner };

package/dist/auth/utils.js

@@ -0,0 +1,17 @@
+function sanitizeQuery() {
+  sanitizeQueryInner(new URLSearchParams(location.search));
+}
+function sanitizeQueryInner(search) {
+  search.delete("redeem_ready");
+  search.delete("totp");
+  search.delete("passkey");
+  const query = search.toString();
+  location.replace(
+    `${location.origin}${location.pathname}${query.length ? "?" + query : ""}`
+  );
+}
+export {
+  sanitizeQuery,
+  sanitizeQueryInner
+};
+//# sourceMappingURL=utils.js.map

package/dist/auth/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/auth/utils.ts"],"sourcesContent":["export function sanitizeQuery() {\n  sanitizeQueryInner(new URLSearchParams(location.search));\n}\n\nexport function sanitizeQueryInner(search: URLSearchParams) {\n  search.delete(\"redeem_ready\");\n  search.delete(\"totp\");\n  search.delete(\"passkey\");\n  const query = search.toString();\n  location.replace(\n    `${location.origin}${location.pathname}${query.length ? \"?\" + query : \"\"}`,\n  );\n}\n"],"mappings":"AAAO,SAAS,gBAAgB;AAC9B,qBAAmB,IAAI,gBAAgB,SAAS,MAAM,CAAC;AACzD;AAEO,SAAS,mBAAmB,QAAyB;AAC1D,SAAO,OAAO,cAAc;AAC5B,SAAO,OAAO,MAAM;AACpB,SAAO,OAAO,SAAS;AACvB,QAAM,QAAQ,OAAO,SAAS;AAC9B,WAAS;AAAA,IACP,GAAG,SAAS,MAAM,GAAG,SAAS,QAAQ,GAAG,MAAM,SAAS,MAAM,QAAQ,EAAE;AAAA,EAC1E;AACF;","names":[]}

package/dist/components/page-guard.d.cts

@@ -1,6 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { CenterProps } from '@mantine/core';
 
 interface PageGuardProps extends CenterProps {
@@ -8,6 +8,6 @@ interface PageGuardProps extends CenterProps {
     error?: false | string;
     children?: ReactNode;
 }
-declare function PageGuard({ isPending, error, children, ...centerProps }: PageGuardProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
+declare function PageGuard({ isPending, error, children, ...centerProps }: PageGuardProps): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
 
 export { PageGuard, type PageGuardProps };

package/dist/components/page-guard.d.ts

@@ -1,6 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { CenterProps } from '@mantine/core';
 
 interface PageGuardProps extends CenterProps {
@@ -8,6 +8,6 @@ interface PageGuardProps extends CenterProps {
     error?: false | string;
     children?: ReactNode;
 }
-declare function PageGuard({ isPending, error, children, ...centerProps }: PageGuardProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
+declare function PageGuard({ isPending, error, children, ...centerProps }: PageGuardProps): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
 
 export { PageGuard, type PageGuardProps };

package/dist/components/tabbed-page.cjs

@@ -28,7 +28,8 @@ var import_page = require("./page");
 var import_lucide_react = require("lucide-react");
 function TabbedPage({
   storageKey,
-  tabs
+  tabs,
+  ...tabsProps
 }) {
   const defaultTab = tabs[0]?.tab;
   const [selectedTab, setSelectedTab] = (0, import_hooks.useLocalStorage)({
@@ -41,6 +42,7 @@ function TabbedPage({
     {
       value: selectedTab,
       onChange: (tab) => setSelectedTab(tab ?? defaultTab),
+      ...tabsProps,
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_page.Page,
         {

package/dist/components/tabbed-page.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/tabbed-page.tsx"],"sourcesContent":["import { Center, Group, Tabs, Text } from \"@mantine/core\";\nimport { useLocalStorage } from \"@mantine/hooks\";\nimport { FC } from \"react\";\nimport { Page } from \"./page\";\nimport { CircleQuestionMark } from \"lucide-react\";\n\nexport type TabbedPageItem<Tab extends string> = {\n  tab: Tab;\n  icon?: FC<{ size?: string | number }>;\n  content?: FC;\n};\n\nexport type TabbedPageProps<Tab extends string> = {\n  /** Store current tab on localStorage */\n  storageKey: string;\n  tabs: TabbedPageItem<Tab>[];\n};\n\nexport function TabbedPage<Tab extends string>({\n  storageKey,\n  tabs,\n}: TabbedPageProps<Tab>) {\n  const defaultTab = tabs[0]?.tab;\n  const [selectedTab, setSelectedTab] = useLocalStorage<Tab>({\n    key: storageKey,\n    defaultValue: defaultTab,\n  });\n  const Content =\n    tabs.find((tab) => tab.tab === selectedTab)?.content ??\n    (() => (\n      <Center>\n        <CircleQuestionMark size={22} />\n      </Center>\n    ));\n  return (\n    <Tabs\n      value={selectedTab}\n      onChange={(tab) => setSelectedTab((tab as Tab) ?? defaultTab)}\n    >\n      <Page\n        customTitle={\n          <Tabs.List>\n            {tabs.map(({ tab, icon }) => {\n              const Icon = icon ?? CircleQuestionMark;\n              return (\n                <Tabs.Tab key={tab} value={tab}>\n                  <Group opacity={tab === selectedTab ? 1 : 0.6}>\n                    <Icon size={20} />\n                    <Text fz=\"h3\">{tab}</Text>\n                  </Group>\n                </Tabs.Tab>\n              );\n            })}\n          </Tabs.List>\n        }\n      >\n        <Content />\n      </Page>\n    </Tabs>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BQ;AA/BR,kBAA0C;AAC1C,mBAAgC;AAEhC,kBAAqB;AACrB,0BAAmC;AAc5B,SAAS,WAA+B;AAAA,EAC7C;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,aAAa,KAAK,CAAC,GAAG;AAC5B,QAAM,CAAC,aAAa,cAAc,QAAI,8BAAqB;AAAA,IACzD,KAAK;AAAA,IACL,cAAc;AAAA,EAChB,CAAC;AACD,QAAM,UACJ,KAAK,KAAK,CAAC,QAAQ,IAAI,QAAQ,WAAW,GAAG,YAC5C,MACC,4CAAC,sBACC,sDAAC,0CAAmB,MAAM,IAAI,GAChC;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,UAAU,CAAC,QAAQ,eAAgB,OAAe,UAAU;AAAA,MAE5D;AAAA,QAAC;AAAA;AAAA,UACC,aACE,4CAAC,iBAAK,MAAL,EACE,eAAK,IAAI,CAAC,EAAE,KAAK,KAAK,MAAM;AAC3B,kBAAM,OAAO,QAAQ;AACrB,mBACE,4CAAC,iBAAK,KAAL,EAAmB,OAAO,KACzB,uDAAC,qBAAM,SAAS,QAAQ,cAAc,IAAI,KACxC;AAAA,0DAAC,QAAK,MAAM,IAAI;AAAA,cAChB,4CAAC,oBAAK,IAAG,MAAM,eAAI;AAAA,eACrB,KAJa,GAKf;AAAA,UAEJ,CAAC,GACH;AAAA,UAGF,sDAAC,WAAQ;AAAA;AAAA,MACX;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/tabbed-page.tsx"],"sourcesContent":["import {\n  Center,\n  DefaultMantineColor,\n  Group,\n  Tabs,\n  TabsProps,\n  Text,\n} from \"@mantine/core\";\nimport { useLocalStorage } from \"@mantine/hooks\";\nimport { FC } from \"react\";\nimport { Page } from \"./page\";\nimport { CircleQuestionMark } from \"lucide-react\";\n\nexport type TabbedPageItem<Tab extends string> = {\n  tab: Tab;\n  icon?: FC<{ size?: string | number }>;\n  content?: FC;\n};\n\nexport interface TabbedPageProps<Tab extends string> extends TabsProps {\n  /** Store current tab on localStorage */\n  storageKey: string;\n  tabs: TabbedPageItem<Tab>[];\n}\n\nexport function TabbedPage<Tab extends string>({\n  storageKey,\n  tabs,\n  ...tabsProps\n}: TabbedPageProps<Tab>) {\n  const defaultTab = tabs[0]?.tab;\n  const [selectedTab, setSelectedTab] = useLocalStorage<Tab>({\n    key: storageKey,\n    defaultValue: defaultTab,\n  });\n  const Content =\n    tabs.find((tab) => tab.tab === selectedTab)?.content ??\n    (() => (\n      <Center>\n        <CircleQuestionMark size={22} />\n      </Center>\n    ));\n  return (\n    <Tabs\n      value={selectedTab}\n      onChange={(tab) => setSelectedTab((tab as Tab) ?? defaultTab)}\n      {...tabsProps}\n    >\n      <Page\n        customTitle={\n          <Tabs.List>\n            {tabs.map(({ tab, icon }) => {\n              const Icon = icon ?? CircleQuestionMark;\n              return (\n                <Tabs.Tab key={tab} value={tab}>\n                  <Group opacity={tab === selectedTab ? 1 : 0.6}>\n                    <Icon size={20} />\n                    <Text fz=\"h3\">{tab}</Text>\n                  </Group>\n                </Tabs.Tab>\n              );\n            })}\n          </Tabs.List>\n        }\n      >\n        <Content />\n      </Page>\n    </Tabs>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuCQ;AAvCR,kBAOO;AACP,mBAAgC;AAEhC,kBAAqB;AACrB,0BAAmC;AAc5B,SAAS,WAA+B;AAAA,EAC7C;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAyB;AACvB,QAAM,aAAa,KAAK,CAAC,GAAG;AAC5B,QAAM,CAAC,aAAa,cAAc,QAAI,8BAAqB;AAAA,IACzD,KAAK;AAAA,IACL,cAAc;AAAA,EAChB,CAAC;AACD,QAAM,UACJ,KAAK,KAAK,CAAC,QAAQ,IAAI,QAAQ,WAAW,GAAG,YAC5C,MACC,4CAAC,sBACC,sDAAC,0CAAmB,MAAM,IAAI,GAChC;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,UAAU,CAAC,QAAQ,eAAgB,OAAe,UAAU;AAAA,MAC3D,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,aACE,4CAAC,iBAAK,MAAL,EACE,eAAK,IAAI,CAAC,EAAE,KAAK,KAAK,MAAM;AAC3B,kBAAM,OAAO,QAAQ;AACrB,mBACE,4CAAC,iBAAK,KAAL,EAAmB,OAAO,KACzB,uDAAC,qBAAM,SAAS,QAAQ,cAAc,IAAI,KACxC;AAAA,0DAAC,QAAK,MAAM,IAAI;AAAA,cAChB,4CAAC,oBAAK,IAAG,MAAM,eAAI;AAAA,eACrB,KAJa,GAKf;AAAA,UAEJ,CAAC,GACH;AAAA,UAGF,sDAAC,WAAQ;AAAA;AAAA,MACX;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/tabbed-page.d.cts

@@ -1,4 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TabsProps } from '@mantine/core';
 import { FC } from 'react';
 
 type TabbedPageItem<Tab extends string> = {
@@ -8,11 +9,11 @@ type TabbedPageItem<Tab extends string> = {
     }>;
     content?: FC;
 };
-type TabbedPageProps<Tab extends string> = {
+interface TabbedPageProps<Tab extends string> extends TabsProps {
     /** Store current tab on localStorage */
     storageKey: string;
     tabs: TabbedPageItem<Tab>[];
-};
-declare function TabbedPage<Tab extends string>({ storageKey, tabs, }: TabbedPageProps<Tab>): react_jsx_runtime.JSX.Element;
+}
+declare function TabbedPage<Tab extends string>({ storageKey, tabs, ...tabsProps }: TabbedPageProps<Tab>): react_jsx_runtime.JSX.Element;
 
 export { TabbedPage, type TabbedPageItem, type TabbedPageProps };

package/dist/components/tabbed-page.d.ts

@@ -1,4 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TabsProps } from '@mantine/core';
 import { FC } from 'react';
 
 type TabbedPageItem<Tab extends string> = {
@@ -8,11 +9,11 @@ type TabbedPageItem<Tab extends string> = {
     }>;
     content?: FC;
 };
-type TabbedPageProps<Tab extends string> = {
+interface TabbedPageProps<Tab extends string> extends TabsProps {
     /** Store current tab on localStorage */
     storageKey: string;
     tabs: TabbedPageItem<Tab>[];
-};
-declare function TabbedPage<Tab extends string>({ storageKey, tabs, }: TabbedPageProps<Tab>): react_jsx_runtime.JSX.Element;
+}
+declare function TabbedPage<Tab extends string>({ storageKey, tabs, ...tabsProps }: TabbedPageProps<Tab>): react_jsx_runtime.JSX.Element;
 
 export { TabbedPage, type TabbedPageItem, type TabbedPageProps };

package/dist/components/tabbed-page.js

@@ -1,11 +1,17 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Center, Group, Tabs, Text } from "@mantine/core";
+import {
+  Center,
+  Group,
+  Tabs,
+  Text
+} from "@mantine/core";
 import { useLocalStorage } from "@mantine/hooks";
 import { Page } from "./page";
 import { CircleQuestionMark } from "lucide-react";
 function TabbedPage({
   storageKey,
-  tabs
+  tabs,
+  ...tabsProps
 }) {
   const defaultTab = tabs[0]?.tab;
   const [selectedTab, setSelectedTab] = useLocalStorage({
@@ -18,6 +24,7 @@ function TabbedPage({
     {
       value: selectedTab,
       onChange: (tab) => setSelectedTab(tab ?? defaultTab),
+      ...tabsProps,
       children: /* @__PURE__ */ jsx(
         Page,
         {

package/dist/components/tabbed-page.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/tabbed-page.tsx"],"sourcesContent":["import { Center, Group, Tabs, Text } from \"@mantine/core\";\nimport { useLocalStorage } from \"@mantine/hooks\";\nimport { FC } from \"react\";\nimport { Page } from \"./page\";\nimport { CircleQuestionMark } from \"lucide-react\";\n\nexport type TabbedPageItem<Tab extends string> = {\n  tab: Tab;\n  icon?: FC<{ size?: string | number }>;\n  content?: FC;\n};\n\nexport type TabbedPageProps<Tab extends string> = {\n  /** Store current tab on localStorage */\n  storageKey: string;\n  tabs: TabbedPageItem<Tab>[];\n};\n\nexport function TabbedPage<Tab extends string>({\n  storageKey,\n  tabs,\n}: TabbedPageProps<Tab>) {\n  const defaultTab = tabs[0]?.tab;\n  const [selectedTab, setSelectedTab] = useLocalStorage<Tab>({\n    key: storageKey,\n    defaultValue: defaultTab,\n  });\n  const Content =\n    tabs.find((tab) => tab.tab === selectedTab)?.content ??\n    (() => (\n      <Center>\n        <CircleQuestionMark size={22} />\n      </Center>\n    ));\n  return (\n    <Tabs\n      value={selectedTab}\n      onChange={(tab) => setSelectedTab((tab as Tab) ?? defaultTab)}\n    >\n      <Page\n        customTitle={\n          <Tabs.List>\n            {tabs.map(({ tab, icon }) => {\n              const Icon = icon ?? CircleQuestionMark;\n              return (\n                <Tabs.Tab key={tab} value={tab}>\n                  <Group opacity={tab === selectedTab ? 1 : 0.6}>\n                    <Icon size={20} />\n                    <Text fz=\"h3\">{tab}</Text>\n                  </Group>\n                </Tabs.Tab>\n              );\n            })}\n          </Tabs.List>\n        }\n      >\n        <Content />\n      </Page>\n    </Tabs>\n  );\n}\n"],"mappings":"AA+BQ,cAeU,YAfV;AA/BR,SAAS,QAAQ,OAAO,MAAM,YAAY;AAC1C,SAAS,uBAAuB;AAEhC,SAAS,YAAY;AACrB,SAAS,0BAA0B;AAc5B,SAAS,WAA+B;AAAA,EAC7C;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,aAAa,KAAK,CAAC,GAAG;AAC5B,QAAM,CAAC,aAAa,cAAc,IAAI,gBAAqB;AAAA,IACzD,KAAK;AAAA,IACL,cAAc;AAAA,EAChB,CAAC;AACD,QAAM,UACJ,KAAK,KAAK,CAAC,QAAQ,IAAI,QAAQ,WAAW,GAAG,YAC5C,MACC,oBAAC,UACC,8BAAC,sBAAmB,MAAM,IAAI,GAChC;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,UAAU,CAAC,QAAQ,eAAgB,OAAe,UAAU;AAAA,MAE5D;AAAA,QAAC;AAAA;AAAA,UACC,aACE,oBAAC,KAAK,MAAL,EACE,eAAK,IAAI,CAAC,EAAE,KAAK,KAAK,MAAM;AAC3B,kBAAM,OAAO,QAAQ;AACrB,mBACE,oBAAC,KAAK,KAAL,EAAmB,OAAO,KACzB,+BAAC,SAAM,SAAS,QAAQ,cAAc,IAAI,KACxC;AAAA,kCAAC,QAAK,MAAM,IAAI;AAAA,cAChB,oBAAC,QAAK,IAAG,MAAM,eAAI;AAAA,eACrB,KAJa,GAKf;AAAA,UAEJ,CAAC,GACH;AAAA,UAGF,8BAAC,WAAQ;AAAA;AAAA,MACX;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/tabbed-page.tsx"],"sourcesContent":["import {\n  Center,\n  DefaultMantineColor,\n  Group,\n  Tabs,\n  TabsProps,\n  Text,\n} from \"@mantine/core\";\nimport { useLocalStorage } from \"@mantine/hooks\";\nimport { FC } from \"react\";\nimport { Page } from \"./page\";\nimport { CircleQuestionMark } from \"lucide-react\";\n\nexport type TabbedPageItem<Tab extends string> = {\n  tab: Tab;\n  icon?: FC<{ size?: string | number }>;\n  content?: FC;\n};\n\nexport interface TabbedPageProps<Tab extends string> extends TabsProps {\n  /** Store current tab on localStorage */\n  storageKey: string;\n  tabs: TabbedPageItem<Tab>[];\n}\n\nexport function TabbedPage<Tab extends string>({\n  storageKey,\n  tabs,\n  ...tabsProps\n}: TabbedPageProps<Tab>) {\n  const defaultTab = tabs[0]?.tab;\n  const [selectedTab, setSelectedTab] = useLocalStorage<Tab>({\n    key: storageKey,\n    defaultValue: defaultTab,\n  });\n  const Content =\n    tabs.find((tab) => tab.tab === selectedTab)?.content ??\n    (() => (\n      <Center>\n        <CircleQuestionMark size={22} />\n      </Center>\n    ));\n  return (\n    <Tabs\n      value={selectedTab}\n      onChange={(tab) => setSelectedTab((tab as Tab) ?? defaultTab)}\n      {...tabsProps}\n    >\n      <Page\n        customTitle={\n          <Tabs.List>\n            {tabs.map(({ tab, icon }) => {\n              const Icon = icon ?? CircleQuestionMark;\n              return (\n                <Tabs.Tab key={tab} value={tab}>\n                  <Group opacity={tab === selectedTab ? 1 : 0.6}>\n                    <Icon size={20} />\n                    <Text fz=\"h3\">{tab}</Text>\n                  </Group>\n                </Tabs.Tab>\n              );\n            })}\n          </Tabs.List>\n        }\n      >\n        <Content />\n      </Page>\n    </Tabs>\n  );\n}\n"],"mappings":"AAuCQ,cAgBU,YAhBV;AAvCR;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,EAEA;AAAA,OACK;AACP,SAAS,uBAAuB;AAEhC,SAAS,YAAY;AACrB,SAAS,0BAA0B;AAc5B,SAAS,WAA+B;AAAA,EAC7C;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAyB;AACvB,QAAM,aAAa,KAAK,CAAC,GAAG;AAC5B,QAAM,CAAC,aAAa,cAAc,IAAI,gBAAqB;AAAA,IACzD,KAAK;AAAA,IACL,cAAc;AAAA,EAChB,CAAC;AACD,QAAM,UACJ,KAAK,KAAK,CAAC,QAAQ,IAAI,QAAQ,WAAW,GAAG,YAC5C,MACC,oBAAC,UACC,8BAAC,sBAAmB,MAAM,IAAI,GAChC;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,UAAU,CAAC,QAAQ,eAAgB,OAAe,UAAU;AAAA,MAC3D,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,aACE,oBAAC,KAAK,MAAL,EACE,eAAK,IAAI,CAAC,EAAE,KAAK,KAAK,MAAM;AAC3B,kBAAM,OAAO,QAAQ;AACrB,mBACE,oBAAC,KAAK,KAAL,EAAmB,OAAO,KACzB,+BAAC,SAAM,SAAS,QAAQ,cAAc,IAAI,KACxC;AAAA,kCAAC,QAAK,MAAM,IAAI;AAAA,cAChB,oBAAC,QAAK,IAAG,MAAM,eAAI;AAAA,eACrB,KAJa,GAKf;AAAA,UAEJ,CAAC,GACH;AAAA,UAGF,8BAAC,WAAQ;AAAA;AAAA,MACX;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/index.cjs

@@ -15,6 +15,7 @@ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "defau
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
 module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./auth"), module.exports);
 __reExport(index_exports, require("./color"), module.exports);
 __reExport(index_exports, require("./formatting"), module.exports);
 __reExport(index_exports, require("./hooks"), module.exports);
@@ -56,6 +57,7 @@ __reExport(index_exports, require("./components/text-update-modal"), module.expo
 __reExport(index_exports, require("./components/theme-toggle"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  ...require("./auth"),
   ...require("./color"),
   ...require("./formatting"),
   ...require("./hooks"),

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from \"./color\";\nexport * from \"./formatting\";\nexport * from \"./hooks\";\nexport * from \"./theme\";\nexport * from \"./components/config\";\nexport * from \"./components/divided-children\";\nexport * from \"./components/fancy-card\";\nexport * from \"./components/monaco\";\nexport * from \"./components/back-button\";\nexport * from \"./components/confirm-button\";\nexport * from \"./components/confirm-icon\";\nexport * from \"./components/confirm-modal\";\nexport * from \"./components/copy-button\";\nexport * from \"./components/copy-text\";\nexport * from \"./components/create-modal\";\nexport * from \"./components/data-table\";\nexport * from \"./components/enable-switch\";\nexport * from \"./components/entity-header\";\nexport * from \"./components/entity-page\";\nexport * from \"./components/hover-error\";\nexport * from \"./components/info-card\";\nexport * from \"./components/input-list\";\nexport * from \"./components/labelled-switch\";\nexport * from \"./components/labels-group\";\nexport * from \"./components/loading-screen\";\nexport * from \"./components/mobile-friendly-tabs\";\nexport * from \"./components/page-guard\";\nexport * from \"./components/page\";\nexport * from \"./components/search-input\";\nexport * from \"./components/section\";\nexport * from \"./components/shared-text-update\";\nexport * from \"./components/show-hide-button\";\nexport * from \"./components/stat-bar\";\nexport * from \"./components/stat-cell\";\nexport * from \"./components/status-badge\";\nexport * from \"./components/tabbed-page\";\nexport * from \"./components/table-skeleton\";\nexport * from \"./components/text-update-modal\";\nexport * from \"./components/theme-toggle\";\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,oBAAd;AACA,0BAAc,yBADd;AAEA,0BAAc,oBAFd;AAGA,0BAAc,oBAHd;AAIA,0BAAc,gCAJd;AAKA,0BAAc,0CALd;AAMA,0BAAc,oCANd;AAOA,0BAAc,gCAPd;AAQA,0BAAc,qCARd;AASA,0BAAc,wCATd;AAUA,0BAAc,sCAVd;AAWA,0BAAc,uCAXd;AAYA,0BAAc,qCAZd;AAaA,0BAAc,mCAbd;AAcA,0BAAc,sCAdd;AAeA,0BAAc,oCAfd;AAgBA,0BAAc,uCAhBd;AAiBA,0BAAc,uCAjBd;AAkBA,0BAAc,qCAlBd;AAmBA,0BAAc,qCAnBd;AAoBA,0BAAc,mCApBd;AAqBA,0BAAc,oCArBd;AAsBA,0BAAc,yCAtBd;AAuBA,0BAAc,sCAvBd;AAwBA,0BAAc,wCAxBd;AAyBA,0BAAc,8CAzBd;AA0BA,0BAAc,oCA1Bd;AA2BA,0BAAc,8BA3Bd;AA4BA,0BAAc,sCA5Bd;AA6BA,0BAAc,iCA7Bd;AA8BA,0BAAc,4CA9Bd;AA+BA,0BAAc,0CA/Bd;AAgCA,0BAAc,kCAhCd;AAiCA,0BAAc,mCAjCd;AAkCA,0BAAc,sCAlCd;AAmCA,0BAAc,qCAnCd;AAoCA,0BAAc,wCApCd;AAqCA,0BAAc,2CArCd;AAsCA,0BAAc,sCAtCd;","names":[]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from \"./auth\";\nexport * from \"./color\";\nexport * from \"./formatting\";\nexport * from \"./hooks\";\nexport * from \"./theme\";\nexport * from \"./components/config\";\nexport * from \"./components/divided-children\";\nexport * from \"./components/fancy-card\";\nexport * from \"./components/monaco\";\nexport * from \"./components/back-button\";\nexport * from \"./components/confirm-button\";\nexport * from \"./components/confirm-icon\";\nexport * from \"./components/confirm-modal\";\nexport * from \"./components/copy-button\";\nexport * from \"./components/copy-text\";\nexport * from \"./components/create-modal\";\nexport * from \"./components/data-table\";\nexport * from \"./components/enable-switch\";\nexport * from \"./components/entity-header\";\nexport * from \"./components/entity-page\";\nexport * from \"./components/hover-error\";\nexport * from \"./components/info-card\";\nexport * from \"./components/input-list\";\nexport * from \"./components/labelled-switch\";\nexport * from \"./components/labels-group\";\nexport * from \"./components/loading-screen\";\nexport * from \"./components/mobile-friendly-tabs\";\nexport * from \"./components/page-guard\";\nexport * from \"./components/page\";\nexport * from \"./components/search-input\";\nexport * from \"./components/section\";\nexport * from \"./components/shared-text-update\";\nexport * from \"./components/show-hide-button\";\nexport * from \"./components/stat-bar\";\nexport * from \"./components/stat-cell\";\nexport * from \"./components/status-badge\";\nexport * from \"./components/tabbed-page\";\nexport * from \"./components/table-skeleton\";\nexport * from \"./components/text-update-modal\";\nexport * from \"./components/theme-toggle\";\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,mBAAd;AACA,0BAAc,oBADd;AAEA,0BAAc,yBAFd;AAGA,0BAAc,oBAHd;AAIA,0BAAc,oBAJd;AAKA,0BAAc,gCALd;AAMA,0BAAc,0CANd;AAOA,0BAAc,oCAPd;AAQA,0BAAc,gCARd;AASA,0BAAc,qCATd;AAUA,0BAAc,wCAVd;AAWA,0BAAc,sCAXd;AAYA,0BAAc,uCAZd;AAaA,0BAAc,qCAbd;AAcA,0BAAc,mCAdd;AAeA,0BAAc,sCAfd;AAgBA,0BAAc,oCAhBd;AAiBA,0BAAc,uCAjBd;AAkBA,0BAAc,uCAlBd;AAmBA,0BAAc,qCAnBd;AAoBA,0BAAc,qCApBd;AAqBA,0BAAc,mCArBd;AAsBA,0BAAc,oCAtBd;AAuBA,0BAAc,yCAvBd;AAwBA,0BAAc,sCAxBd;AAyBA,0BAAc,wCAzBd;AA0BA,0BAAc,8CA1Bd;AA2BA,0BAAc,oCA3Bd;AA4BA,0BAAc,8BA5Bd;AA6BA,0BAAc,sCA7Bd;AA8BA,0BAAc,iCA9Bd;AA+BA,0BAAc,4CA/Bd;AAgCA,0BAAc,0CAhCd;AAiCA,0BAAc,kCAjCd;AAkCA,0BAAc,mCAlCd;AAmCA,0BAAc,sCAnCd;AAoCA,0BAAc,qCApCd;AAqCA,0BAAc,wCArCd;AAsCA,0BAAc,2CAtCd;AAuCA,0BAAc,sCAvCd;","names":[]}