zero-to-app 2.0.0

package/dist/components/form/EmailSubscriptionForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailSubscriptionForm.d.ts","sourceRoot":"","sources":["../../../components/form/EmailSubscriptionForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,UAAU,0BAA0B;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC5E;AAQD,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAsG/D,CAAC;AAQF,eAAe,qBAAqB,CAAC"}

package/dist/components/form/EmailSubscriptionForm.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import { StyleSheet, View, TextInput } from 'react-native';
+import { ThemeContext } from '../../theme';
+import { StyledText, Button } from '../ui';
+import { Card } from '../card';
+import { useBrand } from '../../brand';
+import { useForm, Controller } from 'react-hook-form';
+import { z } from 'zod';
+import { zodResolver } from '@hookform/resolvers/zod';
+const emailSchema = z.object({
+    email: z.string().email('Please enter a valid email address'),
+});
+const EmailSubscriptionForm = ({ title = 'Get notified of deals on Night Club Guest Lists, Table Reservations and Tickets.', placeholder = 'Enter your email', buttonText = 'Notify Me', successView, onSubmit, }) => {
+    const theme = React.useContext(ThemeContext);
+    const brand = useBrand();
+    const [success, setSuccess] = React.useState(false);
+    const [error, setError] = React.useState(null);
+    const [isLoading, setIsLoading] = React.useState(false);
+    const { control, handleSubmit, reset, formState: { errors }, } = useForm({
+        resolver: zodResolver(emailSchema),
+    });
+    const submitEmail = async (data) => {
+        setIsLoading(true);
+        setError(null);
+        const result = await onSubmit(data.email);
+        setIsLoading(false);
+        if (result.success) {
+            setSuccess(true);
+            reset();
+        }
+        else {
+            setError(result.error || 'Something went wrong');
+        }
+    };
+    return (_jsx(Card, { children: _jsx(View, { style: styles.container, children: success ? (successView ? (successView) : (_jsxs(View, { style: { flexDirection: 'column', alignItems: 'flex-start', gap: 8 }, children: [_jsx(StyledText, { fontSize: 'md', children: "Thank you!" }), _jsx(StyledText, { fontSize: 'md', muted: true, children: "Your subscription has been confirmed and added to our list." })] }))) : (_jsxs(_Fragment, { children: [_jsx(StyledText, { fontSize: 'md', children: title }), _jsx(Controller, { control: control, name: "email", render: ({ field: { onChange, value } }) => (_jsx(TextInput, { placeholder: placeholder, placeholderTextColor: theme.values.inactiveIconColor, style: {
+                                width: '100%',
+                                padding: 15,
+                                borderRadius: brand.borderRadius,
+                                borderWidth: 1,
+                                borderColor: theme.values.borderColor,
+                                backgroundColor: theme.values.inputBackgroundColor,
+                                color: theme.values.color,
+                                fontSize: 16,
+                            }, keyboardType: "email-address", autoCapitalize: "none", autoCorrect: false, editable: !isLoading, value: value, onChangeText: onChange })) }), errors.email && (_jsx(StyledText, { fontSize: "sm", color: "red", children: errors.email.message })), error && !errors.email && (_jsx(StyledText, { fontSize: "sm", color: "red", children: error })), _jsx(Button, { title: isLoading ? 'Submitting...' : buttonText, icon: {
+                            library: 'Feather',
+                            name: 'bell',
+                            size: 20,
+                            color: '#FFFFFF',
+                        }, onPress: handleSubmit(submitEmail) })] })) }) }));
+};
+const styles = StyleSheet.create({
+    container: {
+        gap: 20,
+    },
+});
+export default EmailSubscriptionForm;
+//# sourceMappingURL=EmailSubscriptionForm.js.map

package/dist/components/form/EmailSubscriptionForm.js.map

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

package/dist/components/form/FormErrors.d.ts

@@ -0,0 +1,7 @@
+type FormErrorsProps = {
+    error: string | null;
+    clearError?: () => void;
+};
+declare function FormErrors({ error, clearError }: FormErrorsProps): import("react/jsx-runtime").JSX.Element | null;
+export { FormErrors };
+//# sourceMappingURL=FormErrors.d.ts.map

