@datatechsolutions/ui 3.13.0 → 3.14.0

package/dist/{chunk-OC4AOYU5.mjs → chunk-OTQXU4WG.mjs}

@@ -1,8 +1,8 @@
 "use client";
-import { OtpInput, SocialLoginButtons, AuthLayout, PasswordStrengthMeter } from './chunk-3VYD7QL2.mjs';
-import { useAuth, SegmentedControl, Spinner, Input, Card, useSocialProviders, PasswordInput, FormCheckbox, EmptyState, BaseForm, CardContent, Avatar, ListCard, ListCardItem, InlineSpinner, DynamicIslandConfirm } from './chunk-MSKKNPRE.mjs';
+import { OtpInput, SocialLoginButtons, AuthLayout, PasswordStrengthMeter } from './chunk-TQADF23S.mjs';
+import { useAuth, SegmentedControl, Spinner, Input, Text, TextLink, Card, useSocialProviders, PasswordInput, FormCheckbox, EmptyState, BaseForm, CardContent, Avatar, ListCard, ListCardItem, InlineSpinner, DynamicIslandConfirm } from './chunk-F4KHAKTP.mjs';
 import { useTranslations } from './chunk-ZEFNBGYI.mjs';
-import { Button, Badge } from './chunk-WR55H7DH.mjs';
+import { Button, Badge } from './chunk-2SBVFLPZ.mjs';
 import { triggerHaptic } from './chunk-D2JF6C3E.mjs';
 import { useState, useCallback, useEffect, Fragment as Fragment$1 } from 'react';
 import { EnvelopeIcon, UserIcon, LockClosedIcon, CheckCircleIcon, DevicePhoneMobileIcon, PaperAirplaneIcon, ShieldExclamationIcon, BuildingOffice2Icon } from '@heroicons/react/24/outline';
@@ -130,15 +130,15 @@ function MfaChallenge({
         }
       )
     ] }),
-    onCancel && /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ jsx(
-      "button",
+    onCancel && /* @__PURE__ */ jsx(Text, { className: "text-center", children: /* @__PURE__ */ jsx(
+      TextLink,
       {
-        type: "button",
-        onClick: () => {
+        href: "#",
+        onClick: (event) => {
+          event.preventDefault();
           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")
       }
     ) })
@@ -206,8 +206,8 @@ function SignIn({
   }
   const content = /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
     /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
-      /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: t("signInTitle") }),
-      /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-400", children: t("signInSubtitle") })
+      /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold text-slate-900 dark:text-white", children: t("signInTitle") }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-slate-500 dark:text-slate-400", children: t("signInSubtitle") })
     ] }),
     error && /* @__PURE__ */ 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__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
@@ -236,15 +236,7 @@ function SignIn({
           required: true
         }
       ),
-      onForgotPassword && /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ 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__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(Button, { type: "button", plain: true, size: "sm", onClick: onForgotPassword, children: t("forgotPassword") }) }),
       /* @__PURE__ */ jsx(
         Button,
         {
@@ -260,8 +252,8 @@ function SignIn({
     ] }),
     effectiveSocialProviders.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsx("div", { className: "w-full border-t border-gray-200/60 dark:border-white/10" }) }),
-        /* @__PURE__ */ jsx("div", { className: "relative flex justify-center text-xs", children: /* @__PURE__ */ jsx("span", { className: "bg-white/80 px-3 text-gray-400 dark:bg-gray-900/80 dark:text-gray-500", children: t("orContinueWith") }) })
+        /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsx("div", { className: "w-full border-t border-slate-200/60 dark:border-white/10" }) }),
+        /* @__PURE__ */ jsx("div", { className: "relative flex justify-center text-xs", children: /* @__PURE__ */ jsx("span", { className: "bg-white/80 px-3 text-slate-400 dark:bg-slate-900/80 dark:text-slate-500", children: t("orContinueWith") }) })
       ] }),
       /* @__PURE__ */ jsx(
         SocialLoginButtons,
@@ -287,18 +279,13 @@ function SignIn({
         ]
       }
     ),
-    onSignUp && /* @__PURE__ */ jsxs("p", { className: "text-center text-sm text-gray-500 dark:text-gray-400", children: [
+    onSignUp && /* @__PURE__ */ jsxs(Text, { className: "text-center", children: [
       t("noAccount"),
       " ",
-      /* @__PURE__ */ 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__ */ jsx(TextLink, { href: "#", onClick: (event) => {
+        event.preventDefault();
+        onSignUp();
+      }, children: t("signUpLink") })
     ] })
   ] });
   if (embedded) return content;
