zero-to-app 2.0.0

package/dist/components/layout/WebPageLayout.js

@@ -0,0 +1,103 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useMemo } from 'react';
+import { ScrollView, StyleSheet, View, Platform } from 'react-native';
+import { ThemeContext } from '../../theme';
+import { useDimensions } from '../../hooks';
+import Footer from './Footer';
+import { useWindowDimensions } from 'react-native';
+import { useBrand } from '../../brand';
+/**
+ * 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
+ */
+const WebPageLayout = ({ children, bottomActions, showFooter = true }) => {
+    const theme = useContext(ThemeContext);
+    const dimensions = useDimensions();
+    const brand = useBrand();
+    const { height: windowHeight } = useWindowDimensions();
+    const styles = useMemo(() => StyleSheet.create({
+        container: {
+            flex: 1,
+        },
+        scrollContent: {
+            flexGrow: 1,
+        },
+        scrollContentMobile: {
+            flexGrow: 1,
+        },
+        content: {
+        // Don't use flex: 1, let content take only what it needs
+        },
+        contentMobile: {
+        // On mobile web, ensure content takes up at least viewport height
+        // minHeight is set dynamically to prevent content cutoff
+        },
+        contentDesktop: {
+            // On desktop, expand content to fill available space for fullscreen
+            flex: 1,
+            minHeight: 0, // Allow shrinking if needed
+        },
+        bottomActionsMobile: {
+            width: '100%',
+            paddingVertical: brand.spacing.md + 3,
+        },
+        footerWrapperMobile: {
+            width: '100%',
+            flexGrow: 1,
+            minHeight: 300, // Minimum height, will expand to fill remaining space
+            alignSelf: 'stretch', // Ensure full width
+        },
+        footerWrapperDesktop: {
+            width: '100%',
+            alignSelf: 'stretch', // Ensure full width
+        },
+        fixedBottomContainer: {
+            position: 'absolute',
+            bottom: 0,
+            left: 0,
+            right: 0,
+            width: '100%', // Ensure full width
+        },
+    }), [brand]);
+    // Mobile web layout: Footer fills remaining height and full width
+    if (Platform.OS === 'web' && dimensions.breakpoint === 'small') {
+        // Calculate minimum content height to ensure footer can fill remaining space
+        const minContentHeight = Platform.OS === 'web' && windowHeight
+            ? windowHeight
+            : undefined;
+        // Calculate minimum height for content area to fill viewport
+        // Account for footer minimum height (300px) to ensure content takes up at least one screen
+        const contentMinHeight = windowHeight ? Math.max(windowHeight - 300, windowHeight * 0.6) : undefined;
+        return (_jsx(View, { style: [styles.container, { backgroundColor: theme.values.backgroundColor }], children: _jsxs(ScrollView, { contentContainerStyle: [
+                    styles.scrollContentMobile,
+                    {
+                        flexGrow: 1,
+                        ...(minContentHeight && { minHeight: minContentHeight }),
+                    },
+                ], children: [_jsx(View, { style: [
+                            styles.content,
+                            styles.contentMobile,
+                            ...(contentMinHeight ? [{ minHeight: contentMinHeight }] : []),
+                        ], children: children }), bottomActions && _jsx(View, { style: styles.bottomActionsMobile, children: bottomActions }), showFooter && (_jsx(View, { style: styles.footerWrapperMobile, children: _jsx(Footer, {}) }))] }) }));
+    }
+    // Desktop/Tablet layout: Footer at bottom (fixed if bottomActions, otherwise end of ScrollView)
+    // Calculate minimum height for desktop to ensure fullscreen
+    const isDesktop = Platform.OS === 'web' && dimensions.breakpoint !== 'small';
+    const appbarHeight = isDesktop ? 80 : 60;
+    const minContentHeight = Platform.OS === 'web' && windowHeight
+        ? windowHeight - appbarHeight
+        : undefined;
+    return (_jsxs(View, { style: [styles.container, { backgroundColor: theme.values.backgroundColor }], children: [_jsxs(ScrollView, { contentContainerStyle: [
+                    styles.scrollContent,
+                    ...(isDesktop && minContentHeight ? [{ minHeight: minContentHeight }] : []),
+                ], children: [_jsx(View, { style: [
+                            styles.content,
+                            isDesktop && styles.contentDesktop, // Expand content on desktop
+                        ], children: children }), !bottomActions && showFooter && (_jsx(View, { style: styles.footerWrapperDesktop, children: _jsx(Footer, {}) }))] }), bottomActions && (_jsxs(View, { style: styles.fixedBottomContainer, children: [bottomActions, showFooter && (_jsx(View, { style: styles.footerWrapperDesktop, children: _jsx(Footer, {}) }))] }))] }));
+};
+export default WebPageLayout;
+//# sourceMappingURL=WebPageLayout.js.map

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

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

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

