@situaction/traquiste-mobile 1.0.0 → 1.2.0

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

@@ -0,0 +1,42 @@
+export declare const styles: {
+    column: {
+        gap: number;
+    };
+    titleRow: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        minHeight: number;
+    };
+    title: {
+        fontSize: number;
+        fontWeight: "700";
+        lineHeight: number;
+        flex: number;
+    };
+    message: {
+        fontSize: number;
+        fontWeight: "500";
+        lineHeight: number;
+    };
+    action: {
+        marginTop: number;
+        alignSelf: "flex-start";
+    };
+    actionText: {
+        fontSize: number;
+        fontWeight: "600";
+        lineHeight: number;
+        textDecorationLine: "underline";
+    };
+    dismissWrapper: {
+        flexDirection: "row";
+        alignItems: "flex-start";
+    };
+    dismissButton: {
+        padding: number;
+        marginLeft: number;
+        flexShrink: number;
+    };
+};
+//# sourceMappingURL=InlineInfo.styles.d.ts.map

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

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

package/build/components/InlineInfo/InlineInfo.styles.js

@@ -0,0 +1,50 @@
+/**
+ * Static styles for the InlineInfo component.
+ */
+import { StyleSheet } from 'react-native';
+export const styles = StyleSheet.create({
+    // Column: title-row + message stacked
+    column: {
+        gap: 0,
+    },
+    // Title row: icon + title text side by side
+    titleRow: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 6,
+        minHeight: 22,
+    },
+    title: {
+        fontSize: 16,
+        fontWeight: '700',
+        lineHeight: 22,
+        flex: 1,
+    },
+    message: {
+        fontSize: 14,
+        fontWeight: '500',
+        lineHeight: 20,
+    },
+    // Optional action link below message
+    action: {
+        marginTop: 6,
+        alignSelf: 'flex-start',
+    },
+    actionText: {
+        fontSize: 13,
+        fontWeight: '600',
+        lineHeight: 18,
+        textDecorationLine: 'underline',
+    },
+    // Dismiss button — absolutely positioned top-right
+    dismissWrapper: {
+        flexDirection: 'row',
+        alignItems: 'flex-start',
+    },
+    dismissButton: {
+        padding: 2,
+        marginLeft: 4,
+        flexShrink: 0,
+    },
+});
+//# sourceMappingURL=InlineInfo.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InlineInfo.styles.js","sourceRoot":"","sources":["../../../src/components/InlineInfo/InlineInfo.styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IACtC,sCAAsC;IACtC,MAAM,EAAE;QACN,GAAG,EAAE,CAAC;KACP;IACD,4CAA4C;IAC5C,QAAQ,EAAE;QACR,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,CAAC;QACN,SAAS,EAAE,EAAE;KACd;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,EAAE;QACd,IAAI,EAAE,CAAC;KACR;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,EAAE;KACf;IACD,qCAAqC;IACrC,MAAM,EAAE;QACN,SAAS,EAAE,CAAC;QACZ,SAAS,EAAE,YAAY;KACxB;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,EAAE;QACd,kBAAkB,EAAE,WAAW;KAChC;IACD,mDAAmD;IACnD,cAAc,EAAE;QACd,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,YAAY;KACzB;IACD,aAAa,EAAE;QACb,OAAO,EAAE,CAAC;QACV,UAAU,EAAE,CAAC;QACb,UAAU,EAAE,CAAC;KACd;CACF,CAAC,CAAC","sourcesContent":["/**\n * Static styles for the InlineInfo component.\n */\nimport { StyleSheet } from 'react-native';\n\nexport const styles = StyleSheet.create({\n  // Column: title-row + message stacked\n  column: {\n    gap: 0,\n  },\n  // Title row: icon + title text side by side\n  titleRow: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 6,\n    minHeight: 22,\n  },\n  title: {\n    fontSize: 16,\n    fontWeight: '700',\n    lineHeight: 22,\n    flex: 1,\n  },\n  message: {\n    fontSize: 14,\n    fontWeight: '500',\n    lineHeight: 20,\n  },\n  // Optional action link below message\n  action: {\n    marginTop: 6,\n    alignSelf: 'flex-start',\n  },\n  actionText: {\n    fontSize: 13,\n    fontWeight: '600',\n    lineHeight: 18,\n    textDecorationLine: 'underline',\n  },\n  // Dismiss button — absolutely positioned top-right\n  dismissWrapper: {\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n  },\n  dismissButton: {\n    padding: 2,\n    marginLeft: 4,\n    flexShrink: 0,\n  },\n});\n"]}

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

