zero-to-app 3.2.1 → 3.2.2

package/dist/components/navigation/drawer/drawer.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { StyleSheet, View, Pressable, ScrollView } from 'react-native';
+import Animated, { useAnimatedStyle, withTiming, useSharedValue } from 'react-native-reanimated';
+import { useThemeContext } from '../../../theme';
+/**
+ * Reusable animated drawer component.
+ * Slides in from the left or right with a backdrop.
+ */
+export const Drawer = ({ isOpen, onClose, side = 'left', header, children, footer, style, }) => {
+    const { values: theme } = useThemeContext();
+    const tokens = theme.tokens.sidebar;
+    const width = tokens.width;
+    const initialTranslate = side === 'left' ? -width : width;
+    const translateX = useSharedValue(isOpen ? 0 : initialTranslate);
+    const backdropOpacity = useSharedValue(isOpen ? 0.5 : 0);
+    // Ref-based effect event: animation always reads latest values,
+    // but only fires when isOpen changes.
+    const animateRef = React.useRef(() => { });
+    animateRef.current = () => {
+        translateX.value = withTiming(isOpen ? 0 : initialTranslate, { duration: 250 });
+        backdropOpacity.value = withTiming(isOpen ? 0.5 : 0, { duration: 250 });
+    };
+    React.useEffect(() => {
+        animateRef.current();
+    }, [isOpen]);
+    const animatedDrawerStyle = useAnimatedStyle(() => ({
+        transform: [{ translateX: translateX.value }],
+    }));
+    const animatedBackdropStyle = useAnimatedStyle(() => ({
+        opacity: backdropOpacity.value,
+        pointerEvents: backdropOpacity.value > 0 ? 'auto' : 'none',
+    }));
+    if (!isOpen && backdropOpacity.value === 0) {
+        return null;
+    }
+    return (_jsxs(View, { style: styles.overlay, pointerEvents: isOpen ? 'auto' : 'none', children: [_jsx(Animated.View, { style: [styles.backdrop, { backgroundColor: theme.scrim }, animatedBackdropStyle], children: _jsx(Pressable, { style: StyleSheet.absoluteFill, onPress: onClose, accessibilityLabel: "Close drawer", accessibilityRole: "button" }) }), _jsxs(Animated.View, { style: [
+                    styles.drawer,
+                    side === 'left' ? styles.drawerLeft : styles.drawerRight,
+                    {
+                        width,
+                        backgroundColor: tokens.background,
+                        shadowColor: theme.shadow,
+                    },
+                    animatedDrawerStyle,
+                    style,
+                ], children: [header, _jsx(ScrollView, { style: styles.scrollContent, contentContainerStyle: styles.scrollContentContainer, children: children }), footer] })] }));
+};
+const styles = StyleSheet.create({
+    overlay: {
+        position: 'fixed',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        zIndex: 1000,
+    },
+    backdrop: {
+        ...StyleSheet.absoluteFillObject,
+    },
+    drawer: {
+        position: 'absolute',
+        top: 0,
+        bottom: 0,
+        shadowOffset: { width: 2, height: 0 },
+        shadowOpacity: 0.15,
+        shadowRadius: 8,
+    },
+    drawerLeft: {
+        left: 0,
+    },
+    drawerRight: {
+        right: 0,
+    },
+    scrollContent: {
+        flex: 1,
+    },
+    scrollContentContainer: {
+        flexGrow: 1,
+    },
+});
+//# sourceMappingURL=drawer.js.map

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

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

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

@@ -0,0 +1,10 @@
+export { AppTabs } from './app-tabs';
+export type { AppTabsProps, AppTabConfig, AppTabsExternalLink } from './app-tabs';
+export { NativeHeader } from './native-header';
+export type { NativeHeaderProps } from './native-header';
+export { ThemedStack } from './themed-stack';
+export { Drawer } from './drawer/drawer';
+export type { DrawerProps } from './drawer/drawer';
+export { Sidebar, SidebarItem, SidebarSection, SidebarHeader, SidebarFooter, } from './sidebar';
+export type { SidebarProps, SidebarItemProps, SidebarItemIconConfig, SidebarSectionProps, SidebarSectionIconConfig, SidebarHeaderProps, SidebarFooterProps, } from './sidebar';
+//# 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,EAAE,MAAM,YAAY,CAAC;AACrC,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAGlF,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAGzD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,YAAY,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,OAAO,EACL,OAAO,EACP,WAAW,EACX,cAAc,EACd,aAAa,EACb,aAAa,GACd,MAAM,WAAW,CAAC;AACnB,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,qBAAqB,EACrB,mBAAmB,EACnB,wBAAwB,EACxB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,WAAW,CAAC"}