@@ -0,0 +1,6 @@
+export { default as ParallaxScrollView, HEADER_HEIGHT } from './ParallaxScrollView';
+export { default as WebPageLayout } from './WebPageLayout';
+export { default as Footer } from './Footer';
+export { default as MinimalFooter } from './MinimalFooter';
+export { default as MobileFooterBar } from './MobileFooterBar';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/layout/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAGpF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAG3D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/layout/index.js

@@ -0,0 +1,9 @@
+// Layout blocks
+export { default as ParallaxScrollView, HEADER_HEIGHT } from './ParallaxScrollView';
+// Unified web page layout template
+export { default as WebPageLayout } from './WebPageLayout';
+// Footer components
+export { default as Footer } from './Footer';
+export { default as MinimalFooter } from './MinimalFooter';
+export { default as MobileFooterBar } from './MobileFooterBar';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/layout/index.ts"],"names":[],"mappings":"AAAA,gBAAgB;AAChB,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAEpF,mCAAmC;AACnC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE3D,oBAAoB;AACpB,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/list/List.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type ListProps = {
+    children: React.ReactNode | React.ReactNode[];
+};
+/**
+ * A list component that wraps th each child in a container with consistent padding and gap values.
+ */
+declare const List: ({ children }: ListProps) => import("react/jsx-runtime").JSX.Element;
+export { List };
+//# sourceMappingURL=List.d.ts.map

package/dist/components/list/List.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../components/list/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,KAAK,SAAS,GAAG;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;CAC/C,CAAC;AAEF;;GAEG;AAEH,QAAA,MAAM,IAAI,GAAI,cAAc,SAAS,4CAEpC,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/list/List.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StyleSheet, View } from 'react-native';
+/**
+ * A list component that wraps th each child in a container with consistent padding and gap values.
+ */
+const List = ({ children }) => {
+    return _jsx(View, { style: styles.list, children: children });
+};
+export { List };
+const styles = StyleSheet.create({
+    list: {
+        alignSelf: 'center',
+        width: '100%',
+        padding: 15,
+        gap: 15,
+    },
+});
+//# sourceMappingURL=List.js.map

package/dist/components/list/List.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../components/list/List.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAMhD;;GAEG;AAEH,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAa,EAAE,EAAE;IACvC,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,YAAG,QAAQ,GAAQ,CAAC;AACrD,CAAC,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC;AAEhB,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,EAAE;QACX,GAAG,EAAE,EAAE;KACR;CACF,CAAC,CAAC"}

package/dist/components/list/ListButton.d.ts

@@ -0,0 +1,13 @@
+import Feather from '@expo/vector-icons/Feather';
+type ListButtonProps = {
+    text: string;
+    icon?: keyof typeof Feather.glyphMap;
+    onPress?: () => void;
+    uppercase?: boolean;
+};
+/**
+ * List Button component that displays a list button with an icon and text
+ */
+declare const ListButton: ({ onPress, text, icon, uppercase }: ListButtonProps) => import("react/jsx-runtime").JSX.Element;
+export { ListButton };
+//# sourceMappingURL=ListButton.d.ts.map

