@terreno/ui 0.1.0 → 0.2.0

package/dist/Common.d.ts

@@ -1277,6 +1277,50 @@ export interface ButtonProps {
      */
     onClick: () => void | Promise<void>;
 }
+/**
+ * Props for the SocialLoginButton component.
+ * Used for OAuth social login buttons (Google, GitHub, Apple).
+ */
+export interface SocialLoginButtonProps {
+    /**
+     * The OAuth provider for the social login.
+     */
+    provider: "google" | "github" | "apple";
+    /**
+     * The function to call when the button is pressed.
+     * Should initiate the OAuth flow.
+     */
+    onPress: () => Promise<void>;
+    /**
+     * If true, a loading spinner will be shown in the button.
+     */
+    loading?: boolean;
+    /**
+     * The visual variant of the button.
+     * - "primary": Uses the provider's brand colors
+     * - "outline": Uses an outline style with neutral colors
+     * @default "primary"
+     */
+    variant?: "primary" | "outline";
+    /**
+     * If true, the button will be disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * If true, the button will take the full width of its container.
+     * @default true
+     */
+    fullWidth?: boolean;
+    /**
+     * Custom text for the button. Defaults to "Continue with {Provider}".
+     */
+    text?: string;
+    /**
+     * Test ID for testing purposes.
+     */
+    testID?: string;
+}
 export interface CustomSelectFieldProps {
     /**
      * The current value of the custom select field.

package/dist/SocialLoginButton.d.ts

@@ -0,0 +1,19 @@
+import { type FC } from "react";
+import type { SocialLoginButtonProps } from "./Common";
+/**
+ * A branded social login button for OAuth authentication.
+ *
+ * Supports Google, GitHub, and Apple sign-in with appropriate brand colors
+ * and icons following each provider's brand guidelines.
+ *
+ * @example
+ * ```tsx
+ * <SocialLoginButton
+ *   provider="google"
+ *   onPress={async () => {
+ *     await authClient.signIn.social({ provider: "google" });
+ *   }}
+ * />
+ * ```
+ */
+export declare const SocialLoginButton: FC<SocialLoginButtonProps>;

package/dist/SocialLoginButton.js

@@ -0,0 +1,119 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import FontAwesome6 from "@expo/vector-icons/FontAwesome6";
+import debounce from "lodash/debounce";
+import { useMemo, useState } from "react";
+import { ActivityIndicator, Pressable, Text, View } from "react-native";
+import { Box } from "./Box";
+import { useTheme } from "./Theme";
+import { Unifier } from "./Unifier";
+/**
+ * Brand colors for social login providers
+ */
+const PROVIDER_COLORS = {
+    apple: {
+        background: "#000000",
+        border: "#000000",
+        text: "#ffffff",
+    },
+    github: {
+        background: "#24292e",
+        border: "#24292e",
+        text: "#ffffff",
+    },
+    google: {
+        background: "#ffffff",
+        border: "#dadce0",
+        text: "#1f1f1f",
+    },
+};
+/**
+ * Font Awesome icon names for social providers
+ */
+const PROVIDER_ICONS = {
+    apple: "apple",
+    github: "github",
+    google: "google",
+};
+/**
+ * Display names for social providers
+ */
+const PROVIDER_NAMES = {
+    apple: "Apple",
+    github: "GitHub",
+    google: "Google",
+};
+/**
+ * A branded social login button for OAuth authentication.
+ *
+ * Supports Google, GitHub, and Apple sign-in with appropriate brand colors
+ * and icons following each provider's brand guidelines.
+ *
+ * @example
+ * ```tsx
+ * <SocialLoginButton
+ *   provider="google"
+ *   onPress={async () => {
+ *     await authClient.signIn.social({ provider: "google" });
+ *   }}
+ * />
+ * ```
+ */
+export const SocialLoginButton = ({ provider, onPress, loading: propsLoading, variant = "primary", disabled = false, fullWidth = true, text, testID, }) => {
+    const [loading, setLoading] = useState(propsLoading);
+    const { theme } = useTheme();
+    const { backgroundColor, borderColor, textColor } = useMemo(() => {
+        var _a, _b;
+        const colors = PROVIDER_COLORS[provider];
+        if (variant === "outline") {
+            return {
+                backgroundColor: (_a = theme === null || theme === void 0 ? void 0 : theme.surface.base) !== null && _a !== void 0 ? _a : "#ffffff",
+                borderColor: colors.border,
+                textColor: (_b = theme === null || theme === void 0 ? void 0 : theme.text.primary) !== null && _b !== void 0 ? _b : "#1f1f1f",
+            };
+        }
+        return {
+            backgroundColor: colors.background,
+            borderColor: colors.border,
+            textColor: colors.text,
+        };
+    }, [provider, variant, theme]);
+    const iconName = PROVIDER_ICONS[provider];
+    const providerName = PROVIDER_NAMES[provider];
+    const buttonText = text !== null && text !== void 0 ? text : `Continue with ${providerName}`;
+    const handlePress = useMemo(() => debounce(async () => {
+        await Unifier.utils.haptic();
+        setLoading(true);
+        try {
+            await onPress();
+        }
+        catch (error) {
+            console.error(`Social login error (${provider}):`, error);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, 500, { leading: true }), [onPress, provider]);
+    if (!theme) {
+        return null;
+    }
+    const isDisabled = disabled || loading;
+    return (_jsx(Pressable, { accessibilityHint: `Sign in with ${providerName}`, "aria-label": buttonText, "aria-role": "button", disabled: isDisabled, onPress: handlePress, style: {
+            alignItems: "center",
+            alignSelf: fullWidth ? "stretch" : undefined,
+            backgroundColor: isDisabled ? theme.surface.disabled : backgroundColor,
+            borderColor,
+            borderRadius: theme.radius.rounded,
+            borderWidth: 1,
+            flexDirection: "row",
+            justifyContent: "center",
+            opacity: isDisabled ? 0.6 : 1,
+            paddingHorizontal: 20,
+            paddingVertical: 12,
+            width: fullWidth ? "100%" : "auto",
+        }, testID: testID !== null && testID !== void 0 ? testID : `social-login-${provider}`, children: _jsxs(View, { style: { alignItems: "center", flexDirection: "row" }, children: [Boolean(iconName) && (_jsx(View, { style: { marginRight: 12 }, children: _jsx(FontAwesome6, { brand: true, color: isDisabled ? theme.text.secondaryLight : textColor, name: iconName, size: 20 }) })), _jsx(Text, { style: {
+                        color: isDisabled ? theme.text.secondaryLight : textColor,
+                        fontSize: 16,
+                        fontWeight: "600",
+                    }, children: buttonText }), Boolean(loading) && (_jsx(Box, { marginLeft: 2, children: _jsx(ActivityIndicator, { color: isDisabled ? theme.text.secondaryLight : textColor, size: "small" }) }))] }) }));
+};
+//# sourceMappingURL=SocialLoginButton.js.map

package/dist/SocialLoginButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SocialLoginButton.js","sourceRoot":"","sources":["../src/SocialLoginButton.tsx"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -35,6 +35,7 @@ export * from "./ImageBackground";
 export * from "./InfoModalIcon";
 export * from "./InfoTooltipButton";
 export * from "./Link";
+export * from "./login";
 export * from "./MarkdownView";
 export * from "./MediaQuery";
 export * from "./MobileAddressAutoComplete";
@@ -59,8 +60,10 @@ export * from "./SideDrawer";
 export * from "./Signature";
 export * from "./SignatureField";
 export * from "./Slider";
+export * from "./SocialLoginButton";
 export * from "./Spinner";
 export * from "./SplitPage";
+export * from "./signUp";
 export * from "./TapToEdit";
 export * from "./TerrenoProvider";
 export * from "./Text";

package/dist/index.js

@@ -34,6 +34,7 @@ export * from "./ImageBackground";
 export * from "./InfoModalIcon";
 export * from "./InfoTooltipButton";
 export * from "./Link";
+export * from "./login";
 export * from "./MarkdownView";
 export * from "./MediaQuery";
 export * from "./MobileAddressAutoComplete";
@@ -58,8 +59,10 @@ export * from "./SideDrawer";
 export * from "./Signature";
 export * from "./SignatureField";
 export * from "./Slider";
+export * from "./SocialLoginButton";
 export * from "./Spinner";
 export * from "./SplitPage";
+export * from "./signUp";
 export * from "./TapToEdit";
 export * from "./TerrenoProvider";
 export * from "./Text";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAEA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,iBAAiB,CAAC;AACzD,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}

package/dist/login/LoginScreen.d.ts

@@ -0,0 +1,25 @@
+import type { FC } from "react";
+import type { LoginScreenProps } from "./loginTypes";
+/**
+ * A configurable login screen component with support for custom fields,
+ * OAuth providers, sign-up link, and forgot password link.
+ *
+ * @example
+ * ```tsx
+ * <LoginScreen
+ *   fields={[
+ *     {name: "email", label: "Email", type: "email", required: true},
+ *     {name: "password", label: "Password", type: "password", required: true},
+ *   ]}
+ *   onSubmit={async (values) => {
+ *     await signIn(values.email, values.password);
+ *   }}
+ *   oauthProviders={[
+ *     {provider: "google", onPress: () => signInWithSocial("google")},
+ *   ]}
+ *   onSignUpPress={() => router.push("/signup")}
+ *   onForgotPasswordPress={() => router.push("/forgot-password")}
+ * />
+ * ```
+ */
+export declare const LoginScreen: FC<LoginScreenProps>;

package/dist/login/LoginScreen.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import { Box } from "../Box";
+import { Button } from "../Button";
+import { Heading } from "../Heading";
+import { Page } from "../Page";
+import { OAuthButtons } from "../signUp/OAuthButtons";
+import { Text } from "../Text";
+import { TextField } from "../TextField";
+/**
+ * A configurable login screen component with support for custom fields,
+ * OAuth providers, sign-up link, and forgot password link.
+ *
+ * @example
+ * ```tsx
+ * <LoginScreen
+ *   fields={[
+ *     {name: "email", label: "Email", type: "email", required: true},
+ *     {name: "password", label: "Password", type: "password", required: true},
+ *   ]}
+ *   onSubmit={async (values) => {
+ *     await signIn(values.email, values.password);
+ *   }}
+ *   oauthProviders={[
+ *     {provider: "google", onPress: () => signInWithSocial("google")},
+ *   ]}
+ *   onSignUpPress={() => router.push("/signup")}
+ *   onForgotPasswordPress={() => router.push("/forgot-password")}
+ * />
+ * ```
+ */
+export const LoginScreen = ({ fields, onSubmit, oauthProviders, logo, title = "Welcome Back", loading = false, error, signUpLinkText = "Need an account? Sign Up", onSignUpPress, forgotPasswordText = "Forgot password?", onForgotPasswordPress, testID = "login-screen", }) => {
+    const [formValues, setFormValues] = useState(() => {
+        const initial = {};
+        for (const field of fields) {
+            initial[field.name] = "";
+        }
+        return initial;
+    });
+    const handleFieldChange = useCallback((fieldName, value) => {
+        setFormValues((prev) => (Object.assign(Object.assign({}, prev), { [fieldName]: value })));
+    }, []);
+    const handleSubmit = useCallback(async () => {
+        await onSubmit(formValues);
+    }, [formValues, onSubmit]);
+    const requiredFieldsFilled = fields
+        .filter((f) => f.required)
+        .every((f) => { var _a; return ((_a = formValues[f.name]) !== null && _a !== void 0 ? _a : "").trim().length > 0; });
+    const isSubmitDisabled = loading || !requiredFieldsFilled;
+    return (_jsx(Page, { navigation: undefined, children: _jsxs(Box, { alignItems: "center", alignSelf: "center", flex: "grow", justifyContent: "center", maxWidth: 400, padding: 4, testID: testID, width: "100%", children: [Boolean(logo) && _jsx(Box, { marginBottom: 6, children: logo }), _jsx(Box, { marginBottom: 8, children: _jsx(Heading, { testID: `${testID}-title`, children: title }) }), _jsxs(Box, { gap: 4, width: "100%", children: [fields.map((field) => {
+                            var _a;
+                            return (_jsx(TextField, { autoComplete: field.autoComplete, disabled: loading, onChange: (value) => handleFieldChange(field.name, value), placeholder: (_a = field.placeholder) !== null && _a !== void 0 ? _a : field.label, testID: `${testID}-${field.name}-input`, title: field.label, type: field.type === "email" ? "email" : field.type === "password" ? "password" : "text", value: formValues[field.name] }, field.name));
+                        }), Boolean(error) && (_jsx(Text, { color: "error", testID: `${testID}-error`, children: error })), _jsx(Box, { marginTop: 4, children: _jsx(Button, { disabled: isSubmitDisabled, fullWidth: true, loading: loading, onClick: handleSubmit, testID: `${testID}-submit-button`, text: "Log In" }) }), Boolean(onForgotPasswordPress) && (_jsx(Box, { alignItems: "center", marginTop: 2, children: _jsx(Button, { disabled: loading, onClick: onForgotPasswordPress, testID: `${testID}-forgot-password`, text: forgotPasswordText, variant: "muted" }) })), Boolean(onSignUpPress) && (_jsx(Box, { marginTop: 2, children: _jsx(Button, { disabled: loading, fullWidth: true, onClick: onSignUpPress, testID: `${testID}-signup-link`, text: signUpLinkText, variant: "outline" }) })), Boolean(oauthProviders && oauthProviders.length > 0) && (_jsx(OAuthButtons, { disabled: loading, providers: oauthProviders, testID: `${testID}-oauth` }))] })] }) }));
+};
+//# sourceMappingURL=LoginScreen.js.map

package/dist/login/LoginScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginScreen.js","sourceRoot":"","sources":["../../src/login/LoginScreen.tsx"],"names":[],"mappings":"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"}

package/dist/login/index.d.ts

@@ -0,0 +1,2 @@
+export { LoginScreen } from "./LoginScreen";
+export type { LoginFieldConfig, LoginScreenProps } from "./loginTypes";

package/dist/login/index.js

@@ -0,0 +1,2 @@
+export { LoginScreen } from "./LoginScreen";
+//# sourceMappingURL=index.js.map

package/dist/login/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/login/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC"}

package/dist/login/loginTypes.d.ts

@@ -0,0 +1,48 @@
+import type { ReactNode } from "react";
+import type { OAuthProviderConfig } from "../signUp/signUpTypes";
+/**
+ * Configuration for a login form field.
+ */
+export interface LoginFieldConfig {
+    /** Unique field name used as the key in form state. */
+    name: string;
+    /** Display label for the field. */
+    label: string;
+    /** Placeholder text shown when the field is empty. */
+    placeholder?: string;
+    /** Input type for the field. */
+    type?: "text" | "email" | "password";
+    /** Whether the field is required. */
+    required?: boolean;
+    /** Auto-complete hint for the field. */
+    autoComplete?: "current-password" | "on" | "off" | "username";
+}
+/**
+ * Props for the LoginScreen component.
+ */
+export interface LoginScreenProps {
+    /** Form field configurations. */
+    fields: LoginFieldConfig[];
+    /** Callback triggered on form submission. Receives field values as a record. */
+    onSubmit: (values: Record<string, string>) => Promise<void>;
+    /** Optional OAuth provider configurations for social login buttons. */
+    oauthProviders?: OAuthProviderConfig[];
+    /** Custom logo or banner to display above the form. */
+    logo?: ReactNode;
+    /** Title text for the login form. */
+    title?: string;
+    /** Whether the form is in a loading state. */
+    loading?: boolean;
+    /** Error message to display. */
+    error?: string;
+    /** Text for the link to navigate to sign up. */
+    signUpLinkText?: string;
+    /** Callback triggered when the sign-up link is pressed. */
+    onSignUpPress?: () => void;
+    /** Text for the forgot password link. */
+    forgotPasswordText?: string;
+    /** Callback triggered when the forgot password link is pressed. */
+    onForgotPasswordPress?: () => void;
+    /** Test ID for the root element. */
+    testID?: string;
+}

package/dist/login/loginTypes.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=loginTypes.js.map

package/dist/login/loginTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loginTypes.js","sourceRoot":"","sources":["../../src/login/loginTypes.ts"],"names":[],"mappings":""}

package/dist/signUp/OAuthButtons.d.ts

@@ -0,0 +1,18 @@
+import type { FC } from "react";
+import type { OAuthProviderConfig } from "./signUpTypes";
+interface OAuthButtonsProps {
+    /** OAuth provider configurations. */
+    providers: OAuthProviderConfig[];
+    /** Whether all buttons should be disabled. */
+    disabled?: boolean;
+    /** Divider text displayed above the OAuth buttons. */
+    dividerText?: string;
+    /** Test ID prefix for the component. */
+    testID?: string;
+}
+/**
+ * Renders OAuth provider buttons with an optional divider text.
+ * Uses SocialLoginButton for branded provider buttons.
+ */
+export declare const OAuthButtons: FC<OAuthButtonsProps>;
+export {};

package/dist/signUp/OAuthButtons.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from "../Box";
+import { SocialLoginButton } from "../SocialLoginButton";
+import { Text } from "../Text";
+/**
+ * Renders OAuth provider buttons with an optional divider text.
+ * Uses SocialLoginButton for branded provider buttons.
+ */
+export const OAuthButtons = ({ providers, disabled = false, dividerText = "Or continue with", testID = "oauth-buttons", }) => {
+    if (providers.length === 0) {
+        return null;
+    }
+    return (_jsxs(Box, { testID: testID, width: "100%", children: [_jsx(Box, { alignItems: "center", marginTop: 6, children: _jsx(Text, { color: "secondaryLight", children: dividerText }) }), _jsx(Box, { gap: 3, marginTop: 4, children: providers.map((config) => (_jsx(SocialLoginButton, { disabled: disabled || config.disabled, loading: config.loading, onPress: config.onPress, provider: config.provider, testID: `${testID}-${config.provider}` }, config.provider))) })] }));
+};
+//# sourceMappingURL=OAuthButtons.js.map

package/dist/signUp/OAuthButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OAuthButtons.js","sourceRoot":"","sources":["../../src/signUp/OAuthButtons.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,GAAG,EAAC,MAAM,QAAQ,CAAC;AAC3B,OAAO,EAAC,iBAAiB,EAAC,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAC,IAAI,EAAC,MAAM,SAAS,CAAC;AAc7B;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAClD,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,kBAAkB,EAChC,MAAM,GAAG,eAAe,GACzB,EAAE,EAAE;IACH,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,MAAC,GAAG,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAC,MAAM,aAC/B,KAAC,GAAG,IAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAE,CAAC,YACnC,KAAC,IAAI,IAAC,KAAK,EAAC,gBAAgB,YAAE,WAAW,GAAQ,GAC7C,EACN,KAAC,GAAG,IAAC,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,YACtB,SAAS,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACzB,KAAC,iBAAiB,IAChB,QAAQ,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,EAErC,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,MAAM,EAAE,GAAG,MAAM,IAAI,MAAM,CAAC,QAAQ,EAAE,IAJjC,MAAM,CAAC,QAAQ,CAKpB,CACH,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/signUp/PasswordRequirements.d.ts

@@ -0,0 +1,15 @@
+import type { FC } from "react";
+import type { PasswordRequirement } from "./signUpTypes";
+interface PasswordRequirementsProps {
+    /** The current password value to validate against. */
+    password: string;
+    /** List of password requirements to display. */
+    requirements: PasswordRequirement[];
+    /** Test ID prefix for the component. */
+    testID?: string;
+}
+/**
+ * Displays a list of password requirements with check/cross indicators.
+ */
+export declare const PasswordRequirements: FC<PasswordRequirementsProps>;
+export {};

package/dist/signUp/PasswordRequirements.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { View } from "react-native";
+import { Icon } from "../Icon";
+import { Text } from "../Text";
+/**
+ * Displays a list of password requirements with check/cross indicators.
+ */
+export const PasswordRequirements = ({ password, requirements, testID = "password-requirements", }) => {
+    return (_jsx(View, { testID: testID, children: requirements.map((req) => {
+            const isMet = password.length > 0 && req.validate(password);
+            return (_jsxs(View, { style: { alignItems: "center", flexDirection: "row", gap: 8, marginBottom: 4 }, testID: `${testID}-${req.key}`, children: [_jsx(Icon, { color: isMet ? "success" : "secondaryLight", iconName: isMet ? "circle-check" : "circle", size: "sm", testID: `${testID}-${req.key}-icon` }), _jsx(Text, { color: isMet ? "success" : "secondaryLight", size: "sm", children: req.label })] }, req.key));
+        }) }));
+};
+//# sourceMappingURL=PasswordRequirements.js.map

package/dist/signUp/PasswordRequirements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordRequirements.js","sourceRoot":"","sources":["../../src/signUp/PasswordRequirements.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AAElC,OAAO,EAAC,IAAI,EAAC,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAC,IAAI,EAAC,MAAM,SAAS,CAAC;AAY7B;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAkC,CAAC,EAClE,QAAQ,EACR,YAAY,EACZ,MAAM,GAAG,uBAAuB,GACjC,EAAE,EAAE;IACH,OAAO,CACL,KAAC,IAAI,IAAC,MAAM,EAAE,MAAM,YACjB,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YACxB,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;YAC5D,OAAO,CACL,MAAC,IAAI,IAEH,KAAK,EAAE,EAAC,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAC,EAC5E,MAAM,EAAE,GAAG,MAAM,IAAI,GAAG,CAAC,GAAG,EAAE,aAE9B,KAAC,IAAI,IACH,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,EAC3C,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,EAC3C,IAAI,EAAC,IAAI,EACT,MAAM,EAAE,GAAG,MAAM,IAAI,GAAG,CAAC,GAAG,OAAO,GACnC,EACF,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,EAAE,IAAI,EAAC,IAAI,YACzD,GAAG,CAAC,KAAK,GACL,KAZF,GAAG,CAAC,GAAG,CAaP,CACR,CAAC;QACJ,CAAC,CAAC,GACG,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/signUp/SignUpScreen.d.ts

@@ -0,0 +1,26 @@
+import type { FC } from "react";
+import type { SignUpScreenProps } from "./signUpTypes";
+/**
+ * A configurable sign-up screen component with support for custom fields,
+ * password requirements, OAuth providers, and onboarding pages.
+ *
+ * @example
+ * ```tsx
+ * <SignUpScreen
+ *   fields={[
+ *     {name: "name", label: "Name", type: "text", required: true},
+ *     {name: "email", label: "Email", type: "email", required: true},
+ *     {name: "password", label: "Password", type: "password", required: true},
+ *   ]}
+ *   onSubmit={async (values) => {
+ *     await signUp(values.email, values.password, values.name);
+ *   }}
+ *   passwordRequirements={defaultPasswordRequirements}
+ *   oauthProviders={[
+ *     {provider: "google", onPress: () => signInWithSocial("google")},
+ *   ]}
+ *   onLoginPress={() => router.push("/login")}
+ * />
+ * ```
+ */
+export declare const SignUpScreen: FC<SignUpScreenProps>;

package/dist/signUp/SignUpScreen.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import { Box } from "../Box";
+import { Button } from "../Button";
+import { Heading } from "../Heading";
+import { Page } from "../Page";
+import { Text } from "../Text";
+import { TextField } from "../TextField";
+import { OAuthButtons } from "./OAuthButtons";
+import { PasswordRequirements } from "./PasswordRequirements";
+import { Swiper } from "./Swiper";
+/**
+ * A configurable sign-up screen component with support for custom fields,
+ * password requirements, OAuth providers, and onboarding pages.
+ *
+ * @example
+ * ```tsx
+ * <SignUpScreen
+ *   fields={[
+ *     {name: "name", label: "Name", type: "text", required: true},
+ *     {name: "email", label: "Email", type: "email", required: true},
+ *     {name: "password", label: "Password", type: "password", required: true},
+ *   ]}
+ *   onSubmit={async (values) => {
+ *     await signUp(values.email, values.password, values.name);
+ *   }}
+ *   passwordRequirements={defaultPasswordRequirements}
+ *   oauthProviders={[
+ *     {provider: "google", onPress: () => signInWithSocial("google")},
+ *   ]}
+ *   onLoginPress={() => router.push("/login")}
+ * />
+ * ```
+ */
+export const SignUpScreen = ({ fields, onSubmit, oauthProviders, passwordRequirements, onboardingPages, logo, title = "Create Account", loading = false, error, loginLinkText = "Already have an account? Log in", onLoginPress, testID = "signup-screen", }) => {
+    var _a;
+    const [formValues, setFormValues] = useState(() => {
+        const initial = {};
+        for (const field of fields) {
+            initial[field.name] = "";
+        }
+        return initial;
+    });
+    const handleFieldChange = useCallback((fieldName, value) => {
+        setFormValues((prev) => (Object.assign(Object.assign({}, prev), { [fieldName]: value })));
+    }, []);
+    const handleSubmit = useCallback(async () => {
+        await onSubmit(formValues);
+    }, [formValues, onSubmit]);
+    const passwordField = fields.find((f) => f.type === "password");
+    const passwordValue = passwordField ? ((_a = formValues[passwordField.name]) !== null && _a !== void 0 ? _a : "") : "";
+    const allRequirementsMet = !passwordRequirements ||
+        passwordRequirements.length === 0 ||
+        passwordRequirements.every((req) => req.validate(passwordValue));
+    const requiredFieldsFilled = fields
+        .filter((f) => f.required)
+        .every((f) => { var _a; return ((_a = formValues[f.name]) !== null && _a !== void 0 ? _a : "").trim().length > 0; });
+    const isSubmitDisabled = loading || !requiredFieldsFilled || !allRequirementsMet;
+    return (_jsx(Page, { navigation: undefined, children: _jsxs(Box, { alignItems: "center", alignSelf: "center", flex: "grow", justifyContent: "center", maxWidth: 400, padding: 4, testID: testID, width: "100%", children: [Boolean(onboardingPages && onboardingPages.length > 0) && (_jsx(Box, { marginBottom: 6, children: _jsx(Swiper, { pages: onboardingPages, testID: `${testID}-swiper` }) })), Boolean(logo) && _jsx(Box, { marginBottom: 6, children: logo }), _jsx(Box, { marginBottom: 8, children: _jsx(Heading, { testID: `${testID}-title`, children: title }) }), _jsxs(Box, { gap: 4, width: "100%", children: [fields.map((field) => {
+                            var _a;
+                            return (_jsx(TextField, { autoComplete: field.autoComplete, disabled: loading, onChange: (value) => handleFieldChange(field.name, value), placeholder: (_a = field.placeholder) !== null && _a !== void 0 ? _a : field.label, testID: `${testID}-${field.name}-input`, title: field.label, type: field.type === "email" ? "email" : field.type === "password" ? "password" : "text", value: formValues[field.name] }, field.name));
+                        }), Boolean(passwordRequirements && passwordRequirements.length > 0 && passwordField) && (_jsx(PasswordRequirements, { password: passwordValue, requirements: passwordRequirements, testID: `${testID}-password-requirements` })), Boolean(error) && (_jsx(Text, { color: "error", testID: `${testID}-error`, children: error })), _jsx(Box, { marginTop: 4, children: _jsx(Button, { disabled: isSubmitDisabled, fullWidth: true, loading: loading, onClick: handleSubmit, testID: `${testID}-submit-button`, text: "Sign Up" }) }), Boolean(onLoginPress) && (_jsx(Box, { marginTop: 2, children: _jsx(Button, { disabled: loading, fullWidth: true, onClick: onLoginPress, testID: `${testID}-login-link`, text: loginLinkText, variant: "outline" }) })), Boolean(oauthProviders && oauthProviders.length > 0) && (_jsx(OAuthButtons, { disabled: loading, providers: oauthProviders, testID: `${testID}-oauth` }))] })] }) }));
+};
+//# sourceMappingURL=SignUpScreen.js.map

package/dist/signUp/SignUpScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignUpScreen.js","sourceRoot":"","sources":["../../src/signUp/SignUpScreen.tsx"],"names":[],"mappings":"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"}

package/dist/signUp/Swiper.d.ts

@@ -0,0 +1,13 @@
+import type { FC } from "react";
+import type { OnboardingPage } from "./signUpTypes";
+interface SwiperProps {
+    /** Onboarding pages to display. */
+    pages: OnboardingPage[];
+    /** Test ID prefix for the component. */
+    testID?: string;
+}
+/**
+ * An onboarding swiper that displays pages with optional images, titles, and subtitles.
+ */
+export declare const Swiper: FC<SwiperProps>;
+export {};

package/dist/signUp/Swiper.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Image } from "react-native";
+import { SwiperFlatList } from "react-native-swiper-flatlist";
+import { Box } from "../Box";
+import { Heading } from "../Heading";
+import { Text } from "../Text";
+/**
+ * An onboarding swiper that displays pages with optional images, titles, and subtitles.
+ */
+export const Swiper = ({ pages, testID = "onboarding-swiper" }) => {
+    if (pages.length === 0) {
+        return null;
+    }
+    return (_jsx(Box, { height: 300, testID: testID, width: "100%", children: _jsx(SwiperFlatList, { autoplay: true, autoplayDelay: 4, autoplayLoop: true, showPagination: true, children: pages.map((page, index) => (_jsxs(Box, { alignItems: "center", justifyContent: "center", padding: 4, width: "100%", children: [Boolean(page.image) && (_jsx(Image, { resizeMode: "contain", source: page.image, style: { height: 120, marginBottom: 16, width: 120 } })), Boolean(page.content) && page.content, _jsx(Heading, { align: "center", size: "md", children: page.title }), Boolean(page.subtitle) && (_jsx(Box, { marginTop: 2, children: _jsx(Text, { align: "center", color: "secondaryLight", children: page.subtitle }) }))] }, `${page.title}-${index}`))) }) }));
+};
+//# sourceMappingURL=Swiper.js.map

package/dist/signUp/Swiper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Swiper.js","sourceRoot":"","sources":["../../src/signUp/Swiper.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,KAAK,EAAC,MAAM,cAAc,CAAC;AACnC,OAAO,EAAC,cAAc,EAAC,MAAM,8BAA8B,CAAC;AAE5D,OAAO,EAAC,GAAG,EAAC,MAAM,QAAQ,CAAC;AAC3B,OAAO,EAAC,OAAO,EAAC,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,IAAI,EAAC,MAAM,SAAS,CAAC;AAU7B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAoB,CAAC,EAAC,KAAK,EAAE,MAAM,GAAG,mBAAmB,EAAC,EAAE,EAAE;IAC/E,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,GAAG,IAAC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAC,MAAM,YAC5C,KAAC,cAAc,IAAC,QAAQ,QAAC,aAAa,EAAE,CAAC,EAAE,YAAY,QAAC,cAAc,kBACnE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,MAAC,GAAG,IACF,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,EAEvB,OAAO,EAAE,CAAC,EACV,KAAK,EAAC,MAAM,aAEX,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CACtB,KAAC,KAAK,IACJ,UAAU,EAAC,SAAS,EACpB,MAAM,EAAE,IAAI,CAAC,KAAM,EACnB,KAAK,EAAE,EAAC,MAAM,EAAE,GAAG,EAAE,YAAY,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAC,GAClD,CACH,EACA,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,OAAO,EACtC,KAAC,OAAO,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,YAC9B,IAAI,CAAC,KAAK,GACH,EACT,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CACzB,KAAC,GAAG,IAAC,SAAS,EAAE,CAAC,YACf,KAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,gBAAgB,YACxC,IAAI,CAAC,QAAQ,GACT,GACH,CACP,KArBI,GAAG,IAAI,CAAC,KAAK,IAAI,KAAK,EAAE,CAsBzB,CACP,CAAC,GACa,GACb,CACP,CAAC;AACJ,CAAC,CAAC"}