zero-to-app 2.0.0

package/dist/components/navigation/MobileMenuDrawer.js

@@ -0,0 +1,184 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useState, useContext, useEffect, useCallback, useMemo } from 'react';
+import { View, StyleSheet, Pressable, Animated, Modal, Platform } from 'react-native';
+import { useRouter } from 'expo-router';
+import { ThemeContext } from '../../theme';
+import { useBrand } from '../../brand';
+import { StyledText } from '../ui';
+import Feather from '@expo/vector-icons/Feather';
+import { useDimensions } from '../../hooks';
+import Logo from './Logo';
+import { renderIcon } from './iconUtils';
+/**
+ * Hamburger menu drawer for mobile web that opens a side drawer
+ * Contains navigation links and theme toggle
+ * Enhanced with keyboard support, accessibility, and improved animations
+ */
+const MobileMenuDrawer = ({ currentRoute, onNavigate, logoUri }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const theme = useContext(ThemeContext);
+    const router = useRouter();
+    const dimensions = useDimensions();
+    const brand = useBrand();
+    const slideAnim = React.useRef(new Animated.Value(300)).current; // Start off-screen (right side)
+    const backdropRef = React.useRef(null);
+    const styles = useMemo(() => StyleSheet.create({
+        hamburgerButton: {
+            padding: 8,
+            justifyContent: 'center',
+            alignItems: 'center',
+        },
+        backdrop: {
+            flex: 1,
+            backgroundColor: 'rgba(0, 0, 0, 0.5)',
+            justifyContent: 'flex-end',
+            alignItems: 'flex-end',
+            ...(Platform.OS === 'web' && {
+                // Add backdrop blur effect for web
+                backdropFilter: 'blur(4px)',
+                WebkitBackdropFilter: 'blur(4px)',
+            }),
+        },
+        drawer: {
+            width: 280,
+            height: '100%',
+            position: 'absolute',
+            right: 0,
+            top: 0,
+            shadowColor: '#000',
+            shadowOffset: { width: -2, height: 0 },
+            shadowOpacity: 0.25,
+            shadowRadius: brand.borderRadius,
+            elevation: 10,
+        },
+        drawerHeader: {
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            padding: 20,
+            borderBottomWidth: 1,
+            paddingTop: Platform.OS === 'web' ? 20 : 20, // Simplified - safe area handled by browser
+        },
+        closeButton: {
+            padding: 4,
+        },
+        drawerContent: {
+            flex: 1,
+            padding: 20,
+        },
+        menuItem: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 16,
+            borderRadius: brand.borderRadius,
+            marginBottom: 8,
+        },
+        themeToggleContainer: {
+            marginTop: 'auto',
+        },
+        themeToggleButton: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            padding: 12,
+            borderRadius: brand.borderRadius,
+            borderWidth: 1,
+        },
+    }), [brand]);
+    // Only show on mobile web
+    if (!(Platform.OS === 'web' && dimensions.breakpoint === 'small')) {
+        return null;
+    }
+    const closeMenu = useCallback(() => {
+        Animated.spring(slideAnim, {
+            toValue: 300,
+            useNativeDriver: true,
+            tension: 70,
+            friction: 12,
+            overshootClamping: false,
+        }).start(() => {
+            setIsOpen(false);
+        });
+    }, [slideAnim]);
+    const openMenu = () => {
+        setIsOpen(true);
+        Animated.spring(slideAnim, {
+            toValue: 0,
+            useNativeDriver: true,
+            tension: 70,
+            friction: 12,
+            overshootClamping: false,
+        }).start();
+    };
+    // Handle keyboard escape key (web only)
+    useEffect(() => {
+        if (!isOpen || Platform.OS !== 'web')
+            return;
+        const handleKeyDown = (event) => {
+            if (event.key === 'Escape') {
+                closeMenu();
+            }
+        };
+        if (typeof window !== 'undefined') {
+            window.addEventListener('keydown', handleKeyDown);
+            return () => {
+                window.removeEventListener('keydown', handleKeyDown);
+            };
+        }
+    }, [isOpen, closeMenu]);
+    // Handle backdrop clicks on web
+    useEffect(() => {
+        if (!isOpen || Platform.OS !== 'web' || !backdropRef.current)
+            return;
+        const backdropElement = backdropRef.current?._nativeNode;
+        if (!backdropElement)
+            return;
+        const handleClick = (event) => {
+            const target = event.target;
+            // Close if clicking on backdrop itself, not on drawer
+            if (target === backdropElement || (backdropElement.contains(target) && !target.closest('[data-drawer]'))) {
+                closeMenu();
+            }
+        };
+        backdropElement.addEventListener('click', handleClick);
+        return () => {
+            backdropElement.removeEventListener('click', handleClick);
+        };
+    }, [isOpen, closeMenu]);
+    const handleNavigate = (route) => {
+        closeMenu();
+        if (onNavigate) {
+            // Extract route name from full path (e.g., '/(tabs)/home' -> 'home')
+            const routeName = route.split('/').pop() || route;
+            onNavigate(routeName);
+        }
+        else {
+            router.push(route);
+        }
+    };
+    // Get navigation items from brand config
+    const navigationItems = brand.navigation.items;
+    return (_jsxs(_Fragment, { children: [_jsx(Pressable, { onPress: openMenu, style: styles.hamburgerButton, accessibilityLabel: "Open menu", accessibilityRole: "button", accessibilityHint: "Opens the navigation menu", children: _jsx(Feather, { name: "menu", size: 24, color: theme.values.color }) }), _jsx(Modal, { visible: isOpen, transparent: true, animationType: "none", onRequestClose: closeMenu, accessibilityViewIsModal: true, children: _jsx(View, { ref: backdropRef, style: styles.backdrop, ...(Platform.OS === 'web' && { 'data-backdrop': true }), onStartShouldSetResponder: () => Platform.OS !== 'web', onResponderRelease: closeMenu, children: _jsxs(Animated.View, { style: [
+                            styles.drawer,
+                            {
+                                backgroundColor: theme.values.cardBackgroundColor || theme.values.backgroundColor,
+                                transform: [{ translateX: slideAnim }],
+                            },
+                        ], onStartShouldSetResponder: () => true, onResponderTerminationRequest: () => false, accessibilityRole: "menu", accessibilityLabel: "Navigation menu", ...(Platform.OS === 'web' && { 'data-drawer': true }), children: [_jsxs(View, { style: [styles.drawerHeader, { borderBottomColor: theme.values.borderColor }], children: [_jsx(Logo, { logoUri: logoUri }), _jsx(Pressable, { onPress: closeMenu, style: styles.closeButton, accessibilityLabel: "Close menu", accessibilityRole: "button", accessibilityHint: "Closes the navigation menu", children: _jsx(Feather, { name: "x", size: 24, color: theme.values.color }) })] }), _jsxs(View, { style: styles.drawerContent, children: [navigationItems.map((item, index) => {
+                                        // Extract route name from full path (e.g., '/(tabs)/home' -> 'home')
+                                        const routeName = item.route.split('/').pop() || item.route;
+                                        const isActive = currentRoute === routeName;
+                                        // Use web icon for mobile web drawer (defaults to Feather)
+                                        const iconConfig = item.icon.web || item.icon.mobile;
+                                        const iconColor = isActive ? theme.values.highlightColor : theme.values.color;
+                                        const renderedIcon = renderIcon(iconConfig, 'Feather', 22, iconColor);
+                                        return (_jsxs(Pressable, { onPress: () => handleNavigate(item.route), style: [
+                                                styles.menuItem,
+                                                isActive && { backgroundColor: theme.values.highlightColor + '20' },
+                                            ], accessibilityRole: "menuitem", accessibilityLabel: `Navigate to ${item.title}`, accessibilityState: { selected: isActive }, children: [renderedIcon, _jsx(StyledText, { fontSize: "md", style: { marginLeft: 20 }, color: iconColor, children: item.title })] }, index));
+                                    }), _jsxs(View, { style: styles.themeToggleContainer, children: [_jsx(StyledText, { fontSize: "sm", muted: true, style: { marginBottom: 16 }, children: "Appearance" }), _jsxs(Pressable, { onPress: theme.toggleTheme, style: [
+                                                    styles.themeToggleButton,
+                                                    { borderColor: theme.values.borderColor },
+                                                ], accessibilityRole: "button", accessibilityLabel: `Switch to ${theme.values.isDark ? 'light' : 'dark'} mode`, accessibilityHint: "Toggles between light and dark theme", children: [_jsx(Feather, { name: theme.values.isDark ? 'sun' : 'moon', size: 20, color: theme.values.color }), _jsx(StyledText, { fontSize: "sm", style: { marginLeft: 12 }, children: theme.values.isDark ? 'Light Mode' : 'Dark Mode' })] })] })] })] }) }) })] }));
+};
+export default MobileMenuDrawer;
+//# sourceMappingURL=MobileMenuDrawer.js.map