package/dist/components/form/FormErrors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormErrors.d.ts","sourceRoot":"","sources":["../../../components/form/FormErrors.tsx"],"names":[],"mappings":"AAGA,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,iBAAS,UAAU,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,eAAe,kDAuBzD;AAWD,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/form/FormErrors.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { StyleSheet, Text } from 'react-native';
+function FormErrors({ error, clearError }) {
+    const [visible, setVisible] = useState(!!error);
+    useEffect(() => {
+        if (error) {
+            setVisible(true);
+            if (clearError) {
+                const timer = setTimeout(() => {
+                    clearError();
+                    setVisible(false);
+                }, 5000);
+                return () => clearTimeout(timer);
+            }
+        }
+        else {
+            setVisible(false);
+        }
+    }, [error, clearError]);
+    if (!visible || !error) {
+        return null;
+    }
+    return _jsx(Text, { style: styles.errorText, children: error });
+}
+const styles = StyleSheet.create({
+    errorText: {
+        color: '#ff4444',
+        fontSize: 12,
+        marginTop: 5,
+        marginBottom: 10,
+    },
+});
+export { FormErrors };
+//# sourceMappingURL=FormErrors.js.map

package/dist/components/form/FormErrors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormErrors.js","sourceRoot":"","sources":["../../../components/form/FormErrors.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAOhD,SAAS,UAAU,CAAC,EAAE,KAAK,EAAE,UAAU,EAAmB;IACxD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAEhD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,EAAE,CAAC;YACV,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,IAAI,UAAU,EAAE,CAAC;gBACf,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;oBAC5B,UAAU,EAAE,CAAC;oBACb,UAAU,CAAC,KAAK,CAAC,CAAC;gBACpB,CAAC,EAAE,IAAI,CAAC,CAAC;gBACT,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;YACnC,CAAC;QACH,CAAC;aAAM,CAAC;YACN,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;IAExB,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,YAAG,KAAK,GAAQ,CAAC;AACvD,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,EAAE;KACjB;CACF,CAAC,CAAC;AAEH,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/form/FormInput.d.ts

@@ -0,0 +1,14 @@
+import { Control, FieldError, FieldValues, Path } from 'react-hook-form';
+type FormInputProps<T extends FieldValues> = {
+    control: Control<T>;
+    placeholder: string;
+    name: Path<T>;
+    error?: FieldError;
+    secureTextEntry?: boolean;
+    keyboardType?: 'default' | 'email-address' | 'numeric' | 'phone-pad' | 'number-pad';
+    autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';
+    autoCorrect?: boolean;
+};
+declare function FormInput<T extends FieldValues>({ control, placeholder, name, error, secureTextEntry, keyboardType, autoCapitalize, autoCorrect, }: FormInputProps<T>): import("react/jsx-runtime").JSX.Element;
+export { FormInput };
+//# sourceMappingURL=FormInput.d.ts.map