package/dist/components/list/ListButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListButton.d.ts","sourceRoot":"","sources":["../../../components/list/ListButton.tsx"],"names":[],"mappings":"AAEA,OAAO,OAAO,MAAM,4BAA4B,CAAC;AAIjD,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC,QAAQ,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;GAEG;AAEH,QAAA,MAAM,UAAU,GAAI,oCAAoC,eAAe,4CAYtE,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/list/ListButton.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { StyleSheet, Pressable } from 'react-native';
+import Feather from '@expo/vector-icons/Feather';
+import { ThemeContext } from '../../theme';
+import { StyledText } from '../ui';
+/**
+ * List Button component that displays a list button with an icon and text
+ */
+const ListButton = ({ onPress, text, icon, uppercase }) => {
+    // Initialize theme
+    const theme = useContext(ThemeContext);
+    return (_jsxs(Pressable, { style: styles.listButton, onPress: onPress, children: [_jsx(StyledText, { bold: true, uppercase: uppercase, children: text }), icon ? _jsx(Feather, { name: icon, size: 25, color: theme.values.color }) : null] }));
+};
+export { ListButton };
+const styles = StyleSheet.create({
+    listButton: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        padding: 15,
+    },
+});
+//# sourceMappingURL=ListButton.js.map

package/dist/components/list/ListButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListButton.js","sourceRoot":"","sources":["../../../components/list/ListButton.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,OAAO,MAAM,4BAA4B,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AASnC;;GAEG;AAEH,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAmB,EAAE,EAAE;IACzE,mBAAmB;IACnB,MAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAEvC,OAAO,CACL,MAAC,SAAS,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU,EAAE,OAAO,EAAE,OAAO,aACnD,KAAC,UAAU,IAAC,IAAI,QAAC,SAAS,EAAE,SAAS,YAClC,IAAI,GACM,EACZ,IAAI,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,IACjE,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,UAAU,EAAE;QACV,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,EAAE;KACZ;CACF,CAAC,CAAC"}

package/dist/components/list/ListDivider.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Returns a line that extends the full width of the container
+ * Derives color from theme
+ */
+declare const ListDivider: () => import("react/jsx-runtime").JSX.Element;
+export { ListDivider };
+//# sourceMappingURL=ListDivider.d.ts.map

package/dist/components/list/ListDivider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListDivider.d.ts","sourceRoot":"","sources":["../../../components/list/ListDivider.tsx"],"names":[],"mappings":"AAIA;;;GAGG;AAEH,QAAA,MAAM,WAAW,+CAShB,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/list/ListDivider.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { ThemeContext } from '../../theme';
+/**
+ * Returns a line that extends the full width of the container
+ * Derives color from theme
+ */
+const ListDivider = () => {
+    const theme = useContext(ThemeContext);
+    return (_jsx(View, { style: {
+            backgroundColor: theme.values.dividerColor,
+            ...styles.listDivider,
+        } }));
+};
+export { ListDivider };
+const styles = StyleSheet.create({
+    listDivider: {
+        width: '100%',
+        height: 1,
+    },
+});
+//# sourceMappingURL=ListDivider.js.map

package/dist/components/list/ListDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListDivider.js","sourceRoot":"","sources":["../../../components/list/ListDivider.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C;;;GAGG;AAEH,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,MAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACvC,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAE;YACL,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY;YAC1C,GAAG,MAAM,CAAC,WAAW;SACtB,GAAS,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,WAAW,EAAE;QACX,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,CAAC;KACV;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,4 @@
+export { List } from './List';
+export { ListButton } from './ListButton';
+export { ListDivider } from './ListDivider';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/list/index.js

