@better-auth-ui/react 1.6.9 → 1.6.10

package/dist/components/auth/email/magic-link.js

@@ -1,72 +0,0 @@
-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 magicLinkEmailLocalization = {
-    SIGN_IN_TO_APP_NAME: "Sign in to {appName}",
-    SIGN_IN_TO_YOUR_ACCOUNT: "Sign in to your account",
-    YOUR_ACCOUNT: "your account",
-    LOGO: "Logo",
-    CLICK_BUTTON_TO_SIGN_IN: "Click the button below to sign in to your account {emailAddress}.",
-    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_THIS_EMAIL: "If you didn't request this email, you can safely ignore it. Someone else might have typed your email address by mistake.",
-    POWERED_BY_BETTER_AUTH: "Powered by {betterAuth}"
-};
-/**
- * Email template component that sends magic link authentication emails for passwordless sign-in.
- *
- * This email includes:
- * - Sign-in button with magic link
- * - Fallback URL for manual copy/paste
- * - Expiration time information
- * - Security notice for unauthorized requests
- * - Customizable branding and styling
- * - Support for light/dark mode themes
- *
- * @example
- * ```tsx
- * <MagicLinkEmail
- *   url="https://example.com/auth/verify?token=abc123"
- *   email="user@example.com"
- *   appName="My App"
- *   expirationMinutes={5}
- *   logoURL="https://example.com/logo.png"
- *   darkMode={true}
- * />
- * ```
- */
-export const MagicLinkEmail = ({ url, email, appName, expirationMinutes = 5, logoURL, colors, classNames, darkMode = true, poweredBy, head, ...props }) => {
-    const localization = {
-        ...MagicLinkEmail.localization,
-        ...props.localization
-    };
-    const previewText = appName
-        ? localization.SIGN_IN_TO_APP_NAME.replace("{appName}", appName)
-        : localization.SIGN_IN_TO_YOUR_ACCOUNT;
-    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: appName
-                                        ? localization.SIGN_IN_TO_APP_NAME.replace("{appName}", appName)
-                                        : localization.SIGN_IN_TO_YOUR_ACCOUNT }), _jsx(Text, { className: cn("m-0 text-sm font-normal", classNames?.content), children: (() => {
-                                        const [beforeEmailAddress, afterEmailAddress] = localization.CLICK_BUTTON_TO_SIGN_IN.split("{emailAddress}");
-                                        return email ? (_jsxs(_Fragment, { children: [beforeEmailAddress, _jsx(Link, { href: `mailto:${email}`, className: "text-primary font-medium", children: email }), afterEmailAddress] })) : (localization.CLICK_BUTTON_TO_SIGN_IN.replace("{emailAddress}", "")
-                                            .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: appName
-                                            ? localization.SIGN_IN_TO_APP_NAME.replace("{appName}", appName)
-                                            : localization.SIGN_IN_TO_YOUR_ACCOUNT }) }), _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_THIS_EMAIL }), 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] }));
-                                    })() }))] }) }) }) })] }));
-};
-MagicLinkEmail.localization = magicLinkEmailLocalization;
-MagicLinkEmail.PreviewProps = {
-    url: "https://better-auth-ui.com/auth/verify?token=example-token",
-    email: "m@example.com",
-    appName: "Better Auth",
-    darkMode: true
-};
-export default MagicLinkEmail;

package/dist/components/auth/email/new-device.js

