zero-to-app 3.2.1 → 3.2.3

package/dist/brand/palette-generator.js

@@ -0,0 +1,291 @@
+/**
+ * Material Design 3 Color Palette Generator
+ * Uses @material/material-color-utilities to generate tonal palettes from seed colors
+ * Reference: https://m3.material.io/styles/color/the-color-system/color-roles
+ */
+import { argbFromHex, hexFromArgb, TonalPalette, Hct, } from '@material/material-color-utilities';
+/**
+ * Generates a tonal palette from a seed color
+ * @param seedColor Hex color string (e.g., '#6750A4')
+ * @returns TonalPalette with tones 0-100
+ */
+function generateTonalPalette(seedColor) {
+    const argb = argbFromHex(seedColor);
+    const hct = Hct.fromInt(argb);
+    return TonalPalette.fromHueAndChroma(hct.hue, hct.chroma);
+}
+/**
+ * Generates secondary palette from primary
+ * Uses same hue with reduced chroma for harmony
+ */
+function generateSecondaryPalette(primaryColor) {
+    const argb = argbFromHex(primaryColor);
+    const hct = Hct.fromInt(argb);
+    // Secondary uses same hue but lower chroma (16 is M3 standard)
+    return TonalPalette.fromHueAndChroma(hct.hue, Math.min(16, hct.chroma));
+}
+/**
+ * Generates tertiary palette from primary
+ * Uses complementary hue for contrast
+ */
+function generateTertiaryPalette(primaryColor) {
+    const argb = argbFromHex(primaryColor);
+    const hct = Hct.fromInt(argb);
+    // Tertiary uses complementary hue (+60 degrees)
+    const tertiaryHue = (hct.hue + 60) % 360;
+    return TonalPalette.fromHueAndChroma(tertiaryHue, Math.max(24, hct.chroma));
+}
+/**
+ * Generates neutral palette from primary
+ * Uses very low chroma for subtle tinting
+ */
+function generateNeutralPalette(primaryColor) {
+    const argb = argbFromHex(primaryColor);
+    const hct = Hct.fromInt(argb);
+    // Neutral uses same hue with very low chroma (4 is M3 standard)
+    return TonalPalette.fromHueAndChroma(hct.hue, 4);
+}
+/**
+ * Generates neutral variant palette from primary
+ * Uses low chroma for subtle variation
+ */
+function generateNeutralVariantPalette(primaryColor) {
+    const argb = argbFromHex(primaryColor);
+    const hct = Hct.fromInt(argb);
+    // Neutral variant uses same hue with low chroma (8 is M3 standard)
+    return TonalPalette.fromHueAndChroma(hct.hue, 8);
+}
+/**
+ * Generates M3 error palette
+ * Uses standard red hue with appropriate chroma
+ */
+function generateErrorPalette() {
+    // M3 standard error color: red with hue ~25, chroma ~84
+    return TonalPalette.fromHueAndChroma(25, 84);
+}
+/**
+ * Generates a complete Material Design 3 light theme color scheme from seed colors
+ * @param options Seed colors for generating palettes
+ * @returns Complete Colors object for light theme
+ */
+export function generateLightColors(options) {
+    // Generate tonal palettes
+    const primaryPalette = generateTonalPalette(options.primary);
+    const secondaryPalette = options.secondary
+        ? generateTonalPalette(options.secondary)
+        : generateSecondaryPalette(options.primary);
+    const tertiaryPalette = options.tertiary
+        ? generateTonalPalette(options.tertiary)
+        : generateTertiaryPalette(options.primary);
+    const errorPalette = options.error
+        ? generateTonalPalette(options.error)
+        : generateErrorPalette();
+    const neutralPalette = options.neutral
+        ? generateTonalPalette(options.neutral)
+        : generateNeutralPalette(options.primary);
+    const neutralVariantPalette = options.neutralVariant
+        ? generateTonalPalette(options.neutralVariant)
+        : generateNeutralVariantPalette(options.primary);
+    // Build light theme using M3 tone mappings
+    // Reference: https://m3.material.io/styles/color/the-color-system/tokens
+    return {
+        // Primary — M3 tone 40 for light theme
+        primary: hexFromArgb(primaryPalette.tone(40)),
+        onPrimary: hexFromArgb(primaryPalette.tone(100)),
+        primaryContainer: hexFromArgb(primaryPalette.tone(90)),
+        onPrimaryContainer: hexFromArgb(primaryPalette.tone(10)),
+        // Secondary
+        secondary: hexFromArgb(secondaryPalette.tone(40)),
+        onSecondary: hexFromArgb(secondaryPalette.tone(100)),
+        secondaryContainer: hexFromArgb(secondaryPalette.tone(90)),
+        onSecondaryContainer: hexFromArgb(secondaryPalette.tone(10)),
+        // Tertiary
+        tertiary: hexFromArgb(tertiaryPalette.tone(40)),
+        onTertiary: hexFromArgb(tertiaryPalette.tone(100)),
+        tertiaryContainer: hexFromArgb(tertiaryPalette.tone(90)),
+        onTertiaryContainer: hexFromArgb(tertiaryPalette.tone(10)),
+        // Error
+        error: hexFromArgb(errorPalette.tone(40)),
+        onError: hexFromArgb(errorPalette.tone(100)),
+        errorContainer: hexFromArgb(errorPalette.tone(90)),
+        onErrorContainer: hexFromArgb(errorPalette.tone(10)),
+        // Surface
+        surface: hexFromArgb(neutralPalette.tone(98)),
+        onSurface: hexFromArgb(neutralPalette.tone(10)),
+        onSurfaceVariant: hexFromArgb(neutralVariantPalette.tone(30)),
+        // Surface containers
+        surfaceContainerLowest: hexFromArgb(neutralPalette.tone(100)),
+        surfaceContainerLow: hexFromArgb(neutralPalette.tone(96)),
+        surfaceContainer: hexFromArgb(neutralPalette.tone(94)),
+        surfaceContainerHigh: hexFromArgb(neutralPalette.tone(92)),
+        surfaceContainerHighest: hexFromArgb(neutralPalette.tone(90)),
+        // Outline
+        outline: hexFromArgb(neutralVariantPalette.tone(50)),
+        outlineVariant: hexFromArgb(neutralVariantPalette.tone(80)),
+        // Inverse
+        inverseSurface: hexFromArgb(neutralPalette.tone(20)),
+        inverseOnSurface: hexFromArgb(neutralPalette.tone(95)),
+        inversePrimary: hexFromArgb(primaryPalette.tone(80)),
+        // Semantic
+        scrim: hexFromArgb(neutralPalette.tone(0)),
+        shadow: hexFromArgb(neutralPalette.tone(0)),
+    };
+}
+/**
+ * Generates a complete Material Design 3 dark theme color scheme from seed colors
+ * @param options Seed colors for generating palettes
+ * @returns Complete Colors object for dark theme
+ */
+export function generateDarkColors(options) {
+    // Generate tonal palettes (same as light)
+    const primaryPalette = generateTonalPalette(options.primary);
+    const secondaryPalette = options.secondary
+        ? generateTonalPalette(options.secondary)
+        : generateSecondaryPalette(options.primary);
+    const tertiaryPalette = options.tertiary
+        ? generateTonalPalette(options.tertiary)
+        : generateTertiaryPalette(options.primary);
+    const errorPalette = options.error
+        ? generateTonalPalette(options.error)
+        : generateErrorPalette();
+    const neutralPalette = options.neutral
+        ? generateTonalPalette(options.neutral)
+        : generateNeutralPalette(options.primary);
+    const neutralVariantPalette = options.neutralVariant
+        ? generateTonalPalette(options.neutralVariant)
+        : generateNeutralVariantPalette(options.primary);
+    // Build dark theme using M3 tone mappings
+    // Dark theme uses inverted tone values
+    return {
+        // Primary — M3 tone 80 for dark theme
+        primary: hexFromArgb(primaryPalette.tone(80)),
+        onPrimary: hexFromArgb(primaryPalette.tone(20)),
+        primaryContainer: hexFromArgb(primaryPalette.tone(30)),
+        onPrimaryContainer: hexFromArgb(primaryPalette.tone(90)),
+        // Secondary
+        secondary: hexFromArgb(secondaryPalette.tone(80)),
+        onSecondary: hexFromArgb(secondaryPalette.tone(20)),
+        secondaryContainer: hexFromArgb(secondaryPalette.tone(30)),
+        onSecondaryContainer: hexFromArgb(secondaryPalette.tone(90)),
+        // Tertiary
+        tertiary: hexFromArgb(tertiaryPalette.tone(80)),
+        onTertiary: hexFromArgb(tertiaryPalette.tone(20)),
+        tertiaryContainer: hexFromArgb(tertiaryPalette.tone(30)),
+        onTertiaryContainer: hexFromArgb(tertiaryPalette.tone(90)),
+        // Error
+        error: hexFromArgb(errorPalette.tone(80)),
+        onError: hexFromArgb(errorPalette.tone(20)),
+        errorContainer: hexFromArgb(errorPalette.tone(30)),
+        onErrorContainer: hexFromArgb(errorPalette.tone(90)),
+        // Surface
+        surface: hexFromArgb(neutralPalette.tone(6)),
+        onSurface: hexFromArgb(neutralPalette.tone(90)),
+        onSurfaceVariant: hexFromArgb(neutralVariantPalette.tone(80)),
+        // Surface containers
+        surfaceContainerLowest: hexFromArgb(neutralPalette.tone(4)),
+        surfaceContainerLow: hexFromArgb(neutralPalette.tone(10)),
+        surfaceContainer: hexFromArgb(neutralPalette.tone(12)),
+        surfaceContainerHigh: hexFromArgb(neutralPalette.tone(17)),
+        surfaceContainerHighest: hexFromArgb(neutralPalette.tone(22)),
+        // Outline
+        outline: hexFromArgb(neutralVariantPalette.tone(60)),
+        outlineVariant: hexFromArgb(neutralVariantPalette.tone(30)),
+        // Inverse
+        inverseSurface: hexFromArgb(neutralPalette.tone(90)),
+        inverseOnSurface: hexFromArgb(neutralPalette.tone(20)),
+        inversePrimary: hexFromArgb(primaryPalette.tone(40)),
+        // Semantic
+        scrim: hexFromArgb(neutralPalette.tone(0)),
+        shadow: hexFromArgb(neutralPalette.tone(0)),
+    };
+}
+/**
+ * Pick white or black as the on-color for a given background, based on contrast.
+ */
+function pickOnColor(background) {
+    return contrastRatio('#FFFFFF', background) >= contrastRatio('#000000', background)
+        ? '#FFFFFF'
+        : '#000000';
+}
+/**
+ * Compute WCAG 2.1 relative luminance for an ARGB integer.
+ * https://www.w3.org/TR/WCAG21/#dfn-relative-luminance
+ */
+function relativeLuminance(argb) {
+    const linearize = (val) => val <= 0.04045 ? val / 12.92 : Math.pow((val + 0.055) / 1.055, 2.4);
+    const r = linearize(((argb >> 16) & 0xFF) / 255);
+    const g = linearize(((argb >> 8) & 0xFF) / 255);
+    const b = linearize((argb & 0xFF) / 255);
+    return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+}
+/**
+ * Compute the WCAG 2.1 contrast ratio between two hex colors.
+ * Returns a value between 1 (no contrast) and 21 (black on white).
+ * https://www.w3.org/TR/WCAG21/#dfn-contrast-ratio
+ */
+export function contrastRatio(foreground, background) {
+    const fgL = relativeLuminance(argbFromHex(foreground));
+    const bgL = relativeLuminance(argbFromHex(background));
+    const lighter = Math.max(fgL, bgL);
+    const darker = Math.min(fgL, bgL);
+    return (lighter + 0.05) / (darker + 0.05);
+}
+/**
+ * Check if two colors meet a minimum WCAG contrast ratio.
+ * @param foreground Foreground color (hex)
+ * @param background Background color (hex)
+ * @param minRatio Minimum contrast ratio (default: 4.5 for AA compliance)
+ * @returns true if contrast meets minimum ratio
+ */
+export function hasContrastRatio(foreground, background, minRatio = 4.5) {
+    return contrastRatio(foreground, background) >= minRatio;
+}
+/**
+ * Generate high-contrast color adjustments
+ * Increases contrast for accessibility compliance
+ */
+export function generateHighContrastColors(baseColors) {
+    // In high-contrast mode, increase tone differences
+    // This is a simplified version - production would use full WCAG calculations
+    return {
+        ...baseColors,
+        // Increase contrast for all on-color pairs
+        onPrimary: '#FFFFFF',
+        onSecondary: '#FFFFFF',
+        onTertiary: '#FFFFFF',
+        onError: '#FFFFFF',
+        onSurface: '#000000',
+        onSurfaceVariant: '#000000',
+        onPrimaryContainer: '#000000',
+        onSecondaryContainer: '#000000',
+        onTertiaryContainer: '#000000',
+        onErrorContainer: '#000000',
+    };
+}
+/**
+ * Adapter: Convert a TonalPalette into a simple map of tones -> hex strings.
+ * This provides a stable, serializable shape consumers in the codebase expect
+ * (e.g. lookups by tone value) and isolates callers from potential upstream
+ * API changes in the material-color-utilities package.
+ */
+export function tonalPaletteToHexMap(palette) {
+    const map = {};
+    for (let t = 0; t <= 100; t += 10) {
+        try {
+            map[t] = hexFromArgb(palette.tone(t));
+        }
+        catch (e) {
+            // if palette.tone is unavailable for some reason, fallback to white/black
+            map[t] = t >= 50 ? '#FFFFFF' : '#000000';
+        }
+    }
+    return map;
+}
+/**
+ * Helper: generate a hex-map directly from a seed color
+ */
+export function generateTonalHexMapFromSeed(seedColor) {
+    const palette = generateTonalPalette(seedColor);
+    return tonalPaletteToHexMap(palette);
+}
+//# sourceMappingURL=palette-generator.js.map

