@hex-core/components 1.8.1 → 1.9.0

package/dist/_tsup-dts-rollup.d.ts

@@ -401,6 +401,275 @@ export { AudioWaveformProps as AudioWaveformProps_alias_1 }
 
 export declare const audioWaveformSchema: ComponentSchemaDefinition;
 
+declare interface AuthAdapter {
+    signInWithPassword?(p: {
+        email: string;
+        password: string;
+        remember: boolean;
+    }): Promise<AuthAdapterResult>;
+    signUpWithPassword?(p: {
+        email: string;
+        password: string;
+        name?: string;
+    }): Promise<AuthAdapterResult>;
+    signInWithSocial?(p: {
+        provider: AuthSocialProvider;
+    }): Promise<AuthAdapterResult>;
+    sendMagicLink?(p: {
+        email: string;
+    }): Promise<AuthAdapterResult>;
+    verifyOtp?(p: {
+        code: string;
+        intent: AuthOtpIntent;
+    }): Promise<AuthAdapterResult>;
+    requestPasswordReset?(p: {
+        email: string;
+    }): Promise<AuthAdapterResult>;
+    resetPassword?(p: {
+        token: string;
+        password: string;
+    }): Promise<AuthAdapterResult>;
+    registerPasskey?(): Promise<AuthAdapterResult>;
+    signInWithPasskey?(): Promise<AuthAdapterResult>;
+    /**
+     * Re-send a magic link to the same address. Distinct from {@link sendMagicLink}
+     * so consumers can throttle resends and surface different analytics / error
+     * copy for the second-and-onward attempt. Used by the verify-email block.
+     */
+    resendMagicLink?(p: {
+        email: string;
+    }): Promise<AuthAdapterResult>;
+    /**
+     * Re-send a one-time code for the given intent. Distinct from the initial
+     * code dispatch so consumers can throttle and log resends separately. Used
+     * by the verify-otp block.
+     */
+    resendOtp?(p: {
+        intent: AuthOtpIntent;
+    }): Promise<AuthAdapterResult>;
+}
+export { AuthAdapter }
+export { AuthAdapter as AuthAdapter_alias_1 }
+export { AuthAdapter as AuthAdapter_alias_2 }
+
+/**
+ * The contract every Hex Core auth block consumes via its `adapter` prop.
+ *
+ * Hex Core does not ship session management — auth blocks are presentation-
+ * only and delegate every credential, OTP, and OAuth handoff to whatever
+ * the consumer wires up (better-auth, Clerk, NextAuth, Supabase Auth, a
+ * custom server, …). The adapter is the single seam.
+ *
+ * Every method is **optional**. A block that needs `signInWithPassword` but
+ * not passkeys passes an adapter implementing only the methods it needs;
+ * the block surfaces a runtime error if the user hits a code path the
+ * adapter doesn't implement, rather than failing to render. This lets a
+ * consumer ship password-only on day one and add passkeys later without
+ * forking the block source.
+ *
+ * A reference {@link mockAuthAdapter} lives below — used by the docs
+ * showcase routes and unit tests; never ship it in production.
+ */
+declare interface AuthAdapterResult {
+    ok: boolean;
+    error?: {
+        code: string;
+        message: string;
+    };
+    redirect?: string;
+}
+export { AuthAdapterResult }
+export { AuthAdapterResult as AuthAdapterResult_alias_1 }
+export { AuthAdapterResult as AuthAdapterResult_alias_2 }
+
+/**
+ * "Forgot password" page. Single email field; on success swaps to a
+ * confirmation state composed from `Empty` ("we sent you a link") plus a
+ * "back to sign in" affordance. Routes the dispatch through
+ * `adapter.requestPasswordReset`.
+ */
+declare function AuthForgotPassword({ adapter, signInHref, className, onSuccess, }: AuthForgotPasswordProps): JSX.Element;
+export { AuthForgotPassword }
+export { AuthForgotPassword as AuthForgotPassword_alias_1 }
+export { AuthForgotPassword as AuthForgotPassword_alias_2 }
+
+declare interface AuthForgotPasswordProps {
+    adapter: AuthAdapter;
+    signInHref?: string;
+    className?: string;
+    onSuccess?: () => void;
+}
+export { AuthForgotPasswordProps }
+export { AuthForgotPasswordProps as AuthForgotPasswordProps_alias_1 }
+export { AuthForgotPasswordProps as AuthForgotPasswordProps_alias_2 }
+
+export declare const authForgotPasswordSchema: ComponentSchemaDefinition;
+
+declare type AuthOtpIntent = "sign-in" | "verify-email" | "mfa";
+export { AuthOtpIntent }
+export { AuthOtpIntent as AuthOtpIntent_alias_1 }
+export { AuthOtpIntent as AuthOtpIntent_alias_2 }
+
+/**
+ * "Reset password" page. Two fields (new password + confirm) with manual
+ * confirm-match and minLength validation. The opaque `token` is forwarded
+ * verbatim to `adapter.resetPassword`. Routes the consumer-supplied adapter
+ * is responsible for binding the token to a user account on the backend.
+ */
+declare function AuthResetPassword({ adapter, token, signInHref, passwordMinLength, className, onSuccess, }: AuthResetPasswordProps): JSX.Element;
+export { AuthResetPassword }
+export { AuthResetPassword as AuthResetPassword_alias_1 }
+export { AuthResetPassword as AuthResetPassword_alias_2 }
+
+declare interface AuthResetPasswordProps {
+    adapter: AuthAdapter;
+    /** Reset token, typically read from `?token=…` by the showcase / consumer route. */
+    token: string;
+    signInHref?: string;
+    passwordMinLength?: number;
+    className?: string;
+    onSuccess?: (redirect: string | undefined) => void;
+}
+export { AuthResetPasswordProps }
+export { AuthResetPasswordProps as AuthResetPasswordProps_alias_1 }
+export { AuthResetPasswordProps as AuthResetPasswordProps_alias_2 }
+
+export declare const authResetPasswordSchema: ComponentSchemaDefinition;
+
+declare interface AuthSignInSocialProvider {
+    provider: AuthSocialProvider;
+    label: string;
+    icon?: React_2.ReactNode;
+}
+export { AuthSignInSocialProvider }
+export { AuthSignInSocialProvider as AuthSignInSocialProvider_alias_1 }
+export { AuthSignInSocialProvider as AuthSignInSocialProvider_alias_2 }
+
+/**
+ * Split-screen sign-in page. Marketing panel on the left (≥lg), credential
+ * form on the right. All submit paths route through the supplied
+ * `AuthAdapter` — Hex Core never touches credentials directly.
+ */
+declare function AuthSignInSplit({ adapter, socialProviders, brand, marketing, signUpHref, forgotPasswordHref, className, onSuccess, }: AuthSignInSplitProps): JSX.Element;
+export { AuthSignInSplit }
+export { AuthSignInSplit as AuthSignInSplit_alias_1 }
+export { AuthSignInSplit as AuthSignInSplit_alias_2 }
+
+declare interface AuthSignInSplitProps {
+    /** Wires every credential / OAuth call to the consumer's auth library. */
+    adapter: AuthAdapter;
+    /** Optional list of social-login buttons rendered above the email field. */
+    socialProviders?: ReadonlyArray<AuthSignInSocialProvider>;
+    /** Brand block (logo + product name) shown at the top of the marketing panel. */
+    brand?: React_2.ReactNode;
+    /** Marketing copy / quote / illustration shown below the brand block. */
+    marketing?: React_2.ReactNode;
+    /** Href for the "Sign up" link rendered below the form. */
+    signUpHref?: string;
+    /** Href for the "Forgot?" link inline with the password label. */
+    forgotPasswordHref?: string;
+    /** Additional classes applied to the root grid wrapper. */
+    className?: string;
+    /** Called after a successful sign-in (any flow) with the adapter's redirect target. */
+    onSuccess?: (redirect: string | undefined) => void;
+}
+export { AuthSignInSplitProps }
+export { AuthSignInSplitProps as AuthSignInSplitProps_alias_1 }
+export { AuthSignInSplitProps as AuthSignInSplitProps_alias_2 }
+
+export declare const authSignInSplitSchema: ComponentSchemaDefinition;
+
+/** Centered-card sign-up page. Composes Card + form fields + optional social. */
+declare function AuthSignUpCard({ adapter, socialProviders, signInHref, termsHref, privacyHref, passwordMinLength, className, onSuccess, }: AuthSignUpCardProps): JSX.Element;
+export { AuthSignUpCard }
+export { AuthSignUpCard as AuthSignUpCard_alias_1 }
+export { AuthSignUpCard as AuthSignUpCard_alias_2 }
+
+declare interface AuthSignUpCardProps {
+    adapter: AuthAdapter;
+    socialProviders?: ReadonlyArray<AuthSignUpCardSocialProvider>;
+    signInHref?: string;
+    termsHref?: string;
+    privacyHref?: string;
+    passwordMinLength?: number;
+    className?: string;
+    onSuccess?: (redirect: string | undefined) => void;
+}
+export { AuthSignUpCardProps }
+export { AuthSignUpCardProps as AuthSignUpCardProps_alias_1 }
+export { AuthSignUpCardProps as AuthSignUpCardProps_alias_2 }
+
+export declare const authSignUpCardSchema: ComponentSchemaDefinition;
+
+declare interface AuthSignUpCardSocialProvider {
+    provider: AuthSocialProvider;
+    label: string;
+    icon?: React_2.ReactNode;
+}
+export { AuthSignUpCardSocialProvider }
+export { AuthSignUpCardSocialProvider as AuthSignUpCardSocialProvider_alias_1 }
+export { AuthSignUpCardSocialProvider as AuthSignUpCardSocialProvider_alias_2 }
+
+declare type AuthSocialProvider = "github" | "google" | "microsoft" | (string & {});
+export { AuthSocialProvider }
+export { AuthSocialProvider as AuthSocialProvider_alias_1 }
+export { AuthSocialProvider as AuthSocialProvider_alias_2 }
+
+/**
+ * Transactional "verify your email" page. Mostly visual — composes the
+ * `Empty` primitive with a mail icon plus an optional resend button. The
+ * resend button is hidden when `adapter.resendMagicLink` is absent. Rate-
+ * limit pressure handled client-side via a cooldown timer.
+ */
+declare function AuthVerifyEmail({ adapter, email, resendCooldownSeconds, signInHref, className, }: AuthVerifyEmailProps): JSX.Element;
+export { AuthVerifyEmail }
+export { AuthVerifyEmail as AuthVerifyEmail_alias_1 }
+export { AuthVerifyEmail as AuthVerifyEmail_alias_2 }
+
+declare interface AuthVerifyEmailProps {
+    adapter: AuthAdapter;
+    /** Optional address shown in the description ("we sent a link to <email>"). */
+    email?: string;
+    /** Seconds to disable the resend button after each successful resend. */
+    resendCooldownSeconds?: number;
+    /** Href for the "Back to sign in" affordance. */
+    signInHref?: string;
+    className?: string;
+}
+export { AuthVerifyEmailProps }
+export { AuthVerifyEmailProps as AuthVerifyEmailProps_alias_1 }
+export { AuthVerifyEmailProps as AuthVerifyEmailProps_alias_2 }
+
+export declare const authVerifyEmailSchema: ComponentSchemaDefinition;
+
+/**
+ * One-time-code verification page. Renders an `InputOTP` of `length` slots
+ * and submits automatically when the code is full. Routes verification
+ * through `adapter.verifyOtp({ code, intent })`. Optional resend button
+ * calls `adapter.resendOtp({ intent })` when implemented.
+ */
+declare function AuthVerifyOtp({ adapter, intent, length, resendCooldownSeconds, className, onSuccess, }: AuthVerifyOtpProps): JSX.Element;
+export { AuthVerifyOtp }
+export { AuthVerifyOtp as AuthVerifyOtp_alias_1 }
+export { AuthVerifyOtp as AuthVerifyOtp_alias_2 }
+
+declare interface AuthVerifyOtpProps {
+    adapter: AuthAdapter;
+    /** Forwarded verbatim to adapter.verifyOtp({ code, intent }). */
+    intent: AuthOtpIntent;
+    /** Total number of digits in the code. Defaults to 6. */
+    length?: number;
+    /** Seconds the resend button stays disabled after each successful resend. */
+    resendCooldownSeconds?: number;
+    className?: string;
+    onSuccess?: (redirect: string | undefined) => void;
+}
+export { AuthVerifyOtpProps }
+export { AuthVerifyOtpProps as AuthVerifyOtpProps_alias_1 }
+export { AuthVerifyOtpProps as AuthVerifyOtpProps_alias_2 }
+
+export declare const authVerifyOtpSchema: ComponentSchemaDefinition;
+
 /** Root container for an avatar (image + fallback). */
 declare const Avatar: React_2.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React_2.RefAttributes<HTMLSpanElement>, "ref"> & React_2.RefAttributes<HTMLSpanElement>>;
 export { Avatar }
