@umituz/react-native-settings 2.0.0 → 2.4.0

package/lib/presentation/components/SettingsFooter.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Settings Footer Component
+ * Single Responsibility: Display app version information
+ */
+import React from "react";
+export interface SettingsFooterProps {
+    /** Custom version text (optional) */
+    versionText?: string;
+}
+export declare const SettingsFooter: React.FC<SettingsFooterProps>;
+//# sourceMappingURL=SettingsFooter.d.ts.map

package/lib/presentation/components/SettingsFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsFooter.d.ts","sourceRoot":"","sources":["../../../src/presentation/components/SettingsFooter.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,mBAAmB;IAClC,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkBxD,CAAC"}

package/lib/presentation/components/SettingsFooter.js

@@ -0,0 +1,31 @@
+/**
+ * Settings Footer Component
+ * Single Responsibility: Display app version information
+ */
+import React from "react";
+import { View, Text, StyleSheet } from "react-native";
+import { useLocalization } from "@umituz/react-native-localization";
+import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+export const SettingsFooter = ({ versionText, }) => {
+    const { t } = useLocalization();
+    const tokens = useAppDesignTokens();
+    const colors = tokens.colors;
+    const displayText = versionText ||
+        `${t("settings.about.version")} ${t("settings.about.versionNumber")}`;
+    return (<View style={styles.container}>
+      <Text style={[styles.text, { color: colors.textSecondary }]}>
+        {displayText}
+      </Text>
+    </View>);
+};
+const styles = StyleSheet.create({
+    container: {
+        paddingVertical: 24,
+        alignItems: "center",
+    },
+    text: {
+        fontSize: 12,
+        fontWeight: "500",
+    },
+});
+//# sourceMappingURL=SettingsFooter.js.map

package/lib/presentation/components/SettingsFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsFooter.js","sourceRoot":"","sources":["../../../src/presentation/components/SettingsFooter.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAO9E,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,WAAW,GACZ,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAE7B,MAAM,WAAW,GACf,WAAW;QACX,GAAG,CAAC,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC,8BAA8B,CAAC,EAAE,CAAC;IAExE,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,CAC1D;QAAA,CAAC,WAAW,CACd;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,eAAe,EAAE,EAAE;QACnB,UAAU,EAAE,QAAQ;KACrB;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC,CAAC"}

package/lib/presentation/components/SettingsSection.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Settings Section Component
+ * Single Responsibility: Render a settings section with title and container
+ */
+import React from "react";
+export interface SettingsSectionProps {
+    /** Section title */
+    title: string;
+    /** Section content */
+    children: React.ReactNode;
+}
+export declare const SettingsSection: React.FC<SettingsSectionProps>;
+//# sourceMappingURL=SettingsSection.d.ts.map

package/lib/presentation/components/SettingsSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsSection.d.ts","sourceRoot":"","sources":["../../../src/presentation/components/SettingsSection.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,oBAAoB;IACnC,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiB1D,CAAC"}

package/lib/presentation/components/SettingsSection.js

@@ -0,0 +1,37 @@
+/**
+ * Settings Section Component
+ * Single Responsibility: Render a settings section with title and container
+ */
+import React from "react";
+import { View, Text, StyleSheet } from "react-native";
+import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+export const SettingsSection = ({ title, children, }) => {
+    const tokens = useAppDesignTokens();
+    const colors = tokens.colors;
+    return (<View style={[styles.container, { backgroundColor: colors.surface }]}>
+      <Text style={[styles.title, { color: colors.textPrimary }]}>
+        {title}
+      </Text>
+      <View style={styles.content}>
+        {children}
+      </View>
+    </View>);
+};
+const styles = StyleSheet.create({
+    container: {
+        marginBottom: 16,
+        borderRadius: 12,
+        overflow: "hidden",
+    },
+    title: {
+        fontSize: 18,
+        fontWeight: "600",
+        paddingHorizontal: 16,
+        paddingTop: 16,
+        paddingBottom: 8,
+    },
+    content: {
+        borderRadius: 0,
+    },
+});
+//# sourceMappingURL=SettingsSection.js.map

