@oxyhq/services 6.9.44 → 6.9.46

package/lib/typescript/commonjs/ui/components/Section.d.ts

@@ -1,12 +0,0 @@
-import type React from 'react';
-import { type StyleProp, type ViewStyle } from 'react-native';
-interface SectionProps {
-    title?: string;
-    theme?: 'light' | 'dark';
-    children: React.ReactNode;
-    isFirst?: boolean;
-    style?: StyleProp<ViewStyle>;
-}
-declare const Section: React.FC<SectionProps>;
-export default Section;
-//# sourceMappingURL=Section.d.ts.map

package/lib/typescript/commonjs/ui/components/Section.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKhF,UAAU,YAAY;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAChC;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAenC,CAAC;AAYF,eAAe,OAAO,CAAC"}

package/lib/typescript/commonjs/ui/components/SectionTitle.d.ts

@@ -1,10 +0,0 @@
-import type React from 'react';
-import { type StyleProp, type TextStyle } from 'react-native';
-interface SectionTitleProps {
-    title: string;
-    theme?: 'light' | 'dark';
-    style?: StyleProp<TextStyle>;
-}
-declare const SectionTitle: React.FC<SectionTitleProps>;
-export default SectionTitle;
-//# sourceMappingURL=SectionTitle.d.ts.map

package/lib/typescript/commonjs/ui/components/SectionTitle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SectionTitle.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/SectionTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGhF,UAAU,iBAAiB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAChC;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAM7C,CAAC;AAUF,eAAe,YAAY,CAAC"}

package/lib/typescript/commonjs/ui/components/SettingRow.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-export interface SettingRowProps {
-    title: string;
-    description?: string;
-    value: boolean;
-    onValueChange: (value: boolean) => void;
-    disabled?: boolean;
-    textColor?: string;
-    mutedTextColor?: string;
-    borderColor?: string;
-    /** Active color for the switch track (default: #d169e5) */
-    activeColor?: string;
-    /** Inactive color for the switch track (default: #767577) */
-    inactiveColor?: string;
-    /** Accessibility label for the switch */
-    accessibilityLabel?: string;
-}
-declare const _default: React.NamedExoticComponent<SettingRowProps>;
-export default _default;
-//# sourceMappingURL=SettingRow.d.ts.map

package/lib/typescript/commonjs/ui/components/SettingRow.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SettingRow.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/SettingRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,eAAe;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yCAAyC;IACzC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC/B;;AA8ED,wBAAsC"}

package/lib/typescript/commonjs/ui/components/internal/GroupedPillButtons.d.ts

@@ -1,24 +0,0 @@
-import type React from 'react';
-interface ButtonConfig {
-    text: string;
-    onPress: () => void;
-    icon?: string;
-    variant?: 'primary' | 'secondary' | 'transparent';
-    disabled?: boolean;
-    loading?: boolean;
-    testID?: string;
-}
-interface GroupedPillButtonColors {
-    primary: string;
-    secondary?: string;
-    border: string;
-    text: string;
-}
-interface GroupedPillButtonsProps {
-    buttons: ButtonConfig[];
-    colors: GroupedPillButtonColors;
-    gap?: number;
-}
-declare const GroupedPillButtons: React.FC<GroupedPillButtonsProps>;
-export default GroupedPillButtons;
-//# sourceMappingURL=GroupedPillButtons.d.ts.map

package/lib/typescript/commonjs/ui/components/internal/GroupedPillButtons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GroupedPillButtons.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/internal/GroupedPillButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,UAAU,YAAY;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,aAAa,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,uBAAuB;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,uBAAuB;IAC7B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,MAAM,EAAE,uBAAuB,CAAC;IAChC,GAAG,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAkNzD,CAAC;AAUF,eAAe,kBAAkB,CAAC"}

package/lib/typescript/commonjs/ui/utils/confirmAction.d.ts

@@ -1,7 +0,0 @@
-/**
- * Cross-platform confirm dialog. Uses window.confirm on web, Alert.alert on native.
- * @param message The message to display
- * @param onConfirm Callback if user confirms
- */
-export declare function confirmAction(message: string, onConfirm: () => void): void;
-//# sourceMappingURL=confirmAction.d.ts.map

package/lib/typescript/commonjs/ui/utils/confirmAction.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"confirmAction.d.ts","sourceRoot":"","sources":["../../../../../src/ui/utils/confirmAction.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,IAAI,QAenE"}

package/lib/typescript/module/ui/components/GroupedItem.d.ts