@@ -458,8 +445,8 @@ function SignUp({
   const isFormValid = name.trim() !== "" && email.trim() !== "" && password !== "" && termsAccepted;
   const content = /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
     /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
-      /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: t("signUpTitle") }),
-      /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-400", children: t("signUpSubtitle") })
+      /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold text-slate-900 dark:text-white", children: t("signUpTitle") }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-slate-500 dark:text-slate-400", children: t("signUpSubtitle") })
     ] }),
     error && /* @__PURE__ */ 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__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
@@ -538,8 +525,8 @@ function SignUp({
     ] }),
     effectiveSocialProviders.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsx("div", { className: "w-full border-t border-gray-200 dark:border-white/10" }) }),
-        /* @__PURE__ */ jsx("div", { className: "relative flex justify-center text-xs", children: /* @__PURE__ */ jsx("span", { className: "bg-white dark:bg-gray-900 px-3 text-gray-400 dark:text-gray-500", children: t("orContinueWith") }) })
+        /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center", children: /* @__PURE__ */ jsx("div", { className: "w-full border-t border-slate-200 dark:border-white/10" }) }),
+        /* @__PURE__ */ jsx("div", { className: "relative flex justify-center text-xs", children: /* @__PURE__ */ jsx("span", { className: "bg-white dark:bg-slate-900 px-3 text-slate-400 dark:text-slate-500", children: t("orContinueWith") }) })
       ] }),
       /* @__PURE__ */ jsx(
         SocialLoginButtons,
@@ -551,18 +538,13 @@ function SignUp({
         }
       )
     ] }),
-    onSignIn && /* @__PURE__ */ jsxs("p", { className: "text-center text-sm text-gray-500 dark:text-gray-400", children: [
+    onSignIn && /* @__PURE__ */ jsxs(Text, { className: "text-center", children: [
       t("alreadyHaveAccount"),
       " ",
-      /* @__PURE__ */ 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__ */ jsx(TextLink, { href: "#", onClick: (event) => {
+        event.preventDefault();
+        onSignIn();
+      }, children: t("signInLink") })
     ] })
   ] });
   if (embedded) return content;
@@ -607,15 +589,10 @@ function ForgotPassword({
         description: t("forgotPasswordSuccessDescription", { email })
       }
     ),
-    onBack && /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ 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__ */ jsx(Text, { className: "text-center", children: /* @__PURE__ */ jsx(TextLink, { href: "#", onClick: (event) => {
+      event.preventDefault();
+      onBack();
+    }, children: t("backToSignIn") }) })
   ] });
   const formContent = /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
     /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
@@ -652,15 +629,10 @@ function ForgotPassword({
         )
       }
     ),
-    onBack && /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ 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__ */ jsx(Text, { className: "text-center", children: /* @__PURE__ */ jsx(TextLink, { href: "#", onClick: (event) => {
+      event.preventDefault();
+      onBack();
+    }, children: t("backToSignIn") }) })
   ] });
   const activeContent = phase === "sent" ? sentContent : formContent;
   if (embedded) return activeContent;
@@ -829,8 +801,8 @@ function PasswordlessSignIn({
   );
   const inputContent = /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
     /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
-      /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: t("passwordlessTitle") }),
-      /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-400", children: t("passwordlessSubtitle") })
+      /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold text-slate-900 dark:text-white", children: t("passwordlessTitle") }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-slate-500 dark:text-slate-400", children: t("passwordlessSubtitle") })
     ] }),
     allowedChannels.length > 1 && /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(
       SegmentedControl,
@@ -872,15 +844,10 @@ function PasswordlessSignIn({
         children: t("passwordlessSendButton")
       }
     ),
-    onBack && /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ 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__ */ jsx(Text, { className: "text-center", children: /* @__PURE__ */ jsx(TextLink, { href: "#", onClick: (event) => {
+      event.preventDefault();
+      onBack();
+    }, children: t("backToSignIn") }) })
   ] });
   const sentContent = /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
     /* @__PURE__ */ jsx(
@@ -896,8 +863,8 @@ function PasswordlessSignIn({
   ] });
   const verifyContent = /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
     /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
-      /* @__PURE__ */ jsx("h2", { className: "text-xl font-bold text-gray-900 dark:text-white", children: t("passwordlessEnterCodeTitle") }),
-      /* @__PURE__ */ 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__ */ jsx("h2", { className: "text-xl font-bold text-slate-900 dark:text-white", children: t("passwordlessEnterCodeTitle") }),
+      /* @__PURE__ */ 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__ */ 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__ */ jsx(
@@ -912,31 +879,32 @@ function PasswordlessSignIn({
       }
     ),
     isVerifying && /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(Spinner, {}) }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm", children: [