@@ -0,0 +1,4 @@
+export { List } from './List';
+export { ListButton } from './ListButton';
+export { ListDivider } from './ListDivider';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/media/Carousel.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export interface CarouselProps<T> {
+    data: T[];
+    renderItem: (item: T, index: number) => React.ReactNode;
+    pagination?: 'dots' | 'numbers' | false;
+    paginationPosition?: 'top' | 'bottom';
+    autoPlay?: boolean;
+    loop?: boolean;
+    width?: number;
+    height?: number;
+    onItemChange?: (index: number) => void;
+}
+/**
+ * Generic carousel component that works with any data type.
+ * Supports pagination dots and integrates with the design system.
+ */
+export declare const Carousel: <T>({ data, renderItem, pagination, paginationPosition, autoPlay, loop, width, height, onItemChange, }: CarouselProps<T>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Carousel.d.ts.map

package/dist/components/media/Carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../components/media/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAMjD,MAAM,WAAW,aAAa,CAAC,CAAC;IAC9B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACxD,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,KAAK,CAAC;IACxC,kBAAkB,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,GAAI,CAAC,EAAG,oGAU1B,aAAa,CAAC,CAAC,CAAC,4CAoDlB,CAAC"}

package/dist/components/media/Carousel.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useMemo } from 'react';
+import { StyleSheet, View, Dimensions } from 'react-native';
+import ReanimatedCarousel from 'react-native-reanimated-carousel';
+const { width: screenWidth } = Dimensions.get('window');
+/**
+ * Generic carousel component that works with any data type.
+ * Supports pagination dots and integrates with the design system.
+ */
+export const Carousel = ({ data, renderItem, pagination = 'dots', paginationPosition = 'bottom', autoPlay = false, loop = true, width = screenWidth, height = 250, onItemChange, }) => {
+    const [currentIndex, setCurrentIndex] = useState(0);
+    // Move useMemo to top level - hooks must be called at component top level
+    const paginationDots = useMemo(() => new Array(data.length).fill(0).map((_, index) => index), [data.length]);
+    const handleProgressChange = (offsetProgress, absoluteProgress) => {
+        const newIndex = Math.round(absoluteProgress) % data.length;
+        setCurrentIndex(newIndex);
+        onItemChange?.(newIndex);
+    };
+    const renderPagination = () => {
+        if (pagination === false || data.length <= 1)
+            return null;
+        return (_jsx(View, { style: [
+                styles.paginationWrapper,
+                paginationPosition === 'top' ? styles.paginationTop : styles.paginationBottom,
+            ], children: paginationDots.map((key, index) => (_jsx(View, { style: [
+                    styles.paginationDot,
+                    index === currentIndex ? styles.paginationDotActive : null,
+                ] }, `dot-${key}`))) }));
+    };
+    return (_jsxs(View, { style: { position: 'relative', height: height, width: width }, children: [_jsx(ReanimatedCarousel, { loop: loop, width: width, height: height, autoPlay: autoPlay, data: data, scrollAnimationDuration: 500, onProgressChange: (_, absoluteProgress) => handleProgressChange(_, absoluteProgress), renderItem: ({ item, index }) => _jsx(_Fragment, { children: renderItem(item, index) }) }), renderPagination()] }));
+};
+const styles = StyleSheet.create({
+    paginationWrapper: {
+        position: 'absolute',
+        left: 0,
+        right: 0,
+        zIndex: 1000,
+        flexDirection: 'row',
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    paginationTop: {
+        top: 16,
+    },
+    paginationBottom: {
+        bottom: 16,
+    },
+    paginationDot: {
+        width: 6,
+        height: 6,
+        borderRadius: 3,
+        backgroundColor: 'white',
+        marginHorizontal: 4,
+        opacity: 0.5,
+    },
+    paginationDotActive: {
+        opacity: 1,
+    },
+});
+//# sourceMappingURL=Carousel.js.map

package/dist/components/media/Carousel.js.map

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

package/dist/components/media/FeatureCard.d.ts

@@ -0,0 +1,9 @@
+interface FeatureCardProps {
+    image: string | number;
+    onPress: () => void;
+    buttonText?: string;
+    fallbackImage?: string | number;
+}
+declare const FeatureCard: ({ image, onPress, buttonText, fallbackImage, }: FeatureCardProps) => import("react/jsx-runtime").JSX.Element;
+export default FeatureCard;
+//# sourceMappingURL=FeatureCard.d.ts.map

package/dist/components/media/FeatureCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureCard.d.ts","sourceRoot":"","sources":["../../../components/media/FeatureCard.tsx"],"names":[],"mappings":"AAOA,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACjC;AAED,QAAA,MAAM,WAAW,GAAI,gDAKlB,gBAAgB,4CAuFlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/media/FeatureCard.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useMemo } from 'react';
+import { View, StyleSheet, Animated } from 'react-native';
+import { Image } from 'expo-image';
+import { StyledText, BlurButton } from '../ui';
+import { useBrand } from '../../brand';
+import { ThemeContext } from '../../theme';
+const FeatureCard = ({ image, onPress, buttonText = 'Ask me anything!', fallbackImage, }) => {
+    const theme = React.useContext(ThemeContext);
+    const brand = useBrand();
+    const scaleValue = React.useRef(new Animated.Value(1)).current;
+    const styles = useMemo(() => StyleSheet.create({
+        cardContainer: {
+            flex: 1,
+            borderRadius: brand.borderRadius,
+        },
+        card: {
+            flex: 1,
+            borderRadius: brand.borderRadius,
+            overflow: 'hidden',
+            borderWidth: 0.5,
+            backgroundColor: 'rgba(255, 255, 255, 0.05)',
+        },
+        image: {
+            width: '100%',
+            height: '100%',
+        },
+        actionButtonContainer: {
+            position: 'absolute',
+            bottom: 20,
+            left: 0,
+            right: 0,
+            alignItems: 'center',
+        },
+        actionButton: {
+            borderRadius: 100,
+            justifyContent: 'center',
+            alignItems: 'center',
+            paddingHorizontal: 10,
+            paddingVertical: 10,
+            borderWidth: 0.5,
+            overflow: 'hidden',
+        },
+    }), [brand]);
+    // Handle both local assets (require) and remote URLs
+    const imageSource = typeof image === 'string'
+        ? { uri: image || (typeof fallbackImage === 'string' ? fallbackImage : undefined) }
+        : image;
+    const handlePressIn = () => {
+        Animated.spring(scaleValue, {
+            toValue: 0.95,
+            useNativeDriver: true,
+            tension: 300,
+            friction: 10,
+        }).start();
+    };
+    const handlePressOut = () => {
+        Animated.spring(scaleValue, {
+            toValue: 1,
+            useNativeDriver: true,
+            tension: 300,
+            friction: 10,
+        }).start();
+    };
+    return (_jsx(View, { style: styles.cardContainer, children: _jsxs(View, { style: [styles.card, { borderColor: theme.values.borderColor }], children: [_jsx(Image, { source: imageSource, style: styles.image, contentFit: "cover" }), _jsx(View, { style: styles.actionButtonContainer, children: _jsx(BlurButton, { intensity: 80, tint: "dark", style: styles.actionButton, onPress: onPress, onPressIn: handlePressIn, onPressOut: handlePressOut, scaleValue: scaleValue, activeOpacity: 0.9, children: _jsx(StyledText, { fontSize: "lg", color: "white", fontWeight: 500, children: buttonText }) }) })] }) }));
+};
+export default FeatureCard;
+//# sourceMappingURL=FeatureCard.js.map

