@authon/vue 0.2.1 → 0.3.1

package/dist/index.d.cts

@@ -1,7 +1,8 @@
 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 * as _authon_shared from '@authon/shared';
+import { AuthonUser, Web3Chain, Web3WalletType, Web3NonceResponse, Web3Wallet, PasskeyCredential, OAuthProviderType } from '@authon/shared';
 
 declare const AUTHON_KEY: unique symbol;
 interface AuthonState {
@@ -9,6 +10,8 @@ interface AuthonState {
     isLoading: boolean;
     user: AuthonUser | null;
     client: Authon | null;
+    publishableKey: string;
+    apiUrl: string;
 }
 interface AuthonPluginOptions {
     publishableKey: string;
@@ -29,35 +32,100 @@ 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";
-        default: string;
+    afterSignInUrl: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    appearance: {
+        type: () => AuthonConfig["appearance"];
+        default: undefined;
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    mode: {
-        type: () => "popup" | "embedded";
-        default: string;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "signIn"[], "signIn", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    afterSignInUrl: {
+        type: StringConstructor;
+        default: undefined;
     };
-}>> & Readonly<{}>, {
-    mode: "popup" | "embedded";
+    appearance: {
+        type: () => AuthonConfig["appearance"];
+        default: undefined;
+    };
+}>> & Readonly<{
+    onSignIn?: ((...args: any[]) => any) | undefined;
+}>, {
+    appearance: Partial<_authon_shared.BrandingConfig> | undefined;
+    afterSignInUrl: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 declare const AuthonSignUp: vue.DefineComponent<vue.ExtractPropTypes<{
-    mode: {
-        type: () => "popup" | "embedded";
-        default: string;
+    afterSignUpUrl: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    appearance: {
+        type: () => AuthonConfig["appearance"];
+        default: undefined;
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    mode: {
-        type: () => "popup" | "embedded";
-        default: string;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "signUp"[], "signUp", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    afterSignUpUrl: {
+        type: StringConstructor;
+        default: undefined;
     };
-}>> & Readonly<{}>, {
-    mode: "popup" | "embedded";
+    appearance: {
+        type: () => AuthonConfig["appearance"];
+        default: undefined;
+    };
+}>> & Readonly<{
+    onSignUp?: ((...args: any[]) => any) | undefined;
+}>, {
+    appearance: Partial<_authon_shared.BrandingConfig> | undefined;
+    afterSignUpUrl: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 declare const AuthonUserButton: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
@@ -155,11 +223,11 @@ declare const AuthonSocialButton: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>> & Readonly<{}>, {
     label: string;
+    borderRadius: number;
     loading: boolean;
     disabled: boolean;
     compact: boolean;
     iconSize: number;
-    borderRadius: number;
     height: number;
     size: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
@@ -215,4 +283,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 };

package/dist/index.d.ts

@@ -1,7 +1,8 @@
 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 * as _authon_shared from '@authon/shared';
+import { AuthonUser, Web3Chain, Web3WalletType, Web3NonceResponse, Web3Wallet, PasskeyCredential, OAuthProviderType } from '@authon/shared';
 
 declare const AUTHON_KEY: unique symbol;
 interface AuthonState {
@@ -9,6 +10,8 @@ interface AuthonState {
     isLoading: boolean;
     user: AuthonUser | null;
     client: Authon | null;
+    publishableKey: string;
+    apiUrl: string;
 }
 interface AuthonPluginOptions {
     publishableKey: string;
@@ -29,35 +32,100 @@ 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";
-        default: string;
+    afterSignInUrl: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    appearance: {
+        type: () => AuthonConfig["appearance"];
+        default: undefined;
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    mode: {
-        type: () => "popup" | "embedded";
-        default: string;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "signIn"[], "signIn", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    afterSignInUrl: {
+        type: StringConstructor;
+        default: undefined;
     };
-}>> & Readonly<{}>, {
-    mode: "popup" | "embedded";
+    appearance: {
+        type: () => AuthonConfig["appearance"];
+        default: undefined;
+    };
+}>> & Readonly<{
+    onSignIn?: ((...args: any[]) => any) | undefined;
+}>, {
+    appearance: Partial<_authon_shared.BrandingConfig> | undefined;
+    afterSignInUrl: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 declare const AuthonSignUp: vue.DefineComponent<vue.ExtractPropTypes<{
-    mode: {
-        type: () => "popup" | "embedded";
-        default: string;
+    afterSignUpUrl: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    appearance: {
+        type: () => AuthonConfig["appearance"];
+        default: undefined;
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    mode: {
-        type: () => "popup" | "embedded";
-        default: string;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "signUp"[], "signUp", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    afterSignUpUrl: {
+        type: StringConstructor;
+        default: undefined;
     };
-}>> & Readonly<{}>, {
-    mode: "popup" | "embedded";
+    appearance: {
+        type: () => AuthonConfig["appearance"];
+        default: undefined;
+    };
+}>> & Readonly<{
+    onSignUp?: ((...args: any[]) => any) | undefined;
+}>, {
+    appearance: Partial<_authon_shared.BrandingConfig> | undefined;
+    afterSignUpUrl: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 declare const AuthonUserButton: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
@@ -155,11 +223,11 @@ declare const AuthonSocialButton: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>> & Readonly<{}>, {
     label: string;
+    borderRadius: number;
     loading: boolean;
     disabled: boolean;
     compact: boolean;
     iconSize: number;
-    borderRadius: number;
     height: number;
     size: number;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
@@ -215,4 +283,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 };

package/dist/index.js

@@ -7,7 +7,9 @@ function createAuthon(options) {
     isSignedIn: false,
     isLoading: true,
     user: null,
-    client: null
+    client: null,
+    publishableKey: options.publishableKey,
+    apiUrl: options.config?.apiUrl ?? "https://api.authon.dev"
   });
   return {
     install(app) {
@@ -78,59 +80,242 @@ function useUser() {
   };
 }
 
+// src/useAuthonWeb3.ts
+import { ref } from "vue";
+import { inject as inject2 } from "vue";
+function useAuthonWeb3() {
+  const state = inject2(AUTHON_KEY);
+  if (!state) {
+    throw new Error("useAuthonWeb3() must be called inside a component tree with createAuthon() installed");
+  }
+  const s = state;
+  const isLoading = ref(false);
+  const error = 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
+import { ref as ref2, inject as inject3 } from "vue";
+function useAuthonPasswordless() {
+  const state = inject3(AUTHON_KEY);
+  if (!state) {
+    throw new Error("useAuthonPasswordless() must be called inside a component tree with createAuthon() installed");
+  }
+  const s = state;
+  const isLoading = ref2(false);
+  const error = ref2(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
+import { ref as ref3, inject as inject4 } from "vue";
+function useAuthonPasskeys() {
+  const state = inject4(AUTHON_KEY);
+  if (!state) {
+    throw new Error("useAuthonPasskeys() must be called inside a component tree with createAuthon() installed");
+  }
+  const s = state;
+  const isLoading = ref3(false);
+  const error = ref3(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
-import { defineComponent, h, onMounted, ref, computed as computed2 } from "vue";
+import { defineComponent, h, inject as inject5, onMounted, onUnmounted, ref as ref4, computed as computed2 } from "vue";
+import { Authon as Authon2 } from "@authon/js";
+var _embeddedCounter = 0;
+function requireState2() {
+  const state = inject5(AUTHON_KEY);
+  if (!state) {
+    throw new Error("AuthonSignIn/AuthonSignUp must be used inside a component tree with createAuthon() installed");
+  }
+  return state;
+}
 var AuthonSignIn = defineComponent({
   name: "AuthonSignIn",
   props: {
-    mode: {
-      type: String,
-      default: "popup"
-    }
+    afterSignInUrl: { type: String, default: void 0 },
+    appearance: { type: Object, default: void 0 }
   },
-  setup(props) {
-    const { client } = useAuthon();
+  emits: ["signIn"],
+  setup(props, { emit }) {
+    const state = requireState2();
+    const containerId = ref4(`authon-signin-${++_embeddedCounter}`);
+    let embeddedClient = null;
+    let cleanupSignedIn = null;
     onMounted(() => {
-      if (props.mode === "popup") {
-        client?.openSignIn();
-      }
+      embeddedClient = new Authon2(state.publishableKey, {
+        apiUrl: state.apiUrl,
+        mode: "embedded",
+        containerId: containerId.value,
+        appearance: props.appearance
+      });
+      cleanupSignedIn = embeddedClient.on("signedIn", (user) => {
+        state.user = user;
+        state.isSignedIn = true;
+        emit("signIn", user);
+        if (props.afterSignInUrl) {
+          window.location.href = props.afterSignInUrl;
+        }
+      });
+      embeddedClient.openSignIn();
     });
-    return () => {
-      if (props.mode === "embedded") {
-        return h("div", { id: "authon-signin-container" });
-      }
-      return null;
-    };
+    onUnmounted(() => {
+      cleanupSignedIn?.();
+      embeddedClient?.destroy();
+      embeddedClient = null;
+    });
+    return () => h("div", { id: containerId.value });
   }
 });
 var AuthonSignUp = defineComponent({
   name: "AuthonSignUp",
   props: {
-    mode: {
-      type: String,
-      default: "popup"
-    }
+    afterSignUpUrl: { type: String, default: void 0 },
+    appearance: { type: Object, default: void 0 }
   },
-  setup(props) {
-    const { client } = useAuthon();
+  emits: ["signUp"],
+  setup(props, { emit }) {
+    const state = requireState2();
+    const containerId = ref4(`authon-signup-${++_embeddedCounter}`);
+    let embeddedClient = null;
+    let cleanupSignedIn = null;
     onMounted(() => {
-      if (props.mode === "popup") {
-        client?.openSignUp();
-      }
+      embeddedClient = new Authon2(state.publishableKey, {
+        apiUrl: state.apiUrl,
+        mode: "embedded",
+        containerId: containerId.value,
+        appearance: props.appearance
+      });
+      cleanupSignedIn = embeddedClient.on("signedIn", (user) => {
+        state.user = user;
+        state.isSignedIn = true;
+        emit("signUp", user);
+        if (props.afterSignUpUrl) {
+          window.location.href = props.afterSignUpUrl;
+        }
+      });
+      embeddedClient.openSignUp();
     });
-    return () => {
-      if (props.mode === "embedded") {
-        return h("div", { id: "authon-signup-container" });
-      }
-      return null;
-    };
+    onUnmounted(() => {
+      cleanupSignedIn?.();
+      embeddedClient?.destroy();
+      embeddedClient = null;
+    });
+    return () => h("div", { id: containerId.value });
   }
 });
 var AuthonUserButton = defineComponent({
   name: "AuthonUserButton",
   setup() {
     const { user, isSignedIn, signOut, openSignIn } = useAuthon();
-    const open = ref(false);
+    const open = ref4(false);
     const initials = computed2(() => {
       if (!user) return "?";
       const u = user;
@@ -257,7 +442,7 @@ var AuthonSignedOut = defineComponent({
 });
 
 // src/SocialButton.ts
-import { defineComponent as defineComponent2, h as h2, ref as ref2, computed as computed3, onMounted as onMounted2 } from "vue";
+import { defineComponent as defineComponent2, h as h2, ref as ref5, computed as computed3, onMounted as onMounted2 } from "vue";
 import { PROVIDER_COLORS, PROVIDER_DISPLAY_NAMES } from "@authon/shared";
 import { getProviderButtonConfig } from "@authon/js";
 var AuthonSocialButton = defineComponent2({
@@ -370,8 +555,8 @@ var AuthonSocialButtons = defineComponent2({
   },
   setup(props) {
     const { client } = useAuthon();
-    const providers = ref2([]);
-    const loadingProvider = ref2(null);
+    const providers = ref5([]);
+    const loadingProvider = ref5(null);
     const resolvedGap = computed3(() => props.gap ?? (props.compact ? 12 : 10));
     onMounted2(async () => {
       if (client) {
@@ -423,6 +608,9 @@ export {
   AuthonUserButton,
   createAuthon,
   useAuthon,
+  useAuthonPasskeys,
+  useAuthonPasswordless,
+  useAuthonWeb3,
   useUser
 };
 //# sourceMappingURL=index.js.map