package/dist/components/form/FormInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormInput.d.ts","sourceRoot":"","sources":["../../../components/form/FormInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAc,UAAU,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAIrF,KAAK,cAAc,CAAC,CAAC,SAAS,WAAW,IAAI;IAC3C,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,GAAG,eAAe,GAAG,SAAS,GAAG,WAAW,GAAG,YAAY,CAAC;IACpF,cAAc,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,OAAO,GAAG,YAAY,CAAC;IAC/D,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,iBAAS,SAAS,CAAC,CAAC,SAAS,WAAW,EAAE,EACxC,OAAO,EACP,WAAW,EACX,IAAI,EACJ,KAAK,EACL,eAAuB,EACvB,YAAwB,EACxB,cAA4B,EAC5B,WAAkB,GACnB,EAAE,cAAc,CAAC,CAAC,CAAC,2CAoDnB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/form/FormInput.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useMemo } from 'react';
+import { StyleSheet, Text, TextInput, View } from 'react-native';
+import { Controller } from 'react-hook-form';
+import { useBrand } from '../../brand';
+import { ThemeContext } from '../../theme';
+function FormInput({ control, placeholder, name, error, secureTextEntry = false, keyboardType = 'default', autoCapitalize = 'sentences', autoCorrect = true, }) {
+    const theme = useContext(ThemeContext);
+    const brand = useBrand();
+    const styles = useMemo(() => StyleSheet.create({
+        container: {
+            marginBottom: brand.spacing.md + 3,
+        },
+        input: {
+            borderWidth: 1,
+            borderRadius: brand.borderRadius,
+            padding: brand.spacing.md + 3,
+            fontSize: 16,
+        },
+        errorText: {
+            fontSize: 12,
+            marginTop: 5, // Keep 5 for error text spacing
+        },
+    }), [brand]);
+    return (_jsxs(View, { style: styles.container, children: [_jsx(Controller, { control: control, name: name, render: ({ field: { onChange, onBlur, value } }) => (_jsx(TextInput, { style: [
+                        styles.input,
+                        {
+                            borderColor: error ? '#ff4444' : theme.values.borderColor,
+                            backgroundColor: theme.values.inputBackgroundColor,
+                            color: theme.values.color,
+                        },
+                    ], placeholder: placeholder, placeholderTextColor: theme.values.inactiveIconColor, value: value, onChangeText: onChange, onBlur: onBlur, secureTextEntry: secureTextEntry, keyboardType: keyboardType, autoCapitalize: autoCapitalize, autoCorrect: autoCorrect })) }), error && (_jsx(Text, { style: [styles.errorText, { color: '#ff4444' }], children: error.message }))] }));
+}
+export { FormInput };
+//# sourceMappingURL=FormInput.js.map

package/dist/components/form/FormInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormInput.js","sourceRoot":"","sources":["../../../components/form/FormInput.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACjE,OAAO,EAAW,UAAU,EAAiC,MAAM,iBAAiB,CAAC;AACrF,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAa3C,SAAS,SAAS,CAAwB,EACxC,OAAO,EACP,WAAW,EACX,IAAI,EACJ,KAAK,EACL,eAAe,GAAG,KAAK,EACvB,YAAY,GAAG,SAAS,EACxB,cAAc,GAAG,WAAW,EAC5B,WAAW,GAAG,IAAI,GACA;IAClB,MAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACvC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC;QAC7C,SAAS,EAAE;YACT,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC;SACnC;QACD,KAAK,EAAE;YACL,WAAW,EAAE,CAAC;YACd,YAAY,EAAE,KAAK,CAAC,YAAY;YAChC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC;YAC7B,QAAQ,EAAE,EAAE;SACb;QACD,SAAS,EAAE;YACT,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,CAAC,EAAE,gCAAgC;SAC/C;KACF,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEb,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,aAC3B,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,CAClD,KAAC,SAAS,IACR,KAAK,EAAE;wBACL,MAAM,CAAC,KAAK;wBACZ;4BACE,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW;4BACzD,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,oBAAoB;4BAClD,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;yBAC1B;qBACF,EACD,WAAW,EAAE,WAAW,EACxB,oBAAoB,EAAE,KAAK,CAAC,MAAM,CAAC,iBAAiB,EACpD,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,QAAQ,EACtB,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,GACxB,CACH,GACD,EACD,KAAK,IAAI,CACR,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,YAAG,KAAK,CAAC,OAAO,GAAQ,CAC9E,IACI,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/form/FormSeparator.d.ts

@@ -0,0 +1,6 @@
+type FormSeparatorProps = {
+    text?: string;
+};
+declare function FormSeparator({ text }: FormSeparatorProps): import("react/jsx-runtime").JSX.Element;
+export { FormSeparator };
+//# sourceMappingURL=FormSeparator.d.ts.map

