@drmhse/authos-vue 0.2.7 → 0.8.0

package/dist/index.mjs

@@ -1,12 +1,12 @@
-import { AUTH_OS_INJECTION_KEY, useAuthOS } from './chunk-YED35B36.mjs';
-export { AUTH_OS_INJECTION_KEY, useAuthOS } from './chunk-YED35B36.mjs';
-import './chunk-6DZX6EAA.mjs';
-import { defineComponent, reactive, provide, onMounted, onUnmounted, h, ref, computed, inject, nextTick } from 'vue';
-import { SsoClient, BrowserStorage, MemoryStorage, SsoApiError } from '@drmhse/sso-sdk';
-export { AuthErrorCodes, BrowserStorage, MemoryStorage, SsoApiError } from '@drmhse/sso-sdk';
-
-// src/styles.ts
-var AUTHOS_STYLES = `
+import { n as AUTH_OS_INJECTION_KEY, t as useAuthOS } from "./useAuthOS-DEOIm_-6.mjs";
+import { computed, defineComponent, h, inject, nextTick, onMounted, onUnmounted, provide, reactive, ref } from "vue";
+import { AuthErrorCodes, BrowserStorage, BrowserStorage as BrowserStorage$1, MemoryStorage, MemoryStorage as MemoryStorage$1, SsoApiError, SsoApiError as SsoApiError$1, SsoClient } from "@drmhse/sso-sdk";
+//#region src/styles.ts
+/**
+* Built-in styles for AuthOS Vue components.
+* Provides polished default styling with CSS custom properties for theming.
+*/
+const AUTHOS_STYLES = `
 /* ==========================================================================
    AuthOS Component Styles
    CSS Variables + Default Theme
@@ -435,1204 +435,1287 @@ var AUTHOS_STYLES = `
   opacity: 0.6;
 }
 `;
-var stylesInjected = false;
+/**
+* Injects the AuthOS styles into the document head.
+* Only injects once, even if called multiple times.
+*/
+let stylesInjected = false;
 function injectStyles() {
-  if (stylesInjected) return;
-  if (typeof document === "undefined") return;
-  const styleElement = document.createElement("style");
-  styleElement.setAttribute("data-authos-styles", "");
-  styleElement.textContent = AUTHOS_STYLES;
-  document.head.appendChild(styleElement);
-  stylesInjected = true;
+	if (stylesInjected) return;
+	if (typeof document === "undefined") return;
+	const styleElement = document.createElement("style");
+	styleElement.setAttribute("data-authos-styles", "");
+	styleElement.textContent = AUTHOS_STYLES;
+	document.head.appendChild(styleElement);
+	stylesInjected = true;
 }
+/**
+* Applies custom CSS variable overrides for theming.
+*/
 function applyVariables(variables) {
-  if (typeof document === "undefined") return;
-  const root = document.documentElement;
-  for (const [key, value] of Object.entries(variables)) {
-    const cssVar = `--authos-${key.replace(/([A-Z])/g, "-$1").toLowerCase()}`;
-    root.style.setProperty(cssVar, value);
-  }
+	if (typeof document === "undefined") return;
+	const root = document.documentElement;
+	for (const [key, value] of Object.entries(variables)) {
+		const cssVar = `--authos-${key.replace(/([A-Z])/g, "-$1").toLowerCase()}`;
+		root.style.setProperty(cssVar, value);
+	}
 }
-
-// src/plugin.ts
+//#endregion
+//#region src/plugin.ts
 function createAuthOS(options) {
-  const getStorage = () => {
-    if (options.storage) return options.storage;
-    try {
-      if (typeof window !== "undefined" && window.localStorage) {
-        return new BrowserStorage();
-      }
-    } catch {
-    }
-    return new MemoryStorage();
-  };
-  const client = new SsoClient({
-    baseURL: options.baseURL,
-    storage: getStorage(),
-    token: options.initialToken
-    // Pass initial token if provided
-  });
-  let hasSetInitialToken = false;
-  const setInitialToken = async () => {
-    if (options.initialToken && !hasSetInitialToken) {
-      await client.setSession({ access_token: options.initialToken });
-      hasSetInitialToken = true;
-    }
-  };
-  const state = reactive({
-    user: null,
-    isAuthenticated: false,
-    isLoading: !options.initialToken,
-    // Skip loading if we have initial token
-    currentOrganization: null,
-    organizations: []
-  });
-  const context = {
-    client,
-    state,
-    options
-  };
-  return {
-    install(app) {
-      injectStyles();
-      if (options.appearance?.variables) {
-        applyVariables(options.appearance.variables);
-      }
-      if (options.org && !options.service) {
-        console.warn(
-          '[AuthOS] You provided "org" but not "service". OAuth flows may not work correctly.'
-        );
-      }
-      if (!options.org && options.service) {
-        console.warn(
-          '[AuthOS] You provided "service" but not "org". OAuth flows may not work correctly.'
-        );
-      }
-      nextTick(() => {
-        setInitialToken();
-      });
-      client.onAuthStateChange(async (isAuthenticated) => {
-        state.isAuthenticated = isAuthenticated;
-        state.isLoading = false;
-        if (isAuthenticated) {
-          try {
-            const profile = await client.user.getProfile();
-            state.user = profile;
-          } catch {
-            state.user = null;
-          }
-          try {
-            const orgs = await client.organizations.list();
-            state.organizations = orgs;
-            if (orgs.length > 0 && !state.currentOrganization) {
-              state.currentOrganization = orgs[0];
-            }
-          } catch {
-            state.organizations = [];
-          }
-        } else {
-          state.user = null;
-          state.currentOrganization = null;
-          state.organizations = [];
-        }
-      });
-      app.provide(AUTH_OS_INJECTION_KEY, context);
-      app.config.globalProperties.$authOS = context;
-    }
-  };
+	const getStorage = () => {
+		if (options.storage) return options.storage;
+		try {
+			if (typeof window !== "undefined" && window.localStorage) return new BrowserStorage$1();
+		} catch {}
+		return new MemoryStorage$1();
+	};
+	const client = new SsoClient({
+		baseURL: options.baseURL,
+		storage: getStorage(),
+		token: options.initialToken
+	});
+	let hasSetInitialToken = false;
+	const setInitialToken = async () => {
+		if (options.initialToken && !hasSetInitialToken) {
+			await client.setSession({ access_token: options.initialToken });
+			hasSetInitialToken = true;
+		}
+	};
+	const state = reactive({
+		user: null,
+		isAuthenticated: false,
+		isLoading: !options.initialToken,
+		currentOrganization: null,
+		organizations: []
+	});
+	const context = {
+		client,
+		state,
+		options
+	};
+	return { install(app) {
+		injectStyles();
+		if (options.appearance?.variables) applyVariables(options.appearance.variables);
+		if (options.org && !options.service) console.warn("[AuthOS] You provided \"org\" but not \"service\". OAuth flows may not work correctly.");
+		if (!options.org && options.service) console.warn("[AuthOS] You provided \"service\" but not \"org\". OAuth flows may not work correctly.");
+		nextTick(() => {
+			setInitialToken();
+		});
+		client.onAuthStateChange(async (isAuthenticated) => {
+			state.isAuthenticated = isAuthenticated;
+			state.isLoading = false;
+			if (isAuthenticated) {
+				try {
+					state.user = await client.user.getProfile();
+				} catch {
+					state.user = null;
+				}
+				try {
+					const orgs = await client.organizations.list();
+					state.organizations = orgs;
+					if (orgs.length > 0 && !state.currentOrganization) state.currentOrganization = orgs[0];
+				} catch {
+					state.organizations = [];
+				}
+			} else {
+				state.user = null;
+				state.currentOrganization = null;
+				state.organizations = [];
+			}
+		});
+		app.provide(AUTH_OS_INJECTION_KEY, context);
+		app.config.globalProperties.$authOS = context;
+	} };
 }
+//#endregion
+//#region src/composables/useUser.ts
 function useUser() {
-  const context = inject(AUTH_OS_INJECTION_KEY);
-  if (!context) {
-    return {
-      user: ref(null),
-      isLoading: computed(() => false)
-    };
-  }
-  const user = computed(() => context.state.user);
-  const isLoading = computed(() => context.state.isLoading);
-  return {
-    user,
-    isLoading
-  };
+	const context = inject(AUTH_OS_INJECTION_KEY);
+	if (!context) return {
+		user: ref(null),
+		isLoading: computed(() => false)
+	};
+	return {
+		user: computed(() => context.state.user),
+		isLoading: computed(() => context.state.isLoading)
+	};
 }
