zero-to-app 2.0.0 → 3.0.0

package/dist/components/ui/typography.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useMemo } from 'react';
+import { StyleSheet, Text } from 'react-native';
+import { useTheme } from '../../theme';
+/**
+ * Typography component following Material Design 3 type system
+ * https://m3.material.io/styles/typography/type-scale-tokens
+ */
+export const Typography = forwardRef(({ children, variant = 'bodyMedium', weight = 'regular', align = 'left', color, uppercase = false, muted = false, style, numberOfLines, accessibilityRole, ...rest }, ref) => {
+    const theme = useTheme();
+    const textStyle = useMemo(() => {
+        const tokens = theme.tokens.typography;
+        // Resolve font size from variant
+        const fontSize = tokens[variant] ?? tokens.bodyMedium;
+        // Resolve font weight
+        let fontWeight;
+        if (typeof weight === 'number') {
+            fontWeight = weight;
+        }
+        else {
+            switch (weight) {
+                case 'light':
+                    fontWeight = tokens.weightLight;
+                    break;
+                case 'medium':
+                    fontWeight = tokens.weightMedium;
+                    break;
+                case 'bold':
+                    fontWeight = tokens.weightBold;
+                    break;
+                case 'regular':
+                default:
+                    fontWeight = tokens.weightRegular;
+                    break;
+            }
+        }
+        // Resolve color
+        const textColor = muted
+            ? theme.onSurfaceVariant
+            : color ?? theme.onSurface;
+        // Compute line height based on variant
+        let lineHeight;
+        if (variant.startsWith('display') || variant.startsWith('headline')) {
+            lineHeight = fontSize * tokens.lineHeightTight;
+        }
+        else if (variant.startsWith('title')) {
+            lineHeight = fontSize * tokens.lineHeightNormal;
+        }
+        else {
+            lineHeight = fontSize * tokens.lineHeightNormal;
+        }
+        return {
+            fontSize,
+            fontWeight,
+            lineHeight,
+            textAlign: align,
+            color: textColor,
+            ...(style ? StyleSheet.flatten(style) : undefined),
+        };
+    }, [variant, weight, align, color, muted, theme, style]);
+    const content = uppercase && typeof children === 'string'
+        ? children.toUpperCase()
+        : children;
+    const resolvedRole = accessibilityRole ??
+        ((variant.startsWith('display') || variant.startsWith('headline')) ? 'header' : undefined);
+    return (_jsx(Text, { ref: ref, style: textStyle, numberOfLines: numberOfLines, accessibilityRole: resolvedRole, ...rest, children: content }));
+});
+Typography.displayName = 'Typography';
+//# sourceMappingURL=typography.js.map

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

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

package/dist/context/layout-context.d.ts

@@ -0,0 +1,66 @@
+import React from 'react';
+/**
+ * Layout context state for app-level dimensions
+ */
+export interface LayoutContextType {
+    /** Height of the app bar in pixels */
+    appBarHeight: number;
+    /** Set the app bar height */
+    setAppBarHeight: (height: number) => void;
+}
+export interface LayoutProviderProps {
+    children: React.ReactNode;
+    /** Initial app bar height. @default 64 */
+    defaultAppBarHeight?: number;
+}
+/**
+ * Layout state provider component.
+ * Provides app-level layout information like AppBar height.
+ *
+ * Note: This is automatically included in ZeroToApp provider,
+ * so you typically don't need to wrap your app with this directly.
+ *
+ * @example
+ * ```tsx
+ * <LayoutProvider>
+ *   <App />
+ * </LayoutProvider>
+ * ```
+ */
+export declare const LayoutProvider: React.FC<LayoutProviderProps>;
+/**
+ * Hook to access layout information (AppBar height, etc).
+ * Must be used within a LayoutProvider (automatically included in ZeroToApp).
+ *
+ * @returns Layout context with appBarHeight and setter
+ * @throws Error if used outside of LayoutProvider
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const { appBarHeight } = useLayout();
+ *
+ *   return (
+ *     <View style={{ marginTop: appBarHeight }}>
+ *       <Text>Content below app bar</Text>
+ *     </View>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Setting the app bar height (typically done by AppTabs)
+ * function MyAppBar() {
+ *   const { setAppBarHeight } = useLayout();
+ *
+ *   useEffect(() => {
+ *     setAppBarHeight(72); // Custom height
+ *   }, []);
+ *
+ *   return <AppBar />;
+ * }
+ * ```
+ */
+export declare const useLayout: () => LayoutContextType;
+//# sourceMappingURL=layout-context.d.ts.map