@@ -1,24 +0,0 @@
-import type React from 'react';
-interface GroupedItemProps {
-    icon?: string;
-    iconColor?: string;
-    title: string;
-    subtitle?: string;
-    onPress?: () => void;
-    isFirst?: boolean;
-    isLast?: boolean;
-    showChevron?: boolean;
-    disabled?: boolean;
-    customContent?: React.ReactNode;
-    customIcon?: React.ReactNode;
-    /** Accessibility label (defaults to title) */
-    accessibilityLabel?: string;
-    /** Accessibility hint for what happens on press */
-    accessibilityHint?: string;
-}
-export declare const GroupedItem: React.MemoExoticComponent<{
-    ({ icon, iconColor, title, subtitle, onPress, isFirst, isLast, showChevron, disabled, customContent, customIcon, accessibilityLabel, accessibilityHint, }: GroupedItemProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-}>;
-export default GroupedItem;
-//# sourceMappingURL=GroupedItem.d.ts.map

package/lib/typescript/module/ui/components/GroupedItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GroupedItem.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/GroupedItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,UAAU,gBAAgB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,8CAA8C;IAC9C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mDAAmD;IACnD,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAqFD,eAAO,MAAM,WAAW;+JArErB,gBAAgB;;EAqEkC,CAAC;AAkDtD,eAAe,WAAW,CAAC"}

package/lib/typescript/module/ui/components/GroupedSection.d.ts

@@ -1,30 +0,0 @@
-import type React from 'react';
-interface GroupedSectionItem {
-    id: string;
-    icon?: string;
-    iconColor?: string;
-    title: string;
-    subtitle?: string;
-    onPress?: () => void;
-    onLongPress?: () => void;
-    showChevron?: boolean;
-    disabled?: boolean;
-    selected?: boolean;
-    customContent?: React.ReactNode;
-    customIcon?: React.ReactNode;
-    multiRow?: boolean;
-    dense?: boolean;
-    customContentBelow?: React.ReactNode;
-    theme?: string;
-    /** Allow additional properties for extensibility */
-    [key: string]: unknown;
-}
-interface GroupedSectionProps {
-    items: GroupedSectionItem[];
-}
-export declare const GroupedSection: React.MemoExoticComponent<{
-    ({ items }: GroupedSectionProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-}>;
-export default GroupedSection;
-//# sourceMappingURL=GroupedSection.d.ts.map

package/lib/typescript/module/ui/components/GroupedSection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GroupedSection.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/GroupedSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,UAAU,kBAAkB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAED,UAAU,mBAAmB;IACzB,KAAK,EAAE,kBAAkB,EAAE,CAAC;CAC/B;AA4BD,eAAO,MAAM,cAAc;gBA1BiB,mBAAmB;;EA0BJ,CAAC;AAE5D,eAAe,cAAc,CAAC"}

package/lib/typescript/module/ui/components/Section.d.ts

@@ -1,12 +0,0 @@
-import type React from 'react';
-import { type StyleProp, type ViewStyle } from 'react-native';
-interface SectionProps {
-    title?: string;
-    theme?: 'light' | 'dark';
-    children: React.ReactNode;
-    isFirst?: boolean;
-    style?: StyleProp<ViewStyle>;
-}
-declare const Section: React.FC<SectionProps>;
-export default Section;
-//# sourceMappingURL=Section.d.ts.map

package/lib/typescript/module/ui/components/Section.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKhF,UAAU,YAAY;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAChC;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAenC,CAAC;AAYF,eAAe,OAAO,CAAC"}

package/lib/typescript/module/ui/components/SectionTitle.d.ts

@@ -1,10 +0,0 @@
-import type React from 'react';
-import { type StyleProp, type TextStyle } from 'react-native';
-interface SectionTitleProps {
-    title: string;
-    theme?: 'light' | 'dark';
-    style?: StyleProp<TextStyle>;
-}
-declare const SectionTitle: React.FC<SectionTitleProps>;
-export default SectionTitle;
-//# sourceMappingURL=SectionTitle.d.ts.map

package/lib/typescript/module/ui/components/SectionTitle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SectionTitle.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/SectionTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGhF,UAAU,iBAAiB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAChC;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAM7C,CAAC;AAUF,eAAe,YAAY,CAAC"}

package/lib/typescript/module/ui/components/SettingRow.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-export interface SettingRowProps {
-    title: string;
-    description?: string;
-    value: boolean;
-    onValueChange: (value: boolean) => void;
-    disabled?: boolean;
-    textColor?: string;
-    mutedTextColor?: string;
-    borderColor?: string;
-    /** Active color for the switch track (default: #d169e5) */
-    activeColor?: string;
-    /** Inactive color for the switch track (default: #767577) */
-    inactiveColor?: string;
-    /** Accessibility label for the switch */
-    accessibilityLabel?: string;
-}
-declare const _default: React.NamedExoticComponent<SettingRowProps>;
-export default _default;
-//# sourceMappingURL=SettingRow.d.ts.map

package/lib/typescript/module/ui/components/SettingRow.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SettingRow.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/SettingRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,eAAe;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yCAAyC;IACzC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC/B;;AA8ED,wBAAsC"}

package/lib/typescript/module/ui/components/internal/GroupedPillButtons.d.ts

@@ -1,24 +0,0 @@
-import type React from 'react';
-interface ButtonConfig {
-    text: string;
-    onPress: () => void;
-    icon?: string;
-    variant?: 'primary' | 'secondary' | 'transparent';
-    disabled?: boolean;
-    loading?: boolean;
-    testID?: string;
-}
-interface GroupedPillButtonColors {
-    primary: string;
-    secondary?: string;
-    border: string;
-    text: string;
-}
-interface GroupedPillButtonsProps {
-    buttons: ButtonConfig[];
-    colors: GroupedPillButtonColors;
-    gap?: number;
-}
-declare const GroupedPillButtons: React.FC<GroupedPillButtonsProps>;
-export default GroupedPillButtons;
-//# sourceMappingURL=GroupedPillButtons.d.ts.map

package/lib/typescript/module/ui/components/internal/GroupedPillButtons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GroupedPillButtons.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/internal/GroupedPillButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,UAAU,YAAY;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,aAAa,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,uBAAuB;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,uBAAuB;IAC7B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,MAAM,EAAE,uBAAuB,CAAC;IAChC,GAAG,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAkNzD,CAAC;AAUF,eAAe,kBAAkB,CAAC"}

package/lib/typescript/module/ui/utils/confirmAction.d.ts

@@ -1,7 +0,0 @@
-/**
- * Cross-platform confirm dialog. Uses window.confirm on web, Alert.alert on native.
- * @param message The message to display
- * @param onConfirm Callback if user confirms
- */
-export declare function confirmAction(message: string, onConfirm: () => void): void;
-//# sourceMappingURL=confirmAction.d.ts.map

package/lib/typescript/module/ui/utils/confirmAction.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"confirmAction.d.ts","sourceRoot":"","sources":["../../../../../src/ui/utils/confirmAction.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,IAAI,QAenE"}

package/src/ui/components/GroupedItem.tsx

@@ -1,161 +0,0 @@
-import type React from 'react';
-import { memo, useMemo } from 'react';
-import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
-import { Ionicons } from '@expo/vector-icons';
-import { MaterialCommunityIcons } from '@expo/vector-icons';
-import { useTheme } from '@oxyhq/bloom/theme';
-import { darkenColor } from '../utils/colorUtils';
-
-
-interface GroupedItemProps {
-    icon?: string;
-    iconColor?: string;
-    title: string;
-    subtitle?: string;
-    onPress?: () => void;
-    isFirst?: boolean;
-    isLast?: boolean;
-    showChevron?: boolean;
-    disabled?: boolean;
-    customContent?: React.ReactNode;
-    customIcon?: React.ReactNode;
-    /** Accessibility label (defaults to title) */
-    accessibilityLabel?: string;
-    /** Accessibility hint for what happens on press */
-    accessibilityHint?: string;
-}
-
-const GroupedItemComponent = ({
-    icon,
-    iconColor,
-    title,
-    subtitle,
-    onPress,
-    isFirst = false,
-    isLast = false,
-    showChevron = false,
-    disabled = false,
-    customContent,
-    customIcon,
-    accessibilityLabel,
-    accessibilityHint,
-}: GroupedItemProps) => {
-    const { colors } = useTheme();
-    // Use fallback color when iconColor is not provided
-    const finalIconColor = iconColor || colors.icon;
-
-    const itemStyles = useMemo(
-        () => [
-            styles.groupedItem,
-            isFirst && styles.firstGroupedItem,
-            isLast && styles.lastGroupedItem,
-        ],
-        [isFirst, isLast],
-    );
-
-    const content = (
-        <View style={styles.groupedItemContent}>
-            {customIcon ? (
-                <View style={styles.actionIcon}>{customIcon}</View>
-            ) : icon ? (
-                <View style={[styles.iconContainer, { backgroundColor: finalIconColor }]}>
-                    <MaterialCommunityIcons name={icon} size={22} color={darkenColor(finalIconColor)} />
-                </View>
-            ) : null}
-            <View style={styles.actionTextContainer}>
-                <Text className="text-foreground" style={styles.actionButtonText}>{title}</Text>
-                {subtitle && (
-                    <Text className="text-muted-foreground" style={styles.actionButtonSubtext}>
-                        {subtitle}
-                    </Text>
-                )}
-            </View>
-            {customContent}
-            {showChevron && (
-                <Ionicons name="chevron-forward" size={20} color={colors.icon} />
-            )}
-        </View>
-    );
-
-    if (onPress && !disabled) {
-        return (
-            <TouchableOpacity
-                className="bg-card"
-                style={itemStyles}
-                onPress={onPress}
-                activeOpacity={0.7}
-                accessibilityRole="button"
-                accessibilityLabel={accessibilityLabel || title}
-                accessibilityHint={accessibilityHint || subtitle}
-                accessibilityState={{ disabled }}
-            >
-                {content}
-            </TouchableOpacity>
-        );
-    }
-
-    return (
-        <View
-            className="bg-card"
-            style={itemStyles}
-            accessibilityRole="text"
-            accessibilityLabel={accessibilityLabel || title}
-        >
-            {content}
-        </View>
-    );
-};
-
-GroupedItemComponent.displayName = 'GroupedItem';
-
-export const GroupedItem = memo(GroupedItemComponent);
-
-const styles = StyleSheet.create({
-    groupedItem: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        overflow: 'hidden',
-        width: '100%',
-    },
-    firstGroupedItem: {
-        borderTopLeftRadius: 18,
-        borderTopRightRadius: 18,
-    },
-    lastGroupedItem: {
-        borderBottomLeftRadius: 18,
-        borderBottomRightRadius: 18,
-    },
-    groupedItemContent: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        paddingVertical: 8,
-        paddingHorizontal: 10,
-        width: '100%',
-        gap: 10,
-    },
-    actionIcon: {
-        // marginRight handled by gap
-    },
-    iconContainer: {
-        width: 36,
-        height: 36,
-        borderRadius: 18,
-        alignItems: 'center',
-        justifyContent: 'center',
-        // marginRight handled by gap
-    },
-    actionTextContainer: {
-        flex: 1,
-    },
-    actionButtonText: {
-        fontSize: 14,
-        fontWeight: '400',
-    },
-    actionButtonSubtext: {
-        fontSize: 12,
-        marginTop: 2,
-    },
-});
-
-export default GroupedItem;

