@situaction/traquiste-mobile 1.0.0 → 1.1.0

package/build/components/Tab/Tab.styles.d.ts

@@ -0,0 +1,55 @@
+export declare const styles: {
+    autoSize: {
+        alignSelf: "flex-start";
+    };
+    lineContainer: {
+        flexDirection: "row";
+        borderBottomWidth: number;
+        alignItems: "flex-end";
+    };
+    lineTab: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        gap: number;
+        minHeight: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+    };
+    lineTabFlex: {
+        flex: number;
+    };
+    lineScrollContent: {
+        flexDirection: "row";
+    };
+    buttonContainer: {
+        flexDirection: "row";
+        borderWidth: number;
+        borderRadius: number;
+        padding: number;
+        gap: number;
+    };
+    buttonTab: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        gap: number;
+        borderRadius: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+    };
+    buttonTabFlex: {
+        flex: number;
+    };
+    buttonScrollContent: {
+        flexDirection: "row";
+        gap: number;
+    };
+    label: {
+        fontFamily: string;
+        fontSize: number;
+        fontWeight: "600";
+        lineHeight: number;
+    };
+};
+//# sourceMappingURL=Tab.styles.d.ts.map

package/build/components/Tab/Tab.styles.d.ts.map

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

package/build/components/Tab/Tab.styles.js

@@ -0,0 +1,60 @@
+import { StyleSheet } from 'react-native';
+export const styles = StyleSheet.create({
+    // -- Shared
+    autoSize: {
+        alignSelf: 'flex-start',
+    },
+    // -- Line variant
+    lineContainer: {
+        flexDirection: 'row',
+        borderBottomWidth: 1,
+        alignItems: 'flex-end',
+    },
+    lineTab: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: 4,
+        minHeight: 40,
+        paddingHorizontal: 16,
+        paddingVertical: 8,
+    },
+    lineTabFlex: {
+        flex: 1,
+    },
+    lineScrollContent: {
+        flexDirection: 'row',
+    },
+    // -- Button variant
+    buttonContainer: {
+        flexDirection: 'row',
+        borderWidth: 1,
+        borderRadius: 6,
+        padding: 2,
+        gap: 4,
+    },
+    buttonTab: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: 4,
+        borderRadius: 4,
+        paddingHorizontal: 12,
+        paddingVertical: 6,
+    },
+    buttonTabFlex: {
+        flex: 1,
+    },
+    buttonScrollContent: {
+        flexDirection: 'row',
+        gap: 4,
+    },
+    // -- Shared
+    label: {
+        fontFamily: 'Urbanist',
+        fontSize: 14,
+        fontWeight: '600',
+        lineHeight: 20,
+    },
+});
+//# sourceMappingURL=Tab.styles.js.map

