@dravyn/auth-ui 0.1.1

package/dist/screens/OTPScreen.js

@@ -0,0 +1,187 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/screens/OTPScreen.tsx
+var OTPScreen_exports = {};
+__export(OTPScreen_exports, {
+  OTPScreen: () => OTPScreen
+});
+module.exports = __toCommonJS(OTPScreen_exports);
+var import_react = __toESM(require("react"));
+var import_ui = require("@dravyn/ui");
+var import_ui2 = require("@dravyn/ui");
+var OTPScreen = ({
+  email: emailProp,
+  redirectTo = "/dashboard",
+  onSuccess,
+  logo,
+  brandName = "Dravyn",
+  apiBase = process.env.NEXT_PUBLIC_AUTH_API_URL ?? "http://localhost:3001",
+  length = 6
+}) => {
+  const email = emailProp ?? (typeof sessionStorage !== "undefined" ? sessionStorage.getItem("dravyn_pending_email") ?? "" : "");
+  const [otp, setOtp] = import_react.default.useState(Array(length).fill(""));
+  const [loading, setLoading] = import_react.default.useState(false);
+  const [resending, setResending] = import_react.default.useState(false);
+  const [error, setError] = import_react.default.useState("");
+  const [success, setSuccess] = import_react.default.useState("");
+  const [countdown, setCountdown] = import_react.default.useState(60);
+  const inputRefs = import_react.default.useRef([]);
+  import_react.default.useEffect(() => {
+    if (countdown <= 0) return;
+    const t = setTimeout(() => setCountdown((c) => c - 1), 1e3);
+    return () => clearTimeout(t);
+  }, [countdown]);
+  import_react.default.useEffect(() => {
+    inputRefs.current[0]?.focus();
+  }, []);
+  const handleInput = (i, val) => {
+    if (val.length > 1) {
+      const digits = val.replace(/\D/g, "").slice(0, length).split("");
+      const next2 = [...otp];
+      digits.forEach((d, idx) => {
+        if (idx < length) next2[idx] = d;
+      });
+      setOtp(next2);
+      const last = Math.min(digits.length, length - 1);
+      inputRefs.current[last]?.focus();
+      return;
+    }
+    const digit = val.replace(/\D/g, "");
+    const next = [...otp];
+    next[i] = digit;
+    setOtp(next);
+    if (digit && i < length - 1) inputRefs.current[i + 1]?.focus();
+  };
+  const handleKeyDown = (i, e) => {
+    if (e.key === "Backspace" && !otp[i] && i > 0) {
+      inputRefs.current[i - 1]?.focus();
+    }
+  };
+  const handleVerify = async () => {
+    const code = otp.join("");
+    if (code.length < length) {
+      setError("Enter the complete verification code.");
+      return;
+    }
+    setLoading(true);
+    setError("");
+    try {
+      const res = await fetch(`${apiBase}/auth/verify-otp`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ email, otp: code })
+      });
+      const data = await res.json();
+      if (!res.ok) {
+        setError(data.message ?? "Invalid or expired code.");
+        return;
+      }
+      sessionStorage.removeItem("dravyn_pending_email");
+      if (data.accessToken) {
+        localStorage.setItem("dravyn_token", data.accessToken);
+        localStorage.setItem("dravyn_user", JSON.stringify(data.user));
+      }
+      if (onSuccess) onSuccess();
+      else window.location.href = redirectTo;
+    } catch {
+      setError("Unable to connect.");
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleResend = async () => {
+    setResending(true);
+    setError("");
+    setSuccess("");
+    try {
+      const res = await fetch(`${apiBase}/auth/resend-otp`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ email })
+      });
+      if (res.ok) {
+        setSuccess("A new code has been sent to your email.");
+        setCountdown(60);
+        setOtp(Array(length).fill(""));
+        inputRefs.current[0]?.focus();
+      } else {
+        setError("Could not resend. Try again shortly.");
+      }
+    } catch {
+      setError("Unable to connect.");
+    } finally {
+      setResending(false);
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "dauth-root" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "dauth-card" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "dauth-brand" }, logo ?? /* @__PURE__ */ import_react.default.createElement("div", { className: "dauth-logo-default" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "dauth-logo-dot" }), brandName)), /* @__PURE__ */ import_react.default.createElement("div", { className: "dauth-otp-icon", "aria-hidden": "true" }, "\u2709"), /* @__PURE__ */ import_react.default.createElement("h1", { className: "dauth-title" }, "Check your email"), /* @__PURE__ */ import_react.default.createElement("p", { className: "dauth-sub" }, "We sent a ", length, "-digit code to", /* @__PURE__ */ import_react.default.createElement("br", null), /* @__PURE__ */ import_react.default.createElement("strong", { style: { color: "var(--dauth-text)" } }, email || "your email address")), error && /* @__PURE__ */ import_react.default.createElement("div", { style: { margin: "12px 0" } }, /* @__PURE__ */ import_react.default.createElement(import_ui2.Alert, { variant: "danger" }, error)), success && /* @__PURE__ */ import_react.default.createElement("div", { style: { margin: "12px 0" } }, /* @__PURE__ */ import_react.default.createElement(import_ui2.Alert, { variant: "success" }, success)), /* @__PURE__ */ import_react.default.createElement("div", { className: "dauth-otp-boxes", role: "group", "aria-label": "Verification code" }, otp.map((digit, i) => /* @__PURE__ */ import_react.default.createElement(
+    "input",
+    {
+      key: i,
+      ref: (el) => {
+        inputRefs.current[i] = el;
+      },
+      className: `dauth-otp-box ${digit ? "dauth-otp-box--filled" : ""}`,
+      type: "text",
+      inputMode: "numeric",
+      pattern: "[0-9]*",
+      maxLength: length,
+      value: digit,
+      onChange: (e) => handleInput(i, e.target.value),
+      onKeyDown: (e) => handleKeyDown(i, e),
+      onFocus: (e) => e.target.select(),
+      "aria-label": `Digit ${i + 1}`
+    }
+  ))), /* @__PURE__ */ import_react.default.createElement(
+    import_ui.Button,
+    {
+      variant: "primary",
+      fullWidth: true,
+      loading,
+      onClick: handleVerify,
+      style: { marginTop: 8 }
+    },
+    "Verify email"
+  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "dauth-resend" }, countdown > 0 ? /* @__PURE__ */ import_react.default.createElement("span", null, "Resend code in ", /* @__PURE__ */ import_react.default.createElement("strong", { style: { color: "var(--dauth-teal)" } }, countdown, "s")) : /* @__PURE__ */ import_react.default.createElement(
+    "button",
+    {
+      type: "button",
+      className: "dauth-link",
+      onClick: handleResend,
+      disabled: resending
+    },
+    resending ? "Sending\u2026" : "Resend code"
+  )), /* @__PURE__ */ import_react.default.createElement("p", { className: "dauth-footer-text" }, "Wrong email?", " ", /* @__PURE__ */ import_react.default.createElement("a", { href: "/auth/register", className: "dauth-link" }, "Go back"))));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  OTPScreen
+});
+//# sourceMappingURL=OTPScreen.js.map