package/dist/components/navigation/MobileMenuDrawer.js.map

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

package/dist/components/navigation/ScreenHeader.d.ts

@@ -0,0 +1,30 @@
+import { type SharedValue } from "react-native-reanimated";
+import React from "react";
+interface AnimatedBackButtonProps {
+    shouldUseScrollAnimation: boolean;
+    scrollY: SharedValue<number> | null;
+}
+interface AnimatedHeaderBackgroundProps {
+    shouldUseScrollAnimation: boolean;
+    scrollY: SharedValue<number> | null;
+}
+declare const AnimatedBackButton: React.NamedExoticComponent<AnimatedBackButtonProps>;
+declare const AnimatedHeaderBackground: React.NamedExoticComponent<AnimatedHeaderBackgroundProps>;
+export declare const useAnimatedHeader: () => {
+    headerBackground: () => import("react/jsx-runtime").JSX.Element;
+    headerLeft: () => import("react/jsx-runtime").JSX.Element;
+};
+export { AnimatedBackButton, AnimatedHeaderBackground };
+export interface ScreenHeaderProps {
+    title?: string;
+    isTransparent?: boolean;
+    backgroundColor?: string;
+    tintColor?: string;
+    name?: string;
+    useScrollAnimation?: boolean;
+    showBackButton?: boolean;
+    headerHeight?: number;
+}
+export declare const ScreenHeader: React.FC<ScreenHeaderProps>;
+export default useAnimatedHeader;
+//# sourceMappingURL=ScreenHeader.d.ts.map

