@situaction/traquiste-mobile 1.0.0 → 1.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.styles.js","sourceRoot":"","sources":["../../../src/components/ListItem/ListItem.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IACtC,6BAA6B;IAC7B,OAAO,EAAE;QACP,YAAY,EAAE,CAAC;KAChB;IAED,gCAAgC;IAChC,GAAG,EAAE;QACH,aAAa,EAAM,KAAK;QACxB,UAAU,EAAS,QAAQ;QAC3B,SAAS,EAAU,EAAE;QACrB,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAI,EAAE;QACrB,GAAG,EAAgB,EAAE;KACtB;IACD,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;QACP,GAAG,EAAG,CAAC;KACR;IACD,UAAU,EAAE;QACV,SAAS,EAAE,QAAQ;KACpB;IACD,cAAc,EAAE;QACd,IAAI,EAAE,CAAC;KACR;IACD,UAAU,EAAE;QACV,UAAU,EAAE,UAAU;QACtB,QAAQ,EAAI,EAAE;QACd,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,EAAE;KACf;IACD,UAAU,EAAE;QACV,UAAU,EAAE,UAAU;QACtB,QAAQ,EAAI,EAAE;QACd,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,EAAE;KACf;IACD,QAAQ,EAAE;QACR,UAAU,EAAE,UAAU;QACtB,QAAQ,EAAI,EAAE;QACd,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,EAAE;KACf;IACD,IAAI,EAAE;QACJ,UAAU,EAAM,QAAQ;QACxB,cAAc,EAAE,QAAQ;KACzB;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,GAAG;KACb;IACD,OAAO,EAAE;QACP,MAAM,EAAY,UAAU,CAAC,aAAa;QAC1C,gBAAgB,EAAE,EAAE;KACrB;IAED,oBAAoB;IACpB,gBAAgB,EAAE;QAChB,SAAS,EAAU,EAAE;QACrB,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAI,CAAC;QACpB,cAAc,EAAK,QAAQ;KAC5B;IACD,YAAY,EAAE;QACZ,UAAU,EAAK,UAAU;QACzB,QAAQ,EAAO,EAAE;QACjB,UAAU,EAAK,KAAK;QACpB,UAAU,EAAK,EAAE;QACjB,aAAa,EAAE,GAAG;KACnB;CACF,CAAC,CAAC","sourcesContent":["import { StyleSheet } from 'react-native';\n\nexport const styles = StyleSheet.create({\n  // -- Outer gap between items\n  itemGap: {\n    marginBottom: 4,\n  },\n\n  // -- Default row (inner layout)\n  row: {\n    flexDirection:     'row',\n    alignItems:        'center',\n    minHeight:         48,\n    paddingHorizontal: 12,\n    paddingVertical:   12,\n    gap:               12,\n  },\n  textStack: {\n    flex: 1,\n    gap:  2,\n  },\n  tagWrapper: {\n    alignSelf: 'center',\n  },\n  tagWrapperFlex: {\n    flex: 1,\n  },\n  labelLarge: {\n    fontFamily: 'Urbanist',\n    fontSize:   18,\n    fontWeight: '600',\n    lineHeight: 26,\n  },\n  labelSmall: {\n    fontFamily: 'Urbanist',\n    fontSize:   14,\n    fontWeight: '600',\n    lineHeight: 20,\n  },\n  sublabel: {\n    fontFamily: 'Urbanist',\n    fontSize:   12,\n    fontWeight: '400',\n    lineHeight: 16,\n  },\n  slot: {\n    alignItems:     'center',\n    justifyContent: 'center',\n  },\n  disabledSlot: {\n    opacity: 0.4,\n  },\n  divider: {\n    height:           StyleSheet.hairlineWidth,\n    marginHorizontal: 12,\n  },\n\n  // -- Section header\n  sectionContainer: {\n    minHeight:         40,\n    paddingHorizontal: 12,\n    paddingVertical:   8,\n    justifyContent:    'center',\n  },\n  sectionLabel: {\n    fontFamily:    'Urbanist',\n    fontSize:      12,\n    fontWeight:    '600',\n    lineHeight:    16,\n    letterSpacing: 0.8,\n  },\n});"]}

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

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

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

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

package/build/components/ListItem/index.js

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

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

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

package/build/components/MapPin/MapPin.d.ts

@@ -0,0 +1,61 @@
+/**
+ * MapPin — custom map marker for Google Maps / react-native-maps.
+ *
+ * Two layouts:
+ *  - Simple (no count): circular icon badge + downward pointer tail (24×31px)
+ *  - Pill (count provided): horizontal pill with icon(s) + count + tail
+ *
+ * Fully themeable via mapPin tokens. Icons are injected as props — the
+ * component clones them to override size and color based on the active state.
+ *
+ * Usage: render inside a react-native-maps <Marker> component.
+ */
+import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export type MapPinState = 'default' | 'focus';
+export type MapPinType = 'default' | 'lost';
+/** Controls the label text style — 'map' for street view (dark text), 'satellite' for aerial view (white text + shadow) */
+export type MapPinLabelVariant = 'map' | 'satellite';
+/**
+ * Total rendered height of a MapPin in points (badge 24 + tail 9).
+ * Use this to anchor the pin tip to a coordinate:
+ *   - react-native-maps: <Marker anchor={{ x: 0.5, y: 1 }}>
+ *   - manual layout:     top: targetY - MAP_PIN_HEIGHT, left: targetX - pinWidth / 2
+ */
+export declare const MAP_PIN_HEIGHT = 33;
+/** Width of a simple (non-pill) MapPin. Pill width is variable — measure at runtime. */
+export declare const MAP_PIN_SIMPLE_WIDTH = 24;
+export interface MapPinProps {
+    /** Primary icon (Phosphor). Size and color are injected automatically. */
+    icon: React.ReactElement;
+    /** Pin visual state — 'focus' inverts the badge colors */
+    state?: MapPinState;
+    /**
+     * Pin type — 'lost' uses red accent colors (maintenance / signal lost).
+     * Defaults to 'default'.
+     */
+    type?: MapPinType;
+    /**
+     * When provided, switches to pill mode and shows this number.
+     * Typically the count of clustered assets.
+     */
+    count?: number;
+    /** Second icon shown in pill mode (e.g. vehicle type). Optional. */
+    secondIcon?: React.ReactElement;
+    /** Optional text label displayed to the LEFT of the pin (right-aligned). */
+    labelLeft?: string;
+    /** Optional text label displayed to the RIGHT of the pin (left-aligned). */
+    label?: string;
+    /**
+     * Style variant for the label text (applies to both labelLeft and label).
+     * 'map' (default) = dark text for street map backgrounds.
+     * 'satellite' = white text + shadow for aerial/satellite map backgrounds.
+     */
+    labelVariant?: MapPinLabelVariant;
+    /** Additional style applied to the outermost container */
+    style?: StyleProp<ViewStyle>;
+    /** Test identifier for automated testing */
+    testID?: string;
+}
+export declare const MapPin: ({ icon, state, type, count, secondIcon, labelLeft, label, labelVariant, style, testID, }: MapPinProps) => React.JSX.Element;
+//# sourceMappingURL=MapPin.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MapPin.d.ts","sourceRoot":"","sources":["../../../src/components/MapPin/MapPin.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AASzD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC;AAC9C,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;AAC5C,2HAA2H;AAC3H,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,WAAW,CAAC;AAErD;;;;;GAKG;AACH,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,wFAAwF;AACxF,eAAO,MAAM,oBAAoB,KAAK,CAAC;AAEvC,MAAM,WAAW,WAAW;IAC1B,0EAA0E;IAC1E,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;IACzB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,UAAU,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAChC,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,0DAA0D;IAC1D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAoDD,eAAO,MAAM,MAAM,GAAI,0FAWpB,WAAW,sBA6Eb,CAAC"}

package/build/components/MapPin/MapPin.js

@@ -0,0 +1,118 @@
+/**
+ * MapPin — custom map marker for Google Maps / react-native-maps.
+ *
+ * Two layouts:
+ *  - Simple (no count): circular icon badge + downward pointer tail (24×31px)
+ *  - Pill (count provided): horizontal pill with icon(s) + count + tail
+ *
+ * Fully themeable via mapPin tokens. Icons are injected as props — the
+ * component clones them to override size and color based on the active state.
+ *
+ * Usage: render inside a react-native-maps <Marker> component.
+ */
+import React from 'react';
+import { Text, View } from 'react-native';
+import { useTheme } from '../../context/ThemeContext';
+import { styles } from './MapPin.styles';
+/**
+ * Total rendered height of a MapPin in points (badge 24 + tail 9).
+ * Use this to anchor the pin tip to a coordinate:
+ *   - react-native-maps: <Marker anchor={{ x: 0.5, y: 1 }}>
+ *   - manual layout:     top: targetY - MAP_PIN_HEIGHT, left: targetX - pinWidth / 2
+ */
+export const MAP_PIN_HEIGHT = 33;
+/** Width of a simple (non-pill) MapPin. Pill width is variable — measure at runtime. */
+export const MAP_PIN_SIMPLE_WIDTH = 24;
+// ---------------------------------------------------------------------------
+// Helpers
+// ---------------------------------------------------------------------------
+const ICON_SIZE = 12;
+const cloneIcon = (el, color) => React.cloneElement(el, {
+    size: ICON_SIZE,
+    color,
+    weight: 'fill',
+});
+// ---------------------------------------------------------------------------
+// Sub-components
+// ---------------------------------------------------------------------------
+/**
+ * Downward-pointing triangle tail with a border on all three sides.
+ *
+ * Three layers:
+ *  1. tailBorderTop — 1px × TAIL_WIDTH colored with borderColor → horizontal top edge
+ *  2. tailClip     — overflow:hidden container (TAIL_WIDTH × TAIL_HEIGHT)
+ *  3. tailSquare   — TAIL_SQUARE_SIZE square rotated 45°, centered at y=0 of the clip
+ *                    so overflow:hidden reveals only the bottom triangle.
+ *
+ * TAIL_SQUARE_SIZE = 8.5 = TAIL_WIDTH / √2: the diamond's widest point ≈ 12px = TAIL_WIDTH,
+ * so the diamond's left/right corners land flush at x=0 / x=12 at y=0, connecting
+ * seamlessly with the ends of the horizontal top-border line.
+ */
+const Tail = ({ borderColor, backgroundColor }) => (<View style={styles.tailOuter}>
+    <View style={[styles.tailBorderTop, { backgroundColor: borderColor }]}/>
+    <View style={styles.tailClip}>
+      <View style={[styles.tailSquare, { backgroundColor, borderColor }]}/>
+    </View>
+  </View>);
+/** Circular icon container */
+const IconCircle = ({ children, color }) => (<View style={[styles.iconCircle, { backgroundColor: color }]}>
+    {children}
+  </View>);
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+export const MapPin = ({ icon, state = 'default', type = 'default', count, secondIcon, labelLeft, label, labelVariant = 'map', style, testID, }) => {
+    const { colors, fontFamily } = useTheme();
+    // Resolve the right token set from state + type
+    let tokens;
+    if (type === 'lost') {
+        tokens = state === 'focus' ? colors.mapPin.lostFocus : colors.mapPin.lostDefault;
+    }
+    else {
+        tokens = state === 'focus' ? colors.mapPin.focus : colors.mapPin.default;
+    }
+    const { background, simpleBackground, border, iconCircle, iconColor, countText } = tokens;
+    const isPill = count !== undefined;
+    const styledIcon = cloneIcon(icon, iconColor);
+    const styledSecondIcon = secondIcon ? cloneIcon(secondIcon, iconColor) : null;
+    const pinColumn = isPill ? (<View style={styles.pillRoot}>
+      <View style={[
+            styles.pillBadge,
+            { backgroundColor: background, borderColor: border },
+            state === 'focus' && { ...styles.pillShadow, shadowColor: colors.mapPin.pillShadowColor },
+        ]}>
+        <IconCircle color={iconCircle}>{styledIcon}</IconCircle>
+        {styledSecondIcon && (<IconCircle color={iconCircle}>{styledSecondIcon}</IconCircle>)}
+        <Text style={[styles.countText, { color: countText, fontFamily }]}>
+          {count}
+        </Text>
+      </View>
+      <Tail borderColor={border} backgroundColor={background}/>
+    </View>) : (<View style={styles.simpleRoot}>
+      <View style={[
+            styles.simpleBadge,
+            { backgroundColor: simpleBackground, borderColor: border },
+        ]}>
+        <IconCircle color={iconCircle}>{styledIcon}</IconCircle>
+      </View>
+      <Tail borderColor={border} backgroundColor={simpleBackground}/>
+    </View>);
+    if (label == null && labelLeft == null) {
+        return (<View style={style} testID={testID}>
+        {pinColumn}
+      </View>);
+    }
+    const isSatellite = labelVariant === 'satellite';
+    const labelColor = isSatellite ? colors.mapPin.label.satellite : colors.mapPin.label.map;
+    const labelStyle = [
+        styles.labelText,
+        isSatellite ? styles.labelTextSatellite : null,
+        { color: labelColor, fontFamily },
+    ];
+    return (<View style={[styles.row, style]} testID={testID}>
+      {labelLeft != null && (<Text style={[...labelStyle, styles.labelTextRight]}>{labelLeft}</Text>)}
+      {pinColumn}
+      {label != null && (<Text style={labelStyle}>{label}</Text>)}
+    </View>);
+};
+//# sourceMappingURL=MapPin.js.map

package/build/components/MapPin/MapPin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapPin.js","sourceRoot":"","sources":["../../../src/components/MapPin/MapPin.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * MapPin — custom map marker for Google Maps / react-native-maps.\n *\n * Two layouts:\n *  - Simple (no count): circular icon badge + downward pointer tail (24×31px)\n *  - Pill (count provided): horizontal pill with icon(s) + count + tail\n *\n * Fully themeable via mapPin tokens. Icons are injected as props — the\n * component clones them to override size and color based on the active state.\n *\n * Usage: render inside a react-native-maps <Marker> component.\n */\nimport React from 'react';\nimport { Text, View } from 'react-native';\nimport type { StyleProp, ViewStyle } from 'react-native';\nimport { useTheme } from '../../context/ThemeContext';\nimport type { MapPinStateTokens } from '../../theme/type';\nimport { styles } from './MapPin.styles';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport type MapPinState = 'default' | 'focus';\nexport type MapPinType = 'default' | 'lost';\n/** Controls the label text style — 'map' for street view (dark text), 'satellite' for aerial view (white text + shadow) */\nexport type MapPinLabelVariant = 'map' | 'satellite';\n\n/**\n * Total rendered height of a MapPin in points (badge 24 + tail 9).\n * Use this to anchor the pin tip to a coordinate:\n *   - react-native-maps: <Marker anchor={{ x: 0.5, y: 1 }}>\n *   - manual layout:     top: targetY - MAP_PIN_HEIGHT, left: targetX - pinWidth / 2\n */\nexport const MAP_PIN_HEIGHT = 33;\n/** Width of a simple (non-pill) MapPin. Pill width is variable — measure at runtime. */\nexport const MAP_PIN_SIMPLE_WIDTH = 24;\n\nexport interface MapPinProps {\n  /** Primary icon (Phosphor). Size and color are injected automatically. */\n  icon: React.ReactElement;\n  /** Pin visual state — 'focus' inverts the badge colors */\n  state?: MapPinState;\n  /**\n   * Pin type — 'lost' uses red accent colors (maintenance / signal lost).\n   * Defaults to 'default'.\n   */\n  type?: MapPinType;\n  /**\n   * When provided, switches to pill mode and shows this number.\n   * Typically the count of clustered assets.\n   */\n  count?: number;\n  /** Second icon shown in pill mode (e.g. vehicle type). Optional. */\n  secondIcon?: React.ReactElement;\n  /** Optional text label displayed to the LEFT of the pin (right-aligned). */\n  labelLeft?: string;\n  /** Optional text label displayed to the RIGHT of the pin (left-aligned). */\n  label?: string;\n  /**\n   * Style variant for the label text (applies to both labelLeft and label).\n   * 'map' (default) = dark text for street map backgrounds.\n   * 'satellite' = white text + shadow for aerial/satellite map backgrounds.\n   */\n  labelVariant?: MapPinLabelVariant;\n  /** Additional style applied to the outermost container */\n  style?: StyleProp<ViewStyle>;\n  /** Test identifier for automated testing */\n  testID?: string;\n}\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nconst ICON_SIZE = 12;\n\nconst cloneIcon = (el: React.ReactElement, color: string) =>\n  React.cloneElement(el as React.ReactElement<{ size?: number; color?: string; weight?: string }>, {\n    size: ICON_SIZE,\n    color,\n    weight: 'fill',\n  });\n\n// ---------------------------------------------------------------------------\n// Sub-components\n// ---------------------------------------------------------------------------\n\n/**\n * Downward-pointing triangle tail with a border on all three sides.\n *\n * Three layers:\n *  1. tailBorderTop — 1px × TAIL_WIDTH colored with borderColor → horizontal top edge\n *  2. tailClip     — overflow:hidden container (TAIL_WIDTH × TAIL_HEIGHT)\n *  3. tailSquare   — TAIL_SQUARE_SIZE square rotated 45°, centered at y=0 of the clip\n *                    so overflow:hidden reveals only the bottom triangle.\n *\n * TAIL_SQUARE_SIZE = 8.5 = TAIL_WIDTH / √2: the diamond's widest point ≈ 12px = TAIL_WIDTH,\n * so the diamond's left/right corners land flush at x=0 / x=12 at y=0, connecting\n * seamlessly with the ends of the horizontal top-border line.\n */\nconst Tail = ({ borderColor, backgroundColor }: { borderColor: string; backgroundColor: string }) => (\n  <View style={styles.tailOuter}>\n    <View style={[styles.tailBorderTop, { backgroundColor: borderColor }]} />\n    <View style={styles.tailClip}>\n      <View style={[styles.tailSquare, { backgroundColor, borderColor }]} />\n    </View>\n  </View>\n);\n\n/** Circular icon container */\nconst IconCircle = ({ children, color }: { children: React.ReactNode; color: string }) => (\n  <View style={[styles.iconCircle, { backgroundColor: color }]}>\n    {children}\n  </View>\n);\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport const MapPin = ({\n  icon,\n  state = 'default',\n  type = 'default',\n  count,\n  secondIcon,\n  labelLeft,\n  label,\n  labelVariant = 'map',\n  style,\n  testID,\n}: MapPinProps) => {\n  const { colors, fontFamily } = useTheme();\n\n  // Resolve the right token set from state + type\n  let tokens: MapPinStateTokens;\n  if (type === 'lost') {\n    tokens = state === 'focus' ? colors.mapPin.lostFocus : colors.mapPin.lostDefault;\n  } else {\n    tokens = state === 'focus' ? colors.mapPin.focus : colors.mapPin.default;\n  }\n\n  const { background, simpleBackground, border, iconCircle, iconColor, countText } = tokens;\n  const isPill = count !== undefined;\n\n  const styledIcon = cloneIcon(icon, iconColor);\n  const styledSecondIcon = secondIcon ? cloneIcon(secondIcon, iconColor) : null;\n\n  const pinColumn = isPill ? (\n    <View style={styles.pillRoot}>\n      <View\n        style={[\n          styles.pillBadge,\n          { backgroundColor: background, borderColor: border },\n          state === 'focus' && { ...styles.pillShadow, shadowColor: colors.mapPin.pillShadowColor },\n        ]}\n      >\n        <IconCircle color={iconCircle}>{styledIcon}</IconCircle>\n        {styledSecondIcon && (\n          <IconCircle color={iconCircle}>{styledSecondIcon}</IconCircle>\n        )}\n        <Text style={[styles.countText, { color: countText, fontFamily }]}>\n          {count}\n        </Text>\n      </View>\n      <Tail borderColor={border} backgroundColor={background} />\n    </View>\n  ) : (\n    <View style={styles.simpleRoot}>\n      <View\n        style={[\n          styles.simpleBadge,\n          { backgroundColor: simpleBackground, borderColor: border },\n        ]}\n      >\n        <IconCircle color={iconCircle}>{styledIcon}</IconCircle>\n      </View>\n      <Tail borderColor={border} backgroundColor={simpleBackground} />\n    </View>\n  );\n\n  if (label == null && labelLeft == null) {\n    return (\n      <View style={style} testID={testID}>\n        {pinColumn}\n      </View>\n    );\n  }\n\n  const isSatellite = labelVariant === 'satellite';\n  const labelColor = isSatellite ? colors.mapPin.label.satellite : colors.mapPin.label.map;\n  const labelStyle = [\n    styles.labelText,\n    isSatellite ? styles.labelTextSatellite : null,\n    { color: labelColor, fontFamily },\n  ];\n\n  return (\n    <View style={[styles.row, style]} testID={testID}>\n      {labelLeft != null && (\n        <Text style={[...labelStyle, styles.labelTextRight]}>{labelLeft}</Text>\n      )}\n      {pinColumn}\n      {label != null && (\n        <Text style={labelStyle}>{label}</Text>\n      )}\n    </View>\n  );\n};\n\n"]}

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

@@ -0,0 +1,93 @@
+export declare const styles: {
+    simpleRoot: {
+        alignItems: "center";
+        width: number;
+    };
+    simpleBadge: {
+        alignItems: "center";
+        justifyContent: "center";
+        padding: number;
+        borderRadius: number;
+        borderWidth: number;
+    };
+    pillRoot: {
+        alignItems: "center";
+    };
+    pillBadge: {
+        flexDirection: "row";
+        alignItems: "center";
+        height: number;
+        paddingLeft: number;
+        paddingRight: number;
+        paddingVertical: number;
+        gap: number;
+        borderRadius: number;
+        borderWidth: number;
+    };
+    pillShadow: {
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowRadius: number;
+        shadowOpacity: number;
+        elevation: number;
+    };
+    iconCircle: {
+        alignItems: "center";
+        justifyContent: "center";
+        padding: number;
+        borderRadius: number;
+    };
+    row: {
+        flexDirection: "row";
+        alignItems: "flex-start";
+        gap: number;
+    };
+    labelText: {
+        fontSize: number;
+        fontWeight: "600";
+        lineHeight: number;
+        paddingTop: number;
+    };
+    labelTextRight: {
+        textAlign: "right";
+    };
+    labelTextSatellite: {
+        textShadowColor: string;
+        textShadowOffset: {
+            width: number;
+            height: number;
+        };
+        textShadowRadius: number;
+    };
+    countText: {
+        fontSize: number;
+        fontWeight: "600";
+        lineHeight: number;
+    };
+    tailOuter: {
+        alignItems: "center";
+        marginTop: number;
+    };
+    tailBorderTop: {
+        width: number;
+        height: number;
+    };
+    tailClip: {
+        width: number;
+        height: number;
+        overflow: "hidden";
+        alignItems: "center";
+    };
+    tailSquare: {
+        width: number;
+        height: number;
+        borderWidth: number;
+        marginTop: number;
+        transform: {
+            rotate: string;
+        }[];
+    };
+};
+//# sourceMappingURL=MapPin.styles.d.ts.map

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

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

package/build/components/MapPin/MapPin.styles.js

@@ -0,0 +1,101 @@
+import { StyleSheet } from 'react-native';
+const TAIL_WIDTH = 12;
+const TAIL_HEIGHT = 6;
+const TAIL_SQUARE_SIZE = 8.5;
+export const styles = StyleSheet.create({
+    // -- Simple pin
+    simpleRoot: {
+        alignItems: 'center',
+        width: 24,
+    },
+    simpleBadge: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        padding: 4,
+        borderRadius: 9999,
+        borderWidth: 1,
+    },
+    // -- Pill pin
+    pillRoot: {
+        alignItems: 'center',
+    },
+    pillBadge: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        height: 24,
+        paddingLeft: 4,
+        paddingRight: 6,
+        paddingVertical: 4,
+        gap: 2,
+        borderRadius: 9999,
+        borderWidth: 1,
+    },
+    pillShadow: {
+        // shadowColor is injected inline from colors.mapPin.pillShadowColor
+        shadowOffset: { width: 0, height: 0 },
+        shadowRadius: 6,
+        shadowOpacity: 0.25,
+        elevation: 4,
+    },
+    // -- Icon circle
+    iconCircle: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        padding: 2,
+        borderRadius: 9999,
+    },
+    // -- Row wrapper (pin + labels)
+    row: {
+        flexDirection: 'row',
+        alignItems: 'flex-start',
+        gap: 4,
+    },
+    // -- Side label text (aligns with the center of the 24px badge)
+    labelText: {
+        fontSize: 14,
+        fontWeight: '600',
+        lineHeight: 16,
+        paddingTop: 4,
+    },
+    // -- Right-aligned for labelLeft
+    labelTextRight: {
+        textAlign: 'right',
+    },
+    // satellite adds shadow; color is always injected dynamically from tokens
+    labelTextSatellite: {
+        textShadowColor: 'rgba(0,0,0,0.5)',
+        textShadowOffset: { width: 0, height: 0 },
+        textShadowRadius: 4,
+    },
+    // -- Count label
+    countText: {
+        fontSize: 12,
+        fontWeight: '600',
+        lineHeight: 14,
+    },
+    // -- Tail (downward triangle: separate top-border line + clipped rotated square)
+    tailOuter: {
+        alignItems: 'center',
+        marginTop: 2,
+    },
+    tailBorderTop: {
+        width: TAIL_WIDTH, // 12px — spans the full triangle base
+        height: 1, // 1px horizontal top border (colored inline)
+    },
+    tailClip: {
+        width: TAIL_WIDTH, // 12px
+        height: TAIL_HEIGHT, // 6px — shows only the bottom half of the diamond
+        overflow: 'hidden',
+        alignItems: 'center',
+    },
+    tailSquare: {
+        width: TAIL_SQUARE_SIZE, // 8.5px — S = TAIL_WIDTH/√2 → diamond width ≈ 12px at y=0
+        height: TAIL_SQUARE_SIZE,
+        borderWidth: 1,
+        // places the diamond's widest point at y=0 of tailClip so the diagonal
+        // borders start flush with the ends of the horizontal top-border line
+        marginTop: -(TAIL_SQUARE_SIZE / 2),
+        transform: [{ rotate: '45deg' }],
+    },
+});
+//# sourceMappingURL=MapPin.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MapPin.styles.js","sourceRoot":"","sources":["../../../src/components/MapPin/MapPin.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,UAAU,GAAG,EAAE,CAAC;AACtB,MAAM,WAAW,GAAG,CAAC,CAAC;AACtB,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAE7B,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IACtC,gBAAgB;IAChB,UAAU,EAAE;QACV,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,EAAE;KACV;IACD,WAAW,EAAE;QACX,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,OAAO,EAAE,CAAC;QACV,YAAY,EAAE,IAAI;QAClB,WAAW,EAAE,CAAC;KACf;IAED,cAAc;IACd,QAAQ,EAAE;QACR,UAAU,EAAE,QAAQ;KACrB;IACD,SAAS,EAAE;QACT,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,EAAE;QACV,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,CAAC;QAClB,GAAG,EAAE,CAAC;QACN,YAAY,EAAE,IAAI;QAClB,WAAW,EAAE,CAAC;KACf;IACD,UAAU,EAAE;QACV,oEAAoE;QACpE,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QACrC,YAAY,EAAE,CAAC;QACf,aAAa,EAAE,IAAI;QACnB,SAAS,EAAE,CAAC;KACb;IAED,iBAAiB;IACjB,UAAU,EAAE;QACV,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,OAAO,EAAE,CAAC;QACV,YAAY,EAAE,IAAI;KACnB;IAED,gCAAgC;IAChC,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,YAAY;QACxB,GAAG,EAAE,CAAC;KACP;IAED,gEAAgE;IAChE,SAAS,EAAE;QACT,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,EAAE;QACd,UAAU,EAAE,CAAC;KACd;IACD,iCAAiC;IACjC,cAAc,EAAE;QACd,SAAS,EAAE,OAAO;KACnB;IACD,0EAA0E;IAC1E,kBAAkB,EAAE;QAClB,eAAe,EAAE,iBAAiB;QAClC,gBAAgB,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QACzC,gBAAgB,EAAE,CAAC;KACpB;IAED,iBAAiB;IACjB,SAAS,EAAE;QACT,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,EAAE;KACf;IAED,iFAAiF;IACjF,SAAS,EAAE;QACT,UAAU,EAAE,QAAQ;QACpB,SAAS,EAAE,CAAC;KACb;IACD,aAAa,EAAE;QACb,KAAK,EAAE,UAAU,EAAG,sCAAsC;QAC1D,MAAM,EAAE,CAAC,EAAW,6CAA6C;KAClE;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,UAAU,EAAI,OAAO;QAC5B,MAAM,EAAE,WAAW,EAAE,kDAAkD;QACvE,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,QAAQ;KACrB;IACD,UAAU,EAAE;QACV,KAAK,EAAE,gBAAgB,EAAI,0DAA0D;QACrF,MAAM,EAAE,gBAAgB;QACxB,WAAW,EAAE,CAAC;QACd,uEAAuE;QACvE,sEAAsE;QACtE,SAAS,EAAE,CAAC,CAAC,gBAAgB,GAAG,CAAC,CAAC;QAClC,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;KACjC;CACF,CAAC,CAAC","sourcesContent":["import { StyleSheet } from 'react-native';\n\nconst TAIL_WIDTH = 12;\nconst TAIL_HEIGHT = 6;\nconst TAIL_SQUARE_SIZE = 8.5;\n\nexport const styles = StyleSheet.create({\n  // -- Simple pin\n  simpleRoot: {\n    alignItems: 'center',\n    width: 24,\n  },\n  simpleBadge: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: 4,\n    borderRadius: 9999,\n    borderWidth: 1,\n  },\n\n  // -- Pill pin\n  pillRoot: {\n    alignItems: 'center',\n  },\n  pillBadge: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    height: 24,\n    paddingLeft: 4,\n    paddingRight: 6,\n    paddingVertical: 4,\n    gap: 2,\n    borderRadius: 9999,\n    borderWidth: 1,\n  },\n  pillShadow: {\n    // shadowColor is injected inline from colors.mapPin.pillShadowColor\n    shadowOffset: { width: 0, height: 0 },\n    shadowRadius: 6,\n    shadowOpacity: 0.25,\n    elevation: 4,\n  },\n\n  // -- Icon circle\n  iconCircle: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: 2,\n    borderRadius: 9999,\n  },\n\n  // -- Row wrapper (pin + labels)\n  row: {\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n    gap: 4,\n  },\n\n  // -- Side label text (aligns with the center of the 24px badge)\n  labelText: {\n    fontSize: 14,\n    fontWeight: '600',\n    lineHeight: 16,\n    paddingTop: 4,\n  },\n  // -- Right-aligned for labelLeft\n  labelTextRight: {\n    textAlign: 'right',\n  },\n  // satellite adds shadow; color is always injected dynamically from tokens\n  labelTextSatellite: {\n    textShadowColor: 'rgba(0,0,0,0.5)',\n    textShadowOffset: { width: 0, height: 0 },\n    textShadowRadius: 4,\n  },\n\n  // -- Count label\n  countText: {\n    fontSize: 12,\n    fontWeight: '600',\n    lineHeight: 14,\n  },\n\n  // -- Tail (downward triangle: separate top-border line + clipped rotated square)\n  tailOuter: {\n    alignItems: 'center',\n    marginTop: 2,\n  },\n  tailBorderTop: {\n    width: TAIL_WIDTH,  // 12px — spans the full triangle base\n    height: 1,          // 1px horizontal top border (colored inline)\n  },\n  tailClip: {\n    width: TAIL_WIDTH,   // 12px\n    height: TAIL_HEIGHT, // 6px — shows only the bottom half of the diamond\n    overflow: 'hidden',\n    alignItems: 'center',\n  },\n  tailSquare: {\n    width: TAIL_SQUARE_SIZE,   // 8.5px — S = TAIL_WIDTH/√2 → diamond width ≈ 12px at y=0\n    height: TAIL_SQUARE_SIZE,\n    borderWidth: 1,\n    // places the diamond's widest point at y=0 of tailClip so the diagonal\n    // borders start flush with the ends of the horizontal top-border line\n    marginTop: -(TAIL_SQUARE_SIZE / 2),\n    transform: [{ rotate: '45deg' }],\n  },\n});\n"]}

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