package/dist/components/navigation/index.js

@@ -0,0 +1,11 @@
+// Navigation components
+export { AppTabs } from './app-tabs';
+// NativeHeader — screen-level header buttons for iOS (Stack.Toolbar) and Android (headerLeft/headerRight)
+export { NativeHeader } from './native-header';
+// ThemedStack — Stack wrapper with automatic theme token header styling
+export { ThemedStack } from './themed-stack';
+// Drawer — low-level animated side drawer (used by Sidebar and AppTabs)
+export { Drawer } from './drawer/drawer';
+// Sidebar components
+export { Sidebar, SidebarItem, SidebarSection, SidebarHeader, SidebarFooter, } from './sidebar';
+//# 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,EAAE,MAAM,YAAY,CAAC;AAGrC,0GAA0G;AAC1G,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG/C,wEAAwE;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,wEAAwE;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAGzC,qBAAqB;AACrB,OAAO,EACL,OAAO,EACP,WAAW,EACX,cAAc,EACd,aAAa,EACb,aAAa,GACd,MAAM,WAAW,CAAC"}

package/dist/components/navigation/native-header.d.ts

@@ -0,0 +1,25 @@
+export interface NativeHeaderProps {
+    /** SF Symbol name for the right toolbar button (iOS only) */
+    rightIcon?: string;
+    /** Press handler for the right toolbar button */
+    onRightPress?: () => void;
+    /** SF Symbol name for the left toolbar button (iOS only) */
+    leftIcon?: string;
+    /** Press handler for the left toolbar button */
+    onLeftPress?: () => void;
+    /** Feather icon name for the right header button (Android only) */
+    androidRightIcon?: string;
+    /** Feather icon name for the left header button (Android only) */
+    androidLeftIcon?: string;
+}
+/**
+ * Screen-level native header toolbar for iOS and Android.
+ * iOS: renders SF Symbol buttons via Stack.Toolbar.
+ * Android: renders Feather icon buttons via Stack.Screen headerLeft/headerRight.
+ * Use inside screen components, not layouts.
+ */
+export declare const NativeHeader: {
+    ({ rightIcon, onRightPress, leftIcon, onLeftPress, androidRightIcon, androidLeftIcon, }: NativeHeaderProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+//# sourceMappingURL=native-header.d.ts.map

package/dist/components/navigation/native-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-header.d.ts","sourceRoot":"","sources":["../../../components/navigation/native-header.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,iBAAiB;IAChC,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kEAAkE;IAClE,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;;;GAKG;AACH,eAAO,MAAM,YAAY;6FAOtB,iBAAiB;;CAqDnB,CAAC"}

package/dist/components/navigation/native-header.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Platform, Pressable } from 'react-native';
+import { Stack } from 'expo-router';
+import { useTheme } from '../../theme';
+import { renderIcon } from '../../icons';
+/**
+ * Screen-level native header toolbar for iOS and Android.
+ * iOS: renders SF Symbol buttons via Stack.Toolbar.
+ * Android: renders Feather icon buttons via Stack.Screen headerLeft/headerRight.
+ * Use inside screen components, not layouts.
+ */
+export const NativeHeader = ({ rightIcon, onRightPress, leftIcon, onLeftPress, androidRightIcon, androidLeftIcon, }) => {
+    const theme = useTheme();
+    if (Platform.OS === 'ios') {
+        return (_jsxs(_Fragment, { children: [_jsx(Stack.Screen, { options: { headerShadowVisible: false } }), rightIcon && (_jsx(Stack.Toolbar, { placement: "right", children: _jsx(Stack.Toolbar.Button, { icon: rightIcon, onPress: onRightPress }) })), leftIcon && (_jsx(Stack.Toolbar, { placement: "left", children: _jsx(Stack.Toolbar.Button, { icon: leftIcon, onPress: onLeftPress, tintColor: theme.onSurface }) }))] }));
+    }
+    if (Platform.OS === 'android') {
+        if (!androidRightIcon && !androidLeftIcon)
+            return null;
+        return (_jsx(Stack.Screen, { options: {
+                ...(androidRightIcon && {
+                    headerRight: () => (_jsx(Pressable, { onPress: onRightPress, style: { padding: 8 }, children: renderIcon(androidRightIcon, 'Feather', 24, theme.onSurface) })),
+                }),
+                ...(androidLeftIcon && {
+                    headerLeft: () => (_jsx(Pressable, { onPress: onLeftPress, style: { padding: 8 }, children: renderIcon(androidLeftIcon, 'Feather', 24, theme.onSurface) })),
+                }),
+            } }));
+    }
+    return null;
+};
+NativeHeader.displayName = 'NativeHeader';
+//# sourceMappingURL=native-header.js.map

package/dist/components/navigation/native-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-header.js","sourceRoot":"","sources":["../../../components/navigation/native-header.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAiBzC;;;;;GAKG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,eAAe,GACG,EAAE,EAAE;IACtB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,EAAE,CAAC;QAC1B,OAAO,CACL,8BACE,KAAC,KAAK,CAAC,MAAM,IAAC,OAAO,EAAE,EAAE,mBAAmB,EAAE,KAAK,EAAE,GAAI,EACxD,SAAS,IAAI,CACZ,KAAC,KAAK,CAAC,OAAO,IAAC,SAAS,EAAC,OAAO,YAC9B,KAAC,KAAK,CAAC,OAAO,CAAC,MAAM,IACnB,IAAI,EAAE,SAAgB,EACtB,OAAO,EAAE,YAAY,GACrB,GACY,CACjB,EACA,QAAQ,IAAI,CACX,KAAC,KAAK,CAAC,OAAO,IAAC,SAAS,EAAC,MAAM,YAC7B,KAAC,KAAK,CAAC,OAAO,CAAC,MAAM,IACnB,IAAI,EAAE,QAAe,EACrB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,KAAK,CAAC,SAAS,GAC1B,GACY,CACjB,IACA,CACJ,CAAC;IACJ,CAAC;IAED,IAAI,QAAQ,CAAC,EAAE,KAAK,SAAS,EAAE,CAAC;QAC9B,IAAI,CAAC,gBAAgB,IAAI,CAAC,eAAe;YAAE,OAAO,IAAI,CAAC;QACvD,OAAO,CACL,KAAC,KAAK,CAAC,MAAM,IACX,OAAO,EAAE;gBACP,GAAG,CAAC,gBAAgB,IAAI;oBACtB,WAAW,EAAE,GAAG,EAAE,CAAC,CACjB,KAAC,SAAS,IAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,YACpD,UAAU,CAAC,gBAAgB,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,CAAC,SAAS,CAAC,GACnD,CACb;iBACF,CAAC;gBACF,GAAG,CAAC,eAAe,IAAI;oBACrB,UAAU,EAAE,GAAG,EAAE,CAAC,CAChB,KAAC,SAAS,IAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,YACnD,UAAU,CAAC,eAAe,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,CAAC,SAAS,CAAC,GAClD,CACb;iBACF,CAAC;aACH,GACD,CACH,CAAC;IACJ,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/dist/components/navigation/shared/sidebar-styles.d.ts

@@ -0,0 +1,34 @@
+import type { ThemeValuesType } from '../../../theme';
+type SidebarTokens = ThemeValuesType['tokens']['sidebar'];
+/**
+ * Shared static styles for sidebar/drawer menu items.
+ * Used by SidebarItem and AppTabs DrawerMenuItem for consistency.
+ */
+export declare const sidebarItemStyles: {
+    container: {
+        minHeight: number;
+        justifyContent: "center";
+    };
+    content: {
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    iconContainer: {
+        width: number;
+        height: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    divider: {
+        height: number;
+    };
+};
+/**
+ * Returns background and text colors for a sidebar menu item based on active state.
+ */
+export declare function getSidebarItemColors(tokens: SidebarTokens, active: boolean): {
+    backgroundColor: string;
+    textColor: string;
+};
+export {};
+//# sourceMappingURL=sidebar-styles.d.ts.map

package/dist/components/navigation/shared/sidebar-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-styles.d.ts","sourceRoot":"","sources":["../../../../components/navigation/shared/sidebar-styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,KAAK,aAAa,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAC;AAE1D;;;GAGG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;CAkB5B,CAAC;AAEH;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,OAAO;;;EAK1E"}

package/dist/components/navigation/shared/sidebar-styles.js

@@ -0,0 +1,34 @@
+import { StyleSheet } from 'react-native';
+/**
+ * Shared static styles for sidebar/drawer menu items.
+ * Used by SidebarItem and AppTabs DrawerMenuItem for consistency.
+ */
+export const sidebarItemStyles = StyleSheet.create({
+    container: {
+        minHeight: 48,
+        justifyContent: 'center',
+    },
+    content: {
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    iconContainer: {
+        width: 24,
+        height: 24,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    divider: {
+        height: 1,
+    },
+});
+/**
+ * Returns background and text colors for a sidebar menu item based on active state.
+ */
+export function getSidebarItemColors(tokens, active) {
+    return {
+        backgroundColor: active ? tokens.itemActiveBg : 'transparent',
+        textColor: active ? tokens.itemActiveText : tokens.itemText,
+    };
+}
+//# sourceMappingURL=sidebar-styles.js.map

package/dist/components/navigation/shared/sidebar-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-styles.js","sourceRoot":"","sources":["../../../../components/navigation/shared/sidebar-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK1C;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CAAC,MAAM,CAAC;IACjD,SAAS,EAAE;QACT,SAAS,EAAE,EAAE;QACb,cAAc,EAAE,QAAQ;KACzB;IACD,OAAO,EAAE;QACP,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;KACrB;IACD,aAAa,EAAE;QACb,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,OAAO,EAAE;QACP,MAAM,EAAE,CAAC;KACV;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,MAAqB,EAAE,MAAe;IACzE,OAAO;QACL,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa;QAC7D,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ;KAC5D,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,10 @@
+export { Sidebar, type SidebarProps } from './sidebar';
+export { SidebarItem } from './sidebar-item';
+export type { SidebarItemProps, SidebarItemIconConfig } from './sidebar-item';
+export { SidebarSection } from './sidebar-section';
+export type { SidebarSectionProps, SidebarSectionIconConfig } from './sidebar-section';
+export { SidebarHeader } from './sidebar-header';
+export type { SidebarHeaderProps } from './sidebar-header';
+export { SidebarFooter } from './sidebar-footer';
+export type { SidebarFooterProps } from './sidebar-footer';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/navigation/sidebar/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,YAAY,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC"}

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

@@ -0,0 +1,7 @@
+// Sidebar navigation components
+export { Sidebar } from './sidebar';
+export { SidebarItem } from './sidebar-item';
+export { SidebarSection } from './sidebar-section';
+export { SidebarHeader } from './sidebar-header';
+export { SidebarFooter } from './sidebar-footer';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/navigation/sidebar/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,EAAE,OAAO,EAAqB,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+/**
+ * Props for the SidebarFooter component
+ */
+export interface SidebarFooterProps {
+    /** Footer content */
+    children: React.ReactNode;
+    /** Custom styles */
+    style?: StyleProp<ViewStyle>;
+    /** Test ID for testing */
+    testID?: string;
+}
+/**
+ * Footer component for sidebar with custom content
+ */
+export declare const SidebarFooter: React.FC<SidebarFooterProps>;
+//# sourceMappingURL=sidebar-footer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-footer.d.ts","sourceRoot":"","sources":["../../../../components/navigation/sidebar/sidebar-footer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKhF;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,qBAAqB;IACrB,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,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAwBtD,CAAC"}

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

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StyleSheet, View } from 'react-native';
+import { useThemeContext } from '../../../theme';
+// 3. COMPONENT
+/**
+ * Footer component for sidebar with custom content
+ */
+export const SidebarFooter = ({ children, style, testID, }) => {
+    const { values: theme } = useThemeContext();
+    const spacing = theme.spacing;
+    return (_jsx(View, { style: [
+            styles.container,
+            {
+                padding: spacing.lg,
+                borderTopWidth: 1,
+                borderTopColor: theme.tokens.sidebar.divider,
+            },
+            style,
+        ], testID: testID, children: children }));
+};
+// 4. STYLES
+const styles = StyleSheet.create({
+    container: {
+        width: '100%',
+    },
+});
+//# sourceMappingURL=sidebar-footer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-footer.js","sourceRoot":"","sources":["../../../../components/navigation/sidebar/sidebar-footer.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAkC,MAAM,cAAc,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAgBjD,eAAe;AAEf;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,QAAQ,EACR,KAAK,EACL,MAAM,GACP,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,eAAe,EAAE,CAAC;IAC5C,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IAE9B,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAE;YACL,MAAM,CAAC,SAAS;YAChB;gBACE,OAAO,EAAE,OAAO,CAAC,EAAE;gBACnB,cAAc,EAAE,CAAC;gBACjB,cAAc,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;aAC7C;YACD,KAAK;SACN,EACD,MAAM,EAAE,MAAM,YAEb,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY;AACZ,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import { type StyleProp, type ViewStyle, type ImageSourcePropType } from 'react-native';
+/**
+ * Props for the SidebarHeader component
+ */
+export interface SidebarHeaderProps {
+    /** Header title text */
+    title?: string;
+    /** Optional subtitle text */
+    subtitle?: string;
+    /** Optional logo image source */
+    logo?: ImageSourcePropType;
+    /** Custom styles */
+    style?: StyleProp<ViewStyle>;
+    /** Custom content (overrides title/subtitle/logo) */
+    children?: React.ReactNode;
+    /** Test ID for testing */
+    testID?: string;
+    /** Optional click handler for the header */
+    onPress?: () => void;
+}
+/**
+ * Header component for sidebar with optional logo, title, and subtitle
+ */
+export declare const SidebarHeader: React.FC<SidebarHeaderProps>;
+//# sourceMappingURL=sidebar-header.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-header.d.ts","sourceRoot":"","sources":["../../../../components/navigation/sidebar/sidebar-header.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA+B,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,mBAAmB,EAAS,MAAM,cAAc,CAAC;AAM5H;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iCAAiC;IACjC,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,oBAAoB;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,qDAAqD;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAID;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8EtD,CAAC"}

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

@@ -0,0 +1,38 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { StyleSheet, View, Pressable, Image } from 'react-native';
+import { Typography } from '../../ui/typography';
+import { useThemeContext } from '../../../theme';
+// 3. COMPONENT
+/**
+ * Header component for sidebar with optional logo, title, and subtitle
+ */
+export const SidebarHeader = ({ title, subtitle, logo, style, children, testID, onPress, }) => {
+    const { values: theme } = useThemeContext();
+    const spacing = theme.spacing;
+    const content = children ? (children) : (_jsxs(_Fragment, { children: [logo && (_jsx(Image, { source: logo, style: styles.logo, resizeMode: "contain" })), title && (_jsx(Typography, { variant: "titleMedium", weight: "bold", color: theme.onSurface, numberOfLines: 1, children: title })), subtitle && (_jsx(Typography, { variant: "bodySmall", color: theme.onSurfaceVariant, numberOfLines: 1, children: subtitle }))] }));
+    const containerStyle = [
+        styles.container,
+        {
+            padding: spacing.lg,
+            borderBottomWidth: 1,
+            borderBottomColor: theme.tokens.sidebar.divider,
+        },
+        !children && { gap: spacing.sm },
+        style,
+    ];
+    if (onPress) {
+        return (_jsx(Pressable, { style: containerStyle, testID: testID, onPress: onPress, children: content }));
+    }
+    return (_jsx(View, { style: containerStyle, testID: testID, children: content }));
+};
+// 4. STYLES
+const styles = StyleSheet.create({
+    container: {
+        width: '100%',
+    },
+    logo: {
+        width: 40,
+        height: 40,
+    },
+});
+//# sourceMappingURL=sidebar-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-header.js","sourceRoot":"","sources":["../../../../components/navigation/sidebar/sidebar-header.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAA4D,KAAK,EAAE,MAAM,cAAc,CAAC;AAC5H,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAwBjD,eAAe;AAEf;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,OAAO,GACR,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,eAAe,EAAE,CAAC;IAC5C,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IAE9B,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,CACzB,QAAQ,CACT,CAAC,CAAC,CAAC,CACF,8BACG,IAAI,IAAI,CACP,KAAC,KAAK,IACJ,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,UAAU,EAAC,SAAS,GACpB,CACH,EAEA,KAAK,IAAI,CACR,KAAC,UAAU,IACT,OAAO,EAAC,aAAa,EACrB,MAAM,EAAC,MAAM,EACb,KAAK,EAAE,KAAK,CAAC,SAAS,EACtB,aAAa,EAAE,CAAC,YAEf,KAAK,GACK,CACd,EAEA,QAAQ,IAAI,CACX,KAAC,UAAU,IACT,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,CAAC,gBAAgB,EAC7B,aAAa,EAAE,CAAC,YAEf,QAAQ,GACE,CACd,IACA,CACJ,CAAC;IAEF,MAAM,cAAc,GAAG;QACrB,MAAM,CAAC,SAAS;QAChB;YACE,OAAO,EAAE,OAAO,CAAC,EAAE;YACnB,iBAAiB,EAAE,CAAC;YACpB,iBAAiB,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;SAChD;QACD,CAAC,QAAQ,IAAI,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,EAAE;QAChC,KAAK;KACN,CAAC;IAEF,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EAAE,cAAc,EACrB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,YAEf,OAAO,GACE,CACb,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAE,cAAc,EACrB,MAAM,EAAE,MAAM,YAEb,OAAO,GACH,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,IAAI,EAAE;QACJ,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;KACX;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,36 @@
+import React from 'react';
+import { View, type GestureResponderEvent, type StyleProp, type ViewStyle } from 'react-native';
+import { type IconLibrary } from '../../../icons';
+import type { InteractiveComponentProps } from '../../shared/types';
+/**
+ * Configuration for sidebar item icons
+ */
+export interface SidebarItemIconConfig {
+    /** Icon library to use. @default 'Feather' */
+    library?: IconLibrary;
+    /** Name of the icon from the specified library */
+    name: string;
+    /** Icon size in pixels. @default 20 */
+    size?: number;
+}
+/**
+ * Props for the SidebarItem component
+ */
+export interface SidebarItemProps extends Omit<InteractiveComponentProps, 'onPress'> {
+    /** Item label text */
+    label: string;
+    /** Optional icon configuration */
+    icon?: SidebarItemIconConfig;
+    /** Whether this item is currently active/selected. @default false */
+    active?: boolean;
+    /** Press handler */
+    onPress?: (event?: GestureResponderEvent) => void;
+    /** Custom styles */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Sidebar menu item with icon, label, and active state
+ */
+declare const SidebarItem: React.ForwardRefExoticComponent<SidebarItemProps & React.RefAttributes<View>>;
+export { SidebarItem };
+//# sourceMappingURL=sidebar-item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-item.d.ts","sourceRoot":"","sources":["../../../../components/navigation/sidebar/sidebar-item.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAIL,IAAI,EACJ,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAKtB,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAKpE;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,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,gBAAiB,SAAQ,IAAI,CAAC,yBAAyB,EAAE,SAAS,CAAC;IAClF,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B,qEAAqE;IACrE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oBAAoB;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD,oBAAoB;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAID;;GAEG;AACH,QAAA,MAAM,WAAW,+EAsFf,CAAC;AAYH,OAAO,EAAE,WAAW,EAAE,CAAC"}

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

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// 1. IMPORTS
+import { forwardRef, useState } from 'react';
+import { Platform, Pressable, StyleSheet, View, } from 'react-native';
+import { Typography } from '../../ui/typography';
+import { useTheme } from '../../../theme';
+import { useSidebar } from '../../../context/sidebar-context';
+import { useDimensions, breakpoints } from '../../../hooks';
+import { renderIcon } from '../../../icons';
+import { sidebarItemStyles, getSidebarItemColors } from '../shared/sidebar-styles';
+// 3. COMPONENT
+/**
+ * Sidebar menu item with icon, label, and active state
+ */
+const SidebarItem = forwardRef(({ label, icon, active = false, disabled = false, onPress, style, testID, accessibilityLabel, accessibilityHint, }, ref) => {
+    const theme = useTheme();
+    const { close } = useSidebar();
+    const { width } = useDimensions();
+    const tokens = theme.tokens.sidebar;
+    const spacing = theme.spacing;
+    const [hovered, setHovered] = useState(false);
+    const isMobile = width < breakpoints.large;
+    const handlePress = (event) => {
+        if (onPress) {
+            onPress(event);
+        }
+        if (isMobile) {
+            close();
+        }
+    };
+    const { backgroundColor: baseBg, textColor } = getSidebarItemColors(tokens, active);
+    const backgroundColor = !active && hovered ? tokens.itemHoverBg : baseBg;
+    const iconColor = textColor;
+    const renderItemIcon = () => {
+        if (!icon)
+            return null;
+        const iconSize = icon.size || 20;
+        const iconLibrary = icon.library || 'Feather';
+        return (_jsx(View, { style: sidebarItemStyles.iconContainer, children: renderIcon(icon, iconLibrary, iconSize, iconColor) }));
+    };
+    return (_jsx(Pressable, { ref: ref, testID: testID, onPress: disabled ? undefined : handlePress, disabled: disabled, onHoverIn: () => setHovered(true), onHoverOut: () => setHovered(false), accessibilityRole: "button", accessibilityLabel: accessibilityLabel ?? label, accessibilityHint: accessibilityHint, accessibilityState: { disabled, selected: active }, style: [
+            sidebarItemStyles.container,
+            {
+                backgroundColor,
+                paddingHorizontal: spacing.lg,
+                paddingVertical: spacing.md,
+            },
+            disabled && styles.disabled,
+            style,
+        ], android_ripple: !disabled && Platform.OS === 'android'
+            ? { color: theme.primary + '20', borderless: false }
+            : undefined, children: _jsxs(View, { style: [sidebarItemStyles.content, { gap: spacing.md }], children: [renderItemIcon(), _jsx(Typography, { variant: "labelLarge", weight: "medium", color: textColor, numberOfLines: 1, children: label })] }) }));
+});
+SidebarItem.displayName = 'SidebarItem';
+// 4. STYLES
+const styles = StyleSheet.create({
+    disabled: {
+        opacity: 0.38,
+    },
+});
+// 5. EXPORTS
+export { SidebarItem };
+//# sourceMappingURL=sidebar-item.js.map

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

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

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

@@ -0,0 +1,34 @@
+import React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import { type IconLibrary } from '../../../icons';
+/**
+ * Configuration for sidebar section icons
+ */
+export interface SidebarSectionIconConfig {
+    /** Icon library to use. @default 'Feather' */
+    library?: IconLibrary;
+    /** Name of the icon from the specified library */
+    name: string;
+    /** Icon size in pixels. @default 14 */
+    size?: number;
+}
+/**
+ * Props for the SidebarSection component
+ */
+export interface SidebarSectionProps {
+    /** Optional section header title */
+    title?: string;
+    /** Optional icon configuration for the section header */
+    icon?: SidebarSectionIconConfig;
+    /** Section content (usually SidebarItem components) */
+    children: React.ReactNode;
+    /** Custom styles */
+    style?: StyleProp<ViewStyle>;
+    /** Test ID for testing */
+    testID?: string;
+}
+/**
+ * Groups sidebar items with an optional section header
+ */
+export declare const SidebarSection: React.FC<SidebarSectionProps>;
+//# sourceMappingURL=sidebar-section.d.ts.map

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