-      /* @__PURE__ */ jsx(
-        "button",
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx(Text, { children: /* @__PURE__ */ jsx(
+        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__ */ jsx(
-        "button",
+        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")
         }
       )
@@ -990,11 +958,11 @@ function ConsentScreen({
       ),
       /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: application.name }),
+          /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold text-slate-900 dark:text-white", children: application.name }),
           application.verified ? /* @__PURE__ */ jsx(Badge, { color: "green", children: t("consent.verified") }) : /* @__PURE__ */ jsx(Badge, { color: "amber", children: t("consent.unverified") })
         ] }),
-        application.url && /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: application.url }),
-        /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300", children: t("consent.wantsAccess") })
+        application.url && /* @__PURE__ */ jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: application.url }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-600 dark:text-slate-300", children: t("consent.wantsAccess") })
       ] })
     ] }),
     !application.verified && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 rounded-xl border border-amber-500/30 bg-amber-500/10 p-3", children: [
@@ -1002,7 +970,7 @@ function ConsentScreen({
       /* @__PURE__ */ jsx("p", { className: "text-sm text-amber-700 dark:text-amber-300", children: t("consent.unverifiedWarning", { name: application.name }) })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400", children: t("consent.permissionsLabel") }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-slate-500 dark:text-slate-400", children: t("consent.permissionsLabel") }),
       /* @__PURE__ */ jsx(ListCard, { children: scopes.map((scope) => /* @__PURE__ */ jsx(
         ListCardItem,
         {
@@ -1016,8 +984,8 @@ function ConsentScreen({
           ),
           onClick: () => handleScopeToggle(scope.id, !checkedScopes.has(scope.id)),
           children: /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-900 dark:text-white", children: scope.name }),
-            /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: scope.description })
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-slate-900 dark:text-white", children: scope.name }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: scope.description })
           ] })
         },
         scope.id
@@ -1046,19 +1014,19 @@ function ConsentScreen({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx("p", { className: "text-center text-xs text-gray-400 dark:text-gray-500", children: t("consent.footerNote") })
+    /* @__PURE__ */ 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 = useTranslations("windsock");
   if (loading) {
-    return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 py-8 text-sm text-gray-500 dark:text-gray-400", children: [
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 py-8 text-sm text-slate-500 dark:text-slate-400", children: [
       /* @__PURE__ */ jsx(InlineSpinner, {}),
       /* @__PURE__ */ jsx("span", { children: t("sso.connectorList.loading") })
     ] });
   }
   if (connectors.length === 0) {
-    return /* @__PURE__ */ jsx("p", { className: "py-6 text-center text-sm text-gray-500 dark:text-gray-400", children: t("sso.connectorList.empty") });
+    return /* @__PURE__ */ jsx("p", { className: "py-6 text-center text-sm text-slate-500 dark:text-slate-400", children: t("sso.connectorList.empty") });
   }
   return /* @__PURE__ */ jsx(ListCard, { children: connectors.map((connector) => {
     const initials = connector.name.split(" ").map((word) => word[0]).join("").slice(0, 2).toUpperCase();
@@ -1075,12 +1043,12 @@ function SsoConnectorList({ connectors, onSelect, loading = false }) {
         ),
         trailing: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx(Badge, { color: "zinc", children: connector.type === "saml" ? t("sso.connectorList.typeSaml") : t("sso.connectorList.typeOidc") }),
-          /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-4 w-4 text-gray-400" })
+          /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-4 w-4 text-slate-400" })
         ] }),
         onClick: () => onSelect(connector),
         children: /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-900 dark:text-white", children: connector.name }),
-          connector.domain && /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: connector.domain })
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-slate-900 dark:text-white", children: connector.name }),
+          connector.domain && /* @__PURE__ */ jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: connector.domain })
         ] })
       },
       connector.id
@@ -1138,8 +1106,8 @@ function SsoEmailForm({
   if (phase === "connectors") {
     const connectorsContent = /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-900 dark:text-white", children: t("sso.emailForm.connectorsTitle") }),
-        /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: t("sso.emailForm.connectorsSubtitle", { email }) })
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-slate-900 dark:text-white", children: t("sso.emailForm.connectorsTitle") }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: t("sso.emailForm.connectorsSubtitle", { email }) })
       ] }),
       /* @__PURE__ */ jsx(
         SsoConnectorList,
@@ -1149,23 +1117,18 @@ function SsoEmailForm({
           loading: loadingConnectors
         }
       ),
-      /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ 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__ */ jsx(Text, { className: "text-center", children: /* @__PURE__ */ jsx(TextLink, { href: "#", onClick: (event) => {
+        event.preventDefault();
+        handleBackToEmail();
+      }, children: t("sso.emailForm.backButton") }) })
     ] });
     if (embedded) return connectorsContent;
     return /* @__PURE__ */ jsx(Card, { variant: "glass", className: "mx-auto w-full max-w-md", children: /* @__PURE__ */ jsx(CardContent, { className: "p-6 sm:p-8", children: connectorsContent }) });
   }
   const emailContent = /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-900 dark:text-white", children: t("sso.emailForm.title") }),