@@ -0,0 +1,3 @@
+export { MapPin, MAP_PIN_HEIGHT, MAP_PIN_SIMPLE_WIDTH } from './MapPin';
+export type { MapPinProps, MapPinState, MapPinType, MapPinLabelVariant } from './MapPin';
+//# sourceMappingURL=index.d.ts.map

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

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

package/build/components/MapPin/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MapPin/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC","sourcesContent":["export { MapPin, MAP_PIN_HEIGHT, MAP_PIN_SIMPLE_WIDTH } from './MapPin';\nexport type { MapPinProps, MapPinState, MapPinType, MapPinLabelVariant } from './MapPin';\n"]}

package/build/components/MediaPicker/MediaPicker.d.ts

@@ -0,0 +1,74 @@
+/**
+ * MediaPicker — field-level media attachment widget.
+ *
+ * Two modes:
+ *  - 'image': uses ImgPicker — principale slot + divider + additional slots (horizontal scroll)
+ *  - 'file':  vertical list of FileCards + a full-width "Ajouter un fichier" button.
+ *
+ * The component is fully controlled — it fires callbacks and the parent updates
+ * the images/files arrays.
+ */
+import type { StyleProp, ViewStyle } from 'react-native';
+export type MediaPickerMode = 'image' | 'file';
+export interface MediaPickerImageItem {
+    /** Unique identifier */
+    id: string;
+    /** Image URI */
+    uri: string;
+}
+export interface MediaPickerFileItem {
+    /** Unique identifier */
+    id: string;
+    /** Display file name */
+    filename: string;
+    /** First secondary text, shown left of the bullet (e.g. "4.3 Mo") */
+    detail?: string;
+    /** Second secondary text, shown right of the bullet (e.g. "17/04/2026") */
+    caption?: string;
+    /** MIME type — drives the icon choice */
+    mimeType?: string;
+    /** Image thumbnail URI — fills the icon area if provided */
+    thumbnailUri?: string;
+}
+export interface MediaPickerProps {
+    /** Picker mode: image slots or file list */
+    mode: MediaPickerMode;
+    /** Section label shown above the picker */
+    label?: string;
+    /** Optional subtitle / helper text below the label */
+    subtitle?: string;
+    /** Controlled principale image. If undefined, the principale slot is shown empty. */
+    principale?: MediaPickerImageItem;
+    /** Controlled additional image slots (independent from principale). */
+    additionalImages?: MediaPickerImageItem[];
+    /**
+     * Number of additional empty slots shown on first render.
+     * Default: 2 (matches Figma).
+     */
+    initialAdditionalSlots?: number;
+    /**
+     * Maximum total images (1 principale + additional).
+     * When reached, no more empty slot is appended. Default: undefined (no limit).
+     */
+    maxImages?: number;
+    /** Badge label on the principale slot. Default: "Principale" */
+    principaleLabel?: string;
+    /** Called when the user taps the empty principale slot */
+    onAddPrincipale?: () => void;
+    /** Called when the user taps an empty additional slot */
+    onAddAdditional?: () => void;
+    /** Called with the image id when the user taps the X remove button */
+    onRemoveImage?: (id: string) => void;
+    /** Controlled list of attached files */
+    files?: MediaPickerFileItem[];
+    /** Called when the user taps "Ajouter un fichier" */
+    onAddFile?: () => void;
+    /** Called with the file id when the user taps the remove button on a FileCard */
+    onRemoveFile?: (id: string) => void;
+    /** Additional style applied to the outer container */
+    style?: StyleProp<ViewStyle>;
+    /** Test identifier for automated testing */
+    testID?: string;
+}
+export declare const MediaPicker: ({ mode, label, subtitle, principale, additionalImages, initialAdditionalSlots, maxImages, principaleLabel, onAddPrincipale, onAddAdditional, onRemoveImage, files, onAddFile, onRemoveFile, style, testID, }: MediaPickerProps) => import("react").JSX.Element;
+//# sourceMappingURL=MediaPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MediaPicker.d.ts","sourceRoot":"","sources":["../../../src/components/MediaPicker/MediaPicker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAYzD,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,oBAAoB;IACnC,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,gBAAgB;IAChB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,mBAAmB;IAClC,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,wBAAwB;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,qEAAqE;IACrE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,gBAAgB;IAC/B,4CAA4C;IAC5C,IAAI,EAAE,eAAe,CAAC;IACtB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,qFAAqF;IACrF,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC1C;;;OAGG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gEAAgE;IAChE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,yDAAyD;IACzD,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,sEAAsE;IACtE,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAGrC,wCAAwC;IACxC,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC9B,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,iFAAiF;IACjF,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAEpC,sDAAsD;IACtD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAMD,eAAO,MAAM,WAAW,GAAI,8MAiBzB,gBAAgB,gCAoElB,CAAC"}