package/lib/presentation/components/SettingsSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsSection.js","sourceRoot":"","sources":["../../../src/presentation/components/SettingsSection.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAS9E,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,KAAK,EACL,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAE7B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE,eAAe,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,CACnE;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,WAAW,EAAE,CAAC,CAAC,CACzD;QAAA,CAAC,KAAK,CACR;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAC1B;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,YAAY,EAAE,EAAE;QAChB,YAAY,EAAE,EAAE;QAChB,QAAQ,EAAE,QAAQ;KACnB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,iBAAiB,EAAE,EAAE;QACrB,UAAU,EAAE,EAAE;QACd,aAAa,EAAE,CAAC;KACjB;IACD,OAAO,EAAE;QACP,YAAY,EAAE,CAAC;KAChB;CACF,CAAC,CAAC"}

package/lib/presentation/components/StorageClearSetting.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Storage Clear Setting Component
+ * Single Responsibility: Display storage clear setting (DEV only)
+ * Only visible in __DEV__ mode
+ */
+import React from "react";
+export interface StorageClearSettingProps {
+    title?: string;
+    description?: string;
+    onPress?: () => void;
+    iconColor?: string;
+    titleColor?: string;
+    isLast?: boolean;
+}
+export declare const StorageClearSetting: React.FC<StorageClearSettingProps>;
+//# sourceMappingURL=StorageClearSetting.d.ts.map

package/lib/presentation/components/StorageClearSetting.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StorageClearSetting.d.ts","sourceRoot":"","sources":["../../../src/presentation/components/StorageClearSetting.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA6BlE,CAAC"}

package/lib/presentation/components/StorageClearSetting.js

@@ -0,0 +1,21 @@
+/**
+ * Storage Clear Setting Component
+ * Single Responsibility: Display storage clear setting (DEV only)
+ * Only visible in __DEV__ mode
+ */
+import React from "react";
+import { Trash2 } from "lucide-react-native";
+import { SettingItem } from "./SettingItem";
+export const StorageClearSetting = ({ title, description, onPress, iconColor, titleColor, isLast = false, }) => {
+    // Default values for DEV mode
+    const defaultTitle = title || "Clear All Storage";
+    const defaultDescription = description || "Clear all local storage data (DEV only)";
+    const defaultIconColor = iconColor || "#EF4444";
+    const defaultTitleColor = titleColor || "#EF4444";
+    // Only render in DEV mode
+    if (!__DEV__) {
+        return null;
+    }
+    return (<SettingItem icon={Trash2} title={defaultTitle} value={defaultDescription} onPress={onPress} iconColor={defaultIconColor} titleColor={defaultTitleColor} isLast={isLast}/>);
+};
+//# sourceMappingURL=StorageClearSetting.js.map

package/lib/presentation/components/StorageClearSetting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StorageClearSetting.js","sourceRoot":"","sources":["../../../src/presentation/components/StorageClearSetting.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAW5C,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EACtE,KAAK,EACL,WAAW,EACX,OAAO,EACP,SAAS,EACT,UAAU,EACV,MAAM,GAAG,KAAK,GACf,EAAE,EAAE;IACH,8BAA8B;IAC9B,MAAM,YAAY,GAAG,KAAK,IAAI,mBAAmB,CAAC;IAClD,MAAM,kBAAkB,GAAG,WAAW,IAAI,yCAAyC,CAAC;IACpF,MAAM,gBAAgB,GAAG,SAAS,IAAI,SAAS,CAAC;IAChD,MAAM,iBAAiB,GAAG,UAAU,IAAI,SAAS,CAAC;IAClD,0BAA0B;IAC1B,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,CAAC,WAAW,CACV,IAAI,CAAC,CAAC,MAAM,CAAC,CACb,KAAK,CAAC,CAAC,YAAY,CAAC,CACpB,KAAK,CAAC,CAAC,kBAAkB,CAAC,CAC1B,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,SAAS,CAAC,CAAC,gBAAgB,CAAC,CAC5B,UAAU,CAAC,CAAC,iBAAiB,CAAC,CAC9B,MAAM,CAAC,CAAC,MAAM,CAAC,EACf,CACH,CAAC;AACJ,CAAC,CAAC"}

package/lib/presentation/components/UserProfileHeader.d.ts

