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

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

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

package/build/components/MediaPicker/MediaPicker.styles.js

@@ -0,0 +1,31 @@
+import { StyleSheet } from 'react-native';
+export const styles = StyleSheet.create({
+    container: {
+        gap: 4,
+    },
+    labelBlock: {
+        gap: 0,
+    },
+    label: {
+        fontSize: 12,
+        fontWeight: '600',
+        lineHeight: 16,
+        letterSpacing: 0.72,
+        textTransform: 'uppercase',
+    },
+    subtitle: {
+        fontSize: 12,
+        fontWeight: '500',
+        lineHeight: 16,
+    },
+    fileCol: {
+        gap: 8,
+    },
+    fileList: {
+        gap: 4,
+    },
+    addButton: {
+        alignSelf: 'stretch',
+    },
+});
+//# sourceMappingURL=MediaPicker.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MediaPicker.styles.js","sourceRoot":"","sources":["../../../src/components/MediaPicker/MediaPicker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IACtC,SAAS,EAAE;QACT,GAAG,EAAE,CAAC;KACP;IACD,UAAU,EAAE;QACV,GAAG,EAAE,CAAC;KACP;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,EAAE;QACd,aAAa,EAAE,IAAI;QACnB,aAAa,EAAE,WAAW;KAC3B;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,EAAE;KACf;IACD,OAAO,EAAE;QACP,GAAG,EAAE,CAAC;KACP;IACD,QAAQ,EAAE;QACR,GAAG,EAAE,CAAC;KACP;IACD,SAAS,EAAE;QACT,SAAS,EAAE,SAAS;KACrB;CACF,CAAC,CAAC","sourcesContent":["import { StyleSheet } from 'react-native';\n\nexport const styles = StyleSheet.create({\n  container: {\n    gap: 4,\n  },\n  labelBlock: {\n    gap: 0,\n  },\n  label: {\n    fontSize: 12,\n    fontWeight: '600',\n    lineHeight: 16,\n    letterSpacing: 0.72,\n    textTransform: 'uppercase',\n  },\n  subtitle: {\n    fontSize: 12,\n    fontWeight: '500',\n    lineHeight: 16,\n  },\n  fileCol: {\n    gap: 8,\n  },\n  fileList: {\n    gap: 4,\n  },\n  addButton: {\n    alignSelf: 'stretch',\n  },\n});\n"]}

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

@@ -0,0 +1,3 @@
+export { MediaPicker } from './MediaPicker';
+export type { MediaPickerProps, MediaPickerMode, MediaPickerImageItem, MediaPickerFileItem, } from './MediaPicker';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MediaPicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,eAAe,CAAC"}

package/build/components/MediaPicker/index.js

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

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

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

package/build/components/PhotoCard/PhotoCard.d.ts

@@ -0,0 +1,28 @@
+/**
+ * PhotoCard — 160 × 140 image slot used inside the image-mode MediaPicker.
+ *
+ * Default state: empty "+" slot, beige background, optional "Principale" badge.
+ * Used state: image fill (cover) + top gradient overlay + XCircle remove button
+ *             + optional "Principale" badge.
+ */
+import type { StyleProp, ViewStyle } from 'react-native';
+export interface PhotoCardProps {
+    /** Image URI — if provided, shows the "Used" state; if omitted shows the empty "+" slot */
+    uri?: string;
+    /** Show the badge at the bottom of the card */
+    principale?: boolean;
+    /** Badge label — defaults to "Principale" */
+    principaleLabel?: string;
+    /** Called when the card area is pressed (empty slot or image area) */
+    onPress?: () => void;
+    /** Called when the X remove button is pressed — only rendered in Used state */
+    onRemove?: () => void;
+    /** Additional style applied to the card container */
+    style?: StyleProp<ViewStyle>;
+    /** Test identifier for automated testing */
+    testID?: string;
+    /** Accessibility label for the card press area */
+    accessibilityLabel?: string;
+}
+export declare const PhotoCard: ({ uri, principale, principaleLabel, onPress, onRemove, style, testID, accessibilityLabel, }: PhotoCardProps) => import("react").JSX.Element;
+//# sourceMappingURL=PhotoCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PhotoCard.d.ts","sourceRoot":"","sources":["../../../src/components/PhotoCard/PhotoCard.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAUzD,MAAM,WAAW,cAAc;IAC7B,2FAA2F;IAC3F,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,qDAAqD;IACrD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kDAAkD;IAClD,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAMD,eAAO,MAAM,SAAS,GAAI,6FASvB,cAAc,gCAkEhB,CAAC"}

