@workos-inc/widgets 1.4.0 → 1.4.1

package/dist/cjs/lib/logout-all-sessions-dialog.cjs

@@ -0,0 +1,97 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var logout_all_sessions_dialog_exports = {};
+__export(logout_all_sessions_dialog_exports, {
+  LogoutAllSessionsDialog: () => LogoutAllSessionsDialog
+});
+module.exports = __toCommonJS(logout_all_sessions_dialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_themes = require("@radix-ui/themes");
+var import_elements = require("./elements.js");
+var import_endpoint = require("../api/endpoint.js");
+var import_react_query = require("@tanstack/react-query");
+var import_save_button = require("./save-button.js");
+function LogoutAllSessionsDialog({
+  open,
+  onOpenChange,
+  children,
+  currentSessionId,
+  ...props
+}) {
+  const client = (0, import_react_query.useQueryClient)();
+  const revokeAllSessions = (0, import_endpoint.useRevokeAllSessions)();
+  const onSubmitForm = () => {
+    revokeAllSessions.mutate({ data: { currentSessionId } });
+  };
+  const handleDone = React.useCallback(() => {
+    onOpenChange?.(false);
+    client.invalidateQueries({
+      queryKey: (0, import_endpoint.getSessionsQueryKey)()
+    });
+  }, [client, onOpenChange]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.AlertDialog.Root, { open, onOpenChange, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_elements.AlertDialogContent, { maxWidth: "480px", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.AlertDialog.Title, { children: "Sign out of all other devices?" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.AlertDialog.Description, { children: "You will be logged out of all other active sessions on other devices, except this one." }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Flex, { gap: "3", justify: "end", mt: "5", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "form",
+      {
+        onSubmit: (event) => {
+          event.preventDefault();
+          onSubmitForm();
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.AlertDialog.Cancel, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_elements.SecondaryButton,
+            {
+              disabled: revokeAllSessions.isPending || revokeAllSessions.isSuccess,
+              children: "Cancel"
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_save_button.SaveButton,
+            {
+              asChild: true,
+              loading: revokeAllSessions.isPending,
+              done: revokeAllSessions.isSuccess,
+              onDone: handleDone,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.DestructiveButton, { type: "submit", children: "Sign out" })
+            }
+          )
+        ]
+      }
+    ) })
+  ] }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LogoutAllSessionsDialog
+});
+//# sourceMappingURL=logout-all-sessions-dialog.cjs.map

