@better-auth-ui/react 1.6.0

package/dist/components/icons/vercel.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Renders the Vercel logo as an SVG icon.
+ *
+ * @param props - Props forwarded to the root `<svg>` element (e.g., className, style, width, height, aria-*).
+ * @returns An SVG element representing the Vercel logo.
+ */
+export function Vercel(props) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", role: "img", "aria-label": "Vercel", ...props, children: _jsx("path", { fill: "currentColor", d: "M23 21.648H1L12 2.352z" }) }));
+}

package/dist/components/icons/vk.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentPropsWithRef } from "react";
+/**
+ * Render the VK social icon as an SVG element.
+ *
+ * @param props - SVG attributes and ref forwarded to the root `<svg>` element
+ * @returns An `<svg>` element containing the VK icon path
+ */
+export declare function VK(props: ComponentPropsWithRef<"svg">): import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/vk.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Render the VK social icon as an SVG element.
+ *
+ * @param props - SVG attributes and ref forwarded to the root `<svg>` element
+ * @returns An `<svg>` element containing the VK icon path
+ */
+export function VK(props) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512", role: "img", "aria-label": "VK", ...props, children: _jsx("path", { fill: "#0076FF", d: "M545 117.7c3.7-12.5 0-21.7-17.8-21.7h-58.9c-15 0-21.9 7.9-25.6 16.7c0 0-30 73.1-72.4 120.5c-13.7 13.7-20 18.1-27.5 18.1c-3.7 0-9.4-4.4-9.4-16.9V117.7c0-15-4.2-21.7-16.6-21.7h-92.6c-9.4 0-15 7-15 13.5c0 14.2 21.2 17.5 23.4 57.5v86.8c0 19-3.4 22.5-10.9 22.5c-20 0-68.6-73.4-97.4-157.4c-5.8-16.3-11.5-22.9-26.6-22.9H38.8c-16.8 0-20.2 7.9-20.2 16.7c0 15.6 20 93.1 93.1 195.5C160.4 378.1 229 416 291.4 416c37.5 0 42.1-8.4 42.1-22.9c0-66.8-3.4-73.1 15.4-73.1c8.7 0 23.7 4.4 58.7 38.1c40 40 46.6 57.9 69 57.9h58.9c16.8 0 25.3-8.4 20.4-25c-11.2-34.9-86.9-106.7-90.3-111.5c-8.7-11.2-6.2-16.2 0-26.2c.1-.1 72-101.3 79.4-135.6" }) }));
+}

package/dist/components/icons/wechat.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentPropsWithRef } from "react";
+/**
+ * Renders an "X" icon as an SVG React component.
+ *
+ * @param props - Props to spread onto the underlying `svg` element (e.g., className, style, ref).
+ * @returns The SVG element representing the "X" icon with its path filled by `currentColor`.
+ */
+export declare function WeChat(props: ComponentPropsWithRef<"svg">): import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/wechat.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Renders an "X" icon as an SVG React component.
+ *
+ * @param props - Props to spread onto the underlying `svg` element (e.g., className, style, ref).
+ * @returns The SVG element representing the "X" icon with its path filled by `currentColor`.
+ */
+export function WeChat(props) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", role: "img", "aria-label": "WeChat", ...props, children: _jsx("path", { fill: "currentColor", d: "M9.5 4C5.36 4 2 6.69 2 10c0 1.89 1.08 3.56 2.78 4.66L4 17l2.5-1.5c.89.31 1.87.5 2.91.5A5.2 5.2 0 0 1 9 14c0-3.31 3.13-6 7-6c.19 0 .38 0 .56.03C15.54 5.69 12.78 4 9.5 4m-3 2.5a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1m5 0a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1M16 9c-3.31 0-6 2.24-6 5s2.69 5 6 5c.67 0 1.31-.08 1.91-.25L20 20l-.62-1.87C20.95 17.22 22 15.71 22 14c0-2.76-2.69-5-6-5m-2 2.5a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1m4 0a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1" }) }));
+}

package/dist/components/icons/x.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentPropsWithRef } from "react";
+/**
+ * Renders an "X" icon as an SVG React component.
+ *
+ * @param props - Props to spread onto the underlying `svg` element (e.g., className, style, ref).
+ * @returns The SVG element representing the "X" icon with its path filled by `currentColor`.
+ */
+export declare function X(props: ComponentPropsWithRef<"svg">): import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/x.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Renders an "X" icon as an SVG React component.
+ *
+ * @param props - Props to spread onto the underlying `svg` element (e.g., className, style, ref).
+ * @returns The SVG element representing the "X" icon with its path filled by `currentColor`.
+ */
+export function X(props) {
+    return (_jsx("svg", { viewBox: "0 0 512 512", xmlns: "http://www.w3.org/2000/svg", role: "img", "aria-label": "X", ...props, children: _jsx("path", { d: "M389.2 48h70.6L305.6 224.2L487 464H345L233.7 318.6L106.5 464H35.8l164.9-188.5L26.8 48h145.6l100.5 132.9zm-24.8 373.8h39.1L151.1 88h-42z", fill: "currentColor" }) }));
+}

package/dist/components/icons/zoom.d.ts