package/build/components/MediaPicker/MediaPicker.js

@@ -0,0 +1,43 @@
+/**
+ * MediaPicker — field-level media attachment widget.
+ *
+ * Two modes:
+ *  - 'image': uses ImgPicker — principale slot + divider + additional slots (horizontal scroll)
+ *  - 'file':  vertical list of FileCards + a full-width "Ajouter un fichier" button.
+ *
+ * The component is fully controlled — it fires callbacks and the parent updates
+ * the images/files arrays.
+ */
+import { Text, View } from 'react-native';
+import { PlusCircle } from 'phosphor-react-native';
+import { useTheme } from '../../context/ThemeContext';
+import { ImgPicker } from '../ImgPicker';
+import { FileCard } from '../FileCard';
+import { Button } from '../Button';
+import { styles } from './MediaPicker.styles';
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+export const MediaPicker = ({ mode, label, subtitle, principale, additionalImages, initialAdditionalSlots, maxImages, principaleLabel, onAddPrincipale, onAddAdditional, onRemoveImage, files = [], onAddFile, onRemoveFile, style, testID, }) => {
+    const { colors, fontFamily } = useTheme();
+    const mp = colors.mediaPicker;
+    return (<View style={[styles.container, style]} testID={testID}>
+      {/* Label section */}
+      {(label != null || subtitle != null) && (<View style={styles.labelBlock}>
+          {label != null && (<Text style={[styles.label, { color: mp.label, fontFamily }]}>{label}</Text>)}
+          {subtitle != null && (<Text style={[styles.subtitle, { color: mp.subtitle, fontFamily }]}>{subtitle}</Text>)}
+        </View>)}
+
+      {/* ── Image mode ────────────────────────────────────────────────── */}
+      {mode === 'image' && (<ImgPicker principale={principale} additionalImages={additionalImages} initialAdditionalSlots={initialAdditionalSlots} maxImages={maxImages} principaleLabel={principaleLabel} onAddPrincipale={onAddPrincipale} onAddAdditional={onAddAdditional} onRemoveImage={onRemoveImage}/>)}
+
+      {/* ── File mode ─────────────────────────────────────────────────── */}
+      {mode === 'file' && (<View style={styles.fileCol}>
+          {files.length > 0 && (<View style={styles.fileList}>
+              {files.map((f) => (<FileCard key={f.id} filename={f.filename} detail={f.detail} caption={f.caption} mimeType={f.mimeType} thumbnailUri={f.thumbnailUri} onRemove={onRemoveFile ? () => onRemoveFile(f.id) : undefined}/>))}
+            </View>)}
+          <Button variant="tertiary" size="M" label="Ajouter un fichier" iconLeft={<PlusCircle size={18} weight="duotone" color={colors.button.tertiary.default.icon}/>} onPress={onAddFile} style={styles.addButton}/>
+        </View>)}
+    </View>);
+};
+//# sourceMappingURL=MediaPicker.js.map