package/src/ui/components/GroupedSection.tsx

@@ -1,60 +0,0 @@
-import type React from 'react';
-import { memo } from 'react';
-import { View } from 'react-native';
-import { GroupedItem } from './GroupedItem';
-import { Ionicons } from '@expo/vector-icons';
-
-interface GroupedSectionItem {
-    id: string;
-    icon?: string;
-    iconColor?: string;
-    title: string;
-    subtitle?: string;
-    onPress?: () => void;
-    onLongPress?: () => void;
-    showChevron?: boolean;
-    disabled?: boolean;
-    selected?: boolean;
-    customContent?: React.ReactNode;
-    customIcon?: React.ReactNode;
-    multiRow?: boolean;
-    dense?: boolean;
-    customContentBelow?: React.ReactNode;
-    theme?: string;
-    /** Allow additional properties for extensibility */
-    [key: string]: unknown;
-}
-
-interface GroupedSectionProps {
-    items: GroupedSectionItem[];
-}
-
-const GroupedSectionComponent = ({ items }: GroupedSectionProps) => {
-    return (
-        <View style={{ width: '100%' }}>
-            {items.map((item, index) => (
-                <View key={`${item.id}-${index}`} style={{ marginBottom: index < items.length - 1 ? 4 : 0 }}>
-                    <GroupedItem
-                        icon={item.icon}
-                        iconColor={item.iconColor}
-                        title={item.title}
-                        subtitle={item.subtitle}
-                        onPress={item.onPress}
-                        isFirst={index === 0}
-                        isLast={index === items.length - 1}
-                        showChevron={item.showChevron}
-                        disabled={item.disabled}
-                        customContent={item.customContent}
-                        customIcon={item.customIcon}
-                    />
-                </View>
-            ))}
-        </View>
-    );
-};
-
-GroupedSectionComponent.displayName = 'GroupedSection';
-
-export const GroupedSection = memo(GroupedSectionComponent);
-
-export default GroupedSection;