package/dist/context/layout-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-context.d.ts","sourceRoot":"","sources":["../../context/layout-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAEhF;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,sCAAsC;IACtC,YAAY,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAQD,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0CAA0C;IAC1C,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAoBxD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,SAAS,QAAO,iBAoB5B,CAAC"}

package/dist/context/layout-context.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useState, useContext, useCallback } from 'react';
+// Sentinel value to detect missing provider
+const MISSING_PROVIDER = Symbol('MISSING_PROVIDER');
+// Create context with sentinel
+const LayoutContext = createContext(MISSING_PROVIDER);
+/**
+ * Layout state provider component.
+ * Provides app-level layout information like AppBar height.
+ *
+ * Note: This is automatically included in ZeroToApp provider,
+ * so you typically don't need to wrap your app with this directly.
+ *
+ * @example
+ * ```tsx
+ * <LayoutProvider>
+ *   <App />
+ * </LayoutProvider>
+ * ```
+ */
+export const LayoutProvider = ({ children, defaultAppBarHeight = 64, }) => {
+    const [appBarHeight, setAppBarHeightState] = useState(defaultAppBarHeight);
+    const setAppBarHeight = useCallback((height) => {
+        setAppBarHeightState(height);
+    }, []);
+    const value = {
+        appBarHeight,
+        setAppBarHeight,
+    };
+    return (_jsx(LayoutContext.Provider, { value: value, children: children }));
+};
+/**
+ * Hook to access layout information (AppBar height, etc).
+ * Must be used within a LayoutProvider (automatically included in ZeroToApp).
+ *
+ * @returns Layout context with appBarHeight and setter
+ * @throws Error if used outside of LayoutProvider
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const { appBarHeight } = useLayout();
+ *
+ *   return (
+ *     <View style={{ marginTop: appBarHeight }}>
+ *       <Text>Content below app bar</Text>
+ *     </View>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Setting the app bar height (typically done by AppTabs)
+ * function MyAppBar() {
+ *   const { setAppBarHeight } = useLayout();
+ *
+ *   useEffect(() => {
+ *     setAppBarHeight(72); // Custom height
+ *   }, []);
+ *
+ *   return <AppBar />;
+ * }
+ * ```
+ */
+export const useLayout = () => {
+    const context = useContext(LayoutContext);
+    if (context === MISSING_PROVIDER) {
+        throw new Error('useLayout must be used within a LayoutProvider.\n\n' +
+            'LayoutProvider is automatically included in ZeroToApp:\n\n' +
+            '  import { ZeroToApp, createBrand } from "zero-to-app";\n\n' +
+            '  const brand = createBrand({ ... });\n\n' +
+            '  function App() {\n' +
+            '    return (\n' +
+            '      <ZeroToApp brand={brand}>\n' +
+            '        <YourComponent />\n' +
+            '      </ZeroToApp>\n' +
+            '    );\n' +
+            '  }');
+    }
+    return context;
+};
+//# sourceMappingURL=layout-context.js.map