@@ -1,90 +0,0 @@
-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 newDeviceEmailLocalization = {
-    NEW_SIGN_IN_DETECTED: "New sign-in detected",
-    LOGO: "Logo",
-    NEW_SIGN_IN_TO_YOUR_ACCOUNT: "We detected a new sign-in to your {appName} account {userEmail} from a device we don't recognize.",
-    DEVICE_DETAILS: "Device details",
-    BROWSER: "Browser",
-    OPERATING_SYSTEM: "Operating System",
-    LOCATION: "Location",
-    IP_ADDRESS: "IP Address",
-    TIME: "Time",
-    IF_THIS_WAS_YOU: "If this was you, you can safely ignore this email. If you don't recognize this activity, please secure your account immediately.",
-    SECURE_MY_ACCOUNT: "Secure my account",
-    EMAIL_SENT_BY: "Email sent by {appName}.",
-    IF_YOU_DIDNT_SIGN_IN: "If you didn't sign in, please contact support immediately {supportEmail} to secure your account.",
-    POWERED_BY_BETTER_AUTH: "Powered by {betterAuth}"
-};
-/**
- * Email template component that notifies users when a new device signs into their account.
- *
- * This email includes:
- * - Device information display (browser, OS, location, IP, timestamp)
- * - Secure account action button
- * - Security warnings and support contact information
- * - Customizable branding and styling
- * - Support for light/dark mode themes
- *
- * @example
- * ```tsx
- * <NewDeviceEmail
- *   userEmail="user@example.com"
- *   deviceInfo={{
- *     browser: "Chrome on macOS",
- *     os: "macOS 14.0",
- *     location: "San Francisco, CA",
- *     ipAddress: "192.168.1.1",
- *     timestamp: "February 10, 2025 at 4:20 PM UTC"
- *   }}
- *   secureAccountLink="https://example.com/secure-account"
- *   appName="My App"
- *   supportEmail="support@example.com"
- *   darkMode={true}
- * />
- * ```
- */
-export const NewDeviceEmail = ({ userEmail, deviceInfo, secureAccountLink, appName, supportEmail, logoURL, colors, classNames, darkMode = true, poweredBy, head, ...props }) => {
-    const localization = {
-        ...NewDeviceEmail.localization,
-        ...props.localization
-    };
-    const previewText = localization.NEW_SIGN_IN_DETECTED;
-    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.NEW_SIGN_IN_DETECTED }), _jsx(Text, { className: cn("text-sm font-normal", classNames?.content), children: (() => {
-                                        const textWithAppName = localization.NEW_SIGN_IN_TO_YOUR_ACCOUNT.replace("{appName}", appName || "")
-                                            .replace(/\s{2,}/g, " ")
-                                            .replace(" .", ".");
-                                        const [beforeUserEmail, afterUserEmail] = textWithAppName.split("{userEmail}");
-                                        return userEmail ? (_jsxs(_Fragment, { children: [beforeUserEmail, _jsx(Link, { href: `mailto:${userEmail}`, className: "text-primary font-medium", children: userEmail }), afterUserEmail] })) : (textWithAppName
-                                            .replace("{userEmail}", "")
-                                            .replace(/\s{2,}/g, " ")
-                                            .replace(" .", "."));
-                                    })() }), deviceInfo && (_jsxs(Section, { className: cn("my-6 border border-border bg-muted p-4", classNames?.codeBlock), children: [_jsxs(Text, { className: cn("m-0 mb-3 text-xs text-muted-foreground", classNames?.description), children: [localization.DEVICE_DETAILS, ":"] }), deviceInfo.browser && (_jsxs(Text, { className: cn("m-0 mb-2 text-sm", classNames?.content), children: [_jsxs("span", { className: "font-semibold", children: [localization.BROWSER, ":"] }), " ", deviceInfo.browser] })), deviceInfo.os && (_jsxs(Text, { className: cn("m-0 mb-2 text-sm", classNames?.content), children: [_jsxs("span", { className: "font-semibold", children: [localization.OPERATING_SYSTEM, ":"] }), " ", deviceInfo.os] })), deviceInfo.location && (_jsxs(Text, { className: cn("m-0 mb-2 text-sm", classNames?.content), children: [_jsxs("span", { className: "font-semibold", children: [localization.LOCATION, ":"] }), " ", deviceInfo.location] })), deviceInfo.ipAddress && (_jsxs(Text, { className: cn("m-0 mb-2 text-sm", classNames?.content), children: [_jsxs("span", { className: "font-semibold", children: [localization.IP_ADDRESS, ":"] }), " ", deviceInfo.ipAddress] })), deviceInfo.timestamp && (_jsxs(Text, { className: cn("m-0 text-sm", classNames?.content), children: [_jsxs("span", { className: "font-semibold", children: [localization.TIME, ":"] }), " ", deviceInfo.timestamp] }))] })), _jsx(Text, { className: cn("text-sm font-normal", classNames?.content), children: localization.IF_THIS_WAS_YOU }), secureAccountLink && (_jsx(Section, { className: "mt-6", children: _jsx(Button, { href: secureAccountLink, 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.SECURE_MY_ACCOUNT }) })), _jsx(Hr, { className: cn("my-6 w-full border border-solid border-border", classNames?.separator) }), appName && (_jsx(Text, { className: cn("mb-3 text-xs text-muted-foreground", classNames?.description), children: localization.EMAIL_SENT_BY.replace("{appName}", appName) })), _jsx(Text, { className: cn("mt-3 text-xs text-muted-foreground", classNames?.description), children: (() => {
-                                        const [beforeSupportEmail, afterSupportEmail] = localization.IF_YOU_DIDNT_SIGN_IN.split("{supportEmail}");
-                                        return supportEmail ? (_jsxs(_Fragment, { children: [beforeSupportEmail, _jsx(Link, { href: `mailto:${supportEmail}`, className: cn("text-primary underline", classNames?.link), children: supportEmail }), afterSupportEmail] })) : (localization.IF_YOU_DIDNT_SIGN_IN.replace("{supportEmail}", "")
-                                            .replace(/\s{2,}/g, " ")
-                                            .replace(" .", "."));
-                                    })() }), poweredBy && (_jsx(Text, { className: cn("mt-4 mb-0 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] }));
-                                    })() }))] }) }) }) })] }));
-};
-NewDeviceEmail.localization = newDeviceEmailLocalization;
-NewDeviceEmail.PreviewProps = {
-    userEmail: "m@example.com",
-    deviceInfo: {
-        browser: "Chrome on macOS",
-        os: "macOS 26.2",
-        location: "San Francisco, CA, United States",
-        ipAddress: "127.0.0.1",
-        timestamp: "February 10, 2025 at 4:20 PM UTC"
-    },
-    secureAccountLink: "https://better-auth-ui.com/auth/secure-account",
-    appName: "Better Auth",
-    supportEmail: "support@example.com",
-    darkMode: true
-};
-export default NewDeviceEmail;

