mogh_ui 0.1.0 → 0.2.0

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/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":[]}

package/dist/index.d.cts

@@ -1,7 +1,8 @@
+export { AUTH_URL, authClient, setAuthUrl, useAuthState, useLogin, useLoginOptions, useManageAuth } from './auth/index.cjs';
 export { ColorIntention, colorByIntention, hexColorByIntention } from './color.cjs';
 export { BYTES_PER_GB, BYTES_PER_KB, BYTES_PER_MB, fmtDate, fmtDateWithMinutes, fmtDuration, fmtMonth, fmtRateBytes, fmtSizeBytes, fmtSnakeCaseToUpperSpaceCase, fmtUpperCamelcase, fmtUtcDate } from './formatting.cjs';
 export { Dimensions, useCtrlKeyListener, useDebounce, useKeyListener, useSearchCombobox, useShiftKeyListener, useWindowDimensions } from './hooks.cjs';
-export { AdditionalColors, DARK_BODY, LIGHT_BODY, ThemeProvider, functionColorsTuple, opacityColorsTuple } from './theme.cjs';
+export { AdditionalColors, DARK_BODY, LIGHT_BODY, ThemeProvider, ThemeProviderProps, functionColorsTuple, opacityColorsTuple } from './theme.cjs';
 export { Config, ConfigFieldArgs, ConfigGroup, ConfigGroupArgs, ConfigProps } from './components/config/index.cjs';
 export { DividedChildren } from './components/divided-children/index.cjs';
 export { FancyCard } from './components/fancy-card/index.cjs';
@@ -40,7 +41,14 @@ export { ThemeToggle } from './components/theme-toggle.cjs';
 export { ConfigInput, ConfigItem, ConfigItemProps, ConfigList, ConfigSwitch } from './components/config/item.cjs';
 export { ConfigLayout } from './components/config/layout.cjs';
 export { ConfirmUpdate, ConfirmUpdateProps } from './components/config/confirm.cjs';
+export { EnrollPasskey } from './auth/profile/passkey.cjs';
+export { EnrollTotp } from './auth/profile/totp.cjs';
+export { LinkedLogins } from './auth/profile/linked-logins.cjs';
+export { LoginBrandingProps, LoginPage } from './auth/login/index.cjs';
 export { UnsavedChanges } from './components/config/unsaved-changes.cjs';
+export { sanitizeQuery, sanitizeQueryInner } from './auth/utils.cjs';
+import '@tanstack/react-query';
+import 'mogh_auth_client';
 import '@mantine/core';
 import 'react';
 import 'react/jsx-runtime';

package/dist/index.d.ts

@@ -1,7 +1,8 @@
+export { AUTH_URL, authClient, setAuthUrl, useAuthState, useLogin, useLoginOptions, useManageAuth } from './auth/index.js';
 export { ColorIntention, colorByIntention, hexColorByIntention } from './color.js';
 export { BYTES_PER_GB, BYTES_PER_KB, BYTES_PER_MB, fmtDate, fmtDateWithMinutes, fmtDuration, fmtMonth, fmtRateBytes, fmtSizeBytes, fmtSnakeCaseToUpperSpaceCase, fmtUpperCamelcase, fmtUtcDate } from './formatting.js';
 export { Dimensions, useCtrlKeyListener, useDebounce, useKeyListener, useSearchCombobox, useShiftKeyListener, useWindowDimensions } from './hooks.js';
-export { AdditionalColors, DARK_BODY, LIGHT_BODY, ThemeProvider, functionColorsTuple, opacityColorsTuple } from './theme.js';
+export { AdditionalColors, DARK_BODY, LIGHT_BODY, ThemeProvider, ThemeProviderProps, functionColorsTuple, opacityColorsTuple } from './theme.js';
 export { Config, ConfigFieldArgs, ConfigGroup, ConfigGroupArgs, ConfigProps } from './components/config/index.js';
 export { DividedChildren } from './components/divided-children/index.js';
 export { FancyCard } from './components/fancy-card/index.js';
@@ -40,7 +41,14 @@ export { ThemeToggle } from './components/theme-toggle.js';
 export { ConfigInput, ConfigItem, ConfigItemProps, ConfigList, ConfigSwitch } from './components/config/item.js';
 export { ConfigLayout } from './components/config/layout.js';
 export { ConfirmUpdate, ConfirmUpdateProps } from './components/config/confirm.js';
+export { EnrollPasskey } from './auth/profile/passkey.js';
+export { EnrollTotp } from './auth/profile/totp.js';
+export { LinkedLogins } from './auth/profile/linked-logins.js';
+export { LoginBrandingProps, LoginPage } from './auth/login/index.js';
 export { UnsavedChanges } from './components/config/unsaved-changes.js';
+export { sanitizeQuery, sanitizeQueryInner } from './auth/utils.js';
+import '@tanstack/react-query';
+import 'mogh_auth_client';
 import '@mantine/core';
 import 'react';
 import 'react/jsx-runtime';

package/dist/index.js

@@ -1,3 +1,4 @@
+export * from "./auth";
 export * from "./color";
 export * from "./formatting";
 export * from "./hooks";

package/dist/index.js.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,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","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,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/theme.cjs

@@ -33,22 +33,25 @@ const DARK_BODY = "#0f1115";
 const DEFAULT_COLOR_SCHEME = "auto";
 function ThemeProvider({
   children,
-  additionalColors
+  ...props
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_core.MantineProvider,
     {
-      theme: theme(additionalColors),
+      theme: theme(props),
       cssVariablesResolver,
       defaultColorScheme: DEFAULT_COLOR_SCHEME,
       children
     }
   );
 }
-function theme(additionalColors) {
+function theme({
+  primaryColor = "accent",
+  additionalColors
+}) {
   return (0, import_core.createTheme)({
     cursorType: "pointer",
-    primaryColor: "accent",
+    primaryColor,
     breakpoints: {
       xs: "36em",
       sm: "48em",
@@ -266,6 +269,11 @@ function theme(additionalColors) {
         classNames: { root: "bordered-heavy" }
       }),
       Progress: import_core.Progress.extend({
+        vars: (theme2) => ({
+          root: {
+            "--progress-radius": theme2.radius.md
+          }
+        }),
         styles: (theme2) => ({
           root: {
             backgroundColor: theme2.colors.accent[4]