package/dist/components/navigation/ScreenHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenHeader.d.ts","sourceRoot":"","sources":["../../../components/navigation/ScreenHeader.tsx"],"names":[],"mappings":"AAGA,OAAiB,EAIhB,KAAK,WAAW,EAChB,MAAM,yBAAyB,CAAC;AAKjC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,uBAAuB;IAChC,wBAAwB,EAAE,OAAO,CAAC;IAClC,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;CACpC;AAED,UAAU,6BAA6B;IACtC,wBAAwB,EAAE,OAAO,CAAC;IAClC,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;CACpC;AAGD,QAAA,MAAM,kBAAkB,qDA0CvB,CAAC;AAEF,QAAA,MAAM,wBAAwB,2DAoC7B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;CA6B7B,CAAC;AAGF,OAAO,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,CAAC;AAGxD,MAAM,WAAW,iBAAiB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkBpD,CAAC;AAGF,eAAe,iBAAiB,CAAC"}

package/dist/components/navigation/ScreenHeader.js

@@ -0,0 +1,127 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TouchableOpacity, View, StyleSheet } from "react-native";
+import Feather from "@expo/vector-icons/Feather";
+import { router } from "expo-router";
+import Animated, { useAnimatedStyle, interpolate, Extrapolation, } from "react-native-reanimated";
+import { useScrollContext } from "../../context/scrollContext";
+import { BlurView } from "expo-blur";
+import { isLiquidGlassAvailable } from "expo-glass-effect";
+import { useCallback, useContext } from "react";
+import React from "react";
+import { ThemeContext } from "../../theme";
+// Wrap the component with React.memo for performance
+const AnimatedBackButton = React.memo(({ shouldUseScrollAnimation, scrollY }) => {
+    const theme = useContext(ThemeContext);
+    const backButtonAnimatedStyle = useAnimatedStyle(() => {
+        const opacity = shouldUseScrollAnimation && scrollY
+            ? interpolate(scrollY.value, [0, 50], [1, 0], Extrapolation.CLAMP)
+            : 1;
+        return { opacity };
+    }, [scrollY, shouldUseScrollAnimation]);
+    const handlePress = () => {
+        router.back();
+    };
+    return (_jsx(Animated.View, { style: backButtonAnimatedStyle, children: _jsx(TouchableOpacity, { accessibilityRole: "button", accessibilityLabel: "Go back", onPress: handlePress, style: [
+                styles.backButtonContainer,
+                {
+                    backgroundColor: theme.values.cardBackgroundColor ??
+                        theme.values.backgroundColor,
+                },
+            ], children: _jsx(Feather, { name: "arrow-left", size: 24, color: theme.values.iconButtonIconColor, style: styles.backIcon }) }) }));
+});
+const AnimatedHeaderBackground = React.memo(({ shouldUseScrollAnimation, scrollY }) => {
+    const theme = useContext(ThemeContext);
+    const headerAnimatedStyle = useAnimatedStyle(() => {
+        const opacity = shouldUseScrollAnimation && scrollY
+            ? interpolate(scrollY.value, [0, 50], [0, 1], Extrapolation.CLAMP)
+            : 0;
+        return {
+            position: "absolute",
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            opacity: opacity,
+        };
+    }, [scrollY, shouldUseScrollAnimation]);
+    return (_jsxs(Animated.View, { style: headerAnimatedStyle, children: [_jsx(View, { style: [
+                    styles.backgroundOverlay,
+                    { backgroundColor: theme.values.backgroundColor }
+                ] }), _jsx(BlurView, { intensity: 20, tint: "light", style: styles.blurOverlay })] }));
+});
+export const useAnimatedHeader = () => {
+    // --- Call hooks at the top level ---
+    const shouldUseScrollAnimation = !isLiquidGlassAvailable();
+    const scrollY = shouldUseScrollAnimation ? useScrollContext() : null;
+    const headerBackground = useCallback(() => (_jsx(AnimatedHeaderBackground, { shouldUseScrollAnimation: shouldUseScrollAnimation, scrollY: scrollY })), [shouldUseScrollAnimation, scrollY]);
+    const headerLeft = useCallback(() => (_jsx(AnimatedBackButton, { shouldUseScrollAnimation: shouldUseScrollAnimation, scrollY: scrollY })), [shouldUseScrollAnimation, scrollY]);
+    return {
+        headerBackground,
+        headerLeft,
+    };
+};
+// Export individual components for flexibility  
+export { AnimatedBackButton, AnimatedHeaderBackground };
+export const ScreenHeader = ({ useScrollAnimation = false, showBackButton = true, }) => {
+    const { headerBackground, headerLeft } = useAnimatedHeader();
+    if (!showBackButton) {
+        return null;
+    }
+    return (_jsxs(View, { style: styles.floatingHeader, children: [useScrollAnimation && headerBackground(), _jsx(View, { style: styles.headerContent, children: headerLeft() })] }));
+};
+// Default export
+export default useAnimatedHeader;
+const styles = StyleSheet.create({
+    backButtonContainer: {
+        flexDirection: "row",
+        alignItems: "center",
+        borderRadius: 16,
+        position: "relative",
+        width: 32,
+        height: 32,
+        justifyContent: "center",
+    },
+    backButtonBackground: {
+        position: "absolute",
+        left: -1,
+        top: 0,
+        bottom: 0,
+        right: 1,
+        borderRadius: 16,
+    },
+    backIcon: {
+        left: -2,
+    },
+    backgroundOverlay: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        opacity: 0.8,
+    },
+    blurOverlay: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+    },
+    floatingHeader: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        height: 100,
+        zIndex: 1000,
+        justifyContent: "flex-end",
+        paddingBottom: 10,
+    },
+    headerContent: {
+        flexDirection: "row",
+        alignItems: "center",
+        paddingHorizontal: 20,
+        height: 44,
+    },
+});
+//# sourceMappingURL=ScreenHeader.js.map