package/dist/components/auth/email/organization-invitation.js

@@ -1,110 +0,0 @@
-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 organizationInvitationEmailLocalization = {
-    YOU_RE_INVITED_TO_ORGANIZATION: "You're invited to {organizationName}",
-    YOU_RE_INVITED: "You're invited",
-    LOGO: "Logo",
-    ORGANIZATION_LOGO: "Organization logo",
-    INVITED_TO_JOIN_ORGANIZATION: "{inviterName} ({inviterEmail}) has invited you to join {organizationName} on {appName} as a {role}.",
-    ACCEPT_INVITATION: "Accept invitation",
-    VIEW_INVITATION: "View invitation",
-    OR_COPY_AND_PASTE_URL: "Or copy and paste this URL into your browser:",
-    THIS_INVITATION_EXPIRES_IN_HOURS: "This invitation expires in {expirationHours} hours.",
-    EMAIL_SENT_BY: "Email sent by {appName}.",
-    IF_YOU_DIDNT_EXPECT_THIS_INVITATION: "If you didn't expect this invitation, you can safely ignore this email.",
-    POWERED_BY_BETTER_AUTH: "Powered by {betterAuth}"
-};
-/**
- * Email template component that invites a user to join an organization.
- *
- * This email includes:
- * - Inviter and organization details
- * - Role being offered
- * - Accept invitation button linking to `{baseUrl}/settings/organizations`
- * - Fallback URL for manual copy/paste
- * - Optional expiration time information
- * - Security notice for unexpected invitations
- * - Customizable branding and styling
- * - Support for light/dark mode themes
- *
- * @example
- * ```tsx
- * <OrganizationInvitationEmail
- *   url="https://example.com/settings/organizations"
- *   email="invitee@example.com"
- *   inviterName="Jane Doe"
- *   inviterEmail="jane@example.com"
- *   organizationName="Acme Inc."
- *   organizationLogoURL="https://example.com/acme-logo.png"
- *   role="member"
- *   appName="My App"
- *   expirationHours={48}
- *   darkMode={true}
- * />
- * ```
- */
-export const OrganizationInvitationEmail = ({ url, email, inviterName, inviterEmail, organizationName, organizationLogoURL, role, appName, expirationHours = 48, logoURL, colors, classNames, darkMode = true, poweredBy, head, ...props }) => {
-    const localization = {
-        ...OrganizationInvitationEmail.localization,
-        ...props.localization
-    };
-    const previewText = organizationName
-        ? localization.YOU_RE_INVITED_TO_ORGANIZATION.replace("{organizationName}", organizationName)
-        : localization.YOU_RE_INVITED;
-    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: organizationName
-                                        ? localization.YOU_RE_INVITED_TO_ORGANIZATION.replace("{organizationName}", organizationName)
-                                        : localization.YOU_RE_INVITED }), organizationLogoURL &&
-                                    (typeof organizationLogoURL === "string" ? (_jsx(Img, { src: organizationLogoURL, width: 56, height: 56, alt: organizationName || localization.ORGANIZATION_LOGO, className: cn("mb-5 rounded-md", classNames?.logo) })) : (_jsxs(_Fragment, { children: [_jsx(Img, { src: organizationLogoURL.light, width: 56, height: 56, alt: organizationName || localization.ORGANIZATION_LOGO, className: cn("mb-5 rounded-md logo-light", classNames?.logo) }), _jsx(Img, { src: organizationLogoURL.dark, width: 56, height: 56, alt: organizationName || localization.ORGANIZATION_LOGO, className: cn("hidden mb-5 rounded-md logo-dark", classNames?.logo) })] }))), _jsx(Text, { className: cn("m-0 text-sm font-normal", classNames?.content), children: (() => {
-                                        let text = localization.INVITED_TO_JOIN_ORGANIZATION.replace("{appName}", appName || "")
-                                            .replace("{organizationName}", organizationName || "")
-                                            .replace("{role}", role || "");
-                                        // If we have no inviter info, drop the parenthetical and name placeholders cleanly.
-                                        if (!inviterName && !inviterEmail) {
-                                            text = text
-                                                .replace("{inviterName} ({inviterEmail})", "Someone")
-                                                .replace("{inviterName}", "Someone")
-                                                .replace("({inviterEmail})", "");
-                                        }
-                                        const [beforeInviterName, afterInviterName] = text.split("{inviterName}");
-                                        const renderInviterEmail = (segment) => {
-                                            const [beforeInviterEmail, afterInviterEmail] = segment.split("{inviterEmail}");
-                                            if (!inviterEmail) {
-                                                return segment
-                                                    .replace("({inviterEmail})", "")
-                                                    .replace("{inviterEmail}", "")
-                                                    .replace(/\s{2,}/g, " ")
-                                                    .replace(" .", ".");
-                                            }
-                                            return (_jsxs(_Fragment, { children: [beforeInviterEmail, _jsx(Link, { href: `mailto:${inviterEmail}`, className: "text-primary font-medium", children: inviterEmail }), afterInviterEmail] }));
-                                        };
-                                        if (!inviterName) {
-                                            return renderInviterEmail(text
-                                                .replace("{inviterName}", "")
-                                                .replace(/\s{2,}/g, " ")
-                                                .replace(" .", "."));
-                                        }
-                                        return (_jsxs(_Fragment, { children: [beforeInviterName, _jsx("span", { className: "font-medium", children: inviterName }), renderInviterEmail(afterInviterName ?? "")] }));
-                                    })() }), _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.ACCEPT_INVITATION }) }), _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) }), expirationHours || appName ? (_jsxs(Text, { className: cn("m-0 mb-3 text-xs text-muted-foreground", classNames?.description), children: [expirationHours
-                                            ? localization.THIS_INVITATION_EXPIRES_IN_HOURS.replace("{expirationHours}", expirationHours.toString())
-                                            : null, appName && (_jsxs(_Fragment, { children: [expirationHours ? " " : "", 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_EXPECT_THIS_INVITATION }), 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] }));
-                                    })() }))] }) }) }) })] }));
-};
-OrganizationInvitationEmail.localization =
-    organizationInvitationEmailLocalization;
-OrganizationInvitationEmail.PreviewProps = {
-    url: "https://better-auth-ui.com/settings/organizations",
-    email: "m@example.com",
-    inviterName: "Jane Doe",
-    inviterEmail: "jane@example.com",
-    organizationName: "Acme Inc.",
-    role: "member",
-    appName: "Better Auth",
-    expirationHours: 48,
-    darkMode: true
-};
-export default OrganizationInvitationEmail;