@@ -0,0 +1,3 @@
+export { InlineInfo } from './InlineInfo';
+export type { InlineInfoProps, InlineInfoVariant, InlineInfoAction } from './InlineInfo';
+//# sourceMappingURL=index.d.ts.map

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

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

package/build/components/InlineInfo/index.js

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

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

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

package/build/components/Input/Input.d.ts

@@ -0,0 +1,57 @@
+/**
+ * Input component — text field with label, icons, helper text and tag display.
+ * Supports text, tags, and tag-empty variants in sizes M (40px) and L (48px).
+ */
+import React from 'react';
+import type { StyleProp, TextInputProps, ViewStyle } from 'react-native';
+export type InputVariant = 'text' | 'tags' | 'tag-empty';
+export type InputSize = 'M' | 'L';
+export type InputState = 'default' | 'focused' | 'error' | 'disabled';
+export interface InputProps {
+    /** Content variant */
+    variant?: InputVariant;
+    /** Input height — M: 40px, L: 48px */
+    size?: InputSize;
+    /** Label displayed above the field */
+    label?: string;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Left icon (Phosphor) */
+    iconLeft?: React.ReactElement;
+    /** Right icon (Phosphor) */
+    iconRight?: React.ReactElement;
+    /** Press handler for the left icon */
+    onPressIconLeft?: () => void;
+    /** Press handler for the right icon */
+    onPressIconRight?: () => void;
+    /** Helper or error message displayed below the field */
+    helperText?: string;
+    /** Content rendered inside the tags row — used with 'tags' variant */
+    children?: React.ReactNode;
+    /** Current text value — text variant only */
+    value?: string;
+    /** Text change handler — text variant only */
+    onChangeText?: (text: string) => void;
+    /** Press handler — tags and tag-empty variants */
+    onPress?: () => void;
+    /** Focus callback */
+    onFocus?: () => void;
+    /** Blur callback */
+    onBlur?: () => void;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Error state */
+    error?: boolean;
+    /** Additional TextInput props — text variant only */
+    inputProps?: Omit<TextInputProps, 'value' | 'onChangeText' | 'onFocus' | 'onBlur' | 'editable' | 'placeholder' | 'placeholderTextColor'>;
+    /** Additional wrapper styles */
+    style?: StyleProp<ViewStyle>;
+    /** Test ID for automated testing */
+    testID?: string;
+    /** Accessibility label for the left icon press area */
+    accessibilityLabelIconLeft?: string;
+    /** Accessibility label for the right icon press area */
+    accessibilityLabelIconRight?: string;
+}
+export declare function Input({ variant, size, label, placeholder, iconLeft, iconRight, helperText, children, value, onChangeText, onPress, onFocus, onBlur, onPressIconLeft, onPressIconRight, disabled, error, inputProps, style, testID, accessibilityLabelIconLeft, accessibilityLabelIconRight, }: InputProps): React.JSX.Element;
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzE,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,WAAW,CAAC;AACzD,MAAM,MAAM,SAAS,GAAG,GAAG,GAAG,GAAG,CAAC;AAClC,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AAEtE,MAAM,WAAW,UAAU;IACzB,sBAAsB;IACtB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,sCAAsC;IACtC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC9B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC/B,sCAAsC;IACtC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,uCAAuC;IACvC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,wDAAwD;IACxD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,kDAAkD;IAClD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oBAAoB;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,qDAAqD;IACrD,UAAU,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,aAAa,GAAG,sBAAsB,CAAC,CAAC;IACzI,gCAAgC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uDAAuD;IACvD,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,wDAAwD;IACxD,2BAA2B,CAAC,EAAE,MAAM,CAAC;CACtC;AAWD,wBAAgB,KAAK,CAAC,EACpB,OAAgB,EAChB,IAAU,EACV,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EACT,UAAU,EACV,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,OAAO,EACP,OAAO,EACP,MAAM,EACN,eAAe,EACf,gBAAgB,EAChB,QAAgB,EAChB,KAAa,EACb,UAAU,EACV,KAAK,EACL,MAAM,EACN,0BAA0B,EAC1B,2BAA2B,GAC5B,EAAE,UAAU,qBA4HZ"}

