@situaction/traquiste-mobile 1.0.0-next.5 → 1.1.0-next.1

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/ScreenCanva/ScreenCanva.d.ts

@@ -0,0 +1,8 @@
+/** ScreenCanva — app shell frame without TabBar, just the rounded content area */
+import React from 'react';
+export interface ScreenCanvaProps {
+    /** Content rendered inside the frame */
+    children?: React.ReactNode;
+}
+export declare function ScreenCanva({ children }: ScreenCanvaProps): React.JSX.Element;
+//# sourceMappingURL=ScreenCanva.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenCanva.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/ScreenCanva/ScreenCanva.tsx"],"names":[],"mappings":"AAAA,kFAAkF;AAClF,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,gBAAgB;IAC/B,wCAAwC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,qBAiBzD"}

package/build/components/navigation/ScreenCanva/ScreenCanva.js

@@ -0,0 +1,37 @@
+/** ScreenCanva — app shell frame without TabBar, just the rounded content area */
+import React from 'react';
+import { View, StyleSheet, StatusBar } from 'react-native';
+import { SafeAreaView, useSafeAreaInsets } from 'react-native-safe-area-context';
+import { useTheme } from '../../../context/ThemeContext';
+export function ScreenCanva({ children }) {
+    const { colors } = useTheme();
+    const insets = useSafeAreaInsets();
+    return (<SafeAreaView style={[styles.root, { backgroundColor: colors.canva.shellBackground }]} edges={['top']}>
+      <StatusBar barStyle="dark-content" backgroundColor="transparent" translucent/>
+      <View style={[styles.shell, { paddingBottom: insets.bottom + 6 }]}>
+        <View style={[styles.content, {
+                backgroundColor: colors.canva.contentBackground,
+                borderColor: colors.canva.contentBorder,
+            }]}>
+          {children}
+        </View>
+      </View>
+    </SafeAreaView>);
+}
+const styles = StyleSheet.create({
+    root: {
+        flex: 1,
+    },
+    shell: {
+        flex: 1,
+        paddingHorizontal: 6,
+        paddingTop: 4,
+    },
+    content: {
+        flex: 1,
+        borderRadius: 12,
+        borderWidth: 1,
+        overflow: 'hidden',
+    },
+});
+//# sourceMappingURL=ScreenCanva.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenCanva.js","sourceRoot":"","sources":["../../../../src/components/navigation/ScreenCanva/ScreenCanva.tsx"],"names":[],"mappings":"AAAA,kFAAkF;AAClF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAOzD,MAAM,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAoB;IACxD,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC9B,MAAM,MAAM,GAAG,iBAAiB,EAAE,CAAC;IAEnC,OAAO,CACL,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CACpG;MAAA,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,eAAe,CAAC,aAAa,CAAC,WAAW,EAC5E;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAChE;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE;gBAC5B,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,iBAAiB;gBAC/C,WAAW,EAAM,MAAM,CAAC,KAAK,CAAC,aAAa;aAC5C,CAAC,CAAC,CACD;UAAA,CAAC,QAAQ,CACX;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,YAAY,CAAC,CAChB,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC;KACR;IACD,KAAK,EAAE;QACL,IAAI,EAAa,CAAC;QAClB,iBAAiB,EAAE,CAAC;QACpB,UAAU,EAAO,CAAC;KACnB;IACD,OAAO,EAAE;QACP,IAAI,EAAU,CAAC;QACf,YAAY,EAAE,EAAE;QAChB,WAAW,EAAG,CAAC;QACf,QAAQ,EAAM,QAAQ;KACvB;CACF,CAAC,CAAC","sourcesContent":["/** ScreenCanva — app shell frame without TabBar, just the rounded content area */\nimport React from 'react';\nimport { View, StyleSheet, StatusBar } from 'react-native';\nimport { SafeAreaView, useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { useTheme } from '../../../context/ThemeContext';\n\nexport interface ScreenCanvaProps {\n  /** Content rendered inside the frame */\n  children?: React.ReactNode;\n}\n\nexport function ScreenCanva({ children }: ScreenCanvaProps) {\n  const { colors } = useTheme();\n  const insets = useSafeAreaInsets();\n\n  return (\n    <SafeAreaView style={[styles.root, { backgroundColor: colors.canva.shellBackground }]} edges={['top']}>\n      <StatusBar barStyle=\"dark-content\" backgroundColor=\"transparent\" translucent />\n      <View style={[styles.shell, { paddingBottom: insets.bottom + 6 }]}>\n        <View style={[styles.content, {\n          backgroundColor: colors.canva.contentBackground,\n          borderColor:     colors.canva.contentBorder,\n        }]}>\n          {children}\n        </View>\n      </View>\n    </SafeAreaView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  root: {\n    flex: 1,\n  },\n  shell: {\n    flex:            1,\n    paddingHorizontal: 6,\n    paddingTop:      4,\n  },\n  content: {\n    flex:         1,\n    borderRadius: 12,\n    borderWidth:  1,\n    overflow:     'hidden',\n  },\n});"]}

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

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

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

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

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

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

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

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

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';"]}

