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

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

@@ -0,0 +1,62 @@
+export declare const styles: {
+    container: {
+        position: "relative";
+    };
+    topCard: {
+        zIndex: number;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    pocket: {
+        marginTop: number;
+        zIndex: number;
+        borderWidth: number;
+        borderRadius: number;
+        paddingTop: number;
+        paddingBottom: number;
+        paddingHorizontal: number;
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        overflow: "hidden";
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    locationButton: {
+        flex: number;
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        gap: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderRadius: number;
+        borderWidth: number;
+        minWidth: number;
+    };
+    locationButtonText: {
+        flex: number;
+        fontSize: number;
+        fontWeight: "500";
+        fontFamily: string;
+        lineHeight: number;
+    };
+    mapButton: {
+        alignItems: "center";
+        justifyContent: "center";
+        padding: number;
+        borderRadius: number;
+        flexShrink: number;
+    };
+};
+//# sourceMappingURL=CardProfile.styles.d.ts.map

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

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

package/build/components/CardProfile/CardProfile.styles.js

@@ -0,0 +1,65 @@
+/**
+ * Static styles for the CardProfile component.
+ * Dynamic (theme-dependent) colors are applied inline in CardProfile.tsx.
+ */
+import { StyleSheet } from 'react-native';
+export const styles = StyleSheet.create({
+    container: {
+        position: 'relative',
+    },
+    // Top CardEquip — sits above the pocket, shadow separates it from the pocket
+    topCard: {
+        zIndex: 2,
+        shadowOffset: { width: 0, height: 4 },
+        shadowOpacity: 1,
+        shadowRadius: 5,
+        elevation: 2,
+    },
+    // Background pocket card — pulls up behind the top card
+    pocket: {
+        marginTop: -30,
+        zIndex: 1,
+        borderWidth: 1,
+        borderRadius: 8,
+        paddingTop: 38,
+        paddingBottom: 8,
+        paddingHorizontal: 10,
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 4,
+        overflow: 'hidden',
+        shadowOffset: { width: 0, height: 4 },
+        shadowOpacity: 1,
+        shadowRadius: 5,
+        elevation: 1,
+    },
+    // Outline location button (flex: 1, fills available space)
+    locationButton: {
+        flex: 1,
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: 8,
+        paddingHorizontal: 10,
+        paddingVertical: 10,
+        borderRadius: 8,
+        borderWidth: 1,
+        minWidth: 0,
+    },
+    locationButtonText: {
+        flex: 1,
+        fontSize: 12,
+        fontWeight: '500',
+        fontFamily: 'Urbanist',
+        lineHeight: 16,
+    },
+    // Dark icon-only map action button
+    mapButton: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        padding: 10,
+        borderRadius: 8,
+        flexShrink: 0,
+    },
+});
+//# sourceMappingURL=CardProfile.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardProfile.styles.js","sourceRoot":"","sources":["../../../src/components/CardProfile/CardProfile.styles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IACtC,SAAS,EAAE;QACT,QAAQ,EAAE,UAAU;KACrB;IAED,6EAA6E;IAC7E,OAAO,EAAE;QACP,MAAM,EAAE,CAAC;QACT,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QACrC,aAAa,EAAE,CAAC;QAChB,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,CAAC;KACb;IAED,wDAAwD;IACxD,MAAM,EAAE;QACN,SAAS,EAAE,CAAC,EAAE;QACd,MAAM,EAAE,CAAC;QACT,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;QACf,UAAU,EAAE,EAAE;QACd,aAAa,EAAE,CAAC;QAChB,iBAAiB,EAAE,EAAE;QACrB,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,CAAC;QACN,QAAQ,EAAE,QAAQ;QAClB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;QACrC,aAAa,EAAE,CAAC;QAChB,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,CAAC;KACb;IAED,2DAA2D;IAC3D,cAAc,EAAE;QACd,IAAI,EAAE,CAAC;QACP,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,GAAG,EAAE,CAAC;QACN,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,EAAE;QACnB,YAAY,EAAE,CAAC;QACf,WAAW,EAAE,CAAC;QACd,QAAQ,EAAE,CAAC;KACZ;IACD,kBAAkB,EAAE;QAClB,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,UAAU;QACtB,UAAU,EAAE,EAAE;KACf;IAED,mCAAmC;IACnC,SAAS,EAAE;QACT,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,OAAO,EAAE,EAAE;QACX,YAAY,EAAE,CAAC;QACf,UAAU,EAAE,CAAC;KACd;CACF,CAAC,CAAC","sourcesContent":["/**\n * Static styles for the CardProfile component.\n * Dynamic (theme-dependent) colors are applied inline in CardProfile.tsx.\n */\nimport { StyleSheet } from 'react-native';\n\nexport const styles = StyleSheet.create({\n  container: {\n    position: 'relative',\n  },\n\n  // Top CardEquip — sits above the pocket, shadow separates it from the pocket\n  topCard: {\n    zIndex: 2,\n    shadowOffset: { width: 0, height: 4 },\n    shadowOpacity: 1,\n    shadowRadius: 5,\n    elevation: 2,\n  },\n\n  // Background pocket card — pulls up behind the top card\n  pocket: {\n    marginTop: -30,\n    zIndex: 1,\n    borderWidth: 1,\n    borderRadius: 8,\n    paddingTop: 38,\n    paddingBottom: 8,\n    paddingHorizontal: 10,\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 4,\n    overflow: 'hidden',\n    shadowOffset: { width: 0, height: 4 },\n    shadowOpacity: 1,\n    shadowRadius: 5,\n    elevation: 1,\n  },\n\n  // Outline location button (flex: 1, fills available space)\n  locationButton: {\n    flex: 1,\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: 8,\n    paddingHorizontal: 10,\n    paddingVertical: 10,\n    borderRadius: 8,\n    borderWidth: 1,\n    minWidth: 0,\n  },\n  locationButtonText: {\n    flex: 1,\n    fontSize: 12,\n    fontWeight: '500',\n    fontFamily: 'Urbanist',\n    lineHeight: 16,\n  },\n\n  // Dark icon-only map action button\n  mapButton: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: 10,\n    borderRadius: 8,\n    flexShrink: 0,\n  },\n});\n"]}

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

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

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

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

package/build/components/CardProfile/index.js

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

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

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

package/build/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Checkbox component for Traq[UI]ste Mobile.
+ * Controlled component supporting checked, indeterminate, and disabled states,
+ * with an optional label and helper text.
+ */
+import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export type CheckboxSize = 'm' | 'xl';
+export interface CheckboxProps {
+    /** Whether the checkbox is checked — required (controlled) */
+    checked: boolean;
+    /** Indeterminate state — visually overrides checked, shows a minus icon */
+    indeterminate?: boolean;
+    /** Content displayed to the right of the box — use Text, tags, links, etc. */
+    children?: React.ReactNode;
+    /** Helper or error text displayed below the label */
+    helperText?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Box size — m: 24×24, xl: 32×32 */
+    size?: CheckboxSize;
+    /** Press handler — required for controlled usage */
+    onPress: () => void;
+    /** Additional wrapper styles */
+    style?: StyleProp<ViewStyle>;
+}
+export declare function Checkbox({ checked, indeterminate, children, helperText, disabled, size, onPress, style, }: CheckboxProps): React.JSX.Element;
+//# sourceMappingURL=Checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQzD,MAAM,MAAM,YAAY,GAAG,GAAG,GAAG,IAAI,CAAC;AAEtC,MAAM,WAAW,aAAa;IAC5B,8DAA8D;IAC9D,OAAO,EAAE,OAAO,CAAC;IACjB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,oDAAoD;IACpD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gCAAgC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAiBD,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,aAAqB,EACrB,QAAQ,EACR,UAAU,EACV,QAAgB,EAChB,IAAU,EACV,OAAO,EACP,KAAK,GACN,EAAE,aAAa,qBAoDf"}

package/build/components/Checkbox/Checkbox.js

@@ -0,0 +1,77 @@
+/**
+ * Checkbox component for Traq[UI]ste Mobile.
+ * Controlled component supporting checked, indeterminate, and disabled states,
+ * with an optional label and helper text.
+ */
+import React, { useState } from 'react';
+import { Pressable, StyleSheet, Text, View } from 'react-native';
+import { Check, Minus } from 'phosphor-react-native';
+import { useTheme } from '../../context/ThemeContext';
+// ---------------------------------------------------------------------------
+// Size config
+// ---------------------------------------------------------------------------
+const BOX_BORDER_WIDTH = 1.5;
+const SIZE_CONFIG = {
+    m: { box: 24, icon: 18, borderRadius: 4 },
+    xl: { box: 32, icon: 22, borderRadius: 8 },
+};
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+export function Checkbox({ checked, indeterminate = false, children, helperText, disabled = false, size = 'm', onPress, style, }) {
+    const [pressed, setPressed] = useState(false);
+    const { colors, fontFamily } = useTheme();
+    const t = colors.checkbox;
+    const { box: boxSize, icon: iconSize, borderRadius } = SIZE_CONFIG[size] ?? SIZE_CONFIG['m'];
+    // indeterminate + checked share the same filled token group
+    const variantTokens = indeterminate || checked ? t.checked : t.unchecked;
+    const stateKey = disabled ? 'disabled' : pressed ? 'pressed' : 'default';
+    const tokens = variantTokens[stateKey];
+    return (<Pressable accessibilityRole="checkbox" accessibilityState={{ checked: indeterminate ? 'mixed' : checked, disabled }} onPressIn={() => { if (!disabled)
+        setPressed(true); }} onPressOut={() => setPressed(false)} onPress={disabled ? undefined : onPress} style={[styles.wrapper, style]}>
+      {/* Box */}
+      <View style={[
+            styles.box,
+            {
+                width: boxSize,
+                height: boxSize,
+                backgroundColor: tokens.background,
+                borderColor: tokens.border,
+                borderWidth: BOX_BORDER_WIDTH,
+                borderRadius,
+            },
+        ]}>
+        {indeterminate ? (<Minus size={iconSize} color={tokens.icon} weight="bold"/>) : checked ? (<Check size={iconSize} color={tokens.icon} weight="bold"/>) : null}
+      </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>);
+}
+// ---------------------------------------------------------------------------
+// Styles
+// ---------------------------------------------------------------------------
+const styles = StyleSheet.create({
+    wrapper: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 8,
+    },
+    box: {
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    textContainer: {
+        flex: 1,
+        gap: 2,
+    },
+    helper: {
+        fontSize: 12,
+        lineHeight: 16,
+        fontWeight: '400',
+    },
+});
+//# sourceMappingURL=Checkbox.js.map

package/build/components/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEjE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AA2BtD,8EAA8E;AAC9E,cAAc;AACd,8EAA8E;AAE9E,MAAM,gBAAgB,GAAG,GAAG,CAAC;AAE7B,MAAM,WAAW,GAA8E;IAC7F,CAAC,EAAG,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE;IAC1C,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE;CAC3C,CAAC;AAEF,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,EACP,aAAa,GAAG,KAAK,EACrB,QAAQ,EACR,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,GAAG,EACV,OAAO,EACP,KAAK,GACS;IACd,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC1C,MAAM,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC;IAC1B,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,WAAW,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC,GAAG,CAAC,CAAC;IAE7F,4DAA4D;IAC5D,MAAM,aAAa,GAAG,aAAa,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACzE,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IACzE,MAAM,MAAM,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;IAEvC,OAAO,CACL,CAAC,SAAS,CACR,iBAAiB,CAAC,UAAU,CAC5B,kBAAkB,CAAC,CAAC,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC,CAC7E,SAAS,CAAC,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,QAAQ;QAAE,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CACtD,UAAU,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CACpC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CACxC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAE/B;MAAA,CAAC,SAAS,CACV;MAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;YACL,MAAM,CAAC,GAAG;YACV;gBACE,KAAK,EAAE,OAAO;gBACd,MAAM,EAAE,OAAO;gBACf,eAAe,EAAE,MAAM,CAAC,UAAU;gBAClC,WAAW,EAAE,MAAM,CAAC,MAAM;gBAC1B,WAAW,EAAE,gBAAgB;gBAC7B,YAAY;aACb;SACF,CAAC,CAEF;QAAA,CAAC,aAAa,CAAC,CAAC,CAAC,CACf,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,EAAG,CAC5D,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACZ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,EAAG,CAC5D,CAAC,CAAC,CAAC,IAAI,CACV;MAAA,EAAE,IAAI,CAEN;;MAAA,CAAC,2BAA2B,CAC5B;MAAA,CAAC,CAAC,QAAQ,IAAI,IAAI,IAAI,UAAU,IAAI,IAAI,CAAC,IAAI,CAC3C,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAChC;UAAA,CAAC,QAAQ,CACT;UAAA,CAAC,UAAU,IAAI,IAAI,IAAI,CACrB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,IAAI,CAAC,CACnF,CACH;QAAA,EAAE,IAAI,CAAC,CACR,CACH;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,SAAS;AACT,8EAA8E;AAE9E,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,OAAO,EAAE;QACP,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,CAAC;KACP;IACD,GAAG,EAAE;QACH,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;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":["/**\n * Checkbox component for Traq[UI]ste Mobile.\n * Controlled component supporting checked, indeterminate, and disabled states,\n * with an optional label and helper text.\n */\nimport React, { useState } from 'react';\nimport { Pressable, StyleSheet, Text, View } from 'react-native';\nimport type { StyleProp, ViewStyle } from 'react-native';\nimport { Check, Minus } from 'phosphor-react-native';\nimport { useTheme } from '../../context/ThemeContext';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport type CheckboxSize = 'm' | 'xl';\n\nexport interface CheckboxProps {\n  /** Whether the checkbox is checked — required (controlled) */\n  checked: boolean;\n  /** Indeterminate state — visually overrides checked, shows a minus icon */\n  indeterminate?: boolean;\n  /** Content displayed to the right of the box — use Text, tags, links, etc. */\n  children?: React.ReactNode;\n  /** Helper or error text displayed below the label */\n  helperText?: string;\n  /** Disabled state */\n  disabled?: boolean;\n  /** Box size — m: 24×24, xl: 32×32 */\n  size?: CheckboxSize;\n  /** Press handler — required for controlled usage */\n  onPress: () => void;\n  /** Additional wrapper styles */\n  style?: StyleProp<ViewStyle>;\n}\n\n// ---------------------------------------------------------------------------\n// Size config\n// ---------------------------------------------------------------------------\n\nconst BOX_BORDER_WIDTH = 1.5;\n\nconst SIZE_CONFIG: Record<CheckboxSize, { box: number; icon: number; borderRadius: number }> = {\n  m:  { box: 24, icon: 18, borderRadius: 4 },\n  xl: { box: 32, icon: 22, borderRadius: 8 },\n};\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport function Checkbox({\n  checked,\n  indeterminate = false,\n  children,\n  helperText,\n  disabled = false,\n  size = 'm',\n  onPress,\n  style,\n}: CheckboxProps) {\n  const [pressed, setPressed] = useState(false);\n  const { colors, fontFamily } = useTheme();\n  const t = colors.checkbox;\n  const { box: boxSize, icon: iconSize, borderRadius } = SIZE_CONFIG[size] ?? SIZE_CONFIG['m'];\n\n  // indeterminate + checked share the same filled token group\n  const variantTokens = indeterminate || checked ? t.checked : t.unchecked;\n  const stateKey = disabled ? 'disabled' : pressed ? 'pressed' : 'default';\n  const tokens = variantTokens[stateKey];\n\n  return (\n    <Pressable\n      accessibilityRole=\"checkbox\"\n      accessibilityState={{ checked: indeterminate ? 'mixed' : checked, disabled }}\n      onPressIn={() => { if (!disabled) setPressed(true); }}\n      onPressOut={() => setPressed(false)}\n      onPress={disabled ? undefined : onPress}\n      style={[styles.wrapper, style]}\n    >\n      {/* Box */}\n      <View\n        style={[\n          styles.box,\n          {\n            width: boxSize,\n            height: boxSize,\n            backgroundColor: tokens.background,\n            borderColor: tokens.border,\n            borderWidth: BOX_BORDER_WIDTH,\n            borderRadius,\n          },\n        ]}\n      >\n        {indeterminate ? (\n          <Minus size={iconSize} color={tokens.icon} weight=\"bold\" />\n        ) : checked ? (\n          <Check size={iconSize} color={tokens.icon} weight=\"bold\" />\n        ) : null}\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// ---------------------------------------------------------------------------\n// Styles\n// ---------------------------------------------------------------------------\n\nconst styles = StyleSheet.create({\n  wrapper: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 8,\n  },\n  box: {\n    alignItems: 'center',\n    justifyContent: 'center',\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/Checkbox/Checkbox.styles.d.ts

@@ -0,0 +1,34 @@
+export declare const BOX_SIZE = 20;
+export declare const BOX_BORDER_RADIUS = 4;
+export declare const BOX_BORDER_WIDTH = 2;
+export declare const styles: {
+    root: {
+        flexDirection: "row";
+        alignItems: "flex-start";
+        gap: number;
+    };
+    box: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        borderWidth: number;
+        alignItems: "center";
+        justifyContent: "center";
+        marginTop: number;
+    };
+    labelContainer: {
+        flex: number;
+        gap: number;
+    };
+    label: {
+        fontSize: number;
+        lineHeight: number;
+        fontFamily: string;
+    };
+    helper: {
+        fontSize: number;
+        lineHeight: number;
+        fontFamily: string;
+    };
+};
+//# sourceMappingURL=Checkbox.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,KAAK,CAAC;AAC3B,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAElC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BjB,CAAC"}

