azirid-react 0.7.0 → 0.9.0

package/dist/index.cjs

@@ -59,6 +59,32 @@ var socialLoginSchema = zod.z.object({
   acceptedTosVersion: zod.z.string().optional(),
   acceptedPrivacyVersion: zod.z.string().optional()
 });
+function createForgotPasswordSchema(v) {
+  return zod.z.object({
+    email: zod.z.string({ required_error: v.emailRequired }).min(1, v.emailRequired).email(v.emailInvalid)
+  });
+}
+var forgotPasswordSchema = 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")
+});
+function createResetPasswordConfirmSchema(v) {
+  return zod.z.object({
+    token: zod.z.string({ required_error: v.tokenRequired }).min(1, v.tokenRequired),
+    newPassword: zod.z.string({ required_error: v.newPasswordRequired }).min(10, v.passwordMinLength),
+    confirmPassword: zod.z.string({ required_error: v.confirmPasswordRequired }).min(1, v.confirmPasswordRequired)
+  }).refine((data) => data.newPassword === data.confirmPassword, {
+    message: v.passwordsMismatch,
+    path: ["confirmPassword"]
+  });
+}
+var resetPasswordConfirmSchema = zod.z.object({
+  token: zod.z.string({ required_error: "El token es requerido" }).min(1, "El token es requerido"),
+  newPassword: zod.z.string({ required_error: "La nueva contrase\xF1a es requerida" }).min(10, "La contrase\xF1a debe tener al menos 10 caracteres"),
+  confirmPassword: zod.z.string({ required_error: "Confirma tu contrase\xF1a" }).min(1, "Confirma tu contrase\xF1a")
+}).refine((data) => data.newPassword === data.confirmPassword, {
+  message: "Las contrase\xF1as no coinciden",
+  path: ["confirmPassword"]
+});
 var passkeyRegisterStartSchema = zod.z.object({
   deviceName: zod.z.string().optional()
 });