package/dist/cjs/lib/logout-all-sessions-dialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/logout-all-sessions-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { AlertDialog, Flex } from \"@radix-ui/themes\";\nimport { type ReactNode } from \"react\";\nimport {\n  AlertDialogContent,\n  DestructiveButton,\n  SecondaryButton,\n} from \"./elements.js\";\nimport { getSessionsQueryKey, useRevokeAllSessions } from \"../api/endpoint.js\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { SaveButton } from \"./save-button.js\";\n\ninterface LogoutAllSessionsDialogProps extends AlertDialog.RootProps {\n  children?: ReactNode;\n  currentSessionId: string;\n}\n\nexport function LogoutAllSessionsDialog({\n  open,\n  onOpenChange,\n  children,\n  currentSessionId,\n  ...props\n}: LogoutAllSessionsDialogProps) {\n  const client = useQueryClient();\n\n  const revokeAllSessions = useRevokeAllSessions();\n\n  const onSubmitForm = () => {\n    revokeAllSessions.mutate({ data: { currentSessionId } });\n  };\n\n  const handleDone = React.useCallback(() => {\n    onOpenChange?.(false);\n\n    client.invalidateQueries({\n      queryKey: getSessionsQueryKey(),\n    });\n  }, [client, onOpenChange]);\n\n  return (\n    <AlertDialog.Root open={open} onOpenChange={onOpenChange} {...props}>\n      <AlertDialogContent maxWidth=\"480px\">\n        <AlertDialog.Title>Sign out of all other devices?</AlertDialog.Title>\n        <AlertDialog.Description>\n          You will be logged out of all other active sessions on other devices,\n          except this one.\n        </AlertDialog.Description>\n\n        <Flex gap=\"3\" justify=\"end\" mt=\"5\" asChild>\n          <form\n            onSubmit={(event) => {\n              event.preventDefault();\n              onSubmitForm();\n            }}\n          >\n            <AlertDialog.Cancel>\n              <SecondaryButton\n                disabled={\n                  revokeAllSessions.isPending || revokeAllSessions.isSuccess\n                }\n              >\n                Cancel\n              </SecondaryButton>\n            </AlertDialog.Cancel>\n\n            <SaveButton\n              asChild\n              loading={revokeAllSessions.isPending}\n              done={revokeAllSessions.isSuccess}\n              onDone={handleDone}\n            >\n              <DestructiveButton type=\"submit\">Sign out</DestructiveButton>\n            </SaveButton>\n          </form>\n        </Flex>\n      </AlertDialogContent>\n    </AlertDialog.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6CQ;AA3CR,YAAuB;AACvB,oBAAkC;AAElC,sBAIO;AACP,sBAA0D;AAC1D,yBAA+B;AAC/B,yBAA2B;AAOpB,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiC;AAC/B,QAAM,aAAS,mCAAe;AAE9B,QAAM,wBAAoB,sCAAqB;AAE/C,QAAM,eAAe,MAAM;AACzB,sBAAkB,OAAO,EAAE,MAAM,EAAE,iBAAiB,EAAE,CAAC;AAAA,EACzD;AAEA,QAAM,aAAa,MAAM,YAAY,MAAM;AACzC,mBAAe,KAAK;AAEpB,WAAO,kBAAkB;AAAA,MACvB,cAAU,qCAAoB;AAAA,IAChC,CAAC;AAAA,EACH,GAAG,CAAC,QAAQ,YAAY,CAAC;AAEzB,SACE,4CAAC,0BAAY,MAAZ,EAAiB,MAAY,cAA6B,GAAG,OAC5D,uDAAC,sCAAmB,UAAS,SAC3B;AAAA,gDAAC,0BAAY,OAAZ,EAAkB,4CAA8B;AAAA,IACjD,4CAAC,0BAAY,aAAZ,EAAwB,oGAGzB;AAAA,IAEA,4CAAC,sBAAK,KAAI,KAAI,SAAQ,OAAM,IAAG,KAAI,SAAO,MACxC;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,CAAC,UAAU;AACnB,gBAAM,eAAe;AACrB,uBAAa;AAAA,QACf;AAAA,QAEA;AAAA,sDAAC,0BAAY,QAAZ,EACC;AAAA,YAAC;AAAA;AAAA,cACC,UACE,kBAAkB,aAAa,kBAAkB;AAAA,cAEpD;AAAA;AAAA,UAED,GACF;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,SAAO;AAAA,cACP,SAAS,kBAAkB;AAAA,cAC3B,MAAM,kBAAkB;AAAA,cACxB,QAAQ;AAAA,cAER,sDAAC,qCAAkB,MAAK,UAAS,sBAAQ;AAAA;AAAA,UAC3C;AAAA;AAAA;AAAA,IACF,GACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/cjs/lib/logout-all-sessions-dialog.d.cts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AlertDialog } from '@radix-ui/themes';
+import { ReactNode } from 'react';
+
+interface LogoutAllSessionsDialogProps extends AlertDialog.RootProps {
+    children?: ReactNode;
+    currentSessionId: string;
+}
+declare function LogoutAllSessionsDialog({ open, onOpenChange, children, currentSessionId, ...props }: LogoutAllSessionsDialogProps): react_jsx_runtime.JSX.Element;
+
+export { LogoutAllSessionsDialog };

package/dist/cjs/lib/logout-dialog.cjs

