@better-auth-ui/react 1.6.8 → 1.6.9

package/dist/components/auth/email/reset-password.js

@@ -1,140 +1,68 @@
-import { cn as e } from "../../../lib/utils.js";
-import t from "./email-styles.js";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Body as a, Button as o, Container as s, Head as c, Heading as l, Hr as u, Html as d, Img as f, Link as p, Preview as m, Section as h, Tailwind as g, Text as _, pixelBasedPreset as v } from "@react-email/components";
-//#region src/components/auth/email/reset-password.tsx
-var y = {
-	RESET_YOUR_PASSWORD: "Reset your password",
-	LOGO: "Logo",
-	WE_RECEIVED_REQUEST_TO_RESET_PASSWORD: "We received a request to reset the password for your {appName} account {email}.",
-	RESET_PASSWORD: "Reset password",
-	OR_COPY_AND_PASTE_URL: "Or copy and paste this URL into your browser:",
-	THIS_LINK_EXPIRES_IN_MINUTES: "This link expires in {expirationMinutes} minutes.",
-	EMAIL_SENT_BY: "Email sent by {appName}.",
-	IF_YOU_DIDNT_REQUEST_PASSWORD_RESET: "If you didn't request a password reset, you can safely ignore this email. Your password will remain unchanged.",
-	POWERED_BY_BETTER_AUTH: "Powered by {betterAuth}"
-}, b = ({ url: y, email: x, appName: S, expirationMinutes: C = 60, logoURL: w, colors: T, classNames: E, darkMode: D = !0, poweredBy: O, head: k, ...A }) => {
-	let j = {
-		...b.localization,
-		...A.localization
-	}, M = j.RESET_YOUR_PASSWORD;
-	return /* @__PURE__ */ i(d, { children: [
-		/* @__PURE__ */ i(c, { children: [
-			/* @__PURE__ */ r("meta", {
-				content: "light dark",
-				name: "color-scheme"
-			}),
-			/* @__PURE__ */ r("meta", {
-				content: "light dark",
-				name: "supported-color-schemes"
-			}),
-			/* @__PURE__ */ r(t, {
-				colors: T,
-				darkMode: D
-			}),
-			k
-		] }),
-		/* @__PURE__ */ r(m, { children: M }),
-		/* @__PURE__ */ r(g, {
-			config: { presets: [v] },
-			children: /* @__PURE__ */ r(a, {
-				className: e("bg-background font-sans", E?.body),
-				children: /* @__PURE__ */ r(s, {
-					className: e("mx-auto my-auto max-w-xl px-2 py-10", E?.container),
-					children: /* @__PURE__ */ i(h, {
-						className: e("bg-card text-card-foreground rounded-none border border-border p-8", E?.card),
-						children: [
-							w && (typeof w == "string" ? /* @__PURE__ */ r(f, {
-								src: w,
-								width: 48,
-								height: 48,
-								alt: S || j.LOGO,
-								className: e("mx-auto mb-8", E?.logo)
-							}) : /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(f, {
-								src: w.light,
-								width: 48,
-								height: 48,
-								alt: S || j.LOGO,
-								className: e("mx-auto mb-8 logo-light", E?.logo)
-							}), /* @__PURE__ */ r(f, {
-								src: w.dark,
-								width: 48,
-								height: 48,
-								alt: S || j.LOGO,
-								className: e("hidden mx-auto mb-8 logo-dark", E?.logo)
-							})] })),
-							/* @__PURE__ */ r(l, {
-								className: e("m-0 mb-5 text-2xl font-semibold", E?.title),
-								children: j.RESET_YOUR_PASSWORD
-							}),
-							/* @__PURE__ */ r(_, {
-								className: e("text-sm", E?.content),
-								children: (() => {
-									let e = j.WE_RECEIVED_REQUEST_TO_RESET_PASSWORD.replace("{appName}", S || "").replace(/\s{2,}/g, " ").replace(" .", "."), [t, a] = e.split("{email}");
-									return x ? /* @__PURE__ */ i(n, { children: [
-										t,
-										/* @__PURE__ */ r(p, {
-											href: `mailto:${x}`,
-											className: "text-primary font-medium",
-											children: x
-										}),
-										a
-									] }) : e.replace("{email}", "").replace(/\s{2,}/g, " ").replace(" .", ".");
-								})()
-							}),
-							/* @__PURE__ */ r(h, {
-								className: "my-6",
-								children: /* @__PURE__ */ r(o, {
-									href: y,
-									className: e("inline-block whitespace-nowrap rounded-none text-sm font-medium py-2.5 px-6 bg-primary text-primary-foreground no-underline", E?.button),
-									children: j.RESET_PASSWORD
-								})
-							}),
-							/* @__PURE__ */ r(_, {
-								className: e("m-0 mb-3 text-xs text-muted-foreground", E?.description),
-								children: j.OR_COPY_AND_PASTE_URL
-							}),
-							/* @__PURE__ */ r(p, {
-								className: e("break-all text-xs text-primary", E?.link),
-								href: y,
-								children: y
-							}),
-							/* @__PURE__ */ r(u, { className: e("my-6 w-full border border-solid border-border", E?.separator) }),
-							C || S ? /* @__PURE__ */ i(_, {
-								className: e("m-0 mb-3 text-xs text-muted-foreground", E?.description),
-								children: [C ? j.THIS_LINK_EXPIRES_IN_MINUTES.replace("{expirationMinutes}", C.toString()) : null, S && /* @__PURE__ */ i(n, { children: [C ? " " : "", j.EMAIL_SENT_BY.replace("{appName}", S)] })]
-							}) : null,
-							/* @__PURE__ */ r(_, {
-								className: e("m-0 text-xs text-muted-foreground", E?.description),
-								children: j.IF_YOU_DIDNT_REQUEST_PASSWORD_RESET
-							}),
-							O && /* @__PURE__ */ r(_, {
-								className: e("m-0 mt-4 text-center text-[11px] text-muted-foreground", E?.poweredBy),
-								children: (() => {
-									let [t, a] = j.POWERED_BY_BETTER_AUTH.split("{betterAuth}");
-									return /* @__PURE__ */ i(n, { children: [
-										t,
-										/* @__PURE__ */ r(p, {
-											href: "https://better-auth.com",
-											className: e("text-primary underline", E?.link),
-											children: "better-auth"
-										}),
-										a
-									] });
-								})()
-							})
-						]
-					})
-				})
-			})
-		})
-	] });
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Body, Button, Container, Head, Heading, Hr, Html, Img, Link, Preview, pixelBasedPreset, Section, Tailwind, Text } from "@react-email/components";
+import { cn } from "../../../lib/utils";
+import { EmailStyles } from "./email-styles";
+const resetPasswordEmailLocalization = {
+    RESET_YOUR_PASSWORD: "Reset your password",
+    LOGO: "Logo",
+    WE_RECEIVED_REQUEST_TO_RESET_PASSWORD: "We received a request to reset the password for your {appName} account {email}.",
+    RESET_PASSWORD: "Reset password",
+    OR_COPY_AND_PASTE_URL: "Or copy and paste this URL into your browser:",
+    THIS_LINK_EXPIRES_IN_MINUTES: "This link expires in {expirationMinutes} minutes.",
+    EMAIL_SENT_BY: "Email sent by {appName}.",
+    IF_YOU_DIDNT_REQUEST_PASSWORD_RESET: "If you didn't request a password reset, you can safely ignore this email. Your password will remain unchanged.",
+    POWERED_BY_BETTER_AUTH: "Powered by {betterAuth}"
 };