+//#endregion
+//#region src/composables/useOrganization.ts
+/**
+* Composable to access the current organization context and switch between organizations.
+*
+* When switching organizations, this calls the backend to issue new JWT tokens
+* with the organization context, enabling seamless organization switching without
+* requiring re-authentication.
+*
+* @returns The current organization and a function to switch organizations
+*
+* @example
+* ```vue
+* <script setup>
+* import { useOrganization } from '@drmhse/authos-vue';
+*
+* const { currentOrganization, switchOrganization, isSwitching } = useOrganization();
+* <\/script>
+* ```
+*/
 function useOrganization() {
-  const context = inject(AUTH_OS_INJECTION_KEY);
-  if (!context) {
-    return {
-      currentOrganization: ref(null),
-      organizations: ref([]),
-      switchOrganization: async () => null,
-      isSwitching: ref(false)
-    };
-  }
-  const currentOrganization = computed(() => context.state.currentOrganization);
-  const organizations = computed(() => context.state.organizations);
-  const isSwitching = ref(false);
-  async function switchOrganization(slug) {
-    if (!context) return;
-    isSwitching.value = true;
-    try {
-      const result = await context.client.organizations.select(slug);
-      await context.client.setSession({
-        access_token: result.access_token,
-        refresh_token: result.refresh_token
-      });
-      const orgResponse = await context.client.organizations.get(slug);
-      context.state.currentOrganization = orgResponse;
-      return orgResponse;
-    } finally {
-      isSwitching.value = false;
-    }
-  }
-  return {
-    currentOrganization,
-    organizations,
-    switchOrganization,
-    isSwitching
-  };
+	const context = inject(AUTH_OS_INJECTION_KEY);
+	if (!context) return {
+		currentOrganization: ref(null),
+		organizations: ref([]),
+		switchOrganization: async () => null,
+		isSwitching: ref(false)
+	};
+	const currentOrganization = computed(() => context.state.currentOrganization);
+	const organizations = computed(() => context.state.organizations);
+	const isSwitching = ref(false);
+	async function switchOrganization(slug) {
+		if (!context) return;
+		isSwitching.value = true;
+		try {
+			const result = await context.client.organizations.select(slug);
+			await context.client.setSession({
+				access_token: result.access_token,
+				refresh_token: result.refresh_token
+			});
+			const orgResponse = await context.client.organizations.get(slug);
+			context.state.currentOrganization = orgResponse;
+			return orgResponse;
+		} finally {
+			isSwitching.value = false;
+		}
+	}
+	return {
+		currentOrganization,
+		organizations,
+		switchOrganization,
+		isSwitching
+	};
 }
+//#endregion
+//#region src/composables/usePermission.ts
+/**
+* Check if the current user has a specific permission.
+*
+* @param permission The permission to check
+* @returns A computed ref that is true if the user has the permission
+*
+* @example
+* ```vue
+* <script setup>
+* import { usePermission } from '@drmhse/authos-vue';
+*
+* const canAccessAdmin = usePermission('admin:access');
+* <\/script>
+*
+* <template>
+*   <button v-if="canAccessAdmin">Admin Panel</button>
+* </template>
+* ```
+*/
 function usePermission(permission) {
-  const { user } = useUser();
-  return computed(() => {
-    if (!user.value || !permission) return false;
-    return user.value.permissions?.includes(permission) ?? false;
-  });
+	const { user } = useUser();
+	return computed(() => {
+		if (!user.value || !permission) return false;
+		return user.value.permissions?.includes(permission) ?? false;
+	});
 }
+/**
+* Check if the current user has any of the specified permissions.
+*
+* @param permissions The permissions to check
+* @returns A computed ref that is true if the user has any of the permissions
+*
+* @example
+* ```vue
+* <script setup>
+* import { useAnyPermission } from '@drmhse/authos-vue';
+*
+* const canAccessReports = useAnyPermission(['reports:read', 'admin:access']);
+* <\/script>
+* ```
+*/
 function useAnyPermission(permissions) {
-  const { user } = useUser();
-  return computed(() => {
-    if (!user.value || permissions.length === 0) return false;
-    return permissions.some((p) => user.value?.permissions?.includes(p));
-  });
+	const { user } = useUser();
+	return computed(() => {
+		if (!user.value || permissions.length === 0) return false;
+		return permissions.some((p) => user.value?.permissions?.includes(p));
+	});
 }
+/**
+* Check if the current user has all of the specified permissions.
+*
+* @param permissions The permissions to check
+* @returns A computed ref that is true if the user has all of the permissions
+*
+* @example
+* ```vue
+* <script setup>
+* import { useAllPermissions } from '@drmhse/authos-vue';
+*
+* const canManageBilling = useAllPermissions(['billing:read', 'billing:write']);
+* <\/script>
+* ```
+*/
 function useAllPermissions(permissions) {
-  const { user } = useUser();
-  return computed(() => {
-    if (!user.value || permissions.length === 0) return false;
-    return permissions.every((p) => user.value?.permissions?.includes(p));
-  });
+	const { user } = useUser();
+	return computed(() => {
+		if (!user.value || permissions.length === 0) return false;
+		return permissions.every((p) => user.value?.permissions?.includes(p));
+	});
 }
