harebear-ui 0.8.1 → 0.10.0

package/dist/components/ai/assistant.js

@@ -2,7 +2,7 @@
 import { AskBox } from "./ask-box.js";
 import { AssistantAvatar, ChatMessage, ChatThread, TypingIndicator } from "./chat.js";
 import { Button } from "../ui/button.js";
-import { useToastClearance } from "../../lib/toast-clearance.js";
+import { useToastClearance } from "../../lib/internal/toast-clearance.js";
 import { cn } from "../../lib/utils.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -26,6 +26,7 @@ function AssistantProvider({ onSend, initialMessages = [], defaultOpen = false,
 	pageRef.current = page;
 	const onSendRef = React.useRef(onSend);
 	onSendRef.current = onSend;
+	const runRef = React.useRef(null);
 	const append = React.useCallback((m) => {
 		const id = m.id ?? newId();
 		setMessages((list) => [...list, {
@@ -40,43 +41,66 @@ function AssistantProvider({ onSend, initialMessages = [], defaultOpen = false,
 			content
 		} : m));
 	}, []);
-	const send = React.useCallback(async (text) => {
+	const send = React.useCallback(async (text, options) => {
 		const before = messagesRef.current;
+		runRef.current?.abort();
+		const run = new AbortController();
+		runRef.current = run;
 		append({
 			role: "user",
 			content: text
 		});
-		setOpen(true);
+		if (options?.open !== false) setOpen(true);
 		setPending(true);
 		try {
 			const reply = await onSendRef.current(text, {
 				page: pageRef.current,
 				messages: before,
-				append,
-				update
+				append: (m) => run.signal.aborted ? "" : append(m),
+				update: (id, content) => {
+					if (!run.signal.aborted) update(id, content);
+				},
+				signal: run.signal
 			});
+			if (run.signal.aborted) return;
 			if (reply !== void 0 && reply !== null && reply !== false) append({
 				role: "assistant",
 				content: reply
 			});
 		} catch (e) {
+			if (run.signal.aborted) return;
 			append({
 				role: "assistant",
 				content: e instanceof Error ? e.message : "Something went wrong."
 			});
 		} finally {
-			setPending(false);
+			if (runRef.current === run) {
+				runRef.current = null;
+				setPending(false);
+			}
 		}
 	}, [append, update]);
+	const stop = React.useCallback(() => {
+		runRef.current?.abort();
+		runRef.current = null;
+		setPending(false);
+	}, []);
+	const reply = React.useMemo(() => {
+		const start = messages.findLastIndex((m) => m.role === "user");
+		const answer = start === -1 ? [] : messages.slice(start + 1);
+		return answer.length ? answer.map((m) => /* @__PURE__ */ jsx("div", { children: m.content }, m.id)) : null;
+	}, [messages]);
 	const value = React.useMemo(() => ({
 		open,
 		setOpen,
 		toggle: () => setOpen((v) => !v),
 		messages,
 		pending,
+		reply,
 		page,
 		setPage,
 		send,
+		stop,
 		append,
 		update,
 		clear: () => setMessages([])
@@ -84,8 +108,10 @@ function AssistantProvider({ onSend, initialMessages = [], defaultOpen = false,
 		open,
 		messages,
 		pending,
+		reply,
 		page,
 		send,
+		stop,
 		append,
 		update
 	]);
@@ -119,7 +145,7 @@ function useAssistantPage(page) {
 * Sits above AppNav's phone tab bar.
 */
 function AssistantDock({ title = "Assistant", icon = /* @__PURE__ */ jsx(SparklesIcon, {}), fullScreenHref, emptyTitle = "How can I help?", emptyDescription, suggestions, placeholder, dictation, launcher = true, launcherLabel, className, ...props }) {
-	const { open, setOpen, messages, pending, page, send } = useAssistant();
+	const { open, setOpen, messages, pending, page, send, stop } = useAssistant();
 	const [draft, setDraft] = React.useState("");
 	const titleId = React.useId();
 	const panelRef = React.useRef(null);
@@ -222,7 +248,9 @@ function AssistantDock({ title = "Assistant", icon = /* @__PURE__ */ jsx(Sparkle
 					onSubmit: submit,
 					placeholder: placeholder ?? `Ask ${title}`,
 					suggestions: messages.length === 0 ? pills : void 0,
-					dictation
+					dictation,
+					pending,
+					onStop: stop
 				})
 			})
 		]

package/dist/components/ai/code-block.d.ts

@@ -22,10 +22,17 @@ export interface InlineCodeProps extends React.ComponentProps<"code"> {
   truncate?: number;
 }
 declare function InlineCode({ truncate, className, children, title, ...props }: InlineCodeProps): React.JSX.Element;
+/**
+ * A blockquote that becomes a `Callout` when its first word is "Tip:" (the word is dropped).
+ * Prose applies it to blockquote children; pass it to react-markdown as `components={{ blockquote: ProseBlockquote }}`.
+ */
+declare function ProseBlockquote({ children, node: _node, ...props }: React.ComponentProps<"blockquote"> & {
+  node?: unknown;
+}): React.JSX.Element;
 /**
  * Typography for long-form and model output. Styles plain HTML children
  * (p, ul, ol, li, strong, a, code, pre, h1-h4, blockquote, table), so it works
- * with react-markdown or any HTML renderer.
+ * with react-markdown or any HTML renderer. A blockquote starting "Tip:" renders as a Callout.
  */
-declare function Prose({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-export { CodeSnippet, InlineCode, Prose };
+declare function Prose({ className, children, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { CodeSnippet, InlineCode, Prose, ProseBlockquote };

package/dist/components/ai/code-block.js

@@ -1,11 +1,13 @@
 "use client";
+import { Callout } from "../admin/callout.js";
 import { Button } from "../ui/button.js";
 import { CodeBlock, CodeBlockContent, CodeBlockHeader, CodeBlockLine, CodeBlockTitle } from "../ui/code-block.js";
 import { useCopyToClipboard } from "../../hooks/use-copy-to-clipboard.js";
 import { useHighlightedCode } from "../../hooks/use-highlighted-code.js";
 import { cn } from "../../lib/utils.js";
+import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { CheckIcon, CopyIcon } from "lucide-react";
+import { CheckIcon, CopyIcon, LightbulbIcon } from "lucide-react";
 // src/components/ai/code-block.tsx
 /**
 * One-prop code panel: language label, copy button, shiki highlighting (loaded
@@ -28,9 +30,9 @@ function CodeSnippet({ code, language, highlight = true, lineNumbers, hideCopy,
 				type: "button",
 				variant: "ghost",
 				size: "sm",
-				className: "ms-auto",
+				className: "ms-auto pointer-coarse:h-11",
 				onClick: () => copy(code),
-				"aria-label": "Copy code",
+				"aria-label": copied ? void 0 : "Copy code",
 				children: [copied ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CopyIcon, {}), copied ? "Copied" : "Copy"]
 			})]
 		}), /* @__PURE__ */ jsx(CodeBlockContent, {
@@ -50,16 +52,63 @@ function InlineCode({ truncate, className, children, title, ...props }) {
 		children: cut ? `${children.slice(0, truncate)}…` : children
 	});
 }
+const TIP = /^\s*Tip:\s*/;
+/** The children with a leading "Tip:" removed, or undefined when they do not start with it. */
+function withoutTip(children) {
+	const items = React.Children.toArray(children);
+	const i = items.findIndex((c) => !(typeof c === "string" && c.trim() === ""));
+	const first = items[i];
+	let rest;
+	if (typeof first === "string") {
+		if (!TIP.test(first)) return void 0;
+		rest = first.replace(TIP, "");
+	} else if (React.isValidElement(first) && typeof first.type === "string") {
+		const inner = withoutTip(first.props.children);
+		if (inner === void 0) return void 0;
+		rest = React.cloneElement(first, void 0, inner);
+	} else return;
+	return [
+		...items.slice(0, i),
+		rest,
+		...items.slice(i + 1)
+	];
+}
+/**
+* A blockquote that becomes a `Callout` when its first word is "Tip:" (the word is dropped).
+* Prose applies it to blockquote children; pass it to react-markdown as `components={{ blockquote: ProseBlockquote }}`.
+*/
+function ProseBlockquote({ children, node: _node, ...props }) {
+	const tip = withoutTip(children);
+	if (tip === void 0) return /* @__PURE__ */ jsx("blockquote", {
+		...props,
+		children
+	});
+	return /* @__PURE__ */ jsx(Callout, {
+		"data-tip": "",
+		icon: /* @__PURE__ */ jsx(LightbulbIcon, {}),
+		className: props.className,
+		children: tip
+	});
+}
+/** Swaps plain blockquote elements for ProseBlockquote, at any depth of plain HTML elements. */
+function withTips(children) {
+	return React.Children.map(children, (c) => {
+		if (!React.isValidElement(c) || typeof c.type !== "string") return c;
+		if (c.type === "blockquote") return /* @__PURE__ */ jsx(ProseBlockquote, { ...c.props });
+		return c.props.children === void 0 ? c : React.cloneElement(c, void 0, withTips(c.props.children));
+	});
+}
 /**
 * Typography for long-form and model output. Styles plain HTML children
 * (p, ul, ol, li, strong, a, code, pre, h1-h4, blockquote, table), so it works
-* with react-markdown or any HTML renderer.
+* with react-markdown or any HTML renderer. A blockquote starting "Tip:" renders as a Callout.
 */
-function Prose({ className, ...props }) {
+function Prose({ className, children, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "prose",
-		className: cn("flex min-w-0 flex-col gap-3.5 text-[15px] leading-[1.65] wrap-anywhere text-foreground", "[&_ol]:flex [&_ol]:list-decimal [&_ol]:flex-col [&_ol]:gap-2 [&_ol]:pl-5.5", "[&_ul]:flex [&_ul]:list-disc [&_ul]:flex-col [&_ul]:gap-2 [&_ul]:pl-5.5", "[&_strong]:font-semibold [&_a]:text-primary [&_a]:underline-offset-4 hover:[&_a]:underline", "[&_h1]:text-xl [&_h1]:font-semibold [&_h2]:text-lg [&_h2]:font-semibold [&_h3]:font-semibold [&_h4]:font-semibold", "[&_blockquote]:border-l-2 [&_blockquote]:pl-4 [&_blockquote]:text-muted-foreground", "[&_:not(pre)>code]:rounded-[6px] [&_:not(pre)>code]:bg-muted [&_:not(pre)>code]:px-1.5 [&_:not(pre)>code]:py-0.5 [&_:not(pre)>code]:font-mono [&_:not(pre)>code]:text-[12.5px]", "[&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:bg-muted [&_pre]:p-4.5 [&_pre]:font-mono [&_pre]:text-[13px]", "[&_table]:w-full [&_table]:text-sm [&_td]:border-b [&_td]:py-2 [&_th]:border-b [&_th]:py-2 [&_th]:text-left [&_th]:font-medium", className),
-		...props
+		className: cn("flex min-w-0 flex-col gap-3.5 text-[15px] leading-[1.65] wrap-anywhere text-foreground", "[&_ol]:flex [&_ol]:list-decimal [&_ol]:flex-col [&_ol]:gap-2 [&_ol]:pl-5.5", "[&_ul]:flex [&_ul]:list-disc [&_ul]:flex-col [&_ul]:gap-2 [&_ul]:pl-5.5", "[&_strong]:font-semibold [&_a]:text-primary [&_a]:underline [&_a]:decoration-primary/40 [&_a]:underline-offset-4 hover:[&_a]:decoration-primary [&_a]:rounded-sm [&_a:focus-visible]:outline-2 [&_a:focus-visible]:outline-offset-2 [&_a:focus-visible]:outline-ring", "[&_h1]:text-xl [&_h1]:font-semibold [&_h2]:text-lg [&_h2]:font-semibold [&_h3]:font-semibold [&_h4]:font-semibold", "[&_blockquote]:border-l-2 [&_blockquote]:pl-4 [&_blockquote]:text-muted-foreground", "[&_:not(pre)>code]:rounded-[6px] [&_:not(pre)>code]:bg-muted [&_:not(pre)>code]:px-1.5 [&_:not(pre)>code]:py-0.5 [&_:not(pre)>code]:font-mono [&_:not(pre)>code]:text-[12.5px]", "[&_pre]:overflow-x-auto [&_pre]:rounded-lg [&_pre]:bg-muted [&_pre]:p-4.5 [&_pre]:font-mono [&_pre]:text-[13px]", "[&_table]:w-full [&_table]:text-sm [&_td]:border-b [&_td]:py-2 [&_th]:border-b [&_th]:py-2 [&_th]:text-left [&_th]:font-medium", className),
+		...props,
+		children: withTips(children)
 	});
 }
-export { CodeSnippet, InlineCode, Prose };
+export { CodeSnippet, InlineCode, Prose, ProseBlockquote };

package/dist/components/ai/conversation-list.d.ts

@@ -39,11 +39,21 @@ export interface ConversationListProps extends Omit<React.ComponentProps<"nav">,
  * and hides itself when the sidebar is collapsed to its icon rail.
  */
 declare function ConversationList({ groups, activeId, onSelect, renderAction, onDelete, deleteDescription, empty, className, ...props }: ConversationListProps): React.JSX.Element;
+export interface GroupByDateOptions {
+  /** Reference time. Default now; pass it for deterministic tests. */
+  now?: number | Date;
+  /**
+   * `"day"` (default): Today / Yesterday / Previous 7 days / Earlier. `"week"`: Today / This week (the 6 days before
+   * today) / Earlier.
+   */
+  buckets?: "day" | "week";
+}
 /**
- * Buckets items into Today / Yesterday / Previous 7 days / Earlier by a timestamp (ms or Date),
- * newest first, and drops empty groups. Pass `now` for deterministic tests.
+ * Buckets items into Today / Yesterday / Previous 7 days / Earlier (or Today / This week / Earlier with
+ * `buckets: "week"`) by a timestamp (ms or Date), newest first, and drops empty groups. The last argument is the
+ * options, or just `now`.
  */
-declare function groupByDate<T>(items: T[], getDate: (item: T) => number | Date, toConversation: (item: T) => Conversation, now?: number | Date): ConversationGroup[];
+declare function groupByDate<T>(items: T[], getDate: (item: T) => number | Date, toConversation: (item: T) => Conversation, options?: number | Date | GroupByDateOptions): ConversationGroup[];
 /**
  * Short timestamp for lists and headers: the time today ("9:41 AM"), the date this year ("Nov 3"), else with the
  * year ("Nov 3, 2025"). Uses the browser locale unless `locale` is given. Pass `now` for deterministic tests.

package/dist/components/ai/conversation-list.js

@@ -94,39 +94,28 @@ function ConversationList({ groups, activeId, onSelect, renderAction, onDelete,
 	});
 }
 /**
-* Buckets items into Today / Yesterday / Previous 7 days / Earlier by a timestamp (ms or Date),
-* newest first, and drops empty groups. Pass `now` for deterministic tests.
+* Buckets items into Today / Yesterday / Previous 7 days / Earlier (or Today / This week / Earlier with
+* `buckets: "week"`) by a timestamp (ms or Date), newest first, and drops empty groups. The last argument is the
+* options, or just `now`.
 */
-function groupByDate(items, getDate, toConversation, now = Date.now()) {
+function groupByDate(items, getDate, toConversation, options = {}) {
+	const { now = Date.now(), buckets = "day" } = typeof options === "number" || options instanceof Date ? { now: options } : options;
 	const d = new Date(now);
 	const midnight = (daysAgo) => new Date(d.getFullYear(), d.getMonth(), d.getDate() - daysAgo).getTime();
-	const [today, yesterday, weekAgo] = [
-		midnight(0),
-		midnight(1),
-		midnight(7)
-	];
-	const groups = [
-		{
-			label: "Today",
-			items: []
-		},
-		{
-			label: "Yesterday",
-			items: []
-		},
-		{
-			label: "Previous 7 days",
-			items: []
-		},
-		{
-			label: "Earlier",
-			items: []
-		}
+	const bounds = buckets === "week" ? [["Today", midnight(0)], ["This week", midnight(6)]] : [
+		["Today", midnight(0)],
+		["Yesterday", midnight(1)],
+		["Previous 7 days", midnight(7)]
 	];
+	const groups = [...bounds.map(([label]) => label), "Earlier"].map((label) => ({
+		label,
+		items: []
+	}));
 	const sorted = [...items].sort((a, b) => +getDate(b) - +getDate(a));
 	for (const item of sorted) {
 		const t = +getDate(item);
-		groups[t >= today ? 0 : t >= yesterday ? 1 : t >= weekAgo ? 2 : 3]?.items.push(toConversation(item));
+		const i = bounds.findIndex(([, from]) => t >= from);
+		groups[i === -1 ? bounds.length : i]?.items.push(toConversation(item));
 	}
 	return groups.filter((g) => g.items.length);
 }

package/dist/components/ai/markdown.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+export interface MarkdownProps extends Omit<React.ComponentProps<"div">, "children"> {
+  /** The Markdown source. GitHub flavoured (tables, task lists, strikethrough, autolinks). Raw HTML is dropped. */
+  children: string;
+  /** Component for in-app links (href without a scheme, e.g. "/lists/2"), e.g. Next.js or React Router Link. Gets `href`. */
+  linkComponent?: React.ElementType;
+}
+/**
+ * Renders Markdown safely inside Prose: no raw HTML, unsafe URLs (javascript:) removed, `> Tip:` blockquotes as
+ * a Callout. Other props go to the Prose wrapper.
+ */
+declare function Markdown({ children, linkComponent: Link, ...props }: MarkdownProps): React.JSX.Element;
+export { Markdown };

package/dist/components/ai/markdown.js

@@ -0,0 +1,41 @@
+"use client";
+import { Prose, ProseBlockquote } from "./code-block.js";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+// src/components/ai/markdown.tsx
+const plugins = [remarkGfm];
+const SCHEME = /^([a-z][a-z\d+.-]*:|\/\/)/i;
+/**
+* Renders Markdown safely inside Prose: no raw HTML, unsafe URLs (javascript:) removed, `> Tip:` blockquotes as
+* a Callout. Other props go to the Prose wrapper.
+*/
+function Markdown({ children, linkComponent: Link, ...props }) {
+	const components = React.useMemo(() => ({
+		blockquote: ProseBlockquote,
+		a: ({ node: _node, href = "", ...rest }) => Link && !SCHEME.test(href) ? /* @__PURE__ */ jsx(Link, {
+			href,
+			...rest
+		}) : /* @__PURE__ */ jsx("a", {
+			href,
+			...rest
+		}),
+		input: ({ node: _node, checked, ...rest }) => /* @__PURE__ */ jsx("input", {
+			...rest,
+			checked,
+			"aria-label": checked ? "Done" : "Not done"
+		})
+	}), [Link]);
+	return /* @__PURE__ */ jsx(Prose, {
+		"data-slot": "markdown",
+		...props,
+		children: /* @__PURE__ */ jsx(ReactMarkdown, {
+			remarkPlugins: plugins,
+			components,
+			skipHtml: true,
+			children
+		})
+	});
+}
+export { Markdown };

package/dist/components/auth/auth.d.ts

@@ -33,6 +33,23 @@ declare function GitHubIcon(props: React.ComponentProps<"svg">): React.JSX.Eleme
 declare function GoogleIcon(props: React.ComponentProps<"svg">): React.JSX.Element;
 /** Apple mark, for AuthProvider icons. */
 declare function AppleIcon(props: React.ComponentProps<"svg">): React.JSX.Element;
+export interface AuthFormProps extends Omit<React.ComponentProps<"form">, "onSubmit" | "title"> {
+  title: React.ReactNode;
+  description?: React.ReactNode;
+  /** The fields. Give each a `name`; they arrive in onSubmit's FormData. */
+  children?: React.ReactNode;
+  /** Form-level error, e.g. "Invalid email or password". */
+  error?: React.ReactNode;
+  submitLabel: React.ReactNode;
+  /** Shows a spinner on the submit button and disables every control. */
+  loading?: boolean;
+  /** Called with the form's data once the browser's validation passes. Omit to submit natively (e.g. to an `action`). */
+  onSubmit?: (data: FormData) => void | Promise<void>;
+  /** Under the submit button: provider buttons, a "Sign in" link. */
+  footer?: React.ReactNode;
+}
+/** The shell LoginForm, SignupForm and NewPasswordForm share: heading, your fields, error, submit button. */
+declare function AuthForm({ title, description, children, error, submitLabel, loading, onSubmit, footer, className, ...props }: AuthFormProps): React.JSX.Element;
 interface AuthFormBase extends Omit<React.ComponentProps<"form">, "onSubmit" | "title"> {
   title?: React.ReactNode;
   description?: React.ReactNode;
@@ -51,7 +68,7 @@ export interface LoginValues {
   /** Absent in "email-only" mode. */
   password?: string;
 }
-export interface LoginFormProps extends AuthFormBase {
+export interface LoginFormProps extends Omit<AuthFormBase, "children"> {
   /** Called with the entered values. Omit to let the form submit natively (e.g. to an `action`). */
   onSubmit?: (values: LoginValues) => void | Promise<void>;
   /** "email-only" drops the password field for magic-link or OTP flows (shadcn login-05). */
@@ -61,14 +78,17 @@ export interface LoginFormProps extends AuthFormBase {
   submitLabel?: React.ReactNode;
 }
 /** Email + password sign-in form with optional SSO buttons. Pair with AuthLayout. */
-declare function LoginForm({ title, description, onSubmit, mode, providers, onProviderClick, providersFirst, forgotPasswordHref, signupHref, submitLabel, loading, error, className, ...props }: LoginFormProps): React.JSX.Element;
+declare function LoginForm({ title, description, onSubmit, mode, providers, onProviderClick, providersFirst, forgotPasswordHref, signupHref, submitLabel, ...props }: LoginFormProps): React.JSX.Element;
 export interface SignupValues {
   name?: string;
   email: string;
   password: string;
 }
 export interface SignupFormProps extends AuthFormBase {
-  onSubmit?: (values: SignupValues) => void | Promise<void>;
+  /** `data` holds every field, including your own `children` fields. */
+  onSubmit?: (values: SignupValues, data: FormData) => void | Promise<void>;
+  /** Extra fields shown before the name field (e.g. a household name). Give each a `name`; read it from `data`. */
+  children?: React.ReactNode;
   /** Ask for a full name. Default true. */
   nameField?: boolean;
   /** Ask for the password twice; mismatches are reported before onSubmit. Default true. */
@@ -81,5 +101,21 @@ export interface SignupFormProps extends AuthFormBase {
   submitLabel?: React.ReactNode;
 }
 /** Account creation form: name, email, password (+ confirm), optional SSO. Pair with AuthLayout. */
-declare function SignupForm({ title, description, onSubmit, nameField, confirmPassword, passwordHint, minPasswordLength, providers, onProviderClick, providersFirst, loginHref, submitLabel, loading, error, className, ...props }: SignupFormProps): React.JSX.Element;
-export { AppleIcon, AuthLayout, GitHubIcon, GoogleIcon, LoginForm, SignupForm };
+declare function SignupForm({ title, description, onSubmit, children, nameField, confirmPassword, passwordHint, minPasswordLength, providers, onProviderClick, providersFirst, loginHref, submitLabel, ...props }: SignupFormProps): React.JSX.Element;
+export interface NewPasswordFormProps extends Omit<React.ComponentProps<"form">, "onSubmit" | "title" | "children">, Pick<AuthFormProps, "description" | "error" | "loading"> {
+  /** Default "Choose a new password". */
+  title?: React.ReactNode;
+  /** Called once both fields match. */
+  onSubmit?: (values: {
+    password: string;
+  }) => void | Promise<void>;
+  /** Minimum length enforced by the browser. Default 8. */
+  minPasswordLength?: number;
+  /** Hint under the password field. Default "At least N characters." */
+  passwordHint?: React.ReactNode;
+  /** Default "Save password". */
+  submitLabel?: React.ReactNode;
+}
+/** Password reset or first password: new password + confirm. Pair with AuthLayout. */
+declare function NewPasswordForm({ title, onSubmit, minPasswordLength, passwordHint, submitLabel, ...props }: NewPasswordFormProps): React.JSX.Element;
+export { AppleIcon, AuthForm, AuthLayout, GitHubIcon, GoogleIcon, LoginForm, NewPasswordForm, SignupForm };