-b.localization = y, b.PreviewProps = {
-	url: "https://better-auth-ui.com/auth/reset-password?token=example-token",
-	email: "m@example.com",
-	appName: "Better Auth",
-	darkMode: !0
+/**
+ * Email template component that sends password reset links to users.
+ *
+ * This email includes:
+ * - Password reset button and fallback URL
+ * - Expiration time information
+ * - Security notice for unauthorized requests
+ * - Customizable branding and styling
+ * - Support for light/dark mode themes
+ *
+ * @example
+ * ```tsx
+ * <ResetPasswordEmail
+ *   url="https://example.com/auth/reset-password?token=abc123"
+ *   email="user@example.com"
+ *   appName="My App"
+ *   expirationMinutes={60}
+ *   logoURL="https://example.com/logo.png"
+ *   darkMode={true}
+ * />
+ * ```
+ */
+export const ResetPasswordEmail = ({ url, email, appName, expirationMinutes = 60, logoURL, colors, classNames, darkMode = true, poweredBy, head, ...props }) => {
+    const localization = {
+        ...ResetPasswordEmail.localization,
+        ...props.localization
+    };
+    const previewText = localization.RESET_YOUR_PASSWORD;
+    return (_jsxs(Html, { children: [_jsxs(Head, { children: [_jsx("meta", { content: "light dark", name: "color-scheme" }), _jsx("meta", { content: "light dark", name: "supported-color-schemes" }), _jsx(EmailStyles, { colors: colors, darkMode: darkMode }), head] }), _jsx(Preview, { children: previewText }), _jsx(Tailwind, { config: { presets: [pixelBasedPreset] }, children: _jsx(Body, { className: cn("bg-background font-sans", classNames?.body), children: _jsx(Container, { className: cn("mx-auto my-auto max-w-xl px-2 py-10", classNames?.container), children: _jsxs(Section, { className: cn("bg-card text-card-foreground rounded-none border border-border p-8", classNames?.card), children: [logoURL &&
+                                    (typeof logoURL === "string" ? (_jsx(Img, { src: logoURL, width: 48, height: 48, alt: appName || localization.LOGO, className: cn("mx-auto mb-8", classNames?.logo) })) : (_jsxs(_Fragment, { children: [_jsx(Img, { src: logoURL.light, width: 48, height: 48, alt: appName || localization.LOGO, className: cn("mx-auto mb-8 logo-light", classNames?.logo) }), _jsx(Img, { src: logoURL.dark, width: 48, height: 48, alt: appName || localization.LOGO, className: cn("hidden mx-auto mb-8 logo-dark", classNames?.logo) })] }))), _jsx(Heading, { className: cn("m-0 mb-5 text-2xl font-semibold", classNames?.title), children: localization.RESET_YOUR_PASSWORD }), _jsx(Text, { className: cn("text-sm", classNames?.content), children: (() => {
+                                        const textWithAppName = localization.WE_RECEIVED_REQUEST_TO_RESET_PASSWORD.replace("{appName}", appName || "")
+                                            .replace(/\s{2,}/g, " ")
+                                            .replace(" .", ".");
+                                        const [beforeEmail, afterEmail] = textWithAppName.split("{email}");
+                                        return email ? (_jsxs(_Fragment, { children: [beforeEmail, _jsx(Link, { href: `mailto:${email}`, className: "text-primary font-medium", children: email }), afterEmail] })) : (textWithAppName
+                                            .replace("{email}", "")
+                                            .replace(/\s{2,}/g, " ")
+                                            .replace(" .", "."));
+                                    })() }), _jsx(Section, { className: "my-6", children: _jsx(Button, { href: url, className: cn("inline-block whitespace-nowrap rounded-none text-sm font-medium py-2.5 px-6 bg-primary text-primary-foreground no-underline", classNames?.button), children: localization.RESET_PASSWORD }) }), _jsx(Text, { className: cn("m-0 mb-3 text-xs text-muted-foreground", classNames?.description), children: localization.OR_COPY_AND_PASTE_URL }), _jsx(Link, { className: cn("break-all text-xs text-primary", classNames?.link), href: url, children: url }), _jsx(Hr, { className: cn("my-6 w-full border border-solid border-border", classNames?.separator) }), expirationMinutes || appName ? (_jsxs(Text, { className: cn("m-0 mb-3 text-xs text-muted-foreground", classNames?.description), children: [expirationMinutes
+                                            ? localization.THIS_LINK_EXPIRES_IN_MINUTES.replace("{expirationMinutes}", expirationMinutes.toString())
+                                            : null, appName && (_jsxs(_Fragment, { children: [expirationMinutes ? " " : "", localization.EMAIL_SENT_BY.replace("{appName}", appName)] }))] })) : null, _jsx(Text, { className: cn("m-0 text-xs text-muted-foreground", classNames?.description), children: localization.IF_YOU_DIDNT_REQUEST_PASSWORD_RESET }), poweredBy && (_jsx(Text, { className: cn("m-0 mt-4 text-center text-[11px] text-muted-foreground", classNames?.poweredBy), children: (() => {
+                                        const [beforeBetterAuth, afterBetterAuth] = localization.POWERED_BY_BETTER_AUTH.split("{betterAuth}");
+                                        return (_jsxs(_Fragment, { children: [beforeBetterAuth, _jsx(Link, { href: "https://better-auth.com", className: cn("text-primary underline", classNames?.link), children: "better-auth" }), afterBetterAuth] }));
+                                    })() }))] }) }) }) })] }));
 };
-//#endregion
-export { b as default };
+ResetPasswordEmail.localization = resetPasswordEmailLocalization;
+ResetPasswordEmail.PreviewProps = {
+    url: "https://better-auth-ui.com/auth/reset-password?token=example-token",
+    email: "m@example.com",
+    appName: "Better Auth",
+    darkMode: true
+};
+export default ResetPasswordEmail;

package/dist/components/auth/fetch-options-provider.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import { type PropsWithChildren } from "react";
 /** Subset of BetterFetchOptions we expose. Add fields as use-cases arise. */
 export type FetchOptions = {
     headers?: Record<string, string>;

package/dist/components/auth/fetch-options-provider.js

@@ -1,30 +1,31 @@
 "use client";
-import { createContext as e, useCallback as t, useContext as n, useRef as r, useState as i } from "react";
-import { jsx as a } from "react/jsx-runtime";
-//#region src/components/auth/fetch-options-provider.tsx
-var o = e(void 0);
-function s({ children: e }) {
-	let [n, s] = i(void 0), c = r(null), l = t((e) => {
-		s(e);
-	}, []), u = t((e) => {
-		c.current = e;
-	}, []), d = t(() => {
-		s(void 0), c.current?.();
-	}, []);
-	return /* @__PURE__ */ a(o.Provider, {
-		value: {
-			fetchOptions: n,
-			setFetchOptions: l,
-			resetFetchOptions: d,
-			registerReset: u
-		},
-		children: e
-	});
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useRef, useState } from "react";
+const FetchOptionsContext = createContext(undefined);
+export function FetchOptionsProvider({ children }) {
+    const [current, setCurrent] = useState(undefined);
+    const resetRef = useRef(null);
+    const setFetchOptions = useCallback((fetchOptions) => {
+        setCurrent(fetchOptions);
+    }, []);
+    const registerReset = useCallback((reset) => {
+        resetRef.current = reset;
+    }, []);
+    const resetFetchOptions = useCallback(() => {
+        setCurrent(undefined);
+        resetRef.current?.();
+    }, []);
+    return (_jsx(FetchOptionsContext.Provider, { value: {
+            fetchOptions: current,
+            setFetchOptions,
+            resetFetchOptions,
+            registerReset
+        }, children: children }));
 }
-function c() {
-	let e = n(o);
-	if (!e) throw Error("[Better Auth UI] useFetchOptions must be used within FetchOptionsProvider");
-	return e;
+export function useFetchOptions() {
+    const ctx = useContext(FetchOptionsContext);
+    if (!ctx) {
+        throw new Error("[Better Auth UI] useFetchOptions must be used within FetchOptionsProvider");
+    }
+    return ctx;
 }
-//#endregion
-export { s as FetchOptionsProvider, c as useFetchOptions };

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

@@ -1,4 +1,4 @@
-import { ComponentPropsWithRef } from 'react';
+import type { ComponentPropsWithRef } from "react";
 /**
  * Renders an Apple SVG icon.
  *

package/dist/components/icons/apple.js

@@ -1,17 +1,10 @@
-import { jsx as e } from "react/jsx-runtime";
-//#region src/components/icons/apple.tsx
-function t(t) {
-	return /* @__PURE__ */ e("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		viewBox: "0 0 24 24",
-		role: "img",
-		"aria-label": "Apple",
-		...t,
-		children: /* @__PURE__ */ e("path", {
-			fill: "currentColor",
-			d: "M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04c-2.04.027-3.91 1.183-4.961 3.014c-2.117 3.675-.546 9.103 1.519 12.09c1.013 1.454 2.208 3.09 3.792 3.039c1.52-.065 2.09-.987 3.935-.987c1.831 0 2.35.987 3.96.948c1.637-.026 2.676-1.48 3.676-2.948c1.156-1.688 1.636-3.325 1.662-3.415c-.039-.013-3.182-1.221-3.22-4.857c-.026-3.04 2.48-4.494 2.597-4.559c-1.429-2.09-3.623-2.324-4.39-2.376c-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83c-1.207.052-2.662.805-3.532 1.818c-.78.896-1.454 2.338-1.273 3.714c1.338.104 2.715-.688 3.559-1.701"
-		})
-	});
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Renders an Apple SVG icon.
+ *
+ * @param props - Props forwarded to the root `<svg>` element; they are spread onto the element and can override attributes such as `width`, `height`, `className`, and `aria-label`.
+ * @returns The SVG element for the Apple icon.
+ */
+export function Apple(props) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", role: "img", "aria-label": "Apple", ...props, children: _jsx("path", { fill: "currentColor", d: "M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04c-2.04.027-3.91 1.183-4.961 3.014c-2.117 3.675-.546 9.103 1.519 12.09c1.013 1.454 2.208 3.09 3.792 3.039c1.52-.065 2.09-.987 3.935-.987c1.831 0 2.35.987 3.96.948c1.637-.026 2.676-1.48 3.676-2.948c1.156-1.688 1.636-3.325 1.662-3.415c-.039-.013-3.182-1.221-3.22-4.857c-.026-3.04 2.48-4.494 2.597-4.559c-1.429-2.09-3.623-2.324-4.39-2.376c-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83c-1.207.052-2.662.805-3.532 1.818c-.78.896-1.454 2.338-1.273 3.714c1.338.104 2.715-.688 3.559-1.701" }) }));
 }
-//#endregion
-export { t as Apple };

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

@@ -1,4 +1,4 @@
-import { ComponentPropsWithRef } from 'react';
+import { type ComponentPropsWithRef } from "react";
 /**
  * Render the Atlassian logo as an inline SVG element.
  *

package/dist/components/icons/atlassian.js

@@ -1,39 +1,14 @@
-import { useId as e } from "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-//#region src/components/icons/atlassian.tsx
-function r(r) {
-	let i = e();
-	return /* @__PURE__ */ n("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		viewBox: "0 0 256 256",
-		role: "img",
-		"aria-label": "Atlassian",
-		...r,
-		children: [
-			/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ n("linearGradient", {
-				id: i,
-				x1: "99.687%",
-				x2: "39.836%",
-				y1: "15.801%",
-				y2: "97.438%",
-				children: [/* @__PURE__ */ t("stop", {
-					offset: "0%",
-					stopColor: "#0052cc"
-				}), /* @__PURE__ */ t("stop", {
-					offset: "92.3%",
-					stopColor: "#2684ff"
-				})]
-			}) }),
-			/* @__PURE__ */ t("path", {
-				fill: `url(#${i})`,
-				d: "M75.793 117.95c-3.82-4.08-9.77-3.85-12.367 1.342L.791 244.565a7.488 7.488 0 0 0 6.697 10.838h87.228a7.22 7.22 0 0 0 6.699-4.14c18.808-38.89 7.413-98.018-25.622-133.314"
-			}),
-			/* @__PURE__ */ t("path", {
-				fill: "#2681ff",
-				d: "M121.756 4.011c-35.033 55.505-32.721 116.979-9.646 163.13l42.06 84.121a7.49 7.49 0 0 0 6.697 4.14h87.227a7.488 7.488 0 0 0 6.697-10.838S137.445 9.837 134.493 3.964c-2.64-5.258-9.344-5.33-12.737.047"
-			})
-		]
-	});
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+/**
+ * Render the Atlassian logo as an inline SVG element.
+ *
+ * The SVG includes a linear gradient and two path shapes, and sets role="img" with aria-label="Atlassian".
+ *
+ * @param props - Props forwarded to the root SVG element.
+ * @returns An SVG element representing the Atlassian icon.
+ */
+export function Atlassian(props) {
+    const gradientId = useId();
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", role: "img", "aria-label": "Atlassian", ...props, children: [_jsx("defs", { children: _jsxs("linearGradient", { id: gradientId, x1: "99.687%", x2: "39.836%", y1: "15.801%", y2: "97.438%", children: [_jsx("stop", { offset: "0%", stopColor: "#0052cc" }), _jsx("stop", { offset: "92.3%", stopColor: "#2684ff" })] }) }), _jsx("path", { fill: `url(#${gradientId})`, d: "M75.793 117.95c-3.82-4.08-9.77-3.85-12.367 1.342L.791 244.565a7.488 7.488 0 0 0 6.697 10.838h87.228a7.22 7.22 0 0 0 6.699-4.14c18.808-38.89 7.413-98.018-25.622-133.314" }), _jsx("path", { fill: "#2681ff", d: "M121.756 4.011c-35.033 55.505-32.721 116.979-9.646 163.13l42.06 84.121a7.49 7.49 0 0 0 6.697 4.14h87.227a7.488 7.488 0 0 0 6.697-10.838S137.445 9.837 134.493 3.964c-2.64-5.258-9.344-5.33-12.737.047" })] }));
 }