@@ -0,0 +1,109 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var logout_dialog_exports = {};
+__export(logout_dialog_exports, {
+  LogoutDialog: () => LogoutDialog
+});
+module.exports = __toCommonJS(logout_dialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_themes = require("@radix-ui/themes");
+var import_elements = require("./elements.js");
+var import_endpoint = require("../api/endpoint.js");
+var import_react_query = require("@tanstack/react-query");
+var import_save_button = require("./save-button.js");
+var import_utils = require("./utils.js");
+function LogoutDialog({
+  children,
+  session,
+  open,
+  onOpenChange,
+  ...props
+}) {
+  const client = (0, import_react_query.useQueryClient)();
+  const userAgent = (0, import_utils.parseUserAgent)(session.userAgent);
+  const device = userAgent.pretty;
+  const revokeSession = (0, import_endpoint.useRevokeSession)();
+  const handleDone = React.useCallback(() => {
+    onOpenChange?.(false);
+    client.invalidateQueries({
+      queryKey: (0, import_endpoint.getSessionsQueryKey)(),
+      exact: false
+    });
+  }, [onOpenChange, client]);
+  const onSubmitForm = () => {
+    revokeSession.mutate({
+      sessionId: session.id
+    });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.AlertDialog.Root, { open, onOpenChange, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_elements.AlertDialogContent, { maxWidth: "480px", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.AlertDialog.Title, { children: "Sign out of device?" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.AlertDialog.Description, { children: [
+      "You will be signed out of ",
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_themes.Strong, { children: [
+        device,
+        "."
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.Flex, { gap: "3", justify: "end", mt: "5", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "form",
+      {
+        onSubmit: (event) => {
+          event.preventDefault();
+          onSubmitForm();
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_themes.AlertDialog.Cancel, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_elements.SecondaryButton,
+            {
+              disabled: revokeSession.isPending || revokeSession.isSuccess,
+              children: "Cancel"
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_save_button.SaveButton,
+            {
+              asChild: true,
+              loading: revokeSession.isPending,
+              done: revokeSession.isSuccess,
+              onDone: handleDone,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_elements.DestructiveButton, { type: "submit", children: "Sign out" })
+            }
+          )
+        ]
+      }
+    ) })
+  ] }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LogoutDialog
+});
+//# sourceMappingURL=logout-dialog.cjs.map

package/dist/cjs/lib/logout-dialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/logout-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { AlertDialog, Flex, Strong } from \"@radix-ui/themes\";\nimport { type ReactNode } from \"react\";\nimport {\n  AlertDialogContent,\n  DestructiveButton,\n  SecondaryButton,\n} from \"./elements.js\";\nimport {\n  ActiveSession,\n  getSessionsQueryKey,\n  useRevokeSession,\n} from \"../api/endpoint.js\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { SaveButton } from \"./save-button.js\";\nimport { parseUserAgent } from \"./utils.js\";\n\ninterface LogoutDialogProps extends AlertDialog.RootProps {\n  children?: ReactNode;\n  session: ActiveSession;\n}\n\nexport function LogoutDialog({\n  children,\n  session,\n  open,\n  onOpenChange,\n  ...props\n}: LogoutDialogProps) {\n  const client = useQueryClient();\n  const userAgent = parseUserAgent(session.userAgent);\n  const device = userAgent.pretty;\n\n  const revokeSession = useRevokeSession();\n\n  const handleDone = React.useCallback(() => {\n    onOpenChange?.(false);\n\n    client.invalidateQueries({\n      queryKey: getSessionsQueryKey(),\n      exact: false,\n    });\n  }, [onOpenChange, client]);\n\n  const onSubmitForm = () => {\n    revokeSession.mutate({\n      sessionId: session.id,\n    });\n  };\n\n  return (\n    <AlertDialog.Root open={open} onOpenChange={onOpenChange} {...props}>\n      <AlertDialogContent maxWidth=\"480px\">\n        <AlertDialog.Title>Sign out of device?</AlertDialog.Title>\n        <AlertDialog.Description>\n          You will be signed out of <Strong>{device}.</Strong>\n        </AlertDialog.Description>\n\n        <Flex gap=\"3\" justify=\"end\" mt=\"5\" asChild>\n          <form\n            onSubmit={(event) => {\n              event.preventDefault();\n              onSubmitForm();\n            }}\n          >\n            <AlertDialog.Cancel>\n              <SecondaryButton\n                disabled={revokeSession.isPending || revokeSession.isSuccess}\n              >\n                Cancel\n              </SecondaryButton>\n            </AlertDialog.Cancel>\n\n            <SaveButton\n              asChild\n              loading={revokeSession.isPending}\n              done={revokeSession.isSuccess}\n              onDone={handleDone}\n            >\n              <DestructiveButton type=\"submit\">Sign out</DestructiveButton>\n            </SaveButton>\n          </form>\n        </Flex>\n      </AlertDialogContent>\n    </AlertDialog.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuDQ;AArDR,YAAuB;AACvB,oBAA0C;AAE1C,sBAIO;AACP,sBAIO;AACP,yBAA+B;AAC/B,yBAA2B;AAC3B,mBAA+B;AAOxB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,aAAS,mCAAe;AAC9B,QAAM,gBAAY,6BAAe,QAAQ,SAAS;AAClD,QAAM,SAAS,UAAU;AAEzB,QAAM,oBAAgB,kCAAiB;AAEvC,QAAM,aAAa,MAAM,YAAY,MAAM;AACzC,mBAAe,KAAK;AAEpB,WAAO,kBAAkB;AAAA,MACvB,cAAU,qCAAoB;AAAA,MAC9B,OAAO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAC,cAAc,MAAM,CAAC;AAEzB,QAAM,eAAe,MAAM;AACzB,kBAAc,OAAO;AAAA,MACnB,WAAW,QAAQ;AAAA,IACrB,CAAC;AAAA,EACH;AAEA,SACE,4CAAC,0BAAY,MAAZ,EAAiB,MAAY,cAA6B,GAAG,OAC5D,uDAAC,sCAAmB,UAAS,SAC3B;AAAA,gDAAC,0BAAY,OAAZ,EAAkB,iCAAmB;AAAA,IACtC,6CAAC,0BAAY,aAAZ,EAAwB;AAAA;AAAA,MACG,6CAAC,wBAAQ;AAAA;AAAA,QAAO;AAAA,SAAC;AAAA,OAC7C;AAAA,IAEA,4CAAC,sBAAK,KAAI,KAAI,SAAQ,OAAM,IAAG,KAAI,SAAO,MACxC;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,CAAC,UAAU;AACnB,gBAAM,eAAe;AACrB,uBAAa;AAAA,QACf;AAAA,QAEA;AAAA,sDAAC,0BAAY,QAAZ,EACC;AAAA,YAAC;AAAA;AAAA,cACC,UAAU,cAAc,aAAa,cAAc;AAAA,cACpD;AAAA;AAAA,UAED,GACF;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,SAAO;AAAA,cACP,SAAS,cAAc;AAAA,cACvB,MAAM,cAAc;AAAA,cACpB,QAAQ;AAAA,cAER,sDAAC,qCAAkB,MAAK,UAAS,sBAAQ;AAAA;AAAA,UAC3C;AAAA;AAAA;AAAA,IACF,GACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/cjs/lib/logout-dialog.d.cts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AlertDialog } from '@radix-ui/themes';
+import { ReactNode } from 'react';
+import { ActiveSession } from '../api/endpoint.cjs';
+import '@tanstack/react-query';
+import '../api/widgets-api-client.cjs';
+
+interface LogoutDialogProps extends AlertDialog.RootProps {
+    children?: ReactNode;
+    session: ActiveSession;
+}
+declare function LogoutDialog({ children, session, open, onOpenChange, ...props }: LogoutDialogProps): react_jsx_runtime.JSX.Element;
+
+export { LogoutDialog };

package/dist/cjs/lib/marker.cjs

@@ -0,0 +1,56 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var marker_exports = {};
+__export(marker_exports, {
+  Marker: () => Marker
+});
+module.exports = __toCommonJS(marker_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_themes = require("@radix-ui/themes");
+var import_clsx = __toESM(require("clsx"), 1);
+var import_utils = require("./utils.js");
+const Marker = React.forwardRef(
+  function Marker2({ children, className, highContrast, ...props }, forwardedRef) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_themes.Text,
+      {
+        ref: forwardedRef,
+        className: (0, import_clsx.default)(className, (0, import_utils.namespaceClassNames)("marker")),
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: (0, import_utils.namespaceClassNames)("marker-circle"), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: (0, import_utils.namespaceClassNames)("marker-content"), children }) })
+      }
+    );
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Marker
+});
+//# sourceMappingURL=marker.cjs.map

