@datatechsolutions/ui 3.13.0 → 3.14.0

package/dist/{chunk-6YTYD4P5.js → chunk-LJGPMMKB.js}

@@ -1,10 +1,10 @@
 "use client";
 'use strict';
 
-var chunkQGLGQXJE_js = require('./chunk-QGLGQXJE.js');
-var chunk5ETT54QS_js = require('./chunk-5ETT54QS.js');
+var chunkA5OMGPMR_js = require('./chunk-A5OMGPMR.js');
+var chunkFZUV7GNB_js = require('./chunk-FZUV7GNB.js');
 var chunkY5VN4SPH_js = require('./chunk-Y5VN4SPH.js');
-var chunkBHOT22QL_js = require('./chunk-BHOT22QL.js');
+var chunkMXQ2EYG2_js = require('./chunk-MXQ2EYG2.js');
 var chunkUZ3CMNUJ_js = require('./chunk-UZ3CMNUJ.js');
 var react = require('react');
 var outline = require('@heroicons/react/24/outline');
@@ -20,7 +20,7 @@ function MfaChallenge({
   embedded = false
 }) {
   const t = chunkY5VN4SPH_js.useTranslations("windsock");
-  const { verifyMFA } = chunk5ETT54QS_js.useAuth();
+  const { verifyMFA } = chunkFZUV7GNB_js.useAuth();
   const [method, setMethod] = react.useState("totp");
   const [totpCode, setTotpCode] = react.useState("");
   const [backupCode, setBackupCode] = react.useState("");
@@ -84,7 +84,7 @@ function MfaChallenge({
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-400", children: method === "totp" ? t("mfa.challenge.descriptionTotp") : t("mfa.challenge.descriptionBackup") })
     ] }),
     availableMethods.length > 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5ETT54QS_js.SegmentedControl,
+      chunkFZUV7GNB_js.SegmentedControl,
       {
         segments,
         value: method,
@@ -95,7 +95,7 @@ function MfaChallenge({
     failureCount >= 3 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl border border-red-500/30 bg-red-500/10 px-4 py-3 text-sm text-red-600 dark:text-red-400 text-center", children: t("mfa.challenge.lockoutWarning") }),
     method === "totp" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkQGLGQXJE_js.OtpInput,
+        chunkA5OMGPMR_js.OtpInput,
         {
           value: totpCode,
           onChange: setTotpCode,
@@ -105,11 +105,11 @@ function MfaChallenge({
           autoFocus: true
         }
       ),
-      isSubmitting && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.Spinner, {}) })
+      isSubmitting && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(chunkFZUV7GNB_js.Spinner, {}) })
     ] }),
     method === "backup" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk5ETT54QS_js.Input,
+        chunkFZUV7GNB_js.Input,
         {
           value: backupCode,
           onChange: (event) => setBackupCode(event.target.value),
@@ -121,7 +121,7 @@ function MfaChallenge({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkBHOT22QL_js.Button,
+        chunkMXQ2EYG2_js.Button,
         {
           color: "ios-glass-blue",
           fullWidth: true,
@@ -132,21 +132,21 @@ function MfaChallenge({
         }
       )
     ] }),
-    onCancel && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
+    onCancel && /* @__PURE__ */ jsxRuntime.jsx(chunkFZUV7GNB_js.Text, { className: "text-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkFZUV7GNB_js.TextLink,
       {
-        type: "button",
-        onClick: () => {
+        href: "#",
+        onClick: (event) => {
+          event.preventDefault();
           chunkUZ3CMNUJ_js.triggerHaptic("light");
           onCancel();
         },
-        className: "text-sm text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 transition-colors",
         children: t("mfa.challenge.useDifferentAccount")
       }
     ) })
   ] });
   if (embedded) return content;
-  return /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.Card, { variant: "glass", className: "mx-auto max-w-md p-6 sm:p-8", children: content });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkFZUV7GNB_js.Card, { variant: "glass", className: "mx-auto max-w-md p-6 sm:p-8", children: content });
 }
 function SignIn({
   onSuccess,
@@ -160,8 +160,8 @@ function SignIn({
   heroPanel
 }) {
   const t = chunkY5VN4SPH_js.useTranslations("windsock");
-  const { loginWithCredentials, loginWithProvider } = chunk5ETT54QS_js.useAuth();
-  const discovered = chunk5ETT54QS_js.useSocialProviders();
+  const { loginWithCredentials, loginWithProvider } = chunkFZUV7GNB_js.useAuth();
+  const discovered = chunkFZUV7GNB_js.useSocialProviders();
   const effectiveSocialProviders = socialProviders ?? discovered.providers;
   const [email, setEmail] = react.useState(defaultEmail);
   const [password, setPassword] = react.useState("");
@@ -208,13 +208,13 @@ function SignIn({
   }
   const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: t("signInTitle") }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-400", children: t("signInSubtitle") })
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold text-slate-900 dark:text-white", children: t("signInTitle") }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-slate-500 dark:text-slate-400", children: t("signInSubtitle") })
     ] }),
     error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl bg-red-50 dark:bg-red-900/20 px-4 py-3 text-sm text-ios-red", role: "alert", children: error }),
     /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk5ETT54QS_js.Input,