-var AuthOSProvider = defineComponent({
-  name: "AuthOSProvider",
-  props: {
-    baseURL: {
-      type: String,
-      required: true
-    },
-    org: {
-      type: String,
-      default: void 0
-    },
-    service: {
-      type: String,
-      default: void 0
-    },
-    redirectUri: {
-      type: String,
-      default: void 0
-    },
-    storage: {
-      type: Object,
-      default: void 0
-    },
-    client: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(props, { slots }) {
-    const getStorage = () => {
-      if (props.storage) return props.storage;
-      if (typeof window !== "undefined") return new BrowserStorage();
-      return new MemoryStorage();
-    };
-    const client = props.client ?? new SsoClient({
-      baseURL: props.baseURL,
-      storage: getStorage()
-    });
-    const state = reactive({
-      user: null,
-      isAuthenticated: false,
-      isLoading: true,
-      currentOrganization: null,
-      organizations: []
-    });
-    const options = {
-      baseURL: props.baseURL,
-      org: props.org,
-      service: props.service,
-      redirectUri: props.redirectUri
-    };
-    const context = { client, state, options };
-    provide(AUTH_OS_INJECTION_KEY, context);
-    let unsubscribe;
-    onMounted(() => {
-      unsubscribe = client.onAuthStateChange(async (isAuthenticated) => {
-        state.isAuthenticated = isAuthenticated;
-        state.isLoading = false;
-        if (isAuthenticated) {
-          try {
-            const profile = await client.user.getProfile();
-            state.user = profile;
-          } catch {
-            state.user = null;
-          }
-          try {
-            const orgs = await client.organizations.list();
-            state.organizations = orgs;
-            if (orgs.length > 0 && !state.currentOrganization) {
-              state.currentOrganization = orgs[0];
-            }
-          } catch {
-            state.organizations = [];
-          }
-        } else {
-          state.user = null;
-          state.currentOrganization = null;
-          state.organizations = [];
-        }
-      });
-    });
-    onUnmounted(() => {
-      unsubscribe?.();
-    });
-    return () => slots.default ? slots.default() : h("div");
-  }
+//#endregion
+//#region src/components/AuthOSProvider.ts
+const AuthOSProvider = defineComponent({
+	name: "AuthOSProvider",
+	props: {
+		baseURL: {
+			type: String,
+			required: true
+		},
+		org: {
+			type: String,
+			default: void 0
+		},
+		service: {
+			type: String,
+			default: void 0
+		},
+		redirectUri: {
+			type: String,
+			default: void 0
+		},
+		storage: {
+			type: Object,
+			default: void 0
+		},
+		client: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props, { slots }) {
+		const getStorage = () => {
+			if (props.storage) return props.storage;
+			if (typeof window !== "undefined") return new BrowserStorage$1();
+			return new MemoryStorage$1();
+		};
+		const client = props.client ?? new SsoClient({
+			baseURL: props.baseURL,
+			storage: getStorage()
+		});
+		const state = reactive({
+			user: null,
+			isAuthenticated: false,
+			isLoading: true,
+			currentOrganization: null,
+			organizations: []
+		});
+		provide(AUTH_OS_INJECTION_KEY, {
+			client,
+			state,
+			options: {
+				baseURL: props.baseURL,
+				org: props.org,
+				service: props.service,
+				redirectUri: props.redirectUri
+			}
+		});
+		let unsubscribe;
+		onMounted(() => {
+			unsubscribe = client.onAuthStateChange(async (isAuthenticated) => {
+				state.isAuthenticated = isAuthenticated;
+				state.isLoading = false;
+				if (isAuthenticated) {
+					try {
+						state.user = await client.user.getProfile();
+					} catch {
+						state.user = null;
+					}
+					try {
+						const orgs = await client.organizations.list();
+						state.organizations = orgs;
+						if (orgs.length > 0 && !state.currentOrganization) state.currentOrganization = orgs[0];
+					} catch {
+						state.organizations = [];
+					}
+				} else {
+					state.user = null;
+					state.currentOrganization = null;
+					state.organizations = [];
+				}
+			});
+		});
+		onUnmounted(() => {
+			unsubscribe?.();
+		});
+		return () => slots.default ? slots.default() : h("div");
+	}
 });
-var MFA_PREAUTH_EXPIRY = 300;
-var SignIn = defineComponent({
-  name: "SignIn",
-  props: {
-    onSuccess: {
-      type: Function,
-      default: void 0
-    },
-    onError: {
-      type: Function,
-      default: void 0
-    }
-  },
-  emits: ["success", "error"],
-  setup(props, { slots, emit }) {
-    const { client, options } = useAuthOS();
-    const email = ref("");
-    const password = ref("");
-    const mfaCode = ref("");
-    const preauthToken = ref("");
-    const step = ref("credentials");
-    const error = ref(null);
-    const isSubmitting = ref(false);
-    async function submit() {
-      error.value = null;
-      isSubmitting.value = true;
-      try {
-        if (step.value === "credentials") {
-          const result = await client.auth.login({
-            email: email.value,
-            password: password.value,
-            org_slug: options.org,
-            service_slug: options.service
-          });
-          if (result.expires_in === MFA_PREAUTH_EXPIRY) {
-            preauthToken.value = result.access_token;
-            step.value = "mfa";
-          } else {
-            emit("success");
-            props.onSuccess?.();
-          }
-        } else {
-          await client.auth.verifyMfa(preauthToken.value, mfaCode.value);
-          emit("success");
-          props.onSuccess?.();
-        }
-      } catch (err) {
-        const message = err instanceof SsoApiError ? err.message : "Login failed";
-        error.value = message;
-        const e = err instanceof Error ? err : new Error(message);
-        emit("error", e);
-        props.onError?.(e);
-      } finally {
-        isSubmitting.value = false;
-      }
-    }
-    return () => {
-      const slotProps = {
-        email: email.value,
-        password: password.value,
-        mfaCode: mfaCode.value,
-        step: step.value,
-        error: error.value,
-        isSubmitting: isSubmitting.value,
-        updateEmail: (v) => email.value = v,
-        updatePassword: (v) => password.value = v,
-        updateMfaCode: (v) => mfaCode.value = v,
-        submit
-      };
-      if (slots.default) {
-        return slots.default(slotProps);
-      }
-      if (step.value === "mfa") {
-        return h("div", { "data-authos-signin": "", "data-state": "mfa" }, [
-          h("form", { onSubmit: (e) => {
-            e.preventDefault();
-            submit();
-          } }, [
-            h("div", { "data-authos-field": "mfa-code" }, [
-              h("label", { for: "authos-mfa-code" }, "Verification Code"),
-              h("input", {
-                id: "authos-mfa-code",
-                type: "text",
-                inputMode: "numeric",
-                autocomplete: "one-time-code",
-                value: mfaCode.value,
-                placeholder: "Enter 6-digit code",
-                required: true,
-                disabled: isSubmitting.value,
-                onInput: (e) => mfaCode.value = e.target.value
-              })
-            ]),
-            error.value && h("div", { "data-authos-error": "" }, error.value),
-            h("button", {
-              type: "submit",
-              disabled: isSubmitting.value,
-              "data-authos-submit": ""
-            }, isSubmitting.value ? "Verifying..." : "Verify"),
-            h("button", {
-              type: "button",
-              "data-authos-back": "",
-              onClick: () => {
-                step.value = "credentials";
-                mfaCode.value = "";
-                preauthToken.value = "";
-                error.value = null;
-              }
-            }, "Back to login")
-          ])
-        ]);
-      }
-      return h("div", { "data-authos-signin": "", "data-state": "credentials" }, [
-        h("form", { onSubmit: (e) => {
-          e.preventDefault();
-          submit();
-        } }, [
-          h("div", { "data-authos-field": "email" }, [
-            h("label", { for: "authos-email" }, "Email"),
-            h("input", {
-              id: "authos-email",
-              type: "email",
-              autocomplete: "email",
-              value: email.value,
-              placeholder: "Enter your email",
-              required: true,
-              disabled: isSubmitting.value,
-              onInput: (e) => email.value = e.target.value
-            })
-          ]),
-          h("div", { "data-authos-field": "password" }, [
-            h("label", { for: "authos-password" }, "Password"),
-            h("input", {
-              id: "authos-password",
-              type: "password",
-              autocomplete: "current-password",
-              value: password.value,
-              placeholder: "Enter your password",
-              required: true,
-              disabled: isSubmitting.value,
-              onInput: (e) => password.value = e.target.value
-            })
-          ]),
-          error.value && h("div", { "data-authos-error": "" }, error.value),
-          h("button", {
-            type: "submit",
-            disabled: isSubmitting.value,
-            "data-authos-submit": ""
-          }, isSubmitting.value ? "Signing in..." : "Sign In")
-        ])
-      ]);
-    };
-  }
+//#endregion
+//#region src/components/SignIn.ts
+const MFA_PREAUTH_EXPIRY = 300;
+const SignIn = defineComponent({
+	name: "SignIn",
+	props: {
+		onSuccess: {
+			type: Function,
+			default: void 0
+		},
+		onError: {
+			type: Function,
+			default: void 0
+		}
+	},
+	emits: ["success", "error"],
+	setup(props, { slots, emit }) {
+		const { client, options } = useAuthOS();
+		const email = ref("");
+		const password = ref("");
+		const mfaCode = ref("");
+		const preauthToken = ref("");
+		const step = ref("credentials");
+		const error = ref(null);
+		const isSubmitting = ref(false);
+		async function submit() {
+			error.value = null;
+			isSubmitting.value = true;
+			try {
+				if (step.value === "credentials") {
+					const result = await client.auth.login({
+						email: email.value,
+						password: password.value,
+						org_slug: options.org,
+						service_slug: options.service
+					});
+					if (result.expires_in === MFA_PREAUTH_EXPIRY) {
+						preauthToken.value = result.access_token;
+						step.value = "mfa";
+					} else {
+						emit("success");
+						props.onSuccess?.();
+					}
+				} else {
+					await client.auth.verifyMfa(preauthToken.value, mfaCode.value);
+					emit("success");
+					props.onSuccess?.();
+				}
+			} catch (err) {
+				const message = err instanceof SsoApiError$1 ? err.message : "Login failed";
+				error.value = message;
+				const e = err instanceof Error ? err : new Error(message);
+				emit("error", e);
+				props.onError?.(e);
+			} finally {
+				isSubmitting.value = false;
+			}
+		}
+		return () => {
+			const slotProps = {
+				email: email.value,
+				password: password.value,
+				mfaCode: mfaCode.value,
+				step: step.value,
+				error: error.value,
+				isSubmitting: isSubmitting.value,
+				updateEmail: (v) => email.value = v,
+				updatePassword: (v) => password.value = v,
+				updateMfaCode: (v) => mfaCode.value = v,
+				submit
+			};
+			if (slots.default) return slots.default(slotProps);
+			if (step.value === "mfa") return h("div", {
+				"data-authos-signin": "",
+				"data-state": "mfa"
+			}, [h("form", { onSubmit: (e) => {
+				e.preventDefault();
+				submit();
+			} }, [
+				h("div", { "data-authos-field": "mfa-code" }, [h("label", { for: "authos-mfa-code" }, "Verification Code"), h("input", {
+					id: "authos-mfa-code",
+					type: "text",
+					inputMode: "numeric",
+					autocomplete: "one-time-code",
+					value: mfaCode.value,
+					placeholder: "Enter 6-digit code",
+					required: true,
+					disabled: isSubmitting.value,
+					onInput: (e) => mfaCode.value = e.target.value
+				})]),
+				error.value && h("div", { "data-authos-error": "" }, error.value),
+				h("button", {
+					type: "submit",
+					disabled: isSubmitting.value,
+					"data-authos-submit": ""
+				}, isSubmitting.value ? "Verifying..." : "Verify"),
+				h("button", {
+					type: "button",
+					"data-authos-back": "",
+					onClick: () => {
+						step.value = "credentials";
+						mfaCode.value = "";
+						preauthToken.value = "";
+						error.value = null;
+					}
+				}, "Back to login")
+			])]);
+			return h("div", {
+				"data-authos-signin": "",
+				"data-state": "credentials"
+			}, [h("form", { onSubmit: (e) => {
+				e.preventDefault();
+				submit();
+			} }, [
+				h("div", { "data-authos-field": "email" }, [h("label", { for: "authos-email" }, "Email"), h("input", {
+					id: "authos-email",
+					type: "email",
+					autocomplete: "email",
+					value: email.value,
+					placeholder: "Enter your email",
+					required: true,
+					disabled: isSubmitting.value,
+					onInput: (e) => email.value = e.target.value
+				})]),
+				h("div", { "data-authos-field": "password" }, [h("label", { for: "authos-password" }, "Password"), h("input", {
+					id: "authos-password",
+					type: "password",
+					autocomplete: "current-password",
+					value: password.value,
+					placeholder: "Enter your password",
+					required: true,
+					disabled: isSubmitting.value,
+					onInput: (e) => password.value = e.target.value
+				})]),
+				error.value && h("div", { "data-authos-error": "" }, error.value),
+				h("button", {
+					type: "submit",
+					disabled: isSubmitting.value,
+					"data-authos-submit": ""
+				}, isSubmitting.value ? "Signing in..." : "Sign In")
+			])]);
+		};
+	}
 });
-var PROVIDER_NAMES = {
-  github: "GitHub",
-  google: "Google",
-  microsoft: "Microsoft"
+//#endregion
+//#region src/components/OAuthButton.ts
+/**
+* Human-readable provider names for button labels
+*/
+const PROVIDER_NAMES = {
+	github: "GitHub",
+	google: "Google",
+	microsoft: "Microsoft"
 };
+/**
+* SVG icons for each OAuth provider
+*/
 function getProviderIcon(provider) {
-  switch (provider) {
-    case "github":
-      return h("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 24 24",
-        fill: "currentColor",
-        "aria-hidden": "true"
-      }, [
-        h("path", {
-          d: "M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z"
-        })
-      ]);
-    case "google":
-      return h("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 24 24",
-        "aria-hidden": "true"
-      }, [
-        h("path", {
-          fill: "#4285F4",
-          d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
-        }),
-        h("path", {
-          fill: "#34A853",
-          d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
-        }),
-        h("path", {
-          fill: "#FBBC05",
-          d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
-        }),
-        h("path", {
-          fill: "#EA4335",
-          d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
-        })
-      ]);
-    case "microsoft":
-      return h("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 23 23",
-        "aria-hidden": "true"
-      }, [
-        h("path", { fill: "#f35325", d: "M1 1h10v10H1z" }),
-        h("path", { fill: "#81bc06", d: "M12 1h10v10H12z" }),
-        h("path", { fill: "#05a6f0", d: "M1 12h10v10H1z" }),
-        h("path", { fill: "#ffba08", d: "M12 12h10v10H12z" })
-      ]);
-  }
+	switch (provider) {
+		case "github": return h("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 24 24",
+			fill: "currentColor",
+			"aria-hidden": "true"
+		}, [h("path", { d: "M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z" })]);
+		case "google": return h("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 24 24",
+			"aria-hidden": "true"
+		}, [
+			h("path", {
+				fill: "#4285F4",
+				d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
+			}),
+			h("path", {
+				fill: "#34A853",
+				d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
+			}),
+			h("path", {
+				fill: "#FBBC05",
+				d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
+			}),
+			h("path", {
+				fill: "#EA4335",
+				d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
+			})
+		]);
+		case "microsoft": return h("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 23 23",
+			"aria-hidden": "true"
+		}, [
+			h("path", {
+				fill: "#f35325",
+				d: "M1 1h10v10H1z"
+			}),
+			h("path", {
+				fill: "#81bc06",
+				d: "M12 1h10v10H12z"
+			}),
+			h("path", {
+				fill: "#05a6f0",
+				d: "M1 12h10v10H1z"
+			}),
+			h("path", {
+				fill: "#ffba08",
+				d: "M12 12h10v10H12z"
+			})
+		]);
+	}
 }