package/dist/cjs/lib/marker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/marker.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Text } from \"@radix-ui/themes\";\nimport { MarginProps } from \"@radix-ui/themes/props\";\nimport clsx from \"clsx\";\nimport { namespaceClassNames } from \"./utils.js\";\n\ntype TextProps = React.ComponentPropsWithoutRef<typeof Text>;\n\ntype MarkerOwnProps = {\n  color?: \"gray\" | \"purple\" | \"blue\" | \"green\" | \"yellow\" | \"red\";\n  highContrast?: boolean;\n  size?: TextProps[\"size\"];\n};\n\ninterface MarkerProps\n  extends Omit<React.ComponentPropsWithRef<\"span\">, \"color\">,\n    MarkerOwnProps,\n    MarginProps {}\n\nexport const Marker = React.forwardRef<HTMLSpanElement, MarkerProps>(\n  function Marker(\n    { children, className, highContrast, ...props },\n    forwardedRef,\n  ) {\n    return (\n      <Text\n        ref={forwardedRef}\n        className={clsx(className, namespaceClassNames(\"marker\"))}\n        {...props}\n      >\n        <span className={namespaceClassNames(\"marker-circle\")}>\n          <span className={namespaceClassNames(\"marker-content\")}>\n            {children}\n          </span>\n        </span>\n      </Text>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BU;AA/BV,YAAuB;AACvB,oBAAqB;AAErB,kBAAiB;AACjB,mBAAoC;AAe7B,MAAM,SAAS,MAAM;AAAA,EAC1B,SAASA,QACP,EAAE,UAAU,WAAW,cAAc,GAAG,MAAM,GAC9C,cACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,eAAW,YAAAC,SAAK,eAAW,kCAAoB,QAAQ,CAAC;AAAA,QACvD,GAAG;AAAA,QAEJ,sDAAC,UAAK,eAAW,kCAAoB,eAAe,GAClD,sDAAC,UAAK,eAAW,kCAAoB,gBAAgB,GAClD,UACH,GACF;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;","names":["Marker","clsx"]}