@@ -0,0 +1,30 @@
+/**
+ * User Profile Header Component
+ * Displays user avatar, name, and ID
+ * Works for both guest and authenticated users
+ */
+import React from "react";
+export interface UserProfileHeaderProps {
+    /** User display name */
+    displayName?: string;
+    /** User ID */
+    userId?: string;
+    /** Whether user is guest */
+    isGuest?: boolean;
+    /** Avatar URL (optional) */
+    avatarUrl?: string;
+    /** Navigation route for account settings */
+    accountSettingsRoute?: string;
+    /** Custom onPress handler */
+    onPress?: () => void;
+    /** Custom guest user display name */
+    guestDisplayName?: string;
+    /** Custom avatar service URL */
+    avatarServiceUrl?: string;
+    /** Default user display name when no displayName provided */
+    defaultUserDisplayName?: string;
+    /** Default guest display name */
+    defaultGuestDisplayName?: string;
+}
+export declare const UserProfileHeader: React.FC<UserProfileHeaderProps>;
+//# sourceMappingURL=UserProfileHeader.d.ts.map

package/lib/presentation/components/UserProfileHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserProfileHeader.d.ts","sourceRoot":"","sources":["../../../src/presentation/components/UserProfileHeader.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAgC,MAAM,OAAO,CAAC;AAOrD,MAAM,WAAW,sBAAsB;IACrC,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qCAAqC;IACrC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gCAAgC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6DAA6D;IAC7D,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,iCAAiC;IACjC,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAoG9D,CAAC"}

package/lib/presentation/components/UserProfileHeader.js

@@ -0,0 +1,119 @@
+/**
+ * User Profile Header Component
+ * Displays user avatar, name, and ID
+ * Works for both guest and authenticated users
+ */
+import React, { useState, useCallback } from "react";
+import { View, TouchableOpacity, StyleSheet, Image } from "react-native";
+import { ChevronRight } from "lucide-react-native";
+import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { AtomicText } from "@umituz/react-native-design-system-atoms";
+import { useNavigation } from "@react-navigation/native";
+export const UserProfileHeader = ({ displayName, userId, isGuest = false, avatarUrl, accountSettingsRoute, onPress, guestDisplayName, avatarServiceUrl, defaultUserDisplayName, defaultGuestDisplayName, }) => {
+    const tokens = useAppDesignTokens();
+    const navigation = useNavigation();
+    const colors = tokens.colors;
+    const spacing = tokens.spacing;
+    const [imageError, setImageError] = useState(false);
+    const finalDisplayName = displayName || (isGuest ? guestDisplayName || defaultGuestDisplayName || "Guest" : defaultUserDisplayName || "User");
+    const avatarName = isGuest ? guestDisplayName || defaultGuestDisplayName || defaultGuestDisplayName || "Guest" : finalDisplayName;
+    const defaultAvatarService = avatarServiceUrl || "https://ui-avatars.com/api";
+    const finalAvatarUrl = (imageError ? null : avatarUrl) ||
+        `${defaultAvatarService}/?name=${encodeURIComponent(avatarName)}&background=${colors.primary.replace("#", "")}&color=fff&size=64`;
+    const handlePress = useCallback(() => {
+        if (onPress) {
+            onPress();
+        }
+        else if (accountSettingsRoute) {
+            navigation.navigate(accountSettingsRoute);
+        }
+    }, [onPress, accountSettingsRoute, navigation]);
+    const shouldShowChevron = !!(onPress || accountSettingsRoute);
+    const isPressable = !!(onPress || accountSettingsRoute);
+    const containerStyle = [
+        styles.container,
+        {
+            backgroundColor: colors.surface,
+            paddingHorizontal: spacing.md,
+            paddingVertical: spacing.md,
+            marginHorizontal: spacing.md,
+        },
+    ];
+    const content = (<>
+      <View style={styles.content}>
+        <View style={[styles.avatarContainer, { borderColor: `${colors.primary}30` }]}>
+          {finalAvatarUrl ? (<Image source={{ uri: finalAvatarUrl }} style={styles.avatar} onError={() => setImageError(true)}/>) : (<View style={[styles.avatarFallback, { backgroundColor: `${colors.primary}20` }]}>
+              <AtomicText type="headlineMedium" color="primary" style={styles.avatarText}>
+                {avatarName.charAt(0).toUpperCase()}
+              </AtomicText>
+            </View>)}
+        </View>
+        <View style={[styles.textContainer, { marginLeft: spacing.md }]}>
+          <AtomicText type="headlineSmall" style={[styles.name, { color: colors.textPrimary }]} numberOfLines={1}>
+            {finalDisplayName}
+          </AtomicText>
+        </View>
+      </View>
+      {shouldShowChevron && (<View style={[styles.chevronContainer, { marginLeft: spacing.sm }]}>
+          <ChevronRight size={22} color={colors.textSecondary} strokeWidth={2.5}/>
+        </View>)}
+    </>);
+    if (isPressable) {
+        return (<TouchableOpacity style={containerStyle} onPress={handlePress} activeOpacity={0.7}>
+        {content}
+      </TouchableOpacity>);
+    }
+    return <View style={containerStyle}>{content}</View>;
+};
+const styles = StyleSheet.create({
+    container: {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "space-between",
+        marginTop: 0,
+        marginBottom: 0,
+        borderRadius: 20,
+        minHeight: 80,
+    },
+    content: {
+        flexDirection: "row",
+        alignItems: "center",
+        flex: 1,
+    },
+    avatarContainer: {
+        width: 64,
+        height: 64,
+        borderRadius: 32,
+        borderWidth: 2,
+        overflow: "hidden",
+        backgroundColor: "transparent",
+    },
+    avatar: {
+        width: "100%",
+        height: "100%",
+    },
+    avatarFallback: {
+        width: "100%",
+        height: "100%",
+        justifyContent: "center",
+        alignItems: "center",
+    },
+    avatarText: {
+        fontWeight: "700",
+    },
+    textContainer: {
+        flex: 1,
+    },
+    name: {
+        fontWeight: "700",
+    },
+    id: {
+        fontWeight: "500",
+        opacity: 0.7,
+    },
+    chevronContainer: {
+        justifyContent: "center",
+        alignItems: "center",
+    },
+});
+//# sourceMappingURL=UserProfileHeader.js.map