package/build/components/PhotoCard/PhotoCard.js

@@ -0,0 +1,53 @@
+/**
+ * PhotoCard — 160 × 140 image slot used inside the image-mode MediaPicker.
+ *
+ * Default state: empty "+" slot, beige background, optional "Principale" badge.
+ * Used state: image fill (cover) + top gradient overlay + XCircle remove button
+ *             + optional "Principale" badge.
+ */
+import { Image, Pressable, StyleSheet, Text, View } from 'react-native';
+import { LinearGradient } from 'expo-linear-gradient';
+import { Plus, XCircle } from 'phosphor-react-native';
+import { useTheme } from '../../context/ThemeContext';
+import { styles } from './PhotoCard.styles';
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+export const PhotoCard = ({ uri, principale = false, principaleLabel = 'Principale', onPress, onRemove, style, testID, accessibilityLabel, }) => {
+    const { colors, fontFamily } = useTheme();
+    const pc = colors.mediaPicker.photoCard;
+    const isUsed = !!uri;
+    return (<Pressable onPress={onPress} style={[
+            styles.card,
+            {
+                borderColor: pc.border,
+                backgroundColor: isUsed ? 'transparent' : pc.emptyBackground,
+            },
+            style,
+        ]} testID={testID} accessibilityRole="button" accessibilityLabel={accessibilityLabel ?? (isUsed ? 'Photo' : 'Ajouter une photo')}>
+      {/* Empty state — "+" icon */}
+      {!isUsed && (<Plus size={20} weight="regular" color={colors.text.primary}/>)}
+
+      {/* Used state — image + gradient + remove button */}
+      {isUsed && uri && (<>
+          <Image source={{ uri }} style={StyleSheet.absoluteFillObject} resizeMode="cover"/>
+          <LinearGradient colors={['rgba(0,0,0,0.5)', 'rgba(0,0,0,0)']} start={{ x: 0, y: 0 }} end={{ x: 0, y: 1 }} locations={[0, 0.58]} style={StyleSheet.absoluteFillObject}/>
+          {onRemove && (<Pressable onPress={onRemove} style={styles.removeButton} hitSlop={8} testID="photo-card-remove" accessibilityRole="button" accessibilityLabel="Supprimer la photo">
+              <XCircle size={28} weight="duotone" color={pc.removeIcon}/>
+            </Pressable>)}
+        </>)}
+
+      {/* "Principale" badge */}
+      {principale && (<View style={styles.badgeRow}>
+          <View style={[styles.badge, { backgroundColor: pc.badgeBackground }]}>
+            <Text style={[styles.badgeText, { color: pc.badgeText, fontFamily }]}>
+              {principaleLabel}
+            </Text>
+          </View>
+        </View>)}
+
+      {/* Inner border overlay — sits on top of the image so border is always visible */}
+      <View style={[styles.innerBorder, { borderColor: pc.border }]}/>
+    </Pressable>);
+};
+//# sourceMappingURL=PhotoCard.js.map