package/dist/cjs/lib/{marker.d.ts → marker.d.cts}

@@ -1,6 +1,7 @@
-import * as React from "react";
-import { Text } from "@radix-ui/themes";
-import { MarginProps } from "@radix-ui/themes/props";
+import * as React from 'react';
+import { Text } from '@radix-ui/themes';
+import { MarginProps } from '@radix-ui/themes/props';
+
 type TextProps = React.ComponentPropsWithoutRef<typeof Text>;
 type MarkerOwnProps = {
     color?: "gray" | "purple" | "blue" | "green" | "yellow" | "red";
@@ -9,6 +10,6 @@ type MarkerOwnProps = {
 };
 interface MarkerProps extends Omit<React.ComponentPropsWithRef<"span">, "color">, MarkerOwnProps, MarginProps {
 }
-export declare const Marker: React.ForwardRefExoticComponent<Omit<MarkerProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export {};
-//# sourceMappingURL=marker.d.ts.map
+declare const Marker: React.ForwardRefExoticComponent<Omit<MarkerProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+
+export { Marker };

package/dist/cjs/lib/name-server-icon.cjs

@@ -0,0 +1,101 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var name_server_icon_exports = {};
+__export(name_server_icon_exports, {
+  NameServerIcon: () => NameServerIcon
+});
+module.exports = __toCommonJS(name_server_icon_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_themes = require("@radix-ui/themes");
+var import_provider_icon = require("./provider-icon.js");
+const NameServerIcon = ({ provider }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    CustomProviderIcon,
+    {
+      provider: "aws",
+      show: provider === "AwsRoute53",
+      size: "2"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    CustomProviderIcon,
+    {
+      provider: "google",
+      show: provider === "GoogleDomains",
+      size: "2"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    CustomProviderIcon,
+    {
+      provider: "cloudflare",
+      show: provider === "CloudFlare",
+      size: "2"
+    }
+  ),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    CustomProviderIcon,
+    {
+      provider: "godaddy",
+      show: provider === "GoDaddy",
+      size: "2"
+    }
+  ),
+  (provider === void 0 || provider === "Other") && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { clipPath: "url(#clip0_439_15264)", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M8.36963 0.84314C12.1559 1.03545 15.1665 4.16625 15.1665 8.00037C15.1663 11.9581 11.9583 15.1662 8.00049 15.1664C4.04256 15.1664 0.833672 11.9583 0.833496 8.00037C0.833496 4.04233 4.04245 0.833374 8.00049 0.833374L8.36963 0.84314ZM1.85596 8.50037C2.0802 11.2918 4.1615 13.5566 6.86475 14.0599C5.68944 12.4359 4.98911 10.5102 4.85498 8.50037H1.85596ZM11.144 8.50037C11.0099 10.5105 10.3098 12.4357 9.13428 14.0599C11.8382 13.5571 13.9198 11.2923 14.144 8.50037H11.144ZM5.85889 8.50037C6.00462 10.4763 6.75172 12.3598 7.99951 13.8978C9.24761 12.3597 9.99445 10.4765 10.1401 8.50037H5.85889ZM6.86572 1.93884C4.16183 2.44193 2.08009 4.70839 1.85596 7.50037H4.85498C4.98905 5.48961 5.68956 3.5633 6.86572 1.93884ZM7.99951 2.10193C6.75148 3.64015 6.00449 5.52408 5.85889 7.50037H10.1401C9.99457 5.5239 9.24784 3.64025 7.99951 2.10193ZM9.1333 1.93884C10.3097 3.56349 11.011 5.48937 11.145 7.50037H14.144C13.9199 4.70785 11.8378 2.44135 9.1333 1.93884Z",
+            fill: "#2B333B"
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: "clip0_439_15264", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "16", height: "16", fill: "white" }) }) })
+      ]
+    }
+  )
+] });
+const CustomProviderIcon = ({ show, ...props }) => {
+  const Wrapper = show ? React.Fragment : import_themes.VisuallyHidden;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_provider_icon.ProviderIcon, { ...props, provider: props.provider, size: "1" }) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NameServerIcon
+});
+//# sourceMappingURL=name-server-icon.cjs.map