+        chunkFZUV7GNB_js.Input,
         {
           label: t("emailLabel"),
           type: "email",
@@ -227,7 +227,7 @@ function SignIn({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk5ETT54QS_js.PasswordInput,
+        chunkFZUV7GNB_js.PasswordInput,
         {
           label: t("passwordLabel"),
           value: password,
@@ -238,17 +238,9 @@ function SignIn({
           required: true
         }
       ),
-      onForgotPassword && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: onForgotPassword,
-          className: "text-sm font-medium text-ios-blue hover:text-blue-700 dark:hover:text-blue-400 transition-colors",
-          children: t("forgotPassword")
-        }
-      ) }),
+      onForgotPassword && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Button, { type: "button", plain: true, size: "sm", onClick: onForgotPassword, children: t("forgotPassword") }) }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkBHOT22QL_js.Button,
+        chunkMXQ2EYG2_js.Button,
         {
           type: "submit",
           color: "ios-glass-green",
@@ -262,11 +254,11 @@ function SignIn({
     ] }),
     effectiveSocialProviders.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full border-t border-gray-200/60 dark:border-white/10" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex justify-center text-xs", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-white/80 px-3 text-gray-400 dark:bg-gray-900/80 dark:text-gray-500", children: t("orContinueWith") }) })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full border-t border-slate-200/60 dark:border-white/10" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex justify-center text-xs", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-white/80 px-3 text-slate-400 dark:bg-slate-900/80 dark:text-slate-500", children: t("orContinueWith") }) })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkQGLGQXJE_js.SocialLoginButtons,
+        chunkA5OMGPMR_js.SocialLoginButtons,
         {
           providers: [...effectiveSocialProviders],
           onProviderClick: handleSocialLogin,
@@ -276,7 +268,7 @@ function SignIn({
       )
     ] }),
     allowPasswordless && /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkBHOT22QL_js.Button,
+      chunkMXQ2EYG2_js.Button,
       {
         type: "button",
         color: "ios-glass-blue",
@@ -289,22 +281,17 @@ function SignIn({
         ]
       }
     ),
-    onSignUp && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-center text-sm text-gray-500 dark:text-gray-400", children: [
+    onSignUp && /* @__PURE__ */ jsxRuntime.jsxs(chunkFZUV7GNB_js.Text, { className: "text-center", children: [
       t("noAccount"),
       " ",
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: onSignUp,
-          className: "font-medium text-ios-blue hover:text-blue-700 dark:hover:text-blue-400 transition-colors",
-          children: t("signUpLink")
-        }
-      )
+      /* @__PURE__ */ jsxRuntime.jsx(chunkFZUV7GNB_js.TextLink, { href: "#", onClick: (event) => {
+        event.preventDefault();
+        onSignUp();
+      }, children: t("signUpLink") })
     ] })
   ] });
   if (embedded) return content;
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkQGLGQXJE_js.AuthLayout, { heroPanel, children: content });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkA5OMGPMR_js.AuthLayout, { heroPanel, children: content });
 }
 var RESEND_COOLDOWN_SECONDS = 60;
 function VerifyEmail({
@@ -314,7 +301,7 @@ function VerifyEmail({
   embedded = false
 }) {
   const t = chunkY5VN4SPH_js.useTranslations("windsock");
-  const { client } = chunk5ETT54QS_js.useAuth();
+  const { client } = chunkFZUV7GNB_js.useAuth();
   const [code, setCode] = react.useState("");
   const [error, setError] = react.useState(null);
   const [isSubmitting, setIsSubmitting] = react.useState(false);
@@ -372,7 +359,7 @@ function VerifyEmail({
     ] }),
     error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl bg-red-50 dark:bg-red-900/20 px-4 py-3 text-sm text-ios-red text-center", role: "alert", children: error }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkQGLGQXJE_js.OtpInput,
+      chunkA5OMGPMR_js.OtpInput,
       {
         value: code,
         onChange: setCode,
@@ -382,11 +369,11 @@ function VerifyEmail({
         autoFocus: true
       }
     ),
-    isSubmitting && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.Spinner, {}) }),
+    isSubmitting && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(chunkFZUV7GNB_js.Spinner, {}) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center space-y-1", children: [
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: t("verifyEmailNoCode") }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkBHOT22QL_js.Button,
+        chunkMXQ2EYG2_js.Button,
         {
           type: "button",
           outline: true,
@@ -399,7 +386,7 @@ function VerifyEmail({
     ] })
   ] });
   if (embedded) return content;