-      /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: t("sso.emailForm.subtitle") })
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-slate-900 dark:text-white", children: t("sso.emailForm.title") }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: t("sso.emailForm.subtitle") })
     ] }),
     /* @__PURE__ */ jsxs(BaseForm, { onSubmit: handleEmailSubmit, submitLabel: t("sso.emailForm.continueButton"), showFooter: false, children: [
       /* @__PURE__ */ jsx(
@@ -1252,7 +1215,7 @@ function UserButton({ menuItems = [], onSignOut, avatarUrl, labels }) {
                 alt: user?.name ?? user?.email ?? resolvedLabels.userAlt
               }
             ),
-            /* @__PURE__ */ jsx(ChevronUpDownIcon, { className: "h-4 w-4 text-gray-500 dark:text-gray-400" })
+            /* @__PURE__ */ jsx(ChevronUpDownIcon, { className: "h-4 w-4 text-slate-500 dark:text-slate-400" })
           ]
         }
       ),
@@ -1267,7 +1230,7 @@ function UserButton({ menuItems = [], onSignOut, avatarUrl, labels }) {
           leaveFrom: "transform opacity-100 scale-100",
           leaveTo: "transform opacity-0 scale-95",
           children: /* @__PURE__ */ jsxs(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__ */ jsxs("div", { className: "flex items-center gap-3 border-b border-gray-200/60 px-4 py-3 dark:border-white/10", children: [
+            /* @__PURE__ */ jsxs("div", { className: "liquid-divider flex items-center gap-3 px-4 py-3", children: [
               /* @__PURE__ */ jsx(
                 Avatar,
                 {
@@ -1277,8 +1240,8 @@ function UserButton({ menuItems = [], onSignOut, avatarUrl, labels }) {
                 }
               ),
               /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-                user?.name && /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium text-gray-900 dark:text-white", children: user.name }),
-                user?.email && /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-gray-500 dark:text-gray-400", children: user.email })
+                user?.name && /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium text-slate-900 dark:text-white", children: user.name }),
+                user?.email && /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-slate-500 dark:text-slate-400", children: user.email })
               ] })
             ] }),
             menuItems.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -1290,16 +1253,16 @@ function UserButton({ menuItems = [], onSignOut, avatarUrl, labels }) {
                     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__ */ jsx("span", { className: "h-4 w-4 shrink-0 text-gray-400", children: item.icon }) : null,
+                    item.icon ? /* @__PURE__ */ jsx("span", { className: "h-4 w-4 shrink-0 text-slate-400", children: item.icon }) : null,
                     item.label
                   ]
                 }
               ) }, index)) }),
-              /* @__PURE__ */ jsx("div", { className: "border-t border-gray-200/60 dark:border-white/10" })
+              /* @__PURE__ */ jsx("div", { className: "border-t border-slate-200/60 dark:border-white/10" })
             ] }),
-            /* @__PURE__ */ jsx("div", { className: "border-t border-gray-200/60 px-1 py-1 dark:border-white/10", children: /* @__PURE__ */ jsx(Menu.Item, { children: ({ active }) => /* @__PURE__ */ jsxs(
+            /* @__PURE__ */ jsx("div", { className: "border-t border-slate-200/60 px-1 py-1 dark:border-white/10", children: /* @__PURE__ */ jsx(Menu.Item, { children: ({ active }) => /* @__PURE__ */ jsxs(
               "button",
               {
                 type: "button",
@@ -1330,5 +1293,5 @@ function UserButton({ menuItems = [], onSignOut, avatarUrl, labels }) {
 }
 
 export { ConsentScreen, ForgotPassword, MfaChallenge, PasswordlessSignIn, ResetPassword, SignIn, SignUp, SsoConnectorList, SsoEmailForm, UserButton, VerifyEmail };
-//# sourceMappingURL=chunk-OC4AOYU5.mjs.map
-//# sourceMappingURL=chunk-OC4AOYU5.mjs.map
+//# sourceMappingURL=chunk-OTQXU4WG.mjs.map
+//# sourceMappingURL=chunk-OTQXU4WG.mjs.map