package/build/components/Checkbox/Checkbox.styles.js

@@ -0,0 +1,39 @@
+/**
+ * Styles for the Checkbox component.
+ */
+import { StyleSheet } from 'react-native';
+export const BOX_SIZE = 20;
+export const BOX_BORDER_RADIUS = 4;
+export const BOX_BORDER_WIDTH = 2;
+export const styles = StyleSheet.create({
+    root: {
+        flexDirection: 'row',
+        alignItems: 'flex-start',
+        gap: 8,
+    },
+    box: {
+        width: BOX_SIZE,
+        height: BOX_SIZE,
+        borderRadius: BOX_BORDER_RADIUS,
+        borderWidth: BOX_BORDER_WIDTH,
+        alignItems: 'center',
+        justifyContent: 'center',
+        // marginTop for optical alignment with label first line
+        marginTop: 2,
+    },
+    labelContainer: {
+        flex: 1,
+        gap: 2,
+    },
+    label: {
+        fontSize: 14,
+        lineHeight: 20,
+        fontFamily: 'Urbanist_500Medium',
+    },
+    helper: {
+        fontSize: 12,
+        lineHeight: 16,
+        fontFamily: 'Urbanist_400Regular',
+    },
+});
+//# sourceMappingURL=Checkbox.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.styles.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,CAAC,MAAM,QAAQ,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,CAAC;AACnC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAElC,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IACtC,IAAI,EAAE;QACJ,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,YAAY;QACxB,GAAG,EAAE,CAAC;KACP;IACD,GAAG,EAAE;QACH,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,QAAQ;QAChB,YAAY,EAAE,iBAAiB;QAC/B,WAAW,EAAE,gBAAgB;QAC7B,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,wDAAwD;QACxD,SAAS,EAAE,CAAC;KACb;IACD,cAAc,EAAE;QACd,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,CAAC;KACP;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE;QACd,UAAU,EAAE,oBAAoB;KACjC;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE;QACd,UAAU,EAAE,qBAAqB;KAClC;CACF,CAAC,CAAC","sourcesContent":["/**\n * Styles for the Checkbox component.\n */\nimport { StyleSheet } from 'react-native';\n\nexport const BOX_SIZE = 20;\nexport const BOX_BORDER_RADIUS = 4;\nexport const BOX_BORDER_WIDTH = 2;\n\nexport const styles = StyleSheet.create({\n  root: {\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n    gap: 8,\n  },\n  box: {\n    width: BOX_SIZE,\n    height: BOX_SIZE,\n    borderRadius: BOX_BORDER_RADIUS,\n    borderWidth: BOX_BORDER_WIDTH,\n    alignItems: 'center',\n    justifyContent: 'center',\n    // marginTop for optical alignment with label first line\n    marginTop: 2,\n  },\n  labelContainer: {\n    flex: 1,\n    gap: 2,\n  },\n  label: {\n    fontSize: 14,\n    lineHeight: 20,\n    fontFamily: 'Urbanist_500Medium',\n  },\n  helper: {\n    fontSize: 12,\n    lineHeight: 16,\n    fontFamily: 'Urbanist_400Regular',\n  },\n});"]}

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