package/dist/screens/OTPScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/screens/OTPScreen.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { Button } from '@dravyn/ui';\nimport { Alert }  from '@dravyn/ui';\nimport './auth.css';\n\nexport interface OTPScreenProps {\n  /** Pre-fill the email (e.g. passed via query param or sessionStorage) */\n  email?:       string;\n  redirectTo?:  string;\n  onSuccess?:   () => void;\n  logo?:        React.ReactNode;\n  brandName?:   string;\n  apiBase?:     string;\n  /** OTP length — default 6 */\n  length?:      number;\n}\n\nexport const OTPScreen: React.FC<OTPScreenProps> = ({\n  email:      emailProp,\n  redirectTo  = '/dashboard',\n  onSuccess,\n  logo,\n  brandName   = 'Dravyn',\n  apiBase     = process.env.NEXT_PUBLIC_AUTH_API_URL ?? 'http://localhost:3001',\n  length      = 6,\n}) => {\n  const email = emailProp\n    ?? (typeof sessionStorage !== 'undefined'\n        ? sessionStorage.getItem('dravyn_pending_email') ?? ''\n        : '');\n\n  const [otp,       setOtp]       = React.useState<string[]>(Array(length).fill(''));\n  const [loading,   setLoading]   = React.useState(false);\n  const [resending, setResending] = React.useState(false);\n  const [error,     setError]     = React.useState('');\n  const [success,   setSuccess]   = React.useState('');\n  const [countdown, setCountdown] = React.useState(60);\n  const inputRefs = React.useRef<(HTMLInputElement | null)[]>([]);\n\n  // Countdown timer for resend\n  React.useEffect(() => {\n    if (countdown <= 0) return;\n    const t = setTimeout(() => setCountdown(c => c - 1), 1000);\n    return () => clearTimeout(t);\n  }, [countdown]);\n\n  // Auto-focus first box\n  React.useEffect(() => { inputRefs.current[0]?.focus(); }, []);\n\n  const handleInput = (i: number, val: string) => {\n    // Allow paste of full code\n    if (val.length > 1) {\n      const digits = val.replace(/\\D/g, '').slice(0, length).split('');\n      const next = [...otp];\n      digits.forEach((d, idx) => { if (idx < length) next[idx] = d; });\n      setOtp(next);\n      const last = Math.min(digits.length, length - 1);\n      inputRefs.current[last]?.focus();\n      return;\n    }\n    const digit = val.replace(/\\D/g, '');\n    const next = [...otp];\n    next[i] = digit;\n    setOtp(next);\n    if (digit && i < length - 1) inputRefs.current[i + 1]?.focus();\n  };\n\n  const handleKeyDown = (i: number, e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Backspace' && !otp[i] && i > 0) {\n      inputRefs.current[i - 1]?.focus();\n    }\n  };\n\n  const handleVerify = async () => {\n    const code = otp.join('');\n    if (code.length < length) { setError('Enter the complete verification code.'); return; }\n    setLoading(true);\n    setError('');\n    try {\n      const res = await fetch(`${apiBase}/auth/verify-otp`, {\n        method:  'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body:    JSON.stringify({ email, otp: code }),\n      });\n      const data = await res.json();\n      if (!res.ok) { setError(data.message ?? 'Invalid or expired code.'); return; }\n      sessionStorage.removeItem('dravyn_pending_email');\n      if (data.accessToken) {\n        localStorage.setItem('dravyn_token', data.accessToken);\n        localStorage.setItem('dravyn_user',  JSON.stringify(data.user));\n      }\n      if (onSuccess) onSuccess();\n      else window.location.href = redirectTo;\n    } catch {\n      setError('Unable to connect.');\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  const handleResend = async () => {\n    setResending(true);\n    setError('');\n    setSuccess('');\n    try {\n      const res = await fetch(`${apiBase}/auth/resend-otp`, {\n        method:  'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body:    JSON.stringify({ email }),\n      });\n      if (res.ok) {\n        setSuccess('A new code has been sent to your email.');\n        setCountdown(60);\n        setOtp(Array(length).fill(''));\n        inputRefs.current[0]?.focus();\n      } else {\n        setError('Could not resend. Try again shortly.');\n      }\n    } catch {\n      setError('Unable to connect.');\n    } finally {\n      setResending(false);\n    }\n  };\n\n  return (\n    <div className=\"dauth-root\">\n      <div className=\"dauth-card\">\n        <div className=\"dauth-brand\">\n          {logo ?? <div className=\"dauth-logo-default\"><span className=\"dauth-logo-dot\" />{brandName}</div>}\n        </div>\n\n        <div className=\"dauth-otp-icon\" aria-hidden=\"true\">✉</div>\n        <h1 className=\"dauth-title\">Check your email</h1>\n        <p className=\"dauth-sub\">\n          We sent a {length}-digit code to<br />\n          <strong style={{ color: 'var(--dauth-text)' }}>{email || 'your email address'}</strong>\n        </p>\n\n        {error   && <div style={{ margin: '12px 0' }}><Alert variant=\"danger\">{error}</Alert></div>}\n        {success && <div style={{ margin: '12px 0' }}><Alert variant=\"success\">{success}</Alert></div>}\n\n        {/* OTP boxes */}\n        <div className=\"dauth-otp-boxes\" role=\"group\" aria-label=\"Verification code\">\n          {otp.map((digit, i) => (\n            <input\n              key={i}\n              ref={el => { inputRefs.current[i] = el; }}\n              className={`dauth-otp-box ${digit ? 'dauth-otp-box--filled' : ''}`}\n              type=\"text\"\n              inputMode=\"numeric\"\n              pattern=\"[0-9]*\"\n              maxLength={length} // allow paste\n              value={digit}\n              onChange={e => handleInput(i, e.target.value)}\n              onKeyDown={e => handleKeyDown(i, e)}\n              onFocus={e => e.target.select()}\n              aria-label={`Digit ${i + 1}`}\n            />\n          ))}\n        </div>\n\n        <Button\n          variant=\"primary\"\n          fullWidth\n          loading={loading}\n          onClick={handleVerify}\n          style={{ marginTop: 8 }}\n        >\n          Verify email\n        </Button>\n\n        {/* Resend */}\n        <div className=\"dauth-resend\">\n          {countdown > 0 ? (\n            <span>Resend code in <strong style={{ color: 'var(--dauth-teal)' }}>{countdown}s</strong></span>\n          ) : (\n            <button\n              type=\"button\"\n              className=\"dauth-link\"\n              onClick={handleResend}\n              disabled={resending}\n            >\n              {resending ? 'Sending…' : 'Resend code'}\n            </button>\n          )}\n        </div>\n\n        <p className=\"dauth-footer-text\">\n          Wrong email?{' '}\n          <a href=\"/auth/register\" className=\"dauth-link\">Go back</a>\n        </p>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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","names":["import_ui","React","next"]}

package/dist/screens/OTPScreen.mjs

@@ -0,0 +1,9 @@
+"use client";
+import {
+  OTPScreen
+} from "../chunk-FVXZZTKL.mjs";
+import "../chunk-6BBGRN4E.mjs";
+export {
+  OTPScreen
+};
+//# sourceMappingURL=OTPScreen.mjs.map

package/dist/screens/OTPScreen.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/screens/RegisterScreen.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=RegisterScreen.css.map */

package/dist/screens/RegisterScreen.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/screens/RegisterScreen.d.mts

@@ -0,0 +1,21 @@
+import React from 'react';
+
+interface RegisterScreenProps {
+    redirectTo?: string;
+    onSuccess?: (token: string, user: AuthUser) => void;
+    logo?: React.ReactNode;
+    brandName?: string;
+    apiBase?: string;
+    /** Extra fields to collect — rendered after the core fields */
+    extraFields?: React.ReactNode;
+    /** If true, redirect to OTP screen after register instead of auto-login */
+    requireOTP?: boolean;
+}
+interface AuthUser {
+    id: string;
+    email: string;
+    name: string;
+}
+declare const RegisterScreen: React.FC<RegisterScreenProps>;
+
+export { RegisterScreen, type RegisterScreenProps };

package/dist/screens/RegisterScreen.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+
+interface RegisterScreenProps {
+    redirectTo?: string;
+    onSuccess?: (token: string, user: AuthUser) => void;
+    logo?: React.ReactNode;
+    brandName?: string;
+    apiBase?: string;
+    /** Extra fields to collect — rendered after the core fields */
+    extraFields?: React.ReactNode;
+    /** If true, redirect to OTP screen after register instead of auto-login */
+    requireOTP?: boolean;
+}
+interface AuthUser {
+    id: string;
+    email: string;
+    name: string;
+}
+declare const RegisterScreen: React.FC<RegisterScreenProps>;
+
+export { RegisterScreen, type RegisterScreenProps };