zero-to-app 2.0.0 → 3.0.0

package/dist/components/navigation/sidebar/sidebar-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-section.d.ts","sourceRoot":"","sources":["../../../../components/navigation/sidebar/sidebar-section.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGhF,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI9D;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,8CAA8C;IAC9C,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,kDAAkD;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,IAAI,CAAC,EAAE,wBAAwB,CAAC;IAChC,uDAAuD;IACvD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oBAAoB;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAID;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA+DxD,CAAC"}

package/dist/components/navigation/sidebar/sidebar-section.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StyleSheet, View } from 'react-native';
+import { Typography } from '../../ui/typography';
+import { useThemeContext } from '../../../theme';
+import { renderIcon } from '../../../icons';
+// 3. COMPONENT
+/**
+ * Groups sidebar items with an optional section header
+ */
+export const SidebarSection = ({ title, icon, children, style, testID, }) => {
+    const { values: theme } = useThemeContext();
+    const tokens = theme.tokens.sidebar;
+    const spacing = theme.spacing;
+    const renderSectionIcon = () => {
+        if (!icon)
+            return null;
+        const iconSize = icon.size || 14;
+        const iconLibrary = icon.library || 'Feather';
+        return (_jsx(View, { style: styles.iconContainer, children: renderIcon(icon, iconLibrary, iconSize, theme.onSurfaceVariant) }));
+    };
+    return (_jsxs(View, { style: [
+            styles.container,
+            style,
+        ], testID: testID, children: [title && (_jsxs(View, { style: [
+                    styles.header,
+                    { paddingHorizontal: spacing.md, gap: spacing.xs },
+                ], children: [renderSectionIcon(), _jsx(Typography, { variant: "labelSmall", weight: "medium", color: theme.onSurfaceVariant, uppercase: true, children: title })] })), _jsx(View, { style: styles.itemsContainer, children: children }), _jsx(View, { style: [
+                    styles.divider,
+                    {
+                        backgroundColor: tokens.divider,
+                    },
+                ] })] }));
+};
+// 4. STYLES
+const styles = StyleSheet.create({
+    container: {
+        width: '100%',
+    },
+    header: {
+        minHeight: 48,
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    iconContainer: {
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    itemsContainer: {
+        width: '100%',
+    },
+    divider: {
+        width: '100%',
+        height: 1,
+    },
+});
+//# sourceMappingURL=sidebar-section.js.map

package/dist/components/navigation/sidebar/sidebar-section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-section.js","sourceRoot":"","sources":["../../../../components/navigation/sidebar/sidebar-section.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAkC,MAAM,cAAc,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAoB,MAAM,gBAAgB,CAAC;AAgC9D,eAAe;AAEf;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,MAAM,GACP,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,eAAe,EAAE,CAAC;IAC5C,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;IACpC,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IAE9B,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,IAAI,CAAC,IAAI;YAAE,OAAO,IAAI,CAAC;QACvB,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;QACjC,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC;QAC9C,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,aAAa,YAC9B,UAAU,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAC3D,CACR,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IACH,KAAK,EAAE;YACL,MAAM,CAAC,SAAS;YAChB,KAAK;SACN,EACD,MAAM,EAAE,MAAM,aAEb,KAAK,IAAI,CACR,MAAC,IAAI,IACH,KAAK,EAAE;oBACL,MAAM,CAAC,MAAM;oBACb,EAAE,iBAAiB,EAAE,OAAO,CAAC,EAAE,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,EAAE;iBACnD,aAEA,iBAAiB,EAAE,EACpB,KAAC,UAAU,IACT,OAAO,EAAC,YAAY,EACpB,MAAM,EAAC,QAAQ,EACf,KAAK,EAAE,KAAK,CAAC,gBAAgB,EAC7B,SAAS,kBAER,KAAK,GACK,IACR,CACR,EAED,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,cAAc,YAC/B,QAAQ,GACJ,EAEP,KAAC,IAAI,IACH,KAAK,EAAE;oBACL,MAAM,CAAC,OAAO;oBACd;wBACE,eAAe,EAAE,MAAM,CAAC,OAAO;qBAChC;iBACF,GACD,IACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY;AACZ,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;KACd;IACD,MAAM,EAAE;QACN,SAAS,EAAE,EAAE;QACb,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;KACrB;IACD,aAAa,EAAE;QACb,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,cAAc,EAAE;QACd,KAAK,EAAE,MAAM;KACd;IACD,OAAO,EAAE;QACP,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,CAAC;KACV;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+export { Sidebar, type SidebarProps } from './sidebar.web';
+//# sourceMappingURL=sidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../../components/navigation/sidebar/sidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/navigation/sidebar/sidebar.js

@@ -0,0 +1,4 @@
+// Default export for TypeScript compilation
+// Metro bundler resolves .web.tsx / .native.tsx at runtime
+export { Sidebar } from './sidebar.web';
+//# sourceMappingURL=sidebar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.js","sourceRoot":"","sources":["../../../../components/navigation/sidebar/sidebar.tsx"],"names":[],"mappings":"AAAA,4CAA4C;AAC5C,2DAA2D;AAC3D,OAAO,EAAE,OAAO,EAAqB,MAAM,eAAe,CAAC"}

package/dist/components/navigation/sidebar/sidebar.native.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+/**
+ * Props for the Sidebar component (Native)
+ */
+export interface SidebarProps {
+    /** Optional header component */
+    header?: React.ReactNode;
+    /** Sidebar content (usually SidebarSection and SidebarItem components) */
+    children: React.ReactNode;
+    /** Optional footer component */
+    footer?: React.ReactNode;
+    /** Custom styles */
+    style?: StyleProp<ViewStyle>;
+    /** Test ID for testing */
+    testID?: string;
+}
+/**
+ * Sidebar component for iOS/Android platforms
+ * Modal-based drawer that slides in from the left
+ */
+export declare const Sidebar: React.FC<SidebarProps>;
+//# sourceMappingURL=sidebar.native.d.ts.map

package/dist/components/navigation/sidebar/sidebar.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.native.d.ts","sourceRoot":"","sources":["../../../../components/navigation/sidebar/sidebar.native.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAML,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAQtB;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,gCAAgC;IAChC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,0EAA0E;IAC1E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gCAAgC;IAChC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,oBAAoB;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAID;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAoF1C,CAAC"}

package/dist/components/navigation/sidebar/sidebar.native.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// 1. IMPORTS
+import React from 'react';
+import { StyleSheet, View, Modal, Pressable, ScrollView, } from 'react-native';
+import Animated, { useAnimatedStyle, withTiming, useSharedValue } from 'react-native-reanimated';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { useThemeContext } from '../../../theme';
+import { useSidebar } from '../../../context/sidebar-context';
+// 3. COMPONENT
+/**
+ * Sidebar component for iOS/Android platforms
+ * Modal-based drawer that slides in from the left
+ */
+export const Sidebar = ({ header, children, footer, style, testID, }) => {
+    const { values: theme } = useThemeContext();
+    const { isOpen, close } = useSidebar();
+    const tokens = theme.tokens.sidebar;
+    const insets = useSafeAreaInsets();
+    const translateX = useSharedValue(isOpen ? 0 : -tokens.width);
+    const backdropOpacity = useSharedValue(isOpen ? 1 : 0);
+    React.useEffect(() => {
+        if (isOpen) {
+            translateX.value = withTiming(0, { duration: 300 });
+            backdropOpacity.value = withTiming(1, { duration: 300 });
+        }
+        else {
+            translateX.value = withTiming(-tokens.width, { duration: 250 });
+            backdropOpacity.value = withTiming(0, { duration: 250 });
+        }
+    }, [isOpen, translateX, backdropOpacity, tokens.width]);
+    const animatedDrawerStyle = useAnimatedStyle(() => ({
+        transform: [{ translateX: translateX.value }],
+    }));
+    const animatedBackdropStyle = useAnimatedStyle(() => ({
+        opacity: backdropOpacity.value * 0.5,
+    }));
+    return (_jsx(Modal, { visible: isOpen, transparent: true, animationType: "none", onRequestClose: close, statusBarTranslucent: true, children: _jsxs(View, { style: styles.modalContainer, children: [_jsx(Animated.View, { style: [
+                        styles.backdrop,
+                        { backgroundColor: theme.scrim },
+                        animatedBackdropStyle,
+                    ], children: _jsx(Pressable, { style: StyleSheet.absoluteFill, onPress: close }) }), _jsxs(Animated.View, { style: [
+                        styles.drawer,
+                        {
+                            width: tokens.width,
+                            backgroundColor: tokens.background,
+                            paddingTop: insets.top,
+                            paddingBottom: insets.bottom,
+                            shadowColor: theme.shadow,
+                            shadowOffset: { width: 2, height: 0 },
+                            shadowOpacity: 0.25,
+                            shadowRadius: 12,
+                            elevation: 16,
+                        },
+                        animatedDrawerStyle,
+                        style,
+                    ], testID: testID, children: [header, _jsx(ScrollView, { style: styles.scrollContent, contentContainerStyle: styles.scrollContentContainer, showsVerticalScrollIndicator: false, children: children }), footer] })] }) }));
+};
+// 4. STYLES
+const styles = StyleSheet.create({
+    modalContainer: {
+        flex: 1,
+        flexDirection: 'row',
+    },
+    backdrop: {
+        ...StyleSheet.absoluteFillObject,
+    },
+    drawer: {
+        position: 'absolute',
+        left: 0,
+        top: 0,
+        bottom: 0,
+    },
+    scrollContent: {
+        flex: 1,
+    },
+    scrollContentContainer: {
+        flexGrow: 1,
+    },
+});
+//# sourceMappingURL=sidebar.native.js.map

package/dist/components/navigation/sidebar/sidebar.native.js.map

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

package/dist/components/navigation/sidebar/sidebar.web.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+/**
+ * Props for the Sidebar component (Web)
+ */
+export interface SidebarProps {
+    /** Optional header component */
+    header?: React.ReactNode;
+    /** Sidebar content (usually SidebarSection and SidebarItem components) */
+    children: React.ReactNode;
+    /** Optional footer component */
+    footer?: React.ReactNode;
+    /** Custom styles */
+    style?: StyleProp<ViewStyle>;
+    /** Test ID for testing */
+    testID?: string;
+    /** Anchor side for the sidebar: 'left' | 'right' (desktop and mobile drawer) */
+    anchor?: 'left' | 'right';
+}
+/**
+ * Sidebar component for web platform
+ * - Desktop (≥1024px): Persistent sidebar on left (always visible, below AppBar)
+ * - Mobile/Tablet (<1024px): Floating trigger icon + overlay Drawer
+ */
+export declare const Sidebar: React.FC<SidebarProps>;
+//# sourceMappingURL=sidebar.web.d.ts.map

package/dist/components/navigation/sidebar/sidebar.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.web.d.ts","sourceRoot":"","sources":["../../../../components/navigation/sidebar/sidebar.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAWtB;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,gCAAgC;IAChC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,0EAA0E;IAC1E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gCAAgC;IAChC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,oBAAoB;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gFAAgF;IAChF,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC3B;AAID;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAmG1C,CAAC"}

package/dist/components/navigation/sidebar/sidebar.web.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// 1. IMPORTS
+import React from 'react';
+import { StyleSheet, View, ScrollView, } from 'react-native';
+import { useThemeContext } from '../../../theme';
+import { useDimensions, breakpoints } from '../../../hooks';
+import { useSidebar } from '../../../context/sidebar-context';
+import { useLayout } from '../../../context/layout-context';
+import { usePathname } from 'expo-router';
+import { Drawer } from '../drawer/drawer';
+import { FAB } from '../../ui/fab';
+// 3. COMPONENT
+/**
+ * Sidebar component for web platform
+ * - Desktop (≥1024px): Persistent sidebar on left (always visible, below AppBar)
+ * - Mobile/Tablet (<1024px): Floating trigger icon + overlay Drawer
+ */
+export const Sidebar = ({ header, children, footer, style, testID, anchor = 'left', }) => {
+    const { values: theme } = useThemeContext();
+    const { width } = useDimensions();
+    const { isOpen, open, close } = useSidebar();
+    const { appBarHeight } = useLayout();
+    const tokens = theme.tokens.sidebar;
+    const spacing = theme.spacing;
+    const pathname = usePathname();
+    // Capture the route scope on first mount so the sidebar only renders
+    // when the current pathname matches (prevents showing on other tabs
+    // when expo-router caches mounted layouts).
+    const routeScopeRef = React.useRef(null);
+    if (routeScopeRef.current === null) {
+        const firstSegment = pathname.split('/').filter(Boolean)[0];
+        routeScopeRef.current = firstSegment ? `/${firstSegment}` : '/';
+    }
+    const isOnSidebarRoute = routeScopeRef.current === '/' ||
+        pathname === routeScopeRef.current ||
+        pathname.startsWith(routeScopeRef.current + '/');
+    const isDesktop = width >= breakpoints.large;
+    const isRight = anchor === 'right';
+    // Don't render anything when on a different route (cached tab)
+    if (!isOnSidebarRoute) {
+        return null;
+    }
+    // Desktop: persistent sidebar below AppBar
+    if (isDesktop) {
+        return (_jsxs(View, { style: [
+                styles.sidebarDesktop,
+                {
+                    width: tokens.width,
+                    backgroundColor: tokens.background,
+                    borderRightWidth: isRight ? 0 : 1,
+                    borderRightColor: isRight ? 'transparent' : tokens.divider,
+                    borderLeftWidth: isRight ? 1 : 0,
+                    borderLeftColor: isRight ? tokens.divider : 'transparent',
+                    top: appBarHeight,
+                    height: `calc(100vh - ${appBarHeight}px)`,
+                    left: isRight ? 'auto' : 0,
+                    right: isRight ? 0 : 'auto',
+                },
+                style,
+            ], testID: testID, children: [header, _jsx(ScrollView, { style: styles.scrollContent, contentContainerStyle: styles.scrollContentContainer, children: children }), footer] }));
+    }
+    // Mobile: self-contained trigger + Drawer
+    return (_jsxs(_Fragment, { children: [!isOpen && (_jsx(FAB, { icon: { library: 'Feather', name: 'sidebar' }, variant: "primary", size: "medium", onPress: open, style: [
+                    styles.mobileTrigger,
+                    {
+                        bottom: spacing.lg,
+                        right: isRight ? 'auto' : spacing.lg,
+                        left: isRight ? spacing.lg : 'auto',
+                    },
+                ] })), _jsx(Drawer, { isOpen: isOpen, onClose: close, side: anchor, header: header, footer: footer, style: style, children: children })] }));
+};
+// 4. STYLES
+const styles = StyleSheet.create({
+    sidebarDesktop: {
+        position: 'fixed',
+        left: 0,
+        zIndex: 100,
+    },
+    mobileTrigger: {
+        position: 'fixed',
+        zIndex: 99,
+    },
+    scrollContent: {
+        flex: 1,
+    },
+    scrollContentContainer: {
+        flexGrow: 1,
+    },
+});
+//# sourceMappingURL=sidebar.web.js.map

package/dist/components/navigation/sidebar/sidebar.web.js.map

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

package/dist/components/navigation/themed-stack.d.ts

@@ -0,0 +1,25 @@
+import { type ComponentProps } from 'react';
+import { Stack } from 'expo-router';
+type StackProps = ComponentProps<typeof Stack>;
+/**
+ * A themed wrapper around Expo Router's Stack that automatically applies
+ * the app's header styling from the design token system.
+ *
+ * Applies headerStyle, headerTintColor, and sensible back button defaults.
+ * Any screenOptions passed as props are merged and will override the defaults.
+ *
+ * @example
+ * ```tsx
+ * // _layout.native.tsx
+ * <ThemedStack>
+ *   <Stack.Screen name="index" options={{ title: 'Home' }} />
+ *   <Stack.Screen name="detail" options={{ title: 'Detail' }} />
+ * </ThemedStack>
+ * ```
+ */
+export declare function ThemedStack({ screenOptions, ...props }: StackProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ThemedStack {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=themed-stack.d.ts.map

package/dist/components/navigation/themed-stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themed-stack.d.ts","sourceRoot":"","sources":["../../../components/navigation/themed-stack.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGpC,KAAK,UAAU,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AAE/C;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,WAAW,CAAC,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAmBlE;yBAnBe,WAAW"}

package/dist/components/navigation/themed-stack.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Stack } from 'expo-router';
+import { useTheme } from '../../theme';
+/**
+ * A themed wrapper around Expo Router's Stack that automatically applies
+ * the app's header styling from the design token system.
+ *
+ * Applies headerStyle, headerTintColor, and sensible back button defaults.
+ * Any screenOptions passed as props are merged and will override the defaults.
+ *
+ * @example
+ * ```tsx
+ * // _layout.native.tsx
+ * <ThemedStack>
+ *   <Stack.Screen name="index" options={{ title: 'Home' }} />
+ *   <Stack.Screen name="detail" options={{ title: 'Detail' }} />
+ * </ThemedStack>
+ * ```
+ */
+export function ThemedStack({ screenOptions, ...props }) {
+    const theme = useTheme();
+    const defaults = {
+        headerStyle: { backgroundColor: theme.tokens.appbar.background },
+        headerTintColor: theme.onSurface,
+        headerBackVisible: true,
+        headerBackButtonDisplayMode: 'minimal',
+    };
+    const mergedScreenOptions = typeof screenOptions === 'function'
+        ? (args) => ({
+            ...defaults,
+            ...screenOptions(args),
+        })
+        : { ...defaults, ...screenOptions };
+    return _jsx(Stack, { screenOptions: mergedScreenOptions, ...props });
+}
+ThemedStack.displayName = 'ThemedStack';
+//# sourceMappingURL=themed-stack.js.map

package/dist/components/navigation/themed-stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themed-stack.js","sourceRoot":"","sources":["../../../components/navigation/themed-stack.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAIvC;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,aAAa,EAAE,GAAG,KAAK,EAAc;IACjE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,MAAM,QAAQ,GAAG;QACf,WAAW,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;QAChE,eAAe,EAAE,KAAK,CAAC,SAAS;QAChC,iBAAiB,EAAE,IAAI;QACvB,2BAA2B,EAAE,SAAkB;KAChD,CAAC;IAEF,MAAM,mBAAmB,GACvB,OAAO,aAAa,KAAK,UAAU;QACjC,CAAC,CAAC,CAAC,IAAmE,EAAE,EAAE,CAAC,CAAC;YACxE,GAAG,QAAQ;YACX,GAAG,aAAa,CAAC,IAAI,CAAC;SACvB,CAAC;QACJ,CAAC,CAAC,EAAE,GAAG,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;IAExC,OAAO,KAAC,KAAK,IAAC,aAAa,EAAE,mBAAmB,KAAM,KAAK,GAAI,CAAC;AAClE,CAAC;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

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

@@ -0,0 +1,2 @@
+export type { BaseComponentProps, InteractiveComponentProps, LoadableComponentProps, ContainerComponentProps, } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/shared/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,kBAAkB,EAClB,yBAAyB,EACzB,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,SAAS,CAAC"}

package/dist/components/shared/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/shared/index.ts"],"names":[],"mappings":""}

package/dist/components/shared/types.d.ts

@@ -0,0 +1,82 @@
+import type { ViewStyle, StyleProp, AccessibilityRole } from 'react-native';
+/**
+ * Base props shared by all components.
+ *
+ * @example
+ * ```tsx
+ * <MyComponent
+ *   testID="my-component"
+ *   style={{ marginTop: 16 }}
+ * />
+ * ```
+ */
+export interface BaseComponentProps {
+    /** Test identifier for e2e testing frameworks */
+    testID?: string;
+    /** Additional styles to apply to the component's root view */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Props for interactive components (buttons, links, pressable tiles).
+ * Extends BaseComponentProps with interaction and accessibility support.
+ *
+ * @example
+ * ```tsx
+ * <InteractiveComponent
+ *   onPress={() => handlePress()}
+ *   disabled={isLoading}
+ *   accessibilityLabel="Submit form"
+ *   accessibilityHint="Submits the registration form"
+ * />
+ * ```
+ */
+export interface InteractiveComponentProps extends BaseComponentProps {
+    /** Whether the component is disabled and non-interactive */
+    disabled?: boolean;
+    /** Callback fired when the component is pressed */
+    onPress?: () => void;
+    /**
+     * Accessibility label read by screen readers.
+     * Should describe what the element is.
+     */
+    accessibilityLabel?: string;
+    /**
+     * Accessibility hint providing additional context.
+     * Should describe what happens when activated.
+     */
+    accessibilityHint?: string;
+    /** Accessibility role for assistive technologies */
+    accessibilityRole?: AccessibilityRole;
+}
+/**
+ * Props for components that support loading states.
+ *
+ * @example
+ * ```tsx
+ * <Button title="Submit" loading={isSubmitting} />
+ * ```
+ */
+export interface LoadableComponentProps {
+    /** Whether to show a loading indicator instead of content */
+    loading?: boolean;
+}
+/**
+ * Props for container components that wrap children.
+ *
+ * @example
+ * ```tsx
+ * <Card
+ *   style={{ margin: 16 }}
+ *   contentStyle={{ padding: 24 }}
+ * >
+ *   <Typography>Card content</Typography>
+ * </Card>
+ * ```
+ */
+export interface ContainerComponentProps extends BaseComponentProps {
+    /** Child elements to render inside the container */
+    children: React.ReactNode;
+    /** Styles applied to the inner content wrapper */
+    contentStyle?: StyleProp<ViewStyle>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/shared/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../components/shared/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAyB,SAAS,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEnG;;;;;;;;;;GAUG;AACH,MAAM,WAAW,kBAAkB;IACjC,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,yBAA0B,SAAQ,kBAAkB;IACnE,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oDAAoD;IACpD,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;CACvC;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,sBAAsB;IACrC,6DAA6D;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,uBAAwB,SAAQ,kBAAkB;IACjE,oDAAoD;IACpD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kDAAkD;IAClD,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACrC"}

package/dist/components/{chat → shared}/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../components/chat/types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../components/shared/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,132 @@
+import React from 'react';
+import { GestureResponderEvent, View } from 'react-native';
+import { type IconLibrary } from '../../icons';
+import type { InteractiveComponentProps, LoadableComponentProps } from '../shared/types';
+/**
+ * Configuration for button icons.
+ *
+ * @example
+ * ```tsx
+ * // Using Feather icons (default)
+ * <Button title="Next" icon={{ name: 'arrow-right' }} />
+ *
+ * // Using MaterialIcons
+ * <Button title="Save" icon={{ library: 'MaterialIcons', name: 'save', size: 20 }} />
+ *
+ * // Custom color
+ * <Button title="Delete" icon={{ name: 'trash-2', color: '#FF0000' }} />
+ * ```
+ */
+export interface IconConfig {
+    /** Icon library to use. @default 'Feather' */
+    library?: IconLibrary;
+    /** Name of the icon from the specified library */
+    name: string;
+    /** Icon size in pixels. @default 18 */
+    size?: number;
+    /** Custom icon color. Defaults to button text color */
+    color?: string;
+}
+/**
+ * Material Design 3 button variants.
+ * - `filled`: High-emphasis, solid background (default)
+ * - `elevated`: Medium-emphasis with shadow/elevation
+ * - `tonal`: Medium-emphasis with secondary container color
+ * - `outlined`: Medium-emphasis with border, no fill
+ * - `text`: Low-emphasis, text only
+ */
+export type ButtonVariant = 'elevated' | 'filled' | 'tonal' | 'outlined' | 'text';
+export declare const ButtonVariants: readonly ["filled", "elevated", "tonal", "outlined", "text"];
+/**
+ * Props for the Button component.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <Button title="Click me" onPress={() => console.log('Pressed!')} />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Different variants
+ * <Button title="Primary Action" variant="filled" />
+ * <Button title="Secondary" variant="tonal" />
+ * <Button title="Cancel" variant="outlined" />
+ * <Button title="Learn more" variant="text" />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With icon
+ * <Button
+ *   title="Continue"
+ *   icon={{ name: 'arrow-right' }}
+ *   iconPosition="right"
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Loading state
+ * <Button title="Submitting..." loading={true} />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Custom colors (use sparingly - prefer variants)
+ * <Button
+ *   title="Custom"
+ *   backgroundColor="#FF6B35"
+ *   color="#FFFFFF"
+ * />
+ * ```
+ */
+export interface ButtonProps extends Omit<InteractiveComponentProps, 'onPress'>, LoadableComponentProps {
+    /** Button label text */
+    title: string;
+    /** Press handler. Receives optional GestureResponderEvent */
+    onPress?: (event?: GestureResponderEvent) => void;
+    /**
+     * Visual style variant following M3 button spec.
+     * @default 'filled'
+     */
+    variant?: ButtonVariant;
+    /** Optional icon configuration */
+    icon?: IconConfig;
+    /**
+     * Position of the icon relative to the title.
+     * @default 'right'
+     */
+    iconPosition?: 'left' | 'right';
+    /**
+     * Override text color. Use sparingly - prefer semantic variants.
+     * Useful for special cases like destructive actions.
+     */
+    color?: string;
+    /**
+     * Override background color. Use sparingly - prefer semantic variants.
+     */
+    backgroundColor?: string;
+    /**
+     * Button size affecting height.
+     * - `small`: 32dp
+     * - `medium`: 40dp (default)
+     * - `large`: 56dp
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium' | 'large';
+}
+/**
+ * Material Design 3 Button component
+ * https://m3.material.io/components/buttons
+ *
+ * Supports five variants:
+ * - filled: High-emphasis actions (default)
+ * - elevated: Medium-emphasis actions with elevation
+ * - tonal: Medium-emphasis with container color
+ * - outlined: Medium-emphasis with border
+ * - text: Low-emphasis actions
+ */
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<View>>;
+export { Button };
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../components/ui/button.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,EAEL,qBAAqB,EAIrB,IAAI,EAIL,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,KAAK,EAAE,yBAAyB,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAIzF;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,UAAU;IACzB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,kDAAkD;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;AAClF,eAAO,MAAM,cAAc,8DAA+D,CAAC;AAE3F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,yBAAyB,EAAE,SAAS,CAAC,EAAE,sBAAsB;IACrG,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,kCAAkC;IAClC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAGD;;;;;;;;;;GAUG;AACH,QAAA,MAAM,MAAM,0EAkQV,CAAC;AAmDH,OAAO,EAAE,MAAM,EAAE,CAAC"}