-var OAuthButton = defineComponent({
-  name: "OAuthButton",
-  props: {
-    provider: {
-      type: String,
-      required: true
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["redirect"],
-  setup(props, { slots, emit }) {
-    const { client, options } = useAuthOS();
-    const isConfigured = computed(() => !!(options.org && options.service));
-    const providerName = computed(() => PROVIDER_NAMES[props.provider]);
-    function handleClick() {
-      if (!options.org || !options.service) {
-        console.error(
-          `[AuthOS] OAuth login requires "org" and "service" in createAuthOS options.
-Current options: { org: ${options.org ? `"${options.org}"` : "undefined"}, service: ${options.service ? `"${options.service}"` : "undefined"} }
-
-Example:
-  app.use(createAuthOS({
-    baseURL: "${options.baseURL}",
-    org: "your-org-slug",
-    service: "your-service-slug",
-  }));
-
-See: https://docs.authos.dev/vue/oauth-setup`
-        );
-        return;
-      }
-      const redirectUri = options.redirectUri ?? (typeof window !== "undefined" ? window.location.origin + "/callback" : void 0);
-      const url = client.auth.getLoginUrl(props.provider, {
-        org: options.org,
-        service: options.service,
-        redirect_uri: redirectUri
-      });
-      emit("redirect");
-      window.location.href = url;
-    }
-    return () => {
-      const slotProps = {
-        provider: props.provider,
-        providerName: providerName.value,
-        isConfigured: isConfigured.value,
-        disabled: props.disabled,
-        handleClick
-      };
-      if (slots.default) {
-        return slots.default(slotProps);
-      }
-      return h(
-        "button",
-        {
-          type: "button",
-          onClick: handleClick,
-          disabled: props.disabled || !isConfigured.value,
-          "data-authos-oauth": "",
-          "data-provider": props.provider
-        },
-        [
-          getProviderIcon(props.provider),
-          h("span", `Continue with ${providerName.value}`)
-        ]
-      );
-    };
-  }
+/**
+* OAuth login button for a specific provider.
+* Redirects the user to the OAuth provider's login page.
+*
+* Requires `org` and `service` to be configured in createAuthOS options.
+*
+* @example
+* ```vue
+* <script setup>
+* import { OAuthButton } from '@drmhse/authos-vue';
+* <\/script>
+*
+* <template>
+*   <OAuthButton provider="github" />
+*   <OAuthButton provider="google">Sign in with Google</OAuthButton>
+* </template>
+* ```
+*/
+const OAuthButton = defineComponent({
+	name: "OAuthButton",
+	props: {
+		provider: {
+			type: String,
+			required: true
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["redirect"],
+	setup(props, { slots, emit }) {
+		const { client, options } = useAuthOS();
+		const isConfigured = computed(() => !!(options.org && options.service));
+		const providerName = computed(() => PROVIDER_NAMES[props.provider]);
+		function handleClick() {
+			if (!options.org || !options.service) {
+				console.error(`[AuthOS] OAuth login requires "org" and "service" in createAuthOS options.\nCurrent options: { org: ${options.org ? `"${options.org}"` : "undefined"}, service: ${options.service ? `"${options.service}"` : "undefined"} }\n\nExample:\n  app.use(createAuthOS({\n    baseURL: "${options.baseURL}",\n    org: "your-org-slug",\n    service: "your-service-slug",\n  }));\n\nSee: https://docs.authos.dev/vue/oauth-setup`);
+				return;
+			}
+			const redirectUri = options.redirectUri ?? (typeof window !== "undefined" ? window.location.origin + "/callback" : void 0);
+			const url = client.auth.getLoginUrl(props.provider, {
+				org: options.org,
+				service: options.service,
+				redirect_uri: redirectUri
+			});
+			emit("redirect");
+			window.location.href = url;
+		}
+		return () => {
+			const slotProps = {
+				provider: props.provider,
+				providerName: providerName.value,
+				isConfigured: isConfigured.value,
+				disabled: props.disabled,
+				handleClick
+			};
+			if (slots.default) return slots.default(slotProps);
+			return h("button", {
+				type: "button",
+				onClick: handleClick,
+				disabled: props.disabled || !isConfigured.value,
+				"data-authos-oauth": "",
+				"data-provider": props.provider
+			}, [getProviderIcon(props.provider), h("span", `Continue with ${providerName.value}`)]);
+		};
+	}
 });
-
-// src/components/SignUp.ts
-var SignUp = defineComponent({
-  name: "SignUp",
-  props: {
-    onSuccess: {
-      type: Function,
-      default: void 0
-    },
-    onError: {
-      type: Function,
-      default: void 0
-    },
-    /** Organization slug for tenant context */
-    orgSlug: {
-      type: String,
-      default: void 0
-    },
-    /** Service slug for tenant attribution (used with orgSlug) */
-    serviceSlug: {
-      type: String,
-      default: void 0
-    },
-    /** List of OAuth providers to display buttons for */
-    providers: {
-      type: [Array, Boolean],
-      default: false
-    },
-    /** Show divider between OAuth and email form */
-    showDivider: {
-      type: Boolean,
-      default: true
-    },
-    /** Show sign in link */
-    showSignIn: {
-      type: Boolean,
-      default: true
-    }
-  },
-  emits: ["success", "error"],
-  setup(props, { slots, emit }) {
-    const { client, options } = useAuthOS();
-    const email = ref("");
-    const password = ref("");
-    const confirmPassword = ref("");
-    const error = ref(null);
-    const isSubmitting = ref(false);
-    const isSuccess = ref(false);
-    const hasOAuthConfig = !!(options.org && options.service);
-    const oauthProviders = Array.isArray(props.providers) ? props.providers : [];
-    async function submit() {
-      error.value = null;
-      if (password.value !== confirmPassword.value) {
-        error.value = "Passwords do not match";
-        return;
-      }
-      if (password.value.length < 8) {
-        error.value = "Password must be at least 8 characters";
-        return;
-      }
-      isSubmitting.value = true;
-      try {
-        await client.auth.register({
-          email: email.value,
-          password: password.value,
-          org_slug: props.orgSlug ?? options.org,
-          service_slug: props.serviceSlug ?? options.service
-        });
-        isSuccess.value = true;
-        emit("success");
-        props.onSuccess?.();
-      } catch (err) {
-        const message = err instanceof SsoApiError ? err.message : "Registration failed";
-        error.value = message;
-        const e = err instanceof Error ? err : new Error(message);
-        emit("error", e);
-        props.onError?.(e);
-      } finally {
-        isSubmitting.value = false;
-      }
-    }
-    return () => {
-      const slotProps = {
-        email: email.value,
-        password: password.value,
-        error: error.value,
-        isSubmitting: isSubmitting.value,
-        updateEmail: (v) => email.value = v,
-        updatePassword: (v) => password.value = v,
-        submit
-      };
-      if (slots.default) {
-        return slots.default(slotProps);
-      }
-      if (isSuccess.value) {
-        return h("div", { "data-authos-signup": "", "data-state": "success" }, [
-          h("div", { "data-authos-success": "" }, [
-            h("h2", "Check your email"),
-            h("p", `We've sent a verification link to ${email.value}. Please click the link to verify your account.`)
-          ])
-        ]);
-      }
-      return h("div", { "data-authos-signup": "", "data-state": "credentials" }, [
-        // OAuth Section
-        oauthProviders.length > 0 && h("div", { "data-authos-oauth-section": "" }, [
-          oauthProviders.map(
-            (provider) => h(OAuthButton, {
-              key: provider,
-              provider,
-              disabled: isSubmitting.value || !hasOAuthConfig
-            })
-          ),
-          !hasOAuthConfig && h("p", {
-            "data-authos-oauth-warning": "",
-            style: { color: "orange", fontSize: "0.875rem" }
-          }, "OAuth requires org and service in plugin options")
-        ]),
-        // Divider
-        oauthProviders.length > 0 && props.showDivider && h("div", { "data-authos-divider": "" }, [
-          h("span", "or")
-        ]),
-        h("form", { onSubmit: (e) => {
-          e.preventDefault();
-          submit();
-        } }, [
-          h("div", { "data-authos-field": "email" }, [
-            h("label", { for: "authos-signup-email" }, "Email"),
-            h("input", {
-              id: "authos-signup-email",
-              type: "email",
-              autocomplete: "email",
-              value: email.value,
-              placeholder: "Enter your email",
-              required: true,
-              disabled: isSubmitting.value,
-              onInput: (e) => email.value = e.target.value
-            })
-          ]),
-          h("div", { "data-authos-field": "password" }, [
-            h("label", { for: "authos-signup-password" }, "Password"),
-            h("input", {
-              id: "authos-signup-password",
-              type: "password",
-              autocomplete: "new-password",
-              value: password.value,
-              placeholder: "Create a password",
-              required: true,
-              disabled: isSubmitting.value,
-              onInput: (e) => password.value = e.target.value
-            })
-          ]),
-          // Confirm Password
-          h("div", { "data-authos-field": "confirm-password" }, [
-            h("label", { for: "authos-signup-confirm" }, "Confirm Password"),
-            h("input", {
-              id: "authos-signup-confirm",
-              type: "password",
-              autocomplete: "new-password",
-              value: confirmPassword.value,
-              placeholder: "Confirm your password",
-              required: true,
-              disabled: isSubmitting.value,
-              onInput: (e) => confirmPassword.value = e.target.value
-            })
-          ]),
-          error.value && h("div", { "data-authos-error": "" }, error.value),
-          h("button", {
-            type: "submit",
-            disabled: isSubmitting.value,
-            "data-authos-submit": ""
-          }, isSubmitting.value ? "Creating account..." : "Sign Up"),
-          // Sign In Link
-          props.showSignIn && h("div", { "data-authos-signin-prompt": "" }, [
-            "Already have an account? ",
-            h("a", { href: "/signin", "data-authos-link": "signin" }, "Sign in")
-          ])
-        ])
-      ]);
-    };
-  }
+//#endregion
+//#region src/components/SignUp.ts
+const SignUp = defineComponent({
+	name: "SignUp",
+	props: {
+		onSuccess: {
+			type: Function,
+			default: void 0
+		},
+		onError: {
+			type: Function,
+			default: void 0
+		},
+		/** Organization slug for tenant context */
+		orgSlug: {
+			type: String,
+			default: void 0
+		},
+		/** Service slug for tenant attribution (used with orgSlug) */
+		serviceSlug: {
+			type: String,
+			default: void 0
+		},
+		/** List of OAuth providers to display buttons for */
+		providers: {
+			type: [Array, Boolean],
+			default: false
+		},
+		/** Show divider between OAuth and email form */
+		showDivider: {
+			type: Boolean,
+			default: true
+		},
+		/** Show sign in link */
+		showSignIn: {
+			type: Boolean,
+			default: true
+		}
+	},
+	emits: ["success", "error"],
+	setup(props, { slots, emit }) {
+		const { client, options } = useAuthOS();
+		const email = ref("");
+		const password = ref("");
+		const confirmPassword = ref("");
+		const error = ref(null);
+		const isSubmitting = ref(false);
+		const isSuccess = ref(false);
+		const hasOAuthConfig = !!(options.org && options.service);
+		const oauthProviders = Array.isArray(props.providers) ? props.providers : [];
+		async function submit() {
+			error.value = null;
+			if (password.value !== confirmPassword.value) {
+				error.value = "Passwords do not match";
+				return;
+			}
+			if (password.value.length < 8) {
+				error.value = "Password must be at least 8 characters";
+				return;
+			}
+			isSubmitting.value = true;
+			try {
+				await client.auth.register({
+					email: email.value,
+					password: password.value,
+					org_slug: props.orgSlug ?? options.org,
+					service_slug: props.serviceSlug ?? options.service
+				});
+				isSuccess.value = true;
+				emit("success");
+				props.onSuccess?.();
+			} catch (err) {
+				const message = err instanceof SsoApiError$1 ? err.message : "Registration failed";
+				error.value = message;
+				const e = err instanceof Error ? err : new Error(message);
+				emit("error", e);
+				props.onError?.(e);
+			} finally {
+				isSubmitting.value = false;
+			}
+		}
+		return () => {
+			const slotProps = {
+				email: email.value,
+				password: password.value,
+				error: error.value,
+				isSubmitting: isSubmitting.value,
+				updateEmail: (v) => email.value = v,
+				updatePassword: (v) => password.value = v,
+				submit
+			};
+			if (slots.default) return slots.default(slotProps);
+			if (isSuccess.value) return h("div", {
+				"data-authos-signup": "",
+				"data-state": "success"
+			}, [h("div", { "data-authos-success": "" }, [h("h2", "Check your email"), h("p", `We've sent a verification link to ${email.value}. Please click the link to verify your account.`)])]);
+			return h("div", {
+				"data-authos-signup": "",
+				"data-state": "credentials"
+			}, [
+				oauthProviders.length > 0 && h("div", { "data-authos-oauth-section": "" }, [oauthProviders.map((provider) => h(OAuthButton, {
+					key: provider,
+					provider,
+					disabled: isSubmitting.value || !hasOAuthConfig
+				})), !hasOAuthConfig && h("p", {
+					"data-authos-oauth-warning": "",
+					style: {
+						color: "orange",
+						fontSize: "0.875rem"
+					}
+				}, "OAuth requires org and service in plugin options")]),
+				oauthProviders.length > 0 && props.showDivider && h("div", { "data-authos-divider": "" }, [h("span", "or")]),
+				h("form", { onSubmit: (e) => {
+					e.preventDefault();
+					submit();
+				} }, [
+					h("div", { "data-authos-field": "email" }, [h("label", { for: "authos-signup-email" }, "Email"), h("input", {
+						id: "authos-signup-email",
+						type: "email",
+						autocomplete: "email",
+						value: email.value,
+						placeholder: "Enter your email",
+						required: true,
+						disabled: isSubmitting.value,
+						onInput: (e) => email.value = e.target.value
+					})]),
+					h("div", { "data-authos-field": "password" }, [h("label", { for: "authos-signup-password" }, "Password"), h("input", {
+						id: "authos-signup-password",
+						type: "password",
+						autocomplete: "new-password",
+						value: password.value,
+						placeholder: "Create a password",
+						required: true,
+						disabled: isSubmitting.value,
+						onInput: (e) => password.value = e.target.value
+					})]),
+					h("div", { "data-authos-field": "confirm-password" }, [h("label", { for: "authos-signup-confirm" }, "Confirm Password"), h("input", {
+						id: "authos-signup-confirm",
+						type: "password",
+						autocomplete: "new-password",
+						value: confirmPassword.value,
+						placeholder: "Confirm your password",
+						required: true,
+						disabled: isSubmitting.value,
+						onInput: (e) => confirmPassword.value = e.target.value
+					})]),
+					error.value && h("div", { "data-authos-error": "" }, error.value),
+					h("button", {
+						type: "submit",
+						disabled: isSubmitting.value,
+						"data-authos-submit": ""
+					}, isSubmitting.value ? "Creating account..." : "Sign Up"),
+					props.showSignIn && h("div", { "data-authos-signin-prompt": "" }, ["Already have an account? ", h("a", {
+						href: "/signin",
+						"data-authos-link": "signin"
+					}, "Sign in")])
+				])
+			]);
+		};
+	}
 });
-var OrganizationSwitcher = defineComponent({
-  name: "OrganizationSwitcher",
-  props: {
-    onSwitch: {
-      type: Function,
-      default: void 0
-    }
-  },
-  emits: ["switch"],
-  setup(props, { slots, emit }) {
-    const { currentOrganization, organizations, switchOrganization, isSwitching } = useOrganization();
-    async function switchTo(slug) {
-      await switchOrganization(slug);
-      const org = organizations.value.find((o) => o.organization.slug === slug);
-      if (org) {
-        emit("switch", org);
-        props.onSwitch?.(org);
-      }
-    }
-    return () => {
-      const slotProps = {
-        currentOrganization: currentOrganization.value,
-        organizations: organizations.value,
-        isSwitching: isSwitching.value,
-        switchTo
-      };
-      if (slots.default) {
-        return slots.default(slotProps);
-      }
-      return h(
-        "div",
-        { "data-authos-orgswitcher": "", "data-state": organizations.value.length > 0 ? "ready" : "empty" },
-        organizations.value.length > 0 ? h(
-          "select",
-          {
-            value: currentOrganization.value?.organization.slug ?? "",
-            disabled: isSwitching.value,
-            onChange: (e) => switchTo(e.target.value)
-          },
-          organizations.value.map(
-            (org) => h("option", { key: org.organization.id, value: org.organization.slug }, org.organization.name)
-          )
-        ) : "No organizations"
-      );
-    };
-  }
+//#endregion
+//#region src/components/OrganizationSwitcher.ts
+const OrganizationSwitcher = defineComponent({
+	name: "OrganizationSwitcher",
+	props: { onSwitch: {
+		type: Function,
+		default: void 0
+	} },
+	emits: ["switch"],
+	setup(props, { slots, emit }) {
+		const { currentOrganization, organizations, switchOrganization, isSwitching } = useOrganization();
+		async function switchTo(slug) {
+			await switchOrganization(slug);
+			const org = organizations.value.find((o) => o.organization.slug === slug);
+			if (org) {
+				emit("switch", org);
+				props.onSwitch?.(org);
+			}
+		}
+		return () => {
+			const slotProps = {
+				currentOrganization: currentOrganization.value,
+				organizations: organizations.value,
+				isSwitching: isSwitching.value,
+				switchTo
+			};
+			if (slots.default) return slots.default(slotProps);
+			return h("div", {
+				"data-authos-orgswitcher": "",
+				"data-state": organizations.value.length > 0 ? "ready" : "empty"
+			}, organizations.value.length > 0 ? h("select", {
+				value: currentOrganization.value?.organization.slug ?? "",
+				disabled: isSwitching.value,
+				onChange: (e) => switchTo(e.target.value)
+			}, organizations.value.map((org) => h("option", {
+				key: org.organization.id,
+				value: org.organization.slug
+			}, org.organization.name))) : "No organizations");
+		};
+	}
 });
-var UserButton = defineComponent({
-  name: "UserButton",
-  props: {
-    onLogout: {
-      type: Function,
-      default: void 0
-    }
-  },
-  emits: ["logout"],
-  setup(props, { slots, emit }) {
-    const { user, isLoading } = useUser();
-    const { client } = useAuthOS();
-    const isLoggingOut = ref(false);
-    async function logout() {
-      isLoggingOut.value = true;
-      try {
-        await client.auth.logout();
-        emit("logout");
-        props.onLogout?.();
-      } finally {
-        isLoggingOut.value = false;
-      }
-    }
-    return () => {
-      const slotProps = {
-        user: user.value,
-        isLoading: isLoading.value,
-        isLoggingOut: isLoggingOut.value,
-        logout
-      };
-      if (slots.default) {
-        return slots.default(slotProps);
-      }
-      if (isLoading.value) {
-        return h("div", { "data-authos-userbutton": "", "data-state": "loading" }, "Loading...");
-      }
-      if (!user.value) {
-        return h("div", { "data-authos-userbutton": "", "data-state": "signed-out" }, "Not signed in");
-      }
-      const getInitials = (email) => {
-        const name = email.split("@")[0];
-        return name.substring(0, 2).toUpperCase();
-      };
-      return h("div", { "data-authos-userbutton": "", "data-state": "signed-in" }, [
-        h("div", { "data-authos-avatar": "" }, getInitials(user.value.email)),
-        h("span", { "data-authos-email": "" }, user.value.email),
-        h(
-          "button",
-          {
-            "data-authos-logout": "",
-            onClick: logout,
-            disabled: isLoggingOut.value
-          },
-          isLoggingOut.value ? "Logging out..." : "Logout"
-        )
-      ]);
-    };
-  }
+//#endregion
+//#region src/components/UserButton.ts
+const UserButton = defineComponent({
+	name: "UserButton",
+	props: { onLogout: {
+		type: Function,
+		default: void 0
+	} },
+	emits: ["logout"],
+	setup(props, { slots, emit }) {
+		const { user, isLoading } = useUser();
+		const { client } = useAuthOS();
+		const isLoggingOut = ref(false);
+		async function logout() {
+			isLoggingOut.value = true;
+			try {
+				await client.auth.logout();
+				emit("logout");
+				props.onLogout?.();
+			} finally {
+				isLoggingOut.value = false;
+			}
+		}
+		return () => {
+			const slotProps = {
+				user: user.value,
+				isLoading: isLoading.value,
+				isLoggingOut: isLoggingOut.value,
+				logout
+			};
+			if (slots.default) return slots.default(slotProps);
+			if (isLoading.value) return h("div", {
+				"data-authos-userbutton": "",
+				"data-state": "loading"
+			}, "Loading...");
+			if (!user.value) return h("div", {
+				"data-authos-userbutton": "",
+				"data-state": "signed-out"
+			}, "Not signed in");
+			const getInitials = (email) => {
+				return email.split("@")[0].substring(0, 2).toUpperCase();
+			};
+			return h("div", {
+				"data-authos-userbutton": "",
+				"data-state": "signed-in"
+			}, [
+				h("div", { "data-authos-avatar": "" }, getInitials(user.value.email)),
+				h("span", { "data-authos-email": "" }, user.value.email),
+				h("button", {
+					"data-authos-logout": "",
+					onClick: logout,
+					disabled: isLoggingOut.value
+				}, isLoggingOut.value ? "Logging out..." : "Logout")
+			]);
+		};
+	}
 });
-var Protect = defineComponent({
-  name: "Protect",
-  props: {
-    permission: {
-      type: String,
-      default: void 0
-    },
-    permissions: {
-      type: Array,
-      default: void 0
-    },
-    requireAll: {
-      type: Boolean,
-      default: false
-    },
-    fallback: {
-      type: [Object, Function],
-      default: void 0
-    }
-  },
-  setup(props, { slots }) {
-    const { user, isLoading } = useUser();
-    const hasAccess = computed(() => {
-      if (isLoading.value || !user.value) {
-        return false;
-      }
-      const userPermissions = user.value.permissions ?? [];
-      if (props.permission) {
-        return userPermissions.includes(props.permission);
-      }
-      if (props.permissions && props.permissions.length > 0) {
-        if (props.requireAll) {
-          return props.permissions.every((p) => userPermissions.includes(p));
-        }
-        return props.permissions.some((p) => userPermissions.includes(p));
-      }
-      return true;
-    });
-    return () => {
-      if (isLoading.value) {
-        return h("div", { "data-authos-protect": "", "data-state": "loading" });
-      }
-      if (hasAccess.value) {
-        return h("div", { "data-authos-protect": "", "data-state": "allowed" }, slots.default?.());
-      }
-      if (props.fallback) {
-        const fallbackContent = typeof props.fallback === "function" ? props.fallback() : props.fallback;
-        return h("div", { "data-authos-protect": "", "data-state": "denied" }, [fallbackContent]);
-      }
-      if (slots.fallback) {
-        return h("div", { "data-authos-protect": "", "data-state": "denied" }, slots.fallback());
-      }
-      return h("div", { "data-authos-protect": "", "data-state": "denied" });
-    };
-  }
+//#endregion
+//#region src/components/Protect.ts
+const Protect = defineComponent({
+	name: "Protect",
+	props: {
+		permission: {
+			type: String,
+			default: void 0
+		},
+		permissions: {
+			type: Array,
+			default: void 0
+		},
+		requireAll: {
+			type: Boolean,
+			default: false
+		},
+		fallback: {
+			type: [Object, Function],
+			default: void 0
+		}
+	},
+	setup(props, { slots }) {
+		const { user, isLoading } = useUser();
+		const hasAccess = computed(() => {
+			if (isLoading.value || !user.value) return false;
+			const userPermissions = user.value.permissions ?? [];
+			if (props.permission) return userPermissions.includes(props.permission);
+			if (props.permissions && props.permissions.length > 0) {
+				if (props.requireAll) return props.permissions.every((p) => userPermissions.includes(p));
+				return props.permissions.some((p) => userPermissions.includes(p));
+			}
+			return true;
+		});
+		return () => {
+			if (isLoading.value) return h("div", {
+				"data-authos-protect": "",
+				"data-state": "loading"
+			});
+			if (hasAccess.value) return h("div", {
+				"data-authos-protect": "",
+				"data-state": "allowed"
+			}, slots.default?.());
+			if (props.fallback) return h("div", {
+				"data-authos-protect": "",
+				"data-state": "denied"
+			}, [typeof props.fallback === "function" ? props.fallback() : props.fallback]);
+			if (slots.fallback) return h("div", {
+				"data-authos-protect": "",
+				"data-state": "denied"
+			}, slots.fallback());
+			return h("div", {
+				"data-authos-protect": "",
+				"data-state": "denied"
+			});
+		};
+	}
 });
-var SignedIn = defineComponent({
-  name: "SignedIn",
-  setup(_, { slots }) {
-    const { isAuthenticated, isLoading } = useAuthOS();
-    return () => {
-      if (isLoading.value) {
-        return null;
-      }
-      if (!isAuthenticated.value) {
-        return null;
-      }
-      return slots.default?.();
-    };
-  }
+//#endregion
+//#region src/components/SignedIn.ts
+/**
+* Renders children only when the user is authenticated.
+* Use with SignedOut to create conditional UI based on auth state.
+*
+* @example
+* ```vue
+* <script setup>
+* import { SignedIn, SignedOut, UserButton, SignIn } from '@drmhse/authos-vue';
+* <\/script>
+*
+* <template>
+*   <header>
+*     <SignedIn>
+*       <UserButton />
+*     </SignedIn>
+*     <SignedOut>
+*       <SignIn />
+*     </SignedOut>
+*   </header>
+* </template>
+* ```
+*/
+const SignedIn = defineComponent({
+	name: "SignedIn",
+	setup(_, { slots }) {
+		const { isAuthenticated, isLoading } = useAuthOS();
+		return () => {
+			if (isLoading.value) return null;
+			if (!isAuthenticated.value) return null;
+			return slots.default?.();
+		};
+	}
 });
-var SignedOut = defineComponent({
-  name: "SignedOut",
-  setup(_, { slots }) {
-    const { isAuthenticated, isLoading } = useAuthOS();
-    return () => {
-      if (isLoading.value) {
-        return null;
-      }
-      if (isAuthenticated.value) {
-        return null;
-      }
-      return slots.default?.();
-    };
-  }
+//#endregion
+//#region src/components/SignedOut.ts
+/**
+* Renders children only when the user is NOT authenticated.
+* Use with SignedIn to create conditional UI based on auth state.
+*
+* @example
+* ```vue
+* <script setup>
+* import { SignedIn, SignedOut, UserButton, SignIn } from '@drmhse/authos-vue';
+* <\/script>
+*
+* <template>
+*   <header>
+*     <SignedIn>
+*       <UserButton />
+*     </SignedIn>
+*     <SignedOut>
+*       <SignIn />
+*     </SignedOut>
+*   </header>
+* </template>
+* ```
+*/
+const SignedOut = defineComponent({
+	name: "SignedOut",
+	setup(_, { slots }) {
+		const { isAuthenticated, isLoading } = useAuthOS();
+		return () => {
+			if (isLoading.value) return null;
+			if (isAuthenticated.value) return null;
+			return slots.default?.();
+		};
+	}
 });
-var MagicLinkSignIn = defineComponent({
-  name: "MagicLinkSignIn",
-  props: {
-    showPasswordSignIn: {
-      type: Boolean,
-      default: true
-    }
-  },
-  emits: ["success", "error"],
-  setup(props, { emit, slots }) {
-    const { client } = useAuthOS();
-    const email = ref("");
-    const isLoading = ref(false);
-    const error = ref(null);
-    const isSent = ref(false);
-    async function handleSubmit() {
-      error.value = null;
-      isLoading.value = true;
-      try {
-        await client.magicLinks.request({ email: email.value });
-        isSent.value = true;
-        emit("success");
-      } catch (err) {
-        const message = err instanceof Error ? err.message : "Failed to send magic link";
-        error.value = message;
-        emit("error", err);
-      } finally {
-        isLoading.value = false;
-      }
-    }
-    const slotProps = computed(() => ({
-      email: email.value,
-      isLoading: isLoading.value,
-      error: error.value,
-      isSent: isSent.value,
-      updateEmail: (val) => {
-        email.value = val;
-      },
-      submit: handleSubmit,
-      reset: () => {
-        isSent.value = false;
-      }
-    }));
-    return () => {
-      if (slots.default) {
-        return slots.default(slotProps.value);
-      }
-      if (isSent.value) {
-        return h("div", { "data-authos-magic-link": "", "data-state": "sent" }, [
-          h("div", { "data-authos-success": "" }, [
-            h("p", "Check your email!"),
-            h("p", ["We sent a login link to ", h("strong", email.value)])
-          ]),
-          h("button", {
-            type: "button",
-            onClick: () => {
-              isSent.value = false;
-            },
-            "data-authos-back": ""
-          }, "Use a different email")
-        ]);
-      }
-      return h("form", {
-        onSubmit: (e) => {
-          e.preventDefault();
-          handleSubmit();
-        },
-        "data-authos-magic-link": "",
-        "data-state": "form"
-      }, [
-        h("div", { "data-authos-field": "email" }, [
-          h("label", { for: "authos-magic-email" }, "Email"),
-          h("input", {
-            id: "authos-magic-email",
-            type: "email",
-            autocomplete: "email",
-            value: email.value,
-            onInput: (e) => {
-              email.value = e.target.value;
-            },
-            placeholder: "Enter your email",
-            required: true,
-            disabled: isLoading.value
-          })
-        ]),
-        error.value ? h("div", { "data-authos-error": "" }, error.value) : null,
-        h("button", {
-          type: "submit",
-          disabled: isLoading.value,
-          "data-authos-submit": ""
-        }, isLoading.value ? "Sending..." : "Send Magic Link"),
-        props.showPasswordSignIn ? h("div", { "data-authos-signin-prompt": "" }, [
-          h("a", { href: "/signin", "data-authos-link": "signin" }, "Sign in with password")
-        ]) : null
-      ]);
-    };
-  }
+//#endregion
+//#region src/components/MagicLinkSignIn.ts
+/**
+* Passwordless sign-in via magic link (email).
+* 
+* Sends a one-time login link to the user's email address.
+* 
+* @example
+* ```vue
+* <script setup>
+* import { MagicLinkSignIn } from '@drmhse/authos-vue';
+* <\/script>
+* 
+* <template>
+*   <MagicLinkSignIn @success="() => alert('Check your email!')" />
+* </template>
+* ```
+*/
+const MagicLinkSignIn = defineComponent({
+	name: "MagicLinkSignIn",
+	props: { showPasswordSignIn: {
+		type: Boolean,
+		default: true
+	} },
+	emits: ["success", "error"],
+	setup(props, { emit, slots }) {
+		const { client } = useAuthOS();
+		const email = ref("");
+		const isLoading = ref(false);
+		const error = ref(null);
+		const isSent = ref(false);
+		async function handleSubmit() {
+			error.value = null;
+			isLoading.value = true;
+			try {
+				await client.magicLinks.request({ email: email.value });
+				isSent.value = true;
+				emit("success");
+			} catch (err) {
+				error.value = err instanceof Error ? err.message : "Failed to send magic link";
+				emit("error", err);
+			} finally {
+				isLoading.value = false;
+			}
+		}
+		const slotProps = computed(() => ({
+			email: email.value,
+			isLoading: isLoading.value,
+			error: error.value,
+			isSent: isSent.value,
+			updateEmail: (val) => {
+				email.value = val;
+			},
+			submit: handleSubmit,
+			reset: () => {
+				isSent.value = false;
+			}
+		}));
+		return () => {
+			if (slots.default) return slots.default(slotProps.value);
+			if (isSent.value) return h("div", {
+				"data-authos-magic-link": "",
+				"data-state": "sent"
+			}, [h("div", { "data-authos-success": "" }, [h("p", "Check your email!"), h("p", ["We sent a login link to ", h("strong", email.value)])]), h("button", {
+				type: "button",
+				onClick: () => {
+					isSent.value = false;
+				},
+				"data-authos-back": ""
+			}, "Use a different email")]);
+			return h("form", {
+				onSubmit: (e) => {
+					e.preventDefault();
+					handleSubmit();
+				},
+				"data-authos-magic-link": "",
+				"data-state": "form"
+			}, [
+				h("div", { "data-authos-field": "email" }, [h("label", { for: "authos-magic-email" }, "Email"), h("input", {
+					id: "authos-magic-email",
+					type: "email",
+					autocomplete: "email",
+					value: email.value,
+					onInput: (e) => {
+						email.value = e.target.value;
+					},
+					placeholder: "Enter your email",
+					required: true,
+					disabled: isLoading.value
+				})]),
+				error.value ? h("div", { "data-authos-error": "" }, error.value) : null,
+				h("button", {
+					type: "submit",
+					disabled: isLoading.value,
+					"data-authos-submit": ""
+				}, isLoading.value ? "Sending..." : "Send Magic Link"),
+				props.showPasswordSignIn ? h("div", { "data-authos-signin-prompt": "" }, [h("a", {
+					href: "/signin",
+					"data-authos-link": "signin"
+				}, "Sign in with password")]) : null
+			]);
+		};
+	}
 });
-var PasskeySignIn = defineComponent({
-  name: "PasskeySignIn",
-  props: {
-    showPasswordSignIn: {
-      type: Boolean,
-      default: true
-    },
-    orgSlug: {
-      type: String,
-      default: void 0
-    },
-    serviceSlug: {
-      type: String,
-      default: void 0
-    },
-    redirectUri: {
-      type: String,
-      default: void 0
-    },
-    state: {
-      type: String,
-      default: void 0
-    }
-  },
-  emits: ["success", "error"],
-  setup(props, { emit, slots }) {
-    const { client, options } = useAuthOS();
-    const email = ref("");
-    const isLoading = ref(false);
-    const error = ref(null);
-    const isSupported = ref(true);
-    onMounted(() => {
-      isSupported.value = client.passkeys.isSupported();
-    });
-    async function handleSubmit() {
-      error.value = null;
-      isLoading.value = true;
-      try {
-        const org = props.orgSlug ?? options.org;
-        const service = props.serviceSlug ?? options.service;
-        const passkeyContext = org && service ? {
-          org_slug: org,
-          service_slug: service,
-          redirect_uri: props.redirectUri ?? options.redirectUri,
-          state: props.state
-        } : void 0;
-        await client.passkeys.login(email.value, passkeyContext);
-        emit("success");
-      } catch (err) {
-        const message = err instanceof Error ? err.message : "Passkey authentication failed";
-        error.value = message;
-        emit("error", err);
-      } finally {
-        isLoading.value = false;
-      }
-    }
-    const slotProps = computed(() => ({
-      email: email.value,
-      isLoading: isLoading.value,
-      error: error.value,
-      isSupported: isSupported.value,
-      updateEmail: (val) => {
-        email.value = val;
-      },
-      submit: handleSubmit
-    }));
-    return () => {
-      if (slots.default) {
-        return slots.default(slotProps.value);
-      }
-      if (!isSupported.value) {
-        return h("div", {
-          "data-authos-passkey": "",
-          "data-state": "unsupported"
-        }, [
-          h("div", { "data-authos-error": "" }, "Passkeys are not supported in this browser."),
-          props.showPasswordSignIn ? h("a", { href: "/signin", "data-authos-link": "signin" }, "Sign in with password") : null
-        ]);
-      }
-      return h("form", {
-        onSubmit: (e) => {
-          e.preventDefault();
-          handleSubmit();
-        },
-        "data-authos-passkey": ""
-      }, [
-        h("div", { "data-authos-field": "email" }, [
-          h("label", { for: "authos-passkey-email" }, "Email"),
-          h("input", {
-            id: "authos-passkey-email",
-            type: "email",
-            autocomplete: "email webauthn",
-            value: email.value,
-            onInput: (e) => {
-              email.value = e.target.value;
-            },
-            placeholder: "Enter your email",
-            required: true,
-            disabled: isLoading.value
-          })
-        ]),
-        error.value ? h("div", { "data-authos-error": "" }, error.value) : null,
-        h("button", {
-          type: "submit",
-          disabled: isLoading.value,
-          "data-authos-submit": ""
-        }, isLoading.value ? "Authenticating..." : "Sign in with Passkey"),
-        props.showPasswordSignIn ? h("div", { "data-authos-signin-prompt": "" }, [
-          h("a", { href: "/signin", "data-authos-link": "signin" }, "Sign in with password")
-        ]) : null
-      ]);
-    };
-  }
+//#endregion
+//#region src/components/PasskeySignIn.ts
+/**
+* Passkey (WebAuthn) sign-in component.
+* 
+* Uses the Web Authentication API for passwordless authentication
+* via biometrics, security keys, or platform authenticators.
+* 
+* @example
+* ```vue
+* <script setup>
+* import { PasskeySignIn } from '@drmhse/authos-vue';
+* <\/script>
+* 
+* <template>
+*   <PasskeySignIn @success="() => router.push('/dashboard')" />
+* </template>
+* ```
+*/
+const PasskeySignIn = defineComponent({
+	name: "PasskeySignIn",
+	props: {
+		showPasswordSignIn: {
+			type: Boolean,
+			default: true
+		},
+		orgSlug: {
+			type: String,
+			default: void 0
+		},
+		serviceSlug: {
+			type: String,
+			default: void 0
+		},
+		redirectUri: {
+			type: String,
+			default: void 0
+		},
+		state: {
+			type: String,
+			default: void 0
+		}
+	},
+	emits: ["success", "error"],
+	setup(props, { emit, slots }) {
+		const { client, options } = useAuthOS();
+		const email = ref("");
+		const isLoading = ref(false);
+		const error = ref(null);
+		const isSupported = ref(true);
+		onMounted(() => {
+			isSupported.value = client.passkeys.isSupported();
+		});
+		async function handleSubmit() {
+			error.value = null;
+			isLoading.value = true;
+			try {
+				const org = props.orgSlug ?? options.org;
+				const service = props.serviceSlug ?? options.service;
+				const passkeyContext = org && service ? {
+					org_slug: org,
+					service_slug: service,
+					redirect_uri: props.redirectUri ?? options.redirectUri,
+					state: props.state
+				} : void 0;
+				await client.passkeys.login(email.value, passkeyContext);
+				emit("success");
+			} catch (err) {
+				error.value = err instanceof Error ? err.message : "Passkey authentication failed";
+				emit("error", err);
+			} finally {
+				isLoading.value = false;
+			}
+		}
+		const slotProps = computed(() => ({
+			email: email.value,
+			isLoading: isLoading.value,
+			error: error.value,
+			isSupported: isSupported.value,
+			updateEmail: (val) => {
+				email.value = val;
+			},
+			submit: handleSubmit
+		}));
+		return () => {
+			if (slots.default) return slots.default(slotProps.value);
+			if (!isSupported.value) return h("div", {
+				"data-authos-passkey": "",
+				"data-state": "unsupported"
+			}, [h("div", { "data-authos-error": "" }, "Passkeys are not supported in this browser."), props.showPasswordSignIn ? h("a", {
+				href: "/signin",
+				"data-authos-link": "signin"
+			}, "Sign in with password") : null]);
+			return h("form", {
+				onSubmit: (e) => {
+					e.preventDefault();
+					handleSubmit();
+				},
+				"data-authos-passkey": ""
+			}, [
+				h("div", { "data-authos-field": "email" }, [h("label", { for: "authos-passkey-email" }, "Email"), h("input", {
+					id: "authos-passkey-email",
+					type: "email",
+					autocomplete: "email webauthn",
+					value: email.value,
+					onInput: (e) => {
+						email.value = e.target.value;
+					},
+					placeholder: "Enter your email",
+					required: true,
+					disabled: isLoading.value
+				})]),
+				error.value ? h("div", { "data-authos-error": "" }, error.value) : null,
+				h("button", {
+					type: "submit",
+					disabled: isLoading.value,
+					"data-authos-submit": ""
+				}, isLoading.value ? "Authenticating..." : "Sign in with Passkey"),
+				props.showPasswordSignIn ? h("div", { "data-authos-signin-prompt": "" }, [h("a", {
+					href: "/signin",
+					"data-authos-link": "signin"
+				}, "Sign in with password")]) : null
+			]);
+		};
+	}
 });
-var Callback = defineComponent({
-  name: "Callback",
-  props: {
-    onSuccess: {
-      type: Function,
-      default: void 0
-    },
-    onError: {
-      type: Function,
-      default: void 0
-    }
-  },
-  emits: ["success", "error"],
-  setup(props, { slots, emit }) {
-    const { client } = useAuthOS();
-    const error = ref(null);
-    onMounted(async () => {
-      if (!client) {
-        error.value = "AuthOS client not initialized";
-        return;
-      }
-      const hashParams = new URLSearchParams(window.location.hash.substring(1));
-      const queryParams = new URLSearchParams(window.location.search);
-      const accessToken = hashParams.get("access_token") || queryParams.get("access_token");
-      const refreshToken = hashParams.get("refresh_token") || queryParams.get("refresh_token");
-      const errorParam = hashParams.get("error") || queryParams.get("error");
-      const errorDescription = hashParams.get("error_description") || queryParams.get("error_description");
-      if (errorParam) {
-        const msg = errorDescription || errorParam;
-        error.value = msg;
-        const e = new Error(msg);
-        emit("error", e);
-        props.onError?.(e);
-        return;
-      }
-      if (accessToken) {
-        try {
-          await client.setSession({
-            access_token: accessToken,
-            refresh_token: refreshToken || void 0
-          });
-          emit("success");
-          props.onSuccess?.();
-        } catch (err) {
-          const message = err.message || "Failed to set session";
-          error.value = message;
-          const e = err instanceof Error ? err : new Error(message);
-          emit("error", e);
-          props.onError?.(e);
-        }
-      } else {
-        const message = "No authentication tokens found in callback URL.";
-        error.value = message;
-        const e = new Error(message);
-        emit("error", e);
-        props.onError?.(e);
-      }
-    });
-    return () => {
-      const slotProps = {
-        error: error.value
-      };
-      if (slots.default) {
-        return slots.default(slotProps);
-      }
-      return h("div", { "data-authos-callback": "" }, [
-        error.value ? h("div", { "data-authos-error": "" }, error.value) : h("div", { "data-authos-loading": "" }, "Completing sign in...")
-      ]);
-    };
-  }
+//#endregion
+//#region src/components/Callback.ts
+const Callback = defineComponent({
+	name: "Callback",
+	props: {
+		onSuccess: {
+			type: Function,
+			default: void 0
+		},
+		onError: {
+			type: Function,
+			default: void 0
+		}
+	},
+	emits: ["success", "error"],
+	setup(props, { slots, emit }) {
+		const { client } = useAuthOS();
+		const error = ref(null);
+		onMounted(async () => {
+			if (!client) {
+				error.value = "AuthOS client not initialized";
+				return;
+			}
+			const hashParams = new URLSearchParams(window.location.hash.substring(1));
+			const queryParams = new URLSearchParams(window.location.search);
+			const accessToken = hashParams.get("access_token") || queryParams.get("access_token");
+			const refreshToken = hashParams.get("refresh_token") || queryParams.get("refresh_token");
+			const errorParam = hashParams.get("error") || queryParams.get("error");
+			const errorDescription = hashParams.get("error_description") || queryParams.get("error_description");
+			if (errorParam) {
+				const msg = errorDescription || errorParam;
+				error.value = msg;
+				const e = new Error(msg);
+				emit("error", e);
+				props.onError?.(e);
+				return;
+			}
+			if (accessToken) try {
+				await client.setSession({
+					access_token: accessToken,
+					refresh_token: refreshToken || void 0
+				});
+				emit("success");
+				props.onSuccess?.();
+			} catch (err) {
+				const message = err.message || "Failed to set session";
+				error.value = message;
+				const e = err instanceof Error ? err : new Error(message);
+				emit("error", e);
+				props.onError?.(e);
+			}
+			else {
+				const message = "No authentication tokens found in callback URL.";
+				error.value = message;
+				const e = /* @__PURE__ */ new Error(message);
+				emit("error", e);
+				props.onError?.(e);
+			}
+		});
+		return () => {
+			const slotProps = { error: error.value };
+			if (slots.default) return slots.default(slotProps);
+			return h("div", { "data-authos-callback": "" }, [error.value ? h("div", { "data-authos-error": "" }, error.value) : h("div", { "data-authos-loading": "" }, "Completing sign in...")]);
+		};
+	}
 });
-
-export { AuthOSProvider, Callback, MagicLinkSignIn, OAuthButton, OrganizationSwitcher, PasskeySignIn, Protect, SignIn, SignUp, SignedIn, SignedOut, UserButton, createAuthOS, useAllPermissions, useAnyPermission, useOrganization, usePermission, useUser };
+//#endregion
+export { AUTH_OS_INJECTION_KEY, AuthErrorCodes, AuthOSProvider, BrowserStorage, Callback, MagicLinkSignIn, MemoryStorage, OAuthButton, OrganizationSwitcher, PasskeySignIn, Protect, SignIn, SignUp, SignedIn, SignedOut, SsoApiError, UserButton, createAuthOS, useAllPermissions, useAnyPermission, useAuthOS, useOrganization, usePermission, useUser };