package/build/components/Input/Input.js

@@ -0,0 +1,103 @@
+/**
+ * Input component — text field with label, icons, helper text and tag display.
+ * Supports text, tags, and tag-empty variants in sizes M (40px) and L (48px).
+ */
+import React, { useState } from 'react';
+import { Pressable, Text, TextInput, View, } from 'react-native';
+import { useTheme } from '../../context/ThemeContext';
+import { styles } from './Input.styles';
+// --- Size tokens (static) ---
+const SIZE_TOKENS = {
+    M: { height: 40, paddingHorizontal: 10, iconSize: 16, fontSize: 14, lineHeight: 20, borderRadius: 8, gap: 8 },
+    L: { height: 48, paddingHorizontal: 12, iconSize: 20, fontSize: 16, lineHeight: 24, borderRadius: 8, gap: 8 },
+};
+// --- Component ---
+export function Input({ variant = 'text', size = 'M', label, placeholder, iconLeft, iconRight, helperText, children, value, onChangeText, onPress, onFocus, onBlur, onPressIconLeft, onPressIconRight, disabled = false, error = false, inputProps, style, testID, accessibilityLabelIconLeft, accessibilityLabelIconRight, }) {
+    const { colors, fontFamily } = useTheme();
+    const [isFocused, setIsFocused] = useState(false);
+    // focused takes priority over error — error is restored on blur if still invalid
+    const resolvedState = disabled
+        ? 'disabled'
+        : isFocused
+            ? 'focused'
+            : error
+                ? 'error'
+                : 'default';
+    const sizes = SIZE_TOKENS[size];
+    const tokens = colors.input[resolvedState];
+    const containerStyle = {
+        height: sizes.height,
+        paddingHorizontal: sizes.paddingHorizontal,
+        borderRadius: sizes.borderRadius,
+        backgroundColor: tokens.background,
+        borderWidth: 1,
+        borderColor: isFocused ? 'transparent' : tokens.border,
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: sizes.gap,
+        ...(disabled && { cursor: 'default' }),
+    };
+    // Outer focus ring — sits outside the container without affecting its border
+    const focusRingStyle = isFocused
+        ? {
+            borderWidth: 2,
+            borderColor: colors.text.primary,
+            borderRadius: sizes.borderRadius + 2,
+            margin: -2,
+        }
+        : undefined;
+    const cloneIcon = (icon, onPress, a11yLabel) => {
+        if (!icon)
+            return null;
+        const cloned = React.cloneElement(icon, {
+            size: sizes.iconSize,
+            color: tokens.icon,
+            ...icon.props,
+        });
+        if (onPress) {
+            return (<Pressable onPress={onPress} hitSlop={8} accessibilityRole="button" accessibilityLabel={a11yLabel}>
+          {cloned}
+        </Pressable>);
+        }
+        return cloned;
+    };
+    const handleFocus = () => {
+        if (disabled)
+            return;
+        setIsFocused(true);
+        onFocus?.();
+    };
+    const handleBlur = () => {
+        setIsFocused(false);
+        onBlur?.();
+    };
+    return (<View style={[styles.wrapper, style]} testID={testID}>
+      {label != null && (<Text style={[styles.label, { color: tokens.label, fontFamily }]}>{label}</Text>)}
+
+      <View style={focusRingStyle}>
+        {variant === 'text' || (variant === 'tags' && onChangeText != null) ? (
+        // text variant OR tags with inline search: View + optional children + TextInput
+        <View style={containerStyle}>
+            {cloneIcon(iconLeft, onPressIconLeft, accessibilityLabelIconLeft)}
+            <View style={styles.tagsRow}>
+              {variant === 'tags' && children}
+              <TextInput style={[styles.textInput, { color: tokens.text, fontSize: sizes.fontSize, fontFamily }]} value={value} onChangeText={onChangeText} onFocus={handleFocus} onBlur={handleBlur} editable={!disabled} placeholder={placeholder} placeholderTextColor={tokens.placeholder} {...inputProps}/>
+            </View>
+            {cloneIcon(iconRight, onPressIconRight, accessibilityLabelIconRight)}
+          </View>) : (
+        // tags (pressable) or tag-empty
+        <Pressable style={containerStyle} onPress={disabled ? undefined : onPress} pointerEvents={disabled ? 'none' : 'auto'}>
+            {cloneIcon(iconLeft, onPressIconLeft, accessibilityLabelIconLeft)}
+            {variant === 'tags' ? (<View style={styles.tagsRow}>
+                {children}
+              </View>) : (<Text style={[styles.placeholderText, { color: tokens.placeholder, fontSize: sizes.fontSize, fontFamily }]} numberOfLines={1}>
+                {placeholder}
+              </Text>)}
+            {cloneIcon(iconRight, onPressIconRight, accessibilityLabelIconRight)}
+          </Pressable>)}
+      </View>
+
+      {helperText != null && (<Text style={[styles.helperText, { color: tokens.helper, fontFamily }]}>{helperText}</Text>)}
+    </View>);
+}
+//# sourceMappingURL=Input.js.map

