@authon/vue 0.2.1 → 0.3.0

package/dist/index.cjs

@@ -30,6 +30,9 @@ __export(index_exports, {
   AuthonUserButton: () => AuthonUserButton,
   createAuthon: () => createAuthon,
   useAuthon: () => useAuthon,
+  useAuthonPasskeys: () => useAuthonPasskeys,
+  useAuthonPasswordless: () => useAuthonPasswordless,
+  useAuthonWeb3: () => useAuthonWeb3,
   useUser: () => useUser
 });
 module.exports = __toCommonJS(index_exports);
@@ -114,9 +117,155 @@ function useUser() {
   };
 }
 
-// src/components.ts
+// src/useAuthonWeb3.ts
 var import_vue3 = require("vue");
-var AuthonSignIn = (0, import_vue3.defineComponent)({
+var import_vue4 = require("vue");
+function useAuthonWeb3() {
+  const state = (0, import_vue4.inject)(AUTHON_KEY);
+  if (!state) {
+    throw new Error("useAuthonWeb3() must be called inside a component tree with createAuthon() installed");
+  }
+  const s = state;
+  const isLoading = (0, import_vue3.ref)(false);
+  const error = (0, import_vue3.ref)(null);
+  async function wrap(fn) {
+    isLoading.value = true;
+    error.value = null;
+    try {
+      return await fn();
+    } catch (err) {
+      error.value = err instanceof Error ? err : new Error(String(err));
+      return null;
+    } finally {
+      isLoading.value = false;
+    }
+  }
+  async function getNonce(address, chain, walletType, chainId) {
+    return wrap(() => s.client.web3GetNonce(address, chain, walletType, chainId));
+  }
+  async function verify(message, signature, address, chain, walletType) {
+    const result = await wrap(
+      () => s.client.web3Verify(message, signature, address, chain, walletType)
+    );
+    return result !== null;
+  }
+  async function listWallets() {
+    return wrap(() => s.client.listWallets());
+  }
+  async function linkWallet(params) {
+    return wrap(() => s.client.linkWallet(params));
+  }
+  async function unlinkWallet(walletId) {
+    const result = await wrap(() => s.client.unlinkWallet(walletId));
+    return result !== null;
+  }
+  return {
+    getNonce,
+    verify,
+    listWallets,
+    linkWallet,
+    unlinkWallet,
+    isLoading,
+    error
+  };
+}
+
+// src/useAuthonPasswordless.ts
+var import_vue5 = require("vue");
+function useAuthonPasswordless() {
+  const state = (0, import_vue5.inject)(AUTHON_KEY);
+  if (!state) {
+    throw new Error("useAuthonPasswordless() must be called inside a component tree with createAuthon() installed");
+  }
+  const s = state;
+  const isLoading = (0, import_vue5.ref)(false);
+  const error = (0, import_vue5.ref)(null);
+  async function wrap(fn) {
+    isLoading.value = true;
+    error.value = null;
+    try {
+      return await fn();
+    } catch (err) {
+      error.value = err instanceof Error ? err : new Error(String(err));
+      return null;
+    } finally {
+      isLoading.value = false;
+    }
+  }
+  async function sendMagicLink(email) {
+    const result = await wrap(() => s.client.sendMagicLink(email));
+    return result !== null;
+  }
+  async function sendEmailOtp(email) {
+    const result = await wrap(() => s.client.sendEmailOtp(email));
+    return result !== null;
+  }
+  async function verifyPasswordless(opts) {
+    const result = await wrap(() => s.client.verifyPasswordless(opts));
+    return result !== null;
+  }
+  return {
+    sendMagicLink,
+    sendEmailOtp,
+    verifyPasswordless,
+    isLoading,
+    error
+  };
+}
+
+// src/useAuthonPasskeys.ts
+var import_vue6 = require("vue");
+function useAuthonPasskeys() {
+  const state = (0, import_vue6.inject)(AUTHON_KEY);
+  if (!state) {
+    throw new Error("useAuthonPasskeys() must be called inside a component tree with createAuthon() installed");
+  }
+  const s = state;
+  const isLoading = (0, import_vue6.ref)(false);
+  const error = (0, import_vue6.ref)(null);
+  async function wrap(fn) {
+    isLoading.value = true;
+    error.value = null;
+    try {
+      return await fn();
+    } catch (err) {
+      error.value = err instanceof Error ? err : new Error(String(err));
+      return null;
+    } finally {
+      isLoading.value = false;
+    }
+  }
+  async function registerPasskey(name) {
+    return wrap(() => s.client.registerPasskey(name));
+  }
+  async function authenticateWithPasskey(email) {
+    const result = await wrap(() => s.client.authenticateWithPasskey(email));
+    return result !== null;
+  }
+  async function listPasskeys() {
+    return wrap(() => s.client.listPasskeys());
+  }
+  async function renamePasskey(id, name) {
+    return wrap(() => s.client.renamePasskey(id, name));
+  }
+  async function revokePasskey(id) {
+    const result = await wrap(() => s.client.revokePasskey(id));
+    return result !== null;
+  }
+  return {
+    registerPasskey,
+    authenticateWithPasskey,
+    listPasskeys,
+    renamePasskey,
+    revokePasskey,
+    isLoading,
+    error
+  };
+}
+
+// src/components.ts
+var import_vue7 = require("vue");
+var AuthonSignIn = (0, import_vue7.defineComponent)({
   name: "AuthonSignIn",
   props: {
     mode: {
@@ -126,20 +275,20 @@ var AuthonSignIn = (0, import_vue3.defineComponent)({
   },
   setup(props) {
     const { client } = useAuthon();
-    (0, import_vue3.onMounted)(() => {
+    (0, import_vue7.onMounted)(() => {
       if (props.mode === "popup") {
         client?.openSignIn();
       }
     });
     return () => {
       if (props.mode === "embedded") {
-        return (0, import_vue3.h)("div", { id: "authon-signin-container" });
+        return (0, import_vue7.h)("div", { id: "authon-signin-container" });
       }
       return null;
     };
   }
 });
-var AuthonSignUp = (0, import_vue3.defineComponent)({
+var AuthonSignUp = (0, import_vue7.defineComponent)({
   name: "AuthonSignUp",
   props: {
     mode: {
@@ -149,25 +298,25 @@ var AuthonSignUp = (0, import_vue3.defineComponent)({
   },
   setup(props) {
     const { client } = useAuthon();
-    (0, import_vue3.onMounted)(() => {
+    (0, import_vue7.onMounted)(() => {
       if (props.mode === "popup") {
         client?.openSignUp();
       }
     });
     return () => {
       if (props.mode === "embedded") {
-        return (0, import_vue3.h)("div", { id: "authon-signup-container" });
+        return (0, import_vue7.h)("div", { id: "authon-signup-container" });
       }
       return null;
     };
   }
 });
-var AuthonUserButton = (0, import_vue3.defineComponent)({
+var AuthonUserButton = (0, import_vue7.defineComponent)({
   name: "AuthonUserButton",
   setup() {
     const { user, isSignedIn, signOut, openSignIn } = useAuthon();
-    const open = (0, import_vue3.ref)(false);
-    const initials = (0, import_vue3.computed)(() => {
+    const open = (0, import_vue7.ref)(false);
+    const initials = (0, import_vue7.computed)(() => {
       if (!user) return "?";
       const u = user;
       if (u.displayName) {
@@ -177,7 +326,7 @@ var AuthonUserButton = (0, import_vue3.defineComponent)({
     });
     return () => {
       if (!isSignedIn) {
-        return (0, import_vue3.h)(
+        return (0, import_vue7.h)(
           "button",
           {
             onClick: () => openSignIn(),
@@ -198,8 +347,8 @@ var AuthonUserButton = (0, import_vue3.defineComponent)({
       const avatarUrl = user?.avatarUrl;
       const displayName = user?.displayName;
       const email = user?.email;
-      return (0, import_vue3.h)("div", { style: { position: "relative", display: "inline-block" } }, [
-        (0, import_vue3.h)(
+      return (0, import_vue7.h)("div", { style: { position: "relative", display: "inline-block" } }, [
+        (0, import_vue7.h)(
           "button",
           {
             onClick: () => open.value = !open.value,
@@ -220,9 +369,9 @@ var AuthonUserButton = (0, import_vue3.defineComponent)({
               fontWeight: 700
             }
           },
-          avatarUrl ? [(0, import_vue3.h)("img", { src: avatarUrl, alt: displayName ?? "avatar", style: { width: "100%", height: "100%", objectFit: "cover" } })] : [initials.value]
+          avatarUrl ? [(0, import_vue7.h)("img", { src: avatarUrl, alt: displayName ?? "avatar", style: { width: "100%", height: "100%", objectFit: "cover" } })] : [initials.value]
         ),
-        open.value ? (0, import_vue3.h)(
+        open.value ? (0, import_vue7.h)(
           "div",
           {
             style: {
@@ -239,11 +388,11 @@ var AuthonUserButton = (0, import_vue3.defineComponent)({
             }
           },
           [
-            (0, import_vue3.h)("div", { style: { padding: "12px 16px", borderBottom: "1px solid #f3f4f6" } }, [
-              displayName && (0, import_vue3.h)("div", { style: { fontSize: "14px", fontWeight: 600, color: "#111827" } }, displayName),
-              email && (0, import_vue3.h)("div", { style: { fontSize: "12px", color: "#6b7280", marginTop: "2px" } }, email)
+            (0, import_vue7.h)("div", { style: { padding: "12px 16px", borderBottom: "1px solid #f3f4f6" } }, [
+              displayName && (0, import_vue7.h)("div", { style: { fontSize: "14px", fontWeight: 600, color: "#111827" } }, displayName),
+              email && (0, import_vue7.h)("div", { style: { fontSize: "12px", color: "#6b7280", marginTop: "2px" } }, email)
             ]),
-            (0, import_vue3.h)(
+            (0, import_vue7.h)(
               "button",
               {
                 onClick: async () => {
@@ -271,7 +420,7 @@ var AuthonUserButton = (0, import_vue3.defineComponent)({
     };
   }
 });
-var AuthonSignedIn = (0, import_vue3.defineComponent)({
+var AuthonSignedIn = (0, import_vue7.defineComponent)({
   name: "AuthonSignedIn",
   setup(_, { slots }) {
     const { isSignedIn, isLoading } = useAuthon();
@@ -281,7 +430,7 @@ var AuthonSignedIn = (0, import_vue3.defineComponent)({
     };
   }
 });
-var AuthonSignedOut = (0, import_vue3.defineComponent)({
+var AuthonSignedOut = (0, import_vue7.defineComponent)({
   name: "AuthonSignedOut",
   setup(_, { slots }) {
     const { isSignedIn, isLoading } = useAuthon();
@@ -293,10 +442,10 @@ var AuthonSignedOut = (0, import_vue3.defineComponent)({
 });
 
 // src/SocialButton.ts
-var import_vue4 = require("vue");
+var import_vue8 = require("vue");
 var import_shared = require("@authon/shared");
 var import_js2 = require("@authon/js");
-var AuthonSocialButton = (0, import_vue4.defineComponent)({
+var AuthonSocialButton = (0, import_vue8.defineComponent)({
   name: "AuthonSocialButton",
   props: {
     provider: { type: String, required: true },
@@ -311,16 +460,16 @@ var AuthonSocialButton = (0, import_vue4.defineComponent)({
     size: { type: Number, default: 48 }
   },
   setup(props) {
-    const colors = (0, import_vue4.computed)(() => import_shared.PROVIDER_COLORS[props.provider] || { bg: "#333", text: "#fff" });
-    const displayName = (0, import_vue4.computed)(() => import_shared.PROVIDER_DISPLAY_NAMES[props.provider] || props.provider);
-    const buttonLabel = (0, import_vue4.computed)(() => props.label ?? `Continue with ${displayName.value}`);
-    const needsBorder = (0, import_vue4.computed)(() => colors.value.bg.toLowerCase() === "#ffffff");
-    const resolvedIconSize = (0, import_vue4.computed)(() => props.iconSize ?? (props.compact ? 24 : 20));
-    const iconSvg = (0, import_vue4.computed)(() => {
+    const colors = (0, import_vue8.computed)(() => import_shared.PROVIDER_COLORS[props.provider] || { bg: "#333", text: "#fff" });
+    const displayName = (0, import_vue8.computed)(() => import_shared.PROVIDER_DISPLAY_NAMES[props.provider] || props.provider);
+    const buttonLabel = (0, import_vue8.computed)(() => props.label ?? `Continue with ${displayName.value}`);
+    const needsBorder = (0, import_vue8.computed)(() => colors.value.bg.toLowerCase() === "#ffffff");
+    const resolvedIconSize = (0, import_vue8.computed)(() => props.iconSize ?? (props.compact ? 24 : 20));
+    const iconSvg = (0, import_vue8.computed)(() => {
       const config = (0, import_js2.getProviderButtonConfig)(props.provider);
       return config.iconSvg.replace(/width="\d+"/, `width="${resolvedIconSize.value}"`).replace(/height="\d+"/, `height="${resolvedIconSize.value}"`);
     });
-    const spinner = () => (0, import_vue4.h)("span", {
+    const spinner = () => (0, import_vue8.h)("span", {
       style: {
         display: "inline-block",
         width: "16px",
@@ -331,14 +480,14 @@ var AuthonSocialButton = (0, import_vue4.defineComponent)({
         animation: "authon-spin 0.6s linear infinite"
       }
     });
-    const icon = () => (0, import_vue4.h)("span", {
+    const icon = () => (0, import_vue8.h)("span", {
       style: { display: "flex", alignItems: "center", flexShrink: 0 },
       innerHTML: iconSvg.value
     });
     return () => {
       const borderStyle = needsBorder.value ? { border: "1px solid #dadce0" } : {};
       if (props.compact) {
-        return (0, import_vue4.h)(
+        return (0, import_vue8.h)(
           "button",
           {
             style: {
@@ -362,7 +511,7 @@ var AuthonSocialButton = (0, import_vue4.defineComponent)({
           [props.loading ? spinner() : icon()]
         );
       }
-      return (0, import_vue4.h)(
+      return (0, import_vue8.h)(
         "button",
         {
           style: {
@@ -389,13 +538,13 @@ var AuthonSocialButton = (0, import_vue4.defineComponent)({
         },
         props.loading ? [spinner()] : [
           icon(),
-          (0, import_vue4.h)("span", { style: { fontSize: "15px", fontWeight: 600, whiteSpace: "nowrap" } }, buttonLabel.value)
+          (0, import_vue8.h)("span", { style: { fontSize: "15px", fontWeight: 600, whiteSpace: "nowrap" } }, buttonLabel.value)
         ]
       );
     };
   }
 });
-var AuthonSocialButtons = (0, import_vue4.defineComponent)({
+var AuthonSocialButtons = (0, import_vue8.defineComponent)({
   name: "AuthonSocialButtons",
   props: {
     onSuccess: { type: Function, default: void 0 },
@@ -406,10 +555,10 @@ var AuthonSocialButtons = (0, import_vue4.defineComponent)({
   },
   setup(props) {
     const { client } = useAuthon();
-    const providers = (0, import_vue4.ref)([]);
-    const loadingProvider = (0, import_vue4.ref)(null);
-    const resolvedGap = (0, import_vue4.computed)(() => props.gap ?? (props.compact ? 12 : 10));
-    (0, import_vue4.onMounted)(async () => {
+    const providers = (0, import_vue8.ref)([]);
+    const loadingProvider = (0, import_vue8.ref)(null);
+    const resolvedGap = (0, import_vue8.computed)(() => props.gap ?? (props.compact ? 12 : 10));
+    (0, import_vue8.onMounted)(async () => {
       if (client) {
         providers.value = await client.getProviders();
       }
@@ -430,11 +579,11 @@ var AuthonSocialButtons = (0, import_vue4.defineComponent)({
     return () => {
       if (providers.value.length === 0) return null;
       const containerStyle = props.compact ? { display: "flex", flexDirection: "row", flexWrap: "wrap", justifyContent: "center", gap: `${resolvedGap.value}px` } : { display: "flex", flexDirection: "column", gap: `${resolvedGap.value}px` };
-      return (0, import_vue4.h)(
+      return (0, import_vue8.h)(
         "div",
         { style: containerStyle },
         providers.value.map(
-          (provider) => (0, import_vue4.h)(AuthonSocialButton, {
+          (provider) => (0, import_vue8.h)(AuthonSocialButton, {
             key: provider,
             provider,
             onClick: handleClick,
@@ -460,6 +609,9 @@ var AuthonSocialButtons = (0, import_vue4.defineComponent)({
   AuthonUserButton,
   createAuthon,
   useAuthon,
+  useAuthonPasskeys,
+  useAuthonPasswordless,
+  useAuthonWeb3,
   useUser
 });
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/plugin.ts","../src/composables.ts","../src/components.ts","../src/SocialButton.ts"],"sourcesContent":["export { createAuthon, AUTHON_KEY } from './plugin';\nexport type { AuthonState, AuthonPluginOptions } from './plugin';\nexport { useAuthon, useUser } from './composables';\nexport {\n  AuthonSignIn,\n  AuthonSignUp,\n  AuthonUserButton,\n  AuthonSignedIn,\n  AuthonSignedOut,\n} from './components';\nexport { AuthonSocialButton, AuthonSocialButtons } from './SocialButton';\n","import type { App } from 'vue';\nimport { reactive } from 'vue';\nimport { Authon } from '@authon/js';\nimport type { AuthonConfig } from '@authon/js';\nimport type { AuthonUser } from '@authon/shared';\n\nexport const AUTHON_KEY = Symbol('authon');\n\nexport interface AuthonState {\n  isSignedIn: boolean;\n  isLoading: boolean;\n  user: AuthonUser | null;\n  client: Authon | null;\n}\n\nexport interface AuthonPluginOptions {\n  publishableKey: string;\n  config?: AuthonConfig;\n}\n\nexport function createAuthon(options: AuthonPluginOptions) {\n  const state = reactive<AuthonState>({\n    isSignedIn: false,\n    isLoading: true,\n    user: null,\n    client: null,\n  });\n\n  return {\n    install(app: App) {\n      const client = new Authon(options.publishableKey, options.config);\n      state.client = client as unknown as Authon;\n\n      client.on('signedIn', (user) => {\n        state.user = user as AuthonUser;\n        state.isSignedIn = true;\n        state.isLoading = false;\n      });\n\n      client.on('signedOut', () => {\n        state.user = null;\n        state.isSignedIn = false;\n      });\n\n      client.on('error', () => {\n        state.isLoading = false;\n      });\n\n      const existingUser = client.getUser();\n      if (existingUser) {\n        state.user = existingUser as AuthonUser;\n        state.isSignedIn = true;\n      }\n      state.isLoading = false;\n\n      app.provide(AUTHON_KEY, state);\n\n      app.config.globalProperties.$authon = state;\n    },\n  };\n}\n","import { inject, computed } from 'vue';\nimport type { ComputedRef } from 'vue';\nimport { AUTHON_KEY } from './plugin';\nimport type { AuthonState } from './plugin';\nimport type { AuthonUser } from '@authon/shared';\n\nfunction requireState(): AuthonState {\n  const state = inject<AuthonState>(AUTHON_KEY);\n  if (!state) {\n    throw new Error('useAuthon() must be called inside a component tree with createAuthon() installed');\n  }\n  return state;\n}\n\nexport function useAuthon(): AuthonState & {\n  signOut: () => Promise<void>;\n  openSignIn: () => Promise<void>;\n  openSignUp: () => Promise<void>;\n  getToken: () => string | null;\n} {\n  const s = requireState();\n\n  async function signOut(): Promise<void> {\n    await s.client?.signOut();\n    s.user = null;\n    s.isSignedIn = false;\n  }\n\n  async function openSignIn(): Promise<void> {\n    await s.client?.openSignIn();\n  }\n\n  async function openSignUp(): Promise<void> {\n    await s.client?.openSignUp();\n  }\n\n  function getToken(): string | null {\n    return s.client?.getToken() ?? null;\n  }\n\n  return {\n    ...s,\n    signOut,\n    openSignIn,\n    openSignUp,\n    getToken,\n  };\n}\n\nexport function useUser(): { user: ComputedRef<AuthonUser | null>; isLoading: ComputedRef<boolean> } {\n  const s = requireState();\n  return {\n    user: computed(() => s.user),\n    isLoading: computed(() => s.isLoading),\n  };\n}\n","import { defineComponent, h, onMounted, ref, computed } from 'vue';\nimport { useAuthon } from './composables';\n\nexport const AuthonSignIn = defineComponent({\n  name: 'AuthonSignIn',\n  props: {\n    mode: {\n      type: String as () => 'popup' | 'embedded',\n      default: 'popup',\n    },\n  },\n  setup(props) {\n    const { client } = useAuthon();\n\n    onMounted(() => {\n      if (props.mode === 'popup') {\n        client?.openSignIn();\n      }\n    });\n\n    return () => {\n      if (props.mode === 'embedded') {\n        return h('div', { id: 'authon-signin-container' });\n      }\n      return null;\n    };\n  },\n});\n\nexport const AuthonSignUp = defineComponent({\n  name: 'AuthonSignUp',\n  props: {\n    mode: {\n      type: String as () => 'popup' | 'embedded',\n      default: 'popup',\n    },\n  },\n  setup(props) {\n    const { client } = useAuthon();\n\n    onMounted(() => {\n      if (props.mode === 'popup') {\n        client?.openSignUp();\n      }\n    });\n\n    return () => {\n      if (props.mode === 'embedded') {\n        return h('div', { id: 'authon-signup-container' });\n      }\n      return null;\n    };\n  },\n});\n\nexport const AuthonUserButton = defineComponent({\n  name: 'AuthonUserButton',\n  setup() {\n    const { user, isSignedIn, signOut, openSignIn } = useAuthon();\n    const open = ref(false);\n\n    const initials = computed(() => {\n      if (!user) return '?';\n      const u = user as typeof user;\n      if ((u as { displayName?: string | null }).displayName) {\n        return ((u as { displayName: string }).displayName)\n          .split(' ')\n          .map((n: string) => n[0])\n          .join('')\n          .toUpperCase()\n          .slice(0, 2);\n      }\n      return ((u as { email?: string | null }).email?.[0] ?? '?').toUpperCase();\n    });\n\n    return () => {\n      if (!isSignedIn) {\n        return h(\n          'button',\n          {\n            onClick: () => openSignIn(),\n            style: {\n              padding: '8px 16px',\n              borderRadius: '8px',\n              border: 'none',\n              background: 'linear-gradient(135deg, #7c3aed, #4f46e5)',\n              color: '#fff',\n              cursor: 'pointer',\n              fontSize: '14px',\n              fontWeight: 600,\n            },\n          },\n          'Sign In',\n        );\n      }\n\n      const avatarUrl = (user as { avatarUrl?: string | null } | null)?.avatarUrl;\n      const displayName = (user as { displayName?: string | null } | null)?.displayName;\n      const email = (user as { email?: string | null } | null)?.email;\n\n      return h('div', { style: { position: 'relative', display: 'inline-block' } }, [\n        h(\n          'button',\n          {\n            onClick: () => (open.value = !open.value),\n            style: {\n              width: '36px',\n              height: '36px',\n              borderRadius: '50%',\n              border: '2px solid #7c3aed',\n              background: avatarUrl ? 'transparent' : 'linear-gradient(135deg, #7c3aed, #4f46e5)',\n              cursor: 'pointer',\n              padding: 0,\n              overflow: 'hidden',\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n              color: '#fff',\n              fontSize: '13px',\n              fontWeight: 700,\n            },\n          },\n          avatarUrl\n            ? [h('img', { src: avatarUrl, alt: displayName ?? 'avatar', style: { width: '100%', height: '100%', objectFit: 'cover' } })]\n            : [initials.value],\n        ),\n        open.value\n          ? h(\n              'div',\n              {\n                style: {\n                  position: 'absolute',\n                  right: 0,\n                  top: '44px',\n                  minWidth: '200px',\n                  background: '#fff',\n                  border: '1px solid #e5e7eb',\n                  borderRadius: '12px',\n                  boxShadow: '0 8px 24px rgba(0,0,0,0.12)',\n                  zIndex: 9999,\n                  overflow: 'hidden',\n                },\n              },\n              [\n                h('div', { style: { padding: '12px 16px', borderBottom: '1px solid #f3f4f6' } }, [\n                  displayName && h('div', { style: { fontSize: '14px', fontWeight: 600, color: '#111827' } }, displayName),\n                  email && h('div', { style: { fontSize: '12px', color: '#6b7280', marginTop: '2px' } }, email),\n                ]),\n                h(\n                  'button',\n                  {\n                    onClick: async () => {\n                      open.value = false;\n                      await signOut();\n                    },\n                    style: {\n                      display: 'block',\n                      width: '100%',\n                      padding: '10px 16px',\n                      textAlign: 'left',\n                      background: 'none',\n                      border: 'none',\n                      cursor: 'pointer',\n                      fontSize: '14px',\n                      color: '#ef4444',\n                      fontWeight: 500,\n                    },\n                  },\n                  'Sign out',\n                ),\n              ],\n            )\n          : null,\n      ]);\n    };\n  },\n});\n\nexport const AuthonSignedIn = defineComponent({\n  name: 'AuthonSignedIn',\n  setup(_, { slots }) {\n    const { isSignedIn, isLoading } = useAuthon();\n    return () => {\n      if (isLoading || !isSignedIn) return null;\n      return slots.default?.();\n    };\n  },\n});\n\nexport const AuthonSignedOut = defineComponent({\n  name: 'AuthonSignedOut',\n  setup(_, { slots }) {\n    const { isSignedIn, isLoading } = useAuthon();\n    return () => {\n      if (isLoading || isSignedIn) return null;\n      return slots.default?.();\n    };\n  },\n});\n","import { defineComponent, h, ref, computed, onMounted, type PropType } from 'vue';\nimport { PROVIDER_COLORS, PROVIDER_DISPLAY_NAMES, type OAuthProviderType } from '@authon/shared';\nimport { getProviderButtonConfig } from '@authon/js';\nimport { useAuthon } from './composables';\n\nexport const AuthonSocialButton = defineComponent({\n  name: 'AuthonSocialButton',\n  props: {\n    provider: { type: String as PropType<OAuthProviderType>, required: true },\n    onClick: { type: Function as PropType<(provider: OAuthProviderType) => void | Promise<void>>, required: true },\n    loading: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    label: { type: String, default: undefined },\n    compact: { type: Boolean, default: false },\n    iconSize: { type: Number, default: undefined },\n    borderRadius: { type: Number, default: 10 },\n    height: { type: Number, default: 48 },\n    size: { type: Number, default: 48 },\n  },\n  setup(props) {\n    const colors = computed(() => PROVIDER_COLORS[props.provider] || { bg: '#333', text: '#fff' });\n    const displayName = computed(() => PROVIDER_DISPLAY_NAMES[props.provider] || props.provider);\n    const buttonLabel = computed(() => props.label ?? `Continue with ${displayName.value}`);\n    const needsBorder = computed(() => colors.value.bg.toLowerCase() === '#ffffff');\n    const resolvedIconSize = computed(() => props.iconSize ?? (props.compact ? 24 : 20));\n\n    const iconSvg = computed(() => {\n      const config = getProviderButtonConfig(props.provider);\n      return config.iconSvg\n        .replace(/width=\"\\d+\"/, `width=\"${resolvedIconSize.value}\"`)\n        .replace(/height=\"\\d+\"/, `height=\"${resolvedIconSize.value}\"`);\n    });\n\n    const spinner = () =>\n      h('span', {\n        style: {\n          display: 'inline-block',\n          width: '16px',\n          height: '16px',\n          border: `2px solid ${colors.value.text}`,\n          borderTopColor: 'transparent',\n          borderRadius: '50%',\n          animation: 'authon-spin 0.6s linear infinite',\n        },\n      });\n\n    const icon = () =>\n      h('span', {\n        style: { display: 'flex', alignItems: 'center', flexShrink: 0 },\n        innerHTML: iconSvg.value,\n      });\n\n    return () => {\n      const borderStyle = needsBorder.value ? { border: '1px solid #dadce0' } : {};\n\n      if (props.compact) {\n        return h(\n          'button',\n          {\n            style: {\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n              border: 'none',\n              cursor: 'pointer',\n              transition: 'opacity 0.15s',\n              padding: 0,\n              backgroundColor: colors.value.bg,\n              borderRadius: `${props.borderRadius}px`,\n              width: `${props.size}px`,\n              height: `${props.size}px`,\n              ...borderStyle,\n            },\n            onClick: () => props.onClick(props.provider),\n            disabled: props.disabled || props.loading,\n            'aria-label': `Sign in with ${displayName.value}`,\n          },\n          [props.loading ? spinner() : icon()],\n        );\n      }\n\n      return h(\n        'button',\n        {\n          style: {\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            gap: '10px',\n            paddingLeft: '16px',\n            paddingRight: '16px',\n            border: 'none',\n            cursor: 'pointer',\n            fontFamily: 'inherit',\n            transition: 'opacity 0.15s',\n            width: '100%',\n            backgroundColor: colors.value.bg,\n            color: colors.value.text,\n            borderRadius: `${props.borderRadius}px`,\n            height: `${props.height}px`,\n            ...borderStyle,\n          },\n          onClick: () => props.onClick(props.provider),\n          disabled: props.disabled || props.loading,\n          'aria-label': `Sign in with ${displayName.value}`,\n        },\n        props.loading\n          ? [spinner()]\n          : [\n              icon(),\n              h('span', { style: { fontSize: '15px', fontWeight: 600, whiteSpace: 'nowrap' } }, buttonLabel.value),\n            ],\n      );\n    };\n  },\n});\n\nexport const AuthonSocialButtons = defineComponent({\n  name: 'AuthonSocialButtons',\n  props: {\n    onSuccess: { type: Function as PropType<() => void>, default: undefined },\n    onError: { type: Function as PropType<(error: Error) => void>, default: undefined },\n    gap: { type: Number, default: undefined },\n    compact: { type: Boolean, default: false },\n    labels: { type: Object as PropType<Partial<Record<OAuthProviderType, string>>>, default: undefined },\n  },\n  setup(props) {\n    const { client } = useAuthon();\n    const providers = ref<OAuthProviderType[]>([]);\n    const loadingProvider = ref<string | null>(null);\n    const resolvedGap = computed(() => props.gap ?? (props.compact ? 12 : 10));\n\n    onMounted(async () => {\n      if (client) {\n        providers.value = await client.getProviders();\n      }\n    });\n\n    const handleClick = async (provider: OAuthProviderType) => {\n      if (!client) return;\n      loadingProvider.value = provider;\n      try {\n        await client.signInWithOAuth(provider);\n        props.onSuccess?.();\n      } catch (e: any) {\n        const error = e instanceof Error ? e : new Error(String(e));\n        props.onError?.(error);\n      } finally {\n        loadingProvider.value = null;\n      }\n    };\n\n    return () => {\n      if (providers.value.length === 0) return null;\n\n      const containerStyle = props.compact\n        ? { display: 'flex', flexDirection: 'row' as const, flexWrap: 'wrap' as const, justifyContent: 'center', gap: `${resolvedGap.value}px` }\n        : { display: 'flex', flexDirection: 'column' as const, gap: `${resolvedGap.value}px` };\n\n      return h(\n        'div',\n        { style: containerStyle },\n        providers.value.map((provider) =>\n          h(AuthonSocialButton, {\n            key: provider,\n            provider,\n            onClick: handleClick,\n            loading: loadingProvider.value === provider,\n            disabled: !!loadingProvider.value,\n            compact: props.compact,\n            label: props.labels?.[provider],\n          }),\n        ),\n      );\n    };\n  },\n});\n"],"mappings":"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","names":["import_vue","import_vue","import_vue","import_js"]}
+{"version":3,"sources":["../src/index.ts","../src/plugin.ts","../src/composables.ts","../src/useAuthonWeb3.ts","../src/useAuthonPasswordless.ts","../src/useAuthonPasskeys.ts","../src/components.ts","../src/SocialButton.ts"],"sourcesContent":["export { createAuthon, AUTHON_KEY } from './plugin';\nexport type { AuthonState, AuthonPluginOptions } from './plugin';\nexport { useAuthon, useUser } from './composables';\nexport { useAuthonWeb3 } from './useAuthonWeb3';\nexport type { UseAuthonWeb3Return, LinkWalletParams } from './useAuthonWeb3';\nexport { useAuthonPasswordless } from './useAuthonPasswordless';\nexport type { UseAuthonPasswordlessReturn } from './useAuthonPasswordless';\nexport { useAuthonPasskeys } from './useAuthonPasskeys';\nexport type { UseAuthonPasskeysReturn } from './useAuthonPasskeys';\nexport {\n  AuthonSignIn,\n  AuthonSignUp,\n  AuthonUserButton,\n  AuthonSignedIn,\n  AuthonSignedOut,\n} from './components';\nexport { AuthonSocialButton, AuthonSocialButtons } from './SocialButton';\n","import type { App } from 'vue';\nimport { reactive } from 'vue';\nimport { Authon } from '@authon/js';\nimport type { AuthonConfig } from '@authon/js';\nimport type { AuthonUser } from '@authon/shared';\n\nexport const AUTHON_KEY = Symbol('authon');\n\nexport interface AuthonState {\n  isSignedIn: boolean;\n  isLoading: boolean;\n  user: AuthonUser | null;\n  client: Authon | null;\n}\n\nexport interface AuthonPluginOptions {\n  publishableKey: string;\n  config?: AuthonConfig;\n}\n\nexport function createAuthon(options: AuthonPluginOptions) {\n  const state = reactive<AuthonState>({\n    isSignedIn: false,\n    isLoading: true,\n    user: null,\n    client: null,\n  });\n\n  return {\n    install(app: App) {\n      const client = new Authon(options.publishableKey, options.config);\n      state.client = client as unknown as Authon;\n\n      client.on('signedIn', (user) => {\n        state.user = user as AuthonUser;\n        state.isSignedIn = true;\n        state.isLoading = false;\n      });\n\n      client.on('signedOut', () => {\n        state.user = null;\n        state.isSignedIn = false;\n      });\n\n      client.on('error', () => {\n        state.isLoading = false;\n      });\n\n      const existingUser = client.getUser();\n      if (existingUser) {\n        state.user = existingUser as AuthonUser;\n        state.isSignedIn = true;\n      }\n      state.isLoading = false;\n\n      app.provide(AUTHON_KEY, state);\n\n      app.config.globalProperties.$authon = state;\n    },\n  };\n}\n","import { inject, computed } from 'vue';\nimport type { ComputedRef } from 'vue';\nimport { AUTHON_KEY } from './plugin';\nimport type { AuthonState } from './plugin';\nimport type { AuthonUser } from '@authon/shared';\n\nfunction requireState(): AuthonState {\n  const state = inject<AuthonState>(AUTHON_KEY);\n  if (!state) {\n    throw new Error('useAuthon() must be called inside a component tree with createAuthon() installed');\n  }\n  return state;\n}\n\nexport function useAuthon(): AuthonState & {\n  signOut: () => Promise<void>;\n  openSignIn: () => Promise<void>;\n  openSignUp: () => Promise<void>;\n  getToken: () => string | null;\n} {\n  const s = requireState();\n\n  async function signOut(): Promise<void> {\n    await s.client?.signOut();\n    s.user = null;\n    s.isSignedIn = false;\n  }\n\n  async function openSignIn(): Promise<void> {\n    await s.client?.openSignIn();\n  }\n\n  async function openSignUp(): Promise<void> {\n    await s.client?.openSignUp();\n  }\n\n  function getToken(): string | null {\n    return s.client?.getToken() ?? null;\n  }\n\n  return {\n    ...s,\n    signOut,\n    openSignIn,\n    openSignUp,\n    getToken,\n  };\n}\n\nexport function useUser(): { user: ComputedRef<AuthonUser | null>; isLoading: ComputedRef<boolean> } {\n  const s = requireState();\n  return {\n    user: computed(() => s.user),\n    isLoading: computed(() => s.isLoading),\n  };\n}\n","import { ref } from 'vue';\nimport type { Ref } from 'vue';\nimport type { Web3Chain, Web3NonceResponse, Web3Wallet, Web3WalletType } from '@authon/shared';\nimport { AUTHON_KEY } from './plugin';\nimport type { AuthonState } from './plugin';\nimport { inject } from 'vue';\n\nexport interface LinkWalletParams {\n  address: string;\n  chain: Web3Chain;\n  walletType: Web3WalletType;\n  chainId?: number;\n  message: string;\n  signature: string;\n}\n\nexport interface UseAuthonWeb3Return {\n  getNonce: (\n    address: string,\n    chain: Web3Chain,\n    walletType: Web3WalletType,\n    chainId?: number,\n  ) => Promise<Web3NonceResponse | null>;\n  verify: (\n    message: string,\n    signature: string,\n    address: string,\n    chain: Web3Chain,\n    walletType: Web3WalletType,\n  ) => Promise<boolean>;\n  listWallets: () => Promise<Web3Wallet[] | null>;\n  linkWallet: (params: LinkWalletParams) => Promise<Web3Wallet | null>;\n  unlinkWallet: (walletId: string) => Promise<boolean>;\n  isLoading: Ref<boolean>;\n  error: Ref<Error | null>;\n}\n\nexport function useAuthonWeb3(): UseAuthonWeb3Return {\n  const state = inject<AuthonState>(AUTHON_KEY);\n  if (!state) {\n    throw new Error('useAuthonWeb3() must be called inside a component tree with createAuthon() installed');\n  }\n  const s = state;\n\n  const isLoading = ref<boolean>(false);\n  const error = ref<Error | null>(null);\n\n  async function wrap<T>(fn: () => Promise<T>): Promise<T | null> {\n    isLoading.value = true;\n    error.value = null;\n    try {\n      return await fn();\n    } catch (err) {\n      error.value = err instanceof Error ? err : new Error(String(err));\n      return null;\n    } finally {\n      isLoading.value = false;\n    }\n  }\n\n  async function getNonce(\n    address: string,\n    chain: Web3Chain,\n    walletType: Web3WalletType,\n    chainId?: number,\n  ): Promise<Web3NonceResponse | null> {\n    return wrap(() => s.client!.web3GetNonce(address, chain, walletType, chainId));\n  }\n\n  async function verify(\n    message: string,\n    signature: string,\n    address: string,\n    chain: Web3Chain,\n    walletType: Web3WalletType,\n  ): Promise<boolean> {\n    const result = await wrap(() =>\n      s.client!.web3Verify(message, signature, address, chain, walletType),\n    );\n    return result !== null;\n  }\n\n  async function listWallets(): Promise<Web3Wallet[] | null> {\n    return wrap(() => s.client!.listWallets());\n  }\n\n  async function linkWallet(params: LinkWalletParams): Promise<Web3Wallet | null> {\n    return wrap(() => s.client!.linkWallet(params));\n  }\n\n  async function unlinkWallet(walletId: string): Promise<boolean> {\n    const result = await wrap(() => s.client!.unlinkWallet(walletId));\n    return result !== null;\n  }\n\n  return {\n    getNonce,\n    verify,\n    listWallets,\n    linkWallet,\n    unlinkWallet,\n    isLoading,\n    error,\n  };\n}\n","import { ref, inject } from 'vue';\nimport type { Ref } from 'vue';\nimport { AUTHON_KEY } from './plugin';\nimport type { AuthonState } from './plugin';\n\nexport interface UseAuthonPasswordlessReturn {\n  sendMagicLink: (email: string) => Promise<boolean>;\n  sendEmailOtp: (email: string) => Promise<boolean>;\n  verifyPasswordless: (opts: { token?: string; email?: string; code?: string }) => Promise<boolean>;\n  isLoading: Ref<boolean>;\n  error: Ref<Error | null>;\n}\n\nexport function useAuthonPasswordless(): UseAuthonPasswordlessReturn {\n  const state = inject<AuthonState>(AUTHON_KEY);\n  if (!state) {\n    throw new Error('useAuthonPasswordless() must be called inside a component tree with createAuthon() installed');\n  }\n  const s = state;\n\n  const isLoading = ref<boolean>(false);\n  const error = ref<Error | null>(null);\n\n  async function wrap<T>(fn: () => Promise<T>): Promise<T | null> {\n    isLoading.value = true;\n    error.value = null;\n    try {\n      return await fn();\n    } catch (err) {\n      error.value = err instanceof Error ? err : new Error(String(err));\n      return null;\n    } finally {\n      isLoading.value = false;\n    }\n  }\n\n  async function sendMagicLink(email: string): Promise<boolean> {\n    const result = await wrap(() => s.client!.sendMagicLink(email));\n    return result !== null;\n  }\n\n  async function sendEmailOtp(email: string): Promise<boolean> {\n    const result = await wrap(() => s.client!.sendEmailOtp(email));\n    return result !== null;\n  }\n\n  async function verifyPasswordless(opts: {\n    token?: string;\n    email?: string;\n    code?: string;\n  }): Promise<boolean> {\n    const result = await wrap(() => s.client!.verifyPasswordless(opts));\n    return result !== null;\n  }\n\n  return {\n    sendMagicLink,\n    sendEmailOtp,\n    verifyPasswordless,\n    isLoading,\n    error,\n  };\n}\n","import { ref, inject } from 'vue';\nimport type { Ref } from 'vue';\nimport type { PasskeyCredential } from '@authon/shared';\nimport { AUTHON_KEY } from './plugin';\nimport type { AuthonState } from './plugin';\n\nexport interface UseAuthonPasskeysReturn {\n  registerPasskey: (name?: string) => Promise<PasskeyCredential | null>;\n  authenticateWithPasskey: (email?: string) => Promise<boolean>;\n  listPasskeys: () => Promise<PasskeyCredential[] | null>;\n  renamePasskey: (id: string, name: string) => Promise<PasskeyCredential | null>;\n  revokePasskey: (id: string) => Promise<boolean>;\n  isLoading: Ref<boolean>;\n  error: Ref<Error | null>;\n}\n\nexport function useAuthonPasskeys(): UseAuthonPasskeysReturn {\n  const state = inject<AuthonState>(AUTHON_KEY);\n  if (!state) {\n    throw new Error('useAuthonPasskeys() must be called inside a component tree with createAuthon() installed');\n  }\n  const s = state;\n\n  const isLoading = ref<boolean>(false);\n  const error = ref<Error | null>(null);\n\n  async function wrap<T>(fn: () => Promise<T>): Promise<T | null> {\n    isLoading.value = true;\n    error.value = null;\n    try {\n      return await fn();\n    } catch (err) {\n      error.value = err instanceof Error ? err : new Error(String(err));\n      return null;\n    } finally {\n      isLoading.value = false;\n    }\n  }\n\n  async function registerPasskey(name?: string): Promise<PasskeyCredential | null> {\n    return wrap(() => s.client!.registerPasskey(name));\n  }\n\n  async function authenticateWithPasskey(email?: string): Promise<boolean> {\n    const result = await wrap(() => s.client!.authenticateWithPasskey(email));\n    return result !== null;\n  }\n\n  async function listPasskeys(): Promise<PasskeyCredential[] | null> {\n    return wrap(() => s.client!.listPasskeys());\n  }\n\n  async function renamePasskey(id: string, name: string): Promise<PasskeyCredential | null> {\n    return wrap(() => s.client!.renamePasskey(id, name));\n  }\n\n  async function revokePasskey(id: string): Promise<boolean> {\n    const result = await wrap(() => s.client!.revokePasskey(id));\n    return result !== null;\n  }\n\n  return {\n    registerPasskey,\n    authenticateWithPasskey,\n    listPasskeys,\n    renamePasskey,\n    revokePasskey,\n    isLoading,\n    error,\n  };\n}\n","import { defineComponent, h, onMounted, ref, computed } from 'vue';\nimport { useAuthon } from './composables';\n\nexport const AuthonSignIn = defineComponent({\n  name: 'AuthonSignIn',\n  props: {\n    mode: {\n      type: String as () => 'popup' | 'embedded',\n      default: 'popup',\n    },\n  },\n  setup(props) {\n    const { client } = useAuthon();\n\n    onMounted(() => {\n      if (props.mode === 'popup') {\n        client?.openSignIn();\n      }\n    });\n\n    return () => {\n      if (props.mode === 'embedded') {\n        return h('div', { id: 'authon-signin-container' });\n      }\n      return null;\n    };\n  },\n});\n\nexport const AuthonSignUp = defineComponent({\n  name: 'AuthonSignUp',\n  props: {\n    mode: {\n      type: String as () => 'popup' | 'embedded',\n      default: 'popup',\n    },\n  },\n  setup(props) {\n    const { client } = useAuthon();\n\n    onMounted(() => {\n      if (props.mode === 'popup') {\n        client?.openSignUp();\n      }\n    });\n\n    return () => {\n      if (props.mode === 'embedded') {\n        return h('div', { id: 'authon-signup-container' });\n      }\n      return null;\n    };\n  },\n});\n\nexport const AuthonUserButton = defineComponent({\n  name: 'AuthonUserButton',\n  setup() {\n    const { user, isSignedIn, signOut, openSignIn } = useAuthon();\n    const open = ref(false);\n\n    const initials = computed(() => {\n      if (!user) return '?';\n      const u = user as typeof user;\n      if ((u as { displayName?: string | null }).displayName) {\n        return ((u as { displayName: string }).displayName)\n          .split(' ')\n          .map((n: string) => n[0])\n          .join('')\n          .toUpperCase()\n          .slice(0, 2);\n      }\n      return ((u as { email?: string | null }).email?.[0] ?? '?').toUpperCase();\n    });\n\n    return () => {\n      if (!isSignedIn) {\n        return h(\n          'button',\n          {\n            onClick: () => openSignIn(),\n            style: {\n              padding: '8px 16px',\n              borderRadius: '8px',\n              border: 'none',\n              background: 'linear-gradient(135deg, #7c3aed, #4f46e5)',\n              color: '#fff',\n              cursor: 'pointer',\n              fontSize: '14px',\n              fontWeight: 600,\n            },\n          },\n          'Sign In',\n        );\n      }\n\n      const avatarUrl = (user as { avatarUrl?: string | null } | null)?.avatarUrl;\n      const displayName = (user as { displayName?: string | null } | null)?.displayName;\n      const email = (user as { email?: string | null } | null)?.email;\n\n      return h('div', { style: { position: 'relative', display: 'inline-block' } }, [\n        h(\n          'button',\n          {\n            onClick: () => (open.value = !open.value),\n            style: {\n              width: '36px',\n              height: '36px',\n              borderRadius: '50%',\n              border: '2px solid #7c3aed',\n              background: avatarUrl ? 'transparent' : 'linear-gradient(135deg, #7c3aed, #4f46e5)',\n              cursor: 'pointer',\n              padding: 0,\n              overflow: 'hidden',\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n              color: '#fff',\n              fontSize: '13px',\n              fontWeight: 700,\n            },\n          },\n          avatarUrl\n            ? [h('img', { src: avatarUrl, alt: displayName ?? 'avatar', style: { width: '100%', height: '100%', objectFit: 'cover' } })]\n            : [initials.value],\n        ),\n        open.value\n          ? h(\n              'div',\n              {\n                style: {\n                  position: 'absolute',\n                  right: 0,\n                  top: '44px',\n                  minWidth: '200px',\n                  background: '#fff',\n                  border: '1px solid #e5e7eb',\n                  borderRadius: '12px',\n                  boxShadow: '0 8px 24px rgba(0,0,0,0.12)',\n                  zIndex: 9999,\n                  overflow: 'hidden',\n                },\n              },\n              [\n                h('div', { style: { padding: '12px 16px', borderBottom: '1px solid #f3f4f6' } }, [\n                  displayName && h('div', { style: { fontSize: '14px', fontWeight: 600, color: '#111827' } }, displayName),\n                  email && h('div', { style: { fontSize: '12px', color: '#6b7280', marginTop: '2px' } }, email),\n                ]),\n                h(\n                  'button',\n                  {\n                    onClick: async () => {\n                      open.value = false;\n                      await signOut();\n                    },\n                    style: {\n                      display: 'block',\n                      width: '100%',\n                      padding: '10px 16px',\n                      textAlign: 'left',\n                      background: 'none',\n                      border: 'none',\n                      cursor: 'pointer',\n                      fontSize: '14px',\n                      color: '#ef4444',\n                      fontWeight: 500,\n                    },\n                  },\n                  'Sign out',\n                ),\n              ],\n            )\n          : null,\n      ]);\n    };\n  },\n});\n\nexport const AuthonSignedIn = defineComponent({\n  name: 'AuthonSignedIn',\n  setup(_, { slots }) {\n    const { isSignedIn, isLoading } = useAuthon();\n    return () => {\n      if (isLoading || !isSignedIn) return null;\n      return slots.default?.();\n    };\n  },\n});\n\nexport const AuthonSignedOut = defineComponent({\n  name: 'AuthonSignedOut',\n  setup(_, { slots }) {\n    const { isSignedIn, isLoading } = useAuthon();\n    return () => {\n      if (isLoading || isSignedIn) return null;\n      return slots.default?.();\n    };\n  },\n});\n","import { defineComponent, h, ref, computed, onMounted, type PropType } from 'vue';\nimport { PROVIDER_COLORS, PROVIDER_DISPLAY_NAMES, type OAuthProviderType } from '@authon/shared';\nimport { getProviderButtonConfig } from '@authon/js';\nimport { useAuthon } from './composables';\n\nexport const AuthonSocialButton = defineComponent({\n  name: 'AuthonSocialButton',\n  props: {\n    provider: { type: String as PropType<OAuthProviderType>, required: true },\n    onClick: { type: Function as PropType<(provider: OAuthProviderType) => void | Promise<void>>, required: true },\n    loading: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    label: { type: String, default: undefined },\n    compact: { type: Boolean, default: false },\n    iconSize: { type: Number, default: undefined },\n    borderRadius: { type: Number, default: 10 },\n    height: { type: Number, default: 48 },\n    size: { type: Number, default: 48 },\n  },\n  setup(props) {\n    const colors = computed(() => PROVIDER_COLORS[props.provider] || { bg: '#333', text: '#fff' });\n    const displayName = computed(() => PROVIDER_DISPLAY_NAMES[props.provider] || props.provider);\n    const buttonLabel = computed(() => props.label ?? `Continue with ${displayName.value}`);\n    const needsBorder = computed(() => colors.value.bg.toLowerCase() === '#ffffff');\n    const resolvedIconSize = computed(() => props.iconSize ?? (props.compact ? 24 : 20));\n\n    const iconSvg = computed(() => {\n      const config = getProviderButtonConfig(props.provider);\n      return config.iconSvg\n        .replace(/width=\"\\d+\"/, `width=\"${resolvedIconSize.value}\"`)\n        .replace(/height=\"\\d+\"/, `height=\"${resolvedIconSize.value}\"`);\n    });\n\n    const spinner = () =>\n      h('span', {\n        style: {\n          display: 'inline-block',\n          width: '16px',\n          height: '16px',\n          border: `2px solid ${colors.value.text}`,\n          borderTopColor: 'transparent',\n          borderRadius: '50%',\n          animation: 'authon-spin 0.6s linear infinite',\n        },\n      });\n\n    const icon = () =>\n      h('span', {\n        style: { display: 'flex', alignItems: 'center', flexShrink: 0 },\n        innerHTML: iconSvg.value,\n      });\n\n    return () => {\n      const borderStyle = needsBorder.value ? { border: '1px solid #dadce0' } : {};\n\n      if (props.compact) {\n        return h(\n          'button',\n          {\n            style: {\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n              border: 'none',\n              cursor: 'pointer',\n              transition: 'opacity 0.15s',\n              padding: 0,\n              backgroundColor: colors.value.bg,\n              borderRadius: `${props.borderRadius}px`,\n              width: `${props.size}px`,\n              height: `${props.size}px`,\n              ...borderStyle,\n            },\n            onClick: () => props.onClick(props.provider),\n            disabled: props.disabled || props.loading,\n            'aria-label': `Sign in with ${displayName.value}`,\n          },\n          [props.loading ? spinner() : icon()],\n        );\n      }\n\n      return h(\n        'button',\n        {\n          style: {\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            gap: '10px',\n            paddingLeft: '16px',\n            paddingRight: '16px',\n            border: 'none',\n            cursor: 'pointer',\n            fontFamily: 'inherit',\n            transition: 'opacity 0.15s',\n            width: '100%',\n            backgroundColor: colors.value.bg,\n            color: colors.value.text,\n            borderRadius: `${props.borderRadius}px`,\n            height: `${props.height}px`,\n            ...borderStyle,\n          },\n          onClick: () => props.onClick(props.provider),\n          disabled: props.disabled || props.loading,\n          'aria-label': `Sign in with ${displayName.value}`,\n        },\n        props.loading\n          ? [spinner()]\n          : [\n              icon(),\n              h('span', { style: { fontSize: '15px', fontWeight: 600, whiteSpace: 'nowrap' } }, buttonLabel.value),\n            ],\n      );\n    };\n  },\n});\n\nexport const AuthonSocialButtons = defineComponent({\n  name: 'AuthonSocialButtons',\n  props: {\n    onSuccess: { type: Function as PropType<() => void>, default: undefined },\n    onError: { type: Function as PropType<(error: Error) => void>, default: undefined },\n    gap: { type: Number, default: undefined },\n    compact: { type: Boolean, default: false },\n    labels: { type: Object as PropType<Partial<Record<OAuthProviderType, string>>>, default: undefined },\n  },\n  setup(props) {\n    const { client } = useAuthon();\n    const providers = ref<OAuthProviderType[]>([]);\n    const loadingProvider = ref<string | null>(null);\n    const resolvedGap = computed(() => props.gap ?? (props.compact ? 12 : 10));\n\n    onMounted(async () => {\n      if (client) {\n        providers.value = await client.getProviders();\n      }\n    });\n\n    const handleClick = async (provider: OAuthProviderType) => {\n      if (!client) return;\n      loadingProvider.value = provider;\n      try {\n        await client.signInWithOAuth(provider);\n        props.onSuccess?.();\n      } catch (e: any) {\n        const error = e instanceof Error ? e : new Error(String(e));\n        props.onError?.(error);\n      } finally {\n        loadingProvider.value = null;\n      }\n    };\n\n    return () => {\n      if (providers.value.length === 0) return null;\n\n      const containerStyle = props.compact\n        ? { display: 'flex', flexDirection: 'row' as const, flexWrap: 'wrap' as const, justifyContent: 'center', gap: `${resolvedGap.value}px` }\n        : { display: 'flex', flexDirection: 'column' as const, gap: `${resolvedGap.value}px` };\n\n      return h(\n        'div',\n        { style: containerStyle },\n        providers.value.map((provider) =>\n          h(AuthonSocialButton, {\n            key: provider,\n            provider,\n            onClick: handleClick,\n            loading: loadingProvider.value === provider,\n            disabled: !!loadingProvider.value,\n            compact: props.compact,\n            label: props.labels?.[provider],\n          }),\n        ),\n      );\n    };\n  },\n});\n"],"mappings":"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","names":["import_vue","import_vue","import_vue","import_vue","import_vue","import_vue","import_vue","import_js"]}

package/dist/index.d.cts

@@ -1,7 +1,7 @@
 import * as vue from 'vue';
-import { App, ComputedRef, PropType } from 'vue';
+import { App, ComputedRef, Ref, PropType } from 'vue';
 import { AuthonConfig, Authon } from '@authon/js';
-import { AuthonUser, OAuthProviderType } from '@authon/shared';
+import { AuthonUser, Web3Chain, Web3WalletType, Web3NonceResponse, Web3Wallet, PasskeyCredential, OAuthProviderType } from '@authon/shared';
 
 declare const AUTHON_KEY: unique symbol;
 interface AuthonState {
@@ -29,6 +29,49 @@ declare function useUser(): {
     isLoading: ComputedRef<boolean>;
 };
 
+interface LinkWalletParams {
+    address: string;
+    chain: Web3Chain;
+    walletType: Web3WalletType;
+    chainId?: number;
+    message: string;
+    signature: string;
+}
+interface UseAuthonWeb3Return {
+    getNonce: (address: string, chain: Web3Chain, walletType: Web3WalletType, chainId?: number) => Promise<Web3NonceResponse | null>;
+    verify: (message: string, signature: string, address: string, chain: Web3Chain, walletType: Web3WalletType) => Promise<boolean>;
+    listWallets: () => Promise<Web3Wallet[] | null>;
+    linkWallet: (params: LinkWalletParams) => Promise<Web3Wallet | null>;
+    unlinkWallet: (walletId: string) => Promise<boolean>;
+    isLoading: Ref<boolean>;
+    error: Ref<Error | null>;
+}
+declare function useAuthonWeb3(): UseAuthonWeb3Return;
+
+interface UseAuthonPasswordlessReturn {
+    sendMagicLink: (email: string) => Promise<boolean>;
+    sendEmailOtp: (email: string) => Promise<boolean>;
+    verifyPasswordless: (opts: {
+        token?: string;
+        email?: string;
+        code?: string;
+    }) => Promise<boolean>;
+    isLoading: Ref<boolean>;
+    error: Ref<Error | null>;
+}
+declare function useAuthonPasswordless(): UseAuthonPasswordlessReturn;
+
+interface UseAuthonPasskeysReturn {
+    registerPasskey: (name?: string) => Promise<PasskeyCredential | null>;
+    authenticateWithPasskey: (email?: string) => Promise<boolean>;
+    listPasskeys: () => Promise<PasskeyCredential[] | null>;
+    renamePasskey: (id: string, name: string) => Promise<PasskeyCredential | null>;
+    revokePasskey: (id: string) => Promise<boolean>;
+    isLoading: Ref<boolean>;
+    error: Ref<Error | null>;
+}
+declare function useAuthonPasskeys(): UseAuthonPasskeysReturn;
+
 declare const AuthonSignIn: vue.DefineComponent<vue.ExtractPropTypes<{
     mode: {
         type: () => "popup" | "embedded";
@@ -215,4 +258,4 @@ declare const AuthonSocialButtons: vue.DefineComponent<vue.ExtractPropTypes<{
     labels: Partial<Record<"google" | "apple" | "kakao" | "naver" | "facebook" | "github" | "discord" | "x" | "line" | "microsoft", string>>;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-export { AUTHON_KEY, type AuthonPluginOptions, AuthonSignIn, AuthonSignUp, AuthonSignedIn, AuthonSignedOut, AuthonSocialButton, AuthonSocialButtons, type AuthonState, AuthonUserButton, createAuthon, useAuthon, useUser };
+export { AUTHON_KEY, type AuthonPluginOptions, AuthonSignIn, AuthonSignUp, AuthonSignedIn, AuthonSignedOut, AuthonSocialButton, AuthonSocialButtons, type AuthonState, AuthonUserButton, type LinkWalletParams, type UseAuthonPasskeysReturn, type UseAuthonPasswordlessReturn, type UseAuthonWeb3Return, createAuthon, useAuthon, useAuthonPasskeys, useAuthonPasswordless, useAuthonWeb3, useUser };