package/build/context/BottomSheetContext.d.ts

@@ -0,0 +1,42 @@
+/** Provides a stackable global bottom sheet — openSheet pushes, closeSheet pops */
+import React from 'react';
+export type BottomSheetOptions = {
+    /** Initial height as a fraction of screen height (0 to 1) */
+    size?: number;
+    /** Allow sliding up to expand to full screen (default: true) */
+    expandable?: boolean;
+    /** Allow sliding down to close (default: true) */
+    closeable?: boolean;
+    /** Show a close button (default: false) */
+    showCloseButton?: boolean;
+    /** Position of the close button (default: 'right') */
+    closeButtonPosition?: 'left' | 'right';
+    /** Show dark backdrop behind the sheet (default: true) */
+    backdrop?: boolean;
+    /** Block interactions with content behind the sheet even without a visible backdrop (default: false) */
+    blockBackground?: boolean;
+    /** Close the sheet when the backdrop is pressed (default: false) */
+    closeOnBackdropPress?: boolean;
+    /** Auto-size the sheet based on content height instead of a fixed snap point (default: false) */
+    autoSize?: boolean;
+    /** How the sheet reacts when the keyboard opens */
+    keyboardBehavior?: 'extend' | 'fillParent' | 'interactive';
+    /** Whether the sheet restores its position when the keyboard closes */
+    keyboardBlurBehavior?: 'none' | 'restore';
+    /** Called when the sheet opens */
+    onOpen?: () => void;
+    /** Called when the sheet closes */
+    onClose?: () => void;
+};
+export type BottomSheetContextValue = {
+    /** Push a new sheet on top of the stack */
+    openSheet: (content: React.ReactNode, options?: BottomSheetOptions) => void;
+    /** Close the top-most sheet */
+    closeSheet: () => void;
+};
+export declare const BottomSheetProvider: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+/** Hook to open/close the global bottom sheet from anywhere in the app */
+export declare const useBottomSheet: () => BottomSheetContextValue;
+//# sourceMappingURL=BottomSheetContext.d.ts.map

package/build/context/BottomSheetContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetContext.d.ts","sourceRoot":"","sources":["../../src/context/BottomSheetContext.tsx"],"names":[],"mappings":"AAAA,mFAAmF;AACnF,OAAO,KAAmE,MAAM,OAAO,CAAC;AAIxF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2CAA2C;IAC3C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,sDAAsD;IACtD,mBAAmB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACvC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wGAAwG;IACxG,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oEAAoE;IACpE,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,iGAAiG;IACjG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,gBAAgB,CAAC,EAAE,QAAQ,GAAG,YAAY,GAAG,aAAa,CAAC;IAC3D,uEAAuE;IACvE,oBAAoB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1C,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAUF,MAAM,MAAM,uBAAuB,GAAG;IACpC,2CAA2C;IAC3C,SAAS,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC5E,+BAA+B;IAC/B,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAIF,eAAO,MAAM,mBAAmB,GAAI,cAAc;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,sBA+D9E,CAAC;AAEF,0EAA0E;AAC1E,eAAO,MAAM,cAAc,QAAO,uBAIjC,CAAC"}

package/build/context/BottomSheetContext.js