-//#endregion
-export { r as Atlassian };

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

@@ -1,4 +1,4 @@
-import { ComponentPropsWithRef } from 'react';
+import type { ComponentPropsWithRef } from "react";
 /**
  * Renders the Cognito SVG icon as a React component.
  *

package/dist/components/icons/cognito.js

@@ -1,20 +1,10 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-//#region src/components/icons/cognito.tsx
-function n(n) {
-	return /* @__PURE__ */ t("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		viewBox: "0 0 48 48",
-		role: "img",
-		"aria-label": "Cognito",
-		...n,
-		children: [/* @__PURE__ */ e("path", {
-			fill: "currentColor",
-			d: "M24 4L6 14v20l18 10 18-10V14L24 4zm0 4.62l13.6 7.86v15.04L24 39.38 10.4 31.52V16.48L24 8.62z"
-		}), /* @__PURE__ */ e("path", {
-			fill: "currentColor",
-			d: "M22 14h4v20h-4zM14 22h20v4H14z"
-		})]
-	});
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Renders the Cognito SVG icon as a React component.
+ *
+ * @param props - Props passed through to the underlying `svg` element (accepts standard SVG attributes and ref).
+ * @returns A React `svg` element displaying the Cognito icon
+ */
+export function Cognito(props) {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 48 48", role: "img", "aria-label": "Cognito", ...props, children: [_jsx("path", { fill: "currentColor", d: "M24 4L6 14v20l18 10 18-10V14L24 4zm0 4.62l13.6 7.86v15.04L24 39.38 10.4 31.52V16.48L24 8.62z" }), _jsx("path", { fill: "currentColor", d: "M22 14h4v20h-4zM14 22h20v4H14z" })] }));
 }