-  return /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.Card, { variant: "glass", className: "mx-auto max-w-md p-6 sm:p-8", children: content });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkFZUV7GNB_js.Card, { variant: "glass", className: "mx-auto max-w-md p-6 sm:p-8", children: content });
 }
 function SignUp({
   onSuccess,
@@ -410,8 +397,8 @@ function SignUp({
   heroPanel
 }) {
   const t = chunkY5VN4SPH_js.useTranslations("windsock");
-  const { client, loginWithProvider } = chunk5ETT54QS_js.useAuth();
-  const discovered = chunk5ETT54QS_js.useSocialProviders();
+  const { client, loginWithProvider } = chunkFZUV7GNB_js.useAuth();
+  const discovered = chunkFZUV7GNB_js.useSocialProviders();
   const effectiveSocialProviders = socialProviders ?? discovered.providers;
   const [phase, setPhase] = react.useState("form");
   const [registeredEmail, setRegisteredEmail] = react.useState("");
@@ -460,13 +447,13 @@ function SignUp({
   const isFormValid = name.trim() !== "" && email.trim() !== "" && password !== "" && termsAccepted;
   const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: t("signUpTitle") }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-400", children: t("signUpSubtitle") })
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold text-slate-900 dark:text-white", children: t("signUpTitle") }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-slate-500 dark:text-slate-400", children: t("signUpSubtitle") })
     ] }),
     error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl bg-red-50 dark:bg-red-900/20 px-4 py-3 text-sm text-ios-red", role: "alert", children: error }),
     /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk5ETT54QS_js.Input,
+        chunkFZUV7GNB_js.Input,
         {
           label: t("nameLabel"),
           type: "text",
@@ -480,7 +467,7 @@ function SignUp({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk5ETT54QS_js.Input,
+        chunkFZUV7GNB_js.Input,
         {
           label: t("emailLabel"),
           type: "email",
@@ -495,7 +482,7 @@ function SignUp({
       ),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunk5ETT54QS_js.PasswordInput,
+          chunkFZUV7GNB_js.PasswordInput,
           {
             label: t("passwordLabel"),
             value: password,
@@ -508,7 +495,7 @@ function SignUp({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkQGLGQXJE_js.PasswordStrengthMeter,
+          chunkA5OMGPMR_js.PasswordStrengthMeter,
           {
             password,
             policy: passwordPolicy,
@@ -517,7 +504,7 @@ function SignUp({
         )
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk5ETT54QS_js.FormCheckbox,
+        chunkFZUV7GNB_js.FormCheckbox,
         {
           checked: termsAccepted,
           onChange: setTermsAccepted,
@@ -527,7 +514,7 @@ function SignUp({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkBHOT22QL_js.Button,
+        chunkMXQ2EYG2_js.Button,
         {
           type: "submit",
           color: "ios-glass-blue",
@@ -540,11 +527,11 @@ function SignUp({
     ] }),
     effectiveSocialProviders.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full border-t border-gray-200 dark:border-white/10" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex justify-center text-xs", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-white dark:bg-gray-900 px-3 text-gray-400 dark:text-gray-500", children: t("orContinueWith") }) })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full border-t border-slate-200 dark:border-white/10" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex justify-center text-xs", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-white dark:bg-slate-900 px-3 text-slate-400 dark:text-slate-500", children: t("orContinueWith") }) })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkQGLGQXJE_js.SocialLoginButtons,
+        chunkA5OMGPMR_js.SocialLoginButtons,
         {
           providers: [...effectiveSocialProviders],
           onProviderClick: handleSocialLogin,
@@ -553,22 +540,17 @@ function SignUp({
         }
       )
     ] }),
-    onSignIn && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-center text-sm text-gray-500 dark:text-gray-400", children: [
+    onSignIn && /* @__PURE__ */ jsxRuntime.jsxs(chunkFZUV7GNB_js.Text, { className: "text-center", children: [
       t("alreadyHaveAccount"),
       " ",
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: onSignIn,
-          className: "font-medium text-ios-blue hover:text-blue-700 dark:hover:text-blue-400 transition-colors",
-          children: t("signInLink")
-        }
-      )
+      /* @__PURE__ */ jsxRuntime.jsx(chunkFZUV7GNB_js.TextLink, { href: "#", onClick: (event) => {
+        event.preventDefault();
+        onSignIn();
+      }, children: t("signInLink") })
     ] })
   ] });
   if (embedded) return content;
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkQGLGQXJE_js.AuthLayout, { heroPanel, children: content });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkA5OMGPMR_js.AuthLayout, { heroPanel, children: content });
 }
 function ForgotPassword({
   onSuccess,
@@ -577,7 +559,7 @@ function ForgotPassword({
   embedded = false
 }) {
   const t = chunkY5VN4SPH_js.useTranslations("windsock");
-  const { client } = chunk5ETT54QS_js.useAuth();
+  const { client } = chunkFZUV7GNB_js.useAuth();
   const [phase, setPhase] = react.useState("form");
   const [email, setEmail] = react.useState(defaultEmail);
   const [error, setError] = react.useState(null);
@@ -601,7 +583,7 @@ function ForgotPassword({
   );
   const sentContent = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5ETT54QS_js.EmptyState,
+      chunkFZUV7GNB_js.EmptyState,
       {
         variant: "minimal",
         icon: outline.CheckCircleIcon,
@@ -609,15 +591,10 @@ function ForgotPassword({
         description: t("forgotPasswordSuccessDescription", { email })
       }
     ),
-    onBack && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        onClick: onBack,
-        className: "text-sm font-medium text-ios-blue hover:text-blue-700 dark:hover:text-blue-400 transition-colors",
-        children: t("backToSignIn")
-      }
-    ) })
+    onBack && /* @__PURE__ */ jsxRuntime.jsx(chunkFZUV7GNB_js.Text, { className: "text-center", children: /* @__PURE__ */ jsxRuntime.jsx(chunkFZUV7GNB_js.TextLink, { href: "#", onClick: (event) => {
+      event.preventDefault();
+      onBack();
+    }, children: t("backToSignIn") }) })
   ] });
   const formContent = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