package/dist/components/navigation/ScreenHeader.js.map

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

package/dist/components/navigation/iconUtils.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import * as Icons from '@expo/vector-icons';
+import { PlatformIcon, IconLibrary } from '../../brand/brandTypes';
+type IconLibraryType = keyof typeof Icons;
+/**
+ * Normalizes icon configuration to PlatformIcon format
+ * Handles backward compatibility with string format
+ */
+export declare function normalizeIcon(icon: PlatformIcon | string | undefined, defaultLibrary?: IconLibrary): {
+    library: IconLibraryType;
+    name: string;
+} | null;
+/**
+ * Renders an icon component based on library and name
+ * Returns null if icon config is invalid
+ */
+export declare function renderIcon(icon: PlatformIcon | string | undefined, defaultLibrary?: IconLibrary, size?: number, color?: string): React.ReactElement | null;
+/**
+ * Gets icon name for Feather icon type casting
+ * Used for components that specifically need Feather icons
+ */
+export declare function getFeatherIconName(icon: PlatformIcon | string | undefined, defaultLibrary?: IconLibrary): string;
+export {};
+//# sourceMappingURL=iconUtils.d.ts.map

package/dist/components/navigation/iconUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconUtils.d.ts","sourceRoot":"","sources":["../../../components/navigation/iconUtils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,KAAK,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAEnE,KAAK,eAAe,GAAG,MAAM,OAAO,KAAK,CAAC;AAE1C;;;GAGG;AACH,wBAAgB,aAAa,CAC3B,IAAI,EAAE,YAAY,GAAG,MAAM,GAAG,SAAS,EACvC,cAAc,GAAE,WAAuB,GACtC;IAAE,OAAO,EAAE,eAAe,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAanD;AAED;;;GAGG;AACH,wBAAgB,UAAU,CACxB,IAAI,EAAE,YAAY,GAAG,MAAM,GAAG,SAAS,EACvC,cAAc,GAAE,WAAuB,EACvC,IAAI,GAAE,MAAW,EACjB,KAAK,GAAE,MAAkB,GACxB,KAAK,CAAC,YAAY,GAAG,IAAI,CAc3B;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,YAAY,GAAG,MAAM,GAAG,SAAS,EACvC,cAAc,GAAE,WAAuB,GACtC,MAAM,CAcR"}