package/dist/cjs/lib/name-server-icon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/name-server-icon.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { VisuallyHidden } from \"@radix-ui/themes\";\nimport { OrganizationDomain } from \"../api/endpoint.js\";\nimport { ProviderIcon } from \"./provider-icon.js\";\n\ninterface NameServerIconProps {\n  provider?: OrganizationDomain[\"nameServer\"];\n}\n\nexport const NameServerIcon = ({ provider }: NameServerIconProps) => (\n  <>\n    <CustomProviderIcon\n      provider=\"aws\"\n      show={provider === \"AwsRoute53\"}\n      size=\"2\"\n    />\n    <CustomProviderIcon\n      provider=\"google\"\n      show={provider === \"GoogleDomains\"}\n      size=\"2\"\n    />\n    <CustomProviderIcon\n      provider=\"cloudflare\"\n      show={provider === \"CloudFlare\"}\n      size=\"2\"\n    />\n    <CustomProviderIcon\n      provider=\"godaddy\"\n      show={provider === \"GoDaddy\"}\n      size=\"2\"\n    />\n\n    {(provider === undefined || provider === \"Other\") && (\n      <svg\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <g clipPath=\"url(#clip0_439_15264)\">\n          <path\n            d=\"M8.36963 0.84314C12.1559 1.03545 15.1665 4.16625 15.1665 8.00037C15.1663 11.9581 11.9583 15.1662 8.00049 15.1664C4.04256 15.1664 0.833672 11.9583 0.833496 8.00037C0.833496 4.04233 4.04245 0.833374 8.00049 0.833374L8.36963 0.84314ZM1.85596 8.50037C2.0802 11.2918 4.1615 13.5566 6.86475 14.0599C5.68944 12.4359 4.98911 10.5102 4.85498 8.50037H1.85596ZM11.144 8.50037C11.0099 10.5105 10.3098 12.4357 9.13428 14.0599C11.8382 13.5571 13.9198 11.2923 14.144 8.50037H11.144ZM5.85889 8.50037C6.00462 10.4763 6.75172 12.3598 7.99951 13.8978C9.24761 12.3597 9.99445 10.4765 10.1401 8.50037H5.85889ZM6.86572 1.93884C4.16183 2.44193 2.08009 4.70839 1.85596 7.50037H4.85498C4.98905 5.48961 5.68956 3.5633 6.86572 1.93884ZM7.99951 2.10193C6.75148 3.64015 6.00449 5.52408 5.85889 7.50037H10.1401C9.99457 5.5239 9.24784 3.64025 7.99951 2.10193ZM9.1333 1.93884C10.3097 3.56349 11.011 5.48937 11.145 7.50037H14.144C13.9199 4.70785 11.8378 2.44135 9.1333 1.93884Z\"\n            fill=\"#2B333B\"\n          />\n        </g>\n        <defs>\n          <clipPath id=\"clip0_439_15264\">\n            <rect width=\"16\" height=\"16\" fill=\"white\" />\n          </clipPath>\n        </defs>\n      </svg>\n    )}\n  </>\n);\n\ntype IconProps = React.ComponentPropsWithoutRef<typeof ProviderIcon> & {\n  show?: boolean;\n};\n\nconst CustomProviderIcon = ({ show, ...props }: IconProps) => {\n  const Wrapper = show ? React.Fragment : VisuallyHidden;\n  return (\n    <Wrapper>\n      <ProviderIcon {...props} provider={props.provider} size=\"1\" />\n    </Wrapper>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAYE;AAVF,YAAuB;AACvB,oBAA+B;AAE/B,2BAA6B;AAMtB,MAAM,iBAAiB,CAAC,EAAE,SAAS,MACxC,4EACE;AAAA;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,MAAM,aAAa;AAAA,MACnB,MAAK;AAAA;AAAA,EACP;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,MAAM,aAAa;AAAA,MACnB,MAAK;AAAA;AAAA,EACP;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,MAAM,aAAa;AAAA,MACnB,MAAK;AAAA;AAAA,EACP;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,MAAM,aAAa;AAAA,MACnB,MAAK;AAAA;AAAA,EACP;AAAA,GAEE,aAAa,UAAa,aAAa,YACvC;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MAEN;AAAA,oDAAC,OAAE,UAAS,yBACV;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA;AAAA,QACP,GACF;AAAA,QACA,4CAAC,UACC,sDAAC,cAAS,IAAG,mBACX,sDAAC,UAAK,OAAM,MAAK,QAAO,MAAK,MAAK,SAAQ,GAC5C,GACF;AAAA;AAAA;AAAA,EACF;AAAA,GAEJ;AAOF,MAAM,qBAAqB,CAAC,EAAE,MAAM,GAAG,MAAM,MAAiB;AAC5D,QAAM,UAAU,OAAO,MAAM,WAAW;AACxC,SACE,4CAAC,WACC,sDAAC,qCAAc,GAAG,OAAO,UAAU,MAAM,UAAU,MAAK,KAAI,GAC9D;AAEJ;","names":[]}