@@ -626,7 +603,7 @@ function ForgotPassword({
     ] }),
     error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl bg-red-50 dark:bg-red-900/20 px-4 py-3 text-sm text-ios-red", role: "alert", children: error }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5ETT54QS_js.BaseForm,
+      chunkFZUV7GNB_js.BaseForm,
       {
         icon: /* @__PURE__ */ jsxRuntime.jsx(outline.EnvelopeIcon, { className: "h-5 w-5" }),
         iconColor: "blue",
@@ -638,7 +615,7 @@ function ForgotPassword({
         submitDisabled: !email.trim(),
         showHeader: false,
         children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunk5ETT54QS_js.Input,
+          chunkFZUV7GNB_js.Input,
           {
             label: t("emailLabel"),
             type: "email",
@@ -654,19 +631,14 @@ function ForgotPassword({
         )
       }
     ),
-    onBack && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        onClick: onBack,
-        className: "text-sm text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 transition-colors",
-        children: t("backToSignIn")
-      }
-    ) })
+    onBack && /* @__PURE__ */ jsxRuntime.jsx(chunkFZUV7GNB_js.Text, { className: "text-center", children: /* @__PURE__ */ jsxRuntime.jsx(chunkFZUV7GNB_js.TextLink, { href: "#", onClick: (event) => {
+      event.preventDefault();
+      onBack();
+    }, children: t("backToSignIn") }) })
   ] });
   const activeContent = phase === "sent" ? sentContent : formContent;
   if (embedded) return activeContent;