package/build/components/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * Input component — text field with label, icons, helper text and tag display.\n * Supports text, tags, and tag-empty variants in sizes M (40px) and L (48px).\n */\nimport React, { useState } from 'react';\nimport {\n  Pressable,\n  Text,\n  TextInput,\n  View,\n} from 'react-native';\nimport type { StyleProp, TextInputProps, ViewStyle } from 'react-native';\nimport { useTheme } from '../../context/ThemeContext';\nimport { styles } from './Input.styles';\n\nexport type InputVariant = 'text' | 'tags' | 'tag-empty';\nexport type InputSize = 'M' | 'L';\nexport type InputState = 'default' | 'focused' | 'error' | 'disabled';\n\nexport interface InputProps {\n  /** Content variant */\n  variant?: InputVariant;\n  /** Input height — M: 40px, L: 48px */\n  size?: InputSize;\n  /** Label displayed above the field */\n  label?: string;\n  /** Placeholder text */\n  placeholder?: string;\n  /** Left icon (Phosphor) */\n  iconLeft?: React.ReactElement;\n  /** Right icon (Phosphor) */\n  iconRight?: React.ReactElement;\n  /** Press handler for the left icon */\n  onPressIconLeft?: () => void;\n  /** Press handler for the right icon */\n  onPressIconRight?: () => void;\n  /** Helper or error message displayed below the field */\n  helperText?: string;\n  /** Content rendered inside the tags row — used with 'tags' variant */\n  children?: React.ReactNode;\n  /** Current text value — text variant only */\n  value?: string;\n  /** Text change handler — text variant only */\n  onChangeText?: (text: string) => void;\n  /** Press handler — tags and tag-empty variants */\n  onPress?: () => void;\n  /** Focus callback */\n  onFocus?: () => void;\n  /** Blur callback */\n  onBlur?: () => void;\n  /** Disabled state */\n  disabled?: boolean;\n  /** Error state */\n  error?: boolean;\n  /** Additional TextInput props — text variant only */\n  inputProps?: Omit<TextInputProps, 'value' | 'onChangeText' | 'onFocus' | 'onBlur' | 'editable' | 'placeholder' | 'placeholderTextColor'>;\n  /** Additional wrapper styles */\n  style?: StyleProp<ViewStyle>;\n  /** Test ID for automated testing */\n  testID?: string;\n  /** Accessibility label for the left icon press area */\n  accessibilityLabelIconLeft?: string;\n  /** Accessibility label for the right icon press area */\n  accessibilityLabelIconRight?: string;\n}\n\n// --- Size tokens (static) ---\n\nconst SIZE_TOKENS = {\n  M: { height: 40, paddingHorizontal: 10, iconSize: 16, fontSize: 14, lineHeight: 20, borderRadius: 8, gap: 8 },\n  L: { height: 48, paddingHorizontal: 12, iconSize: 20, fontSize: 16, lineHeight: 24, borderRadius: 8, gap: 8 },\n} as const;\n\n// --- Component ---\n\nexport function Input({\n  variant = 'text',\n  size = 'M',\n  label,\n  placeholder,\n  iconLeft,\n  iconRight,\n  helperText,\n  children,\n  value,\n  onChangeText,\n  onPress,\n  onFocus,\n  onBlur,\n  onPressIconLeft,\n  onPressIconRight,\n  disabled = false,\n  error = false,\n  inputProps,\n  style,\n  testID,\n  accessibilityLabelIconLeft,\n  accessibilityLabelIconRight,\n}: InputProps) {\n  const { colors, fontFamily } = useTheme();\n  const [isFocused, setIsFocused] = useState(false);\n\n  // focused takes priority over error — error is restored on blur if still invalid\n  const resolvedState: InputState = disabled\n    ? 'disabled'\n    : isFocused\n      ? 'focused'\n      : error\n        ? 'error'\n        : 'default';\n\n  const sizes = SIZE_TOKENS[size];\n  const tokens = colors.input[resolvedState];\n\n  const containerStyle: ViewStyle = {\n    height: sizes.height,\n    paddingHorizontal: sizes.paddingHorizontal,\n    borderRadius: sizes.borderRadius,\n    backgroundColor: tokens.background,\n    borderWidth: 1,\n    borderColor: isFocused ? 'transparent' : tokens.border,\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: sizes.gap,\n    ...(disabled && { cursor: 'default' } as object),\n  };\n\n  // Outer focus ring — sits outside the container without affecting its border\n  const focusRingStyle: ViewStyle | undefined = isFocused\n    ? {\n        borderWidth: 2,\n        borderColor: colors.text.primary,\n        borderRadius: sizes.borderRadius + 2,\n        margin: -2,\n      }\n    : undefined;\n\n  const cloneIcon = (icon: React.ReactElement | undefined, onPress?: () => void, a11yLabel?: string) => {\n    if (!icon) return null;\n    const cloned = React.cloneElement(icon, {\n      size: sizes.iconSize,\n      color: tokens.icon,\n      ...(icon.props as Record<string, unknown>),\n    } as object);\n    if (onPress) {\n      return (\n        <Pressable onPress={onPress} hitSlop={8} accessibilityRole=\"button\" accessibilityLabel={a11yLabel}>\n          {cloned}\n        </Pressable>\n      );\n    }\n    return cloned;\n  };\n\n  const handleFocus = () => {\n    if (disabled) return;\n    setIsFocused(true);\n    onFocus?.();\n  };\n\n  const handleBlur = () => {\n    setIsFocused(false);\n    onBlur?.();\n  };\n\n  return (\n    <View style={[styles.wrapper, style]} testID={testID}>\n      {label != null && (\n        <Text style={[styles.label, { color: tokens.label, fontFamily }]}>{label}</Text>\n      )}\n\n      <View style={focusRingStyle}>\n        {variant === 'text' || (variant === 'tags' && onChangeText != null) ? (\n          // text variant OR tags with inline search: View + optional children + TextInput\n          <View style={containerStyle}>\n            {cloneIcon(iconLeft, onPressIconLeft, accessibilityLabelIconLeft)}\n            <View style={styles.tagsRow}>\n              {variant === 'tags' && children}\n              <TextInput\n                style={[styles.textInput, { color: tokens.text, fontSize: sizes.fontSize, fontFamily }]}\n                value={value}\n                onChangeText={onChangeText}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                editable={!disabled}\n                placeholder={placeholder}\n                placeholderTextColor={tokens.placeholder}\n                {...inputProps}\n              />\n            </View>\n            {cloneIcon(iconRight, onPressIconRight, accessibilityLabelIconRight)}\n          </View>\n        ) : (\n          // tags (pressable) or tag-empty\n          <Pressable\n            style={containerStyle}\n            onPress={disabled ? undefined : onPress}\n            pointerEvents={disabled ? 'none' : 'auto'}\n          >\n            {cloneIcon(iconLeft, onPressIconLeft, accessibilityLabelIconLeft)}\n            {variant === 'tags' ? (\n              <View style={styles.tagsRow}>\n                {children}\n              </View>\n            ) : (\n              <Text\n                style={[styles.placeholderText, { color: tokens.placeholder, fontSize: sizes.fontSize, fontFamily }]}\n                numberOfLines={1}\n              >\n                {placeholder}\n              </Text>\n            )}\n            {cloneIcon(iconRight, onPressIconRight, accessibilityLabelIconRight)}\n          </Pressable>\n        )}\n      </View>\n\n      {helperText != null && (\n        <Text style={[styles.helperText, { color: tokens.helper, fontFamily }]}>{helperText}</Text>\n      )}\n    </View>\n  );\n}\n\n"]}

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