package/lib/presentation/components/UserProfileHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserProfileHeader.js","sourceRoot":"","sources":["../../../src/presentation/components/UserProfileHeader.tsx"],"names":[],"mappings":"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"}

package/lib/presentation/screens/AppearanceScreen.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Appearance Settings Screen
+ * Advanced appearance settings with theme customization and custom colors
+ * Uses @umituz/react-native-appearance package
+ */
+import { AppearanceScreen } from "@umituz/react-native-appearance";
+export { AppearanceScreen };
+//# sourceMappingURL=AppearanceScreen.d.ts.map

package/lib/presentation/screens/AppearanceScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppearanceScreen.d.ts","sourceRoot":"","sources":["../../../src/presentation/screens/AppearanceScreen.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/lib/presentation/screens/AppearanceScreen.js

@@ -0,0 +1,8 @@
+/**
+ * Appearance Settings Screen
+ * Advanced appearance settings with theme customization and custom colors
+ * Uses @umituz/react-native-appearance package
+ */
+import { AppearanceScreen } from "@umituz/react-native-appearance";
+export { AppearanceScreen };
+//# sourceMappingURL=AppearanceScreen.js.map

package/lib/presentation/screens/AppearanceScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppearanceScreen.js","sourceRoot":"","sources":["../../../src/presentation/screens/AppearanceScreen.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/lib/presentation/screens/SettingsScreen.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Settings Screen
+ * Presentation layer - Composition only, no business logic
+ */
+import React from "react";
+import type { SettingsConfig, CustomSettingsSection } from "./types";
+export interface SettingsScreenProps {
+    config?: SettingsConfig;
+    /** Show user profile header */
+    showUserProfile?: boolean;
+    /** User profile props */
+    userProfile?: {
+        displayName?: string;
+        userId?: string;
+        isGuest?: boolean;
+        avatarUrl?: string;
+        accountSettingsRoute?: string;
+        onPress?: () => void;
+        guestDisplayName?: string;
+        avatarServiceUrl?: string;
+    };
+    /** Show footer with version */
+    showFooter?: boolean;
+    /** Custom footer text */
+    footerText?: string;
+    /** Custom sections to render */
+    customSections?: CustomSettingsSection[];
+    /** Show close button in header */
+    showCloseButton?: boolean;
+    /** Custom close handler */
+    onClose?: () => void;
+    /** Feature detection options */
+    featureOptions?: {
+        notificationServiceAvailable?: boolean;
+    };
+}
+export declare const SettingsScreen: React.FC<SettingsScreenProps>;
+//# sourceMappingURL=SettingsScreen.d.ts.map

