@terreno/ui 0.0.18 → 0.2.0

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"}

package/dist/signUp/index.d.ts

@@ -0,0 +1,6 @@
+export { OAuthButtons } from "./OAuthButtons";
+export { PasswordRequirements } from "./PasswordRequirements";
+export { defaultPasswordRequirements, simplePasswordRequirements } from "./passwordPresets";
+export { SignUpScreen } from "./SignUpScreen";
+export { Swiper } from "./Swiper";
+export type { OAuthProvider, OAuthProviderConfig, OnboardingPage, PasswordRequirement, SignUpFieldConfig, SignUpScreenProps, } from "./signUpTypes";

package/dist/signUp/index.js

@@ -0,0 +1,6 @@
+export { OAuthButtons } from "./OAuthButtons";
+export { PasswordRequirements } from "./PasswordRequirements";
+export { defaultPasswordRequirements, simplePasswordRequirements } from "./passwordPresets";
+export { SignUpScreen } from "./SignUpScreen";
+export { Swiper } from "./Swiper";
+//# sourceMappingURL=index.js.map

package/dist/signUp/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/signUp/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAC,2BAA2B,EAAE,0BAA0B,EAAC,MAAM,mBAAmB,CAAC;AAC1F,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC"}

package/dist/signUp/passwordPresets.d.ts

@@ -0,0 +1,9 @@
+import type { PasswordRequirement } from "./signUpTypes";
+/**
+ * Default password requirements with strong validation rules.
+ */
+export declare const defaultPasswordRequirements: PasswordRequirement[];
+/**
+ * Simple password requirements with minimal validation.
+ */
+export declare const simplePasswordRequirements: PasswordRequirement[];

package/dist/signUp/passwordPresets.js