@@ -0,0 +1,51 @@
+/** Provides a stackable global bottom sheet — openSheet pushes, closeSheet pops */
+import React, { createContext, useCallback, useContext, useRef, useState } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { BottomSheet } from '../components/BottomSheet';
+const BottomSheetContext = createContext(null);
+export const BottomSheetProvider = ({ children }) => {
+    const [stack, setStack] = useState([]);
+    const lastOpenTimeRef = useRef(0);
+    const openSheet = useCallback((content, options = {}) => {
+        // Prevent rapid successive opens (double-tap protection).
+        // 300ms matches the gorhom sheet open animation duration — by the time a nested
+        // sheet is interactable, the window has already elapsed.
+        const now = Date.now();
+        if (now - lastOpenTimeRef.current < 300)
+            return;
+        lastOpenTimeRef.current = now;
+        const id = now;
+        // Mount directly with isOpen=true — gorhom uses initialIndex prop to start open
+        setStack((prev) => [...prev, { id, content, options, isOpen: true }]);
+    }, []);
+    const closeSheet = useCallback(() => {
+        // Trigger close animation on the top sheet — removal happens in onClose callback
+        setStack((prev) => {
+            if (prev.length === 0)
+                return prev;
+            return prev.map((entry, i) => i === prev.length - 1 ? { ...entry, isOpen: false } : entry);
+        });
+    }, []);
+    const removeEntry = useCallback((id, onCloseCb) => {
+        setStack((prev) => prev.filter((e) => e.id !== id));
+        onCloseCb?.();
+    }, []);
+    return (<BottomSheetContext.Provider value={{ openSheet, closeSheet }}>
+      {children}
+      {stack.length > 0 && (
+        // absoluteFill gives gorhom a full-screen reference frame for snap points
+        <View style={StyleSheet.absoluteFill} pointerEvents="box-none">
+          {stack.map((entry) => (<BottomSheet key={entry.id} isOpen={entry.isOpen} onOpen={entry.options.onOpen} onClose={() => removeEntry(entry.id, entry.options.onClose)} size={entry.options.size} expandable={entry.options.expandable} closeable={entry.options.closeable} showCloseButton={entry.options.showCloseButton} closeButtonPosition={entry.options.closeButtonPosition} blockBackground={entry.options.blockBackground} closeOnBackdropPress={entry.options.closeOnBackdropPress} backdrop={entry.options.backdrop} autoSize={entry.options.autoSize} keyboardBehavior={entry.options.keyboardBehavior} keyboardBlurBehavior={entry.options.keyboardBlurBehavior}>
+              {entry.content}
+            </BottomSheet>))}
+        </View>)}
+    </BottomSheetContext.Provider>);
+};
+/** Hook to open/close the global bottom sheet from anywhere in the app */
+export const useBottomSheet = () => {
+    const ctx = useContext(BottomSheetContext);
+    if (!ctx)
+        throw new Error('useBottomSheet must be used within BottomSheetProvider');
+    return ctx;
+};
+//# sourceMappingURL=BottomSheetContext.js.map