package/lib/presentation/screens/SettingsScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsScreen.d.ts","sourceRoot":"","sources":["../../../src/presentation/screens/SettingsScreen.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,KAAK,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErE,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,+BAA+B;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yBAAyB;IACzB,WAAW,CAAC,EAAE;QACZ,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;QACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;KAC3B,CAAC;IACF,+BAA+B;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gCAAgC;IAChC,cAAc,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACzC,kCAAkC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gCAAgC;IAChC,cAAc,CAAC,EAAE;QACf,4BAA4B,CAAC,EAAE,OAAO,CAAC;KACxC,CAAC;CACH;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAyCxD,CAAC"}

package/lib/presentation/screens/SettingsScreen.js

@@ -0,0 +1,37 @@
+/**
+ * Settings Screen
+ * Presentation layer - Composition only, no business logic
+ */
+import React from "react";
+import { View, StatusBar, StyleSheet } from "react-native";
+import { useNavigation } from "@react-navigation/native";
+import { useDesignSystemTheme, useAppDesignTokens, } from "@umituz/react-native-design-system-theme";
+import { SettingsHeader } from "./components/SettingsHeader";
+import { SettingsContent } from "./components/SettingsContent";
+import { SettingsErrorBoundary } from "../components/SettingsErrorBoundary";
+import { normalizeSettingsConfig } from "./utils/normalizeConfig";
+import { useFeatureDetection } from "./hooks/useFeatureDetection";
+export const SettingsScreen = ({ config = {}, showUserProfile = false, userProfile, showFooter = true, footerText, customSections = [], showCloseButton = false, onClose, featureOptions, }) => {
+    const navigation = useNavigation();
+    const { themeMode } = useDesignSystemTheme();
+    const tokens = useAppDesignTokens();
+    const isDark = themeMode === "dark";
+    const colors = tokens.colors;
+    const normalizedConfig = normalizeSettingsConfig(config);
+    const features = useFeatureDetection(normalizedConfig, navigation, featureOptions);
+    return (<View style={[styles.container, { backgroundColor: colors.backgroundPrimary }]}>
+      <StatusBar barStyle={isDark ? "light-content" : "dark-content"}/>
+      
+      <SettingsHeader showCloseButton={showCloseButton} onClose={onClose}/>
+      
+      <SettingsErrorBoundary>
+        <SettingsContent normalizedConfig={normalizedConfig} features={features} showUserProfile={showUserProfile} userProfile={userProfile} showFooter={showFooter} footerText={footerText} customSections={customSections} showCloseButton={showCloseButton}/>
+      </SettingsErrorBoundary>
+    </View>);
+};
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+    },
+});
+//# sourceMappingURL=SettingsScreen.js.map

package/lib/presentation/screens/SettingsScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsScreen.js","sourceRoot":"","sources":["../../../src/presentation/screens/SettingsScreen.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EACL,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAkClE,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,MAAM,GAAG,EAAE,EACX,eAAe,GAAG,KAAK,EACvB,WAAW,EACX,UAAU,GAAG,IAAI,EACjB,UAAU,EACV,cAAc,GAAG,EAAE,EACnB,eAAe,GAAG,KAAK,EACvB,OAAO,EACP,cAAc,GACf,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,EAAE,SAAS,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAC7C,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IAEpC,MAAM,MAAM,GAAG,SAAS,KAAK,MAAM,CAAC;IACpC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAE7B,MAAM,gBAAgB,GAAG,uBAAuB,CAAC,MAAM,CAAC,CAAC;IACzD,MAAM,QAAQ,GAAG,mBAAmB,CAAC,gBAAgB,EAAE,UAAU,EAAE,cAAc,CAAC,CAAC;IAEnF,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE,eAAe,EAAE,MAAM,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAC7E;MAAA,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,CAAC,EAE/D;;MAAA,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,EAEnE;;MAAA,CAAC,qBAAqB,CACpB;QAAA,CAAC,eAAe,CACd,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CACnC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,eAAe,CAAC,CAAC,eAAe,CAAC,CACjC,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,eAAe,CAAC,CAAC,eAAe,CAAC,EAErC;MAAA,EAAE,qBAAqB,CACzB;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC"}