@@ -0,0 +1,39 @@
+export declare const styles: {
+    wrapper: {
+        alignSelf: "stretch";
+    };
+    label: {
+        fontSize: number;
+        lineHeight: number;
+        fontWeight: "600";
+        letterSpacing: number;
+        marginBottom: number;
+    };
+    textInput: {
+        flex: number;
+        padding: number;
+        fontWeight: "400";
+        includeFontPadding: false;
+        textAlignVertical: "center";
+    };
+    tagsRow: {
+        flex: number;
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        overflow: "hidden";
+    };
+    placeholderText: {
+        flex: number;
+        fontWeight: "400";
+        includeFontPadding: false;
+        textAlignVertical: "center";
+    };
+    helperText: {
+        fontSize: number;
+        lineHeight: number;
+        fontWeight: "400";
+        marginTop: number;
+    };
+};
+//# sourceMappingURL=Input.styles.d.ts.map

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

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

package/build/components/Input/Input.styles.js

@@ -0,0 +1,40 @@
+import { StyleSheet } from 'react-native';
+export const styles = StyleSheet.create({
+    wrapper: {
+        alignSelf: 'stretch',
+    },
+    label: {
+        fontSize: 12,
+        lineHeight: 16,
+        fontWeight: '600',
+        letterSpacing: 0.72,
+        marginBottom: 4,
+    },
+    textInput: {
+        flex: 1,
+        padding: 0,
+        fontWeight: '400',
+        includeFontPadding: false,
+        textAlignVertical: 'center',
+    },
+    tagsRow: {
+        flex: 1,
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 4,
+        overflow: 'hidden',
+    },
+    placeholderText: {
+        flex: 1,
+        fontWeight: '400',
+        includeFontPadding: false,
+        textAlignVertical: 'center',
+    },
+    helperText: {
+        fontSize: 12,
+        lineHeight: 16,
+        fontWeight: '400',
+        marginTop: 4,
+    },
+});
+//# sourceMappingURL=Input.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.styles.js","sourceRoot":"","sources":["../../../src/components/Input/Input.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,SAAS,EAAE,SAAS;KACrB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE;QACd,UAAU,EAAE,KAAK;QACjB,aAAa,EAAE,IAAI;QACnB,YAAY,EAAE,CAAC;KAChB;IACD,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;QACP,OAAO,EAAE,CAAC;QACV,UAAU,EAAE,KAAK;QACjB,kBAAkB,EAAE,KAAK;QACzB,iBAAiB,EAAE,QAAQ;KAC5B;IACD,OAAO,EAAE;QACP,IAAI,EAAE,CAAC;QACP,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,CAAC;QACN,QAAQ,EAAE,QAAQ;KACnB;IACD,eAAe,EAAE;QACf,IAAI,EAAE,CAAC;QACP,UAAU,EAAE,KAAK;QACjB,kBAAkB,EAAE,KAAK;QACzB,iBAAiB,EAAE,QAAQ;KAC5B;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE;QACd,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,CAAC;KACb;CACF,CAAC,CAAC","sourcesContent":["import { StyleSheet } from 'react-native';\n\nexport const styles = StyleSheet.create({\n  wrapper: {\n    alignSelf: 'stretch',\n  },\n  label: {\n    fontSize: 12,\n    lineHeight: 16,\n    fontWeight: '600',\n    letterSpacing: 0.72,\n    marginBottom: 4,\n  },\n  textInput: {\n    flex: 1,\n    padding: 0,\n    fontWeight: '400',\n    includeFontPadding: false,\n    textAlignVertical: 'center',\n  },\n  tagsRow: {\n    flex: 1,\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: 4,\n    overflow: 'hidden',\n  },\n  placeholderText: {\n    flex: 1,\n    fontWeight: '400',\n    includeFontPadding: false,\n    textAlignVertical: 'center',\n  },\n  helperText: {\n    fontSize: 12,\n    lineHeight: 16,\n    fontWeight: '400',\n    marginTop: 4,\n  },\n});\n"]}

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