package/dist/components/form/FormSeparator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSeparator.d.ts","sourceRoot":"","sources":["../../../components/form/FormSeparator.tsx"],"names":[],"mappings":"AAIA,KAAK,kBAAkB,GAAG;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,iBAAS,aAAa,CAAC,EAAE,IAAI,EAAE,EAAE,kBAAkB,2CAYlD;AAkBD,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/form/FormSeparator.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { ThemeContext } from '../../theme';
+function FormSeparator({ text }) {
+    const theme = useContext(ThemeContext);
+    return (_jsxs(View, { style: styles.container, children: [_jsx(View, { style: [styles.line, { backgroundColor: theme.values.dividerColor }] }), text && (_jsx(Text, { style: [styles.text, { color: theme.values.color }], children: text })), _jsx(View, { style: [styles.line, { backgroundColor: theme.values.dividerColor }] })] }));
+}
+const styles = StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginVertical: 20,
+    },
+    line: {
+        flex: 1,
+        height: 1,
+    },
+    text: {
+        marginHorizontal: 15,
+        fontSize: 14,
+    },
+});
+export { FormSeparator };
+//# sourceMappingURL=FormSeparator.js.map

package/dist/components/form/FormSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSeparator.js","sourceRoot":"","sources":["../../../components/form/FormSeparator.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAM3C,SAAS,aAAa,CAAC,EAAE,IAAI,EAAsB;IACjD,MAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAEvC,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,aAC3B,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC,GAAI,EAC7E,IAAI,IAAI,CACP,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,YAAG,IAAI,GAAQ,CACzE,EACD,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC,GAAI,IACzE,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,EAAE;KACnB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC;QACP,MAAM,EAAE,CAAC;KACV;IACD,IAAI,EAAE;QACJ,gBAAgB,EAAE,EAAE;QACpB,QAAQ,EAAE,EAAE;KACb;CACF,CAAC,CAAC;AAEH,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/form/index.d.ts

@@ -0,0 +1,6 @@
+export { default as DropDownSelect } from './DropDownSelect';
+export { default as EmailSubscriptionForm } from './EmailSubscriptionForm';
+export { FormErrors } from './FormErrors';
+export { FormInput } from './FormInput';
+export { FormSeparator } from './FormSeparator';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/form/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/form/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/form/index.js

@@ -0,0 +1,7 @@
+// Form components
+export { default as DropDownSelect } from './DropDownSelect';
+export { default as EmailSubscriptionForm } from './EmailSubscriptionForm';
+export { FormErrors } from './FormErrors';
+export { FormInput } from './FormInput';
+export { FormSeparator } from './FormSeparator';
+//# sourceMappingURL=index.js.map

package/dist/components/form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/form/index.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAClB,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1,11 @@
+export * from './ui';
+export * from './layout';
+export * from './navigation';
+export * from './media';
+export * from './form';
+export * from './action';
+export * from './chat';
+export * from './card';
+export * from './list';
+export * from './tile';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/index.ts"],"names":[],"mappings":"AACA,cAAc,MAAM,CAAC;AACrB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,12 @@
+// Export all composite components from organized subfolders
+export * from './ui';
+export * from './layout';
+export * from './navigation';
+export * from './media';
+export * from './form';
+export * from './action';
+export * from './chat';
+export * from './card';
+export * from './list';
+export * from './tile';
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/index.ts"],"names":[],"mappings":"AAAA,4DAA4D;AAC5D,cAAc,MAAM,CAAC;AACrB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC"}

package/dist/components/layout/Footer.d.ts

@@ -0,0 +1,3 @@
+declare const Footer: () => import("react/jsx-runtime").JSX.Element;
+export default Footer;
+//# sourceMappingURL=Footer.d.ts.map

package/dist/components/layout/Footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../components/layout/Footer.tsx"],"names":[],"mappings":"AAUA,QAAA,MAAM,MAAM,+CAgDX,CAAC;AA2BF,eAAe,MAAM,CAAC"}