package/build/components/PhotoCard/PhotoCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhotoCard.js","sourceRoot":"","sources":["../../../src/components/PhotoCard/PhotoCard.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAExE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAyB5C,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,GAAG,EACH,UAAU,GAAG,KAAK,EAClB,eAAe,GAAG,YAAY,EAC9B,OAAO,EACP,QAAQ,EACR,KAAK,EACL,MAAM,EACN,kBAAkB,GACH,EAAE,EAAE;IACnB,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC1C,MAAM,EAAE,GAAG,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC;IACxC,MAAM,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC;IAErB,OAAO,CACL,CAAC,SAAS,CACR,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC;YACL,MAAM,CAAC,IAAI;YACX;gBACE,WAAW,EAAE,EAAE,CAAC,MAAM;gBACtB,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,eAAe;aAC7D;YACD,KAAK;SACN,CAAC,CACF,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,iBAAiB,CAAC,QAAQ,CAC1B,kBAAkB,CAAC,CAAC,kBAAkB,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAEnF;MAAA,CAAC,4BAA4B,CAC7B;MAAA,CAAC,CAAC,MAAM,IAAI,CACV,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,EAAG,CAChE,CAED;;MAAA,CAAC,mDAAmD,CACpD;MAAA,CAAC,MAAM,IAAI,GAAG,IAAI,CAChB,EACE;UAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC,UAAU,CAAC,OAAO,EAChF;UAAA,CAAC,cAAc,CACb,MAAM,CAAC,CAAC,CAAC,iBAAiB,EAAE,eAAe,CAAC,CAAC,CAC7C,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CACtB,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CACpB,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CACrB,KAAK,CAAC,CAAC,UAAU,CAAC,kBAAkB,CAAC,EAEvC;UAAA,CAAC,QAAQ,IAAI,CACX,CAAC,SAAS,CACR,OAAO,CAAC,CAAC,QAAQ,CAAC,CAClB,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAC3B,OAAO,CAAC,CAAC,CAAC,CAAC,CACX,MAAM,CAAC,mBAAmB,CAC1B,iBAAiB,CAAC,QAAQ,CAC1B,kBAAkB,CAAC,oBAAoB,CAEvC;cAAA,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,EAC3D;YAAA,EAAE,SAAS,CAAC,CACb,CACH;QAAA,GAAG,CACJ,CAED;;MAAA,CAAC,wBAAwB,CACzB;MAAA,CAAC,UAAU,IAAI,CACb,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAC3B;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,eAAe,EAAE,EAAE,CAAC,eAAe,EAAE,CAAC,CAAC,CACnE;YAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,CAAC,CAAC,CACnE;cAAA,CAAC,eAAe,CAClB;YAAA,EAAE,IAAI,CACR;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,IAAI,CAAC,CACR,CAED;;MAAA,CAAC,iFAAiF,CAClF;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,EAAE,EAAE,WAAW,EAAE,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC,EAChE;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * PhotoCard — 160 × 140 image slot used inside the image-mode MediaPicker.\n *\n * Default state: empty \"+\" slot, beige background, optional \"Principale\" badge.\n * Used state: image fill (cover) + top gradient overlay + XCircle remove button\n *             + optional \"Principale\" badge.\n */\n\nimport { Image, Pressable, StyleSheet, Text, View } from 'react-native';\nimport type { StyleProp, ViewStyle } from 'react-native';\nimport { LinearGradient } from 'expo-linear-gradient';\nimport { Plus, XCircle } from 'phosphor-react-native';\nimport { useTheme } from '../../context/ThemeContext';\nimport { styles } from './PhotoCard.styles';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface PhotoCardProps {\n  /** Image URI — if provided, shows the \"Used\" state; if omitted shows the empty \"+\" slot */\n  uri?: string;\n  /** Show the badge at the bottom of the card */\n  principale?: boolean;\n  /** Badge label — defaults to \"Principale\" */\n  principaleLabel?: string;\n  /** Called when the card area is pressed (empty slot or image area) */\n  onPress?: () => void;\n  /** Called when the X remove button is pressed — only rendered in Used state */\n  onRemove?: () => void;\n  /** Additional style applied to the card container */\n  style?: StyleProp<ViewStyle>;\n  /** Test identifier for automated testing */\n  testID?: string;\n  /** Accessibility label for the card press area */\n  accessibilityLabel?: string;\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport const PhotoCard = ({\n  uri,\n  principale = false,\n  principaleLabel = 'Principale',\n  onPress,\n  onRemove,\n  style,\n  testID,\n  accessibilityLabel,\n}: PhotoCardProps) => {\n  const { colors, fontFamily } = useTheme();\n  const pc = colors.mediaPicker.photoCard;\n  const isUsed = !!uri;\n\n  return (\n    <Pressable\n      onPress={onPress}\n      style={[\n        styles.card,\n        {\n          borderColor: pc.border,\n          backgroundColor: isUsed ? 'transparent' : pc.emptyBackground,\n        },\n        style,\n      ]}\n      testID={testID}\n      accessibilityRole=\"button\"\n      accessibilityLabel={accessibilityLabel ?? (isUsed ? 'Photo' : 'Ajouter une photo')}\n    >\n      {/* Empty state — \"+\" icon */}\n      {!isUsed && (\n        <Plus size={20} weight=\"regular\" color={colors.text.primary} />\n      )}\n\n      {/* Used state — image + gradient + remove button */}\n      {isUsed && uri && (\n        <>\n          <Image source={{ uri }} style={StyleSheet.absoluteFillObject} resizeMode=\"cover\" />\n          <LinearGradient\n            colors={['rgba(0,0,0,0.5)', 'rgba(0,0,0,0)']}\n            start={{ x: 0, y: 0 }}\n            end={{ x: 0, y: 1 }}\n            locations={[0, 0.58]}\n            style={StyleSheet.absoluteFillObject}\n          />\n          {onRemove && (\n            <Pressable\n              onPress={onRemove}\n              style={styles.removeButton}\n              hitSlop={8}\n              testID=\"photo-card-remove\"\n              accessibilityRole=\"button\"\n              accessibilityLabel=\"Supprimer la photo\"\n            >\n              <XCircle size={28} weight=\"duotone\" color={pc.removeIcon} />\n            </Pressable>\n          )}\n        </>\n      )}\n\n      {/* \"Principale\" badge */}\n      {principale && (\n        <View style={styles.badgeRow}>\n          <View style={[styles.badge, { backgroundColor: pc.badgeBackground }]}>\n            <Text style={[styles.badgeText, { color: pc.badgeText, fontFamily }]}>\n              {principaleLabel}\n            </Text>\n          </View>\n        </View>\n      )}\n\n      {/* Inner border overlay — sits on top of the image so border is always visible */}\n      <View style={[styles.innerBorder, { borderColor: pc.border }]} />\n    </Pressable>\n  );\n};\n\n"]}

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