package/dist/components/media/FeatureCard.js.map

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

package/dist/components/media/HorizontalCarousel.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+interface HorizontalCarouselProps<T> {
+    data: T[] | undefined;
+    renderItem: ({ item }: {
+        item: T;
+    }) => React.ReactElement;
+    keyExtractor: (item: T) => string;
+    headerWidth?: number;
+}
+/**
+ * HorizontalCarousel component with horizontal scrolling and arrow navigation
+ * Displays items in a horizontal scrollable list with optional arrow buttons
+ * Uses FlatList for performance
+ */
+declare function HorizontalCarousel<T>({ data, renderItem, keyExtractor, headerWidth, }: HorizontalCarouselProps<T>): import("react/jsx-runtime").JSX.Element;
+export { HorizontalCarousel };
+//# sourceMappingURL=HorizontalCarousel.d.ts.map

package/dist/components/media/HorizontalCarousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalCarousel.d.ts","sourceRoot":"","sources":["../../../components/media/HorizontalCarousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAYhD,UAAU,uBAAuB,CAAC,CAAC;IACjC,IAAI,EAAE,CAAC,EAAE,GAAG,SAAS,CAAC;IACtB,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE;QAAE,IAAI,EAAE,CAAC,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,CAAC;IAC1D,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;GAIG;AACH,iBAAS,kBAAkB,CAAC,CAAC,EAAE,EAC7B,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,WAAW,GACZ,EAAE,uBAAuB,CAAC,CAAC,CAAC,2CAkE5B;AAyBD,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/media/HorizontalCarousel.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState } from 'react';
+import { FlatList, View, StyleSheet, Platform, } from 'react-native';
+import { ArrowButton } from '../ui';
+import { useDimensions, breakpoints } from '../../hooks';
+/**
+ * HorizontalCarousel component with horizontal scrolling and arrow navigation
+ * Displays items in a horizontal scrollable list with optional arrow buttons
+ * Uses FlatList for performance
+ */
+function HorizontalCarousel({ data, renderItem, keyExtractor, headerWidth, }) {
+    const flatListRef = useRef(null);
+    const [scrollOffset, setScrollOffset] = useState(0);
+    const [contentWidth, setContentWidth] = useState(0);
+    const scrollList = (direction) => {
+        if (flatListRef.current) {
+            const newOffset = direction === 'left'
+                ? Math.max(0, scrollOffset - (300 + 10) * 3)
+                : scrollOffset + (310 + 10) * 3;
+            flatListRef.current.scrollToOffset({
+                offset: newOffset,
+                animated: true,
+            });
+        }
+    };
+    const handleScroll = (event) => {
+        setScrollOffset(event.nativeEvent.contentOffset.x);
+    };
+    const handleContentSizeChange = (contentWidth) => {
+        setContentWidth(contentWidth);
+    };
+    const dimensions = useDimensions();
+    const hideLeftArrow = scrollOffset <= 0;
+    const hideRightArrow = scrollOffset >= contentWidth - dimensions.width;
+    return (_jsxs(View, { style: styles.container, children: [_jsx(FlatList, { ref: flatListRef, data: data, keyExtractor: keyExtractor, renderItem: renderItem, horizontal: true, ListHeaderComponent: Platform.OS === 'ios' ? _jsx(View, { style: { width: headerWidth || 20 } }) : null, showsHorizontalScrollIndicator: false, onScroll: handleScroll, scrollEventThrottle: 16, onContentSizeChange: handleContentSizeChange, style: styles.list }), dimensions.width > breakpoints.small && !hideLeftArrow && (_jsx(View, { style: styles.leftArrowContainer, children: _jsx(ArrowButton, { direction: "left", onPress: () => scrollList('left'), hidden: hideLeftArrow }) })), dimensions.width > breakpoints.small && !hideRightArrow && (_jsx(View, { style: styles.rightArrowContainer, children: _jsx(ArrowButton, { direction: "right", onPress: () => scrollList('right'), hidden: hideRightArrow }) }))] }));
+}
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+    },
+    list: {
+        flex: 1,
+    },
+    leftArrowContainer: {
+        position: 'absolute',
+        left: -25,
+        top: '50%',
+        zIndex: 10,
+        transform: [{ translateY: -25 }],
+    },
+    rightArrowContainer: {
+        position: 'absolute',
+        right: -25,
+        top: '50%',
+        zIndex: 10,
+        transform: [{ translateY: -25 }],
+    },
+});
+export { HorizontalCarousel };
+//# sourceMappingURL=HorizontalCarousel.js.map