@@ -0,0 +1,25 @@
+/**
+ * Types for the Checkbox component.
+ */
+export type CheckboxState = 'unchecked' | 'checked' | 'indeterminate';
+export interface CheckboxProps {
+    /** Current check state */
+    checked: boolean;
+    /** Enable indeterminate state (partial selection) */
+    indeterminate?: boolean;
+    /** Called on press — receives next boolean value */
+    onPress: (nextValue: boolean) => void;
+    /** Disable interactions */
+    disabled?: boolean;
+    /** Optional label displayed to the right */
+    label?: string;
+    /** Optional helper text displayed below the label */
+    helperText?: string;
+    /** Display helper text as error state */
+    error?: boolean;
+    /** Test ID for automated testing */
+    testID?: string;
+    /** Additional styles for the root container */
+    style?: import('react-native').StyleProp<import('react-native').ViewStyle>;
+}
+//# sourceMappingURL=Checkbox.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.types.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,SAAS,GAAG,eAAe,CAAC;AAEtE,MAAM,WAAW,aAAa;IAC5B,0BAA0B;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,qDAAqD;IACrD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oDAAoD;IACpD,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,OAAO,cAAc,EAAE,SAAS,CAAC,OAAO,cAAc,EAAE,SAAS,CAAC,CAAC;CAC5E"}

