zero-to-app 3.2.1 → 3.2.3

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

@@ -0,0 +1,47 @@
+import type { BaseComponentProps } from '../shared/types';
+/**
+ * Props for the Slider component.
+ *
+ * @example
+ * ```tsx
+ * // Basic slider
+ * <Slider value={0.5} onValueChange={setValue} />
+ *
+ * // With step and range
+ * <Slider value={volume} minimumValue={0} maximumValue={100} step={10} onValueChange={setVolume} />
+ *
+ * // Controlled with complete callback
+ * <Slider value={value} onValueChange={setValue} onSlidingComplete={onCommit} />
+ * ```
+ */
+export interface SliderProps extends BaseComponentProps {
+    /** Current value of the slider */
+    value?: number;
+    /** Minimum value. @default 0 */
+    minimumValue?: number;
+    /** Maximum value. @default 1 */
+    maximumValue?: number;
+    /** Step increment between values. @default 0 (continuous) */
+    step?: number;
+    /** Called continuously as the slider moves */
+    onValueChange?: (value: number) => void;
+    /** Called when the user finishes sliding */
+    onSlidingComplete?: (value: number) => void;
+    /** Whether the slider is disabled */
+    disabled?: boolean;
+    /** Accessibility label read by screen readers */
+    accessibilityLabel?: string;
+}
+/**
+ * Material Design 3 Slider component
+ * https://m3.material.io/components/sliders
+ *
+ * Wraps @react-native-community/slider with M3 theme colors.
+ * Active track: primary. Inactive track: surfaceContainerHighest. Thumb: primary.
+ */
+declare const Slider: {
+    ({ value, minimumValue, maximumValue, step, onValueChange, onSlidingComplete, disabled, style, testID, accessibilityLabel, }: SliderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Slider };
+//# sourceMappingURL=slider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../components/ui/slider.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAI1D;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gCAAgC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAID;;;;;;GAMG;AACH,QAAA,MAAM,MAAM;kIAWT,WAAW;;CA6Bb,CAAC;AAgBF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/ui/slider.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View, StyleSheet } from 'react-native';
+import { useTheme } from '../../theme';
+let RNSlider = null;
+try {
+    RNSlider = require('@react-native-community/slider').default;
+}
+catch {
+    // optional peer dependency not installed
+}
+// 3. COMPONENT
+/**
+ * Material Design 3 Slider component
+ * https://m3.material.io/components/sliders
+ *
+ * Wraps @react-native-community/slider with M3 theme colors.
+ * Active track: primary. Inactive track: surfaceContainerHighest. Thumb: primary.
+ */
+const Slider = ({ value = 0, minimumValue = 0, maximumValue = 1, step = 0, onValueChange, onSlidingComplete, disabled = false, style, testID, accessibilityLabel, }) => {
+    if (!RNSlider) {
+        throw new Error('[zero-to-app] <Slider> requires @react-native-community/slider. ' +
+            'Install it with: npx expo install @react-native-community/slider');
+    }
+    const theme = useTheme();
+    const t = theme.tokens.slider;
+    return (_jsx(View, { style: [styles.container, style], testID: testID, children: _jsx(RNSlider, { value: value, minimumValue: minimumValue, maximumValue: maximumValue, step: step, disabled: disabled, onValueChange: onValueChange, onSlidingComplete: onSlidingComplete, minimumTrackTintColor: disabled ? theme.onSurfaceVariant : t.activeTrack, maximumTrackTintColor: t.inactiveTrack, thumbTintColor: disabled ? theme.onSurfaceVariant : t.thumb, style: styles.slider, accessibilityLabel: accessibilityLabel }) }));
+};
+Slider.displayName = 'Slider';
+// 4. STYLES
+const styles = StyleSheet.create({
+    container: {
+        width: '100%',
+    },
+    slider: {
+        width: '100%',
+        height: 40,
+    },
+});
+// 5. EXPORTS
+export { Slider };
+//# sourceMappingURL=slider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../components/ui/slider.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,IAAI,QAAQ,GAAoC,IAAI,CAAC;AACrD,IAAI,CAAC;IACH,QAAQ,GAAG,OAAO,CAAC,gCAAgC,CAAC,CAAC,OAAO,CAAC;AAC/D,CAAC;AAAC,MAAM,CAAC;IACP,yCAAyC;AAC3C,CAAC;AAuCD,eAAe;AAEf;;;;;;GAMG;AACH,MAAM,MAAM,GAAG,CAAC,EACd,KAAK,GAAG,CAAC,EACT,YAAY,GAAG,CAAC,EAChB,YAAY,GAAG,CAAC,EAChB,IAAI,GAAG,CAAC,EACR,aAAa,EACb,iBAAiB,EACjB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,MAAM,EACN,kBAAkB,GACN,EAAE,EAAE;IAChB,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CACb,kEAAkE;YAChE,kEAAkE,CACrE,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;IAE9B,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,YACpD,KAAC,QAAQ,IACP,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,iBAAiB,EACpC,qBAAqB,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EACxE,qBAAqB,EAAE,CAAC,CAAC,aAAa,EACtC,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAC3D,KAAK,EAAE,MAAM,CAAC,MAAM,EACpB,kBAAkB,EAAE,kBAAkB,GACtC,GACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,YAAY;AACZ,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;KACd;IACD,MAAM,EAAE;QACN,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,EAAE;KACX;CACF,CAAC,CAAC;AAEH,aAAa;AACb,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/ui/themed-image.d.ts

@@ -0,0 +1,7 @@
+import { ImageProps, ImageSource } from 'expo-image';
+export interface ThemedImageProps extends Omit<ImageProps, 'source'> {
+    lightSource: ImageSource;
+    darkSource: ImageSource;
+}
+export declare function ThemedImage({ lightSource, darkSource, ...props }: ThemedImageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=themed-image.d.ts.map

package/dist/components/ui/themed-image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themed-image.d.ts","sourceRoot":"","sources":["../../../components/ui/themed-image.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,UAAU,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAG5D,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC;IAClE,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,EAAE,WAAW,CAAC;CACzB;AAED,wBAAgB,WAAW,CAAC,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAKlF"}

package/dist/components/ui/themed-image.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Image } from 'expo-image';
+import { useThemeMode } from '../../theme';
+export function ThemedImage({ lightSource, darkSource, ...props }) {
+    const { mode } = useThemeMode();
+    const source = mode === 'dark' ? darkSource : lightSource;
+    return _jsx(Image, { source: source, ...props });
+}
+//# sourceMappingURL=themed-image.js.map

package/dist/components/ui/themed-image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themed-image.js","sourceRoot":"","sources":["../../../components/ui/themed-image.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAA2B,MAAM,YAAY,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAO3C,MAAM,UAAU,WAAW,CAAC,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,KAAK,EAAoB;IACjF,MAAM,EAAE,IAAI,EAAE,GAAG,YAAY,EAAE,CAAC;IAChC,MAAM,MAAM,GAAG,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC;IAE1D,OAAO,KAAC,KAAK,IAAC,MAAM,EAAE,MAAM,KAAM,KAAK,GAAI,CAAC;AAC9C,CAAC"}

package/dist/components/ui/themed-view.d.ts

@@ -0,0 +1,20 @@
+import { type ViewProps } from 'react-native';
+export type ThemedViewVariant = 'surface' | 'surfaceContainer' | 'card' | 'appbar' | 'primary' | 'background';
+export interface ThemedViewProps extends ViewProps {
+    /** Variant selects a semantic background from the theme */
+    variant?: ThemedViewVariant;
+    /** Override with a specific color */
+    color?: string;
+    /** Apply border radius from theme. @default true */
+    rounded?: boolean;
+    /** Number of columns on medium+ screens (1 column on small). Enables responsive grid layout. */
+    columns?: number;
+    /** Gap between items when columns is set */
+    gap?: number;
+}
+export declare const ThemedView: {
+    ({ variant, color, rounded, columns, gap, style, children, onLayout, ...rest }: ThemedViewProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ThemedView;
+//# sourceMappingURL=themed-view.d.ts.map

package/dist/components/ui/themed-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themed-view.d.ts","sourceRoot":"","sources":["../../../components/ui/themed-view.tsx"],"names":[],"mappings":"AACA,OAAO,EAA8B,KAAK,SAAS,EAA0C,MAAM,cAAc,CAAC;AAIlH,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,kBAAkB,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,YAAY,CAAC;AAE9G,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,2DAA2D;IAC3D,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gGAAgG;IAChG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4CAA4C;IAC5C,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,UAAU;oFAAsG,eAAe;;CAkF3I,CAAC;AAIF,eAAe,UAAU,CAAC"}

package/dist/components/ui/themed-view.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import { View, Platform, StyleSheet } from 'react-native';
+import { useTheme } from '../../theme';
+import { useDimensions, breakpoints } from '../../hooks';
+export const ThemedView = ({ variant = 'surface', color, rounded = true, columns, gap, style, children, onLayout, ...rest }) => {
+    const theme = useTheme();
+    const { width } = useDimensions();
+    const isMid = width >= breakpoints.medium;
+    const [containerWidth, setContainerWidth] = useState(0);
+    const variantMap = {
+        surface: theme.surface,
+        surfaceContainer: theme.surfaceContainer ?? theme.surface,
+        card: theme.tokens.card.background,
+        appbar: theme.tokens.appbar.background,
+        primary: theme.primary,
+        background: theme.surface,
+    };
+    const backgroundColor = color ?? variantMap[variant] ?? theme.surface;
+    const viewStyle = [
+        { backgroundColor },
+        ...(rounded ? [{ borderRadius: theme.shape.surfaceBorderRadius }] : []),
+    ];
+    // Handle responsive grid layout
+    if (columns && columns > 1) {
+        // Resolve gap from prop, falling back to gap in style
+        const flatStyle = style ? StyleSheet.flatten(style) : undefined;
+        const effectiveGap = gap ?? flatStyle?.gap ?? 0;
+        const gapOffset = effectiveGap * (columns - 1) / columns;
+        const containerStyle = {
+            flexDirection: 'row',
+            flexWrap: 'wrap',
+            gap: effectiveGap,
+        };
+        const handleLayout = (e) => {
+            setContainerWidth(e.nativeEvent.layout.width);
+            onLayout?.(e);
+        };
+        const responsiveChildren = React.Children.map(children, (child) => {
+            if (!React.isValidElement(child))
+                return child;
+            let itemStyle;
+            if (!isMid) {
+                // Small screens: single column
+                itemStyle = { width: '100%' };
+            }
+            else if (Platform.OS === 'web') {
+                // Web: use calc() for precise sizing
+                itemStyle = {
+                    flexBasis: `calc(${100 / columns}% - ${gapOffset}px)`,
+                    flexGrow: 0,
+                    flexShrink: 0,
+                    maxWidth: `calc(${100 / columns}% - ${gapOffset}px)`,
+                };
+            }
+            else if (containerWidth > 0) {
+                // Native: use measured width for pixel-perfect sizing
+                const itemWidth = (containerWidth - effectiveGap * (columns - 1)) / columns;
+                itemStyle = { width: itemWidth, flexGrow: 0, flexShrink: 0 };
+            }
+            else {
+                // Native fallback before layout measurement
+                itemStyle = { flexBasis: `${Math.floor(100 / columns)}%`, flexShrink: 1 };
+            }
+            return React.cloneElement(child, {
+                style: [child.props.style, itemStyle],
+            });
+        });
+        return (_jsx(View, { style: [viewStyle, containerStyle, style], onLayout: handleLayout, ...rest, children: responsiveChildren }));
+    }
+    return (_jsx(View, { style: [viewStyle, style], onLayout: onLayout, ...rest, children: children }));
+};
+ThemedView.displayName = 'ThemedView';
+export default ThemedView;
+//# sourceMappingURL=themed-view.js.map

package/dist/components/ui/themed-view.js.map

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

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

@@ -0,0 +1,110 @@
+import React from 'react';
+import { Text, type TextStyle, type StyleProp, type TextProps as RNTextProps } from 'react-native';
+/**
+ * Material Design 3 typography variants.
+ *
+ * **Display** (57-36px): Hero text, large promotional content
+ * **Headline** (32-24px): Page titles, section headers
+ * **Title** (22-14px): Card titles, list headers
+ * **Body** (16-12px): Main content text
+ * **Label** (14-11px): Buttons, captions, metadata
+ */
+export type TypographyVariant = 'displayLarge' | 'displayMedium' | 'displaySmall' | 'headlineLarge' | 'headlineMedium' | 'headlineSmall' | 'titleLarge' | 'titleMedium' | 'titleSmall' | 'bodyLarge' | 'bodyMedium' | 'bodySmall' | 'labelLarge' | 'labelMedium' | 'labelSmall';
+/**
+ * Font weight options.
+ * Can use semantic names or numeric values (100-900).
+ */
+export type TypographyWeight = 'light' | 'regular' | 'medium' | 'bold' | number;
+/** Text alignment options */
+export type TypographyAlign = 'left' | 'center' | 'right' | 'justify';
+/**
+ * Props for the Typography component.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage with default body text
+ * <Typography>Hello, world!</Typography>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Page title
+ * <Typography variant="headlineLarge" weight="bold">
+ *   Welcome Back
+ * </Typography>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Card title with custom color
+ * <Typography variant="titleMedium" color="#6750A4">
+ *   Featured Article
+ * </Typography>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Muted secondary text
+ * <Typography variant="bodySmall" muted>
+ *   Last updated 2 hours ago
+ * </Typography>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Button label (uppercase)
+ * <Typography variant="labelLarge" weight="medium" uppercase>
+ *   Submit
+ * </Typography>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Centered hero text
+ * <Typography variant="displayMedium" align="center">
+ *   Build Something Amazing
+ * </Typography>
+ * ```
+ */
+export interface TypographyProps extends Omit<RNTextProps, 'style'> {
+    /** Text content to render */
+    children: React.ReactNode;
+    /**
+     * Typography scale variant following M3 type system.
+     * @default 'bodyMedium'
+     */
+    variant?: TypographyVariant;
+    /**
+     * Font weight. Use semantic names or numeric values.
+     * @default 'regular'
+     */
+    weight?: TypographyWeight;
+    /**
+     * Text alignment.
+     * @default 'left'
+     */
+    align?: TypographyAlign;
+    /**
+     * Custom text color. Defaults to theme's `onSurface` color.
+     */
+    color?: string;
+    /**
+     * Transform text to uppercase.
+     * @default false
+     */
+    uppercase?: boolean;
+    /**
+     * Apply muted styling using theme's `onSurfaceVariant` color.
+     * Useful for secondary or supporting text.
+     * @default false
+     */
+    muted?: boolean;
+    /** Additional text styles to merge */
+    style?: StyleProp<TextStyle>;
+}
+/**
+ * Typography component following Material Design 3 type system
+ * https://m3.material.io/styles/typography/type-scale-tokens
+ */
+export declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<Text>>;
+//# sourceMappingURL=typography.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../components/ui/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAc,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAG/G;;;;;;;;GAQG;AACH,MAAM,MAAM,iBAAiB,GACzB,cAAc,GACd,eAAe,GACf,cAAc,GACd,eAAe,GACf,gBAAgB,GAChB,eAAe,GACf,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,WAAW,GACX,YAAY,GACZ,WAAW,GACX,YAAY,GACZ,aAAa,GACb,YAAY,CAAC;AAEjB;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAEhF,6BAA6B;AAC7B,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAEtE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC;IACjE,6BAA6B;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sCAAsC;IACtC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,8EAqFtB,CAAC"}

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/scroll-context.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=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/scroll-context.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=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"}