-//#endregion
-export { n as Cognito };

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

@@ -1,4 +1,4 @@
-import { ComponentPropsWithRef } from 'react';
+import type { ComponentPropsWithRef } from "react";
 /**
  * Renders the Discord logo as an SVG element.
  *

package/dist/components/icons/discord.js

@@ -1,17 +1,10 @@
-import { jsx as e } from "react/jsx-runtime";
-//#region src/components/icons/discord.tsx
-function t(t) {
-	return /* @__PURE__ */ e("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		viewBox: "0 0 256 199",
-		role: "img",
-		"aria-label": "Discord",
-		...t,
-		children: /* @__PURE__ */ e("path", {
-			fill: "#5865f2",
-			d: "M216.856 16.597A208.5 208.5 0 0 0 164.042 0c-2.275 4.113-4.933 9.645-6.766 14.046q-29.538-4.442-58.533 0c-1.832-4.4-4.55-9.933-6.846-14.046a207.8 207.8 0 0 0-52.855 16.638C5.618 67.147-3.443 116.4 1.087 164.956c22.169 16.555 43.653 26.612 64.775 33.193A161 161 0 0 0 79.735 175.3a136.4 136.4 0 0 1-21.846-10.632a109 109 0 0 0 5.356-4.237c42.122 19.702 87.89 19.702 129.51 0a132 132 0 0 0 5.355 4.237a136 136 0 0 1-21.886 10.653c4.006 8.02 8.638 15.67 13.873 22.848c21.142-6.58 42.646-16.637 64.815-33.213c5.316-56.288-9.08-105.09-38.056-148.36M85.474 135.095c-12.645 0-23.015-11.805-23.015-26.18s10.149-26.2 23.015-26.2s23.236 11.804 23.015 26.2c.02 14.375-10.148 26.18-23.015 26.18m85.051 0c-12.645 0-23.014-11.805-23.014-26.18s10.148-26.2 23.014-26.2c12.867 0 23.236 11.804 23.015 26.2c0 14.375-10.148 26.18-23.015 26.18"
-		})
-	});
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Renders the Discord logo as an SVG element.
+ *
+ * @param props - Props forwarded to the root `<svg>` element (e.g., `className`, `style`, `aria-*`, event handlers)
+ * @returns The SVG element for the Discord icon
+ */
+export function Discord(props) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 199", role: "img", "aria-label": "Discord", ...props, children: _jsx("path", { fill: "#5865f2", d: "M216.856 16.597A208.5 208.5 0 0 0 164.042 0c-2.275 4.113-4.933 9.645-6.766 14.046q-29.538-4.442-58.533 0c-1.832-4.4-4.55-9.933-6.846-14.046a207.8 207.8 0 0 0-52.855 16.638C5.618 67.147-3.443 116.4 1.087 164.956c22.169 16.555 43.653 26.612 64.775 33.193A161 161 0 0 0 79.735 175.3a136.4 136.4 0 0 1-21.846-10.632a109 109 0 0 0 5.356-4.237c42.122 19.702 87.89 19.702 129.51 0a132 132 0 0 0 5.355 4.237a136 136 0 0 1-21.886 10.653c4.006 8.02 8.638 15.67 13.873 22.848c21.142-6.58 42.646-16.637 64.815-33.213c5.316-56.288-9.08-105.09-38.056-148.36M85.474 135.095c-12.645 0-23.015-11.805-23.015-26.18s10.149-26.2 23.015-26.2s23.236 11.804 23.015 26.2c.02 14.375-10.148 26.18-23.015 26.18m85.051 0c-12.645 0-23.014-11.805-23.014-26.18s10.148-26.2 23.014-26.2c12.867 0 23.236 11.804 23.015 26.2c0 14.375-10.148 26.18-23.015 26.18" }) }));
 }