package/build/components/Checkbox/Checkbox.types.js

@@ -0,0 +1,5 @@
+/**
+ * Types for the Checkbox component.
+ */
+export {};
+//# sourceMappingURL=Checkbox.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.types.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.types.ts"],"names":[],"mappings":"AAAA;;GAEG","sourcesContent":["/**\n * Types for the Checkbox component.\n */\n\nexport type CheckboxState = 'unchecked' | 'checked' | 'indeterminate';\n\nexport interface CheckboxProps {\n  /** Current check state */\n  checked: boolean;\n  /** Enable indeterminate state (partial selection) */\n  indeterminate?: boolean;\n  /** Called on press — receives next boolean value */\n  onPress: (nextValue: boolean) => void;\n  /** Disable interactions */\n  disabled?: boolean;\n  /** Optional label displayed to the right */\n  label?: string;\n  /** Optional helper text displayed below the label */\n  helperText?: string;\n  /** Display helper text as error state */\n  error?: boolean;\n  /** Test ID for automated testing */\n  testID?: string;\n  /** Additional styles for the root container */\n  style?: import('react-native').StyleProp<import('react-native').ViewStyle>;\n}"]}

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

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

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

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

package/build/components/Checkbox/index.js

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

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

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

package/build/components/Cluster/Cluster.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Cluster — circular map marker showing the number of grouped assets.
+ *
+ * Two sizes:
+ *  - M (36×36px): single or low-count clusters
+ *  - L (50×50px): large clusters with bigger numbers
+ *
+ * Uses mapPin.default tokens. Render inside a react-native-maps <Marker>.
+ */
+import type { StyleProp, ViewStyle } from 'react-native';
+export type ClusterSize = 'M' | 'L';
+export interface ClusterProps {
+    /** Number of assets in the cluster */
+    count: number;
+    /** Visual size — 'M' for 36px, 'L' for 50px. Defaults to 'L'. */
+    size?: ClusterSize;
+    /** Additional style applied to the outer container */
+    style?: StyleProp<ViewStyle>;
+    /** Test identifier for automated testing */
+    testID?: string;
+}
+export declare const Cluster: ({ count, size, style, testID, }: ClusterProps) => import("react").JSX.Element;
+//# sourceMappingURL=Cluster.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Cluster.d.ts","sourceRoot":"","sources":["../../../src/components/Cluster/Cluster.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQzD,MAAM,MAAM,WAAW,GAAG,GAAG,GAAG,GAAG,CAAC;AAEpC,MAAM,WAAW,YAAY;IAC3B,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,sDAAsD;IACtD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAMD,eAAO,MAAM,OAAO,GAAI,iCAKrB,YAAY,gCAwBd,CAAC"}