-  return /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.Card, { variant: "glass", className: "mx-auto max-w-md p-6 sm:p-8", children: activeContent });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkFZUV7GNB_js.Card, { variant: "glass", className: "mx-auto max-w-md p-6 sm:p-8", children: activeContent });
 }
 function ResetPassword({
   token,
@@ -675,7 +647,7 @@ function ResetPassword({
   embedded = false
 }) {
   const t = chunkY5VN4SPH_js.useTranslations("windsock");
-  const { client } = chunk5ETT54QS_js.useAuth();
+  const { client } = chunkFZUV7GNB_js.useAuth();
   const [phase, setPhase] = react.useState("form");
   const [password, setPassword] = react.useState("");
   const [confirmPassword, setConfirmPassword] = react.useState("");
@@ -705,7 +677,7 @@ function ResetPassword({
     [client, token, password, passwordsMatch, onSuccess, t]
   );
   const successContent = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-5", children: /* @__PURE__ */ jsxRuntime.jsx(
-    chunk5ETT54QS_js.EmptyState,
+    chunkFZUV7GNB_js.EmptyState,
     {
       variant: "minimal",
       icon: outline.CheckCircleIcon,
@@ -722,7 +694,7 @@ function ResetPassword({
     /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunk5ETT54QS_js.PasswordInput,
+          chunkFZUV7GNB_js.PasswordInput,
           {
             label: t("newPasswordLabel"),
             value: password,
@@ -736,7 +708,7 @@ function ResetPassword({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkQGLGQXJE_js.PasswordStrengthMeter,
+          chunkA5OMGPMR_js.PasswordStrengthMeter,
           {
             password,
             policy: passwordPolicy,
@@ -745,7 +717,7 @@ function ResetPassword({
         )
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk5ETT54QS_js.PasswordInput,
+        chunkFZUV7GNB_js.PasswordInput,
         {
           label: t("confirmPasswordLabel"),
           value: confirmPassword,
@@ -760,7 +732,7 @@ function ResetPassword({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkBHOT22QL_js.Button,
+        chunkMXQ2EYG2_js.Button,
         {
           type: "submit",
           color: "ios-glass-blue",
@@ -774,7 +746,7 @@ function ResetPassword({
   ] });
   const activeContent = phase === "success" ? successContent : formContent;
   if (embedded) return activeContent;
-  return /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.Card, { variant: "glass", className: "mx-auto max-w-md p-6 sm:p-8", children: activeContent });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkFZUV7GNB_js.Card, { variant: "glass", className: "mx-auto max-w-md p-6 sm:p-8", children: activeContent });
 }
 function PasswordlessSignIn({
   defaultMethod = "email",
@@ -785,7 +757,7 @@ function PasswordlessSignIn({
   embedded = false
 }) {
   const t = chunkY5VN4SPH_js.useTranslations("windsock");
-  const { client } = chunk5ETT54QS_js.useAuth();
+  const { client } = chunkFZUV7GNB_js.useAuth();
   const [step, setStep] = react.useState("input");
   const [channel, setChannel] = react.useState(
     allowedChannels.includes(defaultMethod) ? defaultMethod : allowedChannels[0] ?? "email"
@@ -831,11 +803,11 @@ function PasswordlessSignIn({
   );
   const inputContent = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: t("passwordlessTitle") }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-400", children: t("passwordlessSubtitle") })
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold text-slate-900 dark:text-white", children: t("passwordlessTitle") }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-slate-500 dark:text-slate-400", children: t("passwordlessSubtitle") })
     ] }),
     allowedChannels.length > 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5ETT54QS_js.SegmentedControl,
+      chunkFZUV7GNB_js.SegmentedControl,
       {
         segments: channelSegments,
         value: channel,
@@ -849,7 +821,7 @@ function PasswordlessSignIn({
     ) }),
     error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl bg-red-50 dark:bg-red-900/20 px-4 py-3 text-sm text-ios-red", role: "alert", children: error }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5ETT54QS_js.Input,
+      chunkFZUV7GNB_js.Input,
       {
         label: channel === "email" ? t("emailLabel") : t("phoneLabel"),
         type: channel === "email" ? "email" : "tel",
@@ -863,7 +835,7 @@ function PasswordlessSignIn({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBHOT22QL_js.Button,
+      chunkMXQ2EYG2_js.Button,
       {
         type: "button",
         color: "ios-glass-blue",
@@ -874,19 +846,14 @@ function PasswordlessSignIn({
         children: t("passwordlessSendButton")
       }
     ),
-    onBack && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        onClick: onBack,
-        className: "text-sm text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 transition-colors",
-        children: t("backToSignIn")
-      }
-    ) })
+    onBack && /* @__PURE__ */ jsxRuntime.jsx(chunkFZUV7GNB_js.Text, { className: "text-center", children: /* @__PURE__ */ jsxRuntime.jsx(chunkFZUV7GNB_js.TextLink, { href: "#", onClick: (event) => {
+      event.preventDefault();
+      onBack();
+    }, children: t("backToSignIn") }) })
   ] });
   const sentContent = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5ETT54QS_js.EmptyState,
+      chunkFZUV7GNB_js.EmptyState,
       {
         variant: "minimal",
         icon: outline.PaperAirplaneIcon,
@@ -894,16 +861,16 @@ function PasswordlessSignIn({
         description: channel === "email" ? t("passwordlessCodeSentEmailDescription", { email: identifier }) : t("passwordlessCodeSentSmsDescription", { phone: identifier })
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.Spinner, {}) })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(chunkFZUV7GNB_js.Spinner, {}) })
   ] });
   const verifyContent = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-bold text-gray-900 dark:text-white", children: t("passwordlessEnterCodeTitle") }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-400", children: channel === "email" ? t("passwordlessEnterCodeEmailSubtitle", { email: identifier }) : t("passwordlessEnterCodeSmsSubtitle", { phone: identifier }) })
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-bold text-slate-900 dark:text-white", children: t("passwordlessEnterCodeTitle") }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-slate-500 dark:text-slate-400", children: channel === "email" ? t("passwordlessEnterCodeEmailSubtitle", { email: identifier }) : t("passwordlessEnterCodeSmsSubtitle", { phone: identifier }) })
     ] }),
     error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl bg-red-50 dark:bg-red-900/20 px-4 py-3 text-sm text-ios-red text-center", role: "alert", children: error }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkQGLGQXJE_js.OtpInput,
+      chunkA5OMGPMR_js.OtpInput,
       {
         value: code,
         onChange: setCode,
@@ -913,32 +880,33 @@ function PasswordlessSignIn({
         autoFocus: true
       }
     ),
-    isVerifying && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.Spinner, {}) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-sm", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
+    isVerifying && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(chunkFZUV7GNB_js.Spinner, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunkFZUV7GNB_js.Text, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        chunkFZUV7GNB_js.TextLink,
         {
-          type: "button",
-          onClick: () => {
+          href: "#",
+          onClick: (event) => {
+            event.preventDefault();
             setStep("input");
             setCode("");
             setError(null);
           },
-          className: "text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 transition-colors",
           children: t("passwordlessChangeIdentifier")
         }
-      ),
+      ) }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
+        chunkMXQ2EYG2_js.Button,
         {
           type: "button",
+          plain: true,
+          size: "sm",
           onClick: () => {
             setCode("");
             setError(null);
             handleSendCode();
           },
           disabled: isSending,
-          className: "font-medium text-ios-blue hover:text-blue-700 dark:hover:text-blue-400 transition-colors disabled:opacity-50",
           children: t("resendEmailButton")
         }
       )
@@ -946,7 +914,7 @@ function PasswordlessSignIn({
   ] });
   const activeContent = step === "input" ? inputContent : step === "sent" ? sentContent : verifyContent;
   if (embedded) return activeContent;