-//#endregion
-export { t as Discord };

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

@@ -1,4 +1,4 @@
-import { ComponentPropsWithRef } from 'react';
+import type { ComponentPropsWithRef } from "react";
 /**
  * Renders the Dropbox logo as an SVG element.
  *

package/dist/components/icons/dropbox.js

@@ -1,17 +1,10 @@
-import { jsx as e } from "react/jsx-runtime";
-//#region src/components/icons/dropbox.tsx
-function t(t) {
-	return /* @__PURE__ */ e("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		viewBox: "0 0 256 218",
-		role: "img",
-		"aria-label": "Dropbox",
-		...t,
-		children: /* @__PURE__ */ e("path", {
-			fill: "#0061ff",
-			d: "M63.995 0L0 40.771l63.995 40.772L128 40.771zM192 0l-64 40.775l64 40.775l64.001-40.775zM0 122.321l63.995 40.772L128 122.321L63.995 81.55zM192 81.55l-64 40.775l64 40.774l64-40.774zM64 176.771l64.005 40.772L192 176.771L128.005 136z"
-		})
-	});
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Renders the Dropbox logo as an SVG element.
+ *
+ * @param props - Props to apply to the root `<svg>` element; all props are forwarded to the SVG.
+ * @returns An SVG element containing the Dropbox logo
+ */
+export function Dropbox(props) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 218", role: "img", "aria-label": "Dropbox", ...props, children: _jsx("path", { fill: "#0061ff", d: "M63.995 0L0 40.771l63.995 40.772L128 40.771zM192 0l-64 40.775l64 40.775l64.001-40.775zM0 122.321l63.995 40.772L128 122.321L63.995 81.55zM192 81.55l-64 40.775l64 40.774l64-40.774zM64 176.771l64.005 40.772L192 176.771L128.005 136z" }) }));
 }