@@ -0,0 +1,8 @@
+import { type ComponentPropsWithRef } from "react";
+/**
+ * Renders a stylized "Zoom" SVG icon featuring a blue multi-stop gradient and a white interior highlight.
+ *
+ * @param props - Props are forwarded to the root `<svg>` element (e.g., className, style, width, height, aria-*).
+ * @returns The SVG element for the Zoom icon.
+ */
+export declare function Zoom(props: ComponentPropsWithRef<"svg">): import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/zoom.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+/**
+ * Renders a stylized "Zoom" SVG icon featuring a blue multi-stop gradient and a white interior highlight.
+ *
+ * @param props - Props are forwarded to the root `<svg>` element (e.g., className, style, width, height, aria-*).
+ * @returns The SVG element for the Zoom icon.
+ */
+export function Zoom(props) {
+    const gradientId = useId();
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", role: "img", "aria-label": "Zoom", ...props, children: [_jsx("defs", { children: _jsxs("linearGradient", { id: gradientId, x1: "23.666%", x2: "76.334%", y1: "95.612%", y2: "4.388%", children: [_jsx("stop", { offset: "0%", stopColor: "#0845bf" }), _jsx("stop", { offset: "19.11%", stopColor: "#0950de" }), _jsx("stop", { offset: "38.23%", stopColor: "#0b59f6" }), _jsx("stop", { offset: "50%", stopColor: "#0b5cff" }), _jsx("stop", { offset: "67.32%", stopColor: "#0e5efe" }), _jsx("stop", { offset: "77.74%", stopColor: "#1665fc" }), _jsx("stop", { offset: "86.33%", stopColor: "#246ff9" }), _jsx("stop", { offset: "93.88%", stopColor: "#387ff4" }), _jsx("stop", { offset: "100%", stopColor: "#4f90ee" })] }) }), _jsx("path", { fill: `url(#${gradientId})`, d: "M256 128c0 13.568-1.024 27.136-3.328 40.192c-6.912 43.264-41.216 77.568-84.48 84.48C155.136 254.976 141.568 256 128 256s-27.136-1.024-40.192-3.328c-43.264-6.912-77.568-41.216-84.48-84.48C1.024 155.136 0 141.568 0 128s1.024-27.136 3.328-40.192c6.912-43.264 41.216-77.568 84.48-84.48C100.864 1.024 114.432 0 128 0s27.136 1.024 40.192 3.328c43.264 6.912 77.568 41.216 84.48 84.48C254.976 100.864 256 114.432 256 128" }), _jsx("path", { fill: "#fff", d: "M204.032 207.872H75.008c-8.448 0-16.64-4.608-20.48-12.032c-4.608-8.704-2.816-19.2 4.096-26.112l89.856-89.856H83.968c-17.664 0-32-14.336-32-32h118.784c8.448 0 16.64 4.608 20.48 12.032c4.608 8.704 2.816 19.2-4.096 26.112l-89.6 90.112h74.496c17.664 0 32 14.08 32 31.744" })] }));
+}

package/dist/components/settings/account/theme-preview.d.ts

