@dravyn/auth-ui 0.1.1

package/dist/chunk-Z2ICX4UY.mjs

@@ -0,0 +1,132 @@
+// src/screens/LoginScreen.tsx
+import React from "react";
+import { Button } from "@dravyn/ui";
+import { Input } from "@dravyn/ui";
+import { Alert } from "@dravyn/ui";
+var LoginScreen = ({
+  redirectTo = "/dashboard",
+  showRegisterLink = true,
+  onSuccess,
+  logo,
+  brandName = "Dravyn",
+  apiBase = process.env.NEXT_PUBLIC_AUTH_API_URL ?? "http://localhost:3001"
+}) => {
+  const [email, setEmail] = React.useState("");
+  const [password, setPassword] = React.useState("");
+  const [showPass, setShowPass] = React.useState(false);
+  const [loading, setLoading] = React.useState(false);
+  const [error, setError] = React.useState("");
+  const emailRef = React.useRef(null);
+  React.useEffect(() => {
+    emailRef.current?.focus();
+  }, []);
+  const validate = () => {
+    if (!email.trim()) return "Email address is required.";
+    if (!/\S+@\S+\.\S+/.test(email)) return "Enter a valid email address.";
+    if (!password) return "Password is required.";
+    if (password.length < 6) return "Password must be at least 6 characters.";
+    return null;
+  };
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    const err = validate();
+    if (err) {
+      setError(err);
+      return;
+    }
+    setLoading(true);
+    setError("");
+    try {
+      const res = await fetch(`${apiBase}/auth/login`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ email: email.trim().toLowerCase(), password })
+      });
+      const data = await res.json();
+      if (!res.ok) {
+        setError(data.message ?? "Invalid email or password.");
+        return;
+      }
+      localStorage.setItem("dravyn_token", data.accessToken);
+      localStorage.setItem("dravyn_user", JSON.stringify(data.user));
+      if (onSuccess) {
+        onSuccess(data.accessToken, data.user);
+      } else {
+        window.location.href = redirectTo;
+      }
+    } catch {
+      setError("Unable to connect. Please check your internet connection.");
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleGoogle = async () => {
+    window.location.href = `${apiBase}/auth/google`;
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: "dauth-root" }, /* @__PURE__ */ React.createElement("div", { className: "dauth-card" }, /* @__PURE__ */ React.createElement("div", { className: "dauth-brand" }, logo ?? /* @__PURE__ */ React.createElement("div", { className: "dauth-logo-default" }, /* @__PURE__ */ React.createElement("span", { className: "dauth-logo-dot" }), brandName)), /* @__PURE__ */ React.createElement("h1", { className: "dauth-title" }, "Welcome back"), /* @__PURE__ */ React.createElement("p", { className: "dauth-sub" }, "Sign in to your ", brandName, " account"), error && /* @__PURE__ */ React.createElement("div", { style: { marginBottom: 16 } }, /* @__PURE__ */ React.createElement(Alert, { variant: "danger" }, error)), /* @__PURE__ */ React.createElement("form", { onSubmit: handleSubmit, noValidate: true }, /* @__PURE__ */ React.createElement("div", { className: "dauth-fields" }, /* @__PURE__ */ React.createElement(
+    Input,
+    {
+      ref: emailRef,
+      label: "Email address",
+      type: "email",
+      placeholder: "you@example.com",
+      value: email,
+      onChange: (e) => setEmail(e.target.value),
+      leftIcon: /* @__PURE__ */ React.createElement(EmailIcon, null),
+      autoComplete: "email",
+      required: true
+    }
+  ), /* @__PURE__ */ React.createElement("div", { className: "dauth-password-wrap" }, /* @__PURE__ */ React.createElement(
+    Input,
+    {
+      label: "Password",
+      type: showPass ? "text" : "password",
+      placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
+      value: password,
+      onChange: (e) => setPassword(e.target.value),
+      leftIcon: /* @__PURE__ */ React.createElement(LockIcon, null),
+      rightIcon: /* @__PURE__ */ React.createElement(
+        "button",
+        {
+          type: "button",
+          className: "dauth-eye",
+          onClick: () => setShowPass((v) => !v),
+          "aria-label": showPass ? "Hide password" : "Show password"
+        },
+        showPass ? /* @__PURE__ */ React.createElement(EyeOffIcon, null) : /* @__PURE__ */ React.createElement(EyeIcon, null)
+      ),
+      autoComplete: "current-password",
+      required: true
+    }
+  ), /* @__PURE__ */ React.createElement("a", { href: "/auth/forgot-password", className: "dauth-forgot" }, "Forgot password?"))), /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      type: "submit",
+      variant: "primary",
+      fullWidth: true,
+      loading,
+      style: { marginTop: 8 }
+    },
+    "Sign in"
+  )), /* @__PURE__ */ React.createElement("div", { className: "dauth-divider" }, /* @__PURE__ */ React.createElement("span", null, "or continue with")), /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      type: "button",
+      className: "dauth-google-btn",
+      onClick: handleGoogle,
+      disabled: loading
+    },
+    /* @__PURE__ */ React.createElement(GoogleIcon, null),
+    "Continue with Google"
+  ), showRegisterLink && /* @__PURE__ */ React.createElement("p", { className: "dauth-footer-text" }, "Don't have an account?", " ", /* @__PURE__ */ React.createElement("a", { href: "/auth/register", className: "dauth-link" }, "Create one"))));
+};
+var EmailIcon = () => /* @__PURE__ */ React.createElement("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("rect", { width: "20", height: "16", x: "2", y: "4", rx: "2" }), /* @__PURE__ */ React.createElement("path", { d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" }));
+var LockIcon = () => /* @__PURE__ */ React.createElement("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }), /* @__PURE__ */ React.createElement("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" }));
+var EyeIcon = () => /* @__PURE__ */ React.createElement("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }), /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "3" }));
+var EyeOffIcon = () => /* @__PURE__ */ React.createElement("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React.createElement("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }), /* @__PURE__ */ React.createElement("path", { d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }), /* @__PURE__ */ React.createElement("path", { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }), /* @__PURE__ */ React.createElement("line", { x1: "2", x2: "22", y1: "2", y2: "22" }));
+var GoogleIcon = () => /* @__PURE__ */ React.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24" }, /* @__PURE__ */ React.createElement("path", { fill: "#4285F4", d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" }), /* @__PURE__ */ React.createElement("path", { fill: "#34A853", d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" }), /* @__PURE__ */ React.createElement("path", { fill: "#FBBC05", d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" }), /* @__PURE__ */ React.createElement("path", { fill: "#EA4335", d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" }));
+
+export {
+  LoginScreen
+};
+//# sourceMappingURL=chunk-Z2ICX4UY.mjs.map