package/src/ui/components/Section.tsx

@@ -1,42 +0,0 @@
-import type React from 'react';
-import { View, StyleSheet, type StyleProp, type ViewStyle } from 'react-native';
-import SectionTitle from './SectionTitle';
-import { useColorScheme } from '../hooks/useColorScheme';
-import { normalizeColorScheme } from '../utils/themeUtils';
-
-interface SectionProps {
-    title?: string;
-    theme?: 'light' | 'dark';
-    children: React.ReactNode;
-    isFirst?: boolean;
-    style?: StyleProp<ViewStyle>;
-}
-
-const Section: React.FC<SectionProps> = ({
-    title,
-    theme,
-    children,
-    isFirst = false,
-    style
-}) => {
-    const colorScheme = normalizeColorScheme(useColorScheme(), theme);
-    
-    return (
-        <View style={[styles.section, isFirst && styles.firstSection, style]}>
-            {title && <SectionTitle title={title} theme={colorScheme} />}
-            {children}
-        </View>
-    );
-};
-
-const styles = StyleSheet.create({
-    section: {
-        marginBottom: 10,
-        gap: 12,
-    },
-    firstSection: {
-        marginTop: 8,
-    },
-});
-
-export default Section;

package/src/ui/components/SectionTitle.tsx

@@ -1,27 +0,0 @@
-import type React from 'react';
-import { Text, StyleSheet, type StyleProp, type TextStyle } from 'react-native';
-import { fontFamilies } from '../styles/fonts';
-
-interface SectionTitleProps {
-    title: string;
-    theme?: 'light' | 'dark';
-    style?: StyleProp<TextStyle>;
-}
-
-const SectionTitle: React.FC<SectionTitleProps> = ({ title, theme, style }) => {
-    return (
-        <Text className="text-foreground" style={[styles.sectionTitle, style]}>
-            {title}
-        </Text>
-    );
-};
-
-const styles = StyleSheet.create({
-    sectionTitle: {
-        fontSize: 16,
-        fontWeight: '600',
-        fontFamily: fontFamilies.interSemiBold,
-    },
-});
-
-export default SectionTitle;