package/dist/brand/palette-generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette-generator.js","sourceRoot":"","sources":["../../brand/palette-generator.ts"],"names":[],"mappings":"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"}

package/dist/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ui';
+export * from './navigation';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAC;AACrB,cAAc,cAAc,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,3 @@
+export * from './ui';
+export * from './navigation';
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAC;AACrB,cAAc,cAAc,CAAC"}

package/dist/components/navigation/app-tabs/app-tabs.d.ts

@@ -0,0 +1,63 @@
+import { ReactNode } from 'react';
+/**
+ * SF Symbol icon configuration for iOS
+ */
+export interface SFSymbolIcon {
+    /** Default state SF Symbol name */
+    default: string;
+    /** Selected state SF Symbol name */
+    selected: string;
+}
+/**
+ * Material Design icon name for Android
+ */
+export type MaterialIconName = string;
+/**
+ * Tab configuration for AppTabs
+ */
+export interface AppTabConfig {
+    /** Unique tab name (used for routing) */
+    name: string;
+    /** Tab route href */
+    href: string;
+    /** Tab display label */
+    label: string;
+    /** Optional iOS SF Symbol icon configuration (must include both default and selected states) */
+    sfSymbol?: SFSymbolIcon;
+    /** Optional Android Material Design icon name */
+    materialIcon?: MaterialIconName;
+    /** Optional web icon (web only) */
+    webIcon?: any;
+}
+/**
+ * External link configuration (web only)
+ */
+export interface AppTabsExternalLink {
+    label: string;
+    href: string;
+    icon?: any;
+}
+/**
+ * Props for AppTabs component
+ */
+export interface AppTabsProps {
+    /** Brand or app name to display */
+    brandName?: string;
+    /** Optional logo image */
+    logoImage?: ReactNode;
+    /** Array of tab configurations */
+    tabs: AppTabConfig[];
+    /** External links shown in the app bar (web only) */
+    externalLinks?: AppTabsExternalLink[];
+    /** App bar height in pixels (web only) */
+    height?: number;
+    /** Called when hamburger is pressed (native only) */
+    onPrimaryMenuPress?: () => void;
+}
+/**
+ * Native platform tabs for mobile (iOS/Android).
+ * Uses true native tabs with liquid glass effect on iOS.
+ * For web, see app-tabs.web.tsx
+ */
+export default function AppTabs({ tabs, }: AppTabsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=app-tabs.d.ts.map

package/dist/components/navigation/app-tabs/app-tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-tabs.d.ts","sourceRoot":"","sources":["../../../../components/navigation/app-tabs/app-tabs.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,mCAAmC;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,oCAAoC;IACpC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC;AAEtC;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,yCAAyC;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,qBAAqB;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,gGAAgG;IAChG,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,iDAAiD;IACjD,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,mCAAmC;IACnC,OAAO,CAAC,EAAE,GAAG,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,GAAG,CAAC;CACZ;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,kCAAkC;IAClC,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,qDAAqD;IACrD,aAAa,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACtC,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qDAAqD;IACrD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACjC;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,IAAI,GACL,EAAE,YAAY,2CAoBd"}

package/dist/components/navigation/app-tabs/app-tabs.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { NativeTabs } from 'expo-router/unstable-native-tabs';
+import { useThemeContext } from '../../../theme';
+/**
+ * Native platform tabs for mobile (iOS/Android).
+ * Uses true native tabs with liquid glass effect on iOS.
+ * For web, see app-tabs.web.tsx
+ */
+export default function AppTabs({ tabs, }) {
+    const { values: theme } = useThemeContext();
+    return (_jsx(NativeTabs, { tintColor: theme.primary, iconColor: theme.onSurfaceVariant, children: tabs.map((tab) => (_jsxs(NativeTabs.Trigger, { name: tab.name, children: [(tab.sfSymbol || tab.materialIcon) && (_jsx(NativeTabs.Trigger.Icon, { sf: tab.sfSymbol, md: tab.materialIcon })), _jsx(NativeTabs.Trigger.Label, { children: tab.label })] }, tab.name))) }));
+}
+//# sourceMappingURL=app-tabs.js.map

package/dist/components/navigation/app-tabs/app-tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-tabs.js","sourceRoot":"","sources":["../../../../components/navigation/app-tabs/app-tabs.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AA8DjD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,IAAI,GACS;IACb,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,eAAe,EAAE,CAAC;IAE5C,OAAO,CACL,KAAC,UAAU,IACT,SAAS,EAAE,KAAK,CAAC,OAAO,EACxB,SAAS,EAAE,KAAK,CAAC,gBAAgB,YAChC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,MAAC,UAAU,CAAC,OAAO,IAAgB,IAAI,EAAE,GAAG,CAAC,IAAI,aAC9C,CAAC,GAAG,CAAC,QAAQ,IAAI,GAAG,CAAC,YAAY,CAAC,IAAI,CACrC,KAAC,UAAU,CAAC,OAAO,CAAC,IAAI,IACtB,EAAE,EAAE,GAAG,CAAC,QAAe,EACvB,EAAE,EAAE,GAAG,CAAC,YAAY,GACpB,CACH,EACD,KAAC,UAAU,CAAC,OAAO,CAAC,KAAK,cAAE,GAAG,CAAC,KAAK,GAA4B,KAPzC,GAAG,CAAC,IAAI,CAQZ,CACtB,CAAC,GACS,CACd,CAAC;AACJ,CAAC"}

package/dist/components/navigation/app-tabs/app-tabs.web.d.ts

@@ -0,0 +1,47 @@
+import { ReactNode } from 'react';
+import { type PlatformIcon } from '../../../icons';
+/**
+ * External link configuration for AppTabs
+ */
+export interface AppTabsExternalLink {
+    label: string;
+    href: string;
+    icon?: PlatformIcon | string;
+}
+/**
+ * SF Symbol icon configuration for iOS
+ */
+export interface SFSymbolIcon {
+    default: string;
+    selected: string;
+}
+export type MaterialIconName = string;
+/**
+ * Tab configuration for AppTabs
+ */
+export interface AppTabConfig {
+    name: string;
+    href: string;
+    label: string;
+    sfSymbol?: SFSymbolIcon;
+    materialIcon?: MaterialIconName;
+    webIcon?: PlatformIcon | string;
+}
+/**
+ * Props for AppTabs component
+ */
+export interface AppTabsProps {
+    brandName: string;
+    logoImage?: ReactNode;
+    tabs: AppTabConfig[];
+    externalLinks?: AppTabsExternalLink[];
+    height?: number;
+    /** Native-only: called when hamburger is pressed on native platforms */
+    onPrimaryMenuPress?: () => void;
+}
+/**
+ * Material 3 themed tabs component for navigation.
+ * Responsive: right-side drawer on mobile, horizontal tabs on desktop.
+ */
+export default function AppTabs({ brandName, logoImage, tabs, externalLinks, height, }: AppTabsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=app-tabs.web.d.ts.map

package/dist/components/navigation/app-tabs/app-tabs.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-tabs.web.d.ts","sourceRoot":"","sources":["../../../../components/navigation/app-tabs/app-tabs.web.tsx"],"names":[],"mappings":"AAQA,OAAc,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAM9D,OAAO,EAAc,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAO/D;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC;AAEtC;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,OAAO,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;CACjC;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,aAAa,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wEAAwE;IACxE,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACjC;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,SAAS,EACT,SAAS,EACT,IAAI,EACJ,aAAkB,EAClB,MAAW,GACZ,EAAE,YAAY,2CAoFd"}

package/dist/components/navigation/app-tabs/app-tabs.web.js

@@ -0,0 +1,104 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Tabs, TabList, TabTrigger, TabSlot, } from 'expo-router/ui';
+import { useState, useEffect } from 'react';
+import { Pressable, View, StyleSheet, Linking } from 'react-native';
+import { useThemeContext } from '../../../theme';
+import { Typography } from '../../ui/typography';
+import { ThemedView } from '../../ui/themed-view';
+import { Link, usePathname, useRouter } from 'expo-router';
+import { renderIcon } from '../../../icons';
+import { useLayout } from '../../../context/layout-context';
+import { useDimensions, breakpoints } from '../../../hooks';
+import { Drawer } from '../drawer/drawer';
+import { SidebarItem } from '../sidebar/sidebar-item';
+import { sidebarItemStyles } from '../shared/sidebar-styles';
+/**
+ * Material 3 themed tabs component for navigation.
+ * Responsive: right-side drawer on mobile, horizontal tabs on desktop.
+ */
+export default function AppTabs({ brandName, logoImage, tabs, externalLinks = [], height = 64, }) {
+    const { setAppBarHeight } = useLayout();
+    const { width } = useDimensions();
+    const isMobile = width < breakpoints.large;
+    const [menuOpen, setMenuOpen] = useState(false);
+    const pathname = usePathname();
+    const router = useRouter();
+    useEffect(() => {
+        setAppBarHeight(height);
+    }, [height, setAppBarHeight]);
+    // Close drawer on navigation
+    useEffect(() => {
+        setMenuOpen(false);
+    }, [pathname]);
+    return (_jsxs(Tabs, { children: [_jsx(TabList, { asChild: true, children: _jsx(CustomTabList, { brandName: brandName, logoImage: logoImage, externalLinks: externalLinks, height: height, isMobile: isMobile, onMenuPress: () => setMenuOpen(true), children: tabs.map((tab) => (_jsx(TabTrigger, { name: tab.name, href: tab.href, asChild: true, children: _jsx(TabButton, { height: height, webIcon: tab.webIcon, materialIcon: tab.materialIcon, children: tab.label }) }, tab.name))) }) }), _jsx(TabSlot, { style: { flex: 1, overflow: 'hidden' } }), isMobile && (_jsxs(Drawer, { isOpen: menuOpen, onClose: () => setMenuOpen(false), side: "right", header: _jsx(DrawerHeader, { brandName: brandName, logoImage: logoImage }), children: [tabs.map((tab) => {
+                        const icon = tab.webIcon
+                            ? (typeof tab.webIcon === 'string' ? { name: tab.webIcon } : tab.webIcon)
+                            : tab.materialIcon
+                                ? { library: 'MaterialIcons', name: tab.materialIcon }
+                                : undefined;
+                        const isActive = pathname === tab.href || pathname.startsWith(tab.href + '/');
+                        return (_jsx(SidebarItem, { label: tab.label, icon: icon, active: isActive, onPress: () => router.push(tab.href) }, tab.name));
+                    }), externalLinks.length > 0 && _jsx(DrawerDivider, {}), externalLinks.map((link, i) => {
+                        const icon = link.icon
+                            ? (typeof link.icon === 'string' ? { name: link.icon } : link.icon)
+                            : undefined;
+                        return (_jsx(SidebarItem, { label: link.label, icon: icon, onPress: () => Linking.openURL(link.href) }, i));
+                    })] }))] }));
+}
+function TabButton({ children, isFocused, height, webIcon, materialIcon, ...props }) {
+    const { values: theme } = useThemeContext();
+    const spacing = theme.spacing;
+    const [hovered, setHovered] = useState(false);
+    const iconToRender = webIcon || (materialIcon ? { library: 'MaterialIcons', name: materialIcon } : undefined);
+    const iconColor = isFocused || hovered ? theme.primary : theme.onSurfaceVariant;
+    return (_jsxs(Pressable, { ...props, onHoverIn: () => setHovered(true), onHoverOut: () => setHovered(false), style: ({ pressed }) => [
+            styles.tabButton,
+            { paddingHorizontal: spacing.lg, height, justifyContent: 'center' },
+            pressed && { opacity: 0.7 },
+        ], children: [_jsxs(View, { style: [styles.tabButtonContent, { gap: spacing.sm }], children: [iconToRender && renderIcon(iconToRender, 'MaterialIcons', 20, iconColor), _jsx(Typography, { variant: "labelLarge", weight: "medium", color: iconColor, children: children })] }), isFocused && (_jsx(View, { style: [styles.activeIndicator, { backgroundColor: theme.primary }] }))] }));
+}
+function CustomTabList({ brandName, logoImage, externalLinks, height, isMobile, onMenuPress, children, ...props }) {
+    const { values: theme } = useThemeContext();
+    const spacing = theme.spacing;
+    return (_jsx(ThemedView, { variant: "appbar", rounded: false, style: [styles.appBar, { height, paddingHorizontal: spacing.xxl, borderBottomWidth: 1, borderBottomColor: theme.tokens.appbar.border }], children: _jsxs(View, { ...props, style: [styles.appBarContent, { height, gap: spacing.sm }], children: [_jsx(Link, { href: "/", style: styles.brand, children: _jsxs(View, { style: [styles.brandContent, { gap: spacing.sm }], children: [logoImage, _jsx(Typography, { variant: "titleLarge", weight: "medium", children: brandName })] }) }), !isMobile && (_jsxs(_Fragment, { children: [_jsx(View, { style: [styles.tabs, { gap: spacing.xs }], children: children }), externalLinks.length > 0 && (_jsx(View, { style: [styles.tabs, { gap: spacing.xs, marginLeft: spacing.lg }], children: externalLinks.map((link, i) => (_jsx(ExternalLinkButton, { ...link, height: height }, i))) }))] })), isMobile && (_jsx(Pressable, { onPress: onMenuPress, accessibilityLabel: "Open menu", accessibilityRole: "button", style: ({ pressed }) => [
+                        styles.iconButton,
+                        { padding: spacing.sm, borderRadius: theme.shape.buttonBorderRadius },
+                        pressed && { opacity: 0.7 },
+                    ], children: renderIcon({ library: 'Feather', name: 'menu' }, 'Feather', 24, theme.onSurface) }))] }) }));
+}
+// --- Desktop external link button ---
+function ExternalLinkButton({ href, label, height, icon }) {
+    const { values: theme } = useThemeContext();
+    const spacing = theme.spacing;
+    const [hovered, setHovered] = useState(false);
+    const color = hovered ? theme.primary : theme.onSurfaceVariant;
+    return (_jsx(Link, { href: href, target: "_blank", asChild: true, children: _jsx(Pressable, { onHoverIn: () => setHovered(true), onHoverOut: () => setHovered(false), style: ({ pressed }) => [
+                styles.tabButton,
+                { paddingHorizontal: spacing.lg, height, justifyContent: 'center', borderRadius: theme.shape.buttonBorderRadius },
+                pressed && { opacity: 0.7 },
+            ], children: _jsxs(View, { style: [styles.tabButtonContent, { gap: spacing.sm }], children: [icon && renderIcon(icon, 'MaterialIcons', 20, color), _jsx(Typography, { variant: "labelLarge", weight: "medium", color: color, children: label })] }) }) }));
+}
+// --- Drawer header ---
+function DrawerHeader({ brandName, logoImage }) {
+    const { values: theme } = useThemeContext();
+    const spacing = theme.spacing;
+    return (_jsx(View, { style: [styles.drawerHeader, { padding: spacing.lg, borderBottomColor: theme.tokens.sidebar.divider }], children: _jsxs(View, { style: [styles.brandContent, { gap: spacing.sm }], children: [logoImage, _jsx(Typography, { variant: "titleMedium", weight: "bold", children: brandName })] }) }));
+}
+function DrawerDivider() {
+    const { values: theme } = useThemeContext();
+    return _jsx(View, { style: [sidebarItemStyles.divider, { backgroundColor: theme.tokens.sidebar.divider }] });
+}
+// --- Styles ---
+const styles = StyleSheet.create({
+    appBar: { width: '100%', flexDirection: 'row' },
+    appBarContent: { flexDirection: 'row', alignItems: 'center', width: '100%' },
+    brand: { marginRight: 'auto' },
+    brandContent: { flexDirection: 'row', alignItems: 'center' },
+    tabs: { flexDirection: 'row', alignItems: 'center' },
+    tabButton: { position: 'relative' },
+    tabButtonContent: { flexDirection: 'row', alignItems: 'center' },
+    activeIndicator: { position: 'absolute', bottom: 0, left: 0, right: 0, height: 3, borderTopLeftRadius: 2, borderTopRightRadius: 2 },
+    iconButton: { alignItems: 'center', justifyContent: 'center' },
+    drawerHeader: { borderBottomWidth: 1, width: '100%' },
+});
+//# sourceMappingURL=app-tabs.web.js.map

package/dist/components/navigation/app-tabs/app-tabs.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-tabs.web.js","sourceRoot":"","sources":["../../../../components/navigation/app-tabs/app-tabs.web.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,IAAI,EACJ,OAAO,EACP,UAAU,EACV,OAAO,GAGR,MAAM,gBAAgB,CAAC;AACxB,OAAc,EAAa,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAqB,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AA8C7D;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,SAAS,EACT,SAAS,EACT,IAAI,EACJ,aAAa,GAAG,EAAE,EAClB,MAAM,GAAG,EAAE,GACE;IACb,MAAM,EAAE,eAAe,EAAE,GAAG,SAAS,EAAE,CAAC;IACxC,MAAM,EAAE,KAAK,EAAE,GAAG,aAAa,EAAE,CAAC;IAClC,MAAM,QAAQ,GAAG,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC;IAC3C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,MAAM,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC;IAE9B,6BAA6B;IAC7B,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,MAAC,IAAI,eACH,KAAC,OAAO,IAAC,OAAO,kBACd,KAAC,aAAa,IACZ,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,YACnC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,KAAC,UAAU,IAAgB,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,OAAO,kBAChE,KAAC,SAAS,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,CAAC,OAAO,EAAE,YAAY,EAAE,GAAG,CAAC,YAAY,YAC5E,GAAG,CAAC,KAAK,GACA,IAHG,GAAG,CAAC,IAAI,CAIZ,CACd,CAAC,GACY,GACR,EAEV,KAAC,OAAO,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAI,EAElD,QAAQ,IAAI,CACX,MAAC,MAAM,IACL,MAAM,EAAE,QAAQ,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EACjC,IAAI,EAAC,OAAO,EACZ,MAAM,EACJ,KAAC,YAAY,IAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,GAAI,aAE7D,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;wBAChB,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO;4BACtB,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC;4BACzE,CAAC,CAAC,GAAG,CAAC,YAAY;gCAClB,CAAC,CAAC,EAAE,OAAO,EAAE,eAAwB,EAAE,IAAI,EAAE,GAAG,CAAC,YAAY,EAAE;gCAC/D,CAAC,CAAC,SAAS,CAAC;wBACd,MAAM,QAAQ,GAAG,QAAQ,KAAK,GAAG,CAAC,IAAI,IAAI,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC;wBAC9E,OAAO,CACL,KAAC,WAAW,IAEV,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,QAAQ,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,IAAW,CAAC,IAJtC,GAAG,CAAC,IAAI,CAKb,CACH,CAAC;oBACJ,CAAC,CAAC,EAED,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,KAAC,aAAa,KAAG,EAE7C,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;wBAC7B,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI;4BACpB,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;4BACnE,CAAC,CAAC,SAAS,CAAC;wBACd,OAAO,CACL,KAAC,WAAW,IAEV,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAHpC,CAAC,CAIN,CACH,CAAC;oBACJ,CAAC,CAAC,IACK,CACV,IACI,CACR,CAAC;AACJ,CAAC;AAWD,SAAS,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,KAAK,EAAkB;IACjG,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,eAAe,EAAE,CAAC;IAC5C,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IAC9B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,YAAY,GAAG,OAAO,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,eAAwB,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IACvH,MAAM,SAAS,GAAG,SAAS,IAAI,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC;IAEhF,OAAO,CACL,MAAC,SAAS,OACJ,KAAK,EACT,SAAS,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EACjC,UAAU,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EACnC,KAAK,EAAE,CAAC,EAAE,OAAO,EAAO,EAAE,EAAE,CAAC;YAC3B,MAAM,CAAC,SAAS;YAChB,EAAE,iBAAiB,EAAE,OAAO,CAAC,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE;YACnE,OAAO,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE;SAC5B,aACD,MAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,gBAAgB,EAAE,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,aACxD,YAAY,IAAI,UAAU,CAAC,YAAY,EAAE,eAAe,EAAE,EAAE,EAAE,SAAS,CAAC,EACzE,KAAC,UAAU,IAAC,OAAO,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,EAAC,KAAK,EAAE,SAAS,YAC9D,QAAQ,GACE,IACR,EACN,SAAS,IAAI,CACZ,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,eAAe,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,GAAI,CAC9E,IACS,CACb,CAAC;AACJ,CAAC;AAaD,SAAS,aAAa,CAAC,EACrB,SAAS,EACT,SAAS,EACT,aAAa,EACb,MAAM,EACN,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACW;IACnB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,eAAe,EAAE,CAAC;IAC5C,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IAE9B,OAAO,CACL,KAAC,UAAU,IACT,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,KAAK,EACd,KAAK,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,iBAAiB,EAAE,OAAO,CAAC,GAAG,EAAE,iBAAiB,EAAE,CAAC,EAAE,iBAAiB,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,YACvI,MAAC,IAAI,OAAK,KAAK,EAAE,KAAK,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,aACzE,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,YAChC,MAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,aACpD,SAAS,EACV,KAAC,UAAU,IAAC,OAAO,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,YAAE,SAAS,GAAc,IACpE,GACF,EAEN,CAAC,QAAQ,IAAI,CACZ,8BACE,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,YAAG,QAAQ,GAAQ,EACjE,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC3B,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,EAAE,UAAU,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,YACpE,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAC9B,KAAC,kBAAkB,OAAa,IAAI,EAAE,MAAM,EAAE,MAAM,IAA3B,CAAC,CAA8B,CACzD,CAAC,GACG,CACR,IACA,CACJ,EAEA,QAAQ,IAAI,CACX,KAAC,SAAS,IACR,OAAO,EAAE,WAAW,EACpB,kBAAkB,EAAC,WAAW,EAC9B,iBAAiB,EAAC,QAAQ,EAC1B,KAAK,EAAE,CAAC,EAAE,OAAO,EAAO,EAAE,EAAE,CAAC;wBAC3B,MAAM,CAAC,UAAU;wBACjB,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,EAAE,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,kBAAkB,EAAE;wBACrE,OAAO,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE;qBAC5B,YACA,UAAU,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,CAAC,SAAS,CAAC,GACvE,CACb,IACI,GACI,CACd,CAAC;AACJ,CAAC;AAED,uCAAuC;AAEvC,SAAS,kBAAkB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAA4C;IACjG,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,eAAe,EAAE,CAAC;IAC5C,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IAC9B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC;IAE/D,OAAO,CACL,KAAC,IAAI,IAAC,IAAI,EAAE,IAAW,EAAE,MAAM,EAAC,QAAQ,EAAC,OAAO,kBAC9C,KAAC,SAAS,IACR,SAAS,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EACjC,UAAU,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EACnC,KAAK,EAAE,CAAC,EAAE,OAAO,EAAO,EAAE,EAAE,CAAC;gBAC3B,MAAM,CAAC,SAAS;gBAChB,EAAE,iBAAiB,EAAE,OAAO,CAAC,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,kBAAkB,EAAE;gBACjH,OAAO,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE;aAC5B,YACD,MAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,gBAAgB,EAAE,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,aACxD,IAAI,IAAI,UAAU,CAAC,IAAI,EAAE,eAAe,EAAE,EAAE,EAAE,KAAK,CAAC,EACrD,KAAC,UAAU,IAAC,OAAO,EAAC,YAAY,EAAC,MAAM,EAAC,QAAQ,EAAC,KAAK,EAAE,KAAK,YAC1D,KAAK,GACK,IACR,GACG,GACP,CACR,CAAC;AACJ,CAAC;AAED,wBAAwB;AAExB,SAAS,YAAY,CAAC,EAAE,SAAS,EAAE,SAAS,EAAgD;IAC1F,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,eAAe,EAAE,CAAC;IAC5C,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IAE9B,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,EAAE,iBAAiB,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,YAC1G,MAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,aACpD,SAAS,EACV,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,EAAC,MAAM,EAAC,MAAM,YAAE,SAAS,GAAc,IACnE,GACF,CACR,CAAC;AACJ,CAAC;AAED,SAAS,aAAa;IACpB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,eAAe,EAAE,CAAC;IAC5C,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,iBAAiB,CAAC,OAAO,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,GAAI,CAAC;AACzG,CAAC;AAED,iBAAiB;AAEjB,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE;IAC/C,aAAa,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;IAC5E,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE;IAC9B,YAAY,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE;IAC5D,IAAI,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE;IACpD,SAAS,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE;IACnC,gBAAgB,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE;IAChE,eAAe,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,mBAAmB,EAAE,CAAC,EAAE,oBAAoB,EAAE,CAAC,EAAE;IACnI,UAAU,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE;IAC9D,YAAY,EAAE,EAAE,iBAAiB,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE;CACtD,CAAC,CAAC"}

package/dist/components/navigation/app-tabs/index.d.ts

@@ -0,0 +1,3 @@
+export { default as AppTabs } from './app-tabs';
+export type { AppTabsProps, AppTabConfig, AppTabsExternalLink } from './app-tabs';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/navigation/app-tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/navigation/app-tabs/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/navigation/app-tabs/index.js

@@ -0,0 +1,3 @@
+// App tabs navigation component
+export { default as AppTabs } from './app-tabs';
+//# sourceMappingURL=index.js.map

package/dist/components/navigation/app-tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/navigation/app-tabs/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export interface DrawerProps {
+    /** Whether the drawer is open */
+    isOpen: boolean;
+    /** Callback when drawer should close */
+    onClose: () => void;
+    /** Which side the drawer slides from */
+    side?: 'left' | 'right';
+    /** Optional header component */
+    header?: React.ReactNode;
+    /** Drawer content */
+    children: React.ReactNode;
+    /** Optional footer component */
+    footer?: React.ReactNode;
+    /** Custom styles for the drawer container */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Reusable animated drawer component.
+ * Slides in from the left or right with a backdrop.
+ */
+export declare const Drawer: React.FC<DrawerProps>;
+//# sourceMappingURL=drawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../../components/navigation/drawer/drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA2C,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIvG,MAAM,WAAW,WAAW;IAC1B,iCAAiC;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,wCAAwC;IACxC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,gCAAgC;IAChC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,qBAAqB;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gCAAgC;IAChC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAuExC,CAAC"}