package/lib/presentation/screens/components/AboutLegalSection.d.ts

@@ -0,0 +1,15 @@
+/**
+ * About & Legal Section Component
+ * Single Responsibility: Render about and legal settings section
+ */
+import React from "react";
+import type { AboutConfig, LegalConfig } from "../types";
+interface AboutLegalSectionProps {
+    showAbout: boolean;
+    showLegal: boolean;
+    aboutConfig?: AboutConfig;
+    legalConfig?: LegalConfig;
+}
+export declare const AboutLegalSection: React.FC<AboutLegalSectionProps>;
+export {};
+//# sourceMappingURL=AboutLegalSection.d.ts.map

package/lib/presentation/screens/components/AboutLegalSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AboutLegalSection.d.ts","sourceRoot":"","sources":["../../../../src/presentation/screens/components/AboutLegalSection.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEzD,UAAU,sBAAsB;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAUD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA4C9D,CAAC"}

package/lib/presentation/screens/components/AboutLegalSection.js

@@ -0,0 +1,28 @@
+/**
+ * About & Legal Section Component
+ * Single Responsibility: Render about and legal settings section
+ */
+import React from "react";
+import { Info, FileText } from "lucide-react-native";
+import { useNavigation } from "@react-navigation/native";
+import { useLocalization } from "@umituz/react-native-localization";
+import { SettingItem } from "../../components/SettingItem";
+import { SettingsSection } from "../../components/SettingsSection";
+export const AboutLegalSection = ({ showAbout, showLegal, aboutConfig, legalConfig, }) => {
+    const navigation = useNavigation();
+    const { t } = useLocalization();
+    if (!showAbout && !showLegal) {
+        return null;
+    }
+    const aboutRoute = aboutConfig?.route || aboutConfig?.defaultRoute || "About";
+    const aboutTitle = aboutConfig?.title || t("settings.about.title");
+    const aboutDescription = aboutConfig?.description || t("settings.about.description");
+    const legalRoute = legalConfig?.route || legalConfig?.defaultRoute || "Legal";
+    const legalTitle = legalConfig?.title || t("settings.legal.title");
+    const legalDescription = legalConfig?.description || t("settings.legal.description");
+    return (<SettingsSection title={t("settings.sections.about")}>
+      {showAbout && (<SettingItem icon={Info} title={aboutTitle} value={aboutDescription} onPress={() => navigation.navigate(aboutRoute)}/>)}
+      {showLegal && (<SettingItem icon={FileText} title={legalTitle} value={legalDescription} onPress={() => navigation.navigate(legalRoute)} isLast={true}/>)}
+    </SettingsSection>);
+};
+//# sourceMappingURL=AboutLegalSection.js.map

package/lib/presentation/screens/components/AboutLegalSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AboutLegalSection.js","sourceRoot":"","sources":["../../../../src/presentation/screens/components/AboutLegalSection.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAEpE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAkBnE,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAClE,SAAS,EACT,SAAS,EACT,WAAW,EACX,WAAW,GACZ,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAkB,CAAC;IACnD,MAAM,EAAE,CAAC,EAAE,GAAG,eAAe,EAAE,CAAC;IAEhC,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,EAAE,CAAC;QAC7B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,UAAU,GAAG,WAAW,EAAE,KAAK,IAAI,WAAW,EAAE,YAAY,IAAI,OAAO,CAAC;IAC9E,MAAM,UAAU,GAAG,WAAW,EAAE,KAAK,IAAI,CAAC,CAAC,sBAAsB,CAAC,CAAC;IACnE,MAAM,gBAAgB,GACpB,WAAW,EAAE,WAAW,IAAI,CAAC,CAAC,4BAA4B,CAAC,CAAC;IAE9D,MAAM,UAAU,GAAG,WAAW,EAAE,KAAK,IAAI,WAAW,EAAE,YAAY,IAAI,OAAO,CAAC;IAC9E,MAAM,UAAU,GAAG,WAAW,EAAE,KAAK,IAAI,CAAC,CAAC,sBAAsB,CAAC,CAAC;IACnE,MAAM,gBAAgB,GACpB,WAAW,EAAE,WAAW,IAAI,CAAC,CAAC,4BAA4B,CAAC,CAAC;IAE9D,OAAO,CACL,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CACnD;MAAA,CAAC,SAAS,IAAI,CACZ,CAAC,WAAW,CACV,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,UAAU,CAAC,CAClB,KAAK,CAAC,CAAC,gBAAgB,CAAC,CACxB,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,UAAoB,CAAC,CAAC,EACzD,CACH,CACD;MAAA,CAAC,SAAS,IAAI,CACZ,CAAC,WAAW,CACV,IAAI,CAAC,CAAC,QAAQ,CAAC,CACf,KAAK,CAAC,CAAC,UAAU,CAAC,CAClB,KAAK,CAAC,CAAC,gBAAgB,CAAC,CACxB,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,UAAoB,CAAC,CAAC,CACzD,MAAM,CAAC,CAAC,IAAI,CAAC,EACb,CACH,CACH;IAAA,EAAE,eAAe,CAAC,CACnB,CAAC;AACJ,CAAC,CAAC"}