package/dist/context/layout-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-context.js","sourceRoot":"","sources":["../../context/layout-context.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAYhF,4CAA4C;AAC5C,MAAM,gBAAgB,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;AAEpD,+BAA+B;AAC/B,MAAM,aAAa,GAAG,aAAa,CAA8C,gBAAgB,CAAC,CAAC;AAQnG;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,QAAQ,EACR,mBAAmB,GAAG,EAAE,GACzB,EAAE,EAAE;IACH,MAAM,CAAC,YAAY,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC;IAE3E,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,MAAc,EAAE,EAAE;QACrD,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAsB;QAC/B,YAAY;QACZ,eAAe;KAChB,CAAC;IAEF,OAAO,CACL,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACjC,QAAQ,GACc,CAC1B,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,GAAsB,EAAE;IAC/C,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAE1C,IAAI,OAAO,KAAK,gBAAgB,EAAE,CAAC;QACjC,MAAM,IAAI,KAAK,CACb,qDAAqD;YACnD,4DAA4D;YAC5D,6DAA6D;YAC7D,2CAA2C;YAC3C,sBAAsB;YACtB,gBAAgB;YAChB,mCAAmC;YACnC,6BAA6B;YAC7B,sBAAsB;YACtB,UAAU;YACV,KAAK,CACR,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}

package/dist/context/{scrollContext.d.ts → scroll-context.d.ts}