-  return /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.Card, { variant: "glass", className: "mx-auto max-w-md p-6 sm:p-8", children: activeContent });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkFZUV7GNB_js.Card, { variant: "glass", className: "mx-auto max-w-md p-6 sm:p-8", children: activeContent });
 }
 function ConsentScreen({
   application,
@@ -980,10 +948,10 @@ function ConsentScreen({
     onDeny();
   }, [onDeny]);
   const appInitials = application.name.split(" ").map((word) => word[0]).join("").slice(0, 2).toUpperCase();
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkQGLGQXJE_js.AuthLayout, { children: /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.Card, { variant: "glass", className: "mx-auto w-full max-w-md", children: /* @__PURE__ */ jsxRuntime.jsxs(chunk5ETT54QS_js.CardContent, { className: "space-y-6 p-6 sm:p-8", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkA5OMGPMR_js.AuthLayout, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkFZUV7GNB_js.Card, { variant: "glass", className: "mx-auto w-full max-w-md", children: /* @__PURE__ */ jsxRuntime.jsxs(chunkFZUV7GNB_js.CardContent, { className: "space-y-6 p-6 sm:p-8", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-3 text-center", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk5ETT54QS_js.Avatar,
+        chunkFZUV7GNB_js.Avatar,
         {
           src: application.logoUrl,
           initials: appInitials,
@@ -992,11 +960,11 @@ function ConsentScreen({
       ),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: application.name }),
-          application.verified ? /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { color: "green", children: t("consent.verified") }) : /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { color: "amber", children: t("consent.unverified") })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-semibold text-slate-900 dark:text-white", children: application.name }),
+          application.verified ? /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { color: "green", children: t("consent.verified") }) : /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { color: "amber", children: t("consent.unverified") })
         ] }),
-        application.url && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: application.url }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300", children: t("consent.wantsAccess") })
+        application.url && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: application.url }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-slate-600 dark:text-slate-300", children: t("consent.wantsAccess") })
       ] })
     ] }),
     !application.verified && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3 rounded-xl border border-amber-500/30 bg-amber-500/10 p-3", children: [
@@ -1004,12 +972,12 @@ function ConsentScreen({
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-amber-700 dark:text-amber-300", children: t("consent.unverifiedWarning", { name: application.name }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400", children: t("consent.permissionsLabel") }),
-      /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.ListCard, { children: scopes.map((scope) => /* @__PURE__ */ jsxRuntime.jsx(
-        chunk5ETT54QS_js.ListCardItem,
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-slate-500 dark:text-slate-400", children: t("consent.permissionsLabel") }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkFZUV7GNB_js.ListCard, { children: scopes.map((scope) => /* @__PURE__ */ jsxRuntime.jsx(
+        chunkFZUV7GNB_js.ListCardItem,
         {
           leading: /* @__PURE__ */ jsxRuntime.jsx(
-            chunk5ETT54QS_js.FormCheckbox,
+            chunkFZUV7GNB_js.FormCheckbox,
             {
               checked: checkedScopes.has(scope.id),
               onChange: (checked) => handleScopeToggle(scope.id, checked),
@@ -1018,8 +986,8 @@ function ConsentScreen({
           ),
           onClick: () => handleScopeToggle(scope.id, !checkedScopes.has(scope.id)),
           children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-900 dark:text-white", children: scope.name }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: scope.description })
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-slate-900 dark:text-white", children: scope.name }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: scope.description })
           ] })
         },
         scope.id
@@ -1027,7 +995,7 @@ function ConsentScreen({
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 sm:flex-row-reverse", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkBHOT22QL_js.Button,
+        chunkMXQ2EYG2_js.Button,
         {
           color: "ios-glass-blue",
           fullWidth: true,
@@ -1038,7 +1006,7 @@ function ConsentScreen({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkBHOT22QL_js.Button,
+        chunkMXQ2EYG2_js.Button,
         {
           outline: true,
           fullWidth: true,
@@ -1048,27 +1016,27 @@ function ConsentScreen({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-center text-xs text-gray-400 dark:text-gray-500", children: t("consent.footerNote") })
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-center text-xs text-slate-400 dark:text-slate-500", children: t("consent.footerNote") })
   ] }) }) });
 }
 function SsoConnectorList({ connectors, onSelect, loading = false }) {
   const t = chunkY5VN4SPH_js.useTranslations("windsock");
   if (loading) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 py-8 text-sm text-gray-500 dark:text-gray-400", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.InlineSpinner, {}),
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 py-8 text-sm text-slate-500 dark:text-slate-400", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunkFZUV7GNB_js.InlineSpinner, {}),
       /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("sso.connectorList.loading") })
     ] });
   }
   if (connectors.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "py-6 text-center text-sm text-gray-500 dark:text-gray-400", children: t("sso.connectorList.empty") });