@@ -0,0 +1,41 @@
+/**
+ * Default password requirements with strong validation rules.
+ */
+export const defaultPasswordRequirements = [
+    {
+        key: "minLength",
+        label: "At least 8 characters",
+        validate: (password) => password.length >= 8,
+    },
+    {
+        key: "uppercase",
+        label: "At least one uppercase letter",
+        validate: (password) => /[A-Z]/.test(password),
+    },
+    {
+        key: "lowercase",
+        label: "At least one lowercase letter",
+        validate: (password) => /[a-z]/.test(password),
+    },
+    {
+        key: "number",
+        label: "At least one number",
+        validate: (password) => /\d/.test(password),
+    },
+    {
+        key: "special",
+        label: "At least one special character",
+        validate: (password) => /[!@#$%^&*(),.?":{}|<>]/.test(password),
+    },
+];
+/**
+ * Simple password requirements with minimal validation.
+ */
+export const simplePasswordRequirements = [
+    {
+        key: "minLength",
+        label: "At least 6 characters",
+        validate: (password) => password.length >= 6,
+    },
+];
+//# sourceMappingURL=passwordPresets.js.map

package/dist/signUp/passwordPresets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"passwordPresets.js","sourceRoot":"","sources":["../../src/signUp/passwordPresets.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAA0B;IAChE;QACE,GAAG,EAAE,WAAW;QAChB,KAAK,EAAE,uBAAuB;QAC9B,QAAQ,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC;KACrD;IACD;QACE,GAAG,EAAE,WAAW;QAChB,KAAK,EAAE,+BAA+B;QACtC,QAAQ,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC;KACvD;IACD;QACE,GAAG,EAAE,WAAW;QAChB,KAAK,EAAE,+BAA+B;QACtC,QAAQ,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC;KACvD;IACD;QACE,GAAG,EAAE,QAAQ;QACb,KAAK,EAAE,qBAAqB;QAC5B,QAAQ,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;KACpD;IACD;QACE,GAAG,EAAE,SAAS;QACd,KAAK,EAAE,gCAAgC;QACvC,QAAQ,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,wBAAwB,CAAC,IAAI,CAAC,QAAQ,CAAC;KACxE;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAA0B;IAC/D;QACE,GAAG,EAAE,WAAW;QAChB,KAAK,EAAE,uBAAuB;QAC9B,QAAQ,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC;KACrD;CACF,CAAC"}

package/dist/signUp/signUpTypes.d.ts

@@ -0,0 +1,90 @@
+import type { ReactNode } from "react";
+/**
+ * Supported OAuth providers for social login buttons.
+ */
+export type OAuthProvider = "google" | "github" | "apple";
+/**
+ * Configuration for an OAuth provider button.
+ */
+export interface OAuthProviderConfig {
+    /** The OAuth provider identifier. */
+    provider: OAuthProvider;
+    /** Callback triggered when the provider button is pressed. */
+    onPress: () => Promise<void>;
+    /** Whether the button is in a loading state. */
+    loading?: boolean;
+    /** Whether the button is disabled. */
+    disabled?: boolean;
+}
+/**
+ * Configuration for a sign-up form field.
+ */
+export interface SignUpFieldConfig {
+    /** 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";
+}
+/**
+ * A single password requirement with a label and validation function.
+ */
+export interface PasswordRequirement {
+    /** Unique key for the requirement. */
+    key: string;
+    /** Display label for the requirement. */
+    label: string;
+    /** Returns true if the password meets this requirement. */
+    validate: (password: string) => boolean;
+}
+/**
+ * Configuration for a single onboarding page in the swiper.
+ */
+export interface OnboardingPage {
+    /** Title text displayed on the page. */
+    title: string;
+    /** Subtitle or description text. */
+    subtitle?: string;
+    /** Custom content to render on the page. */
+    content?: ReactNode;
+    /** Image source for the page. */
+    image?: number | {
+        uri: string;
+    };
+}
+/**
+ * Props for the SignUpScreen component.
+ */
+export interface SignUpScreenProps {
+    /** Form field configurations. */
+    fields: SignUpFieldConfig[];
+    /** 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[];
+    /** Password requirements to validate against. */
+    passwordRequirements?: PasswordRequirement[];
+    /** Onboarding pages to display before the sign-up form. */
+    onboardingPages?: OnboardingPage[];
+    /** Custom logo or banner to display above the form. */
+    logo?: ReactNode;
+    /** Title text for the sign-up 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 login. */
+    loginLinkText?: string;
+    /** Callback triggered when the login link is pressed. */
+    onLoginPress?: () => void;
+    /** Test ID for the root element. */
+    testID?: string;
+}

package/dist/signUp/signUpTypes.js

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

package/dist/signUp/signUpTypes.js.map

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

package/package.json

@@ -39,8 +39,9 @@
     "expo-splash-screen": "~31.0.12",
     "expo-updates": "^29.0.15",
     "expo-web-browser": "~15.0.10",
-    "libphonenumber-js": "^1.12.31",
-    "lodash": "^4.17.21",
+    "libphonenumber-js": "^1.12.36",
+    "linkify-it": "^5.0.0",
+    "lodash": "^4.17.23",
     "luxon": "^3.7.2",
     "react-app-polyfill": "^3.0.0",
     "react-date-picker": "^12.0.1",
@@ -53,7 +54,7 @@
     "react-native-calendars": "^1.1312.1",
     "react-native-drawer-layout": "4.2.0",
     "react-native-gesture-handler": "~2.28.0",
-    "react-native-google-places-autocomplete": "^2.6.1",
+    "react-native-google-places-autocomplete": "^2.6.4",
     "react-native-markdown-display": "^7.0.2",
     "react-native-modalize": "^2.1.1",
     "react-native-permissions": "^5.4.4",
@@ -67,16 +68,16 @@
     "react-native-swiper-flatlist": "^3.2.5",
     "react-native-web": "~0.21.0",
     "react-native-webview": "13.15.0",
-    "react-native-worklets": "0.5.1",
+    "react-native-worklets": "~0.7.",
     "react-signature-canvas": "^1.1.0-alpha.2",
-    "react-time-picker": "^7.0.0"
+    "react-time-picker": "^8.0.2"
   },
   "devDependencies": {
     "@biomejs/biome": "^2.3.6",
     "@expo/config-plugins": "~54.0.4",
     "@happy-dom/global-registrator": "^17.4.4",
     "@testing-library/react-native": "^13.2.0",
-    "@types/bun": "^1.2.6",
+    "@types/bun": "^1.3.8",
     "@types/lodash": "^4.17.17",
     "@types/luxon": "^3.7.1",
     "@types/mdurl": "^2.0.0",
@@ -92,6 +93,7 @@
     "react": "19.1.0",
     "react-router": "^6.26.2",
     "react-router-dom": "^6.30.1",
+    "react-test-renderer": "19.1.0",
     "tsc-watch": "^7.1.1",
     "typescript": "~5.9.2"
   },
@@ -118,6 +120,7 @@
   },
   "scripts": {
     "compile": "tsc",
+    "compile:watch": "tsc -w",
     "dev": "tsc -w",
     "lint": "biome check .",
     "lint:fix": "biome check --write .",
@@ -127,5 +130,5 @@
     "test:ci": "TZ=America/New_York bun test",
     "types": "bunx typedoc"
   },
-  "version": "0.0.18"
+  "version": "0.2.0"
 }

package/src/Button.tsx

@@ -103,7 +103,7 @@ const ButtonComponent: FC<ButtonProps> = ({
       )}
       style={{
         alignItems: "center",
-        alignSelf: fullWidth ? "stretch" : undefined,
+        alignSelf: fullWidth ? "stretch" : "flex-start",
         backgroundColor,
         borderColor,
         borderRadius: theme.radius.rounded,