-//#endregion
-export { t as Dropbox };

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

@@ -1,4 +1,4 @@
-import { ComponentPropsWithRef } from 'react';
+import type { ComponentPropsWithRef } from "react";
 /**
  * Renders an accessible Facebook SVG icon.
  *

package/dist/components/icons/facebook.js

@@ -1,20 +1,12 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-//#region src/components/icons/facebook.tsx
-function n(n) {
-	return /* @__PURE__ */ t("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		viewBox: "0 0 256 256",
-		role: "img",
-		"aria-label": "Facebook",
-		...n,
-		children: [/* @__PURE__ */ e("path", {
-			fill: "#1877f2",
-			d: "M256 128C256 57.308 198.692 0 128 0S0 57.308 0 128c0 63.888 46.808 116.843 108 126.445V165H75.5v-37H108V99.8c0-32.08 19.11-49.8 48.348-49.8C170.352 50 185 52.5 185 52.5V84h-16.14C152.959 84 148 93.867 148 103.99V128h35.5l-5.675 37H148v89.445c61.192-9.602 108-62.556 108-126.445"
-		}), /* @__PURE__ */ e("path", {
-			fill: "#fff",
-			d: "m177.825 165l5.675-37H148v-24.01C148 93.866 152.959 84 168.86 84H185V52.5S170.352 50 156.347 50C127.11 50 108 67.72 108 99.8V128H75.5v37H108v89.445A129 129 0 0 0 128 256a129 129 0 0 0 20-1.555V165z"
-		})]
-	});
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Renders an accessible Facebook SVG icon.
+ *
+ * The component forwards received props onto the root `<svg>` element to allow external customization (for example `className`, `style`, `ref`, and event handlers). The SVG includes an `aria-label` of "Facebook".
+ *
+ * @param props - Props to spread onto the root SVG element (e.g., `className`, `style`, `ref`, event handlers)
+ * @returns The SVG element representing the Facebook logo
+ */
+export function Facebook(props) {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", role: "img", "aria-label": "Facebook", ...props, children: [_jsx("path", { fill: "#1877f2", d: "M256 128C256 57.308 198.692 0 128 0S0 57.308 0 128c0 63.888 46.808 116.843 108 126.445V165H75.5v-37H108V99.8c0-32.08 19.11-49.8 48.348-49.8C170.352 50 185 52.5 185 52.5V84h-16.14C152.959 84 148 93.867 148 103.99V128h35.5l-5.675 37H148v89.445c61.192-9.602 108-62.556 108-126.445" }), _jsx("path", { fill: "#fff", d: "m177.825 165l5.675-37H148v-24.01C148 93.866 152.959 84 168.86 84H185V52.5S170.352 50 156.347 50C127.11 50 108 67.72 108 99.8V128H75.5v37H108v89.445A129 129 0 0 0 128 256a129 129 0 0 0 20-1.555V165z" })] }));
 }
