@turinhub/atomix-common-ui 0.5.0 → 0.6.0

package/dist/{AuthPanel-D2HFX8eN.js → AuthPanel-Cn_WwmjX.js}

@@ -1,97 +1,97 @@
 import { j as e } from "./jsx-runtime-B4hRZ52C.js";
-import { c as v } from "./utils-B6yFEsav.js";
-import { useState as n, useMemo as fe, useEffect as re } from "react";
-import { Layers3 as ie, MessageCircle as oe, Loader2 as W, ArrowRight as te, UserRound as de, LockKeyhole as ae } from "lucide-react";
-const be = (s) => /^1[3-9]\d{9}$/.test(s) ? void 0 : "请输入正确的手机号", se = (s, c) => s instanceof Error && s.message ? s.message : typeof s == "string" && s ? s : c, ge = (s) => s.replace(/\D/g, "").slice(0, 11), je = (s) => s.length <= 3 ? s : s.length <= 7 ? `${s.slice(0, 3)} ${s.slice(3)}` : `${s.slice(0, 3)} ${s.slice(3, 7)} ${s.slice(7)}`;
+import { c as y } from "./utils-B6yFEsav.js";
+import { useState as l, useMemo as ge, useEffect as re } from "react";
+import { Layers3 as ce, MessageCircle as oe, Loader2 as Q, ArrowRight as te, UserRound as de, LockKeyhole as ae } from "lucide-react";
+const fe = (s) => /^1[3-9]\d{9}$/.test(s) ? void 0 : "请输入正确的手机号", se = (s, i) => s instanceof Error && s.message ? s.message : typeof s == "string" && s ? s : i, be = (s) => s.replace(/\D/g, "").slice(0, 11), je = (s) => s.length <= 3 ? s : s.length <= 7 ? `${s.slice(0, 3)} ${s.slice(3)}` : `${s.slice(0, 3)} ${s.slice(3, 7)} ${s.slice(7)}`;
 function we({
   components: s,
-  title: c = "欢迎登录",
+  title: i = "欢迎登录",
   description: p = "使用账号密码或手机号验证码进入系统",
-  brandIcon: f,
-  defaultMethod: d = "password",
+  brandIcon: g,
+  defaultMethod: u = "password",
   enabledMethods: m = ["password", "sms"],
   error: A,
   extraActions: k,
-  footer: u,
-  socialProviders: b,
+  footer: c,
+  socialProviders: f,
   className: j,
   smsCountdownSeconds: w = 60,
-  validatePhone: x = be,
+  validatePhone: x = fe,
   validatePassword: h,
-  onPasswordLogin: N,
-  onSendSmsCode: F,
-  onSmsLogin: $
+  onPasswordLogin: v,
+  onSendSmsCode: C,
+  onSmsLogin: F
 }) {
-  const [q, t] = n(
-    m.includes(d) ? d : m[0]
-  ), [r, X] = n(""), [Y, Z] = n(), [_, K] = n(), [R, g] = n(), [T, U] = n(!1), [V, H] = n(!1), [O, E] = n(!1), [D, G] = n(0), I = fe(
+  const [z, t] = l(
+    m.includes(u) ? u : m[0]
+  ), [r, W] = l(""), [X, Y] = l(), [Z, B] = l(), [R, b] = l(), [$, K] = l(!1), [U, V] = l(!1), [H, E] = l(!1), [D, O] = l(0), I = ge(
     () => m.filter(
-      (a, o, C) => C.indexOf(a) === o
+      (a, d, T) => T.indexOf(a) === d
     ),
     [m]
-  ), z = I.length > 1, S = R || A;
+  ), _ = I.length > 1, S = R || A;
   if (re(() => {
     if (D <= 0) return;
-    const a = setTimeout(() => G((o) => o - 1), 1e3);
+    const a = setTimeout(() => O((d) => d - 1), 1e3);
     return () => clearTimeout(a);
   }, [D]), !s)
     return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
-  const { Button: M, Input: L, Label: B, Tabs: l, TabsList: i, TabsTrigger: y, TabsContent: J } = s, P = async (a) => {
+  const { Button: q, Input: M, Label: L, Tabs: n, TabsList: o, TabsTrigger: N, TabsContent: G } = s, P = async (a) => {
     a.preventDefault();
-    const o = new FormData(a.currentTarget), C = {
-      username: String(o.get("username") || "").trim(),
-      password: String(o.get("password") || "")
-    }, Q = !C.username || !C.password ? "请输入账号和密码" : h == null ? void 0 : h(C);
-    if (Q) {
-      g(Q);
+    const d = new FormData(a.currentTarget), T = {
+      username: String(d.get("username") || "").trim(),
+      password: String(d.get("password") || "")
+    }, J = !T.username || !T.password ? "请输入账号和密码" : h == null ? void 0 : h(T);
+    if (J) {
+      b(J);
       return;
     }
     try {
-      U(!0), g(void 0), await (N == null ? void 0 : N(C));
+      K(!0), b(void 0), await (v == null ? void 0 : v(T));
     } catch (ee) {
-      g(se(ee, "登录失败，请稍后重试"));
+      b(se(ee, "登录失败，请稍后重试"));
     } finally {
-      U(!1);
+      K(!1);
     }
-  }, me = async () => {
+  }, ue = async () => {
     const a = x(r);
     if (a) {
-      g(a);
+      b(a);
       return;
     }
     try {
-      E(!0), g(void 0);
-      const o = await (F == null ? void 0 : F(r));
-      Z(o == null ? void 0 : o.smsId), K(o == null ? void 0 : o.smsType), G(w);
-    } catch (o) {
-      g(se(o, "发送验证码失败，请稍后重试"));
+      E(!0), b(void 0);
+      const d = await (C == null ? void 0 : C(r));
+      Y(d == null ? void 0 : d.smsId), B(d == null ? void 0 : d.smsType), O(w);
+    } catch (d) {
+      b(se(d, "发送验证码失败，请稍后重试"));
     } finally {
       E(!1);
     }
-  }, ue = async (a) => {
+  }, me = async (a) => {
     a.preventDefault();
-    const o = new FormData(a.currentTarget), C = String(o.get("code") || "").trim(), Q = x(r);
-    if (Q) {
-      g(Q);
+    const d = new FormData(a.currentTarget), T = String(d.get("code") || "").trim(), J = x(r);
+    if (J) {
+      b(J);
       return;
     }
-    if (!C) {
-      g("请输入验证码");
+    if (!T) {
+      b("请输入验证码");
       return;
     }
     try {
-      H(!0), g(void 0), await ($ == null ? void 0 : $({ phone: r, code: C, smsId: Y, smsType: _ }));
+      V(!0), b(void 0), await (F == null ? void 0 : F({ phone: r, code: T, smsId: X, smsType: Z }));
     } catch (ee) {
-      g(se(ee, "验证码错误或已过期"));
+      b(se(ee, "验证码错误或已过期"));
     } finally {
-      H(!1);
+      V(!1);
     }
   }, he = () => /* @__PURE__ */ e.jsxs("div", { className: "mb-7", children: [
-    /* @__PURE__ */ e.jsx("div", { className: "mb-4 flex h-11 w-11 items-center justify-center rounded-lg bg-primary text-primary-foreground shadow-sm", children: f || /* @__PURE__ */ e.jsx(ie, { className: "h-5 w-5" }) }),
-    /* @__PURE__ */ e.jsx("h1", { className: "text-2xl font-semibold", children: c }),
-    p && /* @__PURE__ */ e.jsx("p", { className: "mt-2 text-sm leading-6 text-muted-foreground", children: p })
-  ] }), xe = () => b != null && b.length ? /* @__PURE__ */ e.jsx("div", { className: "mb-6 grid gap-2", children: b.map((a) => /* @__PURE__ */ e.jsxs(
-    M,
+    /* @__PURE__ */ e.jsx("div", { className: "mb-4 flex h-11 w-11 items-center justify-center rounded-lg bg-primary text-primary-foreground shadow-sm ring-1 ring-primary/10", children: g || /* @__PURE__ */ e.jsx(ce, { className: "h-5 w-5" }) }),
+    /* @__PURE__ */ e.jsx("h1", { className: "text-balance text-2xl font-semibold leading-tight", children: i }),
+    p && /* @__PURE__ */ e.jsx("p", { className: "mt-2 text-pretty text-sm leading-6 text-muted-foreground", children: p })
+  ] }), xe = () => f != null && f.length ? /* @__PURE__ */ e.jsx("div", { className: "mb-6 grid gap-2", children: f.map((a) => /* @__PURE__ */ e.jsxs(
+    q,
     {
       type: "button",
       variant: "outline",
@@ -104,30 +104,31 @@ function we({
       ]
     },
     a.id
-  )) }) : null, le = () => /* @__PURE__ */ e.jsx("form", { className: "flex flex-col", onSubmit: P, children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4", children: [
+  )) }) : null, ne = () => /* @__PURE__ */ e.jsx("form", { className: "flex flex-col", onSubmit: P, children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e.jsx(B, { htmlFor: "auth-username", children: "用户名" }),
+      /* @__PURE__ */ e.jsx(L, { htmlFor: "auth-username", children: "用户名" }),
       /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
         /* @__PURE__ */ e.jsx(de, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
         /* @__PURE__ */ e.jsx(
-          L,
+          M,
           {
             id: "auth-username",
             name: "username",
             className: "bg-background/80 pl-9 backdrop-blur",
             placeholder: "请输入用户名",
             autoComplete: "username",
+            spellCheck: !1,
             required: !0
           }
         )
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e.jsx(B, { htmlFor: "auth-password", children: "密码" }),
+      /* @__PURE__ */ e.jsx(L, { htmlFor: "auth-password", children: "密码" }),
       /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
         /* @__PURE__ */ e.jsx(ae, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
         /* @__PURE__ */ e.jsx(
-          L,
+          M,
           {
             id: "auth-password",
             name: "password",
@@ -141,13 +142,13 @@ function we({
       ] })
     ] }),
     /* @__PURE__ */ e.jsx(
-      M,
+      q,
       {
         type: "submit",
         className: "mt-4 h-11 w-full",
-        disabled: T,
-        children: T ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          /* @__PURE__ */ e.jsx(W, { className: "mr-2 h-4 w-4 animate-spin" }),
+        disabled: $,
+        children: $ ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsx(Q, { className: "mr-2 h-4 w-4 animate-spin" }),
           "登录中..."
         ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           "登录",
@@ -155,44 +156,46 @@ function we({
         ] })
       }
     )
-  ] }) }), ne = () => /* @__PURE__ */ e.jsx("form", { className: "flex flex-col", onSubmit: ue, children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4", children: [
+  ] }) }), le = () => /* @__PURE__ */ e.jsx("form", { className: "flex flex-col", onSubmit: me, children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e.jsx(B, { htmlFor: "auth-phone", children: "手机号" }),
+      /* @__PURE__ */ e.jsx(L, { htmlFor: "auth-phone", children: "手机号" }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
         /* @__PURE__ */ e.jsxs("div", { className: "relative w-full", children: [
           /* @__PURE__ */ e.jsx(oe, { className: "pointer-events-none absolute left-3 top-1/2 z-10 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
           /* @__PURE__ */ e.jsx(
-            L,
+            M,
             {
               id: "auth-phone",
               name: "phone",
               className: "bg-background/80 pl-9 backdrop-blur",
               placeholder: "请输入手机号",
               value: je(r),
-              onChange: (a) => X(ge(a.target.value)),
+              onChange: (a) => W(be(a.target.value)),
               required: !0,
               maxLength: 13,
-              inputMode: "numeric"
+              inputMode: "numeric",
+              autoComplete: "tel",
+              spellCheck: !1
             }
           )
         ] }),
         /* @__PURE__ */ e.jsx(
-          M,
+          q,
           {
             type: "button",
             variant: "outline",
             className: "h-10 w-28 shrink-0 bg-background/70 backdrop-blur hover:bg-background/90",
-            onClick: me,
-            disabled: !r || O || D > 0,
-            children: O ? /* @__PURE__ */ e.jsx(W, { className: "h-4 w-4 animate-spin" }) : D > 0 ? `${D}秒` : "发送验证码"
+            onClick: ue,
+            disabled: !r || H || D > 0,
+            children: H ? /* @__PURE__ */ e.jsx(Q, { className: "h-4 w-4 animate-spin" }) : D > 0 ? `${D}秒` : "发送验证码"
           }
         )
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e.jsx(B, { htmlFor: "auth-code", children: "验证码" }),
+      /* @__PURE__ */ e.jsx(L, { htmlFor: "auth-code", children: "验证码" }),
       /* @__PURE__ */ e.jsx(
-        L,
+        M,
         {
           id: "auth-code",
           name: "code",
@@ -204,34 +207,42 @@ function we({
         }
       )
     ] }),
-    /* @__PURE__ */ e.jsx(M, { type: "submit", className: "mt-4 h-11 w-full", disabled: V, children: V ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx(W, { className: "mr-2 h-4 w-4 animate-spin" }),
-      "验证中..."
-    ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      "验证并登录",
-      /* @__PURE__ */ e.jsx(te, { className: "ml-2 h-4 w-4" })
-    ] }) })
-  ] }) }), pe = () => z ? /* @__PURE__ */ e.jsxs(
-    l,
+    /* @__PURE__ */ e.jsx(
+      q,
+      {
+        type: "submit",
+        className: "mt-4 h-11 w-full",
+        disabled: U,
+        children: U ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsx(Q, { className: "mr-2 h-4 w-4 animate-spin" }),
+          "验证中..."
+        ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          "验证并登录",
+          /* @__PURE__ */ e.jsx(te, { className: "ml-2 h-4 w-4" })
+        ] })
+      }
+    )
+  ] }) }), pe = () => _ ? /* @__PURE__ */ e.jsxs(
+    n,
     {
-      value: q,
+      value: z,
       onValueChange: (a) => t(a),
       className: "w-full",
       children: [
-        /* @__PURE__ */ e.jsxs(i, { className: "mb-6 grid h-11 w-full grid-cols-2 bg-background/60 backdrop-blur", children: [
-          I.includes("password") && /* @__PURE__ */ e.jsx(y, { value: "password", children: "账号密码登录" }),
-          I.includes("sms") && /* @__PURE__ */ e.jsx(y, { value: "sms", children: "手机号登录" })
+        /* @__PURE__ */ e.jsxs(o, { className: "mb-6 grid h-11 w-full grid-cols-2 bg-background/60 backdrop-blur", children: [
+          I.includes("password") && /* @__PURE__ */ e.jsx(N, { value: "password", children: "账号密码登录" }),
+          I.includes("sms") && /* @__PURE__ */ e.jsx(N, { value: "sms", children: "手机号登录" })
         ] }),
-        /* @__PURE__ */ e.jsx(J, { value: "password", children: le() }),
-        /* @__PURE__ */ e.jsx(J, { value: "sms", children: ne() })
+        /* @__PURE__ */ e.jsx(G, { value: "password", children: ne() }),
+        /* @__PURE__ */ e.jsx(G, { value: "sms", children: le() })
       ]
     }
-  ) : I[0] === "sms" ? ne() : le();
+  ) : I[0] === "sms" ? le() : ne();
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: v(
-        "w-full max-w-[calc(100vw-2rem)] rounded-lg border border-white/45 bg-background/60 p-5 shadow-2xl shadow-slate-950/25 backdrop-blur-md supports-[backdrop-filter]:bg-background/50 md:p-8",
+      className: y(
+        "w-full max-w-[calc(100vw-2rem)] rounded-lg border border-white/45 bg-background/70 p-5 shadow-2xl shadow-slate-950/25 backdrop-blur-md supports-[backdrop-filter]:bg-background/55 md:p-8",
         j
       ),
       children: [
@@ -239,120 +250,128 @@ function we({
         xe(),
         pe(),
         k && /* @__PURE__ */ e.jsx("div", { className: "mt-5", children: k }),
-        S && /* @__PURE__ */ e.jsx("div", { className: "mt-4 border-l-2 border-red-600 px-4 text-sm text-red-600 dark:border-red-400 dark:text-red-400", children: S }),
-        u && /* @__PURE__ */ e.jsx("div", { className: "mt-6 text-sm text-muted-foreground", children: u })
+        S && /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: "mt-4 border-l-2 border-destructive bg-destructive/5 px-4 py-3 text-sm text-destructive",
+            "aria-live": "polite",
+            children: S
+          }
+        ),
+        c && /* @__PURE__ */ e.jsx("div", { className: "mt-6 text-sm text-muted-foreground", children: c })
       ]
     }
   );
 }