package/dist/components/layout/Footer.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { TextLink, StyledText } from '../ui';
+import { ThemeContext } from '../../theme';
+import { useRouter } from 'expo-router';
+import { useBrand } from '../../brand';
+import { useDimensions } from '../../hooks';
+import { Platform } from 'react-native';
+import MinimalFooter from './MinimalFooter';
+const Footer = () => {
+    const theme = useContext(ThemeContext); // Access theme context
+    const router = useRouter();
+    const dimensions = useDimensions();
+    const brand = useBrand();
+    // On web small, return minimal footer instead of full footer
+    if (Platform.OS === 'web' && dimensions.breakpoint === 'small') {
+        return _jsx(MinimalFooter, {});
+    }
+    return (_jsxs(View, { style: [
+            styles.contentContainer,
+            {
+                backgroundColor: theme.values.appbarBackgroundColor,
+                borderColor: theme.values.borderColor,
+                borderTopWidth: theme.values.isDark ? 0 : 1,
+                flexDirection: dimensions.breakpoint !== 'small' ? 'row' : 'column',
+            },
+        ], children: [brand.footerLinks.links.length > 0 && (_jsx(View, { style: styles.linkContainer, children: brand.footerLinks.links.map((link, index) => (_jsx(TextLink, { onPress: () => router.push(link.route), text: link.text, color: theme.values.isDark ? '#fff' : '#000000', align: 'left' }, index))) })), _jsx(View, { style: [
+                    styles.brandText,
+                    {
+                        paddingVertical: dimensions.breakpoint === 'medium' ? 10 : 0,
+                    },
+                ], children: _jsxs(StyledText, { fontSize: "sm", align: dimensions.breakpoint === 'medium' ? 'left' : 'right', muted: true, children: ["\u00A9 2025 ", brand.name] }) })] }));
+};
+const styles = StyleSheet.create({
+    contentContainer: {
+        width: '100%',
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        paddingHorizontal: '5%',
+        gap: 10,
+        paddingVertical: 40,
+    },
+    linkContainer: {
+        flexDirection: 'column',
+        gap: 10,
+    },
+    link: {
+        fontSize: 14,
+        marginVertical: 5,
+    },
+    brandText: {
+        flex: 1,
+        width: '100%',
+        justifyContent: 'flex-start',
+        alignItems: 'flex-end',
+    },
+});
+export default Footer;
+//# sourceMappingURL=Footer.js.map

package/dist/components/layout/Footer.js.map

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

package/dist/components/layout/MinimalFooter.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Minimal footer for mobile web
+ * Netflix-style footer that fills remaining screen height
+ * Shows navigation links vertically with spacing and copyright at bottom
+ */
+declare const MinimalFooter: () => import("react/jsx-runtime").JSX.Element | null;
+export default MinimalFooter;
+//# sourceMappingURL=MinimalFooter.d.ts.map

package/dist/components/layout/MinimalFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MinimalFooter.d.ts","sourceRoot":"","sources":["../../../components/layout/MinimalFooter.tsx"],"names":[],"mappings":"AAQA;;;;GAIG;AACH,QAAA,MAAM,aAAa,sDAuElB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/layout/MinimalFooter.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useMemo } from 'react';
+import { View, StyleSheet, Platform } from 'react-native';
+import { ThemeContext } from '../../theme';
+import { useBrand } from '../../brand';
+import { StyledText, TextLink } from '../ui';
+import { useRouter } from 'expo-router';
+import { useDimensions } from '../../hooks';
+/**
+ * Minimal footer for mobile web
+ * Netflix-style footer that fills remaining screen height
+ * Shows navigation links vertically with spacing and copyright at bottom
+ */
+const MinimalFooter = () => {
+    const theme = useContext(ThemeContext);
+    const router = useRouter();
+    const dimensions = useDimensions();
+    const brand = useBrand();
+    const styles = useMemo(() => StyleSheet.create({
+        container: {
+            width: '100%',
+            flex: 1, // Fill parent (footerWrapperMobile) which has flexGrow: 1
+            alignItems: 'flex-start',
+            justifyContent: 'space-between',
+            alignSelf: 'stretch', // Ensure full width
+        },
+        linksContainer: {
+            flexDirection: 'column',
+            alignItems: 'flex-start',
+            justifyContent: 'flex-start',
+            gap: brand.spacing.xxl,
+            flex: 1,
+            width: '100%',
+        },
+        copyrightContainer: {
+            marginTop: brand.spacing.xxl, // Same spacing as gap between links
+            width: '100%',
+            alignItems: 'flex-start',
+        },
+    }), [brand]);
+    // Only show on web (mobile web specifically)
+    if (!(Platform.OS === 'web' && dimensions.breakpoint === 'small')) {
+        return null;
+    }
+    return (_jsxs(View, { style: [
+            styles.container,
+            {
+                backgroundColor: theme.values.appbarBackgroundColor,
+                borderTopWidth: theme.values.isDark ? 0 : 1,
+                borderTopColor: theme.values.borderColor,
+                paddingVertical: brand.spacing.xxxl,
+                paddingHorizontal: brand.spacing.xl,
+            },
+        ], children: [brand.footerLinks.links.length > 0 && (_jsx(View, { style: styles.linksContainer, children: brand.footerLinks.links.map((link, index) => (_jsx(TextLink, { text: link.text, onPress: () => router.push(link.route), align: "left", color: theme.values.linkColor, fontSize: "sm" }, index))) })), _jsx(View, { style: styles.copyrightContainer, children: _jsxs(StyledText, { fontSize: "sm", align: "left", muted: true, children: ["\u00A9 2025 ", brand.name] }) })] }));
+};
+export default MinimalFooter;
+//# sourceMappingURL=MinimalFooter.js.map