-//#endregion
-export { n as Facebook };

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

@@ -1,4 +1,4 @@
-import { ComponentPropsWithRef } from 'react';
+import type { ComponentPropsWithRef } from "react";
 /**
  * Renders the Figma logo as an inline SVG icon with built-in accessibility attributes.
  *

package/dist/components/icons/figma.js

@@ -1,35 +1,13 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-//#region src/components/icons/figma.tsx
-function n(n) {
-	return /* @__PURE__ */ t("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		viewBox: "0 0 128 128",
-		role: "img",
-		"aria-label": "Figma",
-		...n,
-		children: [
-			/* @__PURE__ */ e("path", {
-				fill: "#0acf83",
-				d: "M45.5 129c11.9 0 21.5-9.6 21.5-21.5V86H45.5C33.6 86 24 95.6 24 107.5S33.6 129 45.5 129m0 0"
-			}),
-			/* @__PURE__ */ e("path", {
-				fill: "#a259ff",
-				d: "M24 64.5C24 52.6 33.6 43 45.5 43H67v43H45.5C33.6 86 24 76.4 24 64.5m0 0"
-			}),
-			/* @__PURE__ */ e("path", {
-				fill: "#f24e1e",
-				d: "M24 21.5C24 9.6 33.6 0 45.5 0H67v43H45.5C33.6 43 24 33.4 24 21.5m0 0"
-			}),
-			/* @__PURE__ */ e("path", {
-				fill: "#ff7262",
-				d: "M67 0h21.5C100.4 0 110 9.6 110 21.5S100.4 43 88.5 43H67zm0 0"
-			}),
-			/* @__PURE__ */ e("path", {
-				fill: "#1abcfe",
-				d: "M110 64.5c0 11.9-9.6 21.5-21.5 21.5S67 76.4 67 64.5S76.6 43 88.5 43S110 52.6 110 64.5m0 0"
-			})
-		]
-	});
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Renders the Figma logo as an inline SVG icon with built-in accessibility attributes.
+ *
+ * The icon uses role="img" and aria-label="Figma" for screen readers and contains
+ * five colored paths representing the Figma brand colors.
+ *
+ * @param props - Props forwarded to the root `<svg>` element
+ * @returns An accessible SVG element containing the multicolor Figma logo
+ */
+export function Figma(props) {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 128 128", role: "img", "aria-label": "Figma", ...props, children: [_jsx("path", { fill: "#0acf83", d: "M45.5 129c11.9 0 21.5-9.6 21.5-21.5V86H45.5C33.6 86 24 95.6 24 107.5S33.6 129 45.5 129m0 0" }), _jsx("path", { fill: "#a259ff", d: "M24 64.5C24 52.6 33.6 43 45.5 43H67v43H45.5C33.6 86 24 76.4 24 64.5m0 0" }), _jsx("path", { fill: "#f24e1e", d: "M24 21.5C24 9.6 33.6 0 45.5 0H67v43H45.5C33.6 43 24 33.4 24 21.5m0 0" }), _jsx("path", { fill: "#ff7262", d: "M67 0h21.5C100.4 0 110 9.6 110 21.5S100.4 43 88.5 43H67zm0 0" }), _jsx("path", { fill: "#1abcfe", d: "M110 64.5c0 11.9-9.6 21.5-21.5 21.5S67 76.4 67 64.5S76.6 43 88.5 43S110 52.6 110 64.5m0 0" })] }));
 }