package/dist/components/navigation/iconUtils.js

@@ -0,0 +1,53 @@
+import React from 'react';
+import * as Icons from '@expo/vector-icons';
+/**
+ * Normalizes icon configuration to PlatformIcon format
+ * Handles backward compatibility with string format
+ */
+export function normalizeIcon(icon, defaultLibrary = 'Feather') {
+    if (!icon)
+        return null;
+    // String format (backward compatible) - assume default library
+    if (typeof icon === 'string') {
+        return { library: defaultLibrary, name: icon };
+    }
+    // PlatformIcon format - use specified library or default
+    return {
+        library: (icon.library || defaultLibrary),
+        name: icon.name,
+    };
+}
+/**
+ * Renders an icon component based on library and name
+ * Returns null if icon config is invalid
+ */
+export function renderIcon(icon, defaultLibrary = 'Feather', size = 20, color = '#000000') {
+    const normalized = normalizeIcon(icon, defaultLibrary);
+    if (!normalized)
+        return null;
+    const { library, name } = normalized;
+    const IconComponent = Icons[library];
+    if (!IconComponent) {
+        console.warn(`Icon library "${library}" not found. Falling back to Feather.`);
+        const FeatherIcon = Icons.Feather;
+        return React.createElement(FeatherIcon, { name, size, color });
+    }
+    return React.createElement(IconComponent, { name, size, color });
+}
+/**
+ * Gets icon name for Feather icon type casting
+ * Used for components that specifically need Feather icons
+ */
+export function getFeatherIconName(icon, defaultLibrary = 'Feather') {
+    const normalized = normalizeIcon(icon, defaultLibrary);
+    if (!normalized)
+        return 'circle';
+    // If library is not Feather, we can't use it as Feather icon name
+    // Return a fallback
+    if (normalized.library !== 'Feather') {
+        console.warn(`Icon library "${normalized.library}" cannot be used as Feather icon. Using fallback.`);
+        return 'circle';
+    }
+    return normalized.name;
+}
+//# sourceMappingURL=iconUtils.js.map