package/dist/components/media/HorizontalCarousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalCarousel.js","sourceRoot":"","sources":["../../../components/media/HorizontalCarousel.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EACL,QAAQ,EAGR,IAAI,EACJ,UAAU,EACV,QAAQ,GACT,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AASzD;;;;GAIG;AACH,SAAS,kBAAkB,CAAI,EAC7B,IAAI,EACJ,UAAU,EACV,YAAY,EACZ,WAAW,GACgB;IAC3B,MAAM,WAAW,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAC9C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEpD,MAAM,UAAU,GAAG,CAAC,SAA2B,EAAE,EAAE;QACjD,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YACxB,MAAM,SAAS,GACb,SAAS,KAAK,MAAM;gBAClB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,GAAG,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;gBAC5C,CAAC,CAAC,YAAY,GAAG,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;YACpC,WAAW,CAAC,OAAO,CAAC,cAAc,CAAC;gBACjC,MAAM,EAAE,SAAS;gBACjB,QAAQ,EAAE,IAAI;aACf,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAA8C,EAAE,EAAE;QACtE,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IACrD,CAAC,CAAC;IAEF,MAAM,uBAAuB,GAAG,CAAC,YAAoB,EAAE,EAAE;QACvD,eAAe,CAAC,YAAY,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IAEnC,MAAM,aAAa,GAAG,YAAY,IAAI,CAAC,CAAC;IACxC,MAAM,cAAc,GAAG,YAAY,IAAI,YAAY,GAAG,UAAU,CAAC,KAAK,CAAC;IAEvE,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,aAC3B,KAAC,QAAQ,IACP,GAAG,EAAE,WAAW,EAChB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,UAAU,QACV,mBAAmB,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,EACjG,8BAA8B,EAAE,KAAK,EACrC,QAAQ,EAAE,YAAY,EACtB,mBAAmB,EAAE,EAAE,EACvB,mBAAmB,EAAE,uBAAuB,EAC5C,KAAK,EAAE,MAAM,CAAC,IAAI,GAClB,EACD,UAAU,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,IAAI,CAAC,aAAa,IAAI,CACzD,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,kBAAkB,YACpC,KAAC,WAAW,IACV,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,EACjC,MAAM,EAAE,aAAa,GACrB,GACG,CACR,EACA,UAAU,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,IAAI,CAAC,cAAc,IAAI,CAC1D,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,mBAAmB,YACrC,KAAC,WAAW,IACV,SAAS,EAAC,OAAO,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,EAClC,MAAM,EAAE,cAAc,GACtB,GACG,CACR,IACI,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;KACR;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC;KACR;IACD,kBAAkB,EAAE;QAClB,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,CAAC,EAAE;QACT,GAAG,EAAE,KAAK;QACV,MAAM,EAAE,EAAE;QACV,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,EAAE,CAAC;KACjC;IACD,mBAAmB,EAAE;QACnB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,CAAC,EAAE;QACV,GAAG,EAAE,KAAK;QACV,MAAM,EAAE,EAAE;QACV,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,EAAE,CAAC;KACjC;CACF,CAAC,CAAC;AAEH,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/media/ImageCarousel.d.ts