@@ -96,6 +122,8 @@ var SUFFIXES = {
   submitTransferProof: "billing/transfer-proof",
   transferProofs: "billing/transfer-proofs",
   payphoneConfirm: "billing/payphone/confirm",
+  passwordResetRequest: "password/reset/request",
+  passwordResetConfirm: "password/reset/confirm",
   referralMe: "referrals/me",
   referralStats: "referrals/stats",
   userTenants: "tenants"
@@ -375,6 +403,14 @@ var es = {
     cancel: "Cancelar",
     processing: "Procesando..."
   },
+  navigation: {
+    noAccountText: "\xBFNo tienes cuenta?",
+    signUpLink: "Reg\xEDstrate",
+    hasAccountText: "\xBFYa tienes cuenta?",
+    signInLink: "Inicia sesi\xF3n",
+    forgotPassword: "\xBFOlvidaste tu contrase\xF1a?",
+    backToLogin: "Volver a iniciar sesi\xF3n"
+  },
   validation: {
     emailRequired: "El correo es requerido",
     emailInvalid: "Correo electr\xF3nico inv\xE1lido",
@@ -453,6 +489,14 @@ var en = {
     cancel: "Cancel",
     processing: "Processing..."
   },
+  navigation: {
+    noAccountText: "Don't have an account?",
+    signUpLink: "Sign up",
+    hasAccountText: "Already have an account?",
+    signInLink: "Sign in",
+    forgotPassword: "Forgot your password?",
+    backToLogin: "Back to sign in"
+  },
   validation: {
     emailRequired: "Email is required",
     emailInvalid: "Invalid email address",
@@ -481,6 +525,7 @@ function resolveMessages(locale = "es", overrides) {
     signup: { ...base.signup, ...overrides.signup },
     forgotPassword: { ...base.forgotPassword, ...overrides.forgotPassword },
     resetPassword: { ...base.resetPassword, ...overrides.resetPassword },
+    navigation: { ...base.navigation, ...overrides.navigation },
     social: { ...base.social, ...overrides.social },
     passwordToggle: { ...base.passwordToggle, ...overrides.passwordToggle },
     securedBy: overrides.securedBy ?? base.securedBy,
@@ -491,7 +536,7 @@ function resolveMessages(locale = "es", overrides) {
 
 // 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)}}`;
+@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-green-50:oklch(98.2% .018 155.826);--color-green-200:oklch(92.5% .084 155.995);--color-green-800:oklch(44.8% .119 151.328);--color-green-950:oklch(26.6% .065 152.934);--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-green-200{border-color:var(--color-green-200)}.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-green-50{background-color:var(--color-green-50)}.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-green-800{color:var(--color-green-800)}.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-green-800:is(.dark *){border-color:var(--color-green-800)}.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-green-950:is(.dark *){background-color:var(--color-green-950)}.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)}}.dark\\:text-green-200:is(.dark *){color:var(--color-green-200)}@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";
@@ -513,6 +558,86 @@ function removeStyles() {
   document.getElementById(STYLE_ID)?.remove();
   injected = false;
 }
+function useAuthMutations(deps) {
+  const {
+    client,
+    props,
+    setUser,
+    setError,
+    updateAccessToken,
+    saveSessionTokens,
+    normalizeToken,
+    withAppContext,
+    clearSession
+  } = deps;
+  const queryClient = reactQuery.useQueryClient();
+  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 switchTenantFn = react.useCallback(
+    async (tenantId) => {
+      await client.refreshSession({ tenantId });
+      updateAccessToken(client.getAccessToken());
+      await queryClient.invalidateQueries({ queryKey: ["azirid-access"] });
+    },
+    [client, queryClient, updateAccessToken]
+  );
+  return {
+    loginMutation,
+    signupMutation,
+    logoutMutation,
+    refreshFn,
+    switchTenantFn
+  };
+}
 var AziridContext = react.createContext(null);
 AziridContext.displayName = "AziridContext";
 var ClientContext = react.createContext(null);
@@ -545,7 +670,6 @@ function AziridProviderInner({
   client,
   props
 }) {
-  const queryClient = reactQuery.useQueryClient();
   const [user, setUser] = react.useState(null);
   const [accessToken, setAccessToken] = react.useState(null);
   const [error, setError] = react.useState(null);
@@ -683,65 +807,23 @@ function AziridProviderInner({
     (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 {
+    loginMutation,
+    signupMutation,
+    logoutMutation,
+    refreshFn,
+    switchTenantFn
+  } = useAuthMutations({
+    client,
+    props,
+    setUser,
+    setError,
+    updateAccessToken,
+    saveSessionTokens,
+    normalizeToken,
+    withAppContext,
+    clearSession
   });
-  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 switchTenantFn = react.useCallback(
-    async (tenantId) => {
-      await client.refreshSession({ tenantId });
-      updateAccessToken(client.getAccessToken());
-      await queryClient.invalidateQueries({ queryKey: ["azirid-access"] });
-    },
-    [client, queryClient, updateAccessToken]
-  );
   const login = react.useCallback(
     (data) => loginMutation.mutate(data),
     [loginMutation]
@@ -1366,127 +1448,539 @@ var SignupForm = react.forwardRef(
   }
 );
 SignupForm.displayName = "SignupForm";
-function useReferral() {
+function usePasswordReset(options) {
   const client = useAccessClient();
-  const query = reactQuery.useQuery({
-    queryKey: ["azirid-access", "referral", "me"],
-    queryFn: () => client.get(client.paths.referralMe),
-    enabled: !!client.getAccessToken()
+  const request = reactQuery.useMutation({
+    mutationKey: ["azirid-access", "password-reset", "request"],
+    mutationFn: (data) => client.post(client.paths.passwordResetRequest, data),
+    onSuccess: () => options?.onRequestSuccess?.(),
+    onError: options?.onError
   });
-  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]
-  );
+  const confirm = reactQuery.useMutation({
+    mutationKey: ["azirid-access", "password-reset", "confirm"],
+    mutationFn: (data) => client.post(client.paths.passwordResetConfirm, data),
+    onSuccess: () => options?.onConfirmSuccess?.(),
+    onError: options?.onError
+  });
+  return { request, confirm };
 }
-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: [
+var ForgotPasswordForm = react.forwardRef(
+  ({
+    onSubmit: onSubmitProp,
+    schema: schemaProp,
+    isLoading: externalLoading,
+    error: externalError,
+    className,
+    style,
+    title: titleProp,
+    description: descriptionProp,
+    logo: logoProp,
+    submitText: submitTextProp,
+    footer,
+    defaultValues
+  }, ref) => {
+    const msg = useMessages();
+    const branding = useBranding();
+    const [success, setSuccess] = react.useState(false);
+    const [hookError, setHookError] = react.useState(null);
+    const title = titleProp ?? msg.forgotPassword.title;
+    const description = descriptionProp ?? msg.forgotPassword.description;
+    const submitText = submitTextProp ?? msg.forgotPassword.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 ?? createForgotPasswordSchema(msg.validation),
+      [schemaProp, msg.validation]
+    );
+    let passwordReset = null;
+    try {
+      passwordReset = usePasswordReset({
+        onRequestSuccess: () => setSuccess(true),
+        onError: (err) => setHookError(err.message)
+      });
+    } catch {
+    }
+    const {
+      register,
+      handleSubmit,
+      formState: { errors, isSubmitting }
+    } = reactHookForm.useForm({
+      resolver: zod$1.zodResolver(schema),
+      defaultValues: { email: "", ...defaultValues }
+    });
+    const onSubmit = react.useCallback(
+      async (values) => {
+        setHookError(null);
+        if (onSubmitProp) {
+          await onSubmitProp(values);
+        } else if (passwordReset) {
+          passwordReset.request.mutate(values);
+        }
+      },
+      [onSubmitProp, passwordReset]
+    );
+    const loading = externalLoading ?? passwordReset?.request.isPending ?? isSubmitting;
+    const error = externalError ?? hookError;
+    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: success ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-green-200 bg-green-50 px-4 py-3 text-center text-sm text-green-800 dark:border-green-800 dark:bg-green-950 dark:text-green-200", children: msg.forgotPassword.successMessage }) : /* @__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
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(Field, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(FieldLabel, { htmlFor: "aa-forgot-email", children: msg.forgotPassword.emailLabel }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Input,
+              {
+                id: "aa-forgot-email",
+                type: "email",
+                autoComplete: "email",
+                placeholder: msg.forgotPassword.emailPlaceholder,
+                disabled: loading,
+                "aria-invalid": !!errors.email,
+                "aria-describedby": errors.email ? "aa-forgot-email-err" : void 0,
+                ...register("email")
+              }
+            ),
+            errors.email && /* @__PURE__ */ jsxRuntime.jsx("p", { id: "aa-forgot-email-err", className: "text-destructive text-xs", children: errors.email.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 })
+          ] })
+        ] }) }) })
+      ] })
+    ] });
+  }
+);
+ForgotPasswordForm.displayName = "ForgotPasswordForm";
+var ResetPasswordForm = react.forwardRef(
+  ({
+    token,
+    onSubmit: onSubmitProp,
+    schema: schemaProp,
+    isLoading: externalLoading,
+    error: externalError,
+    className,
+    style,
+    title: titleProp,
+    description: descriptionProp,
+    logo: logoProp,
+    submitText: submitTextProp,
+    footer,
+    onSuccess
+  }, ref) => {
+    const msg = useMessages();
+    const branding = useBranding();
+    const [hookError, setHookError] = react.useState(null);
+    const title = titleProp ?? msg.resetPassword.title;
+    const description = descriptionProp ?? msg.resetPassword.description;
+    const submitText = submitTextProp ?? msg.resetPassword.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 ?? createResetPasswordConfirmSchema(msg.validation),
+      [schemaProp, msg.validation]
+    );
+    let passwordReset = null;
+    try {
+      passwordReset = usePasswordReset({
+        onConfirmSuccess: () => onSuccess?.(),
+        onError: (err) => setHookError(err.message)
+      });
+    } catch {
+    }
+    const {
+      register,
+      handleSubmit,
+      formState: { errors, isSubmitting }
+    } = reactHookForm.useForm({
+      resolver: zod$1.zodResolver(schema),
+      defaultValues: { token, newPassword: "", confirmPassword: "" }
+    });
+    const onSubmit = react.useCallback(
+      async (values) => {
+        setHookError(null);
+        if (onSubmitProp) {
+          await onSubmitProp({ token: values.token, newPassword: values.newPassword });
+        } else if (passwordReset) {
+          passwordReset.confirm.mutate({
+            token: values.token,
+            newPassword: values.newPassword
+          });
+        }
+      },
+      [onSubmitProp, passwordReset]
+    );
+    const loading = externalLoading ?? passwordReset?.confirm.isPending ?? isSubmitting;
+    const error = externalError ?? hookError;
+    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.jsxs("form", { ref, onSubmit: handleSubmit(onSubmit), noValidate: true, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("input", { type: "hidden", ...register("token") }),
+          /* @__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
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(Field, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(FieldLabel, { htmlFor: "aa-reset-new-password", children: msg.resetPassword.newPasswordLabel }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Input,
+                {
+                  id: "aa-reset-new-password",
+                  type: "password",
+                  autoComplete: "new-password",
+                  placeholder: msg.resetPassword.newPasswordPlaceholder,
+                  disabled: loading,
+                  "aria-invalid": !!errors.newPassword,
+                  "aria-describedby": errors.newPassword ? "aa-reset-newpass-err" : void 0,
+                  ...register("newPassword")
+                }
+              ),
+              errors.newPassword && /* @__PURE__ */ jsxRuntime.jsx("p", { id: "aa-reset-newpass-err", className: "text-destructive text-xs", children: errors.newPassword.message })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(Field, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(FieldLabel, { htmlFor: "aa-reset-confirm-password", children: msg.resetPassword.confirmPasswordLabel }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Input,
+                {
+                  id: "aa-reset-confirm-password",
+                  type: "password",
+                  autoComplete: "new-password",
+                  placeholder: msg.resetPassword.confirmPasswordPlaceholder,
+                  disabled: loading,
+                  "aria-invalid": !!errors.confirmPassword,
+                  "aria-describedby": errors.confirmPassword ? "aa-reset-confirmpass-err" : void 0,
+                  ...register("confirmPassword")
+                }
+              ),
+              errors.confirmPassword && /* @__PURE__ */ jsxRuntime.jsx("p", { id: "aa-reset-confirmpass-err", className: "text-destructive text-xs", children: errors.confirmPassword.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 })
+            ] })
+          ] })
+        ] }) })
+      ] })
+    ] });
+  }
+);
+ResetPasswordForm.displayName = "ResetPasswordForm";
+function AuthForm({
+  view: controlledView,
+  onViewChange,
+  defaultView = "login",
+  className,
+  style,
+  logo,
+  showSocialButtons,
+  hideNavigation,
+  resetToken,
+  defaultValues,
+  loginProps,
+  signupProps,
+  forgotPasswordProps,
+  resetPasswordProps
+}) {
+  const [internalView, setInternalView] = react.useState(defaultView);
+  const msg = useMessages();
+  const currentView = controlledView ?? internalView;
+  const navigate = react.useCallback(
+    (target) => {
+      if (onViewChange) {
+        onViewChange(target);
+      } else {
+        setInternalView(target);
+      }
+    },
+    [onViewChange]
+  );
+  const navLink = (text, target) => /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      onClick: () => navigate(target),
+      className: "text-primary font-medium underline-offset-4 hover:underline",
+      children: text
+    }
+  );
+  const sharedProps = { className, style, logo };
+  switch (currentView) {
+    case "login":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        LoginForm,
+        {
+          ...sharedProps,
+          showSocialButtons,
+          defaultValues,
+          ...loginProps,
+          forgotPassword: hideNavigation ? void 0 : navLink(msg.navigation.forgotPassword, "forgot-password"),
+          footer: hideNavigation ? void 0 : /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            msg.navigation.noAccountText,
+            " ",
+            navLink(msg.navigation.signUpLink, "signup")
+          ] })
+        }
+      );
+    case "signup":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        SignupForm,
+        {
+          ...sharedProps,
+          showSocialButtons,
+          ...signupProps,
+          footer: hideNavigation ? void 0 : /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            msg.navigation.hasAccountText,
+            " ",
+            navLink(msg.navigation.signInLink, "login")
+          ] })
+        }
+      );
+    case "forgot-password":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        ForgotPasswordForm,
+        {
+          ...sharedProps,
+          defaultValues: defaultValues ? { email: defaultValues.email } : void 0,
+          ...forgotPasswordProps,
+          footer: hideNavigation ? void 0 : /* @__PURE__ */ jsxRuntime.jsx("span", { children: navLink(msg.navigation.backToLogin, "login") })
+        }
+      );
+    case "reset-password":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        ResetPasswordForm,
+        {
+          ...sharedProps,
+          token: resetToken ?? "",
+          ...resetPasswordProps,
+          footer: hideNavigation ? void 0 : /* @__PURE__ */ jsxRuntime.jsx("span", { children: navLink(msg.navigation.backToLogin, "login") })
+        }
+      );
+  }
+}
+AuthForm.displayName = "AuthForm";
+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" } }),
@@ -1716,6 +2210,20 @@ function ReferralStats({ className, style }) {
   ] });
 }
 ReferralStats.displayName = "ReferralStats";