@@ -0,0 +1,47 @@
+export declare const styles: {
+    card: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        overflow: "hidden";
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    innerBorder: {
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+        borderRadius: number;
+        borderWidth: number;
+        pointerEvents: "none";
+    };
+    removeButton: {
+        position: "absolute";
+        right: number;
+        top: number;
+        width: number;
+        height: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    badgeRow: {
+        position: "absolute";
+        bottom: number;
+        left: number;
+        right: number;
+        alignItems: "center";
+    };
+    badge: {
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderRadius: number;
+    };
+    badgeText: {
+        fontSize: number;
+        fontWeight: "500";
+        lineHeight: number;
+    };
+};
+//# sourceMappingURL=PhotoCard.styles.d.ts.map

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

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

package/build/components/PhotoCard/PhotoCard.styles.js

@@ -0,0 +1,45 @@
+import { StyleSheet } from 'react-native';
+export const styles = StyleSheet.create({
+    card: {
+        width: 160,
+        height: 140,
+        borderRadius: 8,
+        overflow: 'hidden',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    innerBorder: {
+        position: 'absolute',
+        top: 0, left: 0, right: 0, bottom: 0,
+        borderRadius: 8,
+        borderWidth: 1,
+        pointerEvents: 'none',
+    },
+    removeButton: {
+        position: 'absolute',
+        right: 5,
+        top: 5,
+        width: 28,
+        height: 28,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    badgeRow: {
+        position: 'absolute',
+        bottom: 7,
+        left: 0,
+        right: 0,
+        alignItems: 'center',
+    },
+    badge: {
+        paddingHorizontal: 8,
+        paddingVertical: 2,
+        borderRadius: 9999,
+    },
+    badgeText: {
+        fontSize: 14,
+        fontWeight: '500',
+        lineHeight: 20,
+    },
+});
+//# sourceMappingURL=PhotoCard.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PhotoCard.styles.js","sourceRoot":"","sources":["../../../src/components/PhotoCard/PhotoCard.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IACtC,IAAI,EAAE;QACJ,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,YAAY,EAAE,CAAC;QACf,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,WAAW,EAAE;QACX,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC;QACpC,YAAY,EAAE,CAAC;QACf,WAAW,EAAE,CAAC;QACd,aAAa,EAAE,MAAM;KACtB;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,CAAC;QACR,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,UAAU,EAAE,QAAQ;KACrB;IACD,KAAK,EAAE;QACL,iBAAiB,EAAE,CAAC;QACpB,eAAe,EAAE,CAAC;QAClB,YAAY,EAAE,IAAI;KACnB;IACD,SAAS,EAAE;QACT,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,EAAE;KACf;CACF,CAAC,CAAC","sourcesContent":["import { StyleSheet } from 'react-native';\n\nexport const styles = StyleSheet.create({\n  card: {\n    width: 160,\n    height: 140,\n    borderRadius: 8,\n    overflow: 'hidden',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  innerBorder: {\n    position: 'absolute',\n    top: 0, left: 0, right: 0, bottom: 0,\n    borderRadius: 8,\n    borderWidth: 1,\n    pointerEvents: 'none',\n  },\n  removeButton: {\n    position: 'absolute',\n    right: 5,\n    top: 5,\n    width: 28,\n    height: 28,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  badgeRow: {\n    position: 'absolute',\n    bottom: 7,\n    left: 0,\n    right: 0,\n    alignItems: 'center',\n  },\n  badge: {\n    paddingHorizontal: 8,\n    paddingVertical: 2,\n    borderRadius: 9999,\n  },\n  badgeText: {\n    fontSize: 14,\n    fontWeight: '500',\n    lineHeight: 20,\n  },\n});\n"]}

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

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

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

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

package/build/components/PhotoCard/index.js

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

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

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

package/build/components/ProgressStep/ProgressStep.d.ts

@@ -0,0 +1,9 @@
+export interface ProgressStepProps {
+    /** Total number of steps */
+    totalSteps: number;
+    /** Index of the current active step (0-based) */
+    currentStep: number;
+}
+export declare function ProgressStep({ totalSteps, currentStep }: ProgressStepProps): import("react").JSX.Element;
+export default ProgressStep;
+//# sourceMappingURL=ProgressStep.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressStep.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressStep/ProgressStep.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,iBAAiB;IAChC,4BAA4B;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,EAAE,iBAAiB,+BAsB1E;AAED,eAAe,YAAY,CAAC"}

package/build/components/ProgressStep/ProgressStep.js

@@ -0,0 +1,23 @@
+/**
+ * ProgressStep — horizontal step progress indicator.
+ * Renders a row of segments: completed/active segments are filled, future ones are dimmed.
+ */
+import { View } from 'react-native';
+import { useTheme } from '../../context/ThemeContext';
+import { styles } from './ProgressStep.styles';
+export function ProgressStep({ totalSteps, currentStep }) {
+    const { colors } = useTheme();
+    return (<View style={styles.row} accessibilityRole="progressbar" accessibilityValue={{ min: 0, max: totalSteps - 1, now: currentStep }}>
+      {Array.from({ length: totalSteps }, (_, index) => (<View key={index} style={[
+                styles.segment,
+                {
+                    flex: 1,
+                    backgroundColor: index < currentStep ? colors.progressStep.done :
+                        index === currentStep ? colors.progressStep.active :
+                            colors.progressStep.default,
+                },
+            ]}/>))}
+    </View>);
+}
+export default ProgressStep;
+//# sourceMappingURL=ProgressStep.js.map

package/build/components/ProgressStep/ProgressStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressStep.js","sourceRoot":"","sources":["../../../src/components/ProgressStep/ProgressStep.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAS/C,MAAM,UAAU,YAAY,CAAC,EAAE,UAAU,EAAE,WAAW,EAAqB;IACzE,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IAE9B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,iBAAiB,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,UAAU,GAAG,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC,CAC7H;MAAA,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAChD,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,KAAK,CAAC,CAAC;gBACL,MAAM,CAAC,OAAO;gBACd;oBACE,IAAI,EAAE,CAAC;oBACP,eAAe,EACb,KAAK,GAAG,WAAW,CAAE,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;wBACjD,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;4BACpD,MAAM,CAAC,YAAY,CAAC,OAAO;iBAC9B;aACF,CAAC,EACF,CACH,CAAC,CACJ;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,eAAe,YAAY,CAAC","sourcesContent":["/**\n * ProgressStep — horizontal step progress indicator.\n * Renders a row of segments: completed/active segments are filled, future ones are dimmed.\n */\nimport { View } from 'react-native';\nimport { useTheme } from '../../context/ThemeContext';\nimport { styles } from './ProgressStep.styles';\n\nexport interface ProgressStepProps {\n  /** Total number of steps */\n  totalSteps: number;\n  /** Index of the current active step (0-based) */\n  currentStep: number;\n}\n\nexport function ProgressStep({ totalSteps, currentStep }: ProgressStepProps) {\n  const { colors } = useTheme();\n\n  return (\n    <View style={styles.row} accessibilityRole=\"progressbar\" accessibilityValue={{ min: 0, max: totalSteps - 1, now: currentStep }}>\n      {Array.from({ length: totalSteps }, (_, index) => (\n        <View\n          key={index}\n          style={[\n            styles.segment,\n            {\n              flex: 1,\n              backgroundColor:\n                index < currentStep  ? colors.progressStep.done :\n                index === currentStep ? colors.progressStep.active :\n                colors.progressStep.default,\n            },\n          ]}\n        />\n      ))}\n    </View>\n  );\n}\n\nexport default ProgressStep;\n\n"]}

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

@@ -0,0 +1,12 @@
+export declare const styles: {
+    row: {
+        flexDirection: "row";
+        gap: number;
+        width: "100%";
+    };
+    segment: {
+        height: number;
+        borderRadius: number;
+    };
+};
+//# sourceMappingURL=ProgressStep.styles.d.ts.map

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

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

package/build/components/ProgressStep/ProgressStep.styles.js

@@ -0,0 +1,13 @@
+import { StyleSheet } from 'react-native';
+export const styles = StyleSheet.create({
+    row: {
+        flexDirection: 'row',
+        gap: 6,
+        width: '100%',
+    },
+    segment: {
+        height: 4,
+        borderRadius: 9999,
+    },
+});
+//# sourceMappingURL=ProgressStep.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressStep.styles.js","sourceRoot":"","sources":["../../../src/components/ProgressStep/ProgressStep.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IACtC,GAAG,EAAE;QACH,aAAa,EAAE,KAAK;QACpB,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,MAAM;KACd;IACD,OAAO,EAAE;QACP,MAAM,EAAE,CAAC;QACT,YAAY,EAAE,IAAI;KACnB;CACF,CAAC,CAAC","sourcesContent":["import { StyleSheet } from 'react-native';\n\nexport const styles = StyleSheet.create({\n  row: {\n    flexDirection: 'row',\n    gap: 6,\n    width: '100%',\n  },\n  segment: {\n    height: 4,\n    borderRadius: 9999,\n  },\n});\n"]}

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

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

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

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

package/build/components/ProgressStep/index.js

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

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

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

package/build/components/RadioButton/RadioButton.d.ts

@@ -0,0 +1,29 @@
+/**
+ * RadioButton — controlled radio button.
+ * Renders a circular ring with an optional center dot (selected state),
+ * optional content to the right and an optional helper text below.
+ * Two sizes: m (24px ring, 44px touch target) and xl (32px ring).
+ */
+import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export type RadioButtonSize = 'm' | 'xl';
+export interface RadioButtonProps {
+    /** Whether this radio button is selected — required (controlled) */
+    selected: boolean;
+    /** Press handler */
+    onPress: () => void;
+    /** Content displayed to the right of the circle — use Text, tags, links, etc. */
+    children?: React.ReactNode;
+    /** Helper or description text displayed below the children */
+    helperText?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Circle size — m: 24px ring / xl: 32px ring (both have a 44px touch target) */
+    size?: RadioButtonSize;
+    /** Additional wrapper styles */
+    style?: StyleProp<ViewStyle>;
+    /** Test ID for automated testing */
+    testID?: string;
+}
+export declare function RadioButton({ selected, onPress, children, helperText, disabled, size, style, testID, }: RadioButtonProps): React.JSX.Element;
+//# sourceMappingURL=RadioButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQzD,MAAM,MAAM,eAAe,GAAG,GAAG,GAAG,IAAI,CAAC;AAEzC,MAAM,WAAW,gBAAgB;IAC/B,oEAAoE;IACpE,QAAQ,EAAE,OAAO,CAAC;IAClB,oBAAoB;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iFAAiF;IACjF,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,gCAAgC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAiBD,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,UAAU,EACV,QAAgB,EAChB,IAAU,EACV,KAAK,EACL,MAAM,GACP,EAAE,gBAAgB,qBAuElB"}

package/build/components/RadioButton/RadioButton.js

@@ -0,0 +1,71 @@
+/**
+ * RadioButton — controlled radio button.
+ * Renders a circular ring with an optional center dot (selected state),
+ * optional content to the right and an optional helper text below.
+ * Two sizes: m (24px ring, 44px touch target) and xl (32px ring).
+ */
+import React, { useState } from 'react';
+import { Pressable, Text, View } from 'react-native';
+import { useTheme } from '../../context/ThemeContext';
+import { styles } from './RadioButton.styles';
+// ---------------------------------------------------------------------------
+// Size config
+// ---------------------------------------------------------------------------
+const RING_BORDER_WIDTH = 1.5;
+const SIZE_CONFIG = {
+    m: { ring: 24, dot: 10, touchTarget: 44 },
+    xl: { ring: 32, dot: 14, touchTarget: 44 },
+};
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+export function RadioButton({ selected, onPress, children, helperText, disabled = false, size = 'm', style, testID, }) {
+    const [pressed, setPressed] = useState(false);
+    const { colors, fontFamily } = useTheme();
+    const t = colors.radio;
+    const cfg = SIZE_CONFIG[size];
+    const variantTokens = selected ? t.selected : t.unselected;
+    const stateKey = disabled ? 'disabled' : pressed ? 'pressed' : 'default';
+    const tokens = variantTokens[stateKey];
+    return (<Pressable accessibilityRole="radio" accessibilityState={{ selected, disabled }} onPressIn={() => { if (!disabled)
+        setPressed(true); }} onPressOut={() => setPressed(false)} onPress={disabled ? undefined : onPress} style={[styles.wrapper, style]} testID={testID}>
+      {/* Touch target + ring */}
+      <View style={[
+            styles.touchTarget,
+            {
+                width: cfg.touchTarget,
+                height: cfg.touchTarget,
+            },
+        ]}>
+        <View style={[
+            styles.ring,
+            {
+                width: cfg.ring,
+                height: cfg.ring,
+                borderRadius: cfg.ring / 2,
+                backgroundColor: tokens.fill,
+                borderColor: tokens.ring,
+                borderWidth: RING_BORDER_WIDTH,
+            },
+        ]}>
+          {/* Center dot — visible when selected */}
+          {selected && (<View style={[
+                styles.dot,
+                {
+                    width: cfg.dot,
+                    height: cfg.dot,
+                    borderRadius: cfg.dot / 2,
+                    backgroundColor: tokens.dot,
+                },
+            ]}/>)}
+        </View>
+      </View>
+
+      {/* Content + helper text */}
+      {(children != null || helperText != null) && (<View style={styles.textContainer}>
+          {children}
+          {helperText != null && (<Text style={[styles.helper, { color: t.helper, fontFamily }]}>{helperText}</Text>)}
+        </View>)}
+    </Pressable>);
+}
+//# sourceMappingURL=RadioButton.js.map

package/build/components/RadioButton/RadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * RadioButton — controlled radio button.\n * Renders a circular ring with an optional center dot (selected state),\n * optional content to the right and an optional helper text below.\n * Two sizes: m (24px ring, 44px touch target) and xl (32px ring).\n */\nimport React, { useState } from 'react';\nimport { Pressable, Text, View } from 'react-native';\nimport type { StyleProp, ViewStyle } from 'react-native';\nimport { useTheme } from '../../context/ThemeContext';\nimport { styles } from './RadioButton.styles';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport type RadioButtonSize = 'm' | 'xl';\n\nexport interface RadioButtonProps {\n  /** Whether this radio button is selected — required (controlled) */\n  selected: boolean;\n  /** Press handler */\n  onPress: () => void;\n  /** Content displayed to the right of the circle — use Text, tags, links, etc. */\n  children?: React.ReactNode;\n  /** Helper or description text displayed below the children */\n  helperText?: string;\n  /** Disabled state */\n  disabled?: boolean;\n  /** Circle size — m: 24px ring / xl: 32px ring (both have a 44px touch target) */\n  size?: RadioButtonSize;\n  /** Additional wrapper styles */\n  style?: StyleProp<ViewStyle>;\n  /** Test ID for automated testing */\n  testID?: string;\n}\n\n// ---------------------------------------------------------------------------\n// Size config\n// ---------------------------------------------------------------------------\n\nconst RING_BORDER_WIDTH = 1.5;\n\nconst SIZE_CONFIG: Record<RadioButtonSize, { ring: number; dot: number; touchTarget: number }> = {\n  m:  { ring: 24, dot: 10, touchTarget: 44 },\n  xl: { ring: 32, dot: 14, touchTarget: 44 },\n};\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport function RadioButton({\n  selected,\n  onPress,\n  children,\n  helperText,\n  disabled = false,\n  size = 'm',\n  style,\n  testID,\n}: RadioButtonProps) {\n  const [pressed, setPressed] = useState(false);\n  const { colors, fontFamily } = useTheme();\n  const t = colors.radio;\n  const cfg = SIZE_CONFIG[size];\n\n  const variantTokens = selected ? t.selected : t.unselected;\n  const stateKey = disabled ? 'disabled' : pressed ? 'pressed' : 'default';\n  const tokens = variantTokens[stateKey];\n\n  return (\n    <Pressable\n      accessibilityRole=\"radio\"\n      accessibilityState={{ selected, disabled }}\n      onPressIn={() => { if (!disabled) setPressed(true); }}\n      onPressOut={() => setPressed(false)}\n      onPress={disabled ? undefined : onPress}\n      style={[styles.wrapper, style]}\n      testID={testID}\n    >\n      {/* Touch target + ring */}\n      <View\n        style={[\n          styles.touchTarget,\n          {\n            width: cfg.touchTarget,\n            height: cfg.touchTarget,\n          },\n        ]}\n      >\n        <View\n          style={[\n            styles.ring,\n            {\n              width: cfg.ring,\n              height: cfg.ring,\n              borderRadius: cfg.ring / 2,\n              backgroundColor: tokens.fill,\n              borderColor: tokens.ring,\n              borderWidth: RING_BORDER_WIDTH,\n            },\n          ]}\n        >\n          {/* Center dot — visible when selected */}\n          {selected && (\n            <View\n              style={[\n                styles.dot,\n                {\n                  width: cfg.dot,\n                  height: cfg.dot,\n                  borderRadius: cfg.dot / 2,\n                  backgroundColor: tokens.dot,\n                },\n              ]}\n            />\n          )}\n        </View>\n      </View>\n\n      {/* Content + helper text */}\n      {(children != null || helperText != null) && (\n        <View style={styles.textContainer}>\n          {children}\n          {helperText != null && (\n            <Text style={[styles.helper, { color: t.helper, fontFamily }]}>{helperText}</Text>\n          )}\n        </View>\n      )}\n    </Pressable>\n  );\n}\n\n"]}

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

@@ -0,0 +1,27 @@
+export declare const styles: {
+    wrapper: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+    };
+    touchTarget: {
+        alignItems: "center";
+        justifyContent: "center";
+        flexShrink: number;
+    };
+    ring: {
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    dot: {};
+    textContainer: {
+        flex: number;
+        gap: number;
+    };
+    helper: {
+        fontSize: number;
+        lineHeight: number;
+        fontWeight: "400";
+    };
+};
+//# sourceMappingURL=RadioButton.styles.d.ts.map

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

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

package/build/components/RadioButton/RadioButton.styles.js

@@ -0,0 +1,30 @@
+import { StyleSheet } from 'react-native';
+export const styles = StyleSheet.create({
+    wrapper: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 8,
+    },
+    touchTarget: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        flexShrink: 0,
+    },
+    ring: {
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    dot: {
+    // positioned in center by parent's alignItems/justifyContent
+    },
+    textContainer: {
+        flex: 1,
+        gap: 2,
+    },
+    helper: {
+        fontSize: 12,
+        lineHeight: 16,
+        fontWeight: '400',
+    },
+});
+//# sourceMappingURL=RadioButton.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.styles.js","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IACtC,OAAO,EAAE;QACP,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,CAAC;KACP;IACD,WAAW,EAAE;QACX,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,CAAC;KACd;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,GAAG,EAAE;IACH,6DAA6D;KAC9D;IACD,aAAa,EAAE;QACb,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,CAAC;KACP;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE;QACd,UAAU,EAAE,KAAK;KAClB;CACF,CAAC,CAAC","sourcesContent":["import { StyleSheet } from 'react-native';\n\nexport const styles = StyleSheet.create({\n  wrapper: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 8,\n  },\n  touchTarget: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n  },\n  ring: {\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  dot: {\n    // positioned in center by parent's alignItems/justifyContent\n  },\n  textContainer: {\n    flex: 1,\n    gap: 2,\n  },\n  helper: {\n    fontSize: 12,\n    lineHeight: 16,\n    fontWeight: '400',\n  },\n});\n"]}

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

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

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

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

package/build/components/RadioButton/index.js

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

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

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