package/build/context/BottomSheetContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetContext.js","sourceRoot":"","sources":["../../src/context/BottomSheetContext.tsx"],"names":[],"mappings":"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","sourcesContent":["/** Provides a stackable global bottom sheet — openSheet pushes, closeSheet pops */\nimport React, { createContext, useCallback, useContext, useRef, useState } from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport { BottomSheet } from '../components/BottomSheet';\n\nexport type BottomSheetOptions = {\n  /** Initial height as a fraction of screen height (0 to 1) */\n  size?: number;\n  /** Allow sliding up to expand to full screen (default: true) */\n  expandable?: boolean;\n  /** Allow sliding down to close (default: true) */\n  closeable?: boolean;\n  /** Show a close button (default: false) */\n  showCloseButton?: boolean;\n  /** Position of the close button (default: 'right') */\n  closeButtonPosition?: 'left' | 'right';\n  /** Show dark backdrop behind the sheet (default: true) */\n  backdrop?: boolean;\n  /** Block interactions with content behind the sheet even without a visible backdrop (default: false) */\n  blockBackground?: boolean;\n  /** Close the sheet when the backdrop is pressed (default: false) */\n  closeOnBackdropPress?: boolean;\n  /** Auto-size the sheet based on content height instead of a fixed snap point (default: false) */\n  autoSize?: boolean;\n  /** How the sheet reacts when the keyboard opens */\n  keyboardBehavior?: 'extend' | 'fillParent' | 'interactive';\n  /** Whether the sheet restores its position when the keyboard closes */\n  keyboardBlurBehavior?: 'none' | 'restore';\n  /** Called when the sheet opens */\n  onOpen?: () => void;\n  /** Called when the sheet closes */\n  onClose?: () => void;\n};\n\ntype SheetEntry = {\n  id: number;\n  content: React.ReactNode;\n  options: BottomSheetOptions;\n  /** Controls the open/close animation — set to false to trigger close animation before removal */\n  isOpen: boolean;\n};\n\nexport type BottomSheetContextValue = {\n  /** Push a new sheet on top of the stack */\n  openSheet: (content: React.ReactNode, options?: BottomSheetOptions) => void;\n  /** Close the top-most sheet */\n  closeSheet: () => void;\n};\n\nconst BottomSheetContext = createContext<BottomSheetContextValue | null>(null);\n\nexport const BottomSheetProvider = ({ children }: { children: React.ReactNode }) => {\n  const [stack, setStack] = useState<SheetEntry[]>([]);\n  const lastOpenTimeRef = useRef(0);\n\n  const openSheet = useCallback((content: React.ReactNode, options: BottomSheetOptions = {}) => {\n    // Prevent rapid successive opens (double-tap protection).\n    // 300ms matches the gorhom sheet open animation duration — by the time a nested\n    // sheet is interactable, the window has already elapsed.\n    const now = Date.now();\n    if (now - lastOpenTimeRef.current < 300) return;\n    lastOpenTimeRef.current = now;\n\n    const id = now;\n    // Mount directly with isOpen=true — gorhom uses initialIndex prop to start open\n    setStack((prev) => [...prev, { id, content, options, isOpen: true }]);\n  }, []);\n\n  const closeSheet = useCallback(() => {\n    // Trigger close animation on the top sheet — removal happens in onClose callback\n    setStack((prev) => {\n      if (prev.length === 0) return prev;\n      return prev.map((entry, i) =>\n        i === prev.length - 1 ? { ...entry, isOpen: false } : entry,\n      );\n    });\n  }, []);\n\n  const removeEntry = useCallback((id: number, onCloseCb?: () => void) => {\n    setStack((prev) => prev.filter((e) => e.id !== id));\n    onCloseCb?.();\n  }, []);\n\n  return (\n    <BottomSheetContext.Provider value={{ openSheet, closeSheet }}>\n      {children}\n      {stack.length > 0 && (\n        // absoluteFill gives gorhom a full-screen reference frame for snap points\n        <View style={StyleSheet.absoluteFill} pointerEvents=\"box-none\">\n          {stack.map((entry) => (\n            <BottomSheet\n              key={entry.id}\n              isOpen={entry.isOpen}\n              onOpen={entry.options.onOpen}\n              onClose={() => removeEntry(entry.id, entry.options.onClose)}\n              size={entry.options.size}\n              expandable={entry.options.expandable}\n              closeable={entry.options.closeable}\n              showCloseButton={entry.options.showCloseButton}\n              closeButtonPosition={entry.options.closeButtonPosition}\n              blockBackground={entry.options.blockBackground}\n              closeOnBackdropPress={entry.options.closeOnBackdropPress}\n              backdrop={entry.options.backdrop}\n              autoSize={entry.options.autoSize}\n              keyboardBehavior={entry.options.keyboardBehavior}\n              keyboardBlurBehavior={entry.options.keyboardBlurBehavior}\n            >\n              {entry.content}\n            </BottomSheet>\n          ))}\n        </View>\n      )}\n    </BottomSheetContext.Provider>\n  );\n};\n\n/** Hook to open/close the global bottom sheet from anywhere in the app */\nexport const useBottomSheet = (): BottomSheetContextValue => {\n  const ctx = useContext(BottomSheetContext);\n  if (!ctx) throw new Error('useBottomSheet must be used within BottomSheetProvider');\n  return ctx;\n};"]}

package/build/context/ThemeContext.d.ts

@@ -3,13 +3,15 @@
  * Provides ThemeProvider and useTheme hook.
  * Consumer apps inject their own light/dark tokens via ThemeProvider props.
  */
-import React, { type ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import type { ColorSchemeTokens } from '../theme/type';
 interface ThemeContextValue {
     /** Resolved tokens for the active color scheme */
     colors: ColorSchemeTokens;
     /** Active color scheme */
     colorScheme: 'light' | 'dark';
+    /** Font family applied to all text in lib components — defaults to 'Urbanist' */
+    fontFamily: string;
 }
 interface ThemeProviderProps {
     /** Light tokens — defaults to GDM light */
@@ -18,9 +20,11 @@ interface ThemeProviderProps {
     dark?: ColorSchemeTokens;
     /** Force a color scheme — defaults to system preference */
     colorScheme?: 'light' | 'dark';
+    /** Font family applied to all text in lib components — defaults to 'Urbanist' */
+    fontFamily?: string;
     children: ReactNode;
 }
-export declare function ThemeProvider({ light, dark, colorScheme: forcedScheme, children, }: ThemeProviderProps): React.JSX.Element;
+export declare function ThemeProvider({ light, dark, colorScheme: forcedScheme, fontFamily, children, }: ThemeProviderProps): import("react").JSX.Element;
 /**
  * Returns resolved color tokens for the active theme and color scheme.
  * Falls back to light tokens when used outside a ThemeProvider.

package/build/context/ThemeContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../src/context/ThemeContext.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,EAIZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAMvD,UAAU,iBAAiB;IACzB,kDAAkD;IAClD,MAAM,EAAE,iBAAiB,CAAC;IAC1B,0BAA0B;IAC1B,WAAW,EAAE,OAAO,GAAG,MAAM,CAAC;CAC/B;AAaD,UAAU,kBAAkB;IAC1B,2CAA2C;IAC3C,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,yCAAyC;IACzC,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC/B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EACE,KAAmB,EACnB,IAAiB,EACjB,WAAW,EAAE,YAAY,EACzB,QAAQ,GACT,EAAE,kBAAkB,qBAgBlD;AAMD;;;GAGG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAE5C"}
+{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../src/context/ThemeContext.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAMvD,UAAU,iBAAiB;IACzB,kDAAkD;IAClD,MAAM,EAAE,iBAAiB,CAAC;IAC1B,0BAA0B;IAC1B,WAAW,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,iFAAiF;IACjF,UAAU,EAAE,MAAM,CAAC;CACpB;AAcD,UAAU,kBAAkB;IAC1B,2CAA2C;IAC3C,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,yCAAyC;IACzC,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC/B,iFAAiF;IACjF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EACE,KAAmB,EACnB,IAAiB,EACjB,WAAW,EAAE,YAAY,EACzB,UAAuB,EACvB,QAAQ,GACT,EAAE,kBAAkB,+BAiBlD;AAMD;;;GAGG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAE5C"}

package/build/context/ThemeContext.js

@@ -3,22 +3,24 @@
  * Provides ThemeProvider and useTheme hook.
  * Consumer apps inject their own light/dark tokens via ThemeProvider props.
  */
-import React, { createContext, useContext, useMemo, } from 'react';
+import { createContext, useContext, useMemo, } from 'react';
 import { useColorScheme } from 'react-native';
 import { lightTokens } from '../theme/tokens/light';
 import { darkTokens } from '../theme/tokens/dark';
 const DEFAULT_VALUE = {
     colors: lightTokens,
     colorScheme: 'light',
+    fontFamily: 'Urbanist',
 };
 const ThemeContext = createContext(DEFAULT_VALUE);
-export function ThemeProvider({ light = lightTokens, dark = darkTokens, colorScheme: forcedScheme, children, }) {
+export function ThemeProvider({ light = lightTokens, dark = darkTokens, colorScheme: forcedScheme, fontFamily = 'Urbanist', children, }) {
     const systemScheme = useColorScheme();
     const colorScheme = forcedScheme ?? (systemScheme === 'dark' ? 'dark' : 'light');
     const value = useMemo(() => ({
         colors: colorScheme === 'dark' ? dark : light,
         colorScheme,
-    }), [light, dark, colorScheme]);
+        fontFamily,
+    }), [light, dark, colorScheme, fontFamily]);
     return (<ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>);
 }
 // ---------------------------------------------------------------------------

package/build/context/ThemeContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeContext.js","sourceRoot":"","sources":["../../src/context/ThemeContext.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,EACZ,aAAa,EACb,UAAU,EACV,OAAO,GAER,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAclD,MAAM,aAAa,GAAsB;IACvC,MAAM,EAAE,WAAW;IACnB,WAAW,EAAE,OAAO;CACrB,CAAC;AAEF,MAAM,YAAY,GAAG,aAAa,CAAoB,aAAa,CAAC,CAAC;AAgBrE,MAAM,UAAU,aAAa,CAAC,EACE,KAAK,GAAG,WAAW,EACnB,IAAI,GAAG,UAAU,EACjB,WAAW,EAAE,YAAY,EACzB,QAAQ,GACW;IACjD,MAAM,YAAY,GAAG,cAAc,EAAE,CAAC;IACtC,MAAM,WAAW,GACf,YAAY,IAAI,CAAC,YAAY,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAE/D,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;QAC7C,WAAW;KACZ,CAAC,EACF,CAAC,KAAK,EAAE,IAAI,EAAE,WAAW,CAAC,CAC3B,CAAC;IAEF,OAAO,CACL,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CACxE,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,OAAO;AACP,8EAA8E;AAE9E;;;GAGG;AACH,MAAM,UAAU,QAAQ;IACtB,OAAO,UAAU,CAAC,YAAY,CAAC,CAAC;AAClC,CAAC","sourcesContent":["/**\n * Theme system for Traq[UI]ste Mobile.\n * Provides ThemeProvider and useTheme hook.\n * Consumer apps inject their own light/dark tokens via ThemeProvider props.\n */\n\nimport React, {\n  createContext,\n  useContext,\n  useMemo,\n  type ReactNode,\n} from 'react';\nimport { useColorScheme } from 'react-native';\n\nimport { lightTokens } from '../theme/tokens/light';\nimport { darkTokens } from '../theme/tokens/dark';\nimport type { ColorSchemeTokens } from '../theme/type';\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\ninterface ThemeContextValue {\n  /** Resolved tokens for the active color scheme */\n  colors: ColorSchemeTokens;\n  /** Active color scheme */\n  colorScheme: 'light' | 'dark';\n}\n\nconst DEFAULT_VALUE: ThemeContextValue = {\n  colors: lightTokens,\n  colorScheme: 'light',\n};\n\nconst ThemeContext = createContext<ThemeContextValue>(DEFAULT_VALUE);\n\n// ---------------------------------------------------------------------------\n// Provider\n// ---------------------------------------------------------------------------\n\ninterface ThemeProviderProps {\n  /** Light tokens — defaults to GDM light */\n  light?: ColorSchemeTokens;\n  /** Dark tokens — defaults to GDM dark */\n  dark?: ColorSchemeTokens;\n  /** Force a color scheme — defaults to system preference */\n  colorScheme?: 'light' | 'dark';\n  children: ReactNode;\n}\n\nexport function ThemeProvider({\n                                light = lightTokens,\n                                dark = darkTokens,\n                                colorScheme: forcedScheme,\n                                children,\n                              }: ThemeProviderProps) {\n  const systemScheme = useColorScheme();\n  const colorScheme: 'light' | 'dark' =\n    forcedScheme ?? (systemScheme === 'dark' ? 'dark' : 'light');\n\n  const value = useMemo<ThemeContextValue>(\n    () => ({\n      colors: colorScheme === 'dark' ? dark : light,\n      colorScheme,\n    }),\n    [light, dark, colorScheme],\n  );\n\n  return (\n    <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Hook\n// ---------------------------------------------------------------------------\n\n/**\n * Returns resolved color tokens for the active theme and color scheme.\n * Falls back to light tokens when used outside a ThemeProvider.\n */\nexport function useTheme(): ThemeContextValue {\n  return useContext(ThemeContext);\n}"]}
+{"version":3,"file":"ThemeContext.js","sourceRoot":"","sources":["../../src/context/ThemeContext.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EACL,aAAa,EACb,UAAU,EACV,OAAO,GAER,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAgBlD,MAAM,aAAa,GAAsB;IACvC,MAAM,EAAE,WAAW;IACnB,WAAW,EAAE,OAAO;IACpB,UAAU,EAAE,UAAU;CACvB,CAAC;AAEF,MAAM,YAAY,GAAG,aAAa,CAAoB,aAAa,CAAC,CAAC;AAkBrE,MAAM,UAAU,aAAa,CAAC,EACE,KAAK,GAAG,WAAW,EACnB,IAAI,GAAG,UAAU,EACjB,WAAW,EAAE,YAAY,EACzB,UAAU,GAAG,UAAU,EACvB,QAAQ,GACW;IACjD,MAAM,YAAY,GAAG,cAAc,EAAE,CAAC;IACtC,MAAM,WAAW,GACf,YAAY,IAAI,CAAC,YAAY,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAE/D,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;QAC7C,WAAW;QACX,UAAU;KACX,CAAC,EACF,CAAC,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,CAAC,CACvC,CAAC;IAEF,OAAO,CACL,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CACxE,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,OAAO;AACP,8EAA8E;AAE9E;;;GAGG;AACH,MAAM,UAAU,QAAQ;IACtB,OAAO,UAAU,CAAC,YAAY,CAAC,CAAC;AAClC,CAAC","sourcesContent":["/**\n * Theme system for Traq[UI]ste Mobile.\n * Provides ThemeProvider and useTheme hook.\n * Consumer apps inject their own light/dark tokens via ThemeProvider props.\n */\n\nimport {\n  createContext,\n  useContext,\n  useMemo,\n  type ReactNode,\n} from 'react';\nimport { useColorScheme } from 'react-native';\n\nimport { lightTokens } from '../theme/tokens/light';\nimport { darkTokens } from '../theme/tokens/dark';\nimport type { ColorSchemeTokens } from '../theme/type';\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\ninterface ThemeContextValue {\n  /** Resolved tokens for the active color scheme */\n  colors: ColorSchemeTokens;\n  /** Active color scheme */\n  colorScheme: 'light' | 'dark';\n  /** Font family applied to all text in lib components — defaults to 'Urbanist' */\n  fontFamily: string;\n}\n\nconst DEFAULT_VALUE: ThemeContextValue = {\n  colors: lightTokens,\n  colorScheme: 'light',\n  fontFamily: 'Urbanist',\n};\n\nconst ThemeContext = createContext<ThemeContextValue>(DEFAULT_VALUE);\n\n// ---------------------------------------------------------------------------\n// Provider\n// ---------------------------------------------------------------------------\n\ninterface ThemeProviderProps {\n  /** Light tokens — defaults to GDM light */\n  light?: ColorSchemeTokens;\n  /** Dark tokens — defaults to GDM dark */\n  dark?: ColorSchemeTokens;\n  /** Force a color scheme — defaults to system preference */\n  colorScheme?: 'light' | 'dark';\n  /** Font family applied to all text in lib components — defaults to 'Urbanist' */\n  fontFamily?: string;\n  children: ReactNode;\n}\n\nexport function ThemeProvider({\n                                light = lightTokens,\n                                dark = darkTokens,\n                                colorScheme: forcedScheme,\n                                fontFamily = 'Urbanist',\n                                children,\n                              }: ThemeProviderProps) {\n  const systemScheme = useColorScheme();\n  const colorScheme: 'light' | 'dark' =\n    forcedScheme ?? (systemScheme === 'dark' ? 'dark' : 'light');\n\n  const value = useMemo<ThemeContextValue>(\n    () => ({\n      colors: colorScheme === 'dark' ? dark : light,\n      colorScheme,\n      fontFamily,\n    }),\n    [light, dark, colorScheme, fontFamily],\n  );\n\n  return (\n    <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Hook\n// ---------------------------------------------------------------------------\n\n/**\n * Returns resolved color tokens for the active theme and color scheme.\n * Falls back to light tokens when used outside a ThemeProvider.\n */\nexport function useTheme(): ThemeContextValue {\n  return useContext(ThemeContext);\n}"]}