package/dist/components/auth/email/otp-email.js

@@ -1,65 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Body, 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 otpEmailLocalization = {
-    YOUR_VERIFICATION_CODE_IS_CODE: "Your verification code is {verificationCode}",
-    LOGO: "Logo",
-    VERIFY_YOUR_EMAIL: "Verify your email",
-    WE_NEED_TO_VERIFY_YOUR_EMAIL_ADDRESS: "We need to verify your email address {email} before you can access your {appName} account. Enter the code below in your open browser window.",
-    THIS_CODE_EXPIRES_IN_MINUTES: "This code expires in {expirationMinutes} minutes.",
-    EMAIL_SENT_BY: "Email sent by {appName}.",
-    IF_YOU_DIDNT_REQUEST_THIS_EMAIL: "If you didn't request this email, you can safely ignore it. Someone else might have typed your email address by mistake.",
-    POWERED_BY_BETTER_AUTH: "Powered by {betterAuth}"
-};
-/**
- * Email template component that sends one-time password (OTP) verification codes to users.
- *
- * This email includes:
- * - Large, prominently displayed verification code
- * - Expiration time information
- * - Security notice for unauthorized requests
- * - Customizable branding and styling
- * - Support for light/dark mode themes
- *
- * @example
- * ```tsx
- * <OtpEmail
- *   verificationCode="069420"
- *   email="user@example.com"
- *   appName="My App"
- *   expirationMinutes={10}
- *   logoURL="https://example.com/logo.png"
- *   darkMode={true}
- * />
- * ```
- */
-export const OtpEmail = ({ verificationCode, email, appName, expirationMinutes = 10, logoURL, colors, classNames, darkMode = true, poweredBy, head, ...props }) => {
-    const localization = {
-        ...OtpEmail.localization,
-        ...props.localization
-    };
-    const previewText = localization.YOUR_VERIFICATION_CODE_IS_CODE.replace("{verificationCode}", verificationCode);
-    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("mb-5 text-2xl font-semibold", classNames?.title), children: localization.VERIFY_YOUR_EMAIL }), _jsx(Text, { className: cn("text-sm font-normal", classNames?.content), children: (() => {
-                                        const textWithAppName = localization.WE_NEED_TO_VERIFY_YOUR_EMAIL_ADDRESS.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: cn("my-6 border border-border bg-muted p-6", classNames?.codeBlock), children: _jsx(Text, { className: cn("m-0 text-center text-4xl font-semibold tracking-widest", classNames?.title), children: verificationCode }) }), _jsx(Hr, { className: cn("my-6 w-full border border-solid border-border", classNames?.separator) }), _jsxs(Text, { className: cn("mb-3 text-xs text-muted-foreground", classNames?.description), children: [localization.THIS_CODE_EXPIRES_IN_MINUTES.replace("{expirationMinutes}", expirationMinutes.toString()), appName && (_jsxs(_Fragment, { children: [" ", localization.EMAIL_SENT_BY.replace("{appName}", appName)] }))] }), _jsx(Text, { className: cn("mt-3 text-xs text-muted-foreground", classNames?.description), children: localization.IF_YOU_DIDNT_REQUEST_THIS_EMAIL }), poweredBy && (_jsx(Text, { className: cn("mt-4 mb-0 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] }));
-                                    })() }))] }) }) }) })] }));
-};
-OtpEmail.localization = otpEmailLocalization;
-OtpEmail.PreviewProps = {
-    verificationCode: "069420",
-    email: "m@example.com",
-    appName: "Better Auth",
-    darkMode: true
-};
-export default OtpEmail;

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