@@ -5,4 +5,4 @@ export declare function ScrollProvider({ children }: {
     children: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function useScrollContext(): SharedValue<number>;
-//# sourceMappingURL=scrollContext.d.ts.map
+//# sourceMappingURL=scroll-context.d.ts.map

package/dist/context/scroll-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-context.d.ts","sourceRoot":"","sources":["../../context/scroll-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,KAAK,WAAW,EAAkB,MAAM,yBAAyB,CAAC;AAE3E,eAAO,MAAM,aAAa,2CAAkD,CAAC;AAE7E,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAQzE;AAED,wBAAgB,gBAAgB,wBAM/B"}

package/dist/context/{scrollContext.js → scroll-context.js}

@@ -13,4 +13,4 @@ export function useScrollContext() {
     }
     return context;
 }
-//# sourceMappingURL=scrollContext.js.map
+//# sourceMappingURL=scroll-context.js.map

package/dist/context/scroll-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-context.js","sourceRoot":"","sources":["../../context/scroll-context.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAoB,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAE3E,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAA6B,IAAI,CAAC,CAAC;AAE7E,MAAM,UAAU,cAAc,CAAC,EAAE,QAAQ,EAAiC;IACxE,MAAM,OAAO,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;IAElC,OAAO,CACL,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YACnC,QAAQ,GACc,CAC1B,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB;IAC9B,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAC1C,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;QACrB,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;IAC3E,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/dist/context/sidebar-context.d.ts

@@ -0,0 +1,74 @@
+import React from 'react';
+/**
+ * Sidebar context state
+ */
+export interface SidebarContextType {
+    /** Whether the sidebar/drawer is currently open */
+    isOpen: boolean;
+    /** Open the sidebar/drawer */
+    open: () => void;
+    /** Close the sidebar/drawer */
+    close: () => void;
+    /** Toggle sidebar/drawer open/closed */
+    toggle: () => void;
+}
+export interface SidebarProviderProps {
+    children: React.ReactNode;
+    /** Initial open state. @default false */
+    defaultOpen?: boolean;
+}
+/**
+ * Sidebar state provider component.
+ * Wrap your app with this to enable useSidebar() hook.
+ *
+ * Note: This is automatically included in ZeroToApp provider,
+ * so you typically don't need to wrap your app with this directly.
+ *
+ * @example
+ * ```tsx
+ * <SidebarProvider>
+ *   <App />
+ * </SidebarProvider>
+ * ```
+ */
+export declare const SidebarProvider: React.FC<SidebarProviderProps>;
+/**
+ * Hook to access sidebar state and controls.
+ * Must be used within a SidebarProvider (automatically included in ZeroToApp).
+ *
+ * @returns Sidebar context with isOpen state and control functions
+ * @throws Error if used outside of SidebarProvider
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const { isOpen, open, close, toggle } = useSidebar();
+ *
+ *   return (
+ *     <View>
+ *       <Button title="Toggle Menu" onPress={toggle} />
+ *       <Button title="Open Menu" onPress={open} />
+ *       {isOpen && <Text>Sidebar is open!</Text>}
+ *     </View>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Close sidebar when navigating
+ * function SidebarMenuItem({ href }: { href: string }) {
+ *   const { close } = useSidebar();
+ *   const router = useRouter();
+ *
+ *   const handlePress = () => {
+ *     router.push(href);
+ *     close();
+ *   };
+ *
+ *   return <Button onPress={handlePress} />;
+ * }
+ * ```
+ */
+export declare const useSidebar: () => SidebarContextType;
+//# sourceMappingURL=sidebar-context.d.ts.map

package/dist/context/sidebar-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-context.d.ts","sourceRoot":"","sources":["../../context/sidebar-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAEhF;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,mDAAmD;IACnD,MAAM,EAAE,OAAO,CAAC;IAChB,8BAA8B;IAC9B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,+BAA+B;IAC/B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,wCAAwC;IACxC,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAQD,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yCAAyC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA8B1D,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,UAAU,QAAO,kBAoB7B,CAAC"}

package/dist/context/sidebar-context.js

@@ -0,0 +1,95 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useState, useContext, useCallback } from 'react';
+// Sentinel value to detect missing provider
+const MISSING_PROVIDER = Symbol('MISSING_PROVIDER');
+// Create context with sentinel
+const SidebarContext = createContext(MISSING_PROVIDER);
+/**
+ * Sidebar state provider component.
+ * Wrap your app with this to enable useSidebar() hook.
+ *
+ * Note: This is automatically included in ZeroToApp provider,
+ * so you typically don't need to wrap your app with this directly.
+ *
+ * @example
+ * ```tsx
+ * <SidebarProvider>
+ *   <App />
+ * </SidebarProvider>
+ * ```
+ */
+export const SidebarProvider = ({ children, defaultOpen = false }) => {
+    const [isOpen, setIsOpen] = useState(defaultOpen);
+    const open = useCallback(() => {
+        setIsOpen(true);
+    }, []);
+    const close = useCallback(() => {
+        setIsOpen(false);
+    }, []);
+    const toggle = useCallback(() => {
+        setIsOpen(prev => !prev);
+    }, []);
+    const value = {
+        isOpen,
+        open,
+        close,
+        toggle,
+    };
+    return (_jsx(SidebarContext.Provider, { value: value, children: children }));
+};
+/**
+ * Hook to access sidebar state and controls.
+ * Must be used within a SidebarProvider (automatically included in ZeroToApp).
+ *
+ * @returns Sidebar context with isOpen state and control functions
+ * @throws Error if used outside of SidebarProvider
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const { isOpen, open, close, toggle } = useSidebar();
+ *
+ *   return (
+ *     <View>
+ *       <Button title="Toggle Menu" onPress={toggle} />
+ *       <Button title="Open Menu" onPress={open} />
+ *       {isOpen && <Text>Sidebar is open!</Text>}
+ *     </View>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Close sidebar when navigating
+ * function SidebarMenuItem({ href }: { href: string }) {
+ *   const { close } = useSidebar();
+ *   const router = useRouter();
+ *
+ *   const handlePress = () => {
+ *     router.push(href);
+ *     close();
+ *   };
+ *
+ *   return <Button onPress={handlePress} />;
+ * }
+ * ```
+ */
+export const useSidebar = () => {
+    const context = useContext(SidebarContext);
+    if (context === MISSING_PROVIDER) {
+        throw new Error('useSidebar must be used within a SidebarProvider.\n\n' +
+            'SidebarProvider is automatically included in ZeroToApp:\n\n' +
+            '  import { ZeroToApp, createBrand } from "zero-to-app";\n\n' +
+            '  const brand = createBrand({ ... });\n\n' +
+            '  function App() {\n' +
+            '    return (\n' +
+            '      <ZeroToApp brand={brand}>\n' +
+            '        <YourComponent />\n' +
+            '      </ZeroToApp>\n' +
+            '    );\n' +
+            '  }');
+    }
+    return context;
+};
+//# sourceMappingURL=sidebar-context.js.map