+    return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "py-6 text-center text-sm text-slate-500 dark:text-slate-400", children: t("sso.connectorList.empty") });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.ListCard, { children: connectors.map((connector) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkFZUV7GNB_js.ListCard, { children: connectors.map((connector) => {
     const initials = connector.name.split(" ").map((word) => word[0]).join("").slice(0, 2).toUpperCase();
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5ETT54QS_js.ListCardItem,
+      chunkFZUV7GNB_js.ListCardItem,
       {
         leading: /* @__PURE__ */ jsxRuntime.jsx(
-          chunk5ETT54QS_js.Avatar,
+          chunkFZUV7GNB_js.Avatar,
           {
             src: connector.logoUrl,
             initials,
@@ -1076,13 +1044,13 @@ function SsoConnectorList({ connectors, onSelect, loading = false }) {
           }
         ),
         trailing: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { color: "zinc", children: connector.type === "saml" ? t("sso.connectorList.typeSaml") : t("sso.connectorList.typeOidc") }),
-          /* @__PURE__ */ jsxRuntime.jsx(solid.ChevronRightIcon, { className: "h-4 w-4 text-gray-400" })
+          /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { color: "zinc", children: connector.type === "saml" ? t("sso.connectorList.typeSaml") : t("sso.connectorList.typeOidc") }),
+          /* @__PURE__ */ jsxRuntime.jsx(solid.ChevronRightIcon, { className: "h-4 w-4 text-slate-400" })
         ] }),
         onClick: () => onSelect(connector),
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-900 dark:text-white", children: connector.name }),
-          connector.domain && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: connector.domain })
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-slate-900 dark:text-white", children: connector.name }),
+          connector.domain && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: connector.domain })
         ] })
       },
       connector.id
@@ -1140,8 +1108,8 @@ function SsoEmailForm({
   if (phase === "connectors") {
     const connectorsContent = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-900 dark:text-white", children: t("sso.emailForm.connectorsTitle") }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: t("sso.emailForm.connectorsSubtitle", { email }) })
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-slate-900 dark:text-white", children: t("sso.emailForm.connectorsTitle") }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: t("sso.emailForm.connectorsSubtitle", { email }) })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
         SsoConnectorList,
@@ -1151,27 +1119,22 @@ function SsoEmailForm({
           loading: loadingConnectors
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: handleBackToEmail,
-          className: "text-sm text-gray-500 transition-colors hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200",
-          children: t("sso.emailForm.backButton")
-        }
-      ) })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkFZUV7GNB_js.Text, { className: "text-center", children: /* @__PURE__ */ jsxRuntime.jsx(chunkFZUV7GNB_js.TextLink, { href: "#", onClick: (event) => {
+        event.preventDefault();
+        handleBackToEmail();
+      }, children: t("sso.emailForm.backButton") }) })
     ] });
     if (embedded) return connectorsContent;
-    return /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.Card, { variant: "glass", className: "mx-auto w-full max-w-md", children: /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.CardContent, { className: "p-6 sm:p-8", children: connectorsContent }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkFZUV7GNB_js.Card, { variant: "glass", className: "mx-auto w-full max-w-md", children: /* @__PURE__ */ jsxRuntime.jsx(chunkFZUV7GNB_js.CardContent, { className: "p-6 sm:p-8", children: connectorsContent }) });
   }
   const emailContent = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-900 dark:text-white", children: t("sso.emailForm.title") }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: t("sso.emailForm.subtitle") })
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-slate-900 dark:text-white", children: t("sso.emailForm.title") }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: t("sso.emailForm.subtitle") })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(chunk5ETT54QS_js.BaseForm, { onSubmit: handleEmailSubmit, submitLabel: t("sso.emailForm.continueButton"), showFooter: false, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkFZUV7GNB_js.BaseForm, { onSubmit: handleEmailSubmit, submitLabel: t("sso.emailForm.continueButton"), showFooter: false, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk5ETT54QS_js.Input,
+        chunkFZUV7GNB_js.Input,
         {
           type: "email",
           label: t("sso.emailForm.emailLabel"),
@@ -1189,7 +1152,7 @@ function SsoEmailForm({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkBHOT22QL_js.Button,
+        chunkMXQ2EYG2_js.Button,
         {
           type: "submit",
           color: "ios-glass-blue",
@@ -1202,7 +1165,7 @@ function SsoEmailForm({
     ] })
   ] });
   if (embedded) return emailContent;
