feat: add basic webui

packages/auth/components/sign-in.tsx

@@ -0,0 +1,33 @@
+'use client';
+
+import { useState } from 'react';
+import { signIn } from '../client';
+
+export const SignIn = () => {
+  const [email, setEmail] = useState('');
+  const [password, setPassword] = useState('');
+
+  return (
+    <form
+      onSubmit={async (e) => {
+        e.preventDefault();
+        await signIn.email({
+          email,
+          password,
+        });
+      }}
+    >
+      <input
+        type="email"
+        value={email}
+        onChange={(e) => setEmail(e.target.value)}
+      />
+      <input
+        type="password"
+        value={password}
+        onChange={(e) => setPassword(e.target.value)}
+      />
+      <button type="submit">Sign in</button>
+    </form>
+  );
+};

packages/auth/components/sign-up.tsx

@@ -0,0 +1,40 @@
+'use client';
+
+import { useState } from 'react';
+import { signUp } from '../client';
+
+export const SignUp = () => {
+  const [email, setEmail] = useState('');
+  const [password, setPassword] = useState('');
+  const [name, setName] = useState('');
+
+  return (
+    <form
+      onSubmit={async (e) => {
+        e.preventDefault();
+        await signUp.email({
+          email,
+          password,
+          name,
+        });
+      }}
+    >
+      <input
+        type="email"
+        value={email}
+        onChange={(e) => setEmail(e.target.value)}
+      />
+      <input
+        type="password"
+        value={password}
+        onChange={(e) => setPassword(e.target.value)}
+      />
+      <input
+        type="text"
+        value={name}
+        onChange={(e) => setName(e.target.value)}
+      />
+      <button type="submit">Sign up</button>
+    </form>
+  );
+};