@@ -0,0 +1,3 @@
+export { Input } from './Input';
+export type { InputProps, InputVariant, InputSize, InputState } from './Input';
+//# sourceMappingURL=index.d.ts.map

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

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

package/build/components/Input/index.js

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

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

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

package/build/components/ListGroup/ListGroup.d.ts

@@ -0,0 +1,24 @@
+/** ListGroup — section header + list of selectable items built on top of ListItem */
+import React from 'react';
+export interface ListGroupItem {
+    /** Unique identifier */
+    id: string;
+    /** Primary label — large bold text */
+    primaryLabel: string;
+    /** Tag displayed after the primary label */
+    tag?: React.ReactNode;
+    /** Whether the item is disabled */
+    disabled?: boolean;
+}
+export interface ListGroupProps {
+    /** Section title displayed above the group */
+    title: string;
+    /** Items to display in the group */
+    items: ListGroupItem[];
+    /** Controlled selected item id */
+    selectedId?: string | null;
+    /** Called when an item is pressed — receives the item id (or null if deselected) */
+    onSelect?: (id: string | null) => void;
+}
+export declare function ListGroup({ title, items, selectedId, onSelect }: ListGroupProps): React.JSX.Element;
+//# sourceMappingURL=ListGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ListGroup/ListGroup.tsx"],"names":[],"mappings":"AAAA,qFAAqF;AACrF,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,MAAM,WAAW,aAAa;IAC5B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,sCAAsC;IACtC,YAAY,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,oFAAoF;IACpF,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACxC;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,cAAc,qBAqC/E"}

