@turinhub/atomix-common-ui 0.3.0 → 0.5.0

package/dist/AuthPanel-D2HFX8eN.js

@@ -0,0 +1,656 @@
+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)}`;
+function we({
+  components: s,
+  title: c = "欢迎登录",
+  description: p = "使用账号密码或手机号验证码进入系统",
+  brandIcon: f,
+  defaultMethod: d = "password",
+  enabledMethods: m = ["password", "sms"],
+  error: A,
+  extraActions: k,
+  footer: u,
+  socialProviders: b,
+  className: j,
+  smsCountdownSeconds: w = 60,
+  validatePhone: x = be,
+  validatePassword: h,
+  onPasswordLogin: N,
+  onSendSmsCode: F,
+  onSmsLogin: $
+}) {
+  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(
+    () => m.filter(
+      (a, o, C) => C.indexOf(a) === o
+    ),
+    [m]
+  ), z = I.length > 1, S = R || A;
+  if (re(() => {
+    if (D <= 0) return;
+    const a = setTimeout(() => G((o) => o - 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) => {
+    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);
+      return;
+    }
+    try {
+      U(!0), g(void 0), await (N == null ? void 0 : N(C));
+    } catch (ee) {
+      g(se(ee, "登录失败，请稍后重试"));
+    } finally {
+      U(!1);
+    }
+  }, me = async () => {
+    const a = x(r);
+    if (a) {
+      g(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, "发送验证码失败，请稍后重试"));
+    } finally {
+      E(!1);
+    }
+  }, ue = async (a) => {
+    a.preventDefault();
+    const o = new FormData(a.currentTarget), C = String(o.get("code") || "").trim(), Q = x(r);
+    if (Q) {
+      g(Q);
+      return;
+    }
+    if (!C) {
+      g("请输入验证码");
+      return;
+    }
+    try {
+      H(!0), g(void 0), await ($ == null ? void 0 : $({ phone: r, code: C, smsId: Y, smsType: _ }));
+    } catch (ee) {
+      g(se(ee, "验证码错误或已过期"));
+    } finally {
+      H(!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,
+    {
+      type: "button",
+      variant: "outline",
+      className: "h-10 w-full",
+      disabled: a.disabled,
+      onClick: a.onClick,
+      children: [
+        a.icon && /* @__PURE__ */ e.jsx("span", { className: "mr-2 inline-flex h-4 w-4 items-center justify-center", children: a.icon }),
+        a.label
+      ]
+    },
+    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: [
+    /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ e.jsx(B, { 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,
+          {
+            id: "auth-username",
+            name: "username",
+            className: "bg-background/80 pl-9 backdrop-blur",
+            placeholder: "请输入用户名",
+            autoComplete: "username",
+            required: !0
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ e.jsx(B, { 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,
+          {
+            id: "auth-password",
+            name: "password",
+            className: "bg-background/80 pl-9 backdrop-blur",
+            type: "password",
+            placeholder: "请输入密码",
+            autoComplete: "current-password",
+            required: !0
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      M,
+      {
+        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" }),
+          "登录中..."
+        ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          "登录",
+          /* @__PURE__ */ e.jsx(te, { className: "ml-2 h-4 w-4" })
+        ] })
+      }
+    )
+  ] }) }), ne = () => /* @__PURE__ */ e.jsx("form", { className: "flex flex-col", onSubmit: ue, 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.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,
+            {
+              id: "auth-phone",
+              name: "phone",
+              className: "bg-background/80 pl-9 backdrop-blur",
+              placeholder: "请输入手机号",
+              value: je(r),
+              onChange: (a) => X(ge(a.target.value)),
+              required: !0,
+              maxLength: 13,
+              inputMode: "numeric"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e.jsx(
+          M,
+          {
+            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}秒` : "发送验证码"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ e.jsx(B, { htmlFor: "auth-code", children: "验证码" }),
+      /* @__PURE__ */ e.jsx(
+        L,
+        {
+          id: "auth-code",
+          name: "code",
+          className: "bg-background/80 backdrop-blur",
+          placeholder: "请输入验证码",
+          inputMode: "numeric",
+          autoComplete: "one-time-code",
+          required: !0
+        }
+      )
+    ] }),
+    /* @__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,
+    {
+      value: q,
+      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.jsx(J, { value: "password", children: le() }),
+        /* @__PURE__ */ e.jsx(J, { value: "sms", children: ne() })
+      ]
+    }
+  ) : I[0] === "sms" ? ne() : le();
+  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",
+        j
+      ),
+      children: [
+        he(),
+        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 })
+      ]
+    }
+  );
+}
+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)}`;
+function ke({
+  components: s,
+  title: c = "创建账号",
+  description: p = "填写账号信息并完成手机号验证",
+  brandIcon: f,
+  requirePhoneVerification: d = !0,
+  requireTermsAccepted: m = !1,
+  termsLabel: A = "我已阅读并同意服务条款",
+  error: k,
+  extraActions: u,
+  footer: b,
+  socialProviders: j,
+  className: w,
+  smsCountdownSeconds: x = 60,
+  validatePhone: h = Ne,
+  validatePassword: N,
+  validateRegister: F,
+  onSendSmsCode: $,
+  onRegister: q
+}) {
+  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;
+  if (re(() => {
+    if (E <= 0) return;
+    const l = setTimeout(() => D((i) => i - 1), 1e3);
+    return () => clearTimeout(l);
+  }, [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);
+      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, "发送验证码失败，请稍后重试"));
+    } finally {
+      O(!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") || ""),
+      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);
+      return;
+    }
+    try {
+      V(!0), T(void 0), await (q == null ? void 0 : q(y));
+    } catch (P) {
+      T(ce(P, "注册失败，请稍后重试"));
+    } finally {
+      V(!1);
+    }
+  }, B = () => j != null && j.length ? /* @__PURE__ */ e.jsx("div", { className: "mb-6 grid gap-2", children: j.map((l) => /* @__PURE__ */ e.jsxs(
+    I,
+    {
+      type: "button",
+      variant: "outline",
+      className: "h-10 w-full",
+      disabled: l.disabled,
+      onClick: l.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
+      ]
+    },
+    l.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",
+        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 })
+        ] }),
+        B(),
+        /* @__PURE__ */ e.jsx("form", { className: "flex flex-col", onSubmit: L, 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",
+                  required: !0
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ e.jsx(S, { htmlFor: "auth-register-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(
+                z,
+                {
+                  id: "auth-register-password",
+                  name: "password",
+                  className: "bg-background/80 pl-9 backdrop-blur",
+                  type: "password",
+                  placeholder: "请输入密码",
+                  autoComplete: "new-password",
+                  required: !0
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ e.jsx(S, { htmlFor: "auth-register-confirm-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(
+                z,
+                {
+                  id: "auth-register-confirm-password",
+                  name: "confirmPassword",
+                  className: "bg-background/80 pl-9 backdrop-blur",
+                  type: "password",
+                  placeholder: "请再次输入密码",
+                  autoComplete: "new-password",
+                  required: !0
+                }
+              )
+            ] })
+          ] }),
+          d && /* @__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)),
+                      required: !0,
+                      maxLength: 13,
+                      inputMode: "numeric"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ e.jsx(
+                  I,
+                  {
+                    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}秒` : "发送验证码"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__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",
+                  className: "bg-background/80 backdrop-blur",
+                  placeholder: "请输入验证码",
+                  inputMode: "numeric",
+                  autoComplete: "one-time-code",
+                  required: !0
+                }
+              )
+            ] })
+          ] }),
+          m && /* @__PURE__ */ e.jsxs("label", { className: "flex items-start gap-2 text-sm text-muted-foreground", children: [
+            /* @__PURE__ */ e.jsx(
+              "input",
+              {
+                type: "checkbox",
+                className: "mt-0.5 h-4 w-4 rounded border-input",
+                checked: K,
+                onChange: (l) => R(l.target.checked)
+              }
+            ),
+            /* @__PURE__ */ e.jsx("span", { children: A })
+          ] }),
+          /* @__PURE__ */ e.jsx(
+            I,
+            {
+              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" }),
+                "注册中..."
+              ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                "创建账号",
+                /* @__PURE__ */ e.jsx(te, { className: "ml-2 h-4 w-4" })
+              ] })
+            }
+          )
+        ] }) }),
+        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 })
+      ]
+    }
+  );
+}
+function Ee({
+  children: s,
+  visual: c,
+  overlay: p,
+  className: f,
+  contentClassName: d,
+  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 }),
+    p ?? /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 z-10 bg-black/35" }),
+    /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: v(
+          "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
+        ),
+        children: /* @__PURE__ */ e.jsx("div", { className: v("w-full min-w-0 max-w-[420px]", m), children: s })
+      }
+    )
+  ] }) });
+}
+function De({
+  items: s,
+  intervalMs: c = 5e3,
+  showIndicators: p = !0,
+  showText: f = !0,
+  className: d,
+  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);
+  re(() => {
+    if (!x || j || c <= 0 || s.length < 2) return;
+    const t = setTimeout(() => {
+      b((r) => (r + 1) % s.length);
+    }, c);
+    return () => clearTimeout(t);
+  }, [x, c, j, s.length, u]);
+  const q = (t) => {
+    t.key === "ArrowLeft" && (t.preventDefault(), $()), t.key === "ArrowRight" && (t.preventDefault(), F());
+  };
+  return x ? /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: v(
+        "relative h-full min-h-[360px] w-full overflow-hidden bg-slate-950 outline-none",
+        d
+      ),
+      tabIndex: 0,
+      "aria-label": k,
+      role: "region",
+      onKeyDown: q,
+      onMouseEnter: () => w(!0),
+      onMouseLeave: () => w(!1),
+      onFocus: () => w(!0),
+      onBlur: () => w(!1),
+      children: [
+        s.map((t, r) => /* @__PURE__ */ e.jsx(
+          "img",
+          {
+            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",
+              m
+            ),
+            "aria-hidden": r !== u
+          },
+          `${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(
+          "div",
+          {
+            className: v(
+              "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: [
+                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.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"
+                  ),
+                  "aria-label": `切换到第 ${r + 1} 张轮播图`,
+                  "aria-current": r === u,
+                  onClick: () => N(r)
+                },
+                `${t.image}-indicator-${r}`
+              )) })
+            ]
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: v(
+        "relative h-full min-h-[360px] w-full overflow-hidden bg-slate-950",
+        d
+      ),
+      "aria-label": k,
+      role: "region"
+    }
+  );
+}
+function Ie({
+  components: s,
+  mode: c,
+  defaultMode: p = "login",
+  onModeChange: f,
+  loginProps: d,
+  registerProps: m,
+  loginLabel: A = "已有账号？登录",
+  registerLabel: k = "没有账号？注册"
+}) {
+  const [u, b] = n(p), j = c ?? u, w = (x) => {
+    c || b(x), f == null || f(x);
+  };
+  return j === "register" ? /* @__PURE__ */ e.jsx(
+    ke,
+    {
+      ...m,
+      components: s,
+      footer: (m == null ? void 0 : m.footer) ?? /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          type: "button",
+          className: "text-primary underline-offset-4 hover:underline",
+          onClick: () => w("login"),
+          children: A
+        }
+      )
+    }
+  ) : /* @__PURE__ */ e.jsx(
+    we,
+    {
+      ...d,
+      components: s,
+      footer: (d == null ? void 0 : d.footer) ?? /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          type: "button",
+          className: "text-primary underline-offset-4 hover:underline",
+          onClick: () => w("register"),
+          children: k
+        }
+      )
+    }
+  );
+}
+export {
+  we as A,
+  Ee as a,
+  Ie as b,
+  ke as c,
+  De as d
+};
+//# sourceMappingURL=AuthPanel-D2HFX8eN.js.map