package/dist/components/navigation/iconUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconUtils.js","sourceRoot":"","sources":["../../../components/navigation/iconUtils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,KAAK,MAAM,oBAAoB,CAAC;AAK5C;;;GAGG;AACH,MAAM,UAAU,aAAa,CAC3B,IAAuC,EACvC,iBAA8B,SAAS;IAEvC,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,+DAA+D;IAC/D,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,OAAO,EAAE,OAAO,EAAE,cAAiC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IACpE,CAAC;IAED,yDAAyD;IACzD,OAAO;QACL,OAAO,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI,cAAc,CAAoB;QAC5D,IAAI,EAAE,IAAI,CAAC,IAAI;KAChB,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,UAAU,CACxB,IAAuC,EACvC,iBAA8B,SAAS,EACvC,OAAe,EAAE,EACjB,QAAgB,SAAS;IAEzB,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC;IACvD,IAAI,CAAC,UAAU;QAAE,OAAO,IAAI,CAAC;IAE7B,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC;IACrC,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;IAErC,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,CAAC,IAAI,CAAC,iBAAiB,OAAO,uCAAuC,CAAC,CAAC;QAC9E,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC;QAClC,OAAO,KAAK,CAAC,aAAa,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAA8C,CAAC,CAAC;IAC7G,CAAC;IAED,OAAO,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAgD,CAAC,CAAC;AACjH,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAChC,IAAuC,EACvC,iBAA8B,SAAS;IAEvC,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC;IACvD,IAAI,CAAC,UAAU;QAAE,OAAO,QAAQ,CAAC;IAEjC,kEAAkE;IAClE,oBAAoB;IACpB,IAAI,UAAU,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;QACrC,OAAO,CAAC,IAAI,CACV,iBAAiB,UAAU,CAAC,OAAO,mDAAmD,CACvF,CAAC;QACF,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,OAAO,UAAU,CAAC,IAAI,CAAC;AACzB,CAAC"}

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

@@ -0,0 +1,6 @@
+export { default as AppbarWeb } from './AppbarWeb';
+export { default as IconButtonGroup } from './IconButtonGroup';
+export { default as Logo } from './Logo';
+export { default as MobileMenuDrawer } from './MobileMenuDrawer';
+export { useAnimatedHeader, ScreenHeader, AnimatedBackButton, AnimatedHeaderBackground, } from './ScreenHeader';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/navigation/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EACL,iBAAiB,EACjB,YAAY,EACZ,kBAAkB,EAClB,wBAAwB,GACzB,MAAM,gBAAgB,CAAC"}

package/dist/components/navigation/index.js

@@ -0,0 +1,7 @@
+// Navigation components
+export { default as AppbarWeb } from './AppbarWeb';
+export { default as IconButtonGroup } from './IconButtonGroup';
+export { default as Logo } from './Logo';
+export { default as MobileMenuDrawer } from './MobileMenuDrawer';
+export { useAnimatedHeader, ScreenHeader, AnimatedBackButton, AnimatedHeaderBackground, } from './ScreenHeader';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/navigation/index.ts"],"names":[],"mappings":"AAAA,wBAAwB;AACxB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EACL,iBAAiB,EACjB,YAAY,EACZ,kBAAkB,EAClB,wBAAwB,GACzB,MAAM,gBAAgB,CAAC"}

package/dist/components/tile/Tile.d.ts

@@ -0,0 +1,18 @@
+interface TileProps {
+    imageUrl: string | number;
+    title: string;
+    subtitle?: string;
+    onPress?: () => void;
+    width?: number | {
+        mobile: number;
+        web: number;
+    };
+    imageHeight?: number | {
+        mobile: number;
+        web: number;
+    };
+    showSkeleton?: boolean;
+}
+declare const Tile: ({ imageUrl, title, subtitle, onPress, width, imageHeight, showSkeleton, }: TileProps) => import("react/jsx-runtime").JSX.Element | null;
+export { Tile };
+//# sourceMappingURL=Tile.d.ts.map