package/lib/presentation/screens/components/AppearanceSection.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Appearance Section Component
+ * Single Responsibility: Render appearance settings section (theme customization)
+ */
+import React from "react";
+import type { AppearanceConfig } from "../types";
+interface AppearanceSectionProps {
+    config?: AppearanceConfig;
+}
+export declare const AppearanceSection: React.FC<AppearanceSectionProps>;
+export {};
+//# sourceMappingURL=AppearanceSection.d.ts.map

package/lib/presentation/screens/components/AppearanceSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppearanceSection.d.ts","sourceRoot":"","sources":["../../../../src/presentation/screens/components/AppearanceSection.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,UAAU,sBAAsB;IAC9B,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAoB9D,CAAC"}

package/lib/presentation/screens/components/AppearanceSection.js

@@ -0,0 +1,21 @@
+/**
+ * Appearance Section Component
+ * Single Responsibility: Render appearance settings section (theme customization)
+ */
+import React from "react";
+import { Palette } from "lucide-react-native";
+import { useNavigation } from "@react-navigation/native";
+import { useLocalization } from "@umituz/react-native-localization";
+import { SettingItem } from "../../components/SettingItem";
+import { SettingsSection } from "../../components/SettingsSection";
+export const AppearanceSection = ({ config, }) => {
+    const navigation = useNavigation();
+    const { t } = useLocalization();
+    const route = config?.route || config?.defaultRoute || "Appearance";
+    const title = config?.title || t("settings.appearance.title");
+    const description = config?.description || t("settings.appearance.description");
+    return (<SettingsSection title={t("settings.sections.app.title")}>
+      <SettingItem icon={Palette} title={title} value={description} onPress={() => navigation.navigate(route)}/>
+    </SettingsSection>);
+};
+//# sourceMappingURL=AppearanceSection.js.map

package/lib/presentation/screens/components/AppearanceSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppearanceSection.js","sourceRoot":"","sources":["../../../../src/presentation/screens/components/AppearanceSection.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAOnE,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAClE,MAAM,GACP,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,EAAE,CAAC,EAAE,GAAG,eAAe,EAAE,CAAC;IAEhC,MAAM,KAAK,GAAG,MAAM,EAAE,KAAK,IAAI,MAAM,EAAE,YAAY,IAAI,YAAY,CAAC;IACpE,MAAM,KAAK,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC,CAAC,2BAA2B,CAAC,CAAC;IAC9D,MAAM,WAAW,GAAG,MAAM,EAAE,WAAW,IAAI,CAAC,CAAC,iCAAiC,CAAC,CAAC;IAEhF,OAAO,CACL,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CACvD;MAAA,CAAC,WAAW,CACV,IAAI,CAAC,CAAC,OAAO,CAAC,CACd,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,WAAW,CAAC,CACnB,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAc,CAAC,CAAC,EAEvD;IAAA,EAAE,eAAe,CAAC,CACnB,CAAC;AACJ,CAAC,CAAC"}

package/lib/presentation/screens/components/LanguageSection.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Language Section Component
+ * Single Responsibility: Render language settings section
+ */
+import React from "react";
+import type { LanguageConfig } from "../types";
+interface LanguageSectionProps {
+    config?: LanguageConfig;
+}
+export declare const LanguageSection: React.FC<LanguageSectionProps>;
+export {};
+//# sourceMappingURL=LanguageSection.d.ts.map