package/dist/components/layout/MinimalFooter.js.map

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

package/dist/components/layout/MobileFooterBar.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Thin black bar for mobile web to replace footer
+ * Provides visual separation without taking significant space
+ */
+declare const MobileFooterBar: () => import("react/jsx-runtime").JSX.Element;
+export default MobileFooterBar;
+//# sourceMappingURL=MobileFooterBar.d.ts.map

package/dist/components/layout/MobileFooterBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileFooterBar.d.ts","sourceRoot":"","sources":["../../../components/layout/MobileFooterBar.tsx"],"names":[],"mappings":"AAGA;;;GAGG;AACH,QAAA,MAAM,eAAe,+CAEpB,CAAC;AAUF,eAAe,eAAe,CAAC"}

package/dist/components/layout/MobileFooterBar.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View, StyleSheet } from 'react-native';
+/**
+ * Thin black bar for mobile web to replace footer
+ * Provides visual separation without taking significant space
+ */
+const MobileFooterBar = () => {
+    return _jsx(View, { style: styles.bar });
+};
+const styles = StyleSheet.create({
+    bar: {
+        width: '100%',
+        height: 3,
+        backgroundColor: '#000000',
+    },
+});
+export default MobileFooterBar;
+//# sourceMappingURL=MobileFooterBar.js.map

package/dist/components/layout/MobileFooterBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileFooterBar.js","sourceRoot":"","sources":["../../../components/layout/MobileFooterBar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAEhD;;;GAGG;AACH,MAAM,eAAe,GAAG,GAAG,EAAE;IAC3B,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG,GAAI,CAAC;AACrC,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,GAAG,EAAE;QACH,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,CAAC;QACT,eAAe,EAAE,SAAS;KAC3B;CACF,CAAC,CAAC;AAEH,eAAe,eAAe,CAAC"}

package/dist/components/layout/ParallaxScrollView.d.ts