-  return /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.Card, { variant: "glass", className: "mx-auto w-full max-w-md", children: /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.CardContent, { className: "p-6 sm:p-8", children: emailContent }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkFZUV7GNB_js.Card, { variant: "glass", className: "mx-auto w-full max-w-md", children: /* @__PURE__ */ jsxRuntime.jsx(chunkFZUV7GNB_js.CardContent, { className: "p-6 sm:p-8", children: emailContent }) });
 }
 var DEFAULT_LABELS = {
   menuLabel: "User menu",
@@ -1214,7 +1177,7 @@ var DEFAULT_LABELS = {
 };
 function UserButton({ menuItems = [], onSignOut, avatarUrl, labels }) {
   const resolvedLabels = { ...DEFAULT_LABELS, ...labels };
-  const { user, logout, status } = chunk5ETT54QS_js.useAuth();
+  const { user, logout, status } = chunkFZUV7GNB_js.useAuth();
   const [confirmSignOut, setConfirmSignOut] = react.useState(false);
   if (status !== "authenticated") {
     return null;
@@ -1247,14 +1210,14 @@ function UserButton({ menuItems = [], onSignOut, avatarUrl, labels }) {
           "aria-label": resolvedLabels.menuLabel,
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunk5ETT54QS_js.Avatar,
+              chunkFZUV7GNB_js.Avatar,
               {
                 src: resolvedAvatarUrl,
                 initials: userInitials,
                 alt: user?.name ?? user?.email ?? resolvedLabels.userAlt
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(solid.ChevronUpDownIcon, { className: "h-4 w-4 text-gray-500 dark:text-gray-400" })
+            /* @__PURE__ */ jsxRuntime.jsx(solid.ChevronUpDownIcon, { className: "h-4 w-4 text-slate-500 dark:text-slate-400" })
           ]
         }
       ),
@@ -1269,9 +1232,9 @@ function UserButton({ menuItems = [], onSignOut, avatarUrl, labels }) {
           leaveFrom: "transform opacity-100 scale-100",
           leaveTo: "transform opacity-0 scale-95",
           children: /* @__PURE__ */ jsxRuntime.jsxs(react$1.Menu.Items, { className: "liquid-surface absolute right-0 z-50 mt-2 w-60 origin-top-right rounded-2xl shadow-lg ring-1 ring-black/5 focus:outline-none dark:ring-white/10", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 border-b border-gray-200/60 px-4 py-3 dark:border-white/10", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liquid-divider flex items-center gap-3 px-4 py-3", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunk5ETT54QS_js.Avatar,
+                chunkFZUV7GNB_js.Avatar,
                 {
                   src: resolvedAvatarUrl,
                   initials: userInitials,
@@ -1279,8 +1242,8 @@ function UserButton({ menuItems = [], onSignOut, avatarUrl, labels }) {
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-                user?.name && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-sm font-medium text-gray-900 dark:text-white", children: user.name }),
-                user?.email && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-xs text-gray-500 dark:text-gray-400", children: user.email })
+                user?.name && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-sm font-medium text-slate-900 dark:text-white", children: user.name }),
+                user?.email && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-xs text-slate-500 dark:text-slate-400", children: user.email })
               ] })
             ] }),
             menuItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -1292,16 +1255,16 @@ function UserButton({ menuItems = [], onSignOut, avatarUrl, labels }) {
                     chunkUZ3CMNUJ_js.triggerHaptic("light");
                     item.onClick();
                   },
-                  className: `flex w-full items-center gap-2 rounded-xl px-3 py-2 text-sm transition-colors ${active ? "bg-gray-100 text-gray-900 dark:bg-white/10 dark:text-white" : "text-gray-700 dark:text-gray-300"}`,
+                  className: `flex w-full items-center gap-2 rounded-xl px-3 py-2 text-sm transition-colors ${active ? "bg-slate-100 text-slate-900 dark:bg-white/10 dark:text-white" : "text-slate-700 dark:text-slate-300"}`,
                   children: [
-                    item.icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-4 w-4 shrink-0 text-gray-400", children: item.icon }) : null,
+                    item.icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-4 w-4 shrink-0 text-slate-400", children: item.icon }) : null,
                     item.label
                   ]
                 }
               ) }, index)) }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-gray-200/60 dark:border-white/10" })
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-slate-200/60 dark:border-white/10" })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-gray-200/60 px-1 py-1 dark:border-white/10", children: /* @__PURE__ */ jsxRuntime.jsx(react$1.Menu.Item, { children: ({ active }) => /* @__PURE__ */ jsxRuntime.jsxs(
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-slate-200/60 px-1 py-1 dark:border-white/10", children: /* @__PURE__ */ jsxRuntime.jsx(react$1.Menu.Item, { children: ({ active }) => /* @__PURE__ */ jsxRuntime.jsxs(
               "button",
               {
                 type: "button",
@@ -1318,7 +1281,7 @@ function UserButton({ menuItems = [], onSignOut, avatarUrl, labels }) {
       )
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5ETT54QS_js.DynamicIslandConfirm,
+      chunkFZUV7GNB_js.DynamicIslandConfirm,
       {
         open: confirmSignOut,
         onClose: handleSignOutCancel,
@@ -1342,5 +1305,5 @@ exports.SsoConnectorList = SsoConnectorList;
 exports.SsoEmailForm = SsoEmailForm;
 exports.UserButton = UserButton;
 exports.VerifyEmail = VerifyEmail;
-//# sourceMappingURL=chunk-6YTYD4P5.js.map
-//# sourceMappingURL=chunk-6YTYD4P5.js.map
+//# sourceMappingURL=chunk-LJGPMMKB.js.map
+//# sourceMappingURL=chunk-LJGPMMKB.js.map