package/lib/presentation/screens/components/LanguageSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageSection.d.ts","sourceRoot":"","sources":["../../../../src/presentation/screens/components/LanguageSection.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,UAAU,oBAAoB;IAC5B,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA0B1D,CAAC"}

package/lib/presentation/screens/components/LanguageSection.js

@@ -0,0 +1,26 @@
+/**
+ * Language Section Component
+ * Single Responsibility: Render language settings section
+ */
+import React from "react";
+import { Languages } from "lucide-react-native";
+import { useNavigation } from "@react-navigation/native";
+import { useLocalization, getLanguageByCode } from "@umituz/react-native-localization";
+import { SettingItem } from "../../components/SettingItem";
+import { SettingsSection } from "../../components/SettingsSection";
+export const LanguageSection = ({ config, }) => {
+    const navigation = useNavigation();
+    const { t, currentLanguage } = useLocalization();
+    const route = config?.route || "LanguageSelection";
+    const title = config?.title || t("settings.language");
+    const description = config?.description || "";
+    const currentLang = getLanguageByCode(currentLanguage);
+    const defaultLanguageDisplay = config?.defaultLanguageDisplay || "English";
+    const languageDisplay = currentLang
+        ? `${currentLang.flag} ${currentLang.nativeName}`
+        : defaultLanguageDisplay;
+    return (<SettingsSection title={t("settings.sections.app.title")}>
+      <SettingItem icon={Languages} title={title} value={languageDisplay} onPress={() => navigation.navigate(route)}/>
+    </SettingsSection>);
+};
+//# sourceMappingURL=LanguageSection.js.map

package/lib/presentation/screens/components/LanguageSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageSection.js","sourceRoot":"","sources":["../../../../src/presentation/screens/components/LanguageSection.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACvF,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAOnE,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,MAAM,GACP,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,EAAE,CAAC,EAAE,eAAe,EAAE,GAAG,eAAe,EAAE,CAAC;IAEjD,MAAM,KAAK,GAAG,MAAM,EAAE,KAAK,IAAI,mBAAmB,CAAC;IACnD,MAAM,KAAK,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC,CAAC,mBAAmB,CAAC,CAAC;IACtD,MAAM,WAAW,GAAG,MAAM,EAAE,WAAW,IAAI,EAAE,CAAC;IAE9C,MAAM,WAAW,GAAG,iBAAiB,CAAC,eAAe,CAAC,CAAC;IACvD,MAAM,sBAAsB,GAAG,MAAM,EAAE,sBAAsB,IAAI,SAAS,CAAC;IAC3E,MAAM,eAAe,GAAG,WAAW;QACjC,CAAC,CAAC,GAAG,WAAW,CAAC,IAAI,IAAI,WAAW,CAAC,UAAU,EAAE;QACjD,CAAC,CAAC,sBAAsB,CAAC;IAE3B,OAAO,CACL,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CACvD;MAAA,CAAC,WAAW,CACV,IAAI,CAAC,CAAC,SAAS,CAAC,CAChB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,eAAe,CAAC,CACvB,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAc,CAAC,CAAC,EAEvD;IAAA,EAAE,eAAe,CAAC,CACnB,CAAC;AACJ,CAAC,CAAC"}

package/lib/presentation/screens/components/NotificationsSection.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Notifications Section Component
+ * Single Responsibility: Render notifications settings section
+ */
+import React from "react";
+import type { NotificationsConfig } from "../types";
+interface NotificationsSectionProps {
+    config?: NotificationsConfig;
+}
+export declare const NotificationsSection: React.FC<NotificationsSectionProps>;
+export {};
+//# sourceMappingURL=NotificationsSection.d.ts.map

package/lib/presentation/screens/components/NotificationsSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsSection.d.ts","sourceRoot":"","sources":["../../../../src/presentation/screens/components/NotificationsSection.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAA2C,MAAM,OAAO,CAAC;AAMhE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAiBpD,UAAU,yBAAyB;IACjC,MAAM,CAAC,EAAE,mBAAmB,CAAC;CAC9B;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA+DpE,CAAC"}