package/build/components/ListGroup/ListGroup.js

@@ -0,0 +1,44 @@
+/** ListGroup — section header + list of selectable items built on top of ListItem */
+import React, { useState } from 'react';
+import { Text, View, StyleSheet } from 'react-native';
+import { Check } from 'phosphor-react-native';
+import { useTheme } from '../../context/ThemeContext';
+import { ListItem } from '../ListItem';
+export function ListGroup({ title, items, selectedId, onSelect }) {
+    const [internalSelected, setInternalSelected] = useState(null);
+    const { colors, fontFamily } = useTheme();
+    const isControlled = selectedId !== undefined;
+    const activeId = isControlled ? selectedId : internalSelected;
+    const handlePress = (id) => {
+        const next = activeId === id ? null : id;
+        if (!isControlled)
+            setInternalSelected(next);
+        onSelect?.(next);
+    };
+    return (<View>
+      <View style={styles.titleContainer}>
+        <Text style={[styles.title, { color: colors.listItem.section.label, fontFamily }]}>
+          {title.toUpperCase()}
+        </Text>
+      </View>
+      {items.map(({ id, primaryLabel, tag, disabled }) => (<ListItem key={id} primaryLabel={primaryLabel} tag={tag} disabled={disabled} selected={activeId === id} trailing={activeId === id
+                ? <Check size={24} weight="regular" color={colors.listItem.default.label}/>
+                : undefined} onPress={disabled ? undefined : () => handlePress(id)}/>))}
+    </View>);
+}
+const styles = StyleSheet.create({
+    titleContainer: {
+        minHeight: 40,
+        paddingHorizontal: 16,
+        paddingTop: 16,
+        paddingBottom: 8,
+        justifyContent: 'center',
+    },
+    title: {
+        fontSize: 12,
+        fontWeight: '600',
+        lineHeight: 16,
+        letterSpacing: 0.8,
+    },
+});
+//# sourceMappingURL=ListGroup.js.map