package/dist/context/sidebar-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-context.js","sourceRoot":"","sources":["../../context/sidebar-context.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAgBhF,4CAA4C;AAC5C,MAAM,gBAAgB,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;AAEpD,+BAA+B;AAC/B,MAAM,cAAc,GAAG,aAAa,CAA+C,gBAAgB,CAAC,CAAC;AAQrG;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,QAAQ,EACR,WAAW,GAAG,KAAK,EACpB,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAElD,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5B,SAAS,CAAC,IAAI,CAAC,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAuB;QAChC,MAAM;QACN,IAAI;QACJ,KAAK;QACL,MAAM;KACP,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAClC,QAAQ,GACe,CAC3B,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,GAAuB,EAAE;IACjD,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAE3C,IAAI,OAAO,KAAK,gBAAgB,EAAE,CAAC;QACjC,MAAM,IAAI,KAAK,CACb,uDAAuD;YACrD,6DAA6D;YAC7D,6DAA6D;YAC7D,2CAA2C;YAC3C,sBAAsB;YACtB,gBAAgB;YAChB,mCAAmC;YACnC,6BAA6B;YAC7B,sBAAsB;YACtB,UAAU;YACV,KAAK,CACR,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}

package/dist/hooks/index.d.ts

@@ -1,4 +1,4 @@
-export * from './useDimensions';
-export * from './useWindowWidth';
-export * from './useWindowHeight';
+export * from './use-dimensions';
+export * from './use-breakpoint';
+export * from './use-route-navigation';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../hooks/index.ts"],"names":[],"mappings":"AACA,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../hooks/index.ts"],"names":[],"mappings":"AACA,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC"}

package/dist/hooks/index.js

@@ -1,5 +1,5 @@
 // Barrel export for zero-to-app hooks
-export * from './useDimensions';
-export * from './useWindowWidth';
-export * from './useWindowHeight';
+export * from './use-dimensions';
+export * from './use-breakpoint';
+export * from './use-route-navigation';
 //# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../hooks/index.ts"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../hooks/index.ts"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC"}

package/dist/hooks/use-breakpoint.d.ts

@@ -0,0 +1,8 @@
+import { breakpoints } from './use-dimensions';
+import type { Breakpoint } from './use-dimensions';
+/**
+ * Helper hook to check if current width meets a named breakpoint
+ */
+export declare function useBreakpoint(name: Breakpoint): boolean;
+export { breakpoints };
+//# sourceMappingURL=use-breakpoint.d.ts.map

package/dist/hooks/use-breakpoint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-breakpoint.d.ts","sourceRoot":"","sources":["../../hooks/use-breakpoint.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD;;GAEG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,UAAU,GAAG,OAAO,CAGvD;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/hooks/use-breakpoint.js

@@ -0,0 +1,10 @@
+import { useDimensions, breakpoints } from './use-dimensions';
+/**
+ * Helper hook to check if current width meets a named breakpoint
+ */
+export function useBreakpoint(name) {
+    const { width } = useDimensions();
+    return width >= breakpoints[name];
+}
+export { breakpoints };
+//# sourceMappingURL=use-breakpoint.js.map

package/dist/hooks/use-breakpoint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-breakpoint.js","sourceRoot":"","sources":["../../hooks/use-breakpoint.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAG9D;;GAEG;AACH,MAAM,UAAU,aAAa,CAAC,IAAgB;IAC5C,MAAM,EAAE,KAAK,EAAE,GAAG,aAAa,EAAE,CAAC;IAClC,OAAO,KAAK,IAAI,WAAW,CAAC,IAAI,CAAC,CAAC;AACpC,CAAC;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/hooks/{useDimensions.d.ts → use-dimensions.d.ts}