-const Ne = (s) => /^1[3-9]\d{9}$/.test(s) ? void 0 : "请输入正确的手机号", ce = (s, c) => s instanceof Error && s.message ? s.message : typeof s == "string" && s ? s : c, ye = (s) => s.replace(/\D/g, "").slice(0, 11), ve = (s) => s.length <= 3 ? s : s.length <= 7 ? `${s.slice(0, 3)} ${s.slice(3)}` : `${s.slice(0, 3)} ${s.slice(3, 7)} ${s.slice(7)}`;
+const ve = (s) => /^1[3-9]\d{9}$/.test(s) ? void 0 : "请输入正确的手机号", ie = (s, i) => s instanceof Error && s.message ? s.message : typeof s == "string" && s ? s : i, Ne = (s) => s.replace(/\D/g, "").slice(0, 11), ye = (s) => s.length <= 3 ? s : s.length <= 7 ? `${s.slice(0, 3)} ${s.slice(3)}` : `${s.slice(0, 3)} ${s.slice(3, 7)} ${s.slice(7)}`;
 function ke({
   components: s,
-  title: c = "创建账号",
+  title: i = "创建账号",
   description: p = "填写账号信息并完成手机号验证",
-  brandIcon: f,
-  requirePhoneVerification: d = !0,
+  brandIcon: g,
+  requirePhoneVerification: u = !0,
   requireTermsAccepted: m = !1,
   termsLabel: A = "我已阅读并同意服务条款",
   error: k,
-  extraActions: u,
-  footer: b,
+  extraActions: c,
+  footer: f,
   socialProviders: j,
   className: w,
   smsCountdownSeconds: x = 60,
-  validatePhone: h = Ne,
-  validatePassword: N,
-  validateRegister: F,
-  onSendSmsCode: $,
-  onRegister: q
+  validatePhone: h = ve,
+  validatePassword: v,
+  validateRegister: C,
+  onSendSmsCode: F,
+  onRegister: z
 }) {
-  const [t, r] = n(""), [X, Y] = n(), [Z, _] = n(), [K, R] = n(!1), [g, T] = n(), [U, V] = n(!1), [H, O] = n(!1), [E, D] = n(0), G = g || k;
+  const [t, r] = l(""), [W, X] = l(), [Y, Z] = l(), [B, R] = l(!1), [b, $] = l(), [K, U] = l(!1), [V, H] = l(!1), [E, D] = l(0), O = b || k;
   if (re(() => {
     if (E <= 0) return;
-    const l = setTimeout(() => D((i) => i - 1), 1e3);
-    return () => clearTimeout(l);
+    const n = setTimeout(() => D((o) => o - 1), 1e3);
+    return () => clearTimeout(n);
   }, [E]), !s)
     return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
-  const { Button: I, Input: z, Label: S } = s, M = async () => {
-    const l = h(t);
-    if (l) {
-      T(l);
+  const { Button: I, Input: _, Label: S } = s, q = async () => {
+    const n = h(t);
+    if (n) {
+      $(n);
       return;
     }
     try {
-      O(!0), T(void 0);
-      const i = await ($ == null ? void 0 : $(t));
-      Y(i == null ? void 0 : i.smsId), _(i == null ? void 0 : i.smsType), D(x);
-    } catch (i) {
-      T(ce(i, "发送验证码失败，请稍后重试"));
+      H(!0), $(void 0);
+      const o = await (F == null ? void 0 : F(t));
+      X(o == null ? void 0 : o.smsId), Z(o == null ? void 0 : o.smsType), D(x);
+    } catch (o) {
+      $(ie(o, "发送验证码失败，请稍后重试"));
     } finally {
-      O(!1);
+      H(!1);
     }
-  }, L = async (l) => {
-    l.preventDefault();
-    const i = new FormData(l.currentTarget), y = {
-      username: String(i.get("username") || "").trim(),
-      password: String(i.get("password") || ""),
-      confirmPassword: String(i.get("confirmPassword") || ""),
+  }, M = async (n) => {
+    n.preventDefault();
+    const o = new FormData(n.currentTarget), N = {
+      username: String(o.get("username") || "").trim(),
+      password: String(o.get("password") || ""),
+      confirmPassword: String(o.get("confirmPassword") || ""),
       phone: t,
-      code: String(i.get("code") || "").trim(),
-      smsId: X,
-      smsType: Z,
-      termsAccepted: K
-    }, J = !y.username && "请输入用户名" || !y.password && "请输入密码" || y.password !== y.confirmPassword && "两次输入的密码不一致" || d && h(t) || d && !y.code && "请输入验证码" || m && !K && "请先同意服务条款" || (N == null ? void 0 : N(y)) || (F == null ? void 0 : F(y));
-    if (J) {
-      T(J);
+      code: String(o.get("code") || "").trim(),
+      smsId: W,
+      smsType: Y,
+      termsAccepted: B
+    }, G = !N.username && "请输入用户名" || !N.password && "请输入密码" || N.password !== N.confirmPassword && "两次输入的密码不一致" || u && h(t) || u && !N.code && "请输入验证码" || m && !B && "请先同意服务条款" || (v == null ? void 0 : v(N)) || (C == null ? void 0 : C(N));
+    if (G) {
+      $(G);
       return;
     }
     try {
-      V(!0), T(void 0), await (q == null ? void 0 : q(y));
+      U(!0), $(void 0), await (z == null ? void 0 : z(N));
     } catch (P) {
-      T(ce(P, "注册失败，请稍后重试"));
+      $(ie(P, "注册失败，请稍后重试"));
     } finally {
-      V(!1);
+      U(!1);
     }
-  }, B = () => j != null && j.length ? /* @__PURE__ */ e.jsx("div", { className: "mb-6 grid gap-2", children: j.map((l) => /* @__PURE__ */ e.jsxs(
+  }, L = () => j != null && j.length ? /* @__PURE__ */ e.jsx("div", { className: "mb-6 grid gap-2", children: j.map((n) => /* @__PURE__ */ e.jsxs(
     I,
     {
       type: "button",
       variant: "outline",
       className: "h-10 w-full",
-      disabled: l.disabled,
-      onClick: l.onClick,
+      disabled: n.disabled,
+      onClick: n.onClick,
       children: [
-        l.icon && /* @__PURE__ */ e.jsx("span", { className: "mr-2 inline-flex h-4 w-4 items-center justify-center", children: l.icon }),
-        l.label
+        n.icon && /* @__PURE__ */ e.jsx("span", { className: "mr-2 inline-flex h-4 w-4 items-center justify-center", children: n.icon }),
+        n.label
       ]
     },
-    l.id
+    n.id
   )) }) : null;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: v(
-        "w-full max-w-[calc(100vw-2rem)] rounded-lg border border-white/45 bg-background/60 p-5 shadow-2xl shadow-slate-950/25 backdrop-blur-md supports-[backdrop-filter]:bg-background/50 md:p-8",
+      className: y(
+        "w-full max-w-[calc(100vw-2rem)] rounded-lg border border-white/45 bg-background/70 p-5 shadow-2xl shadow-slate-950/25 backdrop-blur-md supports-[backdrop-filter]:bg-background/55 md:p-8",
         w
       ),
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "mb-7", children: [
-          /* @__PURE__ */ e.jsx("div", { className: "mb-4 flex h-11 w-11 items-center justify-center rounded-lg bg-primary text-primary-foreground shadow-sm", children: f || /* @__PURE__ */ e.jsx(ie, { className: "h-5 w-5" }) }),
-          /* @__PURE__ */ e.jsx("h1", { className: "text-2xl font-semibold", children: c }),
-          p && /* @__PURE__ */ e.jsx("p", { className: "mt-2 text-sm leading-6 text-muted-foreground", children: p })
+          /* @__PURE__ */ e.jsx("div", { className: "mb-4 flex h-11 w-11 items-center justify-center rounded-lg bg-primary text-primary-foreground shadow-sm ring-1 ring-primary/10", children: g || /* @__PURE__ */ e.jsx(ce, { className: "h-5 w-5" }) }),
+          /* @__PURE__ */ e.jsx("h1", { className: "text-balance text-2xl font-semibold leading-tight", children: i }),
+          p && /* @__PURE__ */ e.jsx("p", { className: "mt-2 text-pretty text-sm leading-6 text-muted-foreground", children: p })
         ] }),
-        B(),
-        /* @__PURE__ */ e.jsx("form", { className: "flex flex-col", onSubmit: L, children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4", children: [
+        L(),
+        /* @__PURE__ */ e.jsx("form", { className: "flex flex-col", onSubmit: M, children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4", children: [
           /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
             /* @__PURE__ */ e.jsx(S, { htmlFor: "auth-register-username", children: "用户名" }),
             /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
               /* @__PURE__ */ e.jsx(de, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
               /* @__PURE__ */ e.jsx(
-                z,
+                _,
                 {
                   id: "auth-register-username",
                   name: "username",
                   className: "bg-background/80 pl-9 backdrop-blur",
                   placeholder: "请输入用户名",
                   autoComplete: "username",
+                  spellCheck: !1,
                   required: !0
                 }
               )
@@ -363,7 +382,7 @@ function ke({
             /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
               /* @__PURE__ */ e.jsx(ae, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
               /* @__PURE__ */ e.jsx(
-                z,
+                _,
                 {
                   id: "auth-register-password",
                   name: "password",
@@ -381,7 +400,7 @@ function ke({
             /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
               /* @__PURE__ */ e.jsx(ae, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
               /* @__PURE__ */ e.jsx(
-                z,
+                _,
                 {
                   id: "auth-register-confirm-password",
                   name: "confirmPassword",
@@ -394,24 +413,26 @@ function ke({
               )
             ] })
           ] }),
-          d && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          u && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
             /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
               /* @__PURE__ */ e.jsx(S, { htmlFor: "auth-register-phone", children: "手机号" }),
               /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "relative w-full", children: [
                   /* @__PURE__ */ e.jsx(oe, { className: "pointer-events-none absolute left-3 top-1/2 z-10 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
                   /* @__PURE__ */ e.jsx(
-                    z,
+                    _,
                     {
                       id: "auth-register-phone",
                       name: "phone",
                       className: "bg-background/80 pl-9 backdrop-blur",
                       placeholder: "请输入手机号",
-                      value: ve(t),
-                      onChange: (l) => r(ye(l.target.value)),
+                      value: ye(t),
+                      onChange: (n) => r(Ne(n.target.value)),
                       required: !0,
                       maxLength: 13,
-                      inputMode: "numeric"
+                      inputMode: "numeric",
+                      autoComplete: "tel",
+                      spellCheck: !1
                     }
                   )
                 ] }),
@@ -421,9 +442,9 @@ function ke({
                     type: "button",
                     variant: "outline",
                     className: "h-10 w-28 shrink-0 bg-background/70 backdrop-blur hover:bg-background/90",
-                    onClick: M,
-                    disabled: !t || H || E > 0,
-                    children: H ? /* @__PURE__ */ e.jsx(W, { className: "h-4 w-4 animate-spin" }) : E > 0 ? `${E}秒` : "发送验证码"
+                    onClick: q,
+                    disabled: !t || V || E > 0,
+                    children: V ? /* @__PURE__ */ e.jsx(Q, { className: "h-4 w-4 animate-spin" }) : E > 0 ? `${E}秒` : "发送验证码"
                   }
                 )
               ] })
@@ -431,7 +452,7 @@ function ke({
             /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
               /* @__PURE__ */ e.jsx(S, { htmlFor: "auth-register-code", children: "验证码" }),
               /* @__PURE__ */ e.jsx(
-                z,
+                _,
                 {
                   id: "auth-register-code",
                   name: "code",
@@ -449,9 +470,9 @@ function ke({
               "input",
               {
                 type: "checkbox",
-                className: "mt-0.5 h-4 w-4 rounded border-input",
-                checked: K,
-                onChange: (l) => R(l.target.checked)
+                className: "mt-0.5 h-4 w-4 rounded border-input focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+                checked: B,
+                onChange: (n) => R(n.target.checked)
               }
             ),
             /* @__PURE__ */ e.jsx("span", { children: A })
@@ -461,9 +482,9 @@ function ke({
             {
               type: "submit",
               className: "mt-4 h-11 w-full",
-              disabled: U,
-              children: U ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                /* @__PURE__ */ e.jsx(W, { className: "mr-2 h-4 w-4 animate-spin" }),
+              disabled: K,
+              children: K ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                /* @__PURE__ */ e.jsx(Q, { className: "mr-2 h-4 w-4 animate-spin" }),
                 "注册中..."
               ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
                 "创建账号",
@@ -472,70 +493,77 @@ function ke({
             }
           )
         ] }) }),
-        u && /* @__PURE__ */ e.jsx("div", { className: "mt-5", children: u }),
-        G && /* @__PURE__ */ e.jsx("div", { className: "mt-4 border-l-2 border-red-600 px-4 text-sm text-red-600 dark:border-red-400 dark:text-red-400", children: G }),
-        b && /* @__PURE__ */ e.jsx("div", { className: "mt-6 text-sm text-muted-foreground", children: b })
+        c && /* @__PURE__ */ e.jsx("div", { className: "mt-5", children: c }),
+        O && /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: "mt-4 border-l-2 border-destructive bg-destructive/5 px-4 py-3 text-sm text-destructive",
+            "aria-live": "polite",
+            children: O
+          }
+        ),
+        f && /* @__PURE__ */ e.jsx("div", { className: "mt-6 text-sm text-muted-foreground", children: f })
       ]
     }
   );
 }
 function Ee({
   children: s,
-  visual: c,
+  visual: i,
   overlay: p,
-  className: f,
-  contentClassName: d,
+  className: g,
+  contentClassName: u,
   panelClassName: m
 }) {
-  return /* @__PURE__ */ e.jsx("div", { className: v("min-h-screen", f), children: /* @__PURE__ */ e.jsxs("main", { className: "relative flex min-h-screen w-full overflow-hidden", children: [
-    c && /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0", children: c }),
+  return /* @__PURE__ */ e.jsx("div", { className: y("min-h-screen", g), children: /* @__PURE__ */ e.jsxs("main", { className: "relative flex min-h-screen w-full overflow-hidden", children: [
+    i && /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0", children: i }),
     p ?? /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 z-10 bg-black/35" }),
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: v(
+        className: y(
           "relative z-20 flex min-h-screen w-full items-center justify-center px-4 py-6 sm:px-6 lg:p-12 xl:p-16",
-          d
+          u
         ),
-        children: /* @__PURE__ */ e.jsx("div", { className: v("w-full min-w-0 max-w-[420px]", m), children: s })
+        children: /* @__PURE__ */ e.jsx("div", { className: y("w-full min-w-0 max-w-[420px]", m), children: s })
       }
     )
   ] }) });
 }
 function De({
   items: s,
-  intervalMs: c = 5e3,
+  intervalMs: i = 5e3,
   showIndicators: p = !0,
-  showText: f = !0,
-  className: d,
+  showText: g = !0,
+  className: u,
   imageClassName: m,
   contentClassName: A,
   ariaLabel: k = "认证页视觉轮播"
 }) {
-  const [u, b] = n(0), [j, w] = n(!1), x = s.length > 0, h = x ? s[u] : void 0, N = (t) => {
-    x && b((t + s.length) % s.length);
-  }, F = () => N(u + 1), $ = () => N(u - 1);
+  const [c, f] = l(0), [j, w] = l(!1), x = s.length > 0, h = x ? s[c] : void 0, v = (t) => {
+    x && f((t + s.length) % s.length);
+  }, C = () => v(c + 1), F = () => v(c - 1);
   re(() => {
-    if (!x || j || c <= 0 || s.length < 2) return;
+    if (!x || j || i <= 0 || s.length < 2) return;
     const t = setTimeout(() => {
-      b((r) => (r + 1) % s.length);
-    }, c);
+      f((r) => (r + 1) % s.length);
+    }, i);
     return () => clearTimeout(t);
-  }, [x, c, j, s.length, u]);
-  const q = (t) => {
-    t.key === "ArrowLeft" && (t.preventDefault(), $()), t.key === "ArrowRight" && (t.preventDefault(), F());
+  }, [x, i, j, s.length, c]);
+  const z = (t) => {
+    t.key === "ArrowLeft" && (t.preventDefault(), F()), t.key === "ArrowRight" && (t.preventDefault(), C());
   };
   return x ? /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: v(
-        "relative h-full min-h-[360px] w-full overflow-hidden bg-slate-950 outline-none",
-        d
+      className: y(
+        "relative h-full min-h-[360px] w-full overflow-hidden bg-slate-950 outline-none focus-visible:ring-2 focus-visible:ring-white/80 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950",
+        u
       ),
       tabIndex: 0,
       "aria-label": k,
       role: "region",
-      onKeyDown: q,
+      onKeyDown: z,
       onMouseEnter: () => w(!0),
       onMouseLeave: () => w(!1),
       onFocus: () => w(!0),
@@ -546,41 +574,60 @@ function De({
           {
             src: t.image,
             alt: t.alt,
-            className: v(
-              "absolute inset-0 h-full w-full object-cover transition-opacity duration-700 ease-out",
-              r === u ? "opacity-100" : "opacity-0",
+            width: t.width ?? 1600,
+            height: t.height ?? 900,
+            fetchPriority: r === c ? "high" : "auto",
+            loading: r === 0 ? "eager" : "lazy",
+            decoding: "async",
+            className: y(
+              "absolute inset-0 h-full w-full object-cover transition-opacity duration-700 ease-out motion-reduce:transition-none",
+              r === c ? "opacity-100" : "opacity-0",
               m
             ),
-            "aria-hidden": r !== u
+            "aria-hidden": r !== c
           },
           `${t.image}-${r}`
         )),
         /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 bg-gradient-to-r from-slate-950/80 via-slate-950/30 to-slate-950/10" }),
-        /* @__PURE__ */ e.jsx("div", { className: "absolute inset-x-0 bottom-0 bg-gradient-to-t from-slate-950/78 via-slate-950/30 to-transparent pb-16 pt-24" }),
-        (f || p) && /* @__PURE__ */ e.jsxs(
+        /* @__PURE__ */ e.jsx("div", { className: "absolute inset-x-0 bottom-0 bg-gradient-to-t from-slate-950/80 via-slate-950/30 to-transparent pb-16 pt-24" }),
+        /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: "pointer-events-none absolute inset-0 opacity-[0.18] [background-image:linear-gradient(to_right,rgba(255,255,255,0.32)_1px,transparent_1px),linear-gradient(to_bottom,rgba(255,255,255,0.26)_1px,transparent_1px)] [background-size:44px_44px]",
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: "pointer-events-none absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-white/60 to-transparent",
+            "aria-hidden": "true"
+          }
+        ),
+        (g || p) && /* @__PURE__ */ e.jsxs(
           "div",
           {
-            className: v(
+            className: y(
               "absolute inset-x-5 bottom-6 text-white sm:inset-x-8 sm:bottom-8 lg:inset-x-12 lg:bottom-10",
               A
             ),
             children: [
-              f && h && /* @__PURE__ */ e.jsxs("div", { className: "max-w-[min(28rem,calc(100vw-2.5rem))]", children: [
+              g && h && /* @__PURE__ */ e.jsxs("div", { className: "max-w-[min(28rem,calc(100vw-2.5rem))]", children: [
                 h.eyebrow && /* @__PURE__ */ e.jsx("p", { className: "mb-2 text-[0.68rem] font-medium uppercase tracking-normal text-cyan-100/80 sm:text-xs", children: h.eyebrow }),
-                h.title && /* @__PURE__ */ e.jsx("h2", { className: "text-xl font-semibold leading-tight sm:text-2xl lg:text-3xl", children: h.title }),
+                h.title && /* @__PURE__ */ e.jsx("h2", { className: "text-balance text-xl font-semibold leading-tight sm:text-2xl lg:text-3xl", children: h.title }),
                 h.description && /* @__PURE__ */ e.jsx("p", { className: "mt-2 line-clamp-3 text-sm leading-6 text-slate-100/80 sm:text-base", children: h.description })
               ] }),
               p && s.length > 1 && /* @__PURE__ */ e.jsx("div", { className: "mt-5 flex items-center gap-2", children: s.map((t, r) => /* @__PURE__ */ e.jsx(
                 "button",
                 {
                   type: "button",
-                  className: v(
-                    "h-1.5 rounded-full transition-all",
-                    r === u ? "w-8 bg-white" : "w-3 bg-white/40 hover:bg-white/70"
+                  className: y(
+                    "h-1.5 rounded-full transition-[background-color,width] duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950 motion-reduce:transition-none",
+                    r === c ? "w-8 bg-white" : "w-3 bg-white/40 hover:bg-white/70"
                   ),
                   "aria-label": `切换到第 ${r + 1} 张轮播图`,
-                  "aria-current": r === u,
-                  onClick: () => N(r)
+                  "aria-current": r === c,
+                  onClick: () => v(r)
                 },
                 `${t.image}-indicator-${r}`
               )) })
@@ -592,9 +639,9 @@ function De({
   ) : /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: v(
+      className: y(
         "relative h-full min-h-[360px] w-full overflow-hidden bg-slate-950",
-        d
+        u
       ),
       "aria-label": k,
       role: "region"
@@ -603,16 +650,16 @@ function De({
 }
 function Ie({
   components: s,
-  mode: c,
+  mode: i,
   defaultMode: p = "login",
-  onModeChange: f,
-  loginProps: d,
+  onModeChange: g,
+  loginProps: u,
   registerProps: m,
   loginLabel: A = "已有账号？登录",
   registerLabel: k = "没有账号？注册"
 }) {
-  const [u, b] = n(p), j = c ?? u, w = (x) => {
-    c || b(x), f == null || f(x);
+  const [c, f] = l(p), j = i ?? c, w = (x) => {
+    i || f(x), g == null || g(x);
   };
   return j === "register" ? /* @__PURE__ */ e.jsx(
     ke,
@@ -632,9 +679,9 @@ function Ie({
   ) : /* @__PURE__ */ e.jsx(
     we,
     {
-      ...d,
+      ...u,
       components: s,
-      footer: (d == null ? void 0 : d.footer) ?? /* @__PURE__ */ e.jsx(
+      footer: (u == null ? void 0 : u.footer) ?? /* @__PURE__ */ e.jsx(
         "button",
         {
           type: "button",
@@ -653,4 +700,4 @@ export {
   ke as c,
   De as d
 };
-//# sourceMappingURL=AuthPanel-D2HFX8eN.js.map
+//# sourceMappingURL=AuthPanel-Cn_WwmjX.js.map