package/dist/cjs/lib/name-server-icon.d.cts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { OrganizationDomain } from '../api/endpoint.cjs';
+import '@tanstack/react-query';
+import '../api/widgets-api-client.cjs';
+
+interface NameServerIconProps {
+    provider?: OrganizationDomain["nameServer"];
+}
+declare const NameServerIcon: ({ provider }: NameServerIconProps) => react_jsx_runtime.JSX.Element;
+
+export { NameServerIcon };

package/dist/cjs/lib/oauth-icons.cjs

@@ -0,0 +1,175 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var oauth_icons_exports = {};
+__export(oauth_icons_exports, {
+  getOAuthIcon: () => getOAuthIcon,
+  getOAuthName: () => getOAuthName
+});
+module.exports = __toCommonJS(oauth_icons_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+const GitHub = React.forwardRef((props, forwardedRef) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "svg",
+  {
+    ref: forwardedRef,
+    fill: "none",
+    height: "16",
+    viewBox: "0 0 15 15",
+    width: "16",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "path",
+      {
+        clipRule: "evenodd",
+        d: "M7.49933 0.25C3.49635 0.25 0.25 3.49593 0.25 7.50024C0.25 10.703 2.32715 13.4206 5.2081 14.3797C5.57084 14.446 5.70302 14.2222 5.70302 14.0299C5.70302 13.8576 5.69679 13.4019 5.69323 12.797C3.67661 13.235 3.25112 11.825 3.25112 11.825C2.92132 10.9874 2.44599 10.7644 2.44599 10.7644C1.78773 10.3149 2.49584 10.3238 2.49584 10.3238C3.22353 10.375 3.60629 11.0711 3.60629 11.0711C4.25298 12.1788 5.30335 11.8588 5.71638 11.6732C5.78225 11.205 5.96962 10.8854 6.17658 10.7043C4.56675 10.5209 2.87415 9.89918 2.87415 7.12104C2.87415 6.32925 3.15677 5.68257 3.62053 5.17563C3.54576 4.99226 3.29697 4.25521 3.69174 3.25691C3.69174 3.25691 4.30015 3.06196 5.68522 3.99973C6.26337 3.83906 6.8838 3.75895 7.50022 3.75583C8.1162 3.75895 8.73619 3.83906 9.31523 3.99973C10.6994 3.06196 11.3069 3.25691 11.3069 3.25691C11.7026 4.25521 11.4538 4.99226 11.3795 5.17563C11.8441 5.68257 12.1245 6.32925 12.1245 7.12104C12.1245 9.9063 10.4292 10.5192 8.81452 10.6985C9.07444 10.9224 9.30633 11.3648 9.30633 12.0413C9.30633 13.0102 9.29742 13.7922 9.29742 14.0299C9.29742 14.2239 9.42828 14.4496 9.79591 14.3788C12.6746 13.4179 14.75 10.7025 14.75 7.50024C14.75 3.49593 11.5036 0.25 7.49933 0.25Z",
+        fill: "currentColor",
+        fillRule: "evenodd"
+      }
+    )
+  }
+));
+GitHub.displayName = "GitHub";
+const Google = React.forwardRef((props, forwardedRef) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "svg",
+  {
+    ref: forwardedRef,
+    fill: "none",
+    height: "15",
+    viewBox: "0 0 16 16",
+    width: "15",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          d: "M15.83 8.18C15.83 7.65333 15.7833 7.15333 15.7033 6.66667H8.17V9.67333H12.4833C12.29 10.66 11.7233 11.4933 10.8833 12.06V14.06H13.4567C14.9633 12.6667 15.83 10.6133 15.83 8.18Z",
+          fill: "#4285F4"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          d: "M8.17 16C10.33 16 12.1367 15.28 13.4567 14.06L10.8833 12.06C10.1633 12.54 9.25 12.8333 8.17 12.8333C6.08334 12.8333 4.31667 11.4267 3.68334 9.52667H1.03V11.5867C2.34334 14.2 5.04334 16 8.17 16Z",
+          fill: "#34A853"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          d: "M3.68334 9.52667C3.51667 9.04667 3.43 8.53333 3.43 8C3.43 7.46667 3.52334 6.95334 3.68334 6.47334V4.41334H1.03C0.483335 5.49334 0.170002 6.70667 0.170002 8C0.170002 9.29333 0.483335 10.5067 1.03 11.5867L3.68334 9.52667Z",
+          fill: "#FBBC05"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          d: "M8.17 3.16667C9.35 3.16667 10.4033 3.57334 11.2367 4.36667L13.5167 2.08667C12.1367 0.793334 10.33 0 8.17 0C5.04334 0 2.34334 1.8 1.03 4.41334L3.68334 6.47334C4.31667 4.57334 6.08334 3.16667 8.17 3.16667Z",
+          fill: "#EA4335"
+        }
+      )
+    ] })
+  }
+));
+Google.displayName = "Google";
+const Microsoft = React.forwardRef((props, forwardedRef) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "svg",
+  {
+    ref: forwardedRef,
+    fill: "none",
+    height: "15",
+    viewBox: "0 0 15 15",
+    width: "15",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M0 0H7L7 7H-4.76837e-07L0 0Z", fill: "#F35325" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8 0H15V7H8L8 0Z", fill: "#81BC06" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M0 8H7V15H0V8Z", fill: "#05A6F0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8 8L15 8V15L8 15V8Z", fill: "#FFBA08" })
+    ] })
+  }
+));
+Microsoft.displayName = "Microsoft";
+const Apple = React.forwardRef(({ style, ...props }, forwardedRef) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "svg",
+  {
+    ref: forwardedRef,
+    fill: "none",
+    height: "15",
+    style: { overflow: "visible", ...style },
+    viewBox: "0 0 15 15",
+    width: "15",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "path",
+      {
+        d: "M14.219 3.33667C14.1169 3.41674 12.3137 4.44312 12.3137 6.72534C12.3137 9.3651 14.6082 10.299 14.6769 10.3221C14.6663 10.379 14.3124 11.601 13.4671 12.8462C12.7134 13.942 11.9263 15.0359 10.7288 15.0359C9.53134 15.0359 9.22317 14.3333 7.84081 14.3333C6.49366 14.3333 6.01469 15.0591 4.91935 15.0591C3.82401 15.0591 3.05978 14.0451 2.18104 12.8C1.1632 11.3378 0.34082 9.06625 0.34082 6.91034C0.34082 3.45232 2.56668 1.61835 4.75732 1.61835C5.92133 1.61835 6.89164 2.39036 7.62246 2.39036C8.31802 2.39036 9.40277 1.5721 10.7271 1.5721C11.2289 1.5721 13.0321 1.61835 14.219 3.33667ZM10.0984 0.108136C10.646 -0.548247 11.0334 -1.459 11.0334 -2.36975C11.0334 -2.49605 11.0229 -2.62412 11 -2.72729C10.1089 -2.6935 9.04883 -2.12783 8.40959 -1.37895C7.90772 -0.802617 7.43931 0.108136 7.43931 1.03134C7.43931 1.1701 7.46218 1.30883 7.47277 1.35331C7.52909 1.36398 7.62067 1.37643 7.71224 1.37643C8.51172 1.37643 9.51724 0.835672 10.0984 0.108136Z",
+        fill: "currentColor"
+      }
+    )
+  }
+));
+Apple.displayName = "Apple";
+const getOAuthIcon = (account) => {
+  switch (account) {
+    case "GithubOAuth":
+      return GitHub;
+    case "GoogleOAuth":
+      return Google;
+    case "MicrosoftOAuth":
+      return Microsoft;
+    case "AppleOAuth":
+      return Apple;
+    default:
+      throw new Error(`Unknown OAuth account type: ${account}`);
+  }
+};
+const getOAuthName = (account) => {
+  switch (account) {
+    case "GithubOAuth":
+      return "GitHub";
+    case "GoogleOAuth":
+      return "Google";
+    case "MicrosoftOAuth":
+      return "Microsoft";
+    case "AppleOAuth":
+      return "Apple";
+    default:
+      throw new Error(`Unknown OAuth account type: ${account}`);
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getOAuthIcon,
+  getOAuthName
+});
+//# sourceMappingURL=oauth-icons.cjs.map