@@ -3059,6 +3328,17 @@ declare const mindMapSchema: ComponentSchemaDefinition;
 export { mindMapSchema }
 export { mindMapSchema as mindMapSchema_alias_1 }
 
+/**
+ * In-memory mock adapter for docs showcase + tests. Every method delays
+ * 400ms to simulate a network round-trip and resolves `{ ok: true }`. Do
+ * not use in production — there is no validation, no persistence, and no
+ * security.
+ */
+declare const mockAuthAdapter: Required<AuthAdapter>;
+export { mockAuthAdapter }
+export { mockAuthAdapter as mockAuthAdapter_alias_1 }
+export { mockAuthAdapter as mockAuthAdapter_alias_2 }
+
 /**
  * Searchable multi-select input built on Command + Popover.
  *

package/dist/auth-forgot-password.d.ts

@@ -0,0 +1,2 @@
+export { AuthForgotPassword_alias_2 as AuthForgotPassword } from './_tsup-dts-rollup.js';
+export { AuthForgotPasswordProps_alias_2 as AuthForgotPasswordProps } from './_tsup-dts-rollup.js';

package/dist/auth-forgot-password.js

@@ -0,0 +1,400 @@
+"use client";
+import * as React6 from 'react';
+import { cva } from 'class-variance-authority';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Slot } from '@radix-ui/react-slot';
+import * as LabelPrimitive from '@radix-ui/react-label';
+
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var alertVariants = cva(
+  [
+    "relative w-full rounded-lg border px-[var(--space-4,1rem)] py-[var(--space-3,0.75rem)] text-sm",
+    "transition-all duration-[var(--duration-normal,200ms)] ease-out",
+    "[&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:h-4 [&>svg]:w-4 [&>svg]:text-foreground",
+    "[&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px]"
+  ].join(" "),
+  {
+    variants: {
+      variant: {
+        default: "border-foreground/[0.08] bg-background text-foreground",
+        destructive: "border-destructive/50 text-destructive [&>svg]:text-destructive bg-destructive/5"
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+);
+var Alert = React6.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    role: "alert",
+    className: cn(alertVariants({ variant }), className),
+    ...props
+  }
+));
+Alert.displayName = "Alert";
+var AlertTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "h5",
+  {
+    ref,
+    className: cn("mb-[var(--space-1,0.25rem)] font-medium leading-none tracking-tight", className),
+    ...props
+  }
+));
+AlertTitle.displayName = "AlertTitle";
+var AlertDescription = React6.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props })
+);
+AlertDescription.displayName = "AlertDescription";
+var emptyVariants = cva(
+  [
+    "flex flex-col items-center justify-center text-center",
+    "rounded-md border border-dashed border-border bg-muted/30"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "gap-[var(--space-2,0.5rem)] px-[var(--space-4,1rem)] py-[var(--space-6,1.5rem)] text-sm",
+        default: "gap-[var(--space-3,0.75rem)] px-[var(--space-6,1.5rem)] py-[var(--space-8,2rem)]",
+        lg: "gap-[var(--space-4,1rem)] px-[var(--space-8,2rem)] py-[var(--space-12,3rem)]"
+      }
+    },
+    defaultVariants: { size: "default" }
+  }
+);
+var emptyIconWrapperVariants = cva(
+  "flex shrink-0 items-center justify-center rounded-full bg-muted text-muted-foreground [&_svg]:size-5",
+  {
+    variants: {
+      size: {
+        sm: "h-9 w-9",
+        default: "h-12 w-12 [&_svg]:size-6",
+        lg: "h-16 w-16 [&_svg]:size-7"
+      }
+    },
+    defaultVariants: { size: "default" }
+  }
+);
+var emptyTitleVariants = cva("font-semibold text-foreground", {
+  variants: {
+    size: {
+      sm: "text-sm",
+      default: "text-base",
+      lg: "text-lg"
+    }
+  },
+  defaultVariants: { size: "default" }
+});
+var emptyDescriptionVariants = cva("max-w-md text-muted-foreground", {
+  variants: {
+    size: {
+      sm: "text-xs",
+      default: "text-sm",
+      lg: "text-base"
+    }
+  },
+  defaultVariants: { size: "default" }
+});
+function Empty({
+  className,
+  size,
+  icon,
+  title,
+  description,
+  action,
+  titleAs = "h3",
+  ref,
+  ...props
+}) {
+  const titleId = React6.useId();
+  const TitleComp = titleAs;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      role: "region",
+      "aria-labelledby": titleId,
+      className: cn(emptyVariants({ size }), className),
+      ...props,
+      children: [
+        icon ? /* @__PURE__ */ jsx("div", { className: emptyIconWrapperVariants({ size }), "aria-hidden": "true", children: icon }) : null,
+        /* @__PURE__ */ jsx(TitleComp, { id: titleId, className: emptyTitleVariants({ size }), children: title }),
+        description ? /* @__PURE__ */ jsx("div", { className: emptyDescriptionVariants({ size }), children: description }) : null,
+        action ? /* @__PURE__ */ jsx("div", { className: "mt-[var(--space-2,0.5rem)]", children: action }) : null
+      ]
+    }
+  );
+}
+var buttonVariants = cva(
+  [
+    "inline-flex items-center justify-center gap-[var(--gap-sm,0.5rem)] whitespace-nowrap rounded-md text-sm font-medium",
+    "transition-all duration-[var(--duration-normal,200ms)] ease-out",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "active:scale-[0.98]",
+    "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
+  ].join(" "),
+  {
+    variants: {
+      variant: {
+        default: [
+          "bg-primary text-primary-foreground",
+          "shadow-sm shadow-primary/20",
+          "hover:bg-primary/90 hover:shadow-md hover:shadow-primary/25"
+        ].join(" "),
+        destructive: [
+          "bg-destructive text-destructive-foreground",
+          "shadow-sm shadow-destructive/20",
+          "hover:bg-destructive/90 hover:shadow-md hover:shadow-destructive/25"
+        ].join(" "),
+        outline: [
+          "border border-input bg-background",
+          "shadow-sm inset-ring-1 inset-ring-foreground/[0.06]",
+          "hover:bg-accent hover:text-accent-foreground hover:shadow-md hover:inset-ring-foreground/12"
+        ].join(" "),
+        secondary: [
+          "bg-secondary text-secondary-foreground",
+          "shadow-sm inset-ring-1 inset-ring-foreground/[0.08]",
+          "hover:bg-secondary/80 hover:shadow-md hover:inset-ring-foreground/15"
+        ].join(" "),
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-[var(--control-height-md,2.5rem)] px-[var(--space-4,1rem)] py-[var(--space-2,0.5rem)]",
+        sm: "h-[var(--control-height-sm,2.25rem)] rounded-md px-[var(--space-3,0.75rem)]",
+        lg: "h-[var(--control-height-lg,2.75rem)] rounded-md px-[var(--space-8,2rem)] text-base",
+        icon: "h-[var(--control-height-md,2.5rem)] w-[var(--control-height-md,2.5rem)]"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React6.forwardRef(
+  ({ className, variant, size, asChild = false, loading = false, children, disabled, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        disabled: disabled || loading,
+        "aria-busy": loading || void 0,
+        ...props,
+        children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs(
+            "svg",
+            {
+              className: "animate-spin h-4 w-4",
+              xmlns: "http://www.w3.org/2000/svg",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              "aria-hidden": "true",
+              children: [
+                /* @__PURE__ */ jsx(
+                  "circle",
+                  {
+                    className: "opacity-25",
+                    cx: "12",
+                    cy: "12",
+                    r: "10",
+                    stroke: "currentColor",
+                    strokeWidth: "4"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    className: "opacity-75",
+                    fill: "currentColor",
+                    d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+                  }
+                )
+              ]
+            }
+          ),
+          children
+        ] }) : children
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+var Input = React6.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        type,
+        className: cn(
+          "flex h-[var(--control-height-md,2.5rem)] w-full rounded-md border border-input bg-background px-[var(--space-3,0.75rem)] py-[var(--space-2,0.5rem)] text-sm",
+          "transition-all duration-[var(--duration-normal,200ms)] ease-out",
+          // inset-ring gives a self-borne edge so the input field is visible on flat
+          // surfaces (token border alone is too low-contrast on bg-background=white).
+          "shadow-sm inset-ring-1 inset-ring-foreground/[0.06]",
+          "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground",
+          "placeholder:text-muted-foreground",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+          "focus-visible:shadow-md focus-visible:border-ring/50",
+          "hover:border-ring/30 hover:shadow-md",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+var labelVariants = cva(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+var Label = React6.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props })
+);
+Label.displayName = "Label";
+var EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+var MailIcon = () => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ jsx("rect", { width: 20, height: 16, x: 2, y: 4, rx: 2 }),
+      /* @__PURE__ */ jsx("path", { d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" })
+    ]
+  }
+);
+function AuthForgotPassword({
+  adapter,
+  signInHref = "/sign-in",
+  className,
+  onSuccess
+}) {
+  const [email, setEmail] = React6.useState("");
+  const [submitting, setSubmitting] = React6.useState(false);
+  const [error, setError] = React6.useState(null);
+  const [submittedEmail, setSubmittedEmail] = React6.useState(null);
+  async function handleSubmit(e) {
+    e.preventDefault();
+    if (!EMAIL_REGEX.test(email)) {
+      setError({ code: "invalid_email", message: "Enter a valid email address." });
+      return;
+    }
+    if (!adapter.requestPasswordReset) {
+      console.warn(
+        "[AuthForgotPassword] adapter.requestPasswordReset is not implemented \u2014 wire it up before exposing the form."
+      );
+      setError({
+        code: "unimplemented",
+        message: "Password reset is currently unavailable. Please try again later."
+      });
+      return;
+    }
+    setError(null);
+    setSubmitting(true);
+    try {
+      const result = await adapter.requestPasswordReset({ email });
+      if (!result.ok) {
+        setError(result.error ?? { code: "unknown", message: "Couldn't send reset link." });
+        return;
+      }
+      setSubmittedEmail(email);
+      onSuccess?.();
+    } finally {
+      setSubmitting(false);
+    }
+  }
+  if (submittedEmail) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "flex min-h-svh items-center justify-center p-6 sm:p-10",
+          className
+        ),
+        children: /* @__PURE__ */ jsx("div", { className: "w-full max-w-sm", children: /* @__PURE__ */ jsx(
+          Empty,
+          {
+            icon: /* @__PURE__ */ jsx(MailIcon, {}),
+            title: "Check your inbox",
+            description: /* @__PURE__ */ jsxs(Fragment, { children: [
+              "We sent a password-reset link to",
+              " ",
+              /* @__PURE__ */ jsx("strong", { className: "text-foreground", children: submittedEmail }),
+              ". The link expires in 60 minutes."
+            ] }),
+            action: /* @__PURE__ */ jsx(Button, { variant: "outline", asChild: true, children: /* @__PURE__ */ jsx("a", { href: signInHref, children: "Back to sign in" }) })
+          }
+        ) })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("div", { className: cn("flex min-h-svh items-center justify-center p-6 sm:p-10", className), children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-sm space-y-6", children: [
+    /* @__PURE__ */ jsxs("header", { className: "space-y-2 text-center", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold tracking-tight", children: "Reset your password" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Enter your email and we\u2019ll send you a link to set a new password." })
+    ] }),
+    error ? /* @__PURE__ */ jsxs(Alert, { variant: "destructive", children: [
+      /* @__PURE__ */ jsx(AlertTitle, { children: "Couldn\u2019t send reset link" }),
+      /* @__PURE__ */ jsx(AlertDescription, { children: error.message })
+    ] }) : null,
+    /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", noValidate: true, children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "auth-forgot-email", children: "Email" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "auth-forgot-email",
+            type: "email",
+            autoComplete: "email",
+            required: true,
+            value: email,
+            onChange: (e) => setEmail(e.target.value),
+            disabled: submitting
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "submit",
+          className: "w-full",
+          disabled: submitting,
+          loading: submitting,
+          children: submitting ? "Sending link" : "Send reset link"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("p", { className: "text-center text-sm text-muted-foreground", children: [
+      "Remembered your password?",
+      " ",
+      /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: signInHref,
+          className: "font-medium text-foreground underline-offset-4 hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded",
+          children: "Sign in"
+        }
+      )
+    ] })
+  ] }) });
+}
+
+export { AuthForgotPassword };
+//# sourceMappingURL=auth-forgot-password.js.map
+//# sourceMappingURL=auth-forgot-password.js.map