+
+// ../shared/dist/index.js
+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)}`;
+  }
+}
 function usePlans() {
   const client = useAccessClient();
   return reactQuery.useQuery({
@@ -1881,30 +2389,42 @@ var cancelStyle = {
   cursor: "pointer",
   fontFamily: "inherit"
 };
+var styles3 = {
+  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
+  }
+};
+function PricingFeatureList({ features }) {
+  if (!features || features.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("ul", { style: styles3.featuresList, children: 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)) });
+}
+PricingFeatureList.displayName = "PricingFeatureList";
 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'
-  }),
+var styles4 = {
   card: (isCurrentPlan) => ({
     border: isCurrentPlan ? "2px solid #6366f1" : "1px solid #e5e7eb",
     borderRadius: "12px",
@@ -1955,26 +2475,6 @@ var styles3 = {
     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",
@@ -1986,11 +2486,46 @@ var styles3 = {
     fontWeight: 600,
     cursor: isCurrentPlan ? "default" : "pointer",
     transition: "background-color 0.15s"
+  })
+};
+function PricingCard({
+  plan,
+  isCurrentPlan,
+  isCheckoutPending,
+  onSelect
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles4.card(isCurrentPlan), children: [
+    isCurrentPlan && /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles4.currentBadge, children: "Current Plan" }),
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { style: styles4.planName, children: plan.name }),
+    plan.description && /* @__PURE__ */ jsxRuntime.jsx("p", { style: styles4.planDescription, children: plan.description }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles4.priceRow, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles4.priceAmount, children: formatAmount(plan.amount, plan.currency) }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles4.priceInterval, children: intervalLabels[plan.interval] })
+    ] }),
+    plan.features && plan.features.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(PricingFeatureList, { features: plan.features }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => onSelect(plan),
+        disabled: isCurrentPlan || isCheckoutPending,
+        style: {
+          ...styles4.selectButton(isCurrentPlan),
+          ...isCheckoutPending && !isCurrentPlan ? { opacity: 0.6 } : {}
+        },
+        children: isCurrentPlan ? "Current Plan" : "Subscribe"
+      }
+    )
+  ] });
+}
+PricingCard.displayName = "PricingCard";
+var styles5 = {
+  grid: (columns) => ({
+    display: "grid",
+    gridTemplateColumns: `repeat(${columns}, 1fr)`,
+    gap: "24px",
+    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'
   }),
-  skeleton: {
-    backgroundColor: "#f3f4f6",
-    borderRadius: "12px"
-  },
   skeletonCard: {
     border: "1px solid #e5e7eb",
     borderRadius: "12px",
@@ -2092,8 +2627,8 @@ function ProviderSelectModal({
   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" }),
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles5.overlay, onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles5.modal, onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { style: styles5.modalTitle, children: "Select payment method" }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: providers.map((p) => /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
@@ -2121,17 +2656,22 @@ function ProviderSelectModal({
       },
       p.provider
     )) }),
-    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", style: styles3.closeButton, onClick: onClose, children: "Cancel" })
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", style: styles5.closeButton, onClick: onClose, children: "Cancel" })
   ] }) });
 }
+var intervalLabels2 = {
+  MONTHLY: "/mo",
+  YEARLY: "/yr",
+  ONE_TIME: ""
+};
 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: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles5.overlay, onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles5.modal, onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { style: styles5.modalTitle, children: "Manual Transfer" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("p", { style: styles5.modalSubtitle, children: [
       "Transfer the amount below to subscribe to",
       " ",
       /* @__PURE__ */ jsxRuntime.jsx("strong", { children: data.plan?.name })
@@ -2148,7 +2688,7 @@ function TransferModal({
         },
         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] ?? "" : "" })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: "14px", color: "#6b7280" }, children: data.plan?.interval ? intervalLabels2[data.plan.interval] ?? "" : "" })
         ]
       }
     ),
@@ -2165,12 +2705,12 @@ function TransferModal({
           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 })
+      Object.entries(bankDetails).filter(([, v]) => v).map(([key, value]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles5.bankDetailRow, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles5.bankDetailLabel, children: key.replace(/([A-Z])/g, " $1").replace(/^./, (s) => s.toUpperCase()) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles5.bankDetailValue, children: value })
       ] }, key))
     ] }),
-    data.transferInstructions && /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles3.instructions, children: data.transferInstructions }),
+    data.transferInstructions && /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles5.instructions, children: data.transferInstructions }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "p",
       {
@@ -2182,7 +2722,7 @@ function TransferModal({
         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" })
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", style: styles5.closeButton, onClick: onClose, children: "Close" })
   ] }) });
 }
 function PricingTable({
@@ -2233,12 +2773,12 @@ function PricingTable({
     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: [
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className, style: { ...styles5.grid(columns), ...style }, children: Array.from({ length: columns }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles5.skeletonCard, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
           style: {
-            ...styles3.skeletonLine,
+            ...styles5.skeletonLine,
             width: "60%",
             height: "20px"
           }
@@ -2248,7 +2788,7 @@ function PricingTable({
         "div",
         {
           style: {
-            ...styles3.skeletonLine,
+            ...styles5.skeletonLine,
             width: "80%",
             height: "14px"
           }
@@ -2258,7 +2798,7 @@ function PricingTable({
         "div",
         {
           style: {
-            ...styles3.skeletonLine,
+            ...styles5.skeletonLine,
             width: "40%",
             height: "36px",
             marginTop: "8px"
@@ -2269,7 +2809,7 @@ function PricingTable({
         "div",
         {
           style: {
-            ...styles3.skeletonLine,
+            ...styles5.skeletonLine,
             width: "90%",
             height: "14px"
           }
@@ -2280,7 +2820,7 @@ function PricingTable({
         "div",
         {
           style: {
-            ...styles3.skeletonLine,
+            ...styles5.skeletonLine,
             width: "100%",
             height: "44px",
             marginTop: "16px"
@@ -2295,35 +2835,19 @@ function PricingTable({
       "div",
       {
         className,
-        style: { ...styles3.grid(columns), ...style },
+        style: { ...styles5.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);
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            PricingCard,
+            {
+              plan,
+              isCurrentPlan,
+              isCheckoutPending: checkoutPending,
+              onSelect: handleSelect
+            },
+            plan.id
+          );
         })
       }
     ),
@@ -2390,145 +2914,81 @@ function CheckoutButton({
       },
       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)
-      }
-    )
-  ] });
+      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}"
+};
+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 ProviderModal({
   providers,
   isPending,
@@ -2566,7 +3026,7 @@ function TransferModal2({
   const bankDetails = data.bankDetails;
   const plan = data.plan;
   const intent = data.intent;
-  const displayAmount = plan ? formatAmount2(plan.amount, plan.currency) : intent ? formatAmount2(intent.amount, intent.currency) : "";
+  const displayAmount = plan ? formatAmount(plan.amount, plan.currency) : intent ? formatAmount(intent.amount, 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(
@@ -2646,62 +3106,114 @@ function TransferModal2({
     /* @__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 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 usePayphoneConfirm(options) {
   const client = useAccessClient();
   return reactQuery.useMutation({
@@ -2767,7 +3279,7 @@ var statusConfig = {
   UNPAID: { bg: "#fee2e2", color: "#991b1b", label: "Unpaid" },
   INCOMPLETE: { bg: "#f3f4f6", color: "#6b7280", label: "Incomplete" }
 };
-var styles4 = {
+var styles6 = {
   badge: {
     display: "inline-flex",
     alignItems: "center",
@@ -2796,7 +3308,7 @@ var styles4 = {
 function SubscriptionBadge({ className, style }) {
   const { data: subscription, isLoading } = useSubscription();
   if (isLoading) {
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { className, style: { ...styles4.skeleton, ...style } });
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className, style: { ...styles6.skeleton, ...style } });
   }
   if (!subscription) {
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2804,7 +3316,7 @@ function SubscriptionBadge({ className, style }) {
       {
         className,
         style: {
-          ...styles4.badge,
+          ...styles6.badge,
           backgroundColor: "#f3f4f6",
           color: "#6b7280",
           ...style
@@ -2819,13 +3331,13 @@ function SubscriptionBadge({ className, style }) {
     {
       className,
       style: {
-        ...styles4.badge,
+        ...styles6.badge,
         backgroundColor: config.bg,
         color: config.color,
         ...style
       },
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles4.dot(config.color), "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles6.dot(config.color), "aria-hidden": "true" }),
         subscription.plan.name,
         " \xB7 ",
         config.label
@@ -2859,19 +3371,7 @@ function formatDate2(dateStr) {
     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 = {
+var styles7 = {
   container: {
     border: "1px solid #e5e7eb",
     borderRadius: "12px",
@@ -2940,41 +3440,41 @@ var styles5 = {
 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" } }) }),
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, style: { ...styles7.container, ...style }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles7.header, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { ...styles7.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" }
+          style: { ...styles7.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: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, style: { ...styles7.container, ...style }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles7.header, children: /* @__PURE__ */ jsxRuntime.jsx("h3", { style: styles7.title, children: "Invoices" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("table", { style: styles7.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.jsx("th", { style: styles7.th, children: "Date" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: styles7.th, children: "Amount" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: styles7.th, children: "Status" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: styles7.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 || invoices.length === 0) && /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 4, style: styles7.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(
+            /* @__PURE__ */ jsxRuntime.jsx("td", { style: styles7.td, children: formatDate2(invoice.createdAt) }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { style: styles7.td, children: formatAmount(invoice.amount, invoice.currency) }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { style: styles7.td, children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles7.badge(sc.bg, sc.color), children: invoice.status }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { style: styles7.td, children: invoice.invoiceUrl ? /* @__PURE__ */ jsxRuntime.jsx(
               "a",
               {
                 href: invoice.invoiceUrl,
                 target: "_blank",
                 rel: "noopener noreferrer",
-                style: styles5.link,
+                style: styles7.link,
                 children: "View"
               }
             ) : /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#d1d5db" }, children: "\u2014" }) })
@@ -3257,6 +3757,17 @@ function useSwitchTenant() {
   };
   return { switchTenant };
 }
+function createMutationHook(config) {
+  return function useGeneratedMutation(options) {
+    const client = useAccessClient();
+    return reactQuery.useMutation({
+      mutationKey: config.mutationKey,
+      mutationFn: (input) => config.mutationFn(client, input),
+      onSuccess: options?.onSuccess,
+      onError: options?.onError
+    });
+  };
+}
 function zodToFieldErrors(zodError) {
   return zodError.issues.map((issue) => ({
     field: issue.path.join("."),
@@ -3313,11 +3824,13 @@ function usePasswordToggle() {
 }
 
 // src/index.ts
-var SDK_VERSION = "0.7.0";
+var SDK_VERSION = "0.9.0";
 
+exports.AuthForm = AuthForm;
 exports.AziridProvider = AziridProvider;
 exports.BASE_PATHS = BASE_PATHS;
 exports.CheckoutButton = CheckoutButton;
+exports.ForgotPasswordForm = ForgotPasswordForm;
 exports.InvoiceList = InvoiceList;
 exports.LoginForm = LoginForm;
 exports.PATHS = PATHS;
@@ -3326,6 +3839,7 @@ exports.PayphoneCallback = PayphoneCallback;
 exports.PricingTable = PricingTable;
 exports.ReferralCard = ReferralCard;
 exports.ReferralStats = ReferralStats;
+exports.ResetPasswordForm = ResetPasswordForm;
 exports.SDK_VERSION = SDK_VERSION;
 exports.SignupForm = SignupForm;
 exports.SubscriptionBadge = SubscriptionBadge;
@@ -3333,16 +3847,21 @@ exports.buildPaths = buildPaths;
 exports.changePasswordSchema = changePasswordSchema;
 exports.cn = cn;
 exports.createAccessClient = createAccessClient;
+exports.createForgotPasswordSchema = createForgotPasswordSchema;
 exports.createLoginSchema = createLoginSchema;
+exports.createMutationHook = createMutationHook;
+exports.createResetPasswordConfirmSchema = createResetPasswordConfirmSchema;
 exports.createSignupSchema = createSignupSchema;
 exports.en = en;
 exports.es = es;
+exports.forgotPasswordSchema = forgotPasswordSchema;
 exports.isAuthError = isAuthError;
 exports.loginSchema = loginSchema;
 exports.magicLinkRequestSchema = magicLinkRequestSchema;
 exports.magicLinkVerifySchema = magicLinkVerifySchema;
 exports.passkeyRegisterStartSchema = passkeyRegisterStartSchema;
 exports.removeStyles = removeStyles;
+exports.resetPasswordConfirmSchema = resetPasswordConfirmSchema;
 exports.resolveMessages = resolveMessages;
 exports.signupSchema = signupSchema;
 exports.socialLoginSchema = socialLoginSchema;
@@ -3359,6 +3878,7 @@ exports.useLogout = useLogout;
 exports.useMagicLink = useMagicLink;
 exports.useMessages = useMessages;
 exports.usePasskeys = usePasskeys;
+exports.usePasswordReset = usePasswordReset;
 exports.usePasswordToggle = usePasswordToggle;
 exports.usePaymentProviders = usePaymentProviders;
 exports.usePayphoneConfirm = usePayphoneConfirm;