package/build/components/ListGroup/ListGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListGroup.js","sourceRoot":"","sources":["../../../src/components/ListGroup/ListGroup.tsx"],"names":[],"mappings":"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","sourcesContent":["/** ListGroup — section header + list of selectable items built on top of ListItem */\nimport React, { useState } from 'react';\nimport { Text, View, StyleSheet } from 'react-native';\nimport { Check } from 'phosphor-react-native';\nimport { useTheme } from '../../context/ThemeContext';\nimport { ListItem } from '../ListItem';\n\nexport interface ListGroupItem {\n  /** Unique identifier */\n  id: string;\n  /** Primary label — large bold text */\n  primaryLabel: string;\n  /** Tag displayed after the primary label */\n  tag?: React.ReactNode;\n  /** Whether the item is disabled */\n  disabled?: boolean;\n}\n\nexport interface ListGroupProps {\n  /** Section title displayed above the group */\n  title: string;\n  /** Items to display in the group */\n  items: ListGroupItem[];\n  /** Controlled selected item id */\n  selectedId?: string | null;\n  /** Called when an item is pressed — receives the item id (or null if deselected) */\n  onSelect?: (id: string | null) => void;\n}\n\nexport function ListGroup({ title, items, selectedId, onSelect }: ListGroupProps) {\n  const [internalSelected, setInternalSelected] = useState<string | null>(null);\n  const { colors, fontFamily } = useTheme();\n\n  const isControlled = selectedId !== undefined;\n  const activeId = isControlled ? selectedId : internalSelected;\n\n  const handlePress = (id: string) => {\n    const next = activeId === id ? null : id;\n    if (!isControlled) setInternalSelected(next);\n    onSelect?.(next);\n  };\n\n  return (\n    <View>\n      <View style={styles.titleContainer}>\n        <Text style={[styles.title, { color: colors.listItem.section.label, fontFamily }]}>\n          {title.toUpperCase()}\n        </Text>\n      </View>\n      {items.map(({ id, primaryLabel, tag, disabled }) => (\n        <ListItem\n          key={id}\n          primaryLabel={primaryLabel}\n          tag={tag}\n          disabled={disabled}\n          selected={activeId === id}\n          trailing={\n            activeId === id\n              ? <Check size={24} weight=\"regular\" color={colors.listItem.default.label} />\n              : undefined\n          }\n          onPress={disabled ? undefined : () => handlePress(id)}\n        />\n      ))}\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  titleContainer: {\n    minHeight: 40,\n    paddingHorizontal: 16,\n    paddingTop: 16,\n    paddingBottom: 8,\n    justifyContent: 'center',\n  },\n  title: {\n    fontSize: 12,\n    fontWeight: '600',\n    lineHeight: 16,\n    letterSpacing: 0.8,\n  },\n});"]}

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

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

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

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

package/build/components/ListGroup/index.js

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

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

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

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

@@ -0,0 +1,44 @@
+/**
+ * ListItem — flexible list row with optional leading/trailing slots.
+ *
+ * Variants:
+ *  - 'default' → interactive row (48px min-height)
+ *  - 'section' → group header label (40px min-height, uppercase)
+ *
+ * States: default, selected (warm background + radius 12), disabled (muted).
+ * Controlled: pass `selected` to mark a row, `onPress` to make it tappable.
+ */
+import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export interface ListItemProps {
+    /** Primary label — largest text (18 px, 600), rendered above label and sublabel */
+    primaryLabel?: string;
+    /** Main label text — optional when tag is used alone */
+    label?: string;
+    /** Secondary text below label — shrinks label to 14 px when present */
+    sublabel?: string;
+    /** Left slot — Phosphor icon, avatar, or any ReactNode */
+    leading?: React.ReactNode;
+    /** Tag displayed after the label/sublabel — appears at the far left when no leading/label/sublabel */
+    tag?: React.ReactNode;
+    /** Right slot — icon, value text, or any ReactNode */
+    trailing?: React.ReactNode;
+    /** Highlights the row with a warm pressed background and border-radius */
+    selected?: boolean;
+    /** Disables interaction and mutes text + slots */
+    disabled?: boolean;
+    /** Renders a hairline divider below the row */
+    divider?: boolean;
+    /** 'default' = interactive row | 'section' = group header */
+    variant?: 'default' | 'section';
+    /** Called when the row is pressed — omit to render a non-interactive row */
+    onPress?: () => void;
+    /** Additional style applied to the row container */
+    style?: StyleProp<ViewStyle>;
+    /** Test identifier for automated testing */
+    testID?: string;
+    /** Accessibility label for screen readers — defaults to label when omitted */
+    accessibilityLabel?: string;
+}
+export declare const ListItem: ({ primaryLabel, label, sublabel, leading, tag, trailing, selected, disabled, divider, variant, onPress, style, testID, accessibilityLabel, }: ListItemProps) => React.JSX.Element;
+//# sourceMappingURL=ListItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../src/components/ListItem/ListItem.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQzD,MAAM,WAAW,aAAa;IAC5B,mFAAmF;IACnF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sGAAsG;IACtG,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,4EAA4E;IAC5E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oDAAoD;IACpD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8EAA8E;IAC9E,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAMD,eAAO,MAAM,QAAQ,GAAI,8IAetB,aAAa,sBAwFf,CAAC"}