package/src/ui/components/SettingRow.tsx

@@ -1,98 +0,0 @@
-import React from 'react';
-import { View, Text, Switch, StyleSheet } from 'react-native';
-
-export interface SettingRowProps {
-    title: string;
-    description?: string;
-    value: boolean;
-    onValueChange: (value: boolean) => void;
-    disabled?: boolean;
-    textColor?: string;
-    mutedTextColor?: string;
-    borderColor?: string;
-    /** Active color for the switch track (default: #d169e5) */
-    activeColor?: string;
-    /** Inactive color for the switch track (default: #767577) */
-    inactiveColor?: string;
-    /** Accessibility label for the switch */
-    accessibilityLabel?: string;
-}
-
-/**
- * Reusable setting row component with switch
- * Extracted from PrivacySettingsScreen for reuse across settings screens
- */
-const SettingRow: React.FC<SettingRowProps> = ({
-    title,
-    description,
-    value,
-    onValueChange,
-    disabled = false,
-    textColor,
-    mutedTextColor,
-    borderColor,
-    activeColor = '#d169e5',
-    inactiveColor = '#767577',
-    accessibilityLabel,
-}) => {
-    return (
-        <View
-            style={[styles.settingRow, borderColor ? { borderBottomColor: borderColor } : undefined]}
-            accessibilityRole="none"
-        >
-            <View style={styles.settingInfo}>
-                <Text
-                    style={[styles.settingTitle, textColor ? { color: textColor } : undefined]}
-                    accessibilityRole="text"
-                >
-                    {title}
-                </Text>
-                {description && (
-                    <Text
-                        style={[styles.settingDescription, mutedTextColor ? { color: mutedTextColor } : undefined]}
-                        accessibilityRole="text"
-                    >
-                        {description}
-                    </Text>
-                )}
-            </View>
-            <Switch
-                value={value}
-                onValueChange={onValueChange}
-                disabled={disabled}
-                trackColor={{ false: inactiveColor, true: activeColor }}
-                thumbColor={value ? '#fff' : '#f4f3f4'}
-                accessibilityRole="switch"
-                accessibilityLabel={accessibilityLabel || title}
-                accessibilityState={{ checked: value, disabled }}
-                accessibilityHint={description}
-            />
-        </View>
-    );
-};
-
-const styles = StyleSheet.create({
-    settingRow: {
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-        alignItems: 'center',
-        paddingVertical: 16,
-        borderBottomWidth: 1,
-    },
-    settingInfo: {
-        flex: 1,
-        marginRight: 16,
-    },
-    settingTitle: {
-        fontSize: 16,
-        fontWeight: '500',
-        marginBottom: 4,
-    },
-    settingDescription: {
-        fontSize: 14,
-        opacity: 0.7,
-    },
-});
-
-export default React.memo(SettingRow);
-