@@ -28,4 +28,4 @@ export interface DimensionsInfo {
  * if (Platform.OS === 'web' && dimensions.breakpoint === 'small') { ... }
  */
 export declare const useDimensions: () => DimensionsInfo;
-//# sourceMappingURL=useDimensions.d.ts.map
+//# sourceMappingURL=use-dimensions.d.ts.map

package/dist/hooks/use-dimensions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dimensions.d.ts","sourceRoot":"","sources":["../../hooks/use-dimensions.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;CAKvB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEjE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,UAAU,CAAC;CACxB;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,aAAa,QAAO,cAkBhC,CAAC"}

package/dist/hooks/{useDimensions.js → use-dimensions.js}

@@ -41,4 +41,4 @@ export const useDimensions = () => {
         breakpoint,
     };
 };
-//# sourceMappingURL=useDimensions.js.map
+//# sourceMappingURL=use-dimensions.js.map

package/dist/hooks/use-dimensions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dimensions.js","sourceRoot":"","sources":["../../hooks/use-dimensions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;CACb,CAAC;AAUF;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,GAAmB,EAAE;IAChD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAEhD,sCAAsC;IACtC,IAAI,UAAU,GAAe,OAAO,CAAC;IACrC,IAAI,KAAK,IAAI,WAAW,CAAC,MAAM,EAAE,CAAC;QAChC,UAAU,GAAG,QAAQ,CAAC;IACxB,CAAC;SAAM,IAAI,KAAK,IAAI,WAAW,CAAC,KAAK,EAAE,CAAC;QACtC,UAAU,GAAG,OAAO,CAAC;IACvB,CAAC;SAAM,IAAI,KAAK,IAAI,WAAW,CAAC,MAAM,EAAE,CAAC;QACvC,UAAU,GAAG,QAAQ,CAAC;IACxB,CAAC;IAED,OAAO;QACL,KAAK;QACL,MAAM;QACN,UAAU;KACX,CAAC;AACJ,CAAC,CAAC"}

package/dist/hooks/use-route-navigation.d.ts

@@ -0,0 +1,19 @@
+export interface IsActiveOptions {
+    /** Require exact path match instead of startsWith. @default false */
+    exact?: boolean;
+}
+export interface RouteNavigation {
+    pathname: string;
+    isActive: (route: string, options?: IsActiveOptions) => boolean;
+    navigateTo: (route: string) => void;
+}
+/**
+ * Provides route-aware navigation helpers for sidebar and nav components.
+ * Wraps expo-router's usePathname + useRouter into reusable utilities.
+ *
+ * @example
+ * const { isActive, navigateTo } = useRouteNavigation();
+ * <SidebarItem active={isActive('/explore', { exact: true })} onPress={() => navigateTo('/explore')} />
+ */
+export declare function useRouteNavigation(): RouteNavigation;
+//# sourceMappingURL=use-route-navigation.d.ts.map

package/dist/hooks/use-route-navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-route-navigation.d.ts","sourceRoot":"","sources":["../../hooks/use-route-navigation.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,eAAe;IAC9B,qEAAqE;IACrE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,KAAK,OAAO,CAAC;IAChE,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,IAAI,eAAe,CAiBpD"}

package/dist/hooks/use-route-navigation.js

@@ -0,0 +1,25 @@
+import { usePathname, useRouter } from 'expo-router';
+/**
+ * Provides route-aware navigation helpers for sidebar and nav components.
+ * Wraps expo-router's usePathname + useRouter into reusable utilities.
+ *
+ * @example
+ * const { isActive, navigateTo } = useRouteNavigation();
+ * <SidebarItem active={isActive('/explore', { exact: true })} onPress={() => navigateTo('/explore')} />
+ */
+export function useRouteNavigation() {
+    const pathname = usePathname();
+    const router = useRouter();
+    const isActive = (route, options) => {
+        const currentPath = typeof pathname === 'string' ? pathname : '';
+        if (options?.exact) {
+            return currentPath === route;
+        }
+        return currentPath === route || currentPath.startsWith(route + '/');
+    };
+    const navigateTo = (route) => {
+        router.push(route);
+    };
+    return { pathname, isActive, navigateTo };
+}
+//# sourceMappingURL=use-route-navigation.js.map

package/dist/hooks/use-route-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-route-navigation.js","sourceRoot":"","sources":["../../hooks/use-route-navigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAarD;;;;;;;GAOG;AACH,MAAM,UAAU,kBAAkB;IAChC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,OAAyB,EAAW,EAAE;QACrE,MAAM,WAAW,GAAG,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;QACjE,IAAI,OAAO,EAAE,KAAK,EAAE,CAAC;YACnB,OAAO,WAAW,KAAK,KAAK,CAAC;QAC/B,CAAC;QACD,OAAO,WAAW,KAAK,KAAK,IAAI,WAAW,CAAC,UAAU,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC;IACtE,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,KAAa,EAAQ,EAAE;QACzC,MAAM,CAAC,IAAI,CAAC,KAAY,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC;AAC5C,CAAC"}

package/dist/{components/navigation/iconUtils.d.ts → icons/icon-utils.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
 import * as Icons from '@expo/vector-icons';
-import { PlatformIcon, IconLibrary } from '../../brand/brandTypes';
+import { PlatformIcon, IconLibrary } from '../brand/brand-types';
 type IconLibraryType = keyof typeof Icons;
 /**
  * Normalizes icon configuration to PlatformIcon format
@@ -21,4 +21,4 @@ export declare function renderIcon(icon: PlatformIcon | string | undefined, defa
  */
 export declare function getFeatherIconName(icon: PlatformIcon | string | undefined, defaultLibrary?: IconLibrary): string;
 export {};
-//# sourceMappingURL=iconUtils.d.ts.map
+//# sourceMappingURL=icon-utils.d.ts.map

package/dist/icons/icon-utils.d.ts.map

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

package/dist/{components/navigation/iconUtils.js → icons/icon-utils.js}

@@ -21,14 +21,16 @@ export function normalizeIcon(icon, defaultLibrary = 'Feather') {
  * Renders an icon component based on library and name
  * Returns null if icon config is invalid
  */
-export function renderIcon(icon, defaultLibrary = 'Feather', size = 20, color = '#000000') {
+export function renderIcon(icon, defaultLibrary = 'Feather', size = 20, color) {
     const normalized = normalizeIcon(icon, defaultLibrary);
     if (!normalized)
         return null;
     const { library, name } = normalized;
     const IconComponent = Icons[library];
     if (!IconComponent) {
-        console.warn(`Icon library "${library}" not found. Falling back to Feather.`);
+        if (typeof __DEV__ !== 'undefined' && __DEV__) {
+            console.warn(`Icon library "${library}" not found. Falling back to Feather.`);
+        }
         const FeatherIcon = Icons.Feather;
         return React.createElement(FeatherIcon, { name, size, color });
     }
@@ -45,9 +47,11 @@ export function getFeatherIconName(icon, defaultLibrary = 'Feather') {
     // If library is not Feather, we can't use it as Feather icon name
     // Return a fallback
     if (normalized.library !== 'Feather') {
-        console.warn(`Icon library "${normalized.library}" cannot be used as Feather icon. Using fallback.`);
+        if (typeof __DEV__ !== 'undefined' && __DEV__) {
+            console.warn(`Icon library "${normalized.library}" cannot be used as Feather icon. Using fallback.`);
+        }
         return 'circle';
     }
     return normalized.name;
 }
-//# sourceMappingURL=iconUtils.js.map
+//# sourceMappingURL=icon-utils.js.map

package/dist/icons/icon-utils.js.map

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

package/dist/icons/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Icon utilities for zero-to-app
+ *
+ * Provides cross-platform icon rendering utilities that work with:
+ * - SF Symbols on iOS
+ * - Material Design icons on Android
+ * - Any @expo/vector-icons library on web
+ *
+ * @module icons
+ */
+export { normalizeIcon, renderIcon, getFeatherIconName } from './icon-utils';
+export type { PlatformIcon, IconLibrary } from '../brand/brand-types';
+//# sourceMappingURL=index.d.ts.map