package/dist/components/tile/Tile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../components/tile/Tile.tsx"],"names":[],"mappings":"AAOA,UAAU,SAAS;IACjB,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IACjD,WAAW,CAAC,EAAE,MAAM,GAAG;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IACvD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,IAAI,GAAI,2EAQX,SAAS,mDAwDX,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/tile/Tile.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useMemo } from 'react';
+import { View, Image, Pressable, StyleSheet } from 'react-native';
+import { StyledText } from '../ui';
+import { useBrand } from '../../brand';
+import { ThemeContext } from '../../theme';
+import { useDimensions, breakpoints } from '../../hooks';
+const Tile = ({ imageUrl, title, subtitle, onPress, width, imageHeight, showSkeleton = false, }) => {
+    const theme = useContext(ThemeContext);
+    const dimensions = useDimensions();
+    const brand = useBrand();
+    const styles = useMemo(() => StyleSheet.create({
+        image: {
+            width: '100%',
+            borderRadius: brand.borderRadius,
+        },
+        infoContainer: {
+            marginTop: 10,
+            gap: 5,
+        },
+    }), [brand]);
+    // Determine responsive dimensions
+    const tileWidth = typeof width === 'object'
+        ? dimensions.width > breakpoints.medium
+            ? width.web
+            : width.mobile
+        : width || (dimensions.width > breakpoints.medium ? 250 : 150);
+    const height = typeof imageHeight === 'object'
+        ? dimensions.width > breakpoints.medium
+            ? imageHeight.web
+            : imageHeight.mobile
+        : imageHeight || (dimensions.width > breakpoints.medium ? 150 : 200);
+    if (showSkeleton) {
+        // Skeleton will be handled by SkeletonCard component
+        return null;
+    }
+    const imageSource = typeof imageUrl === 'string' ? { uri: imageUrl } : imageUrl;
+    return (_jsxs(Pressable, { style: [{ marginRight: 10 }, { width: tileWidth }], onPress: onPress, disabled: !onPress, children: [_jsx(Image, { source: imageSource, style: [styles.image, { height }], resizeMode: 'cover' }), _jsxs(View, { style: styles.infoContainer, children: [_jsx(StyledText, { fontSize: "md", numberOfLines: 1, align: "left", children: title }), subtitle && (_jsx(StyledText, { fontSize: 'sm', numberOfLines: 1, align: "left", muted: true, children: subtitle }))] })] }));
+};
+export { Tile };
+//# sourceMappingURL=Tile.js.map

package/dist/components/tile/Tile.js.map

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

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

@@ -0,0 +1,2 @@
+export { Tile } from './Tile';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/tile/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/tile/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/tile/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/ui/ArrowButton.d.ts

@@ -0,0 +1,8 @@
+interface ArrowButtonProps {
+    direction: 'left' | 'right';
+    onPress: () => void;
+    hidden?: boolean;
+}
+declare const ArrowButton: ({ direction, onPress, hidden }: ArrowButtonProps) => import("react/jsx-runtime").JSX.Element;
+export { ArrowButton };
+//# sourceMappingURL=ArrowButton.d.ts.map

package/dist/components/ui/ArrowButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowButton.d.ts","sourceRoot":"","sources":["../../../components/ui/ArrowButton.tsx"],"names":[],"mappings":"AAMA,UAAU,gBAAgB;IACxB,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,WAAW,GAAI,gCAAwC,gBAAgB,4CAW5E,CAAC;AAoBF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/ui/ArrowButton.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { Pressable, StyleSheet } from 'react-native';
+import Feather from '@expo/vector-icons/Feather';
+import { BlurView } from 'expo-blur';
+import { ThemeContext } from '../../theme';
+const ArrowButton = ({ direction, onPress, hidden = false }) => {
+    const theme = React.useContext(ThemeContext);
+    const iconName = direction === 'left' ? 'chevron-left' : 'chevron-right';
+    return (_jsx(Pressable, { onPress: onPress, style: styles.container, children: _jsx(BlurView, { intensity: 100, tint: "light", style: styles.blurContainer, children: _jsx(Feather, { name: iconName, size: 20, color: theme.values.highlightColor }) }) }));
+};
+const styles = StyleSheet.create({
+    container: {
+        height: 50,
+        width: 50,
+        borderWidth: 0,
+        borderRadius: 25,
+        overflow: 'hidden',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    blurContainer: {
+        width: '100%',
+        height: '100%',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+});
+export { ArrowButton };
+//# sourceMappingURL=ArrowButton.js.map

package/dist/components/ui/ArrowButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowButton.js","sourceRoot":"","sources":["../../../components/ui/ArrowButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,OAAO,MAAM,4BAA4B,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAQ3C,MAAM,WAAW,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,GAAG,KAAK,EAAoB,EAAE,EAAE;IAC/E,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAC7C,MAAM,QAAQ,GAAG,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC;IAEzE,OAAO,CACL,KAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS,YAClD,KAAC,QAAQ,IAAC,SAAS,EAAE,GAAG,EAAE,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,MAAM,CAAC,aAAa,YAChE,KAAC,OAAO,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,GAAI,GAChE,GACD,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;QACT,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,EAAE;QAChB,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,aAAa,EAAE;QACb,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;CACF,CAAC,CAAC;AAEH,OAAO,EAAE,WAAW,EAAE,CAAC"}