package/build/components/MediaPicker/MediaPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaPicker.js","sourceRoot":"","sources":["../../../src/components/MediaPicker/MediaPicker.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * MediaPicker — field-level media attachment widget.\n *\n * Two modes:\n *  - 'image': uses ImgPicker — principale slot + divider + additional slots (horizontal scroll)\n *  - 'file':  vertical list of FileCards + a full-width \"Ajouter un fichier\" button.\n *\n * The component is fully controlled — it fires callbacks and the parent updates\n * the images/files arrays.\n */\n\nimport { Text, View } from 'react-native';\nimport type { StyleProp, ViewStyle } from 'react-native';\nimport { PlusCircle } from 'phosphor-react-native';\nimport { useTheme } from '../../context/ThemeContext';\nimport { ImgPicker } from '../ImgPicker';\nimport { FileCard } from '../FileCard';\nimport { Button } from '../Button';\nimport { styles } from './MediaPicker.styles';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport type MediaPickerMode = 'image' | 'file';\n\nexport interface MediaPickerImageItem {\n  /** Unique identifier */\n  id: string;\n  /** Image URI */\n  uri: string;\n}\n\nexport interface MediaPickerFileItem {\n  /** Unique identifier */\n  id: string;\n  /** Display file name */\n  filename: string;\n  /** First secondary text, shown left of the bullet (e.g. \"4.3 Mo\") */\n  detail?: string;\n  /** Second secondary text, shown right of the bullet (e.g. \"17/04/2026\") */\n  caption?: string;\n  /** MIME type — drives the icon choice */\n  mimeType?: string;\n  /** Image thumbnail URI — fills the icon area if provided */\n  thumbnailUri?: string;\n}\n\nexport interface MediaPickerProps {\n  /** Picker mode: image slots or file list */\n  mode: MediaPickerMode;\n  /** Section label shown above the picker */\n  label?: string;\n  /** Optional subtitle / helper text below the label */\n  subtitle?: string;\n\n  // --- Image mode ---\n  /** Controlled principale image. If undefined, the principale slot is shown empty. */\n  principale?: MediaPickerImageItem;\n  /** Controlled additional image slots (independent from principale). */\n  additionalImages?: MediaPickerImageItem[];\n  /**\n   * Number of additional empty slots shown on first render.\n   * Default: 2 (matches Figma).\n   */\n  initialAdditionalSlots?: number;\n  /**\n   * Maximum total images (1 principale + additional).\n   * When reached, no more empty slot is appended. Default: undefined (no limit).\n   */\n  maxImages?: number;\n  /** Badge label on the principale slot. Default: \"Principale\" */\n  principaleLabel?: string;\n  /** Called when the user taps the empty principale slot */\n  onAddPrincipale?: () => void;\n  /** Called when the user taps an empty additional slot */\n  onAddAdditional?: () => void;\n  /** Called with the image id when the user taps the X remove button */\n  onRemoveImage?: (id: string) => void;\n\n  // --- File mode ---\n  /** Controlled list of attached files */\n  files?: MediaPickerFileItem[];\n  /** Called when the user taps \"Ajouter un fichier\" */\n  onAddFile?: () => void;\n  /** Called with the file id when the user taps the remove button on a FileCard */\n  onRemoveFile?: (id: string) => void;\n\n  /** Additional style applied to the outer container */\n  style?: StyleProp<ViewStyle>;\n  /** Test identifier for automated testing */\n  testID?: string;\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport const MediaPicker = ({\n  mode,\n  label,\n  subtitle,\n  principale,\n  additionalImages,\n  initialAdditionalSlots,\n  maxImages,\n  principaleLabel,\n  onAddPrincipale,\n  onAddAdditional,\n  onRemoveImage,\n  files = [],\n  onAddFile,\n  onRemoveFile,\n  style,\n  testID,\n}: MediaPickerProps) => {\n  const { colors, fontFamily } = useTheme();\n  const mp = colors.mediaPicker;\n\n  return (\n    <View style={[styles.container, style]} testID={testID}>\n      {/* Label section */}\n      {(label != null || subtitle != null) && (\n        <View style={styles.labelBlock}>\n          {label != null && (\n            <Text style={[styles.label, { color: mp.label, fontFamily }]}>{label}</Text>\n          )}\n          {subtitle != null && (\n            <Text style={[styles.subtitle, { color: mp.subtitle, fontFamily }]}>{subtitle}</Text>\n          )}\n        </View>\n      )}\n\n      {/* ── Image mode ────────────────────────────────────────────────── */}\n      {mode === 'image' && (\n        <ImgPicker\n          principale={principale}\n          additionalImages={additionalImages}\n          initialAdditionalSlots={initialAdditionalSlots}\n          maxImages={maxImages}\n          principaleLabel={principaleLabel}\n          onAddPrincipale={onAddPrincipale}\n          onAddAdditional={onAddAdditional}\n          onRemoveImage={onRemoveImage}\n        />\n      )}\n\n      {/* ── File mode ─────────────────────────────────────────────────── */}\n      {mode === 'file' && (\n        <View style={styles.fileCol}>\n          {files.length > 0 && (\n            <View style={styles.fileList}>\n              {files.map((f) => (\n                <FileCard\n                  key={f.id}\n                  filename={f.filename}\n                  detail={f.detail}\n                  caption={f.caption}\n                  mimeType={f.mimeType}\n                  thumbnailUri={f.thumbnailUri}\n                  onRemove={onRemoveFile ? () => onRemoveFile(f.id) : undefined}\n                />\n              ))}\n            </View>\n          )}\n          <Button\n            variant=\"tertiary\"\n            size=\"M\"\n            label=\"Ajouter un fichier\"\n            iconLeft={\n              <PlusCircle\n                size={18}\n                weight=\"duotone\"\n                color={colors.button.tertiary.default.icon}\n              />\n            }\n            onPress={onAddFile}\n            style={styles.addButton}\n          />\n        </View>\n      )}\n    </View>\n  );\n};\n\n"]}

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

@@ -0,0 +1,30 @@
+export declare const styles: {
+    container: {
+        gap: number;
+    };
+    labelBlock: {
+        gap: number;
+    };
+    label: {
+        fontSize: number;
+        fontWeight: "600";
+        lineHeight: number;
+        letterSpacing: number;
+        textTransform: "uppercase";
+    };
+    subtitle: {
+        fontSize: number;
+        fontWeight: "500";
+        lineHeight: number;
+    };
+    fileCol: {
+        gap: number;
+    };
+    fileList: {
+        gap: number;
+    };
+    addButton: {
+        alignSelf: "stretch";
+    };
+};
+//# sourceMappingURL=MediaPicker.styles.d.ts.map