@@ -0,0 +1,11 @@
+import type { PropsWithChildren, ReactElement } from "react";
+export declare const HEADER_HEIGHT = 250;
+type Props = PropsWithChildren<{
+    headerImage: ReactElement;
+    headerBackgroundColor: string;
+    headerHeight?: number;
+    headerAction?: ReactElement;
+}>;
+export default function ParallaxScrollView({ children, headerImage, headerBackgroundColor, headerHeight, headerAction, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ParallaxScrollView.d.ts.map

package/dist/components/layout/ParallaxScrollView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParallaxScrollView.d.ts","sourceRoot":"","sources":["../../../components/layout/ParallaxScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAgB7D,eAAO,MAAM,aAAa,MAAM,CAAC;AAEjC,KAAK,KAAK,GAAG,iBAAiB,CAAC;IAC7B,WAAW,EAAE,YAAY,CAAC;IAC1B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B,CAAC,CAAC;AAEH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,QAAQ,EACR,WAAW,EACX,qBAAqB,EACrB,YAA4B,EAC5B,YAAY,GACb,EAAE,KAAK,2CA+EP"}

package/dist/components/layout/ParallaxScrollView.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
+import { StyleSheet, View } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+import Animated, { interpolate, useAnimatedRef, useAnimatedScrollHandler, useAnimatedStyle, useScrollViewOffset, } from "react-native-reanimated";
+import { useScrollContext } from "../../context/scrollContext";
+import { ThemeContext } from "../../theme";
+export const HEADER_HEIGHT = 250;
+export default function ParallaxScrollView({ children, headerImage, headerBackgroundColor, headerHeight = HEADER_HEIGHT, headerAction, }) {
+    const scrollRef = useAnimatedRef();
+    const scrollOffset = useScrollViewOffset(scrollRef);
+    const theme = useContext(ThemeContext);
+    // Safely try to get the context, but don't throw an error if it's not available
+    let scrollY = null;
+    try {
+        scrollY = useScrollContext();
+    }
+    catch (error) {
+        // Context not available, scrollY will be undefined
+    }
+    const headerAnimatedStyle = useAnimatedStyle(() => {
+        return {
+            opacity: interpolate(scrollOffset.value, [0, HEADER_HEIGHT / 2, HEADER_HEIGHT], [1, 0.5, 0], 'clamp'),
+            transform: [
+                {
+                    translateY: interpolate(scrollOffset.value, [-HEADER_HEIGHT, 0, HEADER_HEIGHT], [-HEADER_HEIGHT / 2, 0, HEADER_HEIGHT * 0.75]),
+                },
+                {
+                    scale: interpolate(scrollOffset.value, [-HEADER_HEIGHT, 0, HEADER_HEIGHT], [2, 1, 1]),
+                },
+            ],
+        };
+    });
+    // Create a scroll handler that updates scrollY only if it exists
+    const scrollHandler = useAnimatedScrollHandler({
+        onScroll: (event) => {
+            if (scrollY) {
+                scrollY.value = event.contentOffset.y;
+            }
+        }
+    });
+    return (_jsxs(View, { style: [styles.container, { backgroundColor: theme.values.backgroundColor }], children: [_jsxs(Animated.ScrollView, { ref: scrollRef, scrollEventThrottle: 16, contentContainerStyle: { flexGrow: 1 }, onScroll: scrollHandler, children: [_jsx(Animated.View, { style: [
+                            styles.header,
+                            { backgroundColor: headerBackgroundColor, height: headerHeight },
+                            headerAnimatedStyle,
+                        ], children: headerImage }), children] }), headerAction && (_jsx(View, { style: styles.headerAction, children: _jsx(SafeAreaView, { style: styles.safeAreaContainer, children: headerAction }) }))] }));
+}
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        position: 'relative',
+    },
+    header: {
+        overflow: "hidden",
+    },
+    headerAction: {
+        position: "absolute",
+        top: 0,
+        left: 20,
+        right: 0,
+        zIndex: 1,
+    },
+    safeAreaContainer: {
+        paddingHorizontal: '2%',
+    },
+});
+//# sourceMappingURL=ParallaxScrollView.js.map

package/dist/components/layout/ParallaxScrollView.js.map

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

package/dist/components/layout/WebPageLayout.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactElement } from 'react';
+type WebPageLayoutProps = {
+    children: React.ReactNode;
+    bottomActions?: ReactElement;
+    showFooter?: boolean;
+};
+/**
+ * Unified web page layout template that handles all conditional layout logic
+ * for mobile web and desktop/tablet, including automatic footer placement.
+ *
+ * - Mobile web (isWebSmall): Footer at bottom of ScrollView, fills width, reaches bottom
+ * - Desktop/Tablet (isWebLarge): Footer at bottom (fixed or end of ScrollView)
+ * - Supports optional bottomActions for pages that need fixed bottom buttons
+ */
+declare const WebPageLayout: ({ children, bottomActions, showFooter }: WebPageLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export default WebPageLayout;
+//# sourceMappingURL=WebPageLayout.d.ts.map

package/dist/components/layout/WebPageLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebPageLayout.d.ts","sourceRoot":"","sources":["../../../components/layout/WebPageLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiC,YAAY,EAAW,MAAM,OAAO,CAAC;AAQpF,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF;;;;;;;GAOG;AACH,QAAA,MAAM,aAAa,GAAI,yCAIpB,kBAAkB,4CAsIpB,CAAC;AAEF,eAAe,aAAa,CAAC"}