@@ -1,76 +0,0 @@
-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 passwordChangedEmailLocalization = {
-    YOUR_PASSWORD_HAS_BEEN_CHANGED: "Your password has been changed",
-    LOGO: "Logo",
-    PASSWORD_CHANGED_SUCCESSFULLY: "Password changed successfully",
-    PASSWORD_FOR_YOUR_ACCOUNT_CHANGED: "The password for your {appName} account {userEmail} has been changed successfully.",
-    CHANGED_AT: "Changed at",
-    IF_YOU_MADE_THIS_CHANGE: "If you made this change, you can safely ignore this email. Your account is secure.",
-    I_DIDNT_MAKE_THIS_CHANGE: "I didn't make this change",
-    EMAIL_SENT_BY: "Email sent by {appName}.",
-    IF_YOU_DIDNT_AUTHORIZE_THIS_CHANGE: "If you didn't authorize this change, please contact support immediately {supportEmail} to secure your account.",
-    POWERED_BY_BETTER_AUTH: "Powered by {betterAuth}"
-};
-/**
- * Email template component that notifies users when their password has been changed.
- *
- * This email includes:
- * - Password change confirmation message
- * - Timestamp of the change
- * - Secure account action button if unauthorized change occurred
- * - Security warnings and support contact information
- * - Customizable branding and styling
- * - Support for light/dark mode themes
- *
- * @example
- * ```tsx
- * <PasswordChangedEmail
- *   email="user@example.com"
- *   timestamp="February 10, 2025 at 4:20 PM UTC"
- *   secureAccountURL="https://example.com/settings/security"
- *   appName="My App"
- *   supportEmail="support@example.com"
- *   logoURL="https://example.com/logo.png"
- *   darkMode={true}
- * />
- * ```
- */
-export const PasswordChangedEmail = ({ email, timestamp, secureAccountURL, appName, supportEmail, logoURL, colors, classNames, darkMode = true, poweredBy, head, ...props }) => {
-    const localization = {
-        ...PasswordChangedEmail.localization,
-        ...props.localization
-    };
-    const previewText = localization.YOUR_PASSWORD_HAS_BEEN_CHANGED;
-    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.PASSWORD_CHANGED_SUCCESSFULLY }), _jsx(Text, { className: cn("text-sm font-normal", classNames?.content), children: (() => {
-                                        const textWithAppName = localization.PASSWORD_FOR_YOUR_ACCOUNT_CHANGED.replace("{appName}", appName || "")
-                                            .replace(/\s{2,}/g, " ")
-                                            .replace(" .", ".");
-                                        const [beforeUserEmail, afterUserEmail] = textWithAppName.split("{userEmail}");
-                                        return email ? (_jsxs(_Fragment, { children: [beforeUserEmail, _jsx(Link, { href: `mailto:${email}`, className: "text-primary font-medium", children: email }), afterUserEmail] })) : (textWithAppName
-                                            .replace("{userEmail}", "")
-                                            .replace(/\s{2,}/g, " ")
-                                            .replace(" .", "."));
-                                    })() }), timestamp && (_jsxs(Section, { className: cn("my-6 border border-border bg-muted p-4", classNames?.codeBlock), children: [_jsxs(Text, { className: cn("m-0 mb-2 text-xs text-muted-foreground", classNames?.description), children: [localization.CHANGED_AT, ":"] }), _jsx(Text, { className: cn("m-0 text-sm font-semibold", classNames?.content), children: timestamp })] })), _jsx(Text, { className: cn("text-sm font-normal", classNames?.content), children: localization.IF_YOU_MADE_THIS_CHANGE }), secureAccountURL && (_jsx(Section, { className: "mt-6", children: _jsx(Button, { href: secureAccountURL, 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.I_DIDNT_MAKE_THIS_CHANGE }) })), _jsx(Hr, { className: cn("my-6 w-full border border-solid border-border", classNames?.separator) }), appName && (_jsx(Text, { className: cn("mb-3 text-xs text-muted-foreground", classNames?.description), children: localization.EMAIL_SENT_BY.replace("{appName}", appName) })), _jsx(Text, { className: cn("mt-3 text-xs text-muted-foreground", classNames?.description), children: (() => {
-                                        const [beforeSupportEmail, afterSupportEmail] = localization.IF_YOU_DIDNT_AUTHORIZE_THIS_CHANGE.split("{supportEmail}");
-                                        return supportEmail ? (_jsxs(_Fragment, { children: [beforeSupportEmail, _jsx(Link, { href: `mailto:${supportEmail}`, className: cn("text-primary underline", classNames?.link), children: supportEmail }), afterSupportEmail] })) : (localization.IF_YOU_DIDNT_AUTHORIZE_THIS_CHANGE.replace("{supportEmail}", "")
-                                            .replace(/\s{2,}/g, " ")
-                                            .replace(" .", "."));
-                                    })() }), poweredBy && (_jsx(Text, { className: cn("mt-4 mb-0 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] }));
-                                    })() }))] }) }) }) })] }));
-};
-PasswordChangedEmail.localization = passwordChangedEmailLocalization;
-PasswordChangedEmail.PreviewProps = {
-    email: "m@example.com",
-    timestamp: "February 10, 2025 at 4:20 PM UTC",
-    secureAccountURL: "https://better-auth-ui.com/settings/security",
-    appName: "Better Auth",
-    supportEmail: "support@example.com",
-    darkMode: true
-};
-export default PasswordChangedEmail;

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

@@ -1,68 +0,0 @@
-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}"
-};
-/**
- * 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] }));
-                                    })() }))] }) }) }) })] }));
-};
-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.js

@@ -1,31 +0,0 @@
-"use client";
-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 }));
-}
-export function useFetchOptions() {
-    const ctx = useContext(FetchOptionsContext);
-    if (!ctx) {
-        throw new Error("[Better Auth UI] useFetchOptions must be used within FetchOptionsProvider");
-    }
-    return ctx;
-}

package/dist/components/icons/apple.js

@@ -1,10 +0,0 @@
-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" }) }));
-}

package/dist/components/icons/atlassian.js

@@ -1,14 +0,0 @@
-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" })] }));
-}

package/dist/components/icons/cognito.js

@@ -1,10 +0,0 @@
-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" })] }));
-}

package/dist/components/icons/discord.js

@@ -1,10 +0,0 @@
-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" }) }));
-}

package/dist/components/icons/dropbox.js

@@ -1,10 +0,0 @@
-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" }) }));
-}