@@ -0,0 +1,14 @@
+type ImageCarouselProps = {
+    images: string[];
+    loop?: boolean;
+    autoPlay?: boolean;
+    width?: number;
+    height?: number;
+};
+/**
+ * ImageCarousel component - uses generic Carousel for displaying images.
+ * Provides a convenient wrapper for image-specific carousel usage.
+ */
+export declare const ImageCarousel: ({ images, autoPlay, loop, width, height, }: ImageCarouselProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ImageCarousel.d.ts.map

package/dist/components/media/ImageCarousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageCarousel.d.ts","sourceRoot":"","sources":["../../../components/media/ImageCarousel.tsx"],"names":[],"mappings":"AAOA,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,4CAM3B,kBAAkB,4CAwBpB,CAAC"}

package/dist/components/media/ImageCarousel.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Image } from 'expo-image';
+import { useMemo } from 'react';
+import { Dimensions } from 'react-native';
+import { Carousel } from './Carousel';
+const { width: screenWidth } = Dimensions.get('window');
+/**
+ * ImageCarousel component - uses generic Carousel for displaying images.
+ * Provides a convenient wrapper for image-specific carousel usage.
+ */
+export const ImageCarousel = ({ images, autoPlay = false, loop = true, width = screenWidth, height = 250, }) => {
+    const imageStyle = useMemo(() => ({
+        width,
+        height,
+    }), [width, height]);
+    const renderImage = (imageUri) => {
+        return _jsx(Image, { source: { uri: imageUri }, style: imageStyle });
+    };
+    return (_jsx(Carousel, { data: images, renderItem: renderImage, pagination: "dots", autoPlay: autoPlay, loop: loop, width: width, height: height }));
+};
+//# sourceMappingURL=ImageCarousel.js.map

package/dist/components/media/ImageCarousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageCarousel.js","sourceRoot":"","sources":["../../../components/media/ImageCarousel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;AAUxD;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,WAAW,EACnB,MAAM,GAAG,GAAG,GACO,EAAE,EAAE;IACvB,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CAAC,CAAC;QACL,KAAK;QACL,MAAM;KACP,CAAC,EACF,CAAC,KAAK,EAAE,MAAM,CAAC,CAChB,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,QAAgB,EAAE,EAAE;QACvC,OAAO,KAAC,KAAK,IAAC,MAAM,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,UAAU,GAAI,CAAC;IACjE,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,IAAI,EAAE,MAAM,EACZ,UAAU,EAAE,WAAW,EACvB,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AACJ,CAAC,CAAC"}