package/build/components/Cluster/Cluster.js

@@ -0,0 +1,34 @@
+/**
+ * Cluster — circular map marker showing the number of grouped assets.
+ *
+ * Two sizes:
+ *  - M (36×36px): single or low-count clusters
+ *  - L (50×50px): large clusters with bigger numbers
+ *
+ * Uses mapPin.default tokens. Render inside a react-native-maps <Marker>.
+ */
+import { Text, View } from 'react-native';
+import { useTheme } from '../../context/ThemeContext';
+import { styles } from './Cluster.styles';
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+export const Cluster = ({ count, size = 'L', style, testID, }) => {
+    const { colors, fontFamily } = useTheme();
+    const isL = size === 'L';
+    const containerStyle = isL ? styles.containerL : styles.containerM;
+    const textStyle = isL ? styles.textL : styles.textM;
+    return (<View style={[
+            containerStyle,
+            {
+                backgroundColor: colors.mapPin.default.background,
+                borderColor: colors.mapPin.default.border,
+            },
+            style,
+        ]} testID={testID}>
+      <Text style={[textStyle, { color: colors.mapPin.default.countText, fontFamily }]}>
+        {count}
+      </Text>
+    </View>);
+};
+//# sourceMappingURL=Cluster.js.map

package/build/components/Cluster/Cluster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cluster.js","sourceRoot":"","sources":["../../../src/components/Cluster/Cluster.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAmB1C,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,KAAK,EACL,IAAI,GAAG,GAAG,EACV,KAAK,EACL,MAAM,GACO,EAAE,EAAE;IACjB,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,QAAQ,EAAE,CAAC;IAE1C,MAAM,GAAG,GAAG,IAAI,KAAK,GAAG,CAAC;IACzB,MAAM,cAAc,GAAG,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC;IACnE,MAAM,SAAS,GAAG,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;IAEpD,OAAO,CACL,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;YACL,cAAc;YACd;gBACE,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU;gBACjD,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;aAC1C;YACD,KAAK;SACN,CAAC,CACF,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,EAAE,UAAU,EAAE,CAAC,CAAC,CAC/E;QAAA,CAAC,KAAK,CACR;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * Cluster — circular map marker showing the number of grouped assets.\n *\n * Two sizes:\n *  - M (36×36px): single or low-count clusters\n *  - L (50×50px): large clusters with bigger numbers\n *\n * Uses mapPin.default tokens. Render inside a react-native-maps <Marker>.\n */\n\nimport { Text, View } from 'react-native';\nimport type { StyleProp, ViewStyle } from 'react-native';\nimport { useTheme } from '../../context/ThemeContext';\nimport { styles } from './Cluster.styles';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport type ClusterSize = 'M' | 'L';\n\nexport interface ClusterProps {\n  /** Number of assets in the cluster */\n  count: number;\n  /** Visual size — 'M' for 36px, 'L' for 50px. Defaults to 'L'. */\n  size?: ClusterSize;\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 Cluster = ({\n  count,\n  size = 'L',\n  style,\n  testID,\n}: ClusterProps) => {\n  const { colors, fontFamily } = useTheme();\n\n  const isL = size === 'L';\n  const containerStyle = isL ? styles.containerL : styles.containerM;\n  const textStyle = isL ? styles.textL : styles.textM;\n\n  return (\n    <View\n      style={[\n        containerStyle,\n        {\n          backgroundColor: colors.mapPin.default.background,\n          borderColor: colors.mapPin.default.border,\n        },\n        style,\n      ]}\n      testID={testID}\n    >\n      <Text style={[textStyle, { color: colors.mapPin.default.countText, fontFamily }]}>\n        {count}\n      </Text>\n    </View>\n  );\n};\n\n"]}

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

@@ -0,0 +1,33 @@
+export declare const styles: {
+    containerM: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        borderWidth: number;
+        overflow: "hidden";
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    containerL: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        borderWidth: number;
+        overflow: "hidden";
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    textM: {
+        fontSize: number;
+        fontWeight: "600";
+        lineHeight: number;
+        textAlign: "center";
+    };
+    textL: {
+        fontSize: number;
+        fontWeight: "600";
+        lineHeight: number;
+        textAlign: "center";
+    };
+};
+//# sourceMappingURL=Cluster.styles.d.ts.map

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

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

package/build/components/Cluster/Cluster.styles.js

@@ -0,0 +1,34 @@
+import { StyleSheet } from 'react-native';
+export const styles = StyleSheet.create({
+    containerM: {
+        width: 36,
+        height: 36,
+        borderRadius: 9999,
+        borderWidth: 4,
+        overflow: 'hidden',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    containerL: {
+        width: 50,
+        height: 50,
+        borderRadius: 9999,
+        borderWidth: 4,
+        overflow: 'hidden',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    textM: {
+        fontSize: 23,
+        fontWeight: '600',
+        lineHeight: 24,
+        textAlign: 'center',
+    },
+    textL: {
+        fontSize: 24,
+        fontWeight: '600',
+        lineHeight: 28,
+        textAlign: 'center',
+    },
+});
+//# sourceMappingURL=Cluster.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Cluster.styles.js","sourceRoot":"","sources":["../../../src/components/Cluster/Cluster.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IACtC,UAAU,EAAE;QACV,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,IAAI;QAClB,WAAW,EAAE,CAAC;QACd,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,UAAU,EAAE;QACV,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,IAAI;QAClB,WAAW,EAAE,CAAC;QACd,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,EAAE;QACd,SAAS,EAAE,QAAQ;KACpB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,EAAE;QACd,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAC","sourcesContent":["import { StyleSheet } from 'react-native';\n\nexport const styles = StyleSheet.create({\n  containerM: {\n    width: 36,\n    height: 36,\n    borderRadius: 9999,\n    borderWidth: 4,\n    overflow: 'hidden',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  containerL: {\n    width: 50,\n    height: 50,\n    borderRadius: 9999,\n    borderWidth: 4,\n    overflow: 'hidden',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  textM: {\n    fontSize: 23,\n    fontWeight: '600',\n    lineHeight: 24,\n    textAlign: 'center',\n  },\n  textL: {\n    fontSize: 24,\n    fontWeight: '600',\n    lineHeight: 28,\n    textAlign: 'center',\n  },\n});\n"]}

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

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

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

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

package/build/components/Cluster/index.js

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

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

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

package/build/components/ColorPicker/ColorPicker.d.ts

@@ -0,0 +1,20 @@
+/**
+ * ColorPicker — palette of pressable color swatches.
+ * Wraps ColorSwatch items in a flex-wrap row.
+ * Column gap: 32px between swatches, row gap: 8px between lines.
+ */
+import type { StyleProp, ViewStyle } from 'react-native';
+export interface ColorPickerProps {
+    /** List of hex color strings to display */
+    colors: string[];
+    /** Currently selected color — controlled */
+    value: string | null;
+    /** Called with the selected color when a swatch is pressed */
+    onChange: (color: string) => void;
+    /** Additional styles on the wrapper */
+    style?: StyleProp<ViewStyle>;
+    /** Test ID for automated testing */
+    testID?: string;
+}
+export declare function ColorPicker({ colors, value, onChange, style, testID, }: ColorPickerProps): import("react").JSX.Element;
+//# sourceMappingURL=ColorPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQzD,MAAM,WAAW,gBAAgB;IAC/B,2CAA2C;IAC3C,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,4CAA4C;IAC5C,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,8DAA8D;IAC9D,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,uCAAuC;IACvC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAMD,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,KAAK,EACL,QAAQ,EACR,KAAK,EACL,MAAM,GACP,EAAE,gBAAgB,+BAalB"}