azirid-react 0.6.0

package/dist/index.cjs

@@ -0,0 +1,3333 @@
+'use strict';
+
+var react = require('react');
+var reactHookForm = require('react-hook-form');
+var zod$1 = require('@hookform/resolvers/zod');
+var zod = require('zod');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var reactQuery = require('@tanstack/react-query');
+var jsxRuntime = require('react/jsx-runtime');
+var classVarianceAuthority = require('class-variance-authority');
+var radixUi = require('radix-ui');
+
+function createLoginSchema(v) {
+  return zod.z.object({
+    email: zod.z.string({ required_error: v.emailRequired }).min(1, v.emailRequired).email(v.emailInvalid),
+    password: zod.z.string({ required_error: v.passwordRequired }).min(1, v.passwordRequired)
+  });
+}
+function createSignupSchema(v) {
+  return zod.z.object({
+    email: zod.z.string({ required_error: v.emailRequired }).min(1, v.emailRequired).email(v.emailInvalid),
+    password: zod.z.string({ required_error: v.passwordRequired }).min(10, v.passwordMinLength),
+    acceptedTosVersion: zod.z.string().optional(),
+    acceptedPrivacyVersion: zod.z.string().optional()
+  });
+}
+var loginSchema = zod.z.object({
+  email: zod.z.string({ required_error: "El correo es requerido" }).min(1, "El correo es requerido").email("Correo electr\xF3nico inv\xE1lido"),
+  password: zod.z.string({ required_error: "La contrase\xF1a es requerida" }).min(1, "La contrase\xF1a es requerida")
+});
+var signupSchema = zod.z.object({
+  email: zod.z.string({ required_error: "El correo es requerido" }).min(1, "El correo es requerido").email("Correo electr\xF3nico inv\xE1lido"),
+  password: zod.z.string({ required_error: "La contrase\xF1a es requerida" }).min(10, "La contrase\xF1a debe tener al menos 10 caracteres"),
+  acceptedTosVersion: zod.z.string().optional(),
+  acceptedPrivacyVersion: zod.z.string().optional()
+});
+var changePasswordSchema = zod.z.object({
+  currentPassword: zod.z.string({ required_error: "La contrase\xF1a actual es requerida" }).min(1, "La contrase\xF1a actual es requerida"),
+  newPassword: zod.z.string({ required_error: "La nueva contrase\xF1a es requerida" }).min(10, "La contrase\xF1a debe tener al menos 10 caracteres")
+});
+var magicLinkRequestSchema = zod.z.object({
+  email: zod.z.string({ required_error: "El correo es requerido" }).min(1, "El correo es requerido").email("Correo electr\xF3nico inv\xE1lido")
+});
+var magicLinkVerifySchema = zod.z.object({
+  token: zod.z.string({ required_error: "El token es requerido" }).min(1, "El token es requerido")
+});
+var socialLoginSchema = zod.z.object({
+  provider: zod.z.enum(["google", "github"], {
+    required_error: "El proveedor es requerido"
+  }),
+  providerAccountId: zod.z.string({ required_error: "El ID de proveedor es requerido" }).min(1, "El ID de proveedor es requerido"),
+  email: zod.z.string({ required_error: "El correo es requerido" }).min(1, "El correo es requerido").email("Correo electr\xF3nico inv\xE1lido"),
+  emailVerified: zod.z.boolean().optional(),
+  firstName: zod.z.string().optional(),
+  lastName: zod.z.string().optional(),
+  createUserIfNotExists: zod.z.boolean().optional(),
+  turnstileToken: zod.z.string().optional(),
+  acceptedTosVersion: zod.z.string().optional(),
+  acceptedPrivacyVersion: zod.z.string().optional()
+});
+var passkeyRegisterStartSchema = zod.z.object({
+  deviceName: zod.z.string().optional()
+});
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+
+// src/client/index.ts
+function isAuthError(err) {
+  return err instanceof Error && typeof err.status === "number" && (err.status === 401 || err.status === 403);
+}
+var SUFFIXES = {
+  login: "login",
+  signup: "signup",
+  logout: "logout",
+  me: "me",
+  refresh: "refresh",
+  bootstrap: "session/bootstrap",
+  magicLinkRequest: "magic-link/request",
+  magicLinkVerify: "magic-link/verify",
+  socialLogin: "social/login",
+  changePassword: "password/change",
+  passkeyLogin: "passkeys/login",
+  passkeyLoginStart: "passkeys/login/start",
+  passkeyLoginVerify: "passkeys/login/verify",
+  passkeyRegisterStart: "passkeys/register/start",
+  passkeyRegisterVerify: "passkeys/register/verify",
+  passkeys: "passkeys",
+  providers: "billing/providers",
+  plans: "billing/plans",
+  subscription: "billing/subscription",
+  checkout: "billing/checkout",
+  billingPortal: "billing/portal",
+  invoices: "billing/invoices",
+  submitTransferProof: "billing/transfer-proof",
+  transferProofs: "billing/transfer-proofs",
+  payphoneConfirm: "billing/payphone/confirm",
+  referralMe: "referrals/me",
+  referralStats: "referrals/stats"
+};
+var BASE_PATHS = {
+  /** Proxy mode (Next.js): requests go to the same origin via route handler */
+  proxy: "/api/auth",
+  /** Direct mode: requests go straight to the Azirid API */
+  direct: "/v1/users/auth"
+};
+function buildPaths(basePath) {
+  const bp = basePath.replace(/\/$/, "");
+  return Object.fromEntries(
+    Object.entries(SUFFIXES).map(([key, suffix]) => [key, `${bp}/${suffix}`])
+  );
+}
+var PATHS = buildPaths(BASE_PATHS.direct);
+function createAccessClient(config, appContext) {
+  const baseUrl = config.baseUrl.replace(/\/$/, "");
+  const paths = config.basePath ? buildPaths(config.basePath) : PATHS;
+  const storageKeyRt = "__azrt";
+  const storageKeyCsrf = "__azxc";
+  function ssGet(key) {
+    try {
+      return typeof sessionStorage !== "undefined" ? sessionStorage.getItem(key) : null;
+    } catch {
+      return null;
+    }
+  }
+  function ssSet(key, value) {
+    try {
+      if (typeof sessionStorage === "undefined") return;
+      if (value) sessionStorage.setItem(key, value);
+      else sessionStorage.removeItem(key);
+    } catch {
+    }
+  }
+  let accessToken = null;
+  let refreshToken = ssGet(storageKeyRt);
+  let csrfToken = ssGet(storageKeyCsrf);
+  let refreshPromise = null;
+  function setAccessToken(token) {
+    accessToken = token;
+  }
+  function getAccessToken() {
+    return accessToken;
+  }
+  function setRefreshToken(token) {
+    refreshToken = token;
+    ssSet(storageKeyRt, token);
+  }
+  function getRefreshToken() {
+    return refreshToken;
+  }
+  function setCsrfToken(token) {
+    csrfToken = token;
+    ssSet(storageKeyCsrf, token);
+  }
+  const csrfCookieName = "_axc";
+  function getCsrfToken() {
+    if (csrfToken) return csrfToken;
+    if (typeof document === "undefined") return null;
+    const match = document.cookie.match(new RegExp(`(?:^|;\\s*)${csrfCookieName}=([^;]*)`));
+    return match ? decodeURIComponent(match[1]) : null;
+  }
+  const sessionPaths = [paths.refresh, paths.bootstrap, paths.logout];
+  async function refreshTokensInternal() {
+    const reqHeaders = {
+      "Content-Type": "application/json",
+      ...config.headers
+    };
+    if (appContext?.publishableKey) {
+      reqHeaders["X-Publishable-Key"] = appContext.publishableKey;
+    }
+    const csrf = getCsrfToken();
+    if (csrf) reqHeaders["X-CSRF-Token"] = csrf;
+    const bodyPayload = {};
+    if (refreshToken) {
+      bodyPayload["rt"] = refreshToken;
+    }
+    const res = await fetch(`${baseUrl}${paths.refresh}`, {
+      method: "POST",
+      headers: reqHeaders,
+      credentials: "include",
+      body: JSON.stringify(bodyPayload)
+    });
+    if (!res.ok) {
+      accessToken = null;
+      setRefreshToken(null);
+      setCsrfToken(null);
+      throw new Error("Session expired");
+    }
+    const raw = await res.json();
+    const json = raw && typeof raw === "object" && "data" in raw && "meta" in raw ? raw.data : raw;
+    accessToken = json.at ?? json.accessToken ?? null;
+    const rt = json.rt ?? json.refreshToken;
+    const xc = json.xc ?? json.csrfToken;
+    if (rt) setRefreshToken(rt);
+    if (xc) setCsrfToken(xc);
+  }
+  function refreshTokens() {
+    if (refreshPromise) return refreshPromise;
+    refreshPromise = refreshTokensInternal().finally(() => {
+      refreshPromise = null;
+    });
+    return refreshPromise;
+  }
+  async function request(method, path, body) {
+    const headers = {
+      "Content-Type": "application/json",
+      ...config.headers
+    };
+    if (appContext?.publishableKey) {
+      headers["X-Publishable-Key"] = appContext.publishableKey;
+    }
+    const isSessionPath = sessionPaths.includes(path);
+    if (accessToken && !isSessionPath) {
+      headers["Authorization"] = `Bearer ${accessToken}`;
+    }
+    const csrf = getCsrfToken();
+    if (csrf) {
+      headers["X-CSRF-Token"] = csrf;
+    }
+    let requestBody = body;
+    if (isSessionPath && refreshToken) {
+      const existing = typeof body === "object" && body !== null ? body : {};
+      if (!existing["rt"]) {
+        requestBody = { ...existing, rt: refreshToken };
+      }
+    }
+    let res = await fetch(`${baseUrl}${path}`, {
+      method,
+      headers,
+      credentials: "include",
+      ...requestBody !== void 0 ? { body: JSON.stringify(requestBody) } : {}
+    });
+    const skipRefreshPaths = [
+      paths.refresh,
+      paths.login,
+      paths.signup,
+      paths.bootstrap,
+      paths.logout
+    ];
+    if (res.status === 401 && !skipRefreshPaths.includes(path)) {
+      try {
+        await refreshTokens();
+      } catch {
+        let msg = "Session expired";
+        try {
+          const json2 = await res.json();
+          msg = json2.message || json2.error?.message || (typeof json2.error === "string" ? json2.error : null) || msg;
+        } catch {
+        }
+        throw new Error(msg);
+      }
+      const retryHeaders = {
+        "Content-Type": "application/json",
+        ...config.headers
+      };
+      if (appContext?.publishableKey) {
+        retryHeaders["X-Publishable-Key"] = appContext.publishableKey;
+      }
+      if (accessToken && !isSessionPath) {
+        retryHeaders["Authorization"] = `Bearer ${accessToken}`;
+      }
+      const retryCsrf = getCsrfToken();
+      if (retryCsrf) {
+        retryHeaders["X-CSRF-Token"] = retryCsrf;
+      }
+      res = await fetch(`${baseUrl}${path}`, {
+        method,
+        headers: retryHeaders,
+        credentials: "include",
+        ...requestBody !== void 0 ? { body: JSON.stringify(requestBody) } : {}
+      });
+    }
+    if (!res.ok) {
+      let msg = `Error ${res.status}`;
+      try {
+        const json2 = await res.json();
+        msg = json2.message || json2.error?.message || (typeof json2.error === "string" ? json2.error : null) || msg;
+      } catch {
+      }
+      const err = new Error(msg);
+      err.status = res.status;
+      throw err;
+    }
+    if (res.status === 204) return void 0;
+    const json = await res.json();
+    if (json && typeof json === "object" && "data" in json && "meta" in json) {
+      return json.data;
+    }
+    return json;
+  }
+  return {
+    post: (path, body) => request("POST", path, body),
+    get: (path) => request("GET", path),
+    patch: (path, body) => request("PATCH", path, body),
+    del: (path) => request("DELETE", path),
+    paths,
+    baseUrl,
+    appContext,
+    setAccessToken,
+    getAccessToken,
+    setRefreshToken,
+    getRefreshToken,
+    setCsrfToken,
+    getCsrfToken,
+    refreshSession: refreshTokens
+  };
+}
+
+// src/i18n/es.ts
+var es = {
+  login: {
+    title: "Inicia sesi\xF3n en tu cuenta",
+    description: "Ingresa tus credenciales para acceder al dashboard.",
+    submit: "Iniciar sesi\xF3n",
+    emailLabel: "Correo electr\xF3nico",
+    emailPlaceholder: "tu@empresa.com",
+    passwordLabel: "Contrase\xF1a",
+    passwordPlaceholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022"
+  },
+  signup: {
+    title: "Crea tu cuenta",
+    description: "Ingresa tus datos para registrarte.",
+    submit: "Crear cuenta",
+    emailLabel: "Correo electr\xF3nico",
+    emailPlaceholder: "tu@empresa.com",
+    passwordLabel: "Contrase\xF1a",
+    passwordPlaceholder: "M\xEDn. 10 caracteres",
+    confirmPasswordLabel: "Confirmar contrase\xF1a",
+    confirmPasswordPlaceholder: "Repite tu contrase\xF1a"
+  },
+  forgotPassword: {
+    title: "Recuperar contrase\xF1a",
+    description: "Ingresa tu correo electr\xF3nico y te enviaremos un enlace para restablecer tu contrase\xF1a.",
+    submit: "Enviar enlace",
+    emailLabel: "Correo electr\xF3nico",
+    emailPlaceholder: "tu@empresa.com",
+    successMessage: "Revisa tu correo electr\xF3nico para restablecer tu contrase\xF1a."
+  },
+  resetPassword: {
+    title: "Restablecer contrase\xF1a",
+    description: "Ingresa tu nueva contrase\xF1a.",
+    submit: "Restablecer contrase\xF1a",
+    newPasswordLabel: "Nueva contrase\xF1a",
+    newPasswordPlaceholder: "M\xEDn. 10 caracteres",
+    confirmPasswordLabel: "Confirmar contrase\xF1a",
+    confirmPasswordPlaceholder: "Repite tu contrase\xF1a"
+  },
+  social: {
+    google: "Continuar con Google",
+    apple: "Continuar con Apple",
+    separator: "o continuar con correo",
+    comingSoon: "Pr\xF3ximamente"
+  },
+  passwordToggle: {
+    show: "Ver",
+    hide: "Ocultar"
+  },
+  securedBy: "Protegido por",
+  billing: {
+    pay: "Pagar",
+    selectPaymentMethod: "Selecciona m\xE9todo de pago",
+    creditCard: "Tarjeta de cr\xE9dito/d\xE9bito",
+    paypal: "PayPal",
+    payphone: "Payphone",
+    bankTransfer: "Transferencia bancaria",
+    cancel: "Cancelar",
+    processing: "Procesando..."
+  },
+  validation: {
+    emailRequired: "El correo es requerido",
+    emailInvalid: "Correo electr\xF3nico inv\xE1lido",
+    passwordRequired: "La contrase\xF1a es requerida",
+    passwordMinLength: "La contrase\xF1a debe tener al menos 10 caracteres",
+    confirmPasswordRequired: "Confirma tu contrase\xF1a",
+    passwordsMismatch: "Las contrase\xF1as no coinciden",
+    tokenRequired: "El token es requerido",
+    newPasswordRequired: "La nueva contrase\xF1a es requerida",
+    currentPasswordRequired: "La contrase\xF1a actual es requerida",
+    mfaCodeRequired: "El c\xF3digo es requerido",
+    mfaCodeLength: "El c\xF3digo debe tener 6 d\xEDgitos",
+    providerRequired: "El proveedor es requerido",
+    providerIdRequired: "El ID de proveedor es requerido",
+    urlInvalid: "URL inv\xE1lida"
+  }
+};
+
+// src/i18n/en.ts
+var en = {
+  login: {
+    title: "Sign in to your account",
+    description: "Enter your credentials to access the dashboard.",
+    submit: "Sign in",
+    emailLabel: "Email",
+    emailPlaceholder: "you@company.com",
+    passwordLabel: "Password",
+    passwordPlaceholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022"
+  },
+  signup: {
+    title: "Create your account",
+    description: "Enter your details to sign up.",
+    submit: "Create account",
+    emailLabel: "Email",
+    emailPlaceholder: "you@company.com",
+    passwordLabel: "Password",
+    passwordPlaceholder: "Min. 10 characters",
+    confirmPasswordLabel: "Confirm password",
+    confirmPasswordPlaceholder: "Repeat your password"
+  },
+  forgotPassword: {
+    title: "Reset password",
+    description: "Enter your email and we'll send you a link to reset your password.",
+    submit: "Send link",
+    emailLabel: "Email",
+    emailPlaceholder: "you@company.com",
+    successMessage: "Check your email to reset your password."
+  },
+  resetPassword: {
+    title: "Reset password",
+    description: "Enter your new password.",
+    submit: "Reset password",
+    newPasswordLabel: "New password",
+    newPasswordPlaceholder: "Min. 10 characters",
+    confirmPasswordLabel: "Confirm password",
+    confirmPasswordPlaceholder: "Repeat your password"
+  },
+  social: {
+    google: "Continue with Google",
+    apple: "Continue with Apple",
+    separator: "or continue with email",
+    comingSoon: "Coming soon"
+  },
+  passwordToggle: {
+    show: "Show",
+    hide: "Hide"
+  },
+  securedBy: "Secured by",
+  billing: {
+    pay: "Pay",
+    selectPaymentMethod: "Select payment method",
+    creditCard: "Credit/Debit Card",
+    paypal: "PayPal",
+    payphone: "Payphone",
+    bankTransfer: "Bank Transfer",
+    cancel: "Cancel",
+    processing: "Processing..."
+  },
+  validation: {
+    emailRequired: "Email is required",
+    emailInvalid: "Invalid email address",
+    passwordRequired: "Password is required",
+    passwordMinLength: "Password must be at least 10 characters",
+    confirmPasswordRequired: "Please confirm your password",
+    passwordsMismatch: "Passwords do not match",
+    tokenRequired: "Token is required",
+    newPasswordRequired: "New password is required",
+    currentPasswordRequired: "Current password is required",
+    mfaCodeRequired: "Code is required",
+    mfaCodeLength: "Code must be 6 digits",
+    providerRequired: "Provider is required",
+    providerIdRequired: "Provider ID is required",
+    urlInvalid: "Invalid URL"
+  }
+};
+
+// src/i18n/index.ts
+var dictionaries = { es, en };
+function resolveMessages(locale = "es", overrides) {
+  const base = dictionaries[locale] ?? dictionaries.es;
+  if (!overrides) return base;
+  return {
+    login: { ...base.login, ...overrides.login },
+    signup: { ...base.signup, ...overrides.signup },
+    forgotPassword: { ...base.forgotPassword, ...overrides.forgotPassword },
+    resetPassword: { ...base.resetPassword, ...overrides.resetPassword },
+    social: { ...base.social, ...overrides.social },
+    passwordToggle: { ...base.passwordToggle, ...overrides.passwordToggle },
+    securedBy: overrides.securedBy ?? base.securedBy,
+    billing: { ...base.billing, ...overrides.billing },
+    validation: { ...base.validation, ...overrides.validation }
+  };
+}
+
+// src/styles/generated.ts
+var css = `/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-azirid] *,[data-azirid] :before,[data-azirid] :after,[data-azirid] ::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-content:""}}[data-azirid]{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-blue-500:oklch(62.3% .214 259.815);--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-medium:500;--leading-snug:1.375;--radius-md:calc(var(--aa-radius) - 2px);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--aa-font-sans,ui-sans-serif, system-ui, sans-serif);--default-mono-font-family:var(--font-mono)}.\\@container\\/card-header{container:card-header/inline-size}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.z-10{z-index:10}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mr-2{margin-right:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.w-4{width:calc(var(--spacing) * 4)}.w-auto{width:auto}.w-full{width:100%}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing) * 0)}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.auto-rows-min{grid-auto-rows:min-content}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.self-center{align-self:center}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.overflow-hidden{overflow:hidden}.rounded-\\[min\\(var\\(--radius-md\\)\\,10px\\)\\]{border-radius:min(var(--radius-md), 10px)}.rounded-\\[min\\(var\\(--radius-md\\)\\,12px\\)\\]{border-radius:min(var(--radius-md), 12px)}.rounded-lg{border-radius:var(--aa-radius)}.rounded-md{border-radius:calc(var(--aa-radius) - 2px)}.rounded-xl{border-radius:calc(var(--aa-radius) + 4px)}.rounded-t-xl{border-top-left-radius:calc(var(--aa-radius) + 4px);border-top-right-radius:calc(var(--aa-radius) + 4px)}.rounded-b-xl{border-bottom-right-radius:calc(var(--aa-radius) + 4px);border-bottom-left-radius:calc(var(--aa-radius) + 4px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-border{border-color:var(--aa-border)}.border-destructive,.border-destructive\\/50{border-color:var(--aa-destructive)}@supports (color:color-mix(in lab, red, red)){.border-destructive\\/50{border-color:color-mix(in oklab, var(--aa-destructive) 50%, transparent)}}.border-input{border-color:var(--aa-input)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--aa-background)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-border{background-color:var(--aa-border)}.bg-card{background-color:var(--aa-card)}.bg-destructive,.bg-destructive\\/10{background-color:var(--aa-destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\\/10{background-color:color-mix(in oklab, var(--aa-destructive) 10%, transparent)}}.bg-muted,.bg-muted\\/50{background-color:var(--aa-muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\\/50{background-color:color-mix(in oklab, var(--aa-muted) 50%, transparent)}}.bg-primary{background-color:var(--aa-primary)}.bg-secondary{background-color:var(--aa-secondary)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-clip-padding{background-clip:padding-box}.p-4{padding:calc(var(--spacing) * 4)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[0\\.8rem\\]{font-size:.8rem}.leading-none{--tw-leading:1;line-height:1}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.text-card-foreground{color:var(--aa-card-foreground)}.text-destructive{color:var(--aa-destructive)}.text-muted-foreground{color:var(--aa-muted-foreground)}.text-primary{color:var(--aa-primary)}.text-primary-foreground{color:var(--aa-primary-foreground)}.text-secondary-foreground{color:var(--aa-secondary-foreground)}.uppercase{text-transform:uppercase}.underline-offset-4{text-underline-offset:4px}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-foreground,.ring-foreground\\/10{--tw-ring-color:var(--aa-foreground)}@supports (color:color-mix(in lab, red, red)){.ring-foreground\\/10{--tw-ring-color:color-mix(in oklab, var(--aa-foreground) 10%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-data-\\[disabled\\=true\\]\\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\\[disabled\\=true\\]\\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.group-data-\\[size\\=sm\\]\\/card\\:p-3:is(:where(.group\\/card)[data-size=sm] *){padding:calc(var(--spacing) * 3)}.group-data-\\[size\\=sm\\]\\/card\\:px-3:is(:where(.group\\/card)[data-size=sm] *){padding-inline:calc(var(--spacing) * 3)}.group-data-\\[size\\=sm\\]\\/card\\:text-sm:is(:where(.group\\/card)[data-size=sm] *){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.peer-disabled\\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.file\\:inline-flex::file-selector-button{display:inline-flex}.file\\:h-6::file-selector-button{height:calc(var(--spacing) * 6)}.file\\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\\:bg-transparent::file-selector-button{background-color:#0000}.file\\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\\:text-foreground::file-selector-button{color:var(--aa-foreground)}.placeholder\\:text-muted-foreground::placeholder{color:var(--aa-muted-foreground)}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:inset-0:after{content:var(--tw-content);inset:calc(var(--spacing) * 0)}.after\\:top-1\\/2:after{content:var(--tw-content);top:50%}.after\\:z-0:after{content:var(--tw-content);z-index:0}.after\\:flex:after{content:var(--tw-content);display:flex}.after\\:items-center:after{content:var(--tw-content);align-items:center}.after\\:border-t:after{content:var(--tw-content);border-top-style:var(--tw-border-style);border-top-width:1px}.after\\:border-border:after{content:var(--tw-content);border-color:var(--aa-border)}@media (hover:hover){.hover\\:bg-destructive\\/20:hover{background-color:var(--aa-destructive)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-destructive\\/20:hover{background-color:color-mix(in oklab, var(--aa-destructive) 20%, transparent)}}.hover\\:bg-muted:hover{background-color:var(--aa-muted)}.hover\\:bg-secondary\\/80:hover{background-color:var(--aa-secondary)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-secondary\\/80:hover{background-color:color-mix(in oklab, var(--aa-secondary) 80%, transparent)}}.hover\\:text-foreground:hover{color:var(--aa-foreground)}.hover\\:underline:hover{text-decoration-line:underline}}.focus-visible\\:border-destructive\\/40:focus-visible{border-color:var(--aa-destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:border-destructive\\/40:focus-visible{border-color:color-mix(in oklab, var(--aa-destructive) 40%, transparent)}}.focus-visible\\:border-ring:focus-visible{border-color:var(--aa-ring)}.focus-visible\\:ring-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\\:ring-destructive\\/20:focus-visible{--tw-ring-color:var(--aa-destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-destructive\\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--aa-destructive) 20%, transparent)}}.focus-visible\\:ring-ring\\/50:focus-visible{--tw-ring-color:var(--aa-ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-ring\\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--aa-ring) 50%, transparent)}}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:bg-input\\/50:disabled{background-color:var(--aa-input)}@supports (color:color-mix(in lab, red, red)){.disabled\\:bg-input\\/50:disabled{background-color:color-mix(in oklab, var(--aa-input) 50%, transparent)}}.disabled\\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\\[slot\\=button-group\\]\\:rounded-lg{border-radius:var(--aa-radius)}.has-data-\\[icon\\=inline-end\\]\\:pr-1\\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\\[icon\\=inline-end\\]\\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\\[icon\\=inline-end\\]\\:pr-3:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 3)}.has-data-\\[icon\\=inline-start\\]\\:pl-1\\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\\[icon\\=inline-start\\]\\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.has-data-\\[icon\\=inline-start\\]\\:pl-3:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 3)}.has-data-\\[slot\\=card-action\\]\\:grid-cols-\\[1fr_auto\\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-data-\\[slot\\=card-description\\]\\:grid-rows-\\[auto_auto\\]:has([data-slot=card-description]){grid-template-rows:auto auto}.has-data-\\[slot\\=card-footer\\]\\:pb-0:has([data-slot=card-footer]){padding-bottom:calc(var(--spacing) * 0)}.has-\\[\\>img\\:first-child\\]\\:pt-0:has(>img:first-child){padding-top:calc(var(--spacing) * 0)}.aria-expanded\\:bg-muted[aria-expanded=true]{background-color:var(--aa-muted)}.aria-expanded\\:bg-secondary[aria-expanded=true]{background-color:var(--aa-secondary)}.aria-expanded\\:text-foreground[aria-expanded=true]{color:var(--aa-foreground)}.aria-expanded\\:text-secondary-foreground[aria-expanded=true]{color:var(--aa-secondary-foreground)}.aria-invalid\\:border-destructive[aria-invalid=true]{border-color:var(--aa-destructive)}.aria-invalid\\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.aria-invalid\\:ring-destructive\\/20[aria-invalid=true]{--tw-ring-color:var(--aa-destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\\:ring-destructive\\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--aa-destructive) 20%, transparent)}}.data-horizontal\\:h-px[data-horizontal]{height:1px}.data-horizontal\\:w-full[data-horizontal]{width:100%}.data-vertical\\:w-px[data-vertical]{width:1px}.data-vertical\\:self-stretch[data-vertical]{align-self:stretch}.data-\\[size\\=sm\\]\\:gap-3[data-size=sm]{gap:calc(var(--spacing) * 3)}.data-\\[size\\=sm\\]\\:py-3[data-size=sm]{padding-block:calc(var(--spacing) * 3)}.data-\\[size\\=sm\\]\\:has-data-\\[slot\\=card-footer\\]\\:pb-0[data-size=sm]:has([data-slot=card-footer]){padding-bottom:calc(var(--spacing) * 0)}@media (min-width:48rem){.md\\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.dark\\:border-input:is(.dark *){border-color:var(--aa-input)}.dark\\:bg-destructive\\/20:is(.dark *){background-color:var(--aa-destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-destructive\\/20:is(.dark *){background-color:color-mix(in oklab, var(--aa-destructive) 20%, transparent)}}.dark\\:bg-input\\/30:is(.dark *){background-color:var(--aa-input)}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-input\\/30:is(.dark *){background-color:color-mix(in oklab, var(--aa-input) 30%, transparent)}}@media (hover:hover){.dark\\:hover\\:bg-destructive\\/30:is(.dark *):hover{background-color:var(--aa-destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-destructive\\/30:is(.dark *):hover{background-color:color-mix(in oklab, var(--aa-destructive) 30%, transparent)}}.dark\\:hover\\:bg-input\\/50:is(.dark *):hover{background-color:var(--aa-input)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-input\\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--aa-input) 50%, transparent)}}.dark\\:hover\\:bg-muted\\/50:is(.dark *):hover{background-color:var(--aa-muted)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-muted\\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--aa-muted) 50%, transparent)}}}.dark\\:focus-visible\\:ring-destructive\\/40:is(.dark *):focus-visible{--tw-ring-color:var(--aa-destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:focus-visible\\:ring-destructive\\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--aa-destructive) 40%, transparent)}}.dark\\:disabled\\:bg-input\\/80:is(.dark *):disabled{background-color:var(--aa-input)}@supports (color:color-mix(in lab, red, red)){.dark\\:disabled\\:bg-input\\/80:is(.dark *):disabled{background-color:color-mix(in oklab, var(--aa-input) 80%, transparent)}}.dark\\:aria-invalid\\:border-destructive\\/50:is(.dark *)[aria-invalid=true]{border-color:var(--aa-destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:aria-invalid\\:border-destructive\\/50:is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab, var(--aa-destructive) 50%, transparent)}}.dark\\:aria-invalid\\:ring-destructive\\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--aa-destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:aria-invalid\\:ring-destructive\\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--aa-destructive) 40%, transparent)}}.\\[\\&_a\\]\\:underline a{text-decoration-line:underline}.\\[\\&_a\\]\\:underline-offset-4 a{text-underline-offset:4px}@media (hover:hover){.\\[\\&_a\\]\\:hover\\:text-primary a:hover{color:var(--aa-primary)}}.\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3\\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\\[\\.border-b\\]\\:pb-4.border-b{padding-bottom:calc(var(--spacing) * 4)}.group-data-\\[size\\=sm\\]\\/card\\:\\[\\.border-b\\]\\:pb-3:is(:where(.group\\/card)[data-size=sm] *).border-b{padding-bottom:calc(var(--spacing) * 3)}@media (hover:hover){.\\[a\\]\\:hover\\:bg-primary\\/80:is(a):hover{background-color:var(--aa-primary)}@supports (color:color-mix(in lab, red, red)){.\\[a\\]\\:hover\\:bg-primary\\/80:is(a):hover{background-color:color-mix(in oklab, var(--aa-primary) 80%, transparent)}}}:is(.\\*\\:\\[img\\:first-child\\]\\:rounded-t-xl>*):is(img:first-child){border-top-left-radius:calc(var(--aa-radius) + 4px);border-top-right-radius:calc(var(--aa-radius) + 4px)}:is(.\\*\\:\\[img\\:last-child\\]\\:rounded-b-xl>*):is(img:last-child){border-bottom-right-radius:calc(var(--aa-radius) + 4px);border-bottom-left-radius:calc(var(--aa-radius) + 4px)}[data-azirid]{--aa-radius:.625rem;--aa-background:oklch(100% 0 0);--aa-foreground:oklch(14.5% 0 0);--aa-card:oklch(100% 0 0);--aa-card-foreground:oklch(14.5% 0 0);--aa-popover:oklch(100% 0 0);--aa-popover-foreground:oklch(14.5% 0 0);--aa-primary:oklch(20.5% 0 0);--aa-primary-foreground:oklch(98.5% 0 0);--aa-secondary:oklch(97% 0 0);--aa-secondary-foreground:oklch(20.5% 0 0);--aa-muted:oklch(97% 0 0);--aa-muted-foreground:oklch(55.6% 0 0);--aa-accent:oklch(97% 0 0);--aa-accent-foreground:oklch(20.5% 0 0);--aa-destructive:oklch(57.7% .245 27.325);--aa-border:oklch(92.2% 0 0);--aa-input:oklch(92.2% 0 0);--aa-ring:oklch(70.8% 0 0);--aa-font-sans:ui-sans-serif, system-ui, sans-serif}@layer base{[data-azirid]{font-family:var(--aa-font-sans);color:var(--aa-foreground);background-color:var(--aa-background);-webkit-text-size-adjust:100%;tab-size:4;-webkit-font-smoothing:antialiased;line-height:1.5}[data-azirid] *,[data-azirid] :before,[data-azirid] :after{box-sizing:border-box;border:0 solid;border-color:var(--aa-border);margin:0;padding:0}[data-azirid] hr{height:0;color:inherit;border-top-width:1px}[data-azirid] h1,[data-azirid] h2,[data-azirid] h3,[data-azirid] h4,[data-azirid] h5,[data-azirid] h6{font-size:inherit;font-weight:inherit}[data-azirid] a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}[data-azirid] b,[data-azirid] strong{font-weight:bolder}[data-azirid] code,[data-azirid] kbd,[data-azirid] samp,[data-azirid] pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}[data-azirid] small{font-size:80%}[data-azirid] table{text-indent:0;border-color:inherit;border-collapse:collapse}[data-azirid] button,[data-azirid] input,[data-azirid] optgroup,[data-azirid] select,[data-azirid] textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}[data-azirid] button,[data-azirid] select{text-transform:none}[data-azirid] button,[data-azirid] input[type=button],[data-azirid] input[type=reset],[data-azirid] input[type=submit]{-webkit-appearance:button;background-color:#0000;background-image:none}[data-azirid] :-moz-focusring{outline:auto}[data-azirid] ::-moz-focus-inner{border-style:none;padding:0}[data-azirid] :-moz-ui-invalid{box-shadow:none}[data-azirid] progress{vertical-align:baseline}[data-azirid] ::-webkit-inner-spin-button{height:auto}[data-azirid] ::-webkit-outer-spin-button{height:auto}[data-azirid] [type=search]{-webkit-appearance:textfield;outline-offset:-2px}[data-azirid] ::-webkit-search-decoration{-webkit-appearance:none}[data-azirid] ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[data-azirid] summary{display:list-item}[data-azirid] ol,[data-azirid] ul,[data-azirid] menu{margin:0;padding:0;list-style:none}[data-azirid] textarea{resize:vertical}[data-azirid] ::placeholder{opacity:1;color:currentColor}@supports (color:color-mix(in lab, red, red)){[data-azirid] ::placeholder{color:color-mix(in oklch, currentColor 50%, transparent)}}[data-azirid] img,[data-azirid] svg,[data-azirid] video,[data-azirid] canvas,[data-azirid] audio,[data-azirid] iframe,[data-azirid] embed,[data-azirid] object{vertical-align:middle;display:block}[data-azirid] img,[data-azirid] video{max-width:100%;height:auto}[data-azirid] [hidden]:not([hidden=until-found]){display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}`;
+
+// src/utils/inject-styles.ts
+var STYLE_ID = "azirid-access-styles";
+var injected = false;
+function injectStyles() {
+  if (injected || typeof document === "undefined") return;
+  if (document.getElementById(STYLE_ID)) {
+    injected = true;
+    return;
+  }
+  const style = document.createElement("style");
+  style.id = STYLE_ID;
+  style.textContent = css;
+  document.head.appendChild(style);
+  injected = true;
+}
+function removeStyles() {
+  if (typeof document === "undefined") return;
+  document.getElementById(STYLE_ID)?.remove();
+  injected = false;
+}
+var AziridContext = react.createContext(null);
+AziridContext.displayName = "AziridContext";
+var ClientContext = react.createContext(null);
+ClientContext.displayName = "AccessClientContext";
+var BrandingContext = react.createContext(null);
+BrandingContext.displayName = "BrandingContext";
+function useAccessClient() {
+  const ctx = react.useContext(ClientContext);
+  if (!ctx) {
+    throw new Error("useAccessClient must be used within an <AziridProvider>.");
+  }
+  return ctx;
+}
+function useBranding() {
+  const ctx = react.useContext(BrandingContext);
+  return ctx?.branding ?? null;
+}
+function useMessages() {
+  const ctx = react.useContext(BrandingContext);
+  if (ctx) return ctx.messages;
+  return resolveMessages("es");
+}
+var defaultQueryClient = new reactQuery.QueryClient({
+  defaultOptions: {
+    queries: { retry: false, refetchOnWindowFocus: false }
+  }
+});
+function AziridProviderInner({
+  children,
+  client,
+  props
+}) {
+  const queryClient = reactQuery.useQueryClient();
+  const [user, setUser] = react.useState(null);
+  const [accessToken, setAccessToken] = react.useState(null);
+  const [error, setError] = react.useState(null);
+  const [branding, setBranding] = react.useState(null);
+  const [isBootstrapping, setIsBootstrapping] = react.useState(props.autoBootstrap ?? true);
+  const messages = react.useMemo(
+    () => resolveMessages(props.locale ?? "es", props.messages),
+    [props.locale, props.messages]
+  );
+  const brandingValue = react.useMemo(
+    () => ({ branding, messages }),
+    [branding, messages]
+  );
+  const isProxyMode = !props.apiUrl;
+  const syncUrl = react.useMemo(() => {
+    if (props.sessionSyncUrl === false) return null;
+    if (props.sessionSyncUrl) return props.sessionSyncUrl;
+    if (isProxyMode) return null;
+    if (client.appContext?.publishableKey?.startsWith("pk_dev")) {
+      return "/api/auth/session";
+    }
+    return null;
+  }, [props.sessionSyncUrl, client.appContext?.publishableKey, isProxyMode]);
+  const syncSession = react.useCallback(
+    (token) => {
+      if (!syncUrl) return;
+      if (token) {
+        fetch(syncUrl, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ token })
+        }).catch(() => {
+        });
+      } else {
+        fetch(syncUrl, { method: "DELETE" }).catch(() => {
+        });
+      }
+    },
+    [syncUrl]
+  );
+  const updateAccessToken = react.useCallback(
+    (token) => {
+      setAccessToken(token);
+      client.setAccessToken(token);
+      syncSession(token);
+    },
+    [client, syncSession]
+  );
+  const saveSessionTokens = react.useCallback(
+    (data) => {
+      const rt = data.rt ?? data.refreshToken;
+      const xc = data.xc ?? data.csrfToken;
+      if (rt) client.setRefreshToken(rt);
+      if (xc) client.setCsrfToken(xc);
+    },
+    [client]
+  );
+  const clearSession = react.useCallback(() => {
+    setUser(null);
+    updateAccessToken(null);
+    client.setRefreshToken(null);
+    client.setCsrfToken(null);
+  }, [client, updateAccessToken]);
+  const withAppContext = react.useCallback(
+    (body) => {
+      if (client.appContext?.tenantId) {
+        return { ...body, tenantId: client.appContext.tenantId };
+      }
+      return body;
+    },
+    [client]
+  );
+  react.useEffect(() => {
+    const autoBootstrap = props.autoBootstrap ?? true;
+    if (!autoBootstrap) return;
+    let cancelled = false;
+    async function bootstrap() {
+      setIsBootstrapping(true);
+      try {
+        const response = await client.post(client.paths.bootstrap);
+        if (cancelled) return;
+        if (response.branding) {
+          setBranding(response.branding);
+        }
+        if (response.authenticated) {
+          const r = response;
+          setUser(response.user);
+          updateAccessToken(r.at ?? r.accessToken);
+          saveSessionTokens(r);
+        }
+      } catch (err) {
+        if (typeof console !== "undefined") {
+          const msg = err instanceof Error ? err.message : JSON.stringify(err);
+          console.warn("[azirid-access] bootstrap failed:", msg);
+        }
+      } finally {
+        if (!cancelled) {
+          setIsBootstrapping(false);
+        }
+      }
+    }
+    bootstrap();
+    return () => {
+      cancelled = true;
+    };
+  }, [client, props.autoBootstrap, updateAccessToken, saveSessionTokens]);
+  const silentRefresh = react.useCallback(async () => {
+    if (!client.getAccessToken()) return;
+    try {
+      await client.refreshSession();
+      updateAccessToken(client.getAccessToken());
+    } catch (err) {
+      if (isAuthError(err)) {
+        clearSession();
+        props.onSessionExpired?.();
+      }
+    }
+  }, [client, updateAccessToken, clearSession, props]);
+  react.useEffect(() => {
+    const intervalMs = props.refreshInterval ?? 5e4;
+    if (intervalMs <= 0) return;
+    const id = setInterval(silentRefresh, intervalMs);
+    return () => clearInterval(id);
+  }, [props.refreshInterval, silentRefresh]);
+  react.useEffect(() => {
+    function handleVisibilityChange() {
+      if (document.visibilityState === "visible") {
+        silentRefresh();
+      }
+    }
+    document.addEventListener("visibilitychange", handleVisibilityChange);
+    return () => document.removeEventListener("visibilitychange", handleVisibilityChange);
+  }, [silentRefresh]);
+  const normalizeToken = react.useCallback(
+    (data) => data.at ?? data.accessToken,
+    []
+  );
+  const loginMutation = reactQuery.useMutation({
+    mutationFn: (data) => client.post(client.paths.login, withAppContext(data)),
+    onSuccess: (data) => {
+      setUser(data.user);
+      updateAccessToken(normalizeToken(data));
+      saveSessionTokens(data);
+      setError(null);
+      props.onLoginSuccess?.(data);
+    },
+    onError: (err) => {
+      setError(err.message);
+      props.onError?.(err.message);
+    }
+  });
+  const signupMutation = reactQuery.useMutation({
+    mutationFn: (data) => {
+      const { confirmPassword: _, ...payload } = data;
+      return client.post(client.paths.signup, withAppContext({ ...payload }));
+    },
+    onSuccess: (data) => {
+      setUser(data.user);
+      updateAccessToken(normalizeToken(data));
+      saveSessionTokens(data);
+      setError(null);
+      props.onSignupSuccess?.(data);
+    },
+    onError: (err) => {
+      setError(err.message);
+      props.onError?.(err.message);
+    }
+  });
+  const logoutMutation = reactQuery.useMutation({
+    mutationFn: () => client.post(client.paths.logout),
+    onSettled: () => {
+      clearSession();
+      setError(null);
+      queryClient.clear();
+      props.onLogoutSuccess?.();
+    }
+  });
+  const refreshFn = react.useCallback(async () => {
+    try {
+      await client.refreshSession();
+      updateAccessToken(client.getAccessToken());
+    } catch (err) {
+      clearSession();
+      queryClient.clear();
+      props.onSessionExpired?.();
+      throw err;
+    }
+  }, [client, queryClient, props, updateAccessToken, clearSession]);
+  const login = react.useCallback(
+    (data) => loginMutation.mutate(data),
+    [loginMutation]
+  );
+  const signup = react.useCallback((data) => signupMutation.mutate(data), [signupMutation]);
+  const logout = react.useCallback(() => logoutMutation.mutate(), [logoutMutation]);
+  const clearError = react.useCallback(() => setError(null), []);
+  const setUserFn = react.useCallback((u) => {
+    setUser(u);
+  }, []);
+  const value = react.useMemo(
+    () => ({
+      user,
+      accessToken,
+      isAuthenticated: user !== null,
+      isLoading: loginMutation.isPending || signupMutation.isPending,
+      error,
+      login,
+      signup,
+      logout,
+      clearError,
+      refresh: refreshFn,
+      setUser: setUserFn,
+      isLoginPending: loginMutation.isPending,
+      isSignupPending: signupMutation.isPending,
+      isBootstrapping,
+      loginMutation,
+      signupMutation,
+      logoutMutation
+    }),
+    [
+      user,
+      accessToken,
+      error,
+      login,
+      signup,
+      logout,
+      clearError,
+      refreshFn,
+      setUserFn,
+      loginMutation,
+      signupMutation,
+      logoutMutation,
+      isBootstrapping
+    ]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(ClientContext.Provider, { value: client, children: /* @__PURE__ */ jsxRuntime.jsx(AziridContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(BrandingContext.Provider, { value: brandingValue, children }) }) });
+}
+function AziridProvider(props) {
+  react.useEffect(() => {
+    injectStyles();
+    return () => removeStyles();
+  }, []);
+  const client = react.useMemo(() => {
+    const appContext = props.publishableKey ? {
+      publishableKey: props.publishableKey,
+      tenantId: props.tenantId
+    } : void 0;
+    const isProxy = !props.apiUrl;
+    const baseUrl = isProxy ? "" : props.apiUrl.replace(/\/$/, "");
+    const basePath = isProxy ? BASE_PATHS.proxy : BASE_PATHS.direct;
+    return createAccessClient(
+      { baseUrl, basePath, headers: props.fetchOptions },
+      appContext
+    );
+  }, [props.publishableKey, props.tenantId, props.fetchOptions, props.apiUrl]);
+  return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: defaultQueryClient, children: /* @__PURE__ */ jsxRuntime.jsx(AziridProviderInner, { client, props, children: props.children }) });
+}
+function useAzirid() {
+  const ctx = react.useContext(AziridContext);
+  if (!ctx) {
+    throw new Error(
+      "useAzirid must be used within an <AziridProvider>. Wrap your app (or the relevant subtree) with <AziridProvider>."
+    );
+  }
+  return ctx;
+}
+var buttonVariants = classVarianceAuthority.cva(
+  "cursor-pointer focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-lg border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 aria-invalid:ring-3 [&_svg:not([class*='size-'])]:size-4 group/button inline-flex shrink-0 items-center justify-center whitespace-nowrap transition-all outline-none select-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+        outline: "border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+        ghost: "hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground",
+        destructive: "bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+        lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+        icon: "size-8",
+        "icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+        "icon-lg": "size-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? radixUi.Slot.Root : "button";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+function Card({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "card",
+      "data-size": size,
+      className: cn(
+        "ring-foreground/10 bg-card text-card-foreground group/card flex flex-col gap-4 overflow-hidden rounded-xl py-4 text-sm ring-1 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: cn(
+        "group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: cn(
+        "text-base leading-snug font-medium group-data-[size=sm]/card:text-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: cn("px-4 group-data-[size=sm]/card:px-3", className),
+      ...props
+    }
+  );
+}
+function FieldGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "field-group", className: cn("flex flex-col gap-6", className), ...props });
+}
+function Field({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "field", className: cn("grid gap-3", className), ...props });
+}
+function FieldLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "label",
+    {
+      "data-slot": "field-label",
+      className: cn("text-sm leading-none font-medium", className),
+      ...props
+    }
+  );
+}
+function FieldDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "field-description",
+      className: cn(
+        "text-muted-foreground [&_a]:hover:text-primary text-sm [&_a]:underline [&_a]:underline-offset-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldSeparator({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "field-separator",
+      className: cn(
+        "after:border-border relative text-center text-sm after:absolute after:inset-0 after:top-1/2 after:z-0 after:flex after:items-center after:border-t",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          "data-slot": "field-separator-content",
+          className: "bg-card text-muted-foreground relative z-10 px-2",
+          children
+        }
+      )
+    }
+  );
+}
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      type,
+      "data-slot": "input",
+      className: cn(
+        "dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 file:text-foreground placeholder:text-muted-foreground h-8 w-full min-w-0 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-3 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3 md:text-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var LoginForm = react.forwardRef(
+  ({
+    onSubmit: onSubmitProp,
+    schema: schemaProp,
+    isLoading: externalLoading,
+    error: externalError,
+    className,
+    style,
+    title: titleProp,
+    description: descriptionProp,
+    logo: logoProp,
+    submitText: submitTextProp,
+    footer,
+    forgotPassword,
+    showSocialButtons = true,
+    labels,
+    defaultValues
+  }, ref) => {
+    const msg = useMessages();
+    const branding = useBranding();
+    const title = titleProp ?? (branding?.displayName || msg.login.title);
+    const description = descriptionProp ?? msg.login.description;
+    const submitText = submitTextProp ?? msg.login.submit;
+    const logo = logoProp !== void 0 ? logoProp : branding?.logoUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: branding.logoUrl, alt: branding.displayName ?? "", className: "h-10 w-auto" }) : null;
+    const schema = react.useMemo(
+      () => schemaProp ?? createLoginSchema(msg.validation),
+      [schemaProp, msg.validation]
+    );
+    let ctxLogin;
+    let ctxError = null;
+    let ctxLoading = false;
+    try {
+      const ctx = useAzirid();
+      ctxLogin = ctx.login;
+      ctxError = ctx.error;
+      ctxLoading = ctx.isLoginPending;
+    } catch {
+    }
+    const {
+      register,
+      handleSubmit,
+      formState: { errors, isSubmitting }
+    } = reactHookForm.useForm({
+      resolver: zod$1.zodResolver(schema),
+      defaultValues: { email: "", password: "", ...defaultValues }
+    });
+    const onSubmit = react.useCallback(
+      async (values) => {
+        if (onSubmitProp) {
+          await onSubmitProp(values);
+        } else if (ctxLogin) {
+          ctxLogin(values);
+        }
+      },
+      [onSubmitProp, ctxLogin]
+    );
+    const loading = externalLoading ?? ctxLoading ?? isSubmitting;
+    const error = externalError ?? ctxError;
+    const wrapperStyle = react.useMemo(() => {
+      if (!branding?.primaryColor) return style ?? {};
+      return {
+        ...style,
+        "--aa-primary": branding.primaryColor,
+        "--aa-primary-foreground": "#fff"
+      };
+    }, [style, branding?.primaryColor]);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-azirid": true, className: cn("flex flex-col gap-6", className), style: wrapperStyle, children: [
+      logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 self-center font-medium", children: logo }),
+      /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { className: "text-center", children: [
+          title && /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { className: "text-xl", children: title }),
+          description && /* @__PURE__ */ jsxRuntime.jsx(CardDescription, { children: description })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx("form", { ref, onSubmit: handleSubmit(onSubmit), noValidate: true, children: /* @__PURE__ */ jsxRuntime.jsxs(FieldGroup, { children: [
+          error && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              role: "alert",
+              className: "border-destructive/50 bg-destructive/10 text-destructive rounded-md border px-4 py-3 text-sm",
+              children: error
+            }
+          ),
+          showSocialButtons && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(Field, { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", type: "button", className: "w-full", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "path",
+                  {
+                    d: "M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701",
+                    fill: "currentColor"
+                  }
+                ) }),
+                msg.social.apple
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", type: "button", className: "w-full", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "path",
+                  {
+                    d: "M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z",
+                    fill: "currentColor"
+                  }
+                ) }),
+                msg.social.google
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(FieldSeparator, { children: msg.social.separator })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(Field, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(FieldLabel, { htmlFor: "aa-login-email", children: labels?.email ?? msg.login.emailLabel }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Input,
+              {
+                id: "aa-login-email",
+                type: "email",
+                autoComplete: "email",
+                placeholder: labels?.emailPlaceholder ?? msg.login.emailPlaceholder,
+                disabled: loading,
+                "aria-invalid": !!errors.email,
+                "aria-describedby": errors.email ? "aa-login-email-err" : void 0,
+                ...register("email")
+              }
+            ),
+            errors.email && /* @__PURE__ */ jsxRuntime.jsx("p", { id: "aa-login-email-err", className: "text-destructive text-xs", children: errors.email.message })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(Field, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(FieldLabel, { htmlFor: "aa-login-password", children: labels?.password ?? msg.login.passwordLabel }),
+              forgotPassword && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto text-sm underline-offset-4 hover:underline", children: forgotPassword })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Input,
+              {
+                id: "aa-login-password",
+                type: "password",
+                autoComplete: "current-password",
+                placeholder: labels?.passwordPlaceholder ?? msg.login.passwordPlaceholder,
+                disabled: loading,
+                "aria-invalid": !!errors.password,
+                "aria-describedby": errors.password ? "aa-login-pass-err" : void 0,
+                ...register("password")
+              }
+            ),
+            errors.password && /* @__PURE__ */ jsxRuntime.jsx("p", { id: "aa-login-pass-err", className: "text-destructive text-xs", children: errors.password.message })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(Field, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(Button, { type: "submit", disabled: loading, className: "w-full", children: [
+              loading && /* @__PURE__ */ jsxRuntime.jsxs(
+                "svg",
+                {
+                  className: "mr-2 h-4 w-4 animate-spin",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  "aria-hidden": "true",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "circle",
+                      {
+                        className: "opacity-25",
+                        cx: "12",
+                        cy: "12",
+                        r: "10",
+                        stroke: "currentColor",
+                        strokeWidth: "4"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "path",
+                      {
+                        className: "opacity-75",
+                        fill: "currentColor",
+                        d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
+                      }
+                    )
+                  ]
+                }
+              ),
+              submitText
+            ] }),
+            footer && /* @__PURE__ */ jsxRuntime.jsx(FieldDescription, { className: "text-center", children: footer })
+          ] })
+        ] }) }) })
+      ] })
+    ] });
+  }
+);
+LoginForm.displayName = "LoginForm";
+var SignupForm = react.forwardRef(
+  ({
+    onSubmit: onSubmitProp,
+    schema: schemaProp,
+    isLoading: externalLoading,
+    error: externalError,
+    className,
+    style,
+    title: titleProp,
+    description: descriptionProp,
+    logo: logoProp,
+    submitText: submitTextProp,
+    footer,
+    showSocialButtons = true,
+    labels
+  }, ref) => {
+    const msg = useMessages();
+    const branding = useBranding();
+    const title = titleProp ?? (branding?.displayName || msg.signup.title);
+    const description = descriptionProp ?? msg.signup.description;
+    const submitText = submitTextProp ?? msg.signup.submit;
+    const logo = logoProp !== void 0 ? logoProp : branding?.logoUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: branding.logoUrl, alt: branding.displayName ?? "", className: "h-10 w-auto" }) : null;
+    const schema = react.useMemo(
+      () => schemaProp ?? createSignupSchema(msg.validation),
+      [schemaProp, msg.validation]
+    );
+    let ctxSignup;
+    let ctxError = null;
+    let ctxLoading = false;
+    try {
+      const ctx = useAzirid();
+      ctxSignup = ctx.signup;
+      ctxError = ctx.error;
+      ctxLoading = ctx.isSignupPending;
+    } catch {
+    }
+    const {
+      register,
+      handleSubmit,
+      formState: { errors, isSubmitting }
+    } = reactHookForm.useForm({
+      resolver: zod$1.zodResolver(schema),
+      defaultValues: { email: "", password: "" }
+    });
+    const onSubmit = react.useCallback(
+      async (values) => {
+        if (onSubmitProp) {
+          await onSubmitProp(values);
+        } else if (ctxSignup) {
+          ctxSignup(values);
+        }
+      },
+      [onSubmitProp, ctxSignup]
+    );
+    const loading = externalLoading ?? ctxLoading ?? isSubmitting;
+    const error = externalError ?? ctxError;
+    const wrapperStyle = react.useMemo(() => {
+      if (!branding?.primaryColor) return style ?? {};
+      return {
+        ...style,
+        "--aa-primary": branding.primaryColor,
+        "--aa-primary-foreground": "#fff"
+      };
+    }, [style, branding?.primaryColor]);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-azirid": true, className: cn("flex flex-col gap-6", className), style: wrapperStyle, children: [
+      logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 self-center font-medium", children: logo }),
+      /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { className: "text-center", children: [
+          title && /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { className: "text-xl", children: title }),
+          description && /* @__PURE__ */ jsxRuntime.jsx(CardDescription, { children: description })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx("form", { ref, onSubmit: handleSubmit(onSubmit), noValidate: true, children: /* @__PURE__ */ jsxRuntime.jsxs(FieldGroup, { children: [
+          error && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              role: "alert",
+              className: "border-destructive/50 bg-destructive/10 text-destructive rounded-md border px-4 py-3 text-sm",
+              children: error
+            }
+          ),
+          showSocialButtons && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(Field, { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", type: "button", className: "w-full", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "path",
+                  {
+                    d: "M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701",
+                    fill: "currentColor"
+                  }
+                ) }),
+                msg.social.apple
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", type: "button", className: "w-full", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "path",
+                  {
+                    d: "M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z",
+                    fill: "currentColor"
+                  }
+                ) }),
+                msg.social.google
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(FieldSeparator, { children: msg.social.separator })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(Field, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(FieldLabel, { htmlFor: "aa-signup-email", children: labels?.email ?? msg.signup.emailLabel }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Input,
+              {
+                id: "aa-signup-email",
+                type: "email",
+                autoComplete: "email",
+                placeholder: labels?.emailPlaceholder ?? msg.signup.emailPlaceholder,
+                disabled: loading,
+                "aria-invalid": !!errors.email,
+                "aria-describedby": errors.email ? "aa-signup-email-err" : void 0,
+                ...register("email")
+              }
+            ),
+            errors.email && /* @__PURE__ */ jsxRuntime.jsx("p", { id: "aa-signup-email-err", className: "text-destructive text-xs", children: errors.email.message })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(Field, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(FieldLabel, { htmlFor: "aa-signup-password", children: labels?.password ?? msg.signup.passwordLabel }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Input,
+              {
+                id: "aa-signup-password",
+                type: "password",
+                autoComplete: "new-password",
+                placeholder: labels?.passwordPlaceholder ?? msg.signup.passwordPlaceholder,
+                disabled: loading,
+                "aria-invalid": !!errors.password,
+                "aria-describedby": errors.password ? "aa-signup-pass-err" : void 0,
+                ...register("password")
+              }
+            ),
+            errors.password && /* @__PURE__ */ jsxRuntime.jsx("p", { id: "aa-signup-pass-err", className: "text-destructive text-xs", children: errors.password.message })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(Field, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(Button, { type: "submit", disabled: loading, className: "w-full", children: [
+              loading && /* @__PURE__ */ jsxRuntime.jsxs(
+                "svg",
+                {
+                  className: "mr-2 h-4 w-4 animate-spin",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  "aria-hidden": "true",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "circle",
+                      {
+                        className: "opacity-25",
+                        cx: "12",
+                        cy: "12",
+                        r: "10",
+                        stroke: "currentColor",
+                        strokeWidth: "4"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "path",
+                      {
+                        className: "opacity-75",
+                        fill: "currentColor",
+                        d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
+                      }
+                    )
+                  ]
+                }
+              ),
+              submitText
+            ] }),
+            footer && /* @__PURE__ */ jsxRuntime.jsx(FieldDescription, { className: "text-center", children: footer })
+          ] })
+        ] }) }) })
+      ] })
+    ] });
+  }
+);
+SignupForm.displayName = "SignupForm";
+function useReferral() {
+  const client = useAccessClient();
+  const query = reactQuery.useQuery({
+    queryKey: ["azirid-access", "referral", "me"],
+    queryFn: () => client.get(client.paths.referralMe),
+    enabled: !!client.getAccessToken()
+  });
+  const copyToClipboard = react.useCallback(async () => {
+    if (query.data?.referralUrl) {
+      await navigator.clipboard.writeText(query.data.referralUrl);
+      return true;
+    }
+    return false;
+  }, [query.data?.referralUrl]);
+  return react.useMemo(
+    () => ({ ...query, copyToClipboard }),
+    [query, copyToClipboard]
+  );
+}
+var styles = {
+  card: {
+    border: "1px solid #e5e7eb",
+    borderRadius: "12px",
+    padding: "24px",
+    backgroundColor: "#ffffff",
+    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'
+  },
+  title: {
+    margin: "0 0 4px 0",
+    fontSize: "18px",
+    fontWeight: 600,
+    color: "#111827"
+  },
+  description: {
+    margin: "0 0 16px 0",
+    fontSize: "14px",
+    color: "#6b7280"
+  },
+  codeContainer: {
+    display: "flex",
+    alignItems: "center",
+    gap: "8px",
+    marginBottom: "16px"
+  },
+  codeInput: {
+    flex: 1,
+    padding: "10px 12px",
+    border: "1px solid #d1d5db",
+    borderRadius: "8px",
+    backgroundColor: "#f9fafb",
+    fontSize: "14px",
+    fontFamily: "monospace",
+    color: "#374151",
+    outline: "none"
+  },
+  copyButton: {
+    padding: "10px 16px",
+    border: "1px solid #d1d5db",
+    borderRadius: "8px",
+    backgroundColor: "#ffffff",
+    fontSize: "14px",
+    fontWeight: 500,
+    color: "#374151",
+    cursor: "pointer",
+    whiteSpace: "nowrap",
+    transition: "background-color 0.15s"
+  },
+  copyButtonCopied: {
+    backgroundColor: "#ecfdf5",
+    borderColor: "#a7f3d0",
+    color: "#065f46"
+  },
+  statsRow: {
+    display: "flex",
+    gap: "24px"
+  },
+  stat: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "2px"
+  },
+  statValue: {
+    fontSize: "20px",
+    fontWeight: 600,
+    color: "#111827"
+  },
+  statLabel: {
+    fontSize: "12px",
+    color: "#6b7280"
+  },
+  skeleton: {
+    backgroundColor: "#f3f4f6",
+    borderRadius: "8px",
+    animation: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite"
+  },
+  emptyMessage: {
+    fontSize: "14px",
+    color: "#9ca3af",
+    textAlign: "center",
+    padding: "12px 0"
+  }
+};
+function ReferralCard({
+  className,
+  style,
+  title = "Refer a Friend",
+  description = "Share your referral link and earn rewards for every friend who signs up."
+}) {
+  const { data, isLoading } = useReferral();
+  const [copied, setCopied] = react.useState(false);
+  const handleCopy = react.useCallback(async () => {
+    if (!data?.referralUrl) return;
+    try {
+      await navigator.clipboard.writeText(data.referralUrl);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch {
+    }
+  }, [data?.referralUrl]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, style: { ...styles.card, ...style }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { ...styles.skeleton, height: "20px", width: "140px", marginBottom: "8px" } }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { ...styles.skeleton, height: "14px", width: "260px", marginBottom: "16px" } }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { ...styles.skeleton, height: "42px", width: "100%", marginBottom: "16px" } }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "24px" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { ...styles.skeleton, height: "40px", width: "80px" } }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { ...styles.skeleton, height: "40px", width: "80px" } }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { ...styles.skeleton, height: "40px", width: "80px" } })
+      ] })
+    ] });
+  }
+  if (!data?.referralCode) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, style: { ...styles.card, ...style }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { style: styles.title, children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { style: styles.emptyMessage, children: "Referral program is not available at this time." })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, style: { ...styles.card, ...style }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { style: styles.title, children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { style: styles.description, children: description }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles.codeContainer, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "text",
+          readOnly: true,
+          value: data.referralUrl,
+          style: styles.codeInput,
+          onClick: (e) => e.target.select()
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleCopy,
+          style: {
+            ...styles.copyButton,
+            ...copied ? styles.copyButtonCopied : {}
+          },
+          children: copied ? "Copied!" : "Copy"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles.statsRow, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles.stat, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles.statValue, children: data.totalReferred }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles.statLabel, children: "Total Referred" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles.stat, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles.statValue, children: data.completedReferrals }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles.statLabel, children: "Completed" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles.stat, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles.statValue, children: data.pendingReferrals }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles.statLabel, children: "Pending" })
+      ] })
+    ] })
+  ] });
+}
+ReferralCard.displayName = "ReferralCard";
+function useReferralStats() {
+  const client = useAccessClient();
+  return reactQuery.useQuery({
+    queryKey: ["azirid-access", "referral", "stats"],
+    queryFn: () => client.get(client.paths.referralStats),
+    enabled: !!client.getAccessToken()
+  });
+}
+var statusColors = {
+  PENDING: { bg: "#fef3c7", color: "#92400e" },
+  COMPLETED: { bg: "#d1fae5", color: "#065f46" },
+  EXPIRED: { bg: "#fee2e2", color: "#991b1b" }
+};
+var rewardStatusColors = {
+  PENDING: { bg: "#fef3c7", color: "#92400e" },
+  GRANTED: { bg: "#d1fae5", color: "#065f46" },
+  EXPIRED: { bg: "#fee2e2", color: "#991b1b" },
+  FAILED: { bg: "#fee2e2", color: "#991b1b" }
+};
+var styles2 = {
+  container: {
+    border: "1px solid #e5e7eb",
+    borderRadius: "12px",
+    backgroundColor: "#ffffff",
+    overflow: "hidden",
+    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'
+  },
+  header: {
+    padding: "16px 24px",
+    borderBottom: "1px solid #e5e7eb"
+  },
+  title: {
+    margin: 0,
+    fontSize: "16px",
+    fontWeight: 600,
+    color: "#111827"
+  },
+  summaryRow: {
+    display: "flex",
+    gap: "24px",
+    padding: "12px 24px",
+    backgroundColor: "#f9fafb",
+    borderBottom: "1px solid #e5e7eb"
+  },
+  summaryItem: {
+    display: "flex",
+    alignItems: "center",
+    gap: "6px",
+    fontSize: "13px",
+    color: "#6b7280"
+  },
+  summaryValue: {
+    fontWeight: 600,
+    color: "#111827"
+  },
+  table: {
+    width: "100%",
+    borderCollapse: "collapse",
+    fontSize: "14px"
+  },
+  th: {
+    padding: "12px 24px",
+    textAlign: "left",
+    fontSize: "12px",
+    fontWeight: 500,
+    color: "#6b7280",
+    textTransform: "uppercase",
+    letterSpacing: "0.05em",
+    borderBottom: "1px solid #e5e7eb",
+    backgroundColor: "#f9fafb"
+  },
+  td: {
+    padding: "12px 24px",
+    borderBottom: "1px solid #f3f4f6",
+    color: "#374151"
+  },
+  badge: (bg, color) => ({
+    display: "inline-block",
+    padding: "2px 8px",
+    borderRadius: "9999px",
+    fontSize: "12px",
+    fontWeight: 500,
+    backgroundColor: bg,
+    color
+  }),
+  skeleton: {
+    backgroundColor: "#f3f4f6",
+    borderRadius: "4px",
+    height: "14px"
+  },
+  emptyRow: {
+    padding: "24px",
+    textAlign: "center",
+    color: "#9ca3af",
+    fontSize: "14px"
+  }
+};
+function formatDate(dateStr) {
+  try {
+    return new Date(dateStr).toLocaleDateString(void 0, {
+      year: "numeric",
+      month: "short",
+      day: "numeric"
+    });
+  } catch {
+    return dateStr;
+  }
+}
+function ReferralStats({ className, style }) {
+  const { data, isLoading } = useReferralStats();
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, style: { ...styles2.container, ...style }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles2.header, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { ...styles2.skeleton, width: "140px", height: "18px" } }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "24px" }, children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          style: { ...styles2.skeleton, width: "100%", height: "16px", marginBottom: "16px" }
+        },
+        i
+      )) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, style: { ...styles2.container, ...style }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles2.header, children: /* @__PURE__ */ jsxRuntime.jsx("h3", { style: styles2.title, children: "Referral History" }) }),
+    data && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles2.summaryRow, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { style: styles2.summaryItem, children: [
+        "Total: ",
+        /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles2.summaryValue, children: data.totalReferred })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { style: styles2.summaryItem, children: [
+        "Completed: ",
+        /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles2.summaryValue, children: data.completedReferrals })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { style: styles2.summaryItem, children: [
+        "Pending: ",
+        /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles2.summaryValue, children: data.pendingReferrals })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { style: styles2.summaryItem, children: [
+        "Rewards: ",
+        /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles2.summaryValue, children: data.totalRewards })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("table", { style: styles2.table, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: styles2.th, children: "Email" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: styles2.th, children: "Status" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: styles2.th, children: "Reward" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: styles2.th, children: "Date" })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
+        (!data?.referrals || data.referrals.length === 0) && /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 4, style: styles2.emptyRow, children: "No referrals yet." }) }),
+        data?.referrals.map((item) => {
+          const sc = statusColors[item.status];
+          const rc = rewardStatusColors[item.rewardStatus];
+          return /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("td", { style: styles2.td, children: item.referredEmail }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { style: styles2.td, children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles2.badge(sc.bg, sc.color), children: item.status }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { style: styles2.td, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { style: styles2.badge(rc.bg, rc.color), children: [
+              item.rewardStatus,
+              item.rewardAmount != null && ` ($${item.rewardAmount})`
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { style: styles2.td, children: formatDate(item.createdAt) })
+          ] }, item.id);
+        })
+      ] })
+    ] })
+  ] });
+}
+ReferralStats.displayName = "ReferralStats";
+function usePlans() {
+  const client = useAccessClient();
+  return reactQuery.useQuery({
+    queryKey: ["azirid-access", "billing", "plans"],
+    queryFn: () => client.get(client.paths.plans)
+  });
+}
+function useSubscription() {
+  const client = useAccessClient();
+  return reactQuery.useQuery({
+    queryKey: ["azirid-access", "billing", "subscription"],
+    queryFn: () => client.get(client.paths.subscription),
+    enabled: !!client.getAccessToken()
+  });
+}
+function useCheckout(options) {
+  const client = useAccessClient();
+  const mutation = reactQuery.useMutation({
+    mutationFn: (params) => client.post(client.paths.checkout, params),
+    onSuccess: (data) => {
+      if (options?.redirectOnSuccess !== false && data.url && data.provider !== "MANUAL_TRANSFER" && data.provider !== "PAYPHONE") {
+        window.location.href = data.url;
+      }
+      options?.onSuccess?.(data);
+    },
+    onError: options?.onError
+  });
+  const checkout = react.useCallback(
+    (params) => {
+      mutation.mutate(params);
+    },
+    [mutation]
+  );
+  return react.useMemo(() => ({ ...mutation, checkout }), [mutation, checkout]);
+}
+function usePaymentProviders() {
+  const client = useAccessClient();
+  return reactQuery.useQuery({
+    queryKey: ["azirid-access", "billing", "providers"],
+    queryFn: () => client.get(client.paths.providers)
+  });
+}
+
+// src/utils/payphone-loader.ts
+var PAYPHONE_CSS_URL = "https://cdn.payphonetodoesposible.com/box/v1.1/payphone-payment-box.css";
+var PAYPHONE_JS_URL = "https://cdn.payphonetodoesposible.com/box/v1.1/payphone-payment-box.js";
+var loadPromise = null;
+function loadCss(href) {
+  if (document.querySelector(`link[href="${href}"]`)) return;
+  const link = document.createElement("link");
+  link.rel = "stylesheet";
+  link.href = href;
+  document.head.appendChild(link);
+}
+function loadScript(src) {
+  return new Promise((resolve, reject) => {
+    if (document.querySelector(`script[src="${src}"]`)) {
+      resolve();
+      return;
+    }
+    const script = document.createElement("script");
+    script.src = src;
+    script.onload = () => resolve();
+    script.onerror = () => reject(new Error(`Failed to load Payphone SDK: ${src}`));
+    document.head.appendChild(script);
+  });
+}
+function loadPayphoneSdk() {
+  if (loadPromise) return loadPromise;
+  loadPromise = (async () => {
+    loadCss(PAYPHONE_CSS_URL);
+    await loadScript(PAYPHONE_JS_URL);
+  })();
+  return loadPromise;
+}
+function PayphoneModal({ config, successUrl, onClose }) {
+  const [loading, setLoading] = react.useState(true);
+  const [error, setError] = react.useState(null);
+  const initialized = react.useRef(false);
+  react.useEffect(() => {
+    if (initialized.current) return;
+    initialized.current = true;
+    loadPayphoneSdk().then(() => {
+      setLoading(false);
+      requestAnimationFrame(() => {
+        if (typeof window.PPaymentButtonBox === "undefined") {
+          setError("Payphone SDK failed to initialize");
+          return;
+        }
+        new window.PPaymentButtonBox({
+          token: config.token,
+          clientTransactionId: config.clientTransactionId,
+          amount: config.amount,
+          amountWithoutTax: config.amountWithoutTax,
+          currency: config.currency,
+          storeId: config.storeId,
+          reference: config.reference,
+          responseUrl: successUrl
+        }).render("pp-button-azirid");
+      });
+    }).catch(() => {
+      setLoading(false);
+      setError("Failed to load Payphone payment widget");
+    });
+  }, [config, successUrl]);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: overlayStyle, onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: cardStyle, onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { style: titleStyle, children: "Payphone" }),
+    loading && /* @__PURE__ */ jsxRuntime.jsx("p", { style: messageStyle, children: "Loading payment widget..." }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { ...messageStyle, color: "#ef4444" }, children: error }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { id: "pp-button-azirid", style: { minHeight: "80px" } }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { style: warningStyle, children: "Do not close this window until the payment is complete." }),
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", style: cancelStyle, onClick: onClose, children: "Cancel" })
+  ] }) });
+}
+var overlayStyle = {
+  position: "fixed",
+  inset: 0,
+  backgroundColor: "rgba(0,0,0,0.5)",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  zIndex: 9999,
+  fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'
+};
+var cardStyle = {
+  backgroundColor: "#fff",
+  borderRadius: "12px",
+  padding: "24px",
+  maxWidth: "480px",
+  width: "90%",
+  boxShadow: "0 25px 50px -12px rgba(0,0,0,0.25)"
+};
+var titleStyle = {
+  fontSize: "18px",
+  fontWeight: 700,
+  color: "#111827",
+  margin: "0 0 16px 0",
+  textAlign: "center"
+};
+var messageStyle = {
+  fontSize: "14px",
+  color: "#6b7280",
+  textAlign: "center",
+  margin: "12px 0"
+};
+var warningStyle = {
+  fontSize: "12px",
+  color: "#d97706",
+  textAlign: "center",
+  margin: "16px 0 0 0"
+};
+var cancelStyle = {
+  display: "block",
+  width: "100%",
+  marginTop: "12px",
+  padding: "10px",
+  border: "none",
+  borderRadius: "8px",
+  backgroundColor: "#f3f4f6",
+  color: "#6b7280",
+  fontSize: "14px",
+  fontWeight: 500,
+  cursor: "pointer",
+  fontFamily: "inherit"
+};
+var intervalLabels = {
+  MONTHLY: "/mo",
+  YEARLY: "/yr",
+  ONE_TIME: ""
+};
+function formatAmount(amount, currency) {
+  try {
+    return new Intl.NumberFormat(void 0, {
+      style: "currency",
+      currency,
+      minimumFractionDigits: 0,
+      maximumFractionDigits: 2
+    }).format(amount / 100);
+  } catch {
+    return `${currency} ${(amount / 100).toFixed(2)}`;
+  }
+}
+var styles3 = {
+  grid: (columns) => ({
+    display: "grid",
+    gridTemplateColumns: `repeat(${columns}, 1fr)`,
+    gap: "24px",
+    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'
+  }),
+  card: (isCurrentPlan) => ({
+    border: isCurrentPlan ? "2px solid #6366f1" : "1px solid #e5e7eb",
+    borderRadius: "12px",
+    padding: "24px",
+    backgroundColor: "#ffffff",
+    display: "flex",
+    flexDirection: "column",
+    position: "relative"
+  }),
+  currentBadge: {
+    position: "absolute",
+    top: "-12px",
+    left: "50%",
+    transform: "translateX(-50%)",
+    backgroundColor: "#6366f1",
+    color: "#ffffff",
+    fontSize: "12px",
+    fontWeight: 600,
+    padding: "2px 12px",
+    borderRadius: "9999px",
+    whiteSpace: "nowrap"
+  },
+  planName: {
+    margin: "0 0 4px 0",
+    fontSize: "20px",
+    fontWeight: 600,
+    color: "#111827"
+  },
+  planDescription: {
+    margin: "0 0 16px 0",
+    fontSize: "14px",
+    color: "#6b7280",
+    lineHeight: "1.5"
+  },
+  priceRow: {
+    display: "flex",
+    alignItems: "baseline",
+    gap: "4px",
+    marginBottom: "20px"
+  },
+  priceAmount: {
+    fontSize: "36px",
+    fontWeight: 700,
+    color: "#111827",
+    lineHeight: 1
+  },
+  priceInterval: {
+    fontSize: "16px",
+    color: "#6b7280"
+  },
+  featuresList: {
+    listStyle: "none",
+    padding: 0,
+    margin: "0 0 24px 0",
+    flex: 1
+  },
+  featureItem: {
+    display: "flex",
+    alignItems: "center",
+    gap: "8px",
+    padding: "6px 0",
+    fontSize: "14px",
+    color: "#374151"
+  },
+  checkmark: {
+    color: "#10b981",
+    fontSize: "16px",
+    fontWeight: 700,
+    flexShrink: 0
+  },
+  selectButton: (isCurrentPlan) => ({
+    width: "100%",
+    padding: "12px 24px",
+    borderRadius: "8px",
+    border: isCurrentPlan ? "1px solid #d1d5db" : "none",
+    backgroundColor: isCurrentPlan ? "#ffffff" : "#111827",
+    color: isCurrentPlan ? "#6b7280" : "#ffffff",
+    fontSize: "14px",
+    fontWeight: 600,
+    cursor: isCurrentPlan ? "default" : "pointer",
+    transition: "background-color 0.15s"
+  }),
+  skeleton: {
+    backgroundColor: "#f3f4f6",
+    borderRadius: "12px"
+  },
+  skeletonCard: {
+    border: "1px solid #e5e7eb",
+    borderRadius: "12px",
+    padding: "24px",
+    backgroundColor: "#ffffff"
+  },
+  skeletonLine: {
+    backgroundColor: "#f3f4f6",
+    borderRadius: "4px",
+    marginBottom: "12px"
+  },
+  overlay: {
+    position: "fixed",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: "rgba(0, 0, 0, 0.5)",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    zIndex: 9999
+  },
+  modal: {
+    backgroundColor: "#ffffff",
+    borderRadius: "16px",
+    padding: "32px",
+    maxWidth: "480px",
+    width: "90%",
+    maxHeight: "80vh",
+    overflow: "auto"
+  },
+  modalTitle: {
+    margin: "0 0 8px 0",
+    fontSize: "20px",
+    fontWeight: 600,
+    color: "#111827"
+  },
+  modalSubtitle: {
+    margin: "0 0 24px 0",
+    fontSize: "14px",
+    color: "#6b7280"
+  },
+  bankDetailRow: {
+    display: "flex",
+    justifyContent: "space-between",
+    padding: "8px 0",
+    borderBottom: "1px solid #f3f4f6",
+    fontSize: "14px"
+  },
+  bankDetailLabel: {
+    color: "#6b7280",
+    fontWeight: 500
+  },
+  bankDetailValue: {
+    color: "#111827",
+    fontWeight: 600,
+    fontFamily: "monospace"
+  },
+  instructions: {
+    margin: "16px 0",
+    padding: "12px 16px",
+    backgroundColor: "#f9fafb",
+    borderRadius: "8px",
+    fontSize: "14px",
+    color: "#374151",
+    lineHeight: "1.5"
+  },
+  closeButton: {
+    width: "100%",
+    padding: "12px 24px",
+    borderRadius: "8px",
+    border: "1px solid #d1d5db",
+    backgroundColor: "#ffffff",
+    color: "#374151",
+    fontSize: "14px",
+    fontWeight: 600,
+    cursor: "pointer",
+    marginTop: "16px"
+  }
+};
+var PROVIDER_LABELS = {
+  STRIPE: "Credit/Debit Card",
+  PAYPAL: "PayPal",
+  PAYPHONE: "Payphone",
+  NUVEI: "Nuvei",
+  MANUAL_TRANSFER: "Bank Transfer"
+};
+var PROVIDER_ICONS = {
+  STRIPE: "\u{1F4B3}",
+  PAYPAL: "\u{1F17F}\uFE0F",
+  PAYPHONE: "\u{1F4F1}",
+  NUVEI: "\u{1F4B3}",
+  MANUAL_TRANSFER: "\u{1F3E6}"
+};
+function ProviderSelectModal({
+  providers,
+  isPending,
+  onSelect,
+  onClose
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles3.overlay, onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles3.modal, onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { style: styles3.modalTitle, children: "Select payment method" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: providers.map((p) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => onSelect(p.provider),
+        disabled: isPending,
+        style: {
+          display: "flex",
+          alignItems: "center",
+          width: "100%",
+          padding: "12px 16px",
+          border: "1px solid #e5e7eb",
+          borderRadius: "8px",
+          backgroundColor: "#fff",
+          cursor: isPending ? "not-allowed" : "pointer",
+          fontSize: "14px",
+          fontWeight: 500,
+          color: "#111827",
+          fontFamily: "inherit"
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "20px", marginRight: "12px" }, children: PROVIDER_ICONS[p.provider] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: PROVIDER_LABELS[p.provider] ?? p.provider })
+        ]
+      },
+      p.provider
+    )) }),
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", style: styles3.closeButton, onClick: onClose, children: "Cancel" })
+  ] }) });
+}
+function TransferModal({
+  data,
+  onClose
+}) {
+  const bankDetails = data.bankDetails;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles3.overlay, onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles3.modal, onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { style: styles3.modalTitle, children: "Manual Transfer" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("p", { style: styles3.modalSubtitle, children: [
+      "Transfer the amount below to subscribe to",
+      " ",
+      /* @__PURE__ */ jsxRuntime.jsx("strong", { children: data.plan?.name })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        style: {
+          textAlign: "center",
+          padding: "16px",
+          backgroundColor: "#f9fafb",
+          borderRadius: "8px",
+          marginBottom: "20px"
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "32px", fontWeight: 700, color: "#111827" }, children: data.plan ? formatAmount(data.plan.amount, data.plan.currency) : "" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "14px", color: "#6b7280" }, children: data.plan?.interval ? intervalLabels[data.plan.interval] ?? "" : "" })
+        ]
+      }
+    ),
+    bankDetails && Object.keys(bankDetails).length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: "16px" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          style: {
+            fontSize: "14px",
+            fontWeight: 600,
+            color: "#111827",
+            marginBottom: "8px"
+          },
+          children: "Bank Details"
+        }
+      ),
+      Object.entries(bankDetails).filter(([, v]) => v).map(([key, value]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles3.bankDetailRow, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles3.bankDetailLabel, children: key.replace(/([A-Z])/g, " $1").replace(/^./, (s) => s.toUpperCase()) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles3.bankDetailValue, children: value })
+      ] }, key))
+    ] }),
+    data.transferInstructions && /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles3.instructions, children: data.transferInstructions }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "p",
+      {
+        style: {
+          fontSize: "13px",
+          color: "#9ca3af",
+          margin: "12px 0 0 0"
+        },
+        children: "After completing the transfer, submit your proof of payment. Your subscription will be activated once the transfer is verified."
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", style: styles3.closeButton, onClick: onClose, children: "Close" })
+  ] }) });
+}
+function PricingTable({
+  className,
+  style,
+  successUrl,
+  cancelUrl,
+  columns = 3,
+  onPlanSelect
+}) {
+  const { data: plans, isLoading: plansLoading } = usePlans();
+  const { data: subscription } = useSubscription();
+  const { data: providers } = usePaymentProviders();
+  const [transferData, setTransferData] = react.useState(
+    null
+  );
+  const [payphoneData, setPayphoneData] = react.useState(null);
+  const [pendingPlan, setPendingPlan] = react.useState(null);
+  const [showProviderModal, setShowProviderModal] = react.useState(false);
+  const { checkout, isPending: checkoutPending } = useCheckout({
+    redirectOnSuccess: true,
+    onSuccess: (data) => {
+      setShowProviderModal(false);
+      setPendingPlan(null);
+      if (data.provider === "MANUAL_TRANSFER") {
+        setTransferData(data);
+      } else if (data.provider === "PAYPHONE" && data.widgetConfig) {
+        setPayphoneData(data);
+      }
+    }
+  });
+  const doCheckout = (planId, provider) => {
+    checkout({ planId, provider, successUrl, cancelUrl });
+  };
+  const handleSelect = (plan) => {
+    if (subscription?.planId === plan.id && subscription.status === "ACTIVE")
+      return;
+    if (onPlanSelect) {
+      onPlanSelect(plan);
+      return;
+    }
+    if (providers && providers.length > 1) {
+      setPendingPlan(plan);
+      setShowProviderModal(true);
+      return;
+    }
+    const provider = providers?.[0]?.provider;
+    checkout({ planId: plan.id, provider, successUrl, cancelUrl });
+  };
+  if (plansLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className, style: { ...styles3.grid(columns), ...style }, children: Array.from({ length: columns }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles3.skeletonCard, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          style: {
+            ...styles3.skeletonLine,
+            width: "60%",
+            height: "20px"
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          style: {
+            ...styles3.skeletonLine,
+            width: "80%",
+            height: "14px"
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          style: {
+            ...styles3.skeletonLine,
+            width: "40%",
+            height: "36px",
+            marginTop: "8px"
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: "16px" }, children: [1, 2, 3].map((j) => /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          style: {
+            ...styles3.skeletonLine,
+            width: "90%",
+            height: "14px"
+          }
+        },
+        j
+      )) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          style: {
+            ...styles3.skeletonLine,
+            width: "100%",
+            height: "44px",
+            marginTop: "16px"
+          }
+        }
+      )
+    ] }, i)) });
+  }
+  const sortedPlans = plans ? [...plans].sort((a, b) => a.sortOrder - b.sortOrder) : [];
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className,
+        style: { ...styles3.grid(columns), ...style },
+        children: sortedPlans.map((plan) => {
+          const isCurrentPlan = subscription?.planId === plan.id && subscription.status === "ACTIVE";
+          return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles3.card(isCurrentPlan), children: [
+            isCurrentPlan && /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles3.currentBadge, children: "Current Plan" }),
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { style: styles3.planName, children: plan.name }),
+            plan.description && /* @__PURE__ */ jsxRuntime.jsx("p", { style: styles3.planDescription, children: plan.description }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles3.priceRow, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles3.priceAmount, children: formatAmount(plan.amount, plan.currency) }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles3.priceInterval, children: intervalLabels[plan.interval] })
+            ] }),
+            plan.features && plan.features.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { style: styles3.featuresList, children: plan.features.map((feature, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { style: styles3.featureItem, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles3.checkmark, "aria-hidden": "true", children: "\u2713" }),
+              feature
+            ] }, i)) }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => handleSelect(plan),
+                disabled: isCurrentPlan || checkoutPending,
+                style: {
+                  ...styles3.selectButton(isCurrentPlan),
+                  ...checkoutPending && !isCurrentPlan ? { opacity: 0.6 } : {}
+                },
+                children: isCurrentPlan ? "Current Plan" : "Subscribe"
+              }
+            )
+          ] }, plan.id);
+        })
+      }
+    ),
+    showProviderModal && pendingPlan && providers && providers.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(
+      ProviderSelectModal,
+      {
+        providers,
+        isPending: checkoutPending,
+        onSelect: (provider) => doCheckout(pendingPlan.id, provider),
+        onClose: () => {
+          setShowProviderModal(false);
+          setPendingPlan(null);
+        }
+      }
+    ),
+    transferData && /* @__PURE__ */ jsxRuntime.jsx(
+      TransferModal,
+      {
+        data: transferData,
+        onClose: () => setTransferData(null)
+      }
+    ),
+    payphoneData?.widgetConfig && /* @__PURE__ */ jsxRuntime.jsx(
+      PayphoneModal,
+      {
+        config: payphoneData.widgetConfig,
+        successUrl,
+        onClose: () => setPayphoneData(null)
+      }
+    )
+  ] });
+}
+PricingTable.displayName = "PricingTable";
+var defaultStyle = {
+  padding: "12px 24px",
+  borderRadius: "8px",
+  border: "none",
+  backgroundColor: "#111827",
+  color: "#ffffff",
+  fontSize: "14px",
+  fontWeight: 600,
+  cursor: "pointer",
+  transition: "background-color 0.15s",
+  fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'
+};
+function CheckoutButton({
+  planId,
+  successUrl,
+  cancelUrl,
+  className,
+  style,
+  children
+}) {
+  const { checkout, isPending } = useCheckout({ redirectOnSuccess: true });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      className,
+      style: {
+        ...defaultStyle,
+        ...style,
+        ...isPending ? { opacity: 0.6, cursor: "not-allowed" } : {}
+      },
+      disabled: isPending,
+      onClick: () => checkout({ planId, successUrl, cancelUrl }),
+      children: isPending ? "Loading..." : children ?? "Subscribe"
+    }
+  );
+}
+CheckoutButton.displayName = "CheckoutButton";
+var PROVIDER_LABELS2 = {
+  STRIPE: { en: "Credit/Debit Card", es: "Tarjeta de cr\xE9dito/d\xE9bito" },
+  PAYPAL: { en: "PayPal", es: "PayPal" },
+  PAYPHONE: { en: "Payphone", es: "Payphone" },
+  NUVEI: { en: "Nuvei", es: "Nuvei" },
+  MANUAL_TRANSFER: { en: "Bank Transfer", es: "Transferencia bancaria" }
+};
+var PROVIDER_ICONS2 = {
+  STRIPE: "\u{1F4B3}",
+  PAYPAL: "\u{1F17F}\uFE0F",
+  PAYPHONE: "\u{1F4F1}",
+  NUVEI: "\u{1F4B3}",
+  MANUAL_TRANSFER: "\u{1F3E6}"
+};
+function formatAmount2(amount, currency) {
+  try {
+    return new Intl.NumberFormat(void 0, {
+      style: "currency",
+      currency,
+      minimumFractionDigits: 0,
+      maximumFractionDigits: 2
+    }).format(amount / 100);
+  } catch {
+    return `${currency} ${(amount / 100).toFixed(2)}`;
+  }
+}
+function PayButton({
+  planId,
+  intentId,
+  successUrl,
+  cancelUrl,
+  className,
+  style,
+  children,
+  disabled,
+  onSuccess,
+  onError,
+  onProviderSelect
+}) {
+  const messages = useMessages();
+  const billing = messages?.billing;
+  const [showProviderModal, setShowProviderModal] = react.useState(false);
+  const [showTransferModal, setShowTransferModal] = react.useState(false);
+  const [transferData, setTransferData] = react.useState(null);
+  const [payphoneData, setPayphoneData] = react.useState(null);
+  const { data: providers, isLoading: providersLoading } = usePaymentProviders();
+  const { checkout, isPending } = useCheckout({
+    redirectOnSuccess: true,
+    onSuccess: (data) => {
+      if (data.provider === "MANUAL_TRANSFER") {
+        setTransferData(data);
+        setShowTransferModal(true);
+        setShowProviderModal(false);
+      } else if (data.provider === "PAYPHONE" && data.widgetConfig) {
+        setPayphoneData(data);
+        setShowProviderModal(false);
+      }
+      onSuccess?.(data);
+    },
+    onError
+  });
+  const handleClick = () => {
+    if (!providers || providers.length === 0) return;
+    if (providers.length === 1) {
+      doCheckout(providers[0].provider);
+    } else {
+      setShowProviderModal(true);
+    }
+  };
+  const doCheckout = (provider) => {
+    onProviderSelect?.(provider);
+    checkout({
+      planId,
+      intentId,
+      provider,
+      successUrl,
+      cancelUrl
+    });
+  };
+  const isDisabled = disabled || isPending || providersLoading || !planId && !intentId;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className,
+        style: {
+          padding: "10px 24px",
+          fontSize: "14px",
+          fontWeight: 600,
+          color: "#fff",
+          backgroundColor: isDisabled ? "#9ca3af" : "#111827",
+          border: "none",
+          borderRadius: "8px",
+          cursor: isDisabled ? "not-allowed" : "pointer",
+          fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+          ...style
+        },
+        onClick: handleClick,
+        disabled: isDisabled,
+        children: isPending ? billing?.processing ?? "Processing..." : children ?? (billing?.pay ?? "Pay")
+      }
+    ),
+    showProviderModal && providers && providers.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(
+      ProviderModal,
+      {
+        providers,
+        isPending,
+        onSelect: doCheckout,
+        onClose: () => setShowProviderModal(false),
+        labels: billing
+      }
+    ),
+    showTransferModal && transferData && /* @__PURE__ */ jsxRuntime.jsx(
+      TransferModal2,
+      {
+        data: transferData,
+        onClose: () => {
+          setShowTransferModal(false);
+          setTransferData(null);
+        },
+        labels: billing
+      }
+    ),
+    payphoneData?.widgetConfig && /* @__PURE__ */ jsxRuntime.jsx(
+      PayphoneModal,
+      {
+        config: payphoneData.widgetConfig,
+        successUrl,
+        onClose: () => setPayphoneData(null)
+      }
+    )
+  ] });
+}
+function ProviderModal({
+  providers,
+  isPending,
+  onSelect,
+  onClose,
+  labels
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: modalStyles.overlay, onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: modalStyles.card, onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { style: modalStyles.title, children: labels?.selectPaymentMethod ?? "Select payment method" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: providers.map((p) => {
+      const label = PROVIDER_LABELS2[p.provider];
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          style: modalStyles.providerButton,
+          onClick: () => onSelect(p.provider),
+          disabled: isPending,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "20px", marginRight: "12px" }, children: PROVIDER_ICONS2[p.provider] }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: label?.en ?? p.provider })
+          ]
+        },
+        p.provider
+      );
+    }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", style: modalStyles.cancelButton, onClick: onClose, children: labels?.cancel ?? "Cancel" })
+  ] }) });
+}
+function TransferModal2({
+  data,
+  onClose,
+  labels
+}) {
+  const bankDetails = data.bankDetails;
+  const plan = data.plan;
+  const intent = data.intent;
+  const displayAmount = plan ? formatAmount2(plan.amount, plan.currency) : intent ? formatAmount2(intent.amount * 100, intent.currency) : "";
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: modalStyles.overlay, onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: modalStyles.card, onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { style: modalStyles.title, children: labels?.bankTransfer ?? "Bank Transfer" }),
+    displayAmount && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        style: {
+          textAlign: "center",
+          padding: "16px",
+          backgroundColor: "#f9fafb",
+          borderRadius: "8px",
+          marginBottom: "20px"
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "32px", fontWeight: 700, color: "#111827" }, children: displayAmount }),
+          plan?.name && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "14px", color: "#6b7280" }, children: plan.name }),
+          intent?.description && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "14px", color: "#6b7280" }, children: intent.description })
+        ]
+      }
+    ),
+    bankDetails && Object.keys(bankDetails).length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: "16px" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          style: {
+            fontSize: "14px",
+            fontWeight: 600,
+            color: "#111827",
+            marginBottom: "8px"
+          },
+          children: "Bank Details"
+        }
+      ),
+      Object.entries(bankDetails).filter(([, v]) => v).map(([key, value]) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          style: {
+            display: "flex",
+            justifyContent: "space-between",
+            padding: "6px 0",
+            borderBottom: "1px solid #f3f4f6",
+            fontSize: "13px"
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#6b7280" }, children: key.replace(/([A-Z])/g, " $1").replace(/^./, (s) => s.toUpperCase()) }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#111827", fontWeight: 500 }, children: value })
+          ]
+        },
+        key
+      ))
+    ] }),
+    data.transferInstructions && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        style: {
+          padding: "12px",
+          backgroundColor: "#eff6ff",
+          borderRadius: "6px",
+          fontSize: "13px",
+          color: "#1e40af",
+          lineHeight: 1.5,
+          marginBottom: "16px"
+        },
+        children: data.transferInstructions
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "p",
+      {
+        style: {
+          fontSize: "13px",
+          color: "#9ca3af",
+          margin: "12px 0 0 0"
+        },
+        children: "After completing the transfer, submit your proof of payment. Your access will be activated once the transfer is verified."
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", style: modalStyles.cancelButton, onClick: onClose, children: "Close" })
+  ] }) });
+}
+var modalStyles = {
+  overlay: {
+    position: "fixed",
+    inset: 0,
+    backgroundColor: "rgba(0,0,0,0.5)",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    zIndex: 9999,
+    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'
+  },
+  card: {
+    backgroundColor: "#fff",
+    borderRadius: "12px",
+    padding: "24px",
+    maxWidth: "420px",
+    width: "90%",
+    boxShadow: "0 25px 50px -12px rgba(0,0,0,0.25)"
+  },
+  title: {
+    fontSize: "18px",
+    fontWeight: 700,
+    color: "#111827",
+    margin: "0 0 20px 0",
+    textAlign: "center"
+  },
+  providerButton: {
+    display: "flex",
+    alignItems: "center",
+    width: "100%",
+    padding: "12px 16px",
+    border: "1px solid #e5e7eb",
+    borderRadius: "8px",
+    backgroundColor: "#fff",
+    cursor: "pointer",
+    fontSize: "14px",
+    fontWeight: 500,
+    color: "#111827",
+    transition: "background-color 0.15s",
+    fontFamily: "inherit"
+  },
+  cancelButton: {
+    display: "block",
+    width: "100%",
+    marginTop: "16px",
+    padding: "10px",
+    border: "none",
+    borderRadius: "8px",
+    backgroundColor: "#f3f4f6",
+    color: "#6b7280",
+    fontSize: "14px",
+    fontWeight: 500,
+    cursor: "pointer",
+    fontFamily: "inherit"
+  }
+};
+function usePayphoneConfirm(options) {
+  const client = useAccessClient();
+  return reactQuery.useMutation({
+    mutationFn: (params) => client.post(client.paths.payphoneConfirm, params),
+    onSuccess: options?.onSuccess,
+    onError: options?.onError
+  });
+}
+function PayphoneCallback({
+  onSuccess,
+  onError,
+  className,
+  style
+}) {
+  const { mutate, isPending, isSuccess, isError, error, data } = usePayphoneConfirm({
+    onSuccess,
+    onError
+  });
+  const called = react.useRef(false);
+  react.useEffect(() => {
+    if (called.current) return;
+    called.current = true;
+    const params = new URLSearchParams(window.location.search);
+    const id = params.get("id");
+    const clientTransactionId = params.get("clientTransactionId");
+    if (!id || !clientTransactionId) return;
+    mutate({ id: Number(id), clientTransactionId });
+  }, [mutate]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, style: { textAlign: "center", padding: "32px", ...style }, children: [
+    isPending && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { style: textStyle, children: "Confirming your payment..." }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { style: subtextStyle, children: "Please do not close this page." })
+    ] }),
+    isSuccess && data && /* @__PURE__ */ jsxRuntime.jsx("div", { children: data.status === "confirmed" || data.status === "already_confirmed" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { style: { ...textStyle, color: "#059669" }, children: "Payment confirmed!" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { style: subtextStyle, children: "Your payment has been processed successfully." })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { style: { ...textStyle, color: "#d97706" }, children: "Payment was cancelled" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { style: subtextStyle, children: "The transaction was not completed." })
+    ] }) }),
+    isError && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { style: { ...textStyle, color: "#dc2626" }, children: "Payment confirmation failed" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { style: subtextStyle, children: error?.message ?? "An error occurred" })
+    ] })
+  ] });
+}
+var textStyle = {
+  fontSize: "18px",
+  fontWeight: 600,
+  color: "#111827",
+  margin: "0 0 8px 0"
+};
+var subtextStyle = {
+  fontSize: "14px",
+  color: "#6b7280",
+  margin: 0
+};
+var statusConfig = {
+  ACTIVE: { bg: "#d1fae5", color: "#065f46", label: "Active" },
+  TRIALING: { bg: "#dbeafe", color: "#1e40af", label: "Trial" },
+  PAST_DUE: { bg: "#fef3c7", color: "#92400e", label: "Past Due" },
+  CANCELED: { bg: "#fee2e2", color: "#991b1b", label: "Canceled" },
+  UNPAID: { bg: "#fee2e2", color: "#991b1b", label: "Unpaid" },
+  INCOMPLETE: { bg: "#f3f4f6", color: "#6b7280", label: "Incomplete" }
+};
+var styles4 = {
+  badge: {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: "6px",
+    padding: "6px 12px",
+    borderRadius: "9999px",
+    fontSize: "13px",
+    fontWeight: 500,
+    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'
+  },
+  dot: (color) => ({
+    width: "6px",
+    height: "6px",
+    borderRadius: "50%",
+    backgroundColor: color,
+    flexShrink: 0
+  }),
+  skeleton: {
+    display: "inline-block",
+    width: "120px",
+    height: "32px",
+    borderRadius: "9999px",
+    backgroundColor: "#f3f4f6"
+  }
+};
+function SubscriptionBadge({ className, style }) {
+  const { data: subscription, isLoading } = useSubscription();
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className, style: { ...styles4.skeleton, ...style } });
+  }
+  if (!subscription) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className,
+        style: {
+          ...styles4.badge,
+          backgroundColor: "#f3f4f6",
+          color: "#6b7280",
+          ...style
+        },
+        children: "No Plan"
+      }
+    );
+  }
+  const config = statusConfig[subscription.status];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      className,
+      style: {
+        ...styles4.badge,
+        backgroundColor: config.bg,
+        color: config.color,
+        ...style
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles4.dot(config.color), "aria-hidden": "true" }),
+        subscription.plan.name,
+        " \xB7 ",
+        config.label
+      ]
+    }
+  );
+}
+SubscriptionBadge.displayName = "SubscriptionBadge";
+function useInvoices() {
+  const client = useAccessClient();
+  return reactQuery.useQuery({
+    queryKey: ["azirid-access", "billing", "invoices"],
+    queryFn: () => client.get(client.paths.invoices),
+    enabled: !!client.getAccessToken()
+  });
+}
+var statusColors2 = {
+  PENDING: { bg: "#fef3c7", color: "#92400e" },
+  PAID: { bg: "#d1fae5", color: "#065f46" },
+  FAILED: { bg: "#fee2e2", color: "#991b1b" },
+  REFUNDED: { bg: "#f3f4f6", color: "#6b7280" }
+};
+function formatDate2(dateStr) {
+  try {
+    return new Date(dateStr).toLocaleDateString(void 0, {
+      year: "numeric",
+      month: "short",
+      day: "numeric"
+    });
+  } catch {
+    return dateStr;
+  }
+}
+function formatAmount3(amount, currency) {
+  try {
+    return new Intl.NumberFormat(void 0, {
+      style: "currency",
+      currency,
+      minimumFractionDigits: 0,
+      maximumFractionDigits: 2
+    }).format(amount / 100);
+  } catch {
+    return `${currency} ${(amount / 100).toFixed(2)}`;
+  }
+}
+var styles5 = {
+  container: {
+    border: "1px solid #e5e7eb",
+    borderRadius: "12px",
+    backgroundColor: "#ffffff",
+    overflow: "hidden",
+    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'
+  },
+  header: {
+    padding: "16px 24px",
+    borderBottom: "1px solid #e5e7eb"
+  },
+  title: {
+    margin: 0,
+    fontSize: "16px",
+    fontWeight: 600,
+    color: "#111827"
+  },
+  table: {
+    width: "100%",
+    borderCollapse: "collapse",
+    fontSize: "14px"
+  },
+  th: {
+    padding: "12px 24px",
+    textAlign: "left",
+    fontSize: "12px",
+    fontWeight: 500,
+    color: "#6b7280",
+    textTransform: "uppercase",
+    letterSpacing: "0.05em",
+    borderBottom: "1px solid #e5e7eb",
+    backgroundColor: "#f9fafb"
+  },
+  td: {
+    padding: "12px 24px",
+    borderBottom: "1px solid #f3f4f6",
+    color: "#374151"
+  },
+  badge: (bg, color) => ({
+    display: "inline-block",
+    padding: "2px 8px",
+    borderRadius: "9999px",
+    fontSize: "12px",
+    fontWeight: 500,
+    backgroundColor: bg,
+    color
+  }),
+  link: {
+    color: "#6366f1",
+    textDecoration: "none",
+    fontWeight: 500,
+    fontSize: "13px"
+  },
+  skeleton: {
+    backgroundColor: "#f3f4f6",
+    borderRadius: "4px",
+    height: "14px"
+  },
+  emptyRow: {
+    padding: "24px",
+    textAlign: "center",
+    color: "#9ca3af",
+    fontSize: "14px"
+  }
+};
+function InvoiceList({ className, style }) {
+  const { data: invoices, isLoading } = useInvoices();
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, style: { ...styles5.container, ...style }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles5.header, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { ...styles5.skeleton, width: "100px", height: "18px" } }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "24px" }, children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          style: { ...styles5.skeleton, width: "100%", height: "16px", marginBottom: "16px" }
+        },
+        i
+      )) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, style: { ...styles5.container, ...style }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles5.header, children: /* @__PURE__ */ jsxRuntime.jsx("h3", { style: styles5.title, children: "Invoices" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("table", { style: styles5.table, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: styles5.th, children: "Date" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: styles5.th, children: "Amount" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: styles5.th, children: "Status" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: styles5.th, children: "Invoice" })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
+        (!invoices || invoices.length === 0) && /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 4, style: styles5.emptyRow, children: "No invoices yet." }) }),
+        invoices?.map((invoice) => {
+          const sc = statusColors2[invoice.status];
+          return /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("td", { style: styles5.td, children: formatDate2(invoice.createdAt) }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { style: styles5.td, children: formatAmount3(invoice.amount, invoice.currency) }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { style: styles5.td, children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles5.badge(sc.bg, sc.color), children: invoice.status }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { style: styles5.td, children: invoice.invoiceUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+              "a",
+              {
+                href: invoice.invoiceUrl,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                style: styles5.link,
+                children: "View"
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#d1d5db" }, children: "\u2014" }) })
+          ] }, invoice.id);
+        })
+      ] })
+    ] })
+  ] });
+}
+InvoiceList.displayName = "InvoiceList";
+function useLogin(options) {
+  const { loginMutation } = useAzirid();
+  const login = react.useCallback(
+    (data) => {
+      loginMutation.mutate(data, {
+        onSuccess: options?.onSuccess,
+        onError: options?.onError
+      });
+    },
+    [loginMutation, options?.onSuccess, options?.onError]
+  );
+  return react.useMemo(() => Object.assign({}, loginMutation, { login }), [loginMutation, login]);
+}
+function useSignup(options) {
+  const { signupMutation } = useAzirid();
+  const signup = react.useCallback(
+    (data) => {
+      signupMutation.mutate(data, {
+        onSuccess: options?.onSuccess,
+        onError: options?.onError
+      });
+    },
+    [signupMutation, options?.onSuccess, options?.onError]
+  );
+  return react.useMemo(() => Object.assign({}, signupMutation, { signup }), [signupMutation, signup]);
+}
+function useLogout(options) {
+  const { logoutMutation } = useAzirid();
+  const logout = react.useCallback(() => {
+    logoutMutation.mutate(void 0, {
+      onSuccess: options?.onSuccess,
+      onError: options?.onError
+    });
+  }, [logoutMutation, options?.onSuccess, options?.onError]);
+  return react.useMemo(() => Object.assign({}, logoutMutation, { logout }), [logoutMutation, logout]);
+}
+function useSession(options) {
+  const client = useAccessClient();
+  const query = reactQuery.useQuery({
+    queryKey: ["azirid-access", "session"],
+    queryFn: () => client.get(client.paths.me),
+    retry: false,
+    enabled: options?.enabled ?? true,
+    refetchInterval: options?.refetchInterval,
+    refetchOnWindowFocus: options?.refetchOnWindowFocus ?? false
+  });
+  return {
+    ...query,
+    isAuthenticated: query.isSuccess && query.data !== null
+  };
+}
+function useMagicLink(options) {
+  const client = useAccessClient();
+  const request = reactQuery.useMutation({
+    mutationKey: ["azirid-access", "magic-link", "request"],
+    mutationFn: (data) => client.post(client.paths.magicLinkRequest, data),
+    onSuccess: () => options?.onRequestSuccess?.(),
+    onError: options?.onError
+  });
+  const verify = reactQuery.useMutation({
+    mutationKey: ["azirid-access", "magic-link", "verify"],
+    mutationFn: (data) => client.post(client.paths.magicLinkVerify, data),
+    onSuccess: options?.onVerifySuccess,
+    onError: options?.onError
+  });
+  return { request, verify };
+}
+function useSocialLogin(options) {
+  const client = useAccessClient();
+  return reactQuery.useMutation({
+    mutationKey: ["azirid-access", "social-login"],
+    mutationFn: async (data) => {
+      const body = { ...data };
+      if (client.appContext?.tenantId) {
+        body.tenantId = client.appContext.tenantId;
+      }
+      return client.post(client.paths.socialLogin, body);
+    },
+    onSuccess: options?.onSuccess,
+    onError: options?.onError
+  });
+}
+function useChangePassword(options) {
+  const client = useAccessClient();
+  return reactQuery.useMutation({
+    mutationKey: ["azirid-access", "change-password"],
+    mutationFn: (data) => client.post(client.paths.changePassword, data),
+    onSuccess: options?.onSuccess,
+    onError: options?.onError
+  });
+}
+function useRefresh(options) {
+  const client = useAccessClient();
+  return reactQuery.useMutation({
+    mutationKey: ["azirid-access", "refresh"],
+    mutationFn: async () => {
+      await client.refreshSession();
+      return { accessToken: client.getAccessToken() };
+    },
+    onSuccess: (data) => {
+      options?.onSuccess?.(data);
+    },
+    onError: options?.onError
+  });
+}
+function useBootstrap(options) {
+  const client = useAccessClient();
+  const query = reactQuery.useQuery({
+    queryKey: ["azirid-access", "bootstrap"],
+    queryFn: async () => {
+      const response = await client.post(client.paths.bootstrap);
+      if (response.authenticated) {
+        client.setAccessToken(response.accessToken);
+        options?.onAuthenticated?.(response);
+      } else {
+        options?.onUnauthenticated?.();
+      }
+      return response;
+    },
+    retry: false,
+    enabled: options?.enabled ?? true,
+    staleTime: Infinity,
+    refetchOnWindowFocus: false
+  });
+  const isAuthenticated = query.isSuccess && query.data !== void 0 && query.data.authenticated === true;
+  return {
+    ...query,
+    isAuthenticated
+  };
+}
+function usePasskeys(options) {
+  const client = useAccessClient();
+  const queryClient = reactQuery.useQueryClient();
+  const list = reactQuery.useQuery({
+    queryKey: ["azirid-access", "passkeys"],
+    queryFn: () => client.get(client.paths.passkeys),
+    enabled: options?.listEnabled ?? false
+  });
+  const registerStart = reactQuery.useMutation({
+    mutationKey: ["azirid-access", "passkeys", "register-start"],
+    mutationFn: (data) => client.post(client.paths.passkeyRegisterStart, data),
+    onError: options?.onError
+  });
+  const registerVerify = reactQuery.useMutation({
+    mutationKey: ["azirid-access", "passkeys", "register-verify"],
+    mutationFn: (data) => client.post(client.paths.passkeyRegisterVerify, data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["azirid-access", "passkeys"] });
+      options?.onRegisterSuccess?.();
+    },
+    onError: options?.onError
+  });
+  const register = reactQuery.useMutation({
+    mutationKey: ["azirid-access", "passkeys", "register"],
+    mutationFn: (data) => client.post(client.paths.passkeys, data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["azirid-access", "passkeys"] });
+      options?.onRegisterSuccess?.();
+    },
+    onError: options?.onError
+  });
+  const revoke = reactQuery.useMutation({
+    mutationKey: ["azirid-access", "passkeys", "revoke"],
+    mutationFn: (passkeyId) => client.post(
+      `${client.paths.passkeys}/${passkeyId}/revoke`
+    ),
+    onSuccess: (data) => {
+      queryClient.invalidateQueries({ queryKey: ["azirid-access", "passkeys"] });
+      options?.onRevokeSuccess?.(data);
+    },
+    onError: options?.onError
+  });
+  const login = reactQuery.useMutation({
+    mutationKey: ["azirid-access", "passkeys", "login"],
+    mutationFn: async (data) => {
+      const body = { ...data };
+      if (client.appContext?.tenantId) {
+        body.tenantId = client.appContext.tenantId;
+      }
+      return client.post(client.paths.passkeyLogin, body);
+    },
+    onSuccess: options?.onLoginSuccess,
+    onError: options?.onError
+  });
+  const loginStart = reactQuery.useMutation({
+    mutationKey: ["azirid-access", "passkeys", "login-start"],
+    mutationFn: async (data) => {
+      const body = {};
+      if (client.appContext?.tenantId) {
+        body.tenantId = client.appContext.tenantId;
+      }
+      if (data) {
+        Object.assign(body, data);
+      }
+      return client.post(client.paths.passkeyLoginStart, body);
+    },
+    onError: options?.onError
+  });
+  const loginVerify = reactQuery.useMutation({
+    mutationKey: ["azirid-access", "passkeys", "login-verify"],
+    mutationFn: async (data) => {
+      const body = { ...data };
+      if (client.appContext?.tenantId) {
+        body.tenantId = client.appContext.tenantId;
+      }
+      return client.post(client.paths.passkeyLoginVerify, body);
+    },
+    onSuccess: options?.onLoginSuccess,
+    onError: options?.onError
+  });
+  return {
+    list,
+    registerStart,
+    registerVerify,
+    register,
+    revoke,
+    login,
+    loginStart,
+    loginVerify
+  };
+}
+function useSubmitTransferProof(options) {
+  const client = useAccessClient();
+  const queryClient = reactQuery.useQueryClient();
+  const mutation = reactQuery.useMutation({
+    mutationFn: (data) => client.post(client.paths.submitTransferProof, data),
+    onSuccess: (data) => {
+      void queryClient.invalidateQueries({ queryKey: ["transferProofs"] });
+      options?.onSuccess?.(data);
+    },
+    onError: options?.onError
+  });
+  const submit = react.useCallback(
+    (data) => {
+      mutation.mutate(data);
+    },
+    [mutation]
+  );
+  return react.useMemo(() => ({ ...mutation, submit }), [mutation, submit]);
+}
+function useTransferProofs() {
+  const client = useAccessClient();
+  return reactQuery.useQuery({
+    queryKey: ["transferProofs"],
+    queryFn: () => client.get(client.paths.transferProofs)
+  });
+}
+function zodToFieldErrors(zodError) {
+  return zodError.issues.map((issue) => ({
+    field: issue.path.join("."),
+    message: issue.message
+  }));
+}
+function useFormState(initialValues, schema, onSubmit) {
+  const [values, setValues] = react.useState(initialValues);
+  const [errors, setErrors] = react.useState([]);
+  const [isSubmitting, setIsSubmitting] = react.useState(false);
+  const mountedRef = react.useRef(true);
+  const handleChange = react.useCallback(
+    (field) => (e) => {
+      const next = { ...values, [field]: e.target.value };
+      setValues(next);
+      setErrors((prev) => prev.filter((err) => err.field !== field));
+    },
+    [values]
+  );
+  const setFieldValue = react.useCallback((field, value) => {
+    setValues((prev) => ({ ...prev, [field]: value }));
+    setErrors((prev) => prev.filter((err) => err.field !== field));
+  }, []);
+  const handleSubmit = react.useCallback(
+    async (e) => {
+      e.preventDefault();
+      const result = schema.safeParse(values);
+      if (!result.success) {
+        setErrors(zodToFieldErrors(result.error));
+        return;
+      }
+      setIsSubmitting(true);
+      try {
+        await onSubmit(values);
+      } finally {
+        if (mountedRef.current) {
+          setIsSubmitting(false);
+        }
+      }
+    },
+    [values, schema, onSubmit]
+  );
+  const reset = react.useCallback(() => {
+    setValues(initialValues);
+    setErrors([]);
+    setIsSubmitting(false);
+  }, [initialValues]);
+  return { values, errors, isSubmitting, handleChange, handleSubmit, setFieldValue, reset };
+}
+function usePasswordToggle() {
+  const [visible, setVisible] = react.useState(false);
+  const toggle = react.useCallback(() => setVisible((v) => !v), []);
+  return { visible, toggle, type: visible ? "text" : "password" };
+}
+
+// src/index.ts
+var SDK_VERSION = "0.6.0";
+
+exports.AziridProvider = AziridProvider;
+exports.BASE_PATHS = BASE_PATHS;
+exports.CheckoutButton = CheckoutButton;
+exports.InvoiceList = InvoiceList;
+exports.LoginForm = LoginForm;
+exports.PATHS = PATHS;
+exports.PayButton = PayButton;
+exports.PayphoneCallback = PayphoneCallback;
+exports.PricingTable = PricingTable;
+exports.ReferralCard = ReferralCard;
+exports.ReferralStats = ReferralStats;
+exports.SDK_VERSION = SDK_VERSION;
+exports.SignupForm = SignupForm;
+exports.SubscriptionBadge = SubscriptionBadge;
+exports.buildPaths = buildPaths;
+exports.changePasswordSchema = changePasswordSchema;
+exports.cn = cn;
+exports.createAccessClient = createAccessClient;
+exports.createLoginSchema = createLoginSchema;
+exports.createSignupSchema = createSignupSchema;
+exports.en = en;
+exports.es = es;
+exports.isAuthError = isAuthError;
+exports.loginSchema = loginSchema;
+exports.magicLinkRequestSchema = magicLinkRequestSchema;
+exports.magicLinkVerifySchema = magicLinkVerifySchema;
+exports.passkeyRegisterStartSchema = passkeyRegisterStartSchema;
+exports.removeStyles = removeStyles;
+exports.resolveMessages = resolveMessages;
+exports.signupSchema = signupSchema;
+exports.socialLoginSchema = socialLoginSchema;
+exports.useAccessClient = useAccessClient;
+exports.useAzirid = useAzirid;
+exports.useBootstrap = useBootstrap;
+exports.useBranding = useBranding;
+exports.useChangePassword = useChangePassword;
+exports.useCheckout = useCheckout;
+exports.useFormState = useFormState;
+exports.useInvoices = useInvoices;
+exports.useLogin = useLogin;
+exports.useLogout = useLogout;
+exports.useMagicLink = useMagicLink;
+exports.useMessages = useMessages;
+exports.usePasskeys = usePasskeys;
+exports.usePasswordToggle = usePasswordToggle;
+exports.usePaymentProviders = usePaymentProviders;
+exports.usePayphoneConfirm = usePayphoneConfirm;
+exports.usePlans = usePlans;
+exports.useReferral = useReferral;
+exports.useReferralStats = useReferralStats;
+exports.useRefresh = useRefresh;
+exports.useSession = useSession;
+exports.useSignup = useSignup;
+exports.useSocialLogin = useSocialLogin;
+exports.useSubmitTransferProof = useSubmitTransferProof;
+exports.useSubscription = useSubscription;
+exports.useTransferProofs = useTransferProofs;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map