-//#endregion
-export { n as Figma };

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

@@ -1,4 +1,4 @@
-import { ComponentPropsWithRef } from 'react';
+import type { ComponentPropsWithRef } from "react";
 /**
  * Renders the GitHub logo as an inline SVG.
  *

package/dist/components/icons/github.js

@@ -1,17 +1,12 @@
-import { jsx as e } from "react/jsx-runtime";
-//#region src/components/icons/github.tsx
-function t(t) {
-	return /* @__PURE__ */ e("svg", {
-		xmlns: "http://www.w3.org/2000/svg",
-		viewBox: "0 0 24 24",
-		role: "img",
-		"aria-label": "GitHub",
-		...t,
-		children: /* @__PURE__ */ e("path", {
-			fill: "currentColor",
-			d: "M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
-		})
-	});
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Renders the GitHub logo as an inline SVG.
+ *
+ * The SVG sets role="img" and aria-label="GitHub" and uses a path filled with `currentColor` so it inherits text color.
+ *
+ * @param props - Props spread onto the root `<svg>` element (standard SVG attributes and event handlers).
+ * @returns The SVG element for the GitHub mark.
+ */
+export function GitHub(props) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", role: "img", "aria-label": "GitHub", ...props, children: _jsx("path", { fill: "currentColor", d: "M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" }) }));
 }
-//#endregion
-export { t as GitHub };