@@ -0,0 +1,3 @@
+export declare function ThemePreviewSystem(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function ThemePreviewLight(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function ThemePreviewDark(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/components/settings/account/theme-preview.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ThemePreviewSystem(props) {
+    return (_jsxs("svg", { fill: "none", viewBox: "0 0 240 117", xmlns: "http://www.w3.org/2000/svg", role: "img", "aria-label": "System theme preview", ...props, children: [_jsxs("defs", { children: [_jsx("clipPath", { id: "systemDiagonalLight", children: _jsx("polygon", { points: "0,0 240,0 0,117" }) }), _jsx("clipPath", { id: "systemDiagonalDark", children: _jsx("polygon", { points: "240,0 240,117 0,117" }) })] }), _jsxs("g", { clipPath: "url(#systemDiagonalLight)", children: [_jsx("path", { d: "M12 0.5H228C234.351 0.5 239.5 5.64873 239.5 12V105C239.5 111.351 234.351 116.5 228 116.5H12C5.64873 116.5 0.5 111.351 0.5 105V12C0.5 5.64873 5.64873 0.5 12 0.5Z", fill: "white" }), _jsx("path", { d: "M12 0.5H228C234.351 0.5 239.5 5.64873 239.5 12V105C239.5 111.351 234.351 116.5 228 116.5H12C5.64873 116.5 0.5 111.351 0.5 105V12C0.5 5.64873 5.64873 0.5 12 0.5Z", stroke: "#E4E4E7" }), _jsx("path", { d: "M32 48.5C32 45.4624 34.4624 43 37.5 43H67.5C70.5376 43 73 45.4624 73 48.5C73 51.5376 70.5376 54 67.5 54H37.5C34.4624 54 32 51.5376 32 48.5Z", fill: "#F4F4F5" }), _jsx("path", { d: "M17 105C17 101.686 19.6863 99 23 99H67C70.3137 99 73 101.686 73 105C73 108.314 70.3137 111 67 111H23C19.6863 111 17 108.314 17 105Z", fill: "#F4F4F5" }), _jsx("path", { d: "M88 25.5C88 22.4624 90.4624 20 93.5 20H207.5C210.538 20 213 22.4624 213 25.5C213 28.5376 210.538 31 207.5 31H93.5C90.4624 31 88 28.5376 88 25.5Z", fill: "#E4E4E7" }), _jsx("path", { d: "M88 105C88 101.686 90.6863 99 94 99H189C192.314 99 195 101.686 195 105C195 108.314 192.314 111 189 111H94C90.6863 111 88 108.314 88 105Z", fill: "#F4F4F5" }), _jsx("path", { d: "M88 51C88 46.5817 91.5817 43 96 43H221C225.418 43 229 46.5817 229 51V85C229 89.4183 225.418 93 221 93H96C91.5817 93 88 89.4183 88 85V51Z", fill: "#F4F4F5" }), _jsx("path", { d: "M17 48.5C17 45.4624 19.4624 43 22.5 43C25.5376 43 28 45.4624 28 48.5C28 51.5376 25.5376 54 22.5 54C19.4624 54 17 51.5376 17 48.5Z", fill: "#F4F4F5" }), _jsx("path", { d: "M17 66.5C17 63.4624 19.4624 61 22.5 61C25.5376 61 28 63.4624 28 66.5C28 69.5376 25.5376 72 22.5 72C19.4624 72 17 69.5376 17 66.5Z", fill: "#F4F4F5" }), _jsx("path", { d: "M17 86.5C17 83.4624 19.4624 81 22.5 81C25.5376 81 28 83.4624 28 86.5V87.5C28 90.5376 25.5376 93 22.5 93C19.4624 93 17 90.5376 17 87.5V86.5Z", fill: "#F4F4F5" }), _jsx("path", { d: "M32 25.5C32 22.4624 34.4624 20 37.5 20H67.5C70.5376 20 73 22.4624 73 25.5C73 28.5376 70.5376 31 67.5 31H37.5C34.4624 31 32 28.5376 32 25.5Z", fill: "#E4E4E7" }), _jsx("path", { d: "M32 66.5C32 63.4624 34.4624 61 37.5 61H67.5C70.5376 61 73 63.4624 73 66.5C73 69.5376 70.5376 72 67.5 72H37.5C34.4624 72 32 69.5376 32 66.5Z", fill: "#F4F4F5" }), _jsx("path", { d: "M32 87C32 83.6863 34.6863 81 38 81H67C70.3137 81 73 83.6863 73 87C73 90.3137 70.3137 93 67 93H38C34.6863 93 32 90.3137 32 87Z", fill: "#F4F4F5" }), _jsx("circle", { cx: "22.5", cy: "25.5", fill: "#E4E4E7", r: "5.5" })] }), _jsxs("g", { clipPath: "url(#systemDiagonalDark)", children: [_jsx("path", { d: "M12 0.5H228C234.351 0.5 239.5 5.64873 239.5 12V105C239.5 111.351 234.351 116.5 228 116.5H12C5.64873 116.5 0.5 111.351 0.5 105V12C0.5 5.64873 5.64873 0.5 12 0.5Z", fill: "black" }), _jsx("path", { d: "M12 0.5H228C234.351 0.5 239.5 5.64873 239.5 12V105C239.5 111.351 234.351 116.5 228 116.5H12C5.64873 116.5 0.5 111.351 0.5 105V12C0.5 5.64873 5.64873 0.5 12 0.5Z", stroke: "#3F3F46" }), _jsx("path", { d: "M32 48.5C32 45.4624 34.4624 43 37.5 43H67.5C70.5376 43 73 45.4624 73 48.5C73 51.5376 70.5376 54 67.5 54H37.5C34.4624 54 32 51.5376 32 48.5Z", fill: "#27272A" }), _jsx("path", { d: "M17 105C17 101.686 19.6863 99 23 99H67C70.3137 99 73 101.686 73 105C73 108.314 70.3137 111 67 111H23C19.6863 111 17 108.314 17 105Z", fill: "#27272A" }), _jsx("path", { d: "M88 25.5C88 22.4624 90.4624 20 93.5 20H207.5C210.538 20 213 22.4624 213 25.5C213 28.5376 210.538 31 207.5 31H93.5C90.4624 31 88 28.5376 88 25.5Z", fill: "#3F3F46" }), _jsx("path", { d: "M88 105C88 101.686 90.6863 99 94 99H189C192.314 99 195 101.686 195 105C195 108.314 192.314 111 189 111H94C90.6863 111 88 108.314 88 105Z", fill: "#27272A" }), _jsx("path", { d: "M88 51C88 46.5817 91.5817 43 96 43H221C225.418 43 229 46.5817 229 51V85C229 89.4183 225.418 93 221 93H96C91.5817 93 88 89.4183 88 85V51Z", fill: "#27272A" }), _jsx("path", { d: "M17 48.5C17 45.4624 19.4624 43 22.5 43C25.5376 43 28 45.4624 28 48.5C28 51.5376 25.5376 54 22.5 54C19.4624 54 17 51.5376 17 48.5Z", fill: "#27272A" }), _jsx("path", { d: "M17 66.5C17 63.4624 19.4624 61 22.5 61C25.5376 61 28 63.4624 28 66.5C28 69.5376 25.5376 72 22.5 72C19.4624 72 17 69.5376 17 66.5Z", fill: "#27272A" }), _jsx("path", { d: "M17 86.5C17 83.4624 19.4624 81 22.5 81C25.5376 81 28 83.4624 28 86.5V87.5C28 90.5376 25.5376 93 22.5 93C19.4624 93 17 90.5376 17 87.5V86.5Z", fill: "#27272A" }), _jsx("path", { d: "M32 25.5C32 22.4624 34.4624 20 37.5 20H67.5C70.5376 20 73 22.4624 73 25.5C73 28.5376 70.5376 31 67.5 31H37.5C34.4624 31 32 28.5376 32 25.5Z", fill: "#3F3F46" }), _jsx("path", { d: "M32 66.5C32 63.4624 34.4624 61 37.5 61H67.5C70.5376 61 73 63.4624 73 66.5C73 69.5376 70.5376 72 67.5 72H37.5C34.4624 72 32 69.5376 32 66.5Z", fill: "#27272A" }), _jsx("path", { d: "M32 87C32 83.6863 34.6863 81 38 81H67C70.3137 81 73 83.6863 73 87C73 90.3137 70.3137 93 67 93H38C34.6863 93 32 90.3137 32 87Z", fill: "#27272A" }), _jsx("circle", { cx: "22.5", cy: "25.5", fill: "#3F3F46", r: "5.5" })] })] }));
+}
+export function ThemePreviewLight(props) {
+    return (_jsxs("svg", { fill: "none", viewBox: "0 0 240 117", xmlns: "http://www.w3.org/2000/svg", role: "img", "aria-label": "Light", ...props, children: [_jsx("path", { d: "M12 0.5H228C234.351 0.5 239.5 5.64873 239.5 12V105C239.5 111.351 234.351 116.5 228 116.5H12C5.64873 116.5 0.5 111.351 0.5 105V12C0.5 5.64873 5.64873 0.5 12 0.5Z", fill: "white" }), _jsx("path", { d: "M12 0.5H228C234.351 0.5 239.5 5.64873 239.5 12V105C239.5 111.351 234.351 116.5 228 116.5H12C5.64873 116.5 0.5 111.351 0.5 105V12C0.5 5.64873 5.64873 0.5 12 0.5Z", stroke: "#E4E4E7" }), _jsx("path", { d: "M32 48.5C32 45.4624 34.4624 43 37.5 43H67.5C70.5376 43 73 45.4624 73 48.5C73 51.5376 70.5376 54 67.5 54H37.5C34.4624 54 32 51.5376 32 48.5Z", fill: "#F4F4F5" }), _jsx("path", { d: "M17 105C17 101.686 19.6863 99 23 99H67C70.3137 99 73 101.686 73 105C73 108.314 70.3137 111 67 111H23C19.6863 111 17 108.314 17 105Z", fill: "#F4F4F5" }), _jsx("path", { d: "M88 25.5C88 22.4624 90.4624 20 93.5 20H207.5C210.538 20 213 22.4624 213 25.5C213 28.5376 210.538 31 207.5 31H93.5C90.4624 31 88 28.5376 88 25.5Z", fill: "#E4E4E7" }), _jsx("path", { d: "M88 105C88 101.686 90.6863 99 94 99H189C192.314 99 195 101.686 195 105C195 108.314 192.314 111 189 111H94C90.6863 111 88 108.314 88 105Z", fill: "#F4F4F5" }), _jsx("path", { d: "M88 51C88 46.5817 91.5817 43 96 43H221C225.418 43 229 46.5817 229 51V85C229 89.4183 225.418 93 221 93H96C91.5817 93 88 89.4183 88 85V51Z", fill: "#F4F4F5" }), _jsx("path", { d: "M17 48.5C17 45.4624 19.4624 43 22.5 43C25.5376 43 28 45.4624 28 48.5C28 51.5376 25.5376 54 22.5 54C19.4624 54 17 51.5376 17 48.5Z", fill: "#F4F4F5" }), _jsx("path", { d: "M17 66.5C17 63.4624 19.4624 61 22.5 61C25.5376 61 28 63.4624 28 66.5C28 69.5376 25.5376 72 22.5 72C19.4624 72 17 69.5376 17 66.5Z", fill: "#F4F4F5" }), _jsx("path", { d: "M17 86.5C17 83.4624 19.4624 81 22.5 81C25.5376 81 28 83.4624 28 86.5V87.5C28 90.5376 25.5376 93 22.5 93C19.4624 93 17 90.5376 17 87.5V86.5Z", fill: "#F4F4F5" }), _jsx("path", { d: "M32 25.5C32 22.4624 34.4624 20 37.5 20H67.5C70.5376 20 73 22.4624 73 25.5C73 28.5376 70.5376 31 67.5 31H37.5C34.4624 31 32 28.5376 32 25.5Z", fill: "#E4E4E7" }), _jsx("path", { d: "M32 66.5C32 63.4624 34.4624 61 37.5 61H67.5C70.5376 61 73 63.4624 73 66.5C73 69.5376 70.5376 72 67.5 72H37.5C34.4624 72 32 69.5376 32 66.5Z", fill: "#F4F4F5" }), _jsx("path", { d: "M32 87C32 83.6863 34.6863 81 38 81H67C70.3137 81 73 83.6863 73 87C73 90.3137 70.3137 93 67 93H38C34.6863 93 32 90.3137 32 87Z", fill: "#F4F4F5" }), _jsx("circle", { cx: "22.5", cy: "25.5", fill: "#E4E4E7", r: "5.5" })] }));
+}
+export function ThemePreviewDark(props) {
+    return (_jsxs("svg", { fill: "none", viewBox: "0 0 240 117", xmlns: "http://www.w3.org/2000/svg", role: "img", "aria-label": "Dark", ...props, children: [_jsx("path", { d: "M12 0.5H228C234.351 0.5 239.5 5.64873 239.5 12V105C239.5 111.351 234.351 116.5 228 116.5H12C5.64873 116.5 0.5 111.351 0.5 105V12C0.5 5.64873 5.64873 0.5 12 0.5Z", fill: "black" }), _jsx("path", { d: "M12 0.5H228C234.351 0.5 239.5 5.64873 239.5 12V105C239.5 111.351 234.351 116.5 228 116.5H12C5.64873 116.5 0.5 111.351 0.5 105V12C0.5 5.64873 5.64873 0.5 12 0.5Z", stroke: "#3F3F46" }), _jsx("path", { d: "M32 48.5C32 45.4624 34.4624 43 37.5 43H67.5C70.5376 43 73 45.4624 73 48.5C73 51.5376 70.5376 54 67.5 54H37.5C34.4624 54 32 51.5376 32 48.5Z", fill: "#27272A" }), _jsx("path", { d: "M17 105C17 101.686 19.6863 99 23 99H67C70.3137 99 73 101.686 73 105C73 108.314 70.3137 111 67 111H23C19.6863 111 17 108.314 17 105Z", fill: "#27272A" }), _jsx("path", { d: "M88 25.5C88 22.4624 90.4624 20 93.5 20H207.5C210.538 20 213 22.4624 213 25.5C213 28.5376 210.538 31 207.5 31H93.5C90.4624 31 88 28.5376 88 25.5Z", fill: "#3F3F46" }), _jsx("path", { d: "M88 105C88 101.686 90.6863 99 94 99H189C192.314 99 195 101.686 195 105C195 108.314 192.314 111 189 111H94C90.6863 111 88 108.314 88 105Z", fill: "#27272A" }), _jsx("path", { d: "M88 51C88 46.5817 91.5817 43 96 43H221C225.418 43 229 46.5817 229 51V85C229 89.4183 225.418 93 221 93H96C91.5817 93 88 89.4183 88 85V51Z", fill: "#27272A" }), _jsx("path", { d: "M17 48.5C17 45.4624 19.4624 43 22.5 43C25.5376 43 28 45.4624 28 48.5C28 51.5376 25.5376 54 22.5 54C19.4624 54 17 51.5376 17 48.5Z", fill: "#27272A" }), _jsx("path", { d: "M17 66.5C17 63.4624 19.4624 61 22.5 61C25.5376 61 28 63.4624 28 66.5C28 69.5376 25.5376 72 22.5 72C19.4624 72 17 69.5376 17 66.5Z", fill: "#27272A" }), _jsx("path", { d: "M17 86.5C17 83.4624 19.4624 81 22.5 81C25.5376 81 28 83.4624 28 86.5V87.5C28 90.5376 25.5376 93 22.5 93C19.4624 93 17 90.5376 17 87.5V86.5Z", fill: "#27272A" }), _jsx("path", { d: "M32 25.5C32 22.4624 34.4624 20 37.5 20H67.5C70.5376 20 73 22.4624 73 25.5C73 28.5376 70.5376 31 67.5 31H37.5C34.4624 31 32 28.5376 32 25.5Z", fill: "#3F3F46" }), _jsx("path", { d: "M32 66.5C32 63.4624 34.4624 61 37.5 61H67.5C70.5376 61 73 63.4624 73 66.5C73 69.5376 70.5376 72 67.5 72H37.5C34.4624 72 32 69.5376 32 66.5Z", fill: "#27272A" }), _jsx("path", { d: "M32 87C32 83.6863 34.6863 81 38 81H67C70.3137 81 73 83.6863 73 87C73 90.3137 70.3137 93 67 93H38C34.6863 93 32 90.3137 32 87Z", fill: "#27272A" }), _jsx("circle", { cx: "22.5", cy: "25.5", fill: "#3F3F46", r: "5.5" })] }));
+}

package/dist/core.d.ts

@@ -0,0 +1 @@
+export * from "@better-auth-ui/core";

package/dist/core.js

@@ -0,0 +1 @@
+export * from "@better-auth-ui/core";

package/dist/hooks/auth/use-auth-mutation.d.ts

@@ -0,0 +1,18 @@
+import { type UseMutationOptions, type UseMutationResult } from "@tanstack/react-query";
+import type { BetterFetchError } from "better-auth/react";
+type AuthFn = (...args: any) => Promise<any>;
+type MutationParams<TFn extends AuthFn> = undefined extends Parameters<TFn>[0] ? // biome-ignore lint/suspicious/noConfusingVoidType: void is needed for mutations with optional params
+void | Omit<NonNullable<Parameters<TFn>[0]>, "fetchOptions"> : Omit<Parameters<TFn>[0], "fetchOptions">;
+type InferMutationData<TFn extends AuthFn> = TFn extends (...args: infer _A) => infer R ? Extract<Awaited<R>, {
+    error: null;
+}> extends {
+    data: infer D;
+} ? D : Awaited<R> : Awaited<ReturnType<TFn>>;
+export type UseAuthMutationOptions<TFn extends AuthFn> = Omit<UseMutationOptions<InferMutationData<TFn>, BetterFetchError, MutationParams<TFn>>, "mutationFn">;
+export type UseAuthMutationResult<TFn extends AuthFn> = UseMutationResult<InferMutationData<TFn>, BetterFetchError, MutationParams<TFn>>;
+type UseAuthMutationProps<TFn extends AuthFn> = {
+    authFn: TFn;
+    options?: UseAuthMutationOptions<TFn>;
+};
+export declare function useAuthMutation<TFn extends AuthFn>({ authFn, options }: UseAuthMutationProps<TFn>): UseAuthMutationResult<TFn>;
+export {};

package/dist/hooks/auth/use-auth-mutation.js

@@ -0,0 +1,10 @@
+import { useMutation } from "@tanstack/react-query";
+export function useAuthMutation({ authFn, options }) {
+    return useMutation({
+        mutationFn: (params) => authFn({
+            ...params,
+            fetchOptions: { throw: true }
+        }),
+        ...options
+    });
+}

package/dist/hooks/auth/use-auth-query.d.ts

@@ -0,0 +1,24 @@
+import { type UseQueryOptions, type UseQueryResult } from "@tanstack/react-query";
+import type { BetterFetchError, BetterFetchOption } from "better-auth/react";
+type BetterFetchFn = (options: {
+    fetchOptions?: BetterFetchOption;
+}) => Promise<{
+    data: unknown;
+}>;
+type InferData<TFn> = TFn extends (options: {
+    fetchOptions?: BetterFetchOption;
+}) => Promise<{
+    data: infer TData;
+}> ? TData : never;
+type OmitFetchOptions<T> = {
+    [K in keyof T as K extends "fetchOptions" ? never : K]: T[K];
+};
+export type UseAuthQueryOptions<TFn extends BetterFetchFn> = Omit<UseQueryOptions<InferData<TFn>, BetterFetchError>, "queryFn">;
+export type UseAuthQueryResult<TFn extends BetterFetchFn> = UseQueryResult<InferData<TFn>, BetterFetchError>;
+type UseAuthQueryProps<TFn extends BetterFetchFn> = {
+    authFn: TFn;
+    params?: OmitFetchOptions<Parameters<TFn>[0]>;
+    options: UseAuthQueryOptions<TFn>;
+};
+export declare function useAuthQuery<TFn extends BetterFetchFn>({ authFn, params, options }: UseAuthQueryProps<TFn>): UseQueryResult<import("@tanstack/react-query").NoInfer<InferData<TFn>>, BetterFetchError>;
+export {};

package/dist/hooks/auth/use-auth-query.js

@@ -0,0 +1,10 @@
+import { useQuery } from "@tanstack/react-query";
+export function useAuthQuery({ authFn, params, options }) {
+    return useQuery({
+        queryFn: async () => {
+            const result = await authFn({ ...params, fetchOptions: { throw: true } });
+            return result;
+        },
+        ...options
+    });
+}

package/dist/hooks/auth/use-authenticate.d.ts

@@ -0,0 +1,9 @@
+import { type AuthClient } from "@better-auth-ui/react";
+import type { UseAuthQueryOptions, UseAuthQueryResult } from "./use-auth-query";
+/**
+ * Redirects unauthenticated users to the sign-in page while preserving the current URL and exposes the active auth session state.
+ *
+ * @param options - Query options forwarded to the session query hook
+ * @returns An object containing `data` (the current session or `undefined`), `isPending` (whether the session query is in progress), and other session query state
+ */
+export declare function useAuthenticate(options?: Partial<UseAuthQueryOptions<AuthClient["getSession"]>>): UseAuthQueryResult<AuthClient["getSession"]>;

package/dist/hooks/auth/use-authenticate.js

@@ -0,0 +1,28 @@
+import { useAuth } from "@better-auth-ui/react";
+import { useEffect } from "react";
+import { useSession } from "./use-session";
+/**
+ * Redirects unauthenticated users to the sign-in page while preserving the current URL and exposes the active auth session state.
+ *
+ * @param options - Query options forwarded to the session query hook
+ * @returns An object containing `data` (the current session or `undefined`), `isPending` (whether the session query is in progress), and other session query state
+ */
+export function useAuthenticate(options) {
+    const { basePaths, viewPaths, navigate } = useAuth();
+    const session = useSession(options);
+    useEffect(() => {
+        if (session.data || session.isPending)
+            return;
+        const currentURL = window.location.pathname + window.location.search;
+        const redirectTo = encodeURIComponent(currentURL);
+        const signInPath = `${basePaths.auth}/${viewPaths.auth.signIn}?redirectTo=${redirectTo}`;
+        navigate({ to: signInPath, replace: true });
+    }, [
+        basePaths.auth,
+        session.data,
+        session.isPending,
+        viewPaths.auth.signIn,
+        navigate
+    ]);
+    return session;
+}

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

@@ -0,0 +1,20 @@
+import { type AuthClient } from "@better-auth-ui/react";
+import type { UseAuthMutationOptions } from "./use-auth-mutation";
+export { useAuthMutation } from "./use-auth-mutation";
+/**
+ * Hook that creates a mutation for the forgot-password flow.
+ *
+ * The mutation sends a password reset request for the submitted email,
+ * and navigates to the sign-in view on success.
+ *
+ * @returns The `useMutation` result.
+ */
+export declare function useRequestPasswordReset(options?: UseAuthMutationOptions<AuthClient["requestPasswordReset"]>): import("@tanstack/react-query").UseMutationResult<any, import("better-auth/react").BetterFetchError, Omit<import("better-auth").Prettify<{
+    email: string;
+    redirectTo?: string | undefined;
+} & {
+    fetchOptions?: import("better-auth").ClientFetchOption<Partial<{
+        email: string;
+        redirectTo?: string | undefined;
+    }> & Record<string, any>, Partial<Record<string, any>> & Record<string, any>, Record<string, any> | undefined> | undefined;
+}>, "fetchOptions">>;

package/dist/hooks/auth/use-forgot-password.js

@@ -0,0 +1,14 @@
+import { useAuth, useAuthMutation } from "@better-auth-ui/react";
+export { useAuthMutation } from "./use-auth-mutation";
+/**
+ * Hook that creates a mutation for the forgot-password flow.
+ *
+ * The mutation sends a password reset request for the submitted email,
+ * and navigates to the sign-in view on success.
+ *
+ * @returns The `useMutation` result.
+ */
+export function useRequestPasswordReset(options) {
+    const { authClient } = useAuth();
+    return useAuthMutation(authClient.requestPasswordReset, options);
+}

package/dist/hooks/auth/use-request-password-reset.d.ts

@@ -0,0 +1,26 @@
+import { type AuthClient } from "@better-auth-ui/react";
+import type { UseAuthMutationOptions } from "./use-auth-mutation";
+export { useAuthMutation } from "./use-auth-mutation";
+/**
+ * Hook that creates a mutation for the forgot-password flow.
+ *
+ * The mutation sends a password reset request for the submitted email,
+ * and navigates to the sign-in view on success.
+ *
+ * @returns The `useMutation` result.
+ */
+export declare function useRequestPasswordReset(options?: UseAuthMutationOptions<AuthClient["requestPasswordReset"]>): import("./use-auth-mutation").UseAuthMutationResult<(<FetchOptions extends import("better-auth").ClientFetchOption<Partial<{
+    email: string;
+    redirectTo?: string | undefined;
+}> & Record<string, any>, Partial<Record<string, any>> & Record<string, any>, Record<string, any> | undefined>>(data_0: import("better-auth").Prettify<{
+    email: string;
+    redirectTo?: string | undefined;
+} & {
+    fetchOptions?: FetchOptions | undefined;
+}>, data_1?: FetchOptions | undefined) => Promise<import("better-auth/react").BetterFetchResponse<{
+    status: boolean;
+    message: string;
+}, {
+    code?: string | undefined;
+    message?: string | undefined;
+}, FetchOptions["throw"] extends true ? true : false>>)>;

package/dist/hooks/auth/use-request-password-reset.js

@@ -0,0 +1,14 @@
+import { useAuth, useAuthMutation } from "@better-auth-ui/react";
+export { useAuthMutation } from "./use-auth-mutation";
+/**
+ * Hook that creates a mutation for the forgot-password flow.
+ *
+ * The mutation sends a password reset request for the submitted email,
+ * and navigates to the sign-in view on success.
+ *
+ * @returns The `useMutation` result.
+ */
+export function useRequestPasswordReset(options) {
+    const { authClient } = useAuth();
+    return useAuthMutation({ authFn: authClient.requestPasswordReset, options });
+}

package/dist/hooks/auth/use-reset-password.d.ts

@@ -0,0 +1,40 @@
+import { type AuthClient } from "@better-auth-ui/react";
+import type { UseAuthMutationOptions } from "./use-auth-mutation";
+export { useAuthMutation } from "./use-auth-mutation";
+/**
+ * Hook that creates a mutation for the reset-password flow.
+ *
+ * The mutation resets the user's password using the provided token and new password.
+ *
+ * @returns The `useMutation` result.
+ */
+export declare function useResetPassword(options?: UseAuthMutationOptions<AuthClient["resetPassword"]>): import("./use-auth-mutation").UseAuthMutationResult<(<FetchOptions extends import("better-auth").ClientFetchOption<Partial<{
+    newPassword: string;
+    token?: string | undefined;
+}> & Record<string, any>, Partial<{
+    token?: string | undefined;
+}> & Record<string, any>, Record<string, any> | undefined>>(data_0: import("better-auth").Prettify<{
+    newPassword: string;
+    token?: string | undefined;
+} & {
+    fetchOptions?: FetchOptions | undefined;
+}>, data_1?: FetchOptions | undefined) => Promise<import("better-auth/react").BetterFetchResponse<{
+    status: boolean;
+}, {
+    code?: string | undefined;
+    message?: string | undefined;
+}, FetchOptions["throw"] extends true ? true : false>>) & {
+    ":token": <FetchOptions extends import("better-auth").ClientFetchOption<never, Partial<{
+        callbackURL: string;
+    }> & Record<string, any>, {
+        token: string;
+    }>>(data_0: import("better-auth").Prettify<{
+        query: {
+            callbackURL: string;
+        };
+        fetchOptions?: FetchOptions | undefined;
+    }>, data_1?: FetchOptions | undefined) => Promise<import("better-auth/react").BetterFetchResponse<never, {
+        code?: string | undefined;
+        message?: string | undefined;
+    }, FetchOptions["throw"] extends true ? true : false>>;
+}>;

package/dist/hooks/auth/use-reset-password.js

@@ -0,0 +1,13 @@
+import { useAuth, useAuthMutation } from "@better-auth-ui/react";
+export { useAuthMutation } from "./use-auth-mutation";
+/**
+ * Hook that creates a mutation for the reset-password flow.
+ *
+ * The mutation resets the user's password using the provided token and new password.
+ *
+ * @returns The `useMutation` result.
+ */
+export function useResetPassword(options) {
+    const { authClient } = useAuth();
+    return useAuthMutation({ authFn: authClient.resetPassword, options });
+}

package/dist/hooks/auth/use-send-verification-email.d.ts

@@ -0,0 +1,24 @@
+import { type AuthClient } from "@better-auth-ui/react";
+import type { UseAuthMutationOptions } from "./use-auth-mutation";
+export { useAuthMutation } from "./use-auth-mutation";
+/**
+ * Hook that creates a mutation to send a verification email.
+ *
+ * The mutation sends a verification email to the specified email address.
+ *
+ * @returns The `useMutation` result.
+ */
+export declare function useSendVerificationEmail(options?: UseAuthMutationOptions<AuthClient["sendVerificationEmail"]>): import("./use-auth-mutation").UseAuthMutationResult<(<FetchOptions extends import("better-auth").ClientFetchOption<Partial<{
+    email: string;
+    callbackURL?: string | undefined;
+}> & Record<string, any>, Partial<Record<string, any>> & Record<string, any>, Record<string, any> | undefined>>(data_0: import("better-auth").Prettify<{
+    email: string;
+    callbackURL?: string | undefined;
+} & {
+    fetchOptions?: FetchOptions | undefined;
+}>, data_1?: FetchOptions | undefined) => Promise<import("better-auth/react").BetterFetchResponse<{
+    status: boolean;
+}, {
+    code?: string | undefined;
+    message?: string | undefined;
+}, FetchOptions["throw"] extends true ? true : false>>)>;

package/dist/hooks/auth/use-send-verification-email.js

@@ -0,0 +1,13 @@
+import { useAuth, useAuthMutation } from "@better-auth-ui/react";
+export { useAuthMutation } from "./use-auth-mutation";
+/**
+ * Hook that creates a mutation to send a verification email.
+ *
+ * The mutation sends a verification email to the specified email address.
+ *
+ * @returns The `useMutation` result.
+ */
+export function useSendVerificationEmail(options) {
+    const { authClient } = useAuth();
+    return useAuthMutation({ authFn: authClient.sendVerificationEmail, options });
+}

package/dist/hooks/auth/use-session.d.ts

@@ -0,0 +1,9 @@
+import { type AuthClient } from "@better-auth-ui/react";
+import { type UseAuthQueryOptions, type UseAuthQueryResult } from "./use-auth-query";
+/**
+ * Retrieve the current authentication session.
+ *
+ * @param options - Options to merge into the React Query configuration for the session query.
+ * @returns The React Query result for the session query: `data` contains session information, `isLoading`/`isFetching` indicate loading state, and `error` contains any fetch error.
+ */
+export declare function useSession(options?: Partial<UseAuthQueryOptions<AuthClient["getSession"]>>): UseAuthQueryResult<AuthClient["getSession"]>;

package/dist/hooks/auth/use-session.js

@@ -0,0 +1,18 @@
+import { useAuth } from "@better-auth-ui/react";
+import { useAuthQuery } from "./use-auth-query";
+/**
+ * Retrieve the current authentication session.
+ *
+ * @param options - Options to merge into the React Query configuration for the session query.
+ * @returns The React Query result for the session query: `data` contains session information, `isLoading`/`isFetching` indicate loading state, and `error` contains any fetch error.
+ */
+export function useSession(options) {
+    const { authClient } = useAuth();
+    return useAuthQuery({
+        authFn: authClient.getSession,
+        options: {
+            queryKey: ["auth", "getSession"],
+            ...options
+        }
+    });
+}

package/dist/hooks/auth/use-sign-in-email.d.ts

@@ -0,0 +1,53 @@
+import { type AuthClient } from "@better-auth-ui/react";
+import type { UseAuthMutationOptions } from "./use-auth-mutation";
+export { useAuthMutation } from "./use-auth-mutation";
+/**
+ * Hook that creates a mutation for email/password sign-in.
+ *
+ * The mutation sends an email/password sign-in request and
+ * refetches the session on completion.
+ *
+ * @returns The `useMutation` result.
+ */
+export declare function useSignInEmail(options?: UseAuthMutationOptions<AuthClient["signIn"]["email"]>): import("./use-auth-mutation").UseAuthMutationResult<(<FetchOptions extends import("better-auth").ClientFetchOption<Partial<{
+    email: string;
+    password: string;
+    callbackURL?: string | undefined;
+    rememberMe?: boolean | undefined;
+}> & Record<string, any>, Partial<Record<string, any>> & Record<string, any>, Record<string, any> | undefined>>(data_0: import("better-auth").Prettify<{
+    email: string;
+    password: string;
+    callbackURL?: string | undefined;
+    rememberMe?: boolean | undefined;
+} & {
+    fetchOptions?: FetchOptions | undefined;
+}>, data_1?: FetchOptions | undefined) => Promise<import("better-auth/react").BetterFetchResponse<Omit<{
+    redirect: boolean;
+    token: string;
+    url?: string | undefined;
+    user: {
+        id: string;
+        createdAt: Date;
+        updatedAt: Date;
+        email: string;
+        emailVerified: boolean;
+        name: string;
+        image?: string | null | undefined | undefined;
+    };
+}, "user"> & {
+    user: import("better-auth").StripEmptyObjects<{
+        id: string;
+        createdAt: Date;
+        updatedAt: Date;
+        email: string;
+        emailVerified: boolean;
+        name: string;
+        image?: string | null | undefined;
+    } & {} & {
+        username?: string | null | undefined;
+        displayUsername?: string | null | undefined;
+    }>;
+}, {
+    code?: string | undefined;
+    message?: string | undefined;
+}, FetchOptions["throw"] extends true ? true : false>>)>;

package/dist/hooks/auth/use-sign-in-email.js

@@ -0,0 +1,24 @@
+import { useAuth, useAuthMutation, useSession } from "@better-auth-ui/react";
+export { useAuthMutation } from "./use-auth-mutation";
+/**
+ * Hook that creates a mutation for email/password sign-in.
+ *
+ * The mutation sends an email/password sign-in request and
+ * refetches the session on completion.
+ *
+ * @returns The `useMutation` result.
+ */
+export function useSignInEmail(options) {
+    const { authClient } = useAuth();
+    const { refetch } = useSession({ refetchOnMount: false });
+    return useAuthMutation({
+        authFn: authClient.signIn.email,
+        options: {
+            ...options,
+            onSuccess: async (...args) => {
+                await refetch();
+                await options?.onSuccess?.(...args);
+            }
+        }
+    });
+}

package/dist/hooks/auth/use-sign-in-magic-link.d.ts

@@ -0,0 +1,32 @@
+import { type AuthClient } from "@better-auth-ui/react";
+import type { UseAuthMutationOptions } from "./use-auth-mutation";
+export { useAuthMutation } from "./use-auth-mutation";
+/**
+ * Hook that creates a mutation for magic-link sign-in.
+ *
+ * The mutation sends a magic-link sign-in email to the specified address.
+ *
+ * @returns The `useMutation` result.
+ */
+export declare function useSignInMagicLink(options?: UseAuthMutationOptions<AuthClient["signIn"]["magicLink"]>): import("./use-auth-mutation").UseAuthMutationResult<(<FetchOptions extends import("better-auth").ClientFetchOption<Partial<{
+    email: string;
+    name?: string | undefined;
+    callbackURL?: string | undefined;
+    newUserCallbackURL?: string | undefined;
+    errorCallbackURL?: string | undefined;
+    metadata?: Record<string, any> | undefined;
+}> & Record<string, any>, Partial<Record<string, any>> & Record<string, any>, Record<string, any> | undefined>>(data_0: import("better-auth").Prettify<{
+    email: string;
+    name?: string | undefined;
+    callbackURL?: string | undefined;
+    newUserCallbackURL?: string | undefined;
+    errorCallbackURL?: string | undefined;
+    metadata?: Record<string, any> | undefined;
+} & {
+    fetchOptions?: FetchOptions | undefined;
+}>, data_1?: FetchOptions | undefined) => Promise<import("better-auth/react").BetterFetchResponse<{
+    status: boolean;
+}, {
+    code?: string | undefined;
+    message?: string | undefined;
+}, FetchOptions["throw"] extends true ? true : false>>)>;

package/dist/hooks/auth/use-sign-in-magic-link.js

@@ -0,0 +1,13 @@
+import { useAuth, useAuthMutation } from "@better-auth-ui/react";
+export { useAuthMutation } from "./use-auth-mutation";
+/**
+ * Hook that creates a mutation for magic-link sign-in.
+ *
+ * The mutation sends a magic-link sign-in email to the specified address.
+ *
+ * @returns The `useMutation` result.
+ */
+export function useSignInMagicLink(options) {
+    const { authClient } = useAuth();
+    return useAuthMutation({ authFn: authClient.signIn.magicLink, options });
+}