@situaction/traquiste-mobile 1.0.0 → 1.1.0

package/build/components/navigation/MobileCanva/MobileCanva.styles.d.ts

@@ -0,0 +1,93 @@
+export declare const SHELL_WIDTH = 390;
+export declare const SHELL_HEIGHT = 844;
+export declare const HOMEBAR_WIDTH = 144;
+export declare const HOMEBAR_HEIGHT = 5;
+export declare const KEY_HEIGHT = 42;
+export declare const KEY_GAP = 4;
+export declare const ROW_GAP = 8;
+export declare const styles: {
+    shell: {
+        width: number;
+        height: number;
+        padding: number;
+        gap: number;
+        overflow: "hidden";
+    };
+    content: {
+        flex: number;
+        borderRadius: number;
+        borderWidth: number;
+        overflow: "hidden";
+    };
+    homebarContainer: {
+        alignItems: "center";
+        justifyContent: "center";
+        paddingVertical: number;
+    };
+    homebar: {
+        width: number;
+        height: number;
+        borderRadius: number;
+    };
+    board: {
+        overflow: "hidden";
+    };
+    toolbar: {
+        flexDirection: "row";
+        justifyContent: "space-around";
+        alignItems: "center";
+        height: number;
+        paddingHorizontal: number;
+    };
+    toolbarBtn: {
+        padding: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    gifLabel: {
+        fontSize: number;
+        fontWeight: "700";
+        fontFamily: string;
+    };
+    rows: {
+        paddingHorizontal: number;
+        paddingBottom: number;
+        gap: number;
+    };
+    row: {
+        flexDirection: "row";
+        gap: number;
+    };
+    key: {
+        flex: number;
+        height: number;
+        borderRadius: number;
+        alignItems: "center";
+        justifyContent: "center";
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    keyWide: {
+        flex: number;
+    };
+    keySpace: {
+        flex: number;
+    };
+    keyLabel: {
+        fontSize: number;
+        fontWeight: "400";
+        fontFamily: string;
+    };
+    keyLabelSmall: {
+        fontSize: number;
+        fontWeight: "500";
+        fontFamily: string;
+    };
+};
+//# sourceMappingURL=MobileCanva.styles.d.ts.map

package/build/components/navigation/MobileCanva/MobileCanva.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileCanva.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/MobileCanva/MobileCanva.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,MAAO,CAAC;AAChC,eAAO,MAAM,YAAY,MAAM,CAAC;AAChC,eAAO,MAAM,aAAa,MAAO,CAAC;AAClC,eAAO,MAAM,cAAc,IAAI,CAAC;AAChC,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,OAAO,IAAO,CAAC;AAC5B,eAAO,MAAM,OAAO,IAAO,CAAC;AAE5B,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoFjB,CAAC"}

package/build/components/navigation/MobileCanva/MobileCanva.styles.js

@@ -0,0 +1,94 @@
+/** Static layout styles for MobileCanva — colors injected via useTheme() */
+import { StyleSheet } from 'react-native';
+export const SHELL_WIDTH = 390;
+export const SHELL_HEIGHT = 844;
+export const HOMEBAR_WIDTH = 144;
+export const HOMEBAR_HEIGHT = 5;
+export const KEY_HEIGHT = 42;
+export const KEY_GAP = 4;
+export const ROW_GAP = 8;
+export const styles = StyleSheet.create({
+    // --- Shell ---
+    shell: {
+        width: SHELL_WIDTH,
+        height: SHELL_HEIGHT,
+        padding: 6,
+        gap: 6,
+        overflow: 'hidden',
+    },
+    content: {
+        flex: 1,
+        borderRadius: 12,
+        borderWidth: 1,
+        overflow: 'hidden',
+    },
+    homebarContainer: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        paddingVertical: 8,
+    },
+    homebar: {
+        width: HOMEBAR_WIDTH,
+        height: HOMEBAR_HEIGHT,
+        borderRadius: 3,
+    },
+    // --- BoardKeyboard ---
+    board: {
+        overflow: 'hidden',
+    },
+    toolbar: {
+        flexDirection: 'row',
+        justifyContent: 'space-around',
+        alignItems: 'center',
+        height: 44,
+        paddingHorizontal: 8,
+    },
+    toolbarBtn: {
+        padding: 8,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    gifLabel: {
+        fontSize: 12,
+        fontWeight: '700',
+        fontFamily: 'Urbanist',
+    },
+    rows: {
+        paddingHorizontal: 4,
+        paddingBottom: 8,
+        gap: ROW_GAP,
+    },
+    row: {
+        flexDirection: 'row',
+        gap: KEY_GAP,
+    },
+    key: {
+        flex: 1,
+        height: KEY_HEIGHT,
+        borderRadius: 5,
+        alignItems: 'center',
+        justifyContent: 'center',
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: 1 },
+        shadowOpacity: 0.2,
+        shadowRadius: 0,
+        elevation: 2,
+    },
+    keyWide: {
+        flex: 1.5,
+    },
+    keySpace: {
+        flex: 4,
+    },
+    keyLabel: {
+        fontSize: 16,
+        fontWeight: '400',
+        fontFamily: 'Urbanist',
+    },
+    keyLabelSmall: {
+        fontSize: 12,
+        fontWeight: '500',
+        fontFamily: 'Urbanist',
+    },
+});
+//# sourceMappingURL=MobileCanva.styles.js.map

package/build/components/navigation/MobileCanva/MobileCanva.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileCanva.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/MobileCanva/MobileCanva.styles.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,CAAC,MAAM,WAAW,GAAI,GAAG,CAAC;AAChC,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAC;AAChC,MAAM,CAAC,MAAM,aAAa,GAAI,GAAG,CAAC;AAClC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,CAAC;AAChC,MAAM,CAAC,MAAM,UAAU,GAAG,EAAE,CAAC;AAC7B,MAAM,CAAC,MAAM,OAAO,GAAM,CAAC,CAAC;AAC5B,MAAM,CAAC,MAAM,OAAO,GAAM,CAAC,CAAC;AAE5B,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IACtC,gBAAgB;IAChB,KAAK,EAAE;QACL,KAAK,EAAK,WAAW;QACrB,MAAM,EAAI,YAAY;QACtB,OAAO,EAAG,CAAC;QACX,GAAG,EAAO,CAAC;QACX,QAAQ,EAAE,QAAQ;KACnB;IACD,OAAO,EAAE;QACP,IAAI,EAAU,CAAC;QACf,YAAY,EAAE,EAAE;QAChB,WAAW,EAAG,CAAC;QACf,QAAQ,EAAM,QAAQ;KACvB;IACD,gBAAgB,EAAE;QAChB,UAAU,EAAO,QAAQ;QACzB,cAAc,EAAG,QAAQ;QACzB,eAAe,EAAE,CAAC;KACnB;IACD,OAAO,EAAE;QACP,KAAK,EAAS,aAAa;QAC3B,MAAM,EAAQ,cAAc;QAC5B,YAAY,EAAE,CAAC;KAChB;IAED,wBAAwB;IACxB,KAAK,EAAE;QACL,QAAQ,EAAE,QAAQ;KACnB;IACD,OAAO,EAAE;QACP,aAAa,EAAG,KAAK;QACrB,cAAc,EAAE,cAAc;QAC9B,UAAU,EAAM,QAAQ;QACxB,MAAM,EAAU,EAAE;QAClB,iBAAiB,EAAE,CAAC;KACrB;IACD,UAAU,EAAE;QACV,OAAO,EAAS,CAAC;QACjB,UAAU,EAAM,QAAQ;QACxB,cAAc,EAAE,QAAQ;KACzB;IACD,QAAQ,EAAE;QACR,QAAQ,EAAI,EAAE;QACd,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,UAAU;KACvB;IACD,IAAI,EAAE;QACJ,iBAAiB,EAAE,CAAC;QACpB,aAAa,EAAM,CAAC;QACpB,GAAG,EAAgB,OAAO;KAC3B;IACD,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;QACpB,GAAG,EAAY,OAAO;KACvB;IACD,GAAG,EAAE;QACH,IAAI,EAAY,CAAC;QACjB,MAAM,EAAU,UAAU;QAC1B,YAAY,EAAI,CAAC;QACjB,UAAU,EAAM,QAAQ;QACxB,cAAc,EAAE,QAAQ;QACxB,WAAW,EAAK,MAAM;QACtB,YAAY,EAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QACvC,aAAa,EAAG,GAAG;QACnB,YAAY,EAAI,CAAC;QACjB,SAAS,EAAO,CAAC;KAClB;IACD,OAAO,EAAE;QACP,IAAI,EAAE,GAAG;KACV;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,CAAC;KACR;IACD,QAAQ,EAAE;QACR,QAAQ,EAAI,EAAE;QACd,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,UAAU;KACvB;IACD,aAAa,EAAE;QACb,QAAQ,EAAI,EAAE;QACd,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,UAAU;KACvB;CACF,CAAC,CAAC","sourcesContent":["/** Static layout styles for MobileCanva — colors injected via useTheme() */\nimport { StyleSheet } from 'react-native';\n\nexport const SHELL_WIDTH  = 390;\nexport const SHELL_HEIGHT = 844;\nexport const HOMEBAR_WIDTH  = 144;\nexport const HOMEBAR_HEIGHT = 5;\nexport const KEY_HEIGHT = 42;\nexport const KEY_GAP    = 4;\nexport const ROW_GAP    = 8;\n\nexport const styles = StyleSheet.create({\n  // --- Shell ---\n  shell: {\n    width:    SHELL_WIDTH,\n    height:   SHELL_HEIGHT,\n    padding:  6,\n    gap:      6,\n    overflow: 'hidden',\n  },\n  content: {\n    flex:         1,\n    borderRadius: 12,\n    borderWidth:  1,\n    overflow:     'hidden',\n  },\n  homebarContainer: {\n    alignItems:      'center',\n    justifyContent:  'center',\n    paddingVertical: 8,\n  },\n  homebar: {\n    width:        HOMEBAR_WIDTH,\n    height:       HOMEBAR_HEIGHT,\n    borderRadius: 3,\n  },\n\n  // --- BoardKeyboard ---\n  board: {\n    overflow: 'hidden',\n  },\n  toolbar: {\n    flexDirection:  'row',\n    justifyContent: 'space-around',\n    alignItems:     'center',\n    height:         44,\n    paddingHorizontal: 8,\n  },\n  toolbarBtn: {\n    padding:        8,\n    alignItems:     'center',\n    justifyContent: 'center',\n  },\n  gifLabel: {\n    fontSize:   12,\n    fontWeight: '700',\n    fontFamily: 'Urbanist',\n  },\n  rows: {\n    paddingHorizontal: 4,\n    paddingBottom:     8,\n    gap:               ROW_GAP,\n  },\n  row: {\n    flexDirection: 'row',\n    gap:           KEY_GAP,\n  },\n  key: {\n    flex:           1,\n    height:         KEY_HEIGHT,\n    borderRadius:   5,\n    alignItems:     'center',\n    justifyContent: 'center',\n    shadowColor:    '#000',\n    shadowOffset:   { width: 0, height: 1 },\n    shadowOpacity:  0.2,\n    shadowRadius:   0,\n    elevation:      2,\n  },\n  keyWide: {\n    flex: 1.5,\n  },\n  keySpace: {\n    flex: 4,\n  },\n  keyLabel: {\n    fontSize:   16,\n    fontWeight: '400',\n    fontFamily: 'Urbanist',\n  },\n  keyLabelSmall: {\n    fontSize:   12,\n    fontWeight: '500',\n    fontFamily: 'Urbanist',\n  },\n});"]}

package/build/components/navigation/MobileCanva/MobileCanva.types.d.ts

@@ -0,0 +1,21 @@
+/** Type definitions for the MobileCanva component */
+import type { ReactNode } from 'react';
+import type { TabBarProps } from '../TabBar';
+export type MobileCanvaVariant = 'default' | 'board';
+export interface MobileCanvaProps {
+    /** Shell variant — default or with Android keyboard */
+    variant?: MobileCanvaVariant;
+    /** Content rendered inside the white content area */
+    children?: ReactNode;
+    /** Override the inner TabBar — defaults to [Table, MapTrifold, Bell, User] */
+    tabBarProps?: TabBarProps;
+    /** Show the iOS home indicator bar */
+    showHomebar?: boolean;
+    /** Called when a letter key is pressed (board variant) */
+    onKeyPress?: (key: string) => void;
+    /** Called when backspace is pressed (board variant) */
+    onBackspace?: () => void;
+    /** Called when send is pressed (board variant) */
+    onSend?: () => void;
+}
+//# sourceMappingURL=MobileCanva.types.d.ts.map

package/build/components/navigation/MobileCanva/MobileCanva.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileCanva.types.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/MobileCanva/MobileCanva.types.ts"],"names":[],"mappings":"AAAA,qDAAqD;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,OAAO,CAAC;AAErD,MAAM,WAAW,gBAAgB;IAC/B,uDAAuD;IACvD,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,qDAAqD;IACrD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,sCAAsC;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,uDAAuD;IACvD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,kDAAkD;IAClD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB"}

package/build/components/navigation/MobileCanva/MobileCanva.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=MobileCanva.types.js.map

package/build/components/navigation/MobileCanva/MobileCanva.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileCanva.types.js","sourceRoot":"","sources":["../../../../src/components/navigation/MobileCanva/MobileCanva.types.ts"],"names":[],"mappings":"","sourcesContent":["/** Type definitions for the MobileCanva component */\nimport type { ReactNode } from 'react';\nimport type { TabBarProps } from '../TabBar';\n\nexport type MobileCanvaVariant = 'default' | 'board';\n\nexport interface MobileCanvaProps {\n  /** Shell variant — default or with Android keyboard */\n  variant?: MobileCanvaVariant;\n  /** Content rendered inside the white content area */\n  children?: ReactNode;\n  /** Override the inner TabBar — defaults to [Table, MapTrifold, Bell, User] */\n  tabBarProps?: TabBarProps;\n  /** Show the iOS home indicator bar */\n  showHomebar?: boolean;\n  /** Called when a letter key is pressed (board variant) */\n  onKeyPress?: (key: string) => void;\n  /** Called when backspace is pressed (board variant) */\n  onBackspace?: () => void;\n  /** Called when send is pressed (board variant) */\n  onSend?: () => void;\n}"]}

package/build/components/navigation/MobileCanva/index.d.ts

@@ -0,0 +1,3 @@
+export { MobileCanva } from './MobileCanva';
+export type { MobileCanvaProps } from './MobileCanva';
+//# sourceMappingURL=index.d.ts.map

package/build/components/navigation/MobileCanva/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/MobileCanva/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/build/components/navigation/MobileCanva/index.js

@@ -0,0 +1,2 @@
+export { MobileCanva } from './MobileCanva';
+//# sourceMappingURL=index.js.map

package/build/components/navigation/MobileCanva/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/MobileCanva/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC","sourcesContent":["export { MobileCanva } from './MobileCanva';\nexport type { MobileCanvaProps } from './MobileCanva';"]}

package/build/components/navigation/PageNav/PageNav.d.ts

@@ -0,0 +1,46 @@
+/**
+ * PageNav — page-level navigation header.
+ *
+ * White background, title + icon centered, ghost icon-only buttons.
+ * Optional slot below the header row for tabs or subtitles.
+ */
+import React from 'react';
+import type { ButtonVariant } from '../../Button';
+export interface RightAction {
+    /** Icon element for the button */
+    icon: React.ReactElement;
+    /** Callback on press */
+    onPress: () => void;
+    /** Accessibility label for screen readers */
+    accessibilityLabel?: string;
+}
+export interface PageNavProps {
+    /** Page title — centered in the header */
+    title?: string;
+    /** Title size — 's' (16px), 'm' (18px), 'l' (20px, default) */
+    titleSize?: 's' | 'm' | 'l';
+    /** Optional Phosphor icon shown left of the title */
+    titleIcon?: React.ReactElement;
+    /**
+     * Left action buttons — rendered left to right (first item = far left).
+     * Each item: { icon, onPress }.
+     */
+    leftActions?: RightAction[];
+    /**
+     * Right action buttons — rendered right to left (first item = far right).
+     * Each item: { icon, onPress }.
+     */
+    rightActions?: RightAction[];
+    /**
+     * Variant applied to all action buttons (back + right actions).
+     * Defaults to 'ghost'.
+     */
+    buttonVariant?: ButtonVariant;
+    /** Optional content rendered after the title in the centered title group */
+    titleChildren?: React.ReactNode;
+    /** Optional content below the header row (34px slot) */
+    children?: React.ReactNode;
+}
+export declare function PageNav({ title, titleIcon, leftActions, rightActions, buttonVariant, titleSize, titleChildren, children, }: PageNavProps): React.JSX.Element;
+export default PageNav;
+//# sourceMappingURL=PageNav.d.ts.map

package/build/components/navigation/PageNav/PageNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageNav.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/PageNav/PageNav.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAOlD,MAAM,WAAW,WAAW;IAC1B,kCAAkC;IAClC,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;IACzB,wBAAwB;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,6CAA6C;IAC7C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,YAAY;IAC3B,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,SAAS,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC5B,qDAAqD;IACrD,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC/B;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,EAAE,CAAC;IAC5B;;;OAGG;IACH,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,4EAA4E;IAC5E,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,wDAAwD;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAMD,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,SAAS,EACT,WAAW,EACX,YAAY,EACZ,aAAuB,EACvB,SAAe,EACf,aAAa,EACb,QAAQ,GACT,EAAE,YAAY,qBA8Dd;AAED,eAAe,OAAO,CAAC"}

package/build/components/navigation/PageNav/PageNav.js

@@ -0,0 +1,48 @@
+/**
+ * PageNav — page-level navigation header.
+ *
+ * White background, title + icon centered, ghost icon-only buttons.
+ * Optional slot below the header row for tabs or subtitles.
+ */
+import React from 'react';
+import { Text, View } from 'react-native';
+import { useTheme } from '../../../context/ThemeContext';
+import { Button } from '../../Button';
+import { styles } from './PageNav.styles';
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+export function PageNav({ title, titleIcon, leftActions, rightActions, buttonVariant = 'ghost', titleSize = 'l', titleChildren, children, }) {
+    const { colors, fontFamily } = useTheme();
+    return (<View style={styles.container}>
+      {/* ── Header row ─────────────────────────────────────────── */}
+      <View style={styles.headerRow}>
+
+        {/* Left action buttons — absolute, first item = far left */}
+        {leftActions?.map((action, index) => (<View key={index} style={[styles.btnLeft, { left: index * 40 }]}>
+            <Button variant={buttonVariant} content="icon-only-rounded" size="M" iconLeft={action.icon} onPress={action.onPress} accessibilityLabel={action.accessibilityLabel}/>
+          </View>))}
+
+        {/* Centered title group */}
+        <View style={styles.titleGroup}>
+          {titleIcon != null && titleIcon}
+          {title != null && (<Text style={[styles.title, titleSize === 's' ? styles.titleS : titleSize === 'm' ? styles.titleM : styles.titleL, { color: colors.text.primary, fontFamily }]}>
+              {title}
+            </Text>)}
+          {titleChildren}
+        </View>
+
+        {/* Right action buttons — absolute, first item = far right */}
+        {rightActions?.map((action, index) => (<View key={index} style={[styles.btnRight, { right: index * 40 }]}>
+            <Button variant={buttonVariant} content="icon-only-rounded" size="M" iconLeft={action.icon} onPress={action.onPress} accessibilityLabel={action.accessibilityLabel}/>
+          </View>))}
+      </View>
+
+      {/* ── Optional slot below header ──────────────────────────── */}
+      {children != null && (<View style={styles.slot}>
+          {children}
+        </View>)}
+    </View>);
+}
+export default PageNav;
+//# sourceMappingURL=PageNav.js.map

package/build/components/navigation/PageNav/PageNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageNav.js","sourceRoot":"","sources":["../../../../src/components/navigation/PageNav/PageNav.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AA2C1C,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,MAAM,UAAU,OAAO,CAAC,EACtB,KAAK,EACL,SAAS,EACT,WAAW,EACX,YAAY,EACZ,aAAa,GAAG,OAAO,EACvB,SAAS,GAAG,GAAG,EACf,aAAa,EACb,QAAQ,GACK;IACb,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,QAAQ,EAAE,CAAC;IAE1C,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,+DAA+D,CAChE;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAE5B;;QAAA,CAAC,2DAA2D,CAC5D;QAAA,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACnC,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,KAAK,GAAG,EAAE,EAAE,CAAC,CAAC,CAE9C;YAAA,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,aAAa,CAAC,CACvB,OAAO,CAAC,mBAAmB,CAC3B,IAAI,CAAC,GAAG,CACR,QAAQ,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACtB,OAAO,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CACxB,kBAAkB,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAElD;UAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAEF;;QAAA,CAAC,0BAA0B,CAC3B;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAC7B;UAAA,CAAC,SAAS,IAAI,IAAI,IAAI,SAAS,CAC/B;UAAA,CAAC,KAAK,IAAI,IAAI,IAAI,CAChB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,CAAC,CAAC,CAC7J;cAAA,CAAC,KAAK,CACR;YAAA,EAAE,IAAI,CAAC,CACR,CACD;UAAA,CAAC,aAAa,CAChB;QAAA,EAAE,IAAI,CAEN;;QAAA,CAAC,6DAA6D,CAC9D;QAAA,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,KAAK,GAAG,EAAE,EAAE,CAAC,CAAC,CAEhD;YAAA,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,aAAa,CAAC,CACvB,OAAO,CAAC,mBAAmB,CAC3B,IAAI,CAAC,GAAG,CACR,QAAQ,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACtB,OAAO,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CACxB,kBAAkB,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAElD;UAAA,EAAE,IAAI,CAAC,CACR,CAAC,CACJ;MAAA,EAAE,IAAI,CAEN;;MAAA,CAAC,gEAAgE,CACjE;MAAA,CAAC,QAAQ,IAAI,IAAI,IAAI,CACnB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACvB;UAAA,CAAC,QAAQ,CACX;QAAA,EAAE,IAAI,CAAC,CACR,CACH;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,eAAe,OAAO,CAAC","sourcesContent":["/**\n * PageNav — page-level navigation header.\n *\n * White background, title + icon centered, ghost icon-only buttons.\n * Optional slot below the header row for tabs or subtitles.\n */\nimport React from 'react';\nimport { Text, View } from 'react-native';\nimport { useTheme } from '../../../context/ThemeContext';\nimport { Button } from '../../Button';\nimport type { ButtonVariant } from '../../Button';\nimport { styles } from './PageNav.styles';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface RightAction {\n  /** Icon element for the button */\n  icon: React.ReactElement;\n  /** Callback on press */\n  onPress: () => void;\n  /** Accessibility label for screen readers */\n  accessibilityLabel?: string;\n}\n\nexport interface PageNavProps {\n  /** Page title — centered in the header */\n  title?: string;\n  /** Title size — 's' (16px), 'm' (18px), 'l' (20px, default) */\n  titleSize?: 's' | 'm' | 'l';\n  /** Optional Phosphor icon shown left of the title */\n  titleIcon?: React.ReactElement;\n  /**\n   * Left action buttons — rendered left to right (first item = far left).\n   * Each item: { icon, onPress }.\n   */\n  leftActions?: RightAction[];\n  /**\n   * Right action buttons — rendered right to left (first item = far right).\n   * Each item: { icon, onPress }.\n   */\n  rightActions?: RightAction[];\n  /**\n   * Variant applied to all action buttons (back + right actions).\n   * Defaults to 'ghost'.\n   */\n  buttonVariant?: ButtonVariant;\n  /** Optional content rendered after the title in the centered title group */\n  titleChildren?: React.ReactNode;\n  /** Optional content below the header row (34px slot) */\n  children?: React.ReactNode;\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport function PageNav({\n  title,\n  titleIcon,\n  leftActions,\n  rightActions,\n  buttonVariant = 'ghost',\n  titleSize = 'l',\n  titleChildren,\n  children,\n}: PageNavProps) {\n  const { colors, fontFamily } = useTheme();\n\n  return (\n    <View style={styles.container}>\n      {/* ── Header row ─────────────────────────────────────────── */}\n      <View style={styles.headerRow}>\n\n        {/* Left action buttons — absolute, first item = far left */}\n        {leftActions?.map((action, index) => (\n          <View\n            key={index}\n            style={[styles.btnLeft, { left: index * 40 }]}\n          >\n            <Button\n              variant={buttonVariant}\n              content=\"icon-only-rounded\"\n              size=\"M\"\n              iconLeft={action.icon}\n              onPress={action.onPress}\n              accessibilityLabel={action.accessibilityLabel}\n            />\n          </View>\n        ))}\n\n        {/* Centered title group */}\n        <View style={styles.titleGroup}>\n          {titleIcon != null && titleIcon}\n          {title != null && (\n            <Text style={[styles.title, titleSize === 's' ? styles.titleS : titleSize === 'm' ? styles.titleM : styles.titleL, { color: colors.text.primary, fontFamily }]}>\n              {title}\n            </Text>\n          )}\n          {titleChildren}\n        </View>\n\n        {/* Right action buttons — absolute, first item = far right */}\n        {rightActions?.map((action, index) => (\n          <View\n            key={index}\n            style={[styles.btnRight, { right: index * 40 }]}\n          >\n            <Button\n              variant={buttonVariant}\n              content=\"icon-only-rounded\"\n              size=\"M\"\n              iconLeft={action.icon}\n              onPress={action.onPress}\n              accessibilityLabel={action.accessibilityLabel}\n            />\n          </View>\n        ))}\n      </View>\n\n      {/* ── Optional slot below header ──────────────────────────── */}\n      {children != null && (\n        <View style={styles.slot}>\n          {children}\n        </View>\n      )}\n    </View>\n  );\n}\n\nexport default PageNav;"]}

package/build/components/navigation/PageNav/PageNav.styles.d.ts

@@ -0,0 +1,60 @@
+export declare const styles: {
+    container: {
+        width: "100%";
+        flexDirection: "column";
+        gap: number;
+        paddingBottom: number;
+    };
+    headerRow: {
+        height: number;
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        paddingHorizontal: number;
+    };
+    titleGroup: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        gap: number;
+    };
+    title: {
+        fontFamily: string;
+        fontWeight: "700";
+        includeFontPadding: false;
+        textAlignVertical: "center";
+    };
+    titleS: {
+        fontSize: number;
+        lineHeight: number;
+    };
+    titleM: {
+        fontSize: number;
+        lineHeight: number;
+    };
+    titleL: {
+        fontSize: number;
+        lineHeight: number;
+    };
+    btnLeft: {
+        position: "absolute";
+        top: number;
+        width: number;
+        height: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    btnRight: {
+        position: "absolute";
+        top: number;
+        width: number;
+        height: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    slot: {
+        height: number;
+        width: "100%";
+    };
+};
+//# sourceMappingURL=PageNav.styles.d.ts.map

package/build/components/navigation/PageNav/PageNav.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageNav.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/PageNav/PageNav.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8DjB,CAAC"}

package/build/components/navigation/PageNav/PageNav.styles.js

@@ -0,0 +1,60 @@
+/** Static layout styles for PageNav — all colors injected via useTheme() */
+import { StyleSheet } from 'react-native';
+export const styles = StyleSheet.create({
+    // Outer container
+    container: {
+        width: '100%',
+        flexDirection: 'column',
+        gap: 4,
+        paddingBottom: 8,
+    },
+    // Header row — 40px high, buttons positioned absolute inside
+    headerRow: {
+        height: 40,
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        paddingHorizontal: 10,
+    },
+    // Title + icon group — centered
+    titleGroup: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: 6,
+    },
+    // Title text base
+    title: {
+        fontFamily: 'Urbanist',
+        fontWeight: '700',
+        includeFontPadding: false,
+        textAlignVertical: 'center',
+    },
+    titleS: { fontSize: 16, lineHeight: 22 },
+    titleM: { fontSize: 18, lineHeight: 24 },
+    titleL: { fontSize: 20, lineHeight: 26 },
+    // Absolute left button — left offset set inline per index
+    btnLeft: {
+        position: 'absolute',
+        top: 0,
+        width: 40,
+        height: 40,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    // Absolute right button — right offset set inline per index
+    btnRight: {
+        position: 'absolute',
+        top: 0,
+        width: 40,
+        height: 40,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    // Optional slot below header — 34px
+    slot: {
+        height: 34,
+        width: '100%',
+    },
+});
+//# sourceMappingURL=PageNav.styles.js.map

package/build/components/navigation/PageNav/PageNav.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageNav.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/PageNav/PageNav.styles.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IACtC,kBAAkB;IAClB,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;QACb,aAAa,EAAE,QAAQ;QACvB,GAAG,EAAE,CAAC;QACN,aAAa,EAAE,CAAC;KACjB;IAED,6DAA6D;IAC7D,SAAS,EAAE;QACT,MAAM,EAAE,EAAE;QACV,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,iBAAiB,EAAE,EAAE;KACtB;IAED,gCAAgC;IAChC,UAAU,EAAE;QACV,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,GAAG,EAAE,CAAC;KACP;IAED,kBAAkB;IAClB,KAAK,EAAE;QACL,UAAU,EAAE,UAAU;QACtB,UAAU,EAAE,KAAK;QACjB,kBAAkB,EAAE,KAAK;QACzB,iBAAiB,EAAE,QAAQ;KAC5B;IACD,MAAM,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE;IACxC,MAAM,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE;IACxC,MAAM,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE;IAExC,0DAA0D;IAC1D,OAAO,EAAE;QACP,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IAED,4DAA4D;IAC5D,QAAQ,EAAE;QACR,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IAED,oCAAoC;IACpC,IAAI,EAAE;QACJ,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC","sourcesContent":["/** Static layout styles for PageNav — all colors injected via useTheme() */\nimport { StyleSheet } from 'react-native';\n\nexport const styles = StyleSheet.create({\n  // Outer container\n  container: {\n    width: '100%',\n    flexDirection: 'column',\n    gap: 4,\n    paddingBottom: 8,\n  },\n\n  // Header row — 40px high, buttons positioned absolute inside\n  headerRow: {\n    height: 40,\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    paddingHorizontal: 10,\n  },\n\n  // Title + icon group — centered\n  titleGroup: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: 6,\n  },\n\n  // Title text base\n  title: {\n    fontFamily: 'Urbanist',\n    fontWeight: '700',\n    includeFontPadding: false,\n    textAlignVertical: 'center',\n  },\n  titleS: { fontSize: 16, lineHeight: 22 },\n  titleM: { fontSize: 18, lineHeight: 24 },\n  titleL: { fontSize: 20, lineHeight: 26 },\n\n  // Absolute left button — left offset set inline per index\n  btnLeft: {\n    position: 'absolute',\n    top: 0,\n    width: 40,\n    height: 40,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n\n  // Absolute right button — right offset set inline per index\n  btnRight: {\n    position: 'absolute',\n    top: 0,\n    width: 40,\n    height: 40,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n\n  // Optional slot below header — 34px\n  slot: {\n    height: 34,\n    width: '100%',\n  },\n});"]}

package/build/components/navigation/PageNav/index.d.ts

@@ -0,0 +1,3 @@
+export { PageNav, default } from './PageNav';
+export type { PageNavProps } from './PageNav';
+//# sourceMappingURL=index.d.ts.map

package/build/components/navigation/PageNav/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/PageNav/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC7C,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}

package/build/components/navigation/PageNav/index.js

@@ -0,0 +1,2 @@
+export { PageNav, default } from './PageNav';
+//# sourceMappingURL=index.js.map

package/build/components/navigation/PageNav/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/PageNav/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC","sourcesContent":["export { PageNav, default } from './PageNav';\nexport type { PageNavProps } from './PageNav';\n"]}

package/build/components/navigation/TabBar/TabBar.d.ts

@@ -0,0 +1,22 @@
+/** Tab bar navigation component — 4 fixed tabs built on ButtonMenu */
+import React from 'react';
+export interface TabBarItem {
+    /** Phosphor icon element (will have size + color injected) */
+    icon: React.ReactElement;
+    /** Show notification dot */
+    notif?: boolean;
+    /** Disable the tab — blocks press and dims the icon */
+    disabled?: boolean;
+    /** Called when tab is pressed */
+    onPress: () => void;
+    /** Accessibility label for screen readers */
+    accessibilityLabel?: string;
+}
+export interface TabBarProps {
+    /** Exactly 4 tab items */
+    tabs: [TabBarItem, TabBarItem, TabBarItem, TabBarItem];
+    /** Index of the currently active tab (0–3) */
+    activeIndex: number;
+}
+export declare function TabBar({ tabs, activeIndex }: TabBarProps): React.JSX.Element;
+//# sourceMappingURL=TabBar.d.ts.map

package/build/components/navigation/TabBar/TabBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/TabBar/TabBar.tsx"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,UAAU;IACzB,8DAA8D;IAC9D,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;IACzB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iCAAiC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,6CAA6C;IAC7C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,WAAW;IAC1B,0BAA0B;IAC1B,IAAI,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;IACvD,8CAA8C;IAC9C,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,MAAM,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,WAAW,qBAkBxD"}

package/build/components/navigation/TabBar/TabBar.js

@@ -0,0 +1,13 @@
+/** Tab bar navigation component — 4 fixed tabs built on ButtonMenu */
+import React from 'react';
+import { View } from 'react-native';
+import { ButtonMenu } from '../../ButtonMenu';
+import { styles } from './TabBar.styles';
+export function TabBar({ tabs, activeIndex }) {
+    return (<View style={styles.shell}>
+      {tabs.map((tab, index) => (<View key={index} style={styles.tabSlot}>
+          <ButtonMenu icon={tab.icon} state={tab.disabled ? 'disabled' : index === activeIndex ? 'active' : 'default'} notif={tab.notif} onPress={tab.onPress} accessibilityLabel={tab.accessibilityLabel}/>
+        </View>))}
+    </View>);
+}
+//# sourceMappingURL=TabBar.js.map

package/build/components/navigation/TabBar/TabBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar.js","sourceRoot":"","sources":["../../../../src/components/navigation/TabBar/TabBar.tsx"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAsBzC,MAAM,UAAU,MAAM,CAAC,EAAE,IAAI,EAAE,WAAW,EAAe;IACvD,OAAO,CACL,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAEpB;MAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CACtC;UAAA,CAAC,UAAU,CACT,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CACf,KAAK,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAChF,KAAK,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CACjB,OAAO,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CACrB,kBAAkB,CAAC,CAAC,GAAG,CAAC,kBAAkB,CAAC,EAE/C;QAAA,EAAE,IAAI,CAAC,CACR,CAAC,CACJ;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC","sourcesContent":["/** Tab bar navigation component — 4 fixed tabs built on ButtonMenu */\nimport React from 'react';\nimport { View } from 'react-native';\nimport { ButtonMenu } from '../../ButtonMenu';\nimport { styles } from './TabBar.styles';\n\nexport interface TabBarItem {\n  /** Phosphor icon element (will have size + color injected) */\n  icon: React.ReactElement;\n  /** Show notification dot */\n  notif?: boolean;\n  /** Disable the tab — blocks press and dims the icon */\n  disabled?: boolean;\n  /** Called when tab is pressed */\n  onPress: () => void;\n  /** Accessibility label for screen readers */\n  accessibilityLabel?: string;\n}\n\nexport interface TabBarProps {\n  /** Exactly 4 tab items */\n  tabs: [TabBarItem, TabBarItem, TabBarItem, TabBarItem];\n  /** Index of the currently active tab (0–3) */\n  activeIndex: number;\n}\n\nexport function TabBar({ tabs, activeIndex }: TabBarProps) {\n  return (\n    <View\n      style={styles.shell}\n    >\n      {tabs.map((tab, index) => (\n        <View key={index} style={styles.tabSlot}>\n          <ButtonMenu\n            icon={tab.icon}\n            state={tab.disabled ? 'disabled' : index === activeIndex ? 'active' : 'default'}\n            notif={tab.notif}\n            onPress={tab.onPress}\n            accessibilityLabel={tab.accessibilityLabel}\n          />\n        </View>\n      ))}\n    </View>\n  );\n}"]}

package/build/components/navigation/TabBar/TabBar.styles.d.ts

@@ -0,0 +1,14 @@
+export declare const styles: {
+    shell: {
+        flexDirection: "row";
+        alignItems: "center";
+        paddingHorizontal: number;
+        gap: number;
+        width: "100%";
+    };
+    tabSlot: {
+        flex: number;
+        alignItems: "center";
+    };
+};
+//# sourceMappingURL=TabBar.styles.d.ts.map

package/build/components/navigation/TabBar/TabBar.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/TabBar/TabBar.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM;;;;;;;;;;;;CAYjB,CAAC"}

package/build/components/navigation/TabBar/TabBar.styles.js

@@ -0,0 +1,16 @@
+/** Static layout styles for TabBar shell — tab buttons are rendered by ButtonMenu */
+import { StyleSheet } from 'react-native';
+export const styles = StyleSheet.create({
+    shell: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingHorizontal: 16,
+        gap: 2,
+        width: '100%',
+    },
+    tabSlot: {
+        flex: 1,
+        alignItems: 'center',
+    },
+});
+//# sourceMappingURL=TabBar.styles.js.map

package/build/components/navigation/TabBar/TabBar.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/TabBar/TabBar.styles.ts"],"names":[],"mappings":"AAAA,qFAAqF;AACrF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IACtC,KAAK,EAAE;QACL,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,iBAAiB,EAAE,EAAE;QACrB,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,MAAM;KACd;IACD,OAAO,EAAE;QACP,IAAI,EAAE,CAAC;QACP,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC,CAAC","sourcesContent":["/** Static layout styles for TabBar shell — tab buttons are rendered by ButtonMenu */\nimport { StyleSheet } from 'react-native';\n\nexport const styles = StyleSheet.create({\n  shell: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    paddingHorizontal: 16,\n    gap: 2,\n    width: '100%',\n  },\n  tabSlot: {\n    flex: 1,\n    alignItems: 'center',\n  },\n});"]}

package/build/components/navigation/TabBar/index.d.ts

@@ -0,0 +1,3 @@
+export { TabBar } from './TabBar';
+export type { TabBarProps, TabBarItem } from './TabBar';
+//# sourceMappingURL=index.d.ts.map

package/build/components/navigation/TabBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/TabBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC"}

package/build/components/navigation/TabBar/index.js

@@ -0,0 +1,2 @@
+export { TabBar } from './TabBar';
+//# sourceMappingURL=index.js.map

package/build/components/navigation/TabBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/TabBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC","sourcesContent":["export { TabBar } from './TabBar';\nexport type { TabBarProps, TabBarItem } from './TabBar';"]}