package/dist/chunk-Z2ICX4UY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/screens/LoginScreen.tsx"],"sourcesContent":["/**\n * Dravyn Auth — LoginScreen\n * Drop this into any Next.js / React project.\n * Requires: @dravyn/ui (or dravyn-ui) and @dravyn/auth-js\n *\n * Usage (Next.js App Router):\n *   import { LoginScreen } from '@dravyn/auth-ui'\n *   export default function LoginPage() {\n *     return <LoginScreen redirectTo=\"/dashboard\" />\n *   }\n */\n\n'use client';\n\nimport React from 'react';\nimport { Button }  from '@dravyn/ui';\nimport { Input }   from '@dravyn/ui';\nimport { Alert }   from '@dravyn/ui';\nimport { Spinner } from '@dravyn/ui';\nimport './auth.css';\n\nexport interface LoginScreenProps {\n  /** Where to send the user after a successful login */\n  redirectTo?: string;\n  /** Show / hide the \"Create account\" link */\n  showRegisterLink?: boolean;\n  /** Called with the JWT on success — use this OR redirectTo */\n  onSuccess?: (token: string, user: AuthUser) => void;\n  /** Override the logo node */\n  logo?: React.ReactNode;\n  /** Your brand name shown in the UI */\n  brandName?: string;\n  /** API base URL — defaults to NEXT_PUBLIC_AUTH_API_URL env var */\n  apiBase?: string;\n}\n\ninterface AuthUser {\n  id: string;\n  email: string;\n  name: string;\n}\n\nexport const LoginScreen: React.FC<LoginScreenProps> = ({\n  redirectTo   = '/dashboard',\n  showRegisterLink = true,\n  onSuccess,\n  logo,\n  brandName = 'Dravyn',\n  apiBase   = process.env.NEXT_PUBLIC_AUTH_API_URL ?? 'http://localhost:3001',\n}) => {\n  const [email,     setEmail]     = React.useState('');\n  const [password,  setPassword]  = React.useState('');\n  const [showPass,  setShowPass]  = React.useState(false);\n  const [loading,   setLoading]   = React.useState(false);\n  const [error,     setError]     = React.useState('');\n\n  const emailRef = React.useRef<HTMLInputElement>(null);\n  React.useEffect(() => { emailRef.current?.focus(); }, []);\n\n  const validate = () => {\n    if (!email.trim())    return 'Email address is required.';\n    if (!/\\S+@\\S+\\.\\S+/.test(email)) return 'Enter a valid email address.';\n    if (!password)        return 'Password is required.';\n    if (password.length < 6) return 'Password must be at least 6 characters.';\n    return null;\n  };\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    const err = validate();\n    if (err) { setError(err); return; }\n\n    setLoading(true);\n    setError('');\n\n    try {\n      const res = await fetch(`${apiBase}/auth/login`, {\n        method:  'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body:    JSON.stringify({ email: email.trim().toLowerCase(), password }),\n      });\n\n      const data = await res.json();\n\n      if (!res.ok) {\n        setError(data.message ?? 'Invalid email or password.');\n        return;\n      }\n\n      // Store token\n      localStorage.setItem('dravyn_token', data.accessToken);\n      localStorage.setItem('dravyn_user',  JSON.stringify(data.user));\n\n      if (onSuccess) {\n        onSuccess(data.accessToken, data.user);\n      } else {\n        window.location.href = redirectTo;\n      }\n    } catch {\n      setError('Unable to connect. Please check your internet connection.');\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  const handleGoogle = async () => {\n    window.location.href = `${apiBase}/auth/google`;\n  };\n\n  return (\n    <div className=\"dauth-root\">\n      <div className=\"dauth-card\">\n\n        {/* Logo / brand */}\n        <div className=\"dauth-brand\">\n          {logo ?? (\n            <div className=\"dauth-logo-default\">\n              <span className=\"dauth-logo-dot\" />\n              {brandName}\n            </div>\n          )}\n        </div>\n\n        <h1 className=\"dauth-title\">Welcome back</h1>\n        <p className=\"dauth-sub\">Sign in to your {brandName} account</p>\n\n        {/* Error */}\n        {error && (\n          <div style={{ marginBottom: 16 }}>\n            <Alert variant=\"danger\">{error}</Alert>\n          </div>\n        )}\n\n        <form onSubmit={handleSubmit} noValidate>\n          <div className=\"dauth-fields\">\n            <Input\n              ref={emailRef}\n              label=\"Email address\"\n              type=\"email\"\n              placeholder=\"you@example.com\"\n              value={email}\n              onChange={e => setEmail(e.target.value)}\n              leftIcon={<EmailIcon />}\n              autoComplete=\"email\"\n              required\n            />\n\n            <div className=\"dauth-password-wrap\">\n              <Input\n                label=\"Password\"\n                type={showPass ? 'text' : 'password'}\n                placeholder=\"••••••••\"\n                value={password}\n                onChange={e => setPassword(e.target.value)}\n                leftIcon={<LockIcon />}\n                rightIcon={\n                  <button\n                    type=\"button\"\n                    className=\"dauth-eye\"\n                    onClick={() => setShowPass(v => !v)}\n                    aria-label={showPass ? 'Hide password' : 'Show password'}\n                  >\n                    {showPass ? <EyeOffIcon /> : <EyeIcon />}\n                  </button>\n                }\n                autoComplete=\"current-password\"\n                required\n              />\n              <a href=\"/auth/forgot-password\" className=\"dauth-forgot\">\n                Forgot password?\n              </a>\n            </div>\n          </div>\n\n          <Button\n            type=\"submit\"\n            variant=\"primary\"\n            fullWidth\n            loading={loading}\n            style={{ marginTop: 8 }}\n          >\n            Sign in\n          </Button>\n        </form>\n\n        {/* Divider */}\n        <div className=\"dauth-divider\">\n          <span>or continue with</span>\n        </div>\n\n        {/* Google OAuth */}\n        <button\n          type=\"button\"\n          className=\"dauth-google-btn\"\n          onClick={handleGoogle}\n          disabled={loading}\n        >\n          <GoogleIcon />\n          Continue with Google\n        </button>\n\n        {/* Register link */}\n        {showRegisterLink && (\n          <p className=\"dauth-footer-text\">\n            Don't have an account?{' '}\n            <a href=\"/auth/register\" className=\"dauth-link\">\n              Create one\n            </a>\n          </p>\n        )}\n      </div>\n    </div>\n  );\n};\n\n// ── Inline SVG icons (zero extra deps) ───────────────────────────────────────\nconst EmailIcon  = () => <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"><rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"/><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"/></svg>;\nconst LockIcon   = () => <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"><rect width=\"18\" height=\"11\" x=\"3\" y=\"11\" rx=\"2\" ry=\"2\"/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"/></svg>;\nconst EyeIcon    = () => <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"><path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"/><circle cx=\"12\" cy=\"12\" r=\"3\"/></svg>;\nconst EyeOffIcon = () => <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"><path d=\"M9.88 9.88a3 3 0 1 0 4.24 4.24\"/><path d=\"M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68\"/><path d=\"M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61\"/><line x1=\"2\" x2=\"22\" y1=\"2\" y2=\"22\"/></svg>;\nconst GoogleIcon = () => (\n  <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\">\n    <path fill=\"#4285F4\" d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\"/>\n    <path fill=\"#34A853\" d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\"/>\n    <path fill=\"#FBBC05\" d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\"/>\n    <path fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\"/>\n  </svg>\n);\n"],"mappings":"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","names":[]}

package/dist/index.css

@@ -0,0 +1,235 @@
+/* src/screens/auth.css */
+.dauth-root {
+  min-height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--dui-bg, #0d0d0d);
+  padding: 24px 16px;
+  font-family: var(--dui-font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
+}
+.dauth-card {
+  width: 100%;
+  max-width: 420px;
+  background: var(--dui-bg-raised, #161616);
+  border: 0.5px solid var(--dui-border-strong, rgba(255,255,255,0.16));
+  border-radius: 16px;
+  padding: 36px 32px 32px;
+  animation: dauth-in 220ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+@keyframes dauth-in {
+  from {
+    opacity: 0;
+    transform: translateY(10px) scale(0.98);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+.dauth-brand {
+  margin-bottom: 24px;
+}
+.dauth-logo-default {
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  font-size: 15px;
+  font-weight: 700;
+  color: var(--dui-text, #f0f0f0);
+  letter-spacing: -0.01em;
+}
+.dauth-logo-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--dui-teal-400, #4ecdc4);
+  flex-shrink: 0;
+}
+.dauth-title {
+  font-size: 22px;
+  font-weight: 700;
+  color: var(--dui-text, #f0f0f0);
+  letter-spacing: -0.02em;
+  line-height: 1.2;
+  margin: 0 0 6px;
+}
+.dauth-sub {
+  font-size: 13.5px;
+  color: var(--dui-text-muted, #888);
+  line-height: 1.55;
+  margin: 0 0 22px;
+}
+.dauth-fields {
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+  margin-bottom: 14px;
+}
+.dauth-row {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 10px;
+}
+.dauth-password-wrap {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.dauth-forgot {
+  font-size: 12px;
+  color: var(--dui-text-muted, #888);
+  text-decoration: none;
+  align-self: flex-end;
+  transition: color 0.15s;
+}
+.dauth-forgot:hover {
+  color: var(--dui-teal-400, #4ecdc4);
+}
+.dauth-eye {
+  background: none;
+  border: none;
+  cursor: pointer;
+  color: var(--dui-text-hint, #555);
+  display: inline-flex;
+  align-items: center;
+  padding: 0;
+  transition: color 0.15s;
+}
+.dauth-eye:hover {
+  color: var(--dui-text-muted, #888);
+}
+.dauth-divider {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin: 18px 0;
+  color: var(--dui-text-hint, #555);
+  font-size: 12px;
+}
+.dauth-divider::before,
+.dauth-divider::after {
+  content: "";
+  flex: 1;
+  height: 0.5px;
+  background: var(--dui-border, rgba(255,255,255,0.07));
+}
+.dauth-google-btn {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  background: transparent;
+  border: 0.5px solid var(--dui-border-strong, rgba(255,255,255,0.16));
+  border-radius: 8px;
+  padding: 10px 18px;
+  font-family: var(--dui-font-sans);
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--dui-text, #f0f0f0);
+  cursor: pointer;
+  transition: background 0.15s, border-color 0.15s;
+}
+.dauth-google-btn:hover:not(:disabled) {
+  background: var(--dui-bg-overlay, #1e1e1e);
+  border-color: rgba(255, 255, 255, 0.24);
+}
+.dauth-google-btn:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+.dauth-otp-icon {
+  font-size: 28px;
+  margin-bottom: 12px;
+  color: var(--dui-teal-400, #4ecdc4);
+}
+.dauth-otp-boxes {
+  display: flex;
+  gap: 8px;
+  justify-content: center;
+  margin: 20px 0 8px;
+}
+.dauth-otp-box {
+  width: 46px;
+  height: 54px;
+  background: var(--dui-bg, #0d0d0d);
+  border: 0.5px solid var(--dui-border-strong, rgba(255,255,255,0.16));
+  border-radius: 8px;
+  color: var(--dui-text, #f0f0f0);
+  font-size: 22px;
+  font-weight: 700;
+  font-family: var(--dui-font-sans);
+  text-align: center;
+  outline: none;
+  transition: border-color 0.15s, box-shadow 0.15s;
+  caret-color: var(--dui-teal-400, #4ecdc4);
+}
+.dauth-otp-box:focus {
+  border-color: var(--dui-teal-400, #4ecdc4);
+  box-shadow: 0 0 0 3px rgba(78, 205, 196, 0.12);
+}
+.dauth-otp-box--filled {
+  border-color: var(--dui-teal-400, #4ecdc4);
+  background: rgba(78, 205, 196, 0.04);
+}
+.dauth-resend {
+  text-align: center;
+  font-size: 13px;
+  color: var(--dui-text-muted, #888);
+  margin: 14px 0 4px;
+}
+.dauth-link {
+  color: var(--dui-teal-400, #4ecdc4);
+  text-decoration: none;
+  font-weight: 500;
+  background: none;
+  border: none;
+  cursor: pointer;
+  font-size: inherit;
+  font-family: inherit;
+  padding: 0;
+  transition: opacity 0.15s;
+}
+.dauth-link:hover {
+  opacity: 0.8;
+}
+.dauth-footer-text {
+  text-align: center;
+  font-size: 13px;
+  color: var(--dui-text-muted, #888);
+  margin-top: 18px;
+}
+.dauth-terms {
+  text-align: center;
+  font-size: 11.5px;
+  color: var(--dui-text-hint, #555);
+  margin-top: 12px;
+  line-height: 1.6;
+}
+:root {
+  --dauth-text: var(--dui-text, #f0f0f0);
+  --dauth-muted: var(--dui-text-muted, #888888);
+  --dauth-teal: var(--dui-teal-400, #4ecdc4);
+  --dauth-green: #22c55e;
+  --dauth-label: var(--dui-text-muted, #888888);
+}
+.dauth-label {
+  font-size: 12px;
+  font-weight: 500;
+  color: var(--dauth-label);
+}
+@media (max-width: 480px) {
+  .dauth-card {
+    padding: 28px 20px 24px;
+  }
+  .dauth-row {
+    grid-template-columns: 1fr;
+  }
+  .dauth-otp-box {
+    width: 40px;
+    height: 48px;
+    font-size: 20px;
+  }
+}
+/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/screens/auth.css"],"sourcesContent":["/*\n  Dravyn Auth UI — Styles\n  Consumes @dravyn/ui CSS custom properties.\n  Import tokens first: import 'dravyn-ui/tokens'\n  Then import this file once: import '@dravyn/auth-ui/auth.css'\n*/\n\n/* ── Root / centred layout ──────────────────────────────────────────────── */\n.dauth-root {\n  min-height: 100vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--dui-bg, #0d0d0d);\n  padding: 24px 16px;\n  font-family: var(--dui-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);\n}\n\n/* ── Card ───────────────────────────────────────────────────────────────── */\n.dauth-card {\n  width: 100%;\n  max-width: 420px;\n  background: var(--dui-bg-raised, #161616);\n  border: 0.5px solid var(--dui-border-strong, rgba(255,255,255,0.16));\n  border-radius: 16px;\n  padding: 36px 32px 32px;\n  animation: dauth-in 220ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n@keyframes dauth-in {\n  from { opacity: 0; transform: translateY(10px) scale(0.98); }\n  to   { opacity: 1; transform: translateY(0)    scale(1);    }\n}\n\n/* ── Brand / logo ───────────────────────────────────────────────────────── */\n.dauth-brand {\n  margin-bottom: 24px;\n}\n\n.dauth-logo-default {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--dui-text, #f0f0f0);\n  letter-spacing: -0.01em;\n}\n\n.dauth-logo-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--dui-teal-400, #4ecdc4);\n  flex-shrink: 0;\n}\n\n/* ── Headings ────────────────────────────────────────────────────────────── */\n.dauth-title {\n  font-size: 22px;\n  font-weight: 700;\n  color: var(--dui-text, #f0f0f0);\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  margin: 0 0 6px;\n}\n\n.dauth-sub {\n  font-size: 13.5px;\n  color: var(--dui-text-muted, #888);\n  line-height: 1.55;\n  margin: 0 0 22px;\n}\n\n/* ── Form fields ─────────────────────────────────────────────────────────── */\n.dauth-fields {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  margin-bottom: 14px;\n}\n\n.dauth-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 10px;\n}\n\n/* ── Password wrap (holds input + forgot link) ───────────────────────────── */\n.dauth-password-wrap {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.dauth-forgot {\n  font-size: 12px;\n  color: var(--dui-text-muted, #888);\n  text-decoration: none;\n  align-self: flex-end;\n  transition: color 0.15s;\n}\n\n.dauth-forgot:hover { color: var(--dui-teal-400, #4ecdc4); }\n\n/* ── Show/hide password button ───────────────────────────────────────────── */\n.dauth-eye {\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: var(--dui-text-hint, #555);\n  display: inline-flex;\n  align-items: center;\n  padding: 0;\n  transition: color 0.15s;\n}\n.dauth-eye:hover { color: var(--dui-text-muted, #888); }\n\n/* ── Divider ─────────────────────────────────────────────────────────────── */\n.dauth-divider {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin: 18px 0;\n  color: var(--dui-text-hint, #555);\n  font-size: 12px;\n}\n.dauth-divider::before,\n.dauth-divider::after {\n  content: '';\n  flex: 1;\n  height: 0.5px;\n  background: var(--dui-border, rgba(255,255,255,0.07));\n}\n\n/* ── Google OAuth button ─────────────────────────────────────────────────── */\n.dauth-google-btn {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  background: transparent;\n  border: 0.5px solid var(--dui-border-strong, rgba(255,255,255,0.16));\n  border-radius: 8px;\n  padding: 10px 18px;\n  font-family: var(--dui-font-sans);\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--dui-text, #f0f0f0);\n  cursor: pointer;\n  transition: background 0.15s, border-color 0.15s;\n}\n.dauth-google-btn:hover:not(:disabled) {\n  background: var(--dui-bg-overlay, #1e1e1e);\n  border-color: rgba(255,255,255,0.24);\n}\n.dauth-google-btn:disabled { opacity: 0.4; cursor: not-allowed; }\n\n/* ── OTP boxes ───────────────────────────────────────────────────────────── */\n.dauth-otp-icon {\n  font-size: 28px;\n  margin-bottom: 12px;\n  color: var(--dui-teal-400, #4ecdc4);\n}\n\n.dauth-otp-boxes {\n  display: flex;\n  gap: 8px;\n  justify-content: center;\n  margin: 20px 0 8px;\n}\n\n.dauth-otp-box {\n  width: 46px;\n  height: 54px;\n  background: var(--dui-bg, #0d0d0d);\n  border: 0.5px solid var(--dui-border-strong, rgba(255,255,255,0.16));\n  border-radius: 8px;\n  color: var(--dui-text, #f0f0f0);\n  font-size: 22px;\n  font-weight: 700;\n  font-family: var(--dui-font-sans);\n  text-align: center;\n  outline: none;\n  transition: border-color 0.15s, box-shadow 0.15s;\n  caret-color: var(--dui-teal-400, #4ecdc4);\n}\n\n.dauth-otp-box:focus {\n  border-color: var(--dui-teal-400, #4ecdc4);\n  box-shadow: 0 0 0 3px rgba(78, 205, 196, 0.12);\n}\n\n.dauth-otp-box--filled {\n  border-color: var(--dui-teal-400, #4ecdc4);\n  background: rgba(78, 205, 196, 0.04);\n}\n\n/* ── Resend row ──────────────────────────────────────────────────────────── */\n.dauth-resend {\n  text-align: center;\n  font-size: 13px;\n  color: var(--dui-text-muted, #888);\n  margin: 14px 0 4px;\n}\n\n/* ── Links ───────────────────────────────────────────────────────────────── */\n.dauth-link {\n  color: var(--dui-teal-400, #4ecdc4);\n  text-decoration: none;\n  font-weight: 500;\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-size: inherit;\n  font-family: inherit;\n  padding: 0;\n  transition: opacity 0.15s;\n}\n.dauth-link:hover { opacity: 0.8; }\n\n/* ── Footer text + terms ─────────────────────────────────────────────────── */\n.dauth-footer-text {\n  text-align: center;\n  font-size: 13px;\n  color: var(--dui-text-muted, #888);\n  margin-top: 18px;\n}\n\n.dauth-terms {\n  text-align: center;\n  font-size: 11.5px;\n  color: var(--dui-text-hint, #555);\n  margin-top: 12px;\n  line-height: 1.6;\n}\n\n/* ── CSS variable aliases (readable names inside auth components) ─────────── */\n:root {\n  --dauth-text:  var(--dui-text,       #f0f0f0);\n  --dauth-muted: var(--dui-text-muted, #888888);\n  --dauth-teal:  var(--dui-teal-400,   #4ecdc4);\n  --dauth-green: #22c55e;\n  --dauth-label: var(--dui-text-muted, #888888);\n}\n\n/* ── Label helper (used in ResetPasswordScreen) ───────────────────────────── */\n.dauth-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--dauth-label);\n}\n\n/* ── Responsive ──────────────────────────────────────────────────────────── */\n@media (max-width: 480px) {\n  .dauth-card { padding: 28px 20px 24px; }\n  .dauth-row  { grid-template-columns: 1fr; }\n  .dauth-otp-box { width: 40px; height: 48px; font-size: 20px; }\n}\n"],"mappings":"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","names":[]}

package/dist/index.d.mts

@@ -0,0 +1,5 @@
+export { LoginScreen, LoginScreenProps } from './screens/LoginScreen.mjs';
+export { RegisterScreen, RegisterScreenProps } from './screens/RegisterScreen.mjs';
+export { OTPScreen, OTPScreenProps } from './screens/OTPScreen.mjs';
+export { ForgotPasswordScreen, ForgotPasswordScreenProps, ResetPasswordScreen, ResetPasswordScreenProps } from './screens/ForgotResetScreen.mjs';
+import 'react';

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { LoginScreen, LoginScreenProps } from './screens/LoginScreen.js';
+export { RegisterScreen, RegisterScreenProps } from './screens/RegisterScreen.js';
+export { OTPScreen, OTPScreenProps } from './screens/OTPScreen.js';
+export { ForgotPasswordScreen, ForgotPasswordScreenProps, ResetPasswordScreen, ResetPasswordScreenProps } from './screens/ForgotResetScreen.js';
+import 'react';