package/build/components/Tab/Tab.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.styles.js","sourceRoot":"","sources":["../../../src/components/Tab/Tab.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IACtC,YAAY;IACZ,QAAQ,EAAE;QACR,SAAS,EAAE,YAAY;KACxB;IAED,kBAAkB;IAClB,aAAa,EAAE;QACb,aAAa,EAAI,KAAK;QACtB,iBAAiB,EAAE,CAAC;QACpB,UAAU,EAAO,UAAU;KAC5B;IACD,OAAO,EAAE;QACP,aAAa,EAAG,KAAK;QACrB,UAAU,EAAM,QAAQ;QACxB,cAAc,EAAE,QAAQ;QACxB,GAAG,EAAa,CAAC;QACjB,SAAS,EAAO,EAAE;QAClB,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAI,CAAC;KACrB;IACD,WAAW,EAAE;QACX,IAAI,EAAE,CAAC;KACR;IACD,iBAAiB,EAAE;QACjB,aAAa,EAAE,KAAK;KACrB;IAED,oBAAoB;IACpB,eAAe,EAAE;QACf,aAAa,EAAE,KAAK;QACpB,WAAW,EAAI,CAAC;QAChB,YAAY,EAAG,CAAC;QAChB,OAAO,EAAQ,CAAC;QAChB,GAAG,EAAY,CAAC;KACjB;IACD,SAAS,EAAE;QACT,aAAa,EAAM,KAAK;QACxB,UAAU,EAAS,QAAQ;QAC3B,cAAc,EAAK,QAAQ;QAC3B,GAAG,EAAgB,CAAC;QACpB,YAAY,EAAO,CAAC;QACpB,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAI,CAAC;KACrB;IACD,aAAa,EAAE;QACb,IAAI,EAAE,CAAC;KACR;IACD,mBAAmB,EAAE;QACnB,aAAa,EAAE,KAAK;QACpB,GAAG,EAAY,CAAC;KACjB;IAED,YAAY;IACZ,KAAK,EAAE;QACL,UAAU,EAAG,UAAU;QACvB,QAAQ,EAAK,EAAE;QACf,UAAU,EAAG,KAAK;QAClB,UAAU,EAAG,EAAE;KAChB;CACF,CAAC,CAAC","sourcesContent":["import { StyleSheet } from 'react-native';\n\nexport const styles = StyleSheet.create({\n  // -- Shared\n  autoSize: {\n    alignSelf: 'flex-start',\n  },\n\n  // -- Line variant\n  lineContainer: {\n    flexDirection:   'row',\n    borderBottomWidth: 1,\n    alignItems:      'flex-end',\n  },\n  lineTab: {\n    flexDirection:  'row',\n    alignItems:     'center',\n    justifyContent: 'center',\n    gap:            4,\n    minHeight:      40,\n    paddingHorizontal: 16,\n    paddingVertical:   8,\n  },\n  lineTabFlex: {\n    flex: 1,\n  },\n  lineScrollContent: {\n    flexDirection: 'row',\n  },\n\n  // -- Button variant\n  buttonContainer: {\n    flexDirection: 'row',\n    borderWidth:   1,\n    borderRadius:  6,\n    padding:       2,\n    gap:           4,\n  },\n  buttonTab: {\n    flexDirection:     'row',\n    alignItems:        'center',\n    justifyContent:    'center',\n    gap:               4,\n    borderRadius:      4,\n    paddingHorizontal: 12,\n    paddingVertical:   6,\n  },\n  buttonTabFlex: {\n    flex: 1,\n  },\n  buttonScrollContent: {\n    flexDirection: 'row',\n    gap:           4,\n  },\n\n  // -- Shared\n  label: {\n    fontFamily:  'Urbanist',\n    fontSize:    14,\n    fontWeight:  '600',\n    lineHeight:  20,\n  },\n});"]}

package/build/components/Tab/index.d.ts

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

package/build/components/Tab/index.d.ts.map

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

package/build/components/Tab/index.js

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

package/build/components/Tab/index.js.map

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

package/build/components/Tag/Tag.d.ts

@@ -0,0 +1,4 @@
+import type { TagProps } from './Tag.types';
+export declare function Tag({ label, size, shape, disabled, color, textColor, iconLeft, onClose, }: TagProps): import("react").JSX.Element;
+export default Tag;
+//# sourceMappingURL=Tag.d.ts.map

package/build/components/Tag/Tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAG5C,wBAAgB,GAAG,CAAC,EAClB,KAAK,EACL,IAAW,EACX,KAAc,EACd,QAAgB,EAChB,KAAK,EACL,SAAS,EACT,QAAQ,EACR,OAAO,GACR,EAAE,QAAQ,+BA6CV;AAED,eAAe,GAAG,CAAC"}

package/build/components/Tag/Tag.js

@@ -0,0 +1,40 @@
+/**
+ * Tag component — compact label badge with optional icon slot and close button.
+ * Colors come from colors.tag.purple / colors.tag.disabled via useTheme().
+ */
+import { Pressable, Text, View } from 'react-native';
+import { X } from 'phosphor-react-native';
+import { useTheme } from '../../context/ThemeContext';
+import { getBorderRadius, getSizeTokens, styles } from './Tag.styles';
+export function Tag({ label, size = 'md', shape = 'pill', disabled = false, color, textColor, iconLeft, onClose, }) {
+    const { colors, fontFamily } = useTheme();
+    const tagColors = disabled ? colors.tag.disabled : colors.tag.purple;
+    const sizeTokens = getSizeTokens(size);
+    const borderRadius = getBorderRadius(size, shape);
+    // Custom color prop overrides background; textColor overrides text/icon
+    const resolvedBg = !disabled && color ? color : tagColors.background;
+    const resolvedText = !disabled && textColor ? textColor : tagColors.text;
+    const resolvedIcon = !disabled && textColor ? textColor : tagColors.icon;
+    const containerStyle = {
+        paddingHorizontal: sizeTokens.paddingHorizontal,
+        paddingVertical: sizeTokens.paddingVertical,
+        gap: sizeTokens.gap,
+        borderRadius,
+        backgroundColor: resolvedBg,
+    };
+    return (<View style={[styles.row, containerStyle]}>
+      {iconLeft != null && (<View style={{ width: sizeTokens.iconSize, height: sizeTokens.iconSize, alignItems: 'center', justifyContent: 'center' }}>
+          {iconLeft}
+        </View>)}
+
+      <Text style={[styles.label, { fontSize: sizeTokens.fontSize, color: resolvedText, fontFamily }]} numberOfLines={1}>
+        {label}
+      </Text>
+
+      {onClose != null && (<Pressable style={styles.closeHitZone} onPress={disabled ? undefined : onClose} accessibilityRole="button" accessibilityLabel="Remove tag" pointerEvents={disabled ? 'none' : 'auto'}>
+          <X size={sizeTokens.closeSize} color={resolvedIcon} weight="bold"/>
+        </Pressable>)}
+    </View>);
+}
+export default Tag;
+//# sourceMappingURL=Tag.js.map

package/build/components/Tag/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * Tag component — compact label badge with optional icon slot and close button.\n * Colors come from colors.tag.purple / colors.tag.disabled via useTheme().\n */\nimport { Pressable, Text, View } from 'react-native';\nimport { X } from 'phosphor-react-native';\nimport { useTheme } from '../../context/ThemeContext';\nimport type { TagProps } from './Tag.types';\nimport { getBorderRadius, getSizeTokens, styles } from './Tag.styles';\n\nexport function Tag({\n  label,\n  size = 'md',\n  shape = 'pill',\n  disabled = false,\n  color,\n  textColor,\n  iconLeft,\n  onClose,\n}: TagProps) {\n  const { colors, fontFamily } = useTheme();\n  const tagColors  = disabled ? colors.tag.disabled : colors.tag.purple;\n\n  const sizeTokens  = getSizeTokens(size);\n  const borderRadius = getBorderRadius(size, shape);\n\n  // Custom color prop overrides background; textColor overrides text/icon\n  const resolvedBg   = !disabled && color ? color : tagColors.background;\n  const resolvedText = !disabled && textColor ? textColor : tagColors.text;\n  const resolvedIcon = !disabled && textColor ? textColor : tagColors.icon;\n\n  const containerStyle = {\n    paddingHorizontal: sizeTokens.paddingHorizontal,\n    paddingVertical:   sizeTokens.paddingVertical,\n    gap:               sizeTokens.gap,\n    borderRadius,\n    backgroundColor:   resolvedBg,\n  };\n\n  return (\n    <View style={[styles.row, containerStyle]}>\n      {iconLeft != null && (\n        <View style={{ width: sizeTokens.iconSize, height: sizeTokens.iconSize, alignItems: 'center', justifyContent: 'center' }}>\n          {iconLeft}\n        </View>\n      )}\n\n      <Text style={[styles.label, { fontSize: sizeTokens.fontSize, color: resolvedText, fontFamily }]} numberOfLines={1}>\n        {label}\n      </Text>\n\n      {onClose != null && (\n        <Pressable\n          style={styles.closeHitZone}\n          onPress={disabled ? undefined : onClose}\n          accessibilityRole=\"button\"\n          accessibilityLabel=\"Remove tag\"\n          pointerEvents={disabled ? 'none' : 'auto'}\n        >\n          <X size={sizeTokens.closeSize} color={resolvedIcon} weight=\"bold\" />\n        </Pressable>\n      )}\n    </View>\n  );\n}\n\nexport default Tag;"]}

package/build/components/Tag/Tag.styles.d.ts

@@ -0,0 +1,33 @@
+import type { TagSize, TagShape } from './Tag.types';
+interface SizeTokens {
+    paddingHorizontal: number;
+    paddingVertical: number;
+    fontSize: number;
+    iconSize: number;
+    closeSize: number;
+    gap: number;
+}
+export declare function getSizeTokens(size: TagSize): SizeTokens;
+export declare function getBorderRadius(size: TagSize, shape: TagShape): number;
+export declare const styles: {
+    row: {
+        flexDirection: "row";
+        alignItems: "center";
+        alignSelf: "flex-start";
+        borderWidth: number;
+        borderColor: string;
+    };
+    label: {
+        fontFamily: string;
+        fontWeight: "600";
+        flexShrink: number;
+    };
+    closeHitZone: {
+        width: number;
+        height: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+};
+export {};
+//# sourceMappingURL=Tag.styles.d.ts.map

package/build/components/Tag/Tag.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAIrD,UAAU,UAAU;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;CACb;AAkBD,wBAAgB,aAAa,CAAC,IAAI,EAAE,OAAO,GAAG,UAAU,CAEvD;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,GAAG,MAAM,CAEtE;AAID,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;CAmBjB,CAAC"}

package/build/components/Tag/Tag.styles.js

@@ -0,0 +1,43 @@
+/** Layout tokens and static styles for the Tag component — colors come from useTheme() */
+import { StyleSheet } from 'react-native';
+const SIZE_TOKENS = {
+    xs: { paddingHorizontal: 6, paddingVertical: 4, fontSize: 10, iconSize: 12, closeSize: 8, gap: 4 },
+    sm: { paddingHorizontal: 8, paddingVertical: 4, fontSize: 12, iconSize: 14, closeSize: 10, gap: 4 },
+    md: { paddingHorizontal: 10, paddingVertical: 6, fontSize: 13, iconSize: 16, closeSize: 12, gap: 4 },
+    lg: { paddingHorizontal: 12, paddingVertical: 8, fontSize: 14, iconSize: 18, closeSize: 14, gap: 6 },
+};
+const BORDER_RADIUS_ROUNDED = {
+    xs: 2,
+    sm: 4,
+    md: 6,
+    lg: 8,
+};
+// --- Helpers ---
+export function getSizeTokens(size) {
+    return SIZE_TOKENS[size];
+}
+export function getBorderRadius(size, shape) {
+    return shape === 'pill' ? 9999 : BORDER_RADIUS_ROUNDED[size];
+}
+// --- Static styles ---
+export const styles = StyleSheet.create({
+    row: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        alignSelf: 'flex-start',
+        borderWidth: 1,
+        borderColor: 'transparent',
+    },
+    label: {
+        fontFamily: 'Urbanist',
+        fontWeight: '600',
+        flexShrink: 1,
+    },
+    closeHitZone: {
+        width: 20,
+        height: 20,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+});
+//# sourceMappingURL=Tag.styles.js.map

package/build/components/Tag/Tag.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.styles.js","sourceRoot":"","sources":["../../../src/components/Tag/Tag.styles.ts"],"names":[],"mappings":"AAAA,0FAA0F;AAC1F,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAc1C,MAAM,WAAW,GAAgC;IAC/C,EAAE,EAAE,EAAE,iBAAiB,EAAE,CAAC,EAAG,eAAe,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAG,GAAG,EAAE,CAAC,EAAE;IACpG,EAAE,EAAE,EAAE,iBAAiB,EAAE,CAAC,EAAG,eAAe,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE;IACpG,EAAE,EAAE,EAAE,iBAAiB,EAAE,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE;IACpG,EAAE,EAAE,EAAE,iBAAiB,EAAE,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE;CACrG,CAAC;AAEF,MAAM,qBAAqB,GAA4B;IACrD,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACN,CAAC;AAEF,kBAAkB;AAElB,MAAM,UAAU,aAAa,CAAC,IAAa;IACzC,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC;AAC3B,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,IAAa,EAAE,KAAe;IAC5D,OAAO,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC;AAC/D,CAAC;AAED,wBAAwB;AAExB,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IACtC,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,SAAS,EAAE,YAAY;QACvB,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,aAAa;KAC3B;IACD,KAAK,EAAE;QACL,UAAU,EAAE,UAAU;QACtB,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,CAAC;KACd;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;CACF,CAAC,CAAC","sourcesContent":["/** Layout tokens and static styles for the Tag component — colors come from useTheme() */\nimport { StyleSheet } from 'react-native';\nimport type { TagSize, TagShape } from './Tag.types';\n\n// --- Size tokens ---\n\ninterface SizeTokens {\n  paddingHorizontal: number;\n  paddingVertical: number;\n  fontSize: number;\n  iconSize: number;\n  closeSize: number;\n  gap: number;\n}\n\nconst SIZE_TOKENS: Record<TagSize, SizeTokens> = {\n  xs: { paddingHorizontal: 6,  paddingVertical: 4, fontSize: 10, iconSize: 12, closeSize: 8,  gap: 4 },\n  sm: { paddingHorizontal: 8,  paddingVertical: 4, fontSize: 12, iconSize: 14, closeSize: 10, gap: 4 },\n  md: { paddingHorizontal: 10, paddingVertical: 6, fontSize: 13, iconSize: 16, closeSize: 12, gap: 4 },\n  lg: { paddingHorizontal: 12, paddingVertical: 8, fontSize: 14, iconSize: 18, closeSize: 14, gap: 6 },\n};\n\nconst BORDER_RADIUS_ROUNDED: Record<TagSize, number> = {\n  xs: 2,\n  sm: 4,\n  md: 6,\n  lg: 8,\n};\n\n// --- Helpers ---\n\nexport function getSizeTokens(size: TagSize): SizeTokens {\n  return SIZE_TOKENS[size];\n}\n\nexport function getBorderRadius(size: TagSize, shape: TagShape): number {\n  return shape === 'pill' ? 9999 : BORDER_RADIUS_ROUNDED[size];\n}\n\n// --- Static styles ---\n\nexport const styles = StyleSheet.create({\n  row: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    alignSelf: 'flex-start',\n    borderWidth: 1,\n    borderColor: 'transparent',\n  },\n  label: {\n    fontFamily: 'Urbanist',\n    fontWeight: '600',\n    flexShrink: 1,\n  },\n  closeHitZone: {\n    width: 20,\n    height: 20,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});"]}

package/build/components/Tag/Tag.types.d.ts

@@ -0,0 +1,23 @@
+/** Types for the Tag component */
+import type { ReactNode } from 'react';
+export type TagSize = 'xs' | 'sm' | 'md' | 'lg';
+export type TagShape = 'pill' | 'rounded';
+export interface TagProps {
+    /** Tag label text */
+    label: string;
+    /** Size */
+    size?: TagSize;
+    /** Shape — pill (9999px) or rounded */
+    shape?: TagShape;
+    /** Disabled state — uses colors.tag.disabled tokens */
+    disabled?: boolean;
+    /** Optional left slot — icon or avatar node */
+    iconLeft?: ReactNode;
+    /** Custom background color override (hex) — overrides colors.tag.purple.background */
+    color?: string;
+    /** Custom text/icon color override — used alongside color prop */
+    textColor?: string;
+    /** Called when close button is pressed — shows close button when defined */
+    onClose?: () => void;
+}
+//# sourceMappingURL=Tag.types.d.ts.map

package/build/components/Tag/Tag.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.types.ts"],"names":[],"mappings":"AAAA,kCAAkC;AAClC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAChD,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;AAC1C,MAAM,WAAW,QAAQ;IACvB,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW;IACX,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,sFAAsF;IACtF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB"}

package/build/components/Tag/Tag.types.js

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

package/build/components/Tag/Tag.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.types.js","sourceRoot":"","sources":["../../../src/components/Tag/Tag.types.ts"],"names":[],"mappings":"","sourcesContent":["/** Types for the Tag component */\nimport type { ReactNode } from 'react';\n\nexport type TagSize = 'xs' | 'sm' | 'md' | 'lg';\nexport type TagShape = 'pill' | 'rounded';\nexport interface TagProps {\n  /** Tag label text */\n  label: string;\n  /** Size */\n  size?: TagSize;\n  /** Shape — pill (9999px) or rounded */\n  shape?: TagShape;\n  /** Disabled state — uses colors.tag.disabled tokens */\n  disabled?: boolean;\n  /** Optional left slot — icon or avatar node */\n  iconLeft?: ReactNode;\n  /** Custom background color override (hex) — overrides colors.tag.purple.background */\n  color?: string;\n  /** Custom text/icon color override — used alongside color prop */\n  textColor?: string;\n  /** Called when close button is pressed — shows close button when defined */\n  onClose?: () => void;\n}"]}

package/build/components/Tag/index.d.ts

@@ -0,0 +1,3 @@
+export { Tag } from './Tag';
+export type { TagProps, TagSize, TagShape } from './Tag.types';
+//# sourceMappingURL=index.d.ts.map

package/build/components/Tag/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC"}

package/build/components/Tag/index.js

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

package/build/components/Tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC","sourcesContent":["export { Tag } from './Tag';\nexport type { TagProps, TagSize, TagShape } from './Tag.types';"]}

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

@@ -0,0 +1,19 @@
+/** Top navigation bar — left icon (display only) + title grouped left, right Button pushed to the far right */
+import React from 'react';
+import { type Icon } from 'phosphor-react-native';
+export type GeneralNavAction = {
+    /** Icon element to pass to Button's iconLeft prop */
+    icon: React.ReactElement;
+    onPress: () => void;
+    accessibilityLabel?: string;
+};
+export interface GeneralNavProps {
+    /** Page title — always required */
+    title: string;
+    /** Optional left icon — display only, no press handler */
+    leftIcon?: Icon;
+    /** One or two right actions — each rendered as a ghost icon-only Button */
+    rightActions?: GeneralNavAction[];
+}
+export declare function GeneralNav({ title, leftIcon: LeftIconProp, rightActions, }: GeneralNavProps): React.JSX.Element;
+//# sourceMappingURL=GeneralNav.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GeneralNav.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/GeneralNav/GeneralNav.tsx"],"names":[],"mappings":"AAAA,+GAA+G;AAC/G,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAiB,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAKjE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,qDAAqD;IACrD,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,gBAAgB,EAAE,CAAC;CACnC;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EAAE,YAAY,EACtB,YAAY,GACb,EAAE,eAAe,qBAoCjB"}

package/build/components/navigation/GeneralNav/GeneralNav.js

@@ -0,0 +1,27 @@
+/** Top navigation bar — left icon (display only) + title grouped left, right Button pushed to the far right */
+import React from 'react';
+import { View, Text } from 'react-native';
+import { CaretLeftIcon } from 'phosphor-react-native';
+import { useTheme } from '../../../context/ThemeContext';
+import { Button } from '../../Button';
+import { styles } from './GeneralNav.styles';
+export function GeneralNav({ title, leftIcon: LeftIconProp, rightActions, }) {
+    const { colors, fontFamily } = useTheme();
+    const nav = colors.generalNav;
+    const LeftIcon = LeftIconProp ?? CaretLeftIcon;
+    return (<View style={[styles.container, { backgroundColor: colors.background.primary }]}>
+      {/* Left group: icon (display only) + title — takes all available space */}
+      <View style={styles.leftGroup}>
+        {LeftIconProp && (<LeftIcon size={24} weight="bold" color={nav.navTextIcons}/>)}
+        <Text style={[styles.title, { color: nav.navTextIcons, fontFamily }]} numberOfLines={1}>
+          {title}
+        </Text>
+      </View>
+
+      {/* Right actions — ghost icon-only Buttons, pushed to far right by leftGroup flex: 1 */}
+      {rightActions && rightActions.length > 0 && (<View style={styles.rightGroup}>
+          {rightActions.map((action, index) => (<Button key={index} variant="tertiary" content="icon-only-rounded" size="M" iconLeft={action.icon} onPress={action.onPress} accessibilityLabel={action.accessibilityLabel}/>))}
+        </View>)}
+    </View>);
+}
+//# sourceMappingURL=GeneralNav.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GeneralNav.js","sourceRoot":"","sources":["../../../../src/components/navigation/GeneralNav/GeneralNav.tsx"],"names":[],"mappings":"AAAA,+GAA+G;AAC/G,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAa,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAkB7C,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EAAE,YAAY,EACtB,YAAY,GACI;IAChB,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC1C,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC;IAE9B,MAAM,QAAQ,GAAG,YAAY,IAAI,aAAa,CAAC;IAE/C,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE,eAAe,EAAE,MAAM,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAC9E;MAAA,CAAC,yEAAyE,CAC1E;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;QAAA,CAAC,YAAY,IAAI,CACf,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC,EAAG,CAC9D,CACD;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,YAAY,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CACrF;UAAA,CAAC,KAAK,CACR;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,IAAI,CAEN;;MAAA,CAAC,uFAAuF,CACxF;MAAA,CAAC,YAAY,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,CAC1C,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAC7B;UAAA,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACnC,CAAC,MAAM,CACL,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,OAAO,CAAC,UAAU,CAClB,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,EAC9C,CACH,CAAC,CACJ;QAAA,EAAE,IAAI,CAAC,CACR,CACH;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC","sourcesContent":["/** Top navigation bar — left icon (display only) + title grouped left, right Button pushed to the far right */\nimport React from 'react';\nimport { View, Text } from 'react-native';\nimport { CaretLeftIcon, type Icon } from 'phosphor-react-native';\nimport { useTheme } from '../../../context/ThemeContext';\nimport { Button } from '../../Button';\nimport { styles } from './GeneralNav.styles';\n\nexport type GeneralNavAction = {\n  /** Icon element to pass to Button's iconLeft prop */\n  icon: React.ReactElement;\n  onPress: () => void;\n  accessibilityLabel?: string;\n};\n\nexport interface GeneralNavProps {\n  /** Page title — always required */\n  title: string;\n  /** Optional left icon — display only, no press handler */\n  leftIcon?: Icon;\n  /** One or two right actions — each rendered as a ghost icon-only Button */\n  rightActions?: GeneralNavAction[];\n}\n\nexport function GeneralNav({\n  title,\n  leftIcon: LeftIconProp,\n  rightActions,\n}: GeneralNavProps) {\n  const { colors, fontFamily } = useTheme();\n  const nav = colors.generalNav;\n\n  const LeftIcon = LeftIconProp ?? CaretLeftIcon;\n\n  return (\n    <View style={[styles.container, { backgroundColor: colors.background.primary }]}>\n      {/* Left group: icon (display only) + title — takes all available space */}\n      <View style={styles.leftGroup}>\n        {LeftIconProp && (\n          <LeftIcon size={24} weight=\"bold\" color={nav.navTextIcons} />\n        )}\n        <Text style={[styles.title, { color: nav.navTextIcons, fontFamily }]} numberOfLines={1}>\n          {title}\n        </Text>\n      </View>\n\n      {/* Right actions — ghost icon-only Buttons, pushed to far right by leftGroup flex: 1 */}\n      {rightActions && rightActions.length > 0 && (\n        <View style={styles.rightGroup}>\n          {rightActions.map((action, index) => (\n            <Button\n              key={index}\n              variant=\"tertiary\"\n              content=\"icon-only-rounded\"\n              size=\"M\"\n              iconLeft={action.icon}\n              onPress={action.onPress}\n              accessibilityLabel={action.accessibilityLabel}\n            />\n          ))}\n        </View>\n      )}\n    </View>\n  );\n}"]}

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

@@ -0,0 +1,33 @@
+/** Width/height of the left and right icon slots (touch target) */
+export declare const SLOT_SIZE = 44;
+/** Fixed height of the navigation bar */
+export declare const NAV_HEIGHT = 56;
+export declare const styles: {
+    container: {
+        width: "100%";
+        height: number;
+        flexDirection: "row";
+        alignItems: "center";
+        paddingHorizontal: number;
+    };
+    /** Groups the optional left icon and the title — takes all available space */
+    leftGroup: {
+        flex: number;
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+    };
+    title: {
+        flex: number;
+        fontSize: number;
+        fontWeight: "700";
+        fontFamily: string;
+        lineHeight: number;
+    };
+    rightGroup: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+    };
+};
+//# sourceMappingURL=GeneralNav.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GeneralNav.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/GeneralNav/GeneralNav.styles.ts"],"names":[],"mappings":"AAGA,mEAAmE;AACnE,eAAO,MAAM,SAAS,KAAK,CAAC;AAC5B,yCAAyC;AACzC,eAAO,MAAM,UAAU,KAAK,CAAC;AAE7B,eAAO,MAAM,MAAM;;;;;;;;IAQjB,8EAA8E;;;;;;;;;;;;;;;;;;;CAmB9E,CAAC"}

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

@@ -0,0 +1,35 @@
+/** Static layout styles for GeneralNav — colors and shadow injected via useTheme() */
+import { StyleSheet } from 'react-native';
+/** Width/height of the left and right icon slots (touch target) */
+export const SLOT_SIZE = 44;
+/** Fixed height of the navigation bar */
+export const NAV_HEIGHT = 56;
+export const styles = StyleSheet.create({
+    container: {
+        width: '100%',
+        height: NAV_HEIGHT,
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingHorizontal: 10,
+    },
+    /** Groups the optional left icon and the title — takes all available space */
+    leftGroup: {
+        flex: 1,
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 8,
+    },
+    title: {
+        flex: 1,
+        fontSize: 28,
+        fontWeight: '700',
+        fontFamily: 'Urbanist',
+        lineHeight: 34,
+    },
+    rightGroup: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 4,
+    },
+});
+//# sourceMappingURL=GeneralNav.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GeneralNav.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/GeneralNav/GeneralNav.styles.ts"],"names":[],"mappings":"AAAA,sFAAsF;AACtF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,mEAAmE;AACnE,MAAM,CAAC,MAAM,SAAS,GAAG,EAAE,CAAC;AAC5B,yCAAyC;AACzC,MAAM,CAAC,MAAM,UAAU,GAAG,EAAE,CAAC;AAE7B,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IACtC,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,UAAU;QAClB,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,iBAAiB,EAAE,EAAE;KACtB;IACD,8EAA8E;IAC9E,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;QACP,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,CAAC;KACP;IACD,KAAK,EAAE;QACL,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,UAAU;QACtB,UAAU,EAAE,EAAE;KACf;IACD,UAAU,EAAE;QACV,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,CAAC;KACP;CACF,CAAC,CAAC","sourcesContent":["/** Static layout styles for GeneralNav — colors and shadow injected via useTheme() */\nimport { StyleSheet } from 'react-native';\n\n/** Width/height of the left and right icon slots (touch target) */\nexport const SLOT_SIZE = 44;\n/** Fixed height of the navigation bar */\nexport const NAV_HEIGHT = 56;\n\nexport const styles = StyleSheet.create({\n  container: {\n    width: '100%',\n    height: NAV_HEIGHT,\n    flexDirection: 'row',\n    alignItems: 'center',\n    paddingHorizontal: 10,\n  },\n  /** Groups the optional left icon and the title — takes all available space */\n  leftGroup: {\n    flex: 1,\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 8,\n  },\n  title: {\n    flex: 1,\n    fontSize: 28,\n    fontWeight: '700',\n    fontFamily: 'Urbanist',\n    lineHeight: 34,\n  },\n  rightGroup: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 4,\n  },\n});"]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,11 @@
+/** MobileCanva — responsive app shell used as preview frame in Storybook and docs */
+import React from 'react';
+import type { TabBarProps } from '../TabBar';
+export interface MobileCanvaProps {
+    /** Content rendered inside the white area */
+    children?: React.ReactNode;
+    /** Override the inner TabBar — defaults to [Table, MapTrifold, Bell, User] */
+    tabBarProps?: TabBarProps;
+}
+export declare function MobileCanva({ children, tabBarProps }: MobileCanvaProps): React.JSX.Element;
+//# sourceMappingURL=MobileCanva.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MobileCanva.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/MobileCanva/MobileCanva.tsx"],"names":[],"mappings":"AAAA,qFAAqF;AACrF,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,MAAM,WAAW,gBAAgB;IAC/B,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8EAA8E;IAC9E,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,gBAAgB,qBA4BtE"}

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

@@ -0,0 +1,45 @@
+/** MobileCanva — responsive app shell used as preview frame in Storybook and docs */
+import React, { useState } from 'react';
+import { View, StyleSheet } from 'react-native';
+import { Table, MapTrifold, Bell, User } from 'phosphor-react-native';
+import { useTheme } from '../../../context/ThemeContext';
+import { TabBar } from '../TabBar';
+export function MobileCanva({ children, tabBarProps }) {
+    const { colors } = useTheme();
+    const [activeIndex, setActiveIndex] = useState(0);
+    const defaultTabBarProps = {
+        activeIndex,
+        tabs: [
+            { icon: <Table />, onPress: () => setActiveIndex(0) },
+            { icon: <MapTrifold />, onPress: () => setActiveIndex(1) },
+            { icon: <Bell />, onPress: () => setActiveIndex(2), notif: true },
+            { icon: <User />, onPress: () => setActiveIndex(3) },
+        ],
+    };
+    const resolvedTabBarProps = tabBarProps ?? defaultTabBarProps;
+    return (<View style={[styles.shell, { backgroundColor: colors.canva.shellBackground }]}>
+      <View style={[styles.content, {
+                backgroundColor: colors.canva.contentBackground,
+                borderColor: colors.canva.contentBorder,
+            }]}>
+        {children}
+      </View>
+
+      <TabBar {...resolvedTabBarProps}/>
+    </View>);
+}
+const styles = StyleSheet.create({
+    shell: {
+        flex: 1,
+        padding: 6,
+        gap: 6,
+        overflow: 'hidden',
+    },
+    content: {
+        flex: 1,
+        borderRadius: 12,
+        borderWidth: 1,
+        overflow: 'hidden',
+    },
+});
+//# sourceMappingURL=MobileCanva.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MobileCanva.js","sourceRoot":"","sources":["../../../../src/components/navigation/MobileCanva/MobileCanva.tsx"],"names":[],"mappings":"AAAA,qFAAqF;AACrF,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAUnC,MAAM,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAoB;IACrE,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC9B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElD,MAAM,kBAAkB,GAAgB;QACtC,WAAW;QACX,IAAI,EAAE;YACJ,EAAE,IAAI,EAAE,CAAC,KAAK,CAAC,AAAD,EAAG,EAAO,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE;YAC1D,EAAE,IAAI,EAAE,CAAC,UAAU,CAAC,AAAD,EAAG,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE;YAC1D,EAAE,IAAI,EAAE,CAAC,IAAI,CAAC,AAAD,EAAG,EAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE;YACvE,EAAE,IAAI,EAAE,CAAC,IAAI,CAAC,AAAD,EAAG,EAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE;SAC3D;KACF,CAAC;IAEF,MAAM,mBAAmB,GAAG,WAAW,IAAI,kBAAkB,CAAC;IAE9D,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC,CAAC,CAC7E;MAAA,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;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,IAAI,CAEN;;MAAA,CAAC,MAAM,CAAC,IAAI,mBAAmB,CAAC,EAClC;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,KAAK,EAAE;QACL,IAAI,EAAM,CAAC;QACX,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;CACF,CAAC,CAAC","sourcesContent":["/** MobileCanva — responsive app shell used as preview frame in Storybook and docs */\nimport React, { useState } from 'react';\nimport { View, StyleSheet } from 'react-native';\nimport { Table, MapTrifold, Bell, User } from 'phosphor-react-native';\nimport { useTheme } from '../../../context/ThemeContext';\nimport { TabBar } from '../TabBar';\nimport type { TabBarProps } from '../TabBar';\n\nexport interface MobileCanvaProps {\n  /** Content rendered inside the white area */\n  children?: React.ReactNode;\n  /** Override the inner TabBar — defaults to [Table, MapTrifold, Bell, User] */\n  tabBarProps?: TabBarProps;\n}\n\nexport function MobileCanva({ children, tabBarProps }: MobileCanvaProps) {\n  const { colors } = useTheme();\n  const [activeIndex, setActiveIndex] = useState(0);\n\n  const defaultTabBarProps: TabBarProps = {\n    activeIndex,\n    tabs: [\n      { icon: <Table />,      onPress: () => setActiveIndex(0) },\n      { icon: <MapTrifold />, onPress: () => setActiveIndex(1) },\n      { icon: <Bell />,       onPress: () => setActiveIndex(2), notif: true },\n      { icon: <User />,       onPress: () => setActiveIndex(3) },\n    ],\n  };\n\n  const resolvedTabBarProps = tabBarProps ?? defaultTabBarProps;\n\n  return (\n    <View style={[styles.shell, { backgroundColor: colors.canva.shellBackground }]}>\n      <View style={[styles.content, {\n        backgroundColor: colors.canva.contentBackground,\n        borderColor:     colors.canva.contentBorder,\n      }]}>\n        {children}\n      </View>\n\n      <TabBar {...resolvedTabBarProps} />\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  shell: {\n    flex:     1,\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});"]}