zero-to-app 2.0.0

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

@@ -0,0 +1,14 @@
+import Feather from '@expo/vector-icons/Feather';
+type ToggleIconButtonProps = {
+    iconName: keyof typeof Feather.glyphMap;
+    alternateIconName: keyof typeof Feather.glyphMap;
+    onPress?: () => void;
+    raised?: boolean;
+};
+/**
+ * Renders a rounded icon button with an icon from Expo Vector Icons.
+ * Alternates between the primary icon and an alternate icon when clicked.
+ */
+declare const ToggleIconButton: ({ iconName, alternateIconName, onPress }: ToggleIconButtonProps) => import("react/jsx-runtime").JSX.Element;
+export { ToggleIconButton };
+//# sourceMappingURL=ToggleIconButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleIconButton.d.ts","sourceRoot":"","sources":["../../../components/ui/ToggleIconButton.tsx"],"names":[],"mappings":"AACA,OAAO,OAAO,MAAM,4BAA4B,CAAC;AAGjD,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,MAAM,OAAO,OAAO,CAAC,QAAQ,CAAC;IACxC,iBAAiB,EAAE,MAAM,OAAO,OAAO,CAAC,QAAQ,CAAC;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF;;;GAGG;AAEH,QAAA,MAAM,gBAAgB,GAAI,0CAA0C,qBAAqB,4CAgBxF,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/ui/ToggleIconButton.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { IconButton } from './IconButton';
+/**
+ * Renders a rounded icon button with an icon from Expo Vector Icons.
+ * Alternates between the primary icon and an alternate icon when clicked.
+ */
+const ToggleIconButton = ({ iconName, alternateIconName, onPress }) => {
+    const [isToggled, setIsToggled] = useState(false);
+    const handlePress = () => {
+        if (onPress) {
+            onPress();
+        }
+        setIsToggled(!isToggled);
+    };
+    return (_jsx(IconButton, { iconName: isToggled ? alternateIconName : iconName, onPress: handlePress }));
+};
+export { ToggleIconButton };
+//# sourceMappingURL=ToggleIconButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleIconButton.js","sourceRoot":"","sources":["../../../components/ui/ToggleIconButton.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAS1C;;;GAGG;AAEH,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAE,iBAAiB,EAAE,OAAO,EAAyB,EAAE,EAAE;IAC3F,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,EAAE,CAAC;QACZ,CAAC;QACD,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,UAAU,IACT,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,QAAQ,EAClD,OAAO,EAAE,WAAW,GACpB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

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

@@ -0,0 +1,13 @@
+export { Button } from './Button';
+export { IconButton } from './IconButton';
+export { ToggleIconButton } from './ToggleIconButton';
+export { BlurButton } from './BlurButton';
+export { ArrowButton } from './ArrowButton';
+export { StyledText } from './StyledText';
+export { TextLink } from './TextLink';
+export { StyledTextInput } from './StyledTextInput';
+export { LoadingIndicator } from './LoadingIndicator';
+export { NotificationBadge } from './NotificationBadge';
+export { ErrorBoundary } from './ErrorBoundary';
+export { SkeletonCard } from './SkeletonCard';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/ui/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/ui/index.js

@@ -0,0 +1,14 @@
+// UI components
+export { Button } from './Button';
+export { IconButton } from './IconButton';
+export { ToggleIconButton } from './ToggleIconButton';
+export { BlurButton } from './BlurButton';
+export { ArrowButton } from './ArrowButton';
+export { StyledText } from './StyledText';
+export { TextLink } from './TextLink';
+export { StyledTextInput } from './StyledTextInput';
+export { LoadingIndicator } from './LoadingIndicator';
+export { NotificationBadge } from './NotificationBadge';
+export { ErrorBoundary } from './ErrorBoundary';
+export { SkeletonCard } from './SkeletonCard';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/ui/index.ts"],"names":[],"mappings":"AAAA,gBAAgB;AAChB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/context/scrollContext.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { type SharedValue } from 'react-native-reanimated';
+export declare const ScrollContext: React.Context<SharedValue<number> | null>;
+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

package/dist/context/scrollContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollContext.d.ts","sourceRoot":"","sources":["../../context/scrollContext.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

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext, createContext } from 'react';
+import { useSharedValue } from 'react-native-reanimated';
+export const ScrollContext = createContext(null);
+export function ScrollProvider({ children }) {
+    const scrollY = useSharedValue(0);
+    return (_jsx(ScrollContext.Provider, { value: scrollY, children: children }));
+}
+export function useScrollContext() {
+    const context = useContext(ScrollContext);
+    if (context === null) {
+        throw new Error('useScrollContext must be used within a ScrollProvider');
+    }
+    return context;
+}
+//# sourceMappingURL=scrollContext.js.map

package/dist/context/scrollContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollContext.js","sourceRoot":"","sources":["../../context/scrollContext.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/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export * from './useDimensions';
+export * from './useWindowWidth';
+export * from './useWindowHeight';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/dist/hooks/index.js

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

package/dist/hooks/index.js.map

@@ -0,0 +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"}

package/dist/hooks/useDimensions.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Breakpoints for responsive design (sizing only)
+ */
+export declare const breakpoints: {
+    small: number;
+    medium: number;
+    large: number;
+    xlarge: number;
+};
+export type Breakpoint = 'small' | 'medium' | 'large' | 'xlarge';
+export interface DimensionsInfo {
+    width: number;
+    height: number;
+    breakpoint: Breakpoint;
+}
+/**
+ * Unified hook that provides window dimensions and breakpoint information
+ * Focuses on sizing decisions only - no duplicate semantic abstractions
+ * Platform checks should use React Native Platform.OS directly
+ *
+ * @example
+ * const dimensions = useDimensions();
+ * if (dimensions.width > breakpoints.medium) { ... }
+ * if (dimensions.breakpoint !== 'small') { ... }
+ *
+ * // For platform-specific logic:
+ * import { Platform } from 'react-native';
+ * if (Platform.OS === 'web' && dimensions.breakpoint === 'small') { ... }
+ */
+export declare const useDimensions: () => DimensionsInfo;
+//# sourceMappingURL=useDimensions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDimensions.d.ts","sourceRoot":"","sources":["../../hooks/useDimensions.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

@@ -0,0 +1,44 @@
+import { useWindowDimensions } from 'react-native';
+/**
+ * Breakpoints for responsive design (sizing only)
+ */
+export const breakpoints = {
+    small: 480,
+    medium: 768,
+    large: 1024,
+    xlarge: 1280,
+};
+/**
+ * Unified hook that provides window dimensions and breakpoint information
+ * Focuses on sizing decisions only - no duplicate semantic abstractions
+ * Platform checks should use React Native Platform.OS directly
+ *
+ * @example
+ * const dimensions = useDimensions();
+ * if (dimensions.width > breakpoints.medium) { ... }
+ * if (dimensions.breakpoint !== 'small') { ... }
+ *
+ * // For platform-specific logic:
+ * import { Platform } from 'react-native';
+ * if (Platform.OS === 'web' && dimensions.breakpoint === 'small') { ... }
+ */
+export const useDimensions = () => {
+    const { width, height } = useWindowDimensions();
+    // Determine breakpoint based on width
+    let breakpoint = 'small';
+    if (width >= breakpoints.xlarge) {
+        breakpoint = 'xlarge';
+    }
+    else if (width >= breakpoints.large) {
+        breakpoint = 'large';
+    }
+    else if (width >= breakpoints.medium) {
+        breakpoint = 'medium';
+    }
+    return {
+        width,
+        height,
+        breakpoint,
+    };
+};
+//# sourceMappingURL=useDimensions.js.map

package/dist/hooks/useDimensions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDimensions.js","sourceRoot":"","sources":["../../hooks/useDimensions.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/useWindowHeight.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Returns the height of the window.
+ * @param {number} windowHeight - The height of the window.
+ * @returns {number} The height of the window.
+ */
+export declare const useWindowHeight: () => number;
+//# sourceMappingURL=useWindowHeight.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowHeight.d.ts","sourceRoot":"","sources":["../../hooks/useWindowHeight.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,eAAO,MAAM,eAAe,cAE3B,CAAC"}

package/dist/hooks/useWindowHeight.js

@@ -0,0 +1,10 @@
+/**
+ * Returns the height of the window.
+ * @param {number} windowHeight - The height of the window.
+ * @returns {number} The height of the window.
+ */
+import { useWindowDimensions } from 'react-native';
+export const useWindowHeight = () => {
+    return useWindowDimensions().height;
+};
+//# sourceMappingURL=useWindowHeight.js.map

package/dist/hooks/useWindowHeight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowHeight.js","sourceRoot":"","sources":["../../hooks/useWindowHeight.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,OAAO,mBAAmB,EAAE,CAAC,MAAM,CAAC;AACtC,CAAC,CAAC"}

package/dist/hooks/useWindowWidth.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Returns the width of the window
+ * @param {number} windowWidth - The width of the window.
+ * @returns {number} The width of the window.
+ */
+export declare const useWindowWidth: () => number;
+/**
+ * Hook that returns semantic boolean values for responsive breakpoints
+ * @returns {object} Object containing boolean flags for different screen sizes
+ */
+export declare const useBreakpoints: () => {
+    isSmallScreen: boolean;
+    isMediumScreen: boolean;
+    isLargeScreen: boolean;
+    isXLargeScreen: boolean;
+    isSmallOrMedium: boolean;
+    isMediumOrLarger: boolean;
+    isLargeOrLarger: boolean;
+};
+//# sourceMappingURL=useWindowWidth.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowWidth.d.ts","sourceRoot":"","sources":["../../hooks/useWindowWidth.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,eAAO,MAAM,cAAc,cAE1B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc;;;;;;;;CAY1B,CAAC"}

package/dist/hooks/useWindowWidth.js

@@ -0,0 +1,27 @@
+/**
+ * Returns the width of the window
+ * @param {number} windowWidth - The width of the window.
+ * @returns {number} The width of the window.
+ */
+import { useWindowDimensions } from 'react-native';
+import { breakpoints } from './useDimensions';
+export const useWindowWidth = () => {
+    return useWindowDimensions().width;
+};
+/**
+ * Hook that returns semantic boolean values for responsive breakpoints
+ * @returns {object} Object containing boolean flags for different screen sizes
+ */
+export const useBreakpoints = () => {
+    const windowWidth = useWindowWidth();
+    return {
+        isSmallScreen: windowWidth < breakpoints.small, // width < 480
+        isMediumScreen: windowWidth >= breakpoints.small && windowWidth < breakpoints.medium, // width >= 480 && width < 768
+        isLargeScreen: windowWidth >= breakpoints.medium && windowWidth < breakpoints.large, // width >= 768 && width < 1024
+        isXLargeScreen: windowWidth >= breakpoints.large, // width >= 1024
+        isSmallOrMedium: windowWidth < breakpoints.medium, // width < 768
+        isMediumOrLarger: windowWidth >= breakpoints.medium, // width >= 768
+        isLargeOrLarger: windowWidth >= breakpoints.large, // width >= 1024
+    };
+};
+//# sourceMappingURL=useWindowWidth.js.map

package/dist/hooks/useWindowWidth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowWidth.js","sourceRoot":"","sources":["../../hooks/useWindowWidth.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,OAAO,mBAAmB,EAAE,CAAC,KAAK,CAAC;AACrC,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,OAAO;QACL,aAAa,EAAE,WAAW,GAAG,WAAW,CAAC,KAAK,EAAE,cAAc;QAC9D,cAAc,EAAE,WAAW,IAAI,WAAW,CAAC,KAAK,IAAI,WAAW,GAAG,WAAW,CAAC,MAAM,EAAE,8BAA8B;QACpH,aAAa,EAAE,WAAW,IAAI,WAAW,CAAC,MAAM,IAAI,WAAW,GAAG,WAAW,CAAC,KAAK,EAAE,+BAA+B;QACpH,cAAc,EAAE,WAAW,IAAI,WAAW,CAAC,KAAK,EAAE,gBAAgB;QAClE,eAAe,EAAE,WAAW,GAAG,WAAW,CAAC,MAAM,EAAE,cAAc;QACjE,gBAAgB,EAAE,WAAW,IAAI,WAAW,CAAC,MAAM,EAAE,eAAe;QACpE,eAAe,EAAE,WAAW,IAAI,WAAW,CAAC,KAAK,EAAE,gBAAgB;KACpE,CAAC;AACJ,CAAC,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export * from './brand';
+export * from './theme';
+export * from './components';
+export * from './hooks';
+export { ScrollProvider, useScrollContext } from './context/scrollContext';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAEA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAE7B,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/index.js

@@ -0,0 +1,9 @@
+// Main barrel export for zero-to-app design system
+// Re-export everything from submodules
+export * from './brand';
+export * from './theme';
+export * from './components';
+// Chat components are now exported via components
+export * from './hooks';
+export { ScrollProvider, useScrollContext } from './context/scrollContext';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,mDAAmD;AACnD,uCAAuC;AACvC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,kDAAkD;AAClD,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/theme/index.d.ts

@@ -0,0 +1,3 @@
+export { ThemeContext, ZeroToApp, type ThemeContextType } from './theme';
+export { createLightTheme, createDarkTheme, type ThemeValuesType } from './themeConfig';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../theme/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC"}

package/dist/theme/index.js

@@ -0,0 +1,4 @@
+// Export theme from local files
+export { ThemeContext, ZeroToApp } from './theme';
+export { createLightTheme, createDarkTheme } from './themeConfig';
+//# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../theme/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAyB,MAAM,SAAS,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAwB,MAAM,eAAe,CAAC"}

package/dist/theme/theme.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ThemeValuesType } from './themeConfig';
+import { Brand } from '../brand';
+export type ThemeContextType = {
+    values: ThemeValuesType;
+    toggleTheme: () => void;
+};
+declare const ThemeContext: React.Context<ThemeContextType>;
+type ZeroToAppProps = {
+    brand: Brand;
+    children: React.ReactNode;
+};
+declare const ZeroToApp: ({ brand, children }: ZeroToAppProps) => import("react/jsx-runtime").JSX.Element;
+export { ThemeContext, ZeroToApp };
+//# sourceMappingURL=theme.d.ts.map

package/dist/theme/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../theme/theme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAAqC,eAAe,EAAE,MAAM,eAAe,CAAC;AACnF,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,eAAe,CAAC;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAIF,QAAA,MAAM,YAAY,iCAmBhB,CAAC;AAEH,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,SAAS,GAAI,qBAAqB,cAAc,4CAarD,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/dist/theme/theme.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useState, useMemo } from 'react';
+import { createDarkTheme, createLightTheme } from './themeConfig';
+import { BrandProvider } from '../brand/brandContext';
+// Initialize ThemeContext with a placeholder that throws if used outside provider
+// This should never be used in practice since ZeroToApp always provides a real brand
+const ThemeContext = createContext({
+    values: {
+        color: '#000000',
+        backgroundColor: '#FFFFFF',
+        highlightColor: '#000000',
+        borderColor: '#dddfe2',
+        inactiveIconColor: '#606770',
+        dividerColor: '#dddfe2',
+        cardBackgroundColor: '#FFFFFF',
+        appbarBackgroundColor: '#FFFFFF',
+        iconButtonBackgroundColor: '#999999',
+        iconButtonIconColor: '#ffffff',
+        inputBackgroundColor: '#ffffff',
+        linkColor: '#666666',
+        isDark: false,
+    },
+    toggleTheme: () => {
+        throw new Error('ThemeContext used outside ZeroToApp provider');
+    },
+});
+//Initialize ZeroToApp with a toggle function
+const ZeroToApp = ({ brand, children }) => {
+    const lightTheme = useMemo(() => createLightTheme(brand), [brand]);
+    const darkTheme = useMemo(() => createDarkTheme(brand), [brand]);
+    const [values, setTheme] = useState(lightTheme);
+    const toggleTheme = () => {
+        setTheme(values === lightTheme ? darkTheme : lightTheme);
+    };
+    return (_jsx(BrandProvider, { brand: brand, children: _jsx(ThemeContext.Provider, { value: { values, toggleTheme }, children: children }) }));
+};
+export { ThemeContext, ZeroToApp };
+//# sourceMappingURL=theme.js.map

package/dist/theme/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../theme/theme.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAmB,MAAM,eAAe,CAAC;AAEnF,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAQtD,kFAAkF;AAClF,qFAAqF;AACrF,MAAM,YAAY,GAAG,aAAa,CAAmB;IACnD,MAAM,EAAE;QACN,KAAK,EAAE,SAAS;QAChB,eAAe,EAAE,SAAS;QAC1B,cAAc,EAAE,SAAS;QACzB,WAAW,EAAE,SAAS;QACtB,iBAAiB,EAAE,SAAS;QAC5B,YAAY,EAAE,SAAS;QACvB,mBAAmB,EAAE,SAAS;QAC9B,qBAAqB,EAAE,SAAS;QAChC,yBAAyB,EAAE,SAAS;QACpC,mBAAmB,EAAE,SAAS;QAC9B,oBAAoB,EAAE,SAAS;QAC/B,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,KAAK;KACd;IACD,WAAW,EAAE,GAAG,EAAE;QAChB,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAC;IAClE,CAAC;CACF,CAAC,CAAC;AAMH,6CAA6C;AAC7C,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAkB,EAAE,EAAE;IACxD,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACnE,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACjE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAkB,UAAU,CAAC,CAAC;IACjE,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,QAAQ,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IAC3D,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,YACzB,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,YAAG,QAAQ,GAAyB,GAC3E,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/dist/theme/themeConfig.d.ts

@@ -0,0 +1,19 @@
+import { Brand } from '../brand';
+export interface ThemeValuesType {
+    color: string;
+    backgroundColor: string;
+    highlightColor: string;
+    borderColor: string;
+    inactiveIconColor: string;
+    dividerColor: string;
+    cardBackgroundColor: string;
+    appbarBackgroundColor: string;
+    iconButtonBackgroundColor: string;
+    iconButtonIconColor: string;
+    inputBackgroundColor: string;
+    linkColor: string;
+    isDark: boolean;
+}
+export declare const createLightTheme: (brand: Brand) => ThemeValuesType;
+export declare const createDarkTheme: (brand: Brand) => ThemeValuesType;
+//# sourceMappingURL=themeConfig.d.ts.map

package/dist/theme/themeConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeConfig.d.ts","sourceRoot":"","sources":["../../theme/themeConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAGjC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,yBAAyB,EAAE,MAAM,CAAC;IAClC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;CACjB;AAGD,eAAO,MAAM,gBAAgB,GAAI,OAAO,KAAK,KAAG,eAmB/C,CAAC;AAGF,eAAO,MAAM,eAAe,GAAI,OAAO,KAAK,KAAG,eAmB9C,CAAC"}

package/dist/theme/themeConfig.js

@@ -0,0 +1,43 @@
+//Defining light theme factory function
+export const createLightTheme = (brand) => {
+    if (!brand || !brand.colors) {
+        throw new Error('createLightTheme: brand parameter must be a valid Brand object with colors');
+    }
+    return {
+        color: '#000000', // Text color
+        backgroundColor: '#FFFFFF', // Background color of the entire app
+        cardBackgroundColor: '#FFFFFF', // Background color of cards
+        appbarBackgroundColor: '#FFFFFF', // Background color of the appbar
+        highlightColor: brand.colors.primary, //Primary color of the brand derived from brandConfig
+        borderColor: '#dddfe2', // Border color
+        inactiveIconColor: '#606770', // Affects icons displayed in navigation bar
+        dividerColor: '#dddfe2', // Divider color
+        iconButtonBackgroundColor: '#999999', // Background color of icon buttons
+        iconButtonIconColor: '#ffffff', // Icon color for icon buttons
+        inputBackgroundColor: '#ffffff', // Input field background color
+        linkColor: '#666666', // Link text color for light mode
+        isDark: false,
+    };
+};
+//Defining dark theme factory function
+export const createDarkTheme = (brand) => {
+    if (!brand || !brand.colors) {
+        throw new Error('createDarkTheme: brand parameter must be a valid Brand object with colors');
+    }
+    return {
+        color: '#FFFFFF', // Text color
+        backgroundColor: '#212121', // Background color of the entire app
+        cardBackgroundColor: '#181818', // Background color of cards
+        appbarBackgroundColor: '#000000', // Background color of the appbar
+        highlightColor: brand.colors.secondary, //Primary color of the brand derived from brandConfig
+        borderColor: '#424242', // Border color
+        inactiveIconColor: '#b0b3b8', // Affects icons displayed in navigation bar
+        dividerColor: '#3e4042', // Divider color
+        iconButtonBackgroundColor: '#3a3b3c', // Background color of icon buttons
+        iconButtonIconColor: '#ffffff', // Icon color for icon buttons
+        inputBackgroundColor: '#3a3b3c', // Input field background color
+        linkColor: '#999999', // Link text color for dark mode
+        isDark: true,
+    };
+};
+//# sourceMappingURL=themeConfig.js.map

package/dist/theme/themeConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeConfig.js","sourceRoot":"","sources":["../../theme/themeConfig.ts"],"names":[],"mappings":"AAmBA,uCAAuC;AACvC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAY,EAAmB,EAAE;IAChE,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;QAC5B,MAAM,IAAI,KAAK,CAAC,4EAA4E,CAAC,CAAC;IAChG,CAAC;IACD,OAAO;QACL,KAAK,EAAE,SAAS,EAAE,aAAa;QAC/B,eAAe,EAAE,SAAS,EAAE,qCAAqC;QACjE,mBAAmB,EAAE,SAAS,EAAE,4BAA4B;QAC5D,qBAAqB,EAAE,SAAS,EAAE,iCAAiC;QACnE,cAAc,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,qDAAqD;QAC3F,WAAW,EAAE,SAAS,EAAE,eAAe;QACvC,iBAAiB,EAAE,SAAS,EAAE,4CAA4C;QAC1E,YAAY,EAAE,SAAS,EAAE,gBAAgB;QACzC,yBAAyB,EAAE,SAAS,EAAE,mCAAmC;QACzE,mBAAmB,EAAE,SAAS,EAAE,8BAA8B;QAC9D,oBAAoB,EAAE,SAAS,EAAE,+BAA+B;QAChE,SAAS,EAAE,SAAS,EAAE,iCAAiC;QACvD,MAAM,EAAE,KAAK;KACd,CAAC;AACJ,CAAC,CAAC;AAEF,sCAAsC;AACtC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAY,EAAmB,EAAE;IAC/D,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;QAC5B,MAAM,IAAI,KAAK,CAAC,2EAA2E,CAAC,CAAC;IAC/F,CAAC;IACD,OAAO;QACL,KAAK,EAAE,SAAS,EAAE,aAAa;QAC/B,eAAe,EAAE,SAAS,EAAE,qCAAqC;QACjE,mBAAmB,EAAE,SAAS,EAAE,4BAA4B;QAC5D,qBAAqB,EAAE,SAAS,EAAE,iCAAiC;QACnE,cAAc,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE,qDAAqD;QAC7F,WAAW,EAAE,SAAS,EAAE,eAAe;QACvC,iBAAiB,EAAE,SAAS,EAAE,4CAA4C;QAC1E,YAAY,EAAE,SAAS,EAAE,gBAAgB;QACzC,yBAAyB,EAAE,SAAS,EAAE,mCAAmC;QACzE,mBAAmB,EAAE,SAAS,EAAE,8BAA8B;QAC9D,oBAAoB,EAAE,SAAS,EAAE,+BAA+B;QAChE,SAAS,EAAE,SAAS,EAAE,gCAAgC;QACtD,MAAM,EAAE,IAAI;KACb,CAAC;AACJ,CAAC,CAAC"}

package/package.json

@@ -0,0 +1,104 @@
+{
+  "name": "zero-to-app",
+  "version": "2.0.0",
+  "description": "30+ reusable React Native components for iOS, Android, and Web",
+  "license": "MIT",
+  "author": "Alex Amayo",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Alex-Amayo/zero-to-app.git"
+  },
+  "homepage": "https://zero-to-app.expo.app",
+  "keywords": [
+    "react-native",
+    "expo",
+    "ui-components",
+    "design-system",
+    "cross-platform",
+    "ios",
+    "android",
+    "web",
+    "theming",
+    "components"
+  ],
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./brand": {
+      "types": "./dist/brand/index.d.ts",
+      "default": "./dist/brand/index.js"
+    },
+    "./theme": {
+      "types": "./dist/theme/index.d.ts",
+      "default": "./dist/theme/index.js"
+    },
+    "./hooks": {
+      "types": "./dist/hooks/index.d.ts",
+      "default": "./dist/hooks/index.js"
+    },
+    "./context": {
+      "types": "./dist/context/scrollContext.d.ts",
+      "default": "./dist/context/scrollContext.js"
+    },
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "default": "./dist/components/index.js"
+    },
+    "./components/*": {
+      "types": "./dist/components/*/index.d.ts",
+      "default": "./dist/components/*/index.js"
+    },
+    "./components/*/*": {
+      "types": "./dist/components/*/*.d.ts",
+      "default": "./dist/components/*/*.js"
+    },
+    "./ui": {
+      "types": "./dist/components/ui/index.d.ts",
+      "default": "./dist/components/ui/index.js"
+    },
+    "./ui/*": {
+      "types": "./dist/components/ui/*.d.ts",
+      "default": "./dist/components/ui/*.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": ["dist", "package.json", "README.md"],
+  "scripts": {
+    "build": "pnpm exec tsc -p tsconfig.build.json"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-native": ">=0.70.0",
+    "@expo/vector-icons": "*",
+    "expo-blur": "*",
+    "expo-glass-effect": "*"
+  },
+  "peerDependenciesMeta": {
+    "@expo/vector-icons": {
+      "optional": true
+    },
+    "expo-blur": {
+      "optional": true
+    },
+    "expo-glass-effect": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "react-hook-form": "^7.0.0",
+    "@hookform/resolvers": "^3.0.0",
+    "zod": "^3.22.0",
+    "react-native-reanimated-carousel": "^3.5.0",
+    "@shopify/flash-list": "^1.7.0",
+    "lottie-react-native": "^6.7.0"
+  },
+  "devDependencies": {
+    "@types/react": "~19.1.0",
+    "@types/react-native": "^0.73.0",
+    "typescript": "~5.9.2"
+  }
+}