@umituz/react-native-design-system 1.3.1 → 1.3.3

package/lib/presentation/molecules/languageswitcher/config/languageSwitcherConfig.d.ts

@@ -0,0 +1,11 @@
+export declare const languageSwitcherConfig: {
+    defaultIconSize: number;
+    defaultNavigationScreen: string;
+    hitSlop: {
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+    };
+};
+//# sourceMappingURL=languageSwitcherConfig.d.ts.map

package/lib/presentation/molecules/languageswitcher/config/languageSwitcherConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"languageSwitcherConfig.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/molecules/languageswitcher/config/languageSwitcherConfig.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB;;;;;;;;;CAIlC,CAAC"}

package/lib/presentation/molecules/languageswitcher/config/languageSwitcherConfig.js

@@ -0,0 +1,6 @@
+export const languageSwitcherConfig = {
+    defaultIconSize: 20,
+    defaultNavigationScreen: 'LanguageSelection',
+    hitSlop: { top: 10, bottom: 10, left: 10, right: 10 },
+};
+//# sourceMappingURL=languageSwitcherConfig.js.map

package/lib/presentation/molecules/languageswitcher/config/languageSwitcherConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"languageSwitcherConfig.js","sourceRoot":"","sources":["../../../../../src/presentation/molecules/languageswitcher/config/languageSwitcherConfig.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,eAAe,EAAE,EAAE;IACnB,uBAAuB,EAAE,mBAAmB;IAC5C,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;CACtD,CAAC"}

package/lib/presentation/molecules/languageswitcher/hooks/useLanguageNavigation.d.ts

@@ -0,0 +1,5 @@
+export declare const useLanguageNavigation: (navigationScreen: string) => {
+    currentLang: import("@umituz/react-native-localization").Language;
+    navigateToLanguageSelection: () => void;
+};
+//# sourceMappingURL=useLanguageNavigation.d.ts.map

package/lib/presentation/molecules/languageswitcher/hooks/useLanguageNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLanguageNavigation.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/molecules/languageswitcher/hooks/useLanguageNavigation.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,qBAAqB,GAAI,kBAAkB,MAAM;;;CAU7D,CAAC"}

package/lib/presentation/molecules/languageswitcher/hooks/useLanguageNavigation.js

@@ -0,0 +1,12 @@
+import { useNavigation } from '@react-navigation/native';
+import { useLocalization, getLanguageByCode, getDefaultLanguage } from '@umituz/react-native-localization';
+export const useLanguageNavigation = (navigationScreen) => {
+    const navigation = useNavigation();
+    const { currentLanguage } = useLocalization();
+    const currentLang = getLanguageByCode(currentLanguage) || getDefaultLanguage();
+    const navigateToLanguageSelection = () => {
+        navigation.navigate(navigationScreen);
+    };
+    return { currentLang, navigateToLanguageSelection };
+};
+//# sourceMappingURL=useLanguageNavigation.js.map

package/lib/presentation/molecules/languageswitcher/hooks/useLanguageNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLanguageNavigation.js","sourceRoot":"","sources":["../../../../../src/presentation/molecules/languageswitcher/hooks/useLanguageNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAE3G,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,gBAAwB,EAAE,EAAE;IAChE,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,EAAE,eAAe,EAAE,GAAG,eAAe,EAAE,CAAC;IAC9C,MAAM,WAAW,GAAG,iBAAiB,CAAC,eAAe,CAAC,IAAI,kBAAkB,EAAE,CAAC;IAE/E,MAAM,2BAA2B,GAAG,GAAG,EAAE;QACvC,UAAU,CAAC,QAAQ,CAAC,gBAAyB,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,OAAO,EAAE,WAAW,EAAE,2BAA2B,EAAE,CAAC;AACtD,CAAC,CAAC"}

package/lib/presentation/molecules/listitem/styles/listItemStyles.d.ts

@@ -0,0 +1,12 @@
+import { ViewStyle } from 'react-native';
+import { useAppDesignTokens } from '../../../hooks/useAppDesignTokens';
+type DesignTokens = ReturnType<typeof useAppDesignTokens>;
+export declare const getListItemStyles: (tokens: DesignTokens) => {
+    container: ViewStyle;
+    disabled: ViewStyle;
+    iconContainer: ViewStyle;
+    content: ViewStyle;
+    subtitle: ViewStyle;
+};
+export {};
+//# sourceMappingURL=listItemStyles.d.ts.map

package/lib/presentation/molecules/listitem/styles/listItemStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"listItemStyles.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/molecules/listitem/styles/listItemStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEvE,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAE1D,eAAO,MAAM,iBAAiB,GAAI,QAAQ,YAAY;eAQ/C,SAAS;cACgB,SAAS;mBACmB,SAAS;aAC3C,SAAS;cACa,SAAS;CACvD,CAAC"}

package/lib/presentation/molecules/listitem/styles/listItemStyles.js

@@ -0,0 +1,15 @@
+export const getListItemStyles = (tokens) => ({
+    container: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        padding: tokens.spacing.md,
+        backgroundColor: tokens.colors.surface,
+        borderRadius: tokens.borders.radius.lg,
+        marginBottom: tokens.spacing.sm,
+    },
+    disabled: { opacity: 0.6 },
+    iconContainer: { marginHorizontal: tokens.spacing.sm },
+    content: { flex: 1 },
+    subtitle: { marginTop: tokens.spacing.xs },
+});
+//# sourceMappingURL=listItemStyles.js.map

package/lib/presentation/molecules/listitem/styles/listItemStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listItemStyles.js","sourceRoot":"","sources":["../../../../../src/presentation/molecules/listitem/styles/listItemStyles.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,MAAoB,EAAE,EAAE,CAAC,CAAC;IAC1D,SAAS,EAAE;QACT,aAAa,EAAE,KAAc;QAC7B,UAAU,EAAE,QAAiB;QAC7B,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;QAC1B,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO;QACtC,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;QACtC,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;KACnB;IACd,QAAQ,EAAE,EAAE,OAAO,EAAE,GAAG,EAAe;IACvC,aAAa,EAAE,EAAE,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAe;IACnE,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC,EAAe;IACjC,QAAQ,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAe;CACxD,CAAC,CAAC"}

package/lib/presentation/molecules/listitem/types/index.d.ts

@@ -0,0 +1,17 @@
+import { ViewStyle } from 'react-native';
+/**
+ * ListItem component props
+ *
+ * leftIcon/rightIcon: Any MaterialIcons name
+ * @see https://fonts.google.com/icons
+ */
+export interface ListItemProps {
+    title: string;
+    subtitle?: string;
+    leftIcon?: string;
+    rightIcon?: string;
+    onPress?: () => void;
+    disabled?: boolean;
+    style?: ViewStyle;
+}
+//# sourceMappingURL=index.d.ts.map

package/lib/presentation/molecules/listitem/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/molecules/listitem/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC;;;;;GAKG;AACH,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB"}

package/lib/presentation/molecules/listitem/types/index.js

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

package/lib/presentation/molecules/listitem/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/presentation/molecules/listitem/types/index.ts"],"names":[],"mappings":""}

package/lib/presentation/organisms/AppHeader.d.ts

@@ -0,0 +1,30 @@
+/**
+ * AppHeader Organism - Application Header Component
+ *
+ * Complex header combining atoms and molecules
+ * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
+ *
+ * Atomic Design Level: ORGANISM
+ * Composition: AtomicIcon + AtomicText + AtomicButton + SearchBar
+ */
+import React from 'react';
+import { ViewStyle } from 'react-native';
+/**
+ * AppHeader component props
+ *
+ * leftIcon/rightIcon: Any MaterialIcons name
+ * @see https://fonts.google.com/icons
+ */
+export interface AppHeaderProps {
+    title: string;
+    subtitle?: string;
+    leftIcon?: string;
+    onLeftPress?: () => void;
+    rightIcon?: string;
+    onRightPress?: () => void;
+    showShadow?: boolean;
+    backgroundColor?: string;
+    style?: ViewStyle;
+}
+export declare const AppHeader: React.FC<AppHeaderProps>;
+//# sourceMappingURL=AppHeader.d.ts.map

package/lib/presentation/organisms/AppHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../../../src/presentation/organisms/AppHeader.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAgB,MAAM,cAAc,CAAC;AAU7D;;;;;GAKG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAMD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwD9C,CAAC"}

package/lib/presentation/organisms/AppHeader.js

@@ -0,0 +1,78 @@
+/**
+ * AppHeader Organism - Application Header Component
+ *
+ * Complex header combining atoms and molecules
+ * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
+ *
+ * Atomic Design Level: ORGANISM
+ * Composition: AtomicIcon + AtomicText + AtomicButton + SearchBar
+ */
+import React from 'react';
+import { View, SafeAreaView } from 'react-native';
+import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
+import { AtomicText } from '../atoms/AtomicText';
+import { AtomicButton } from '../atoms/AtomicButton';
+// =============================================================================
+// COMPONENT IMPLEMENTATION
+// =============================================================================
+export const AppHeader = ({ title, subtitle, leftIcon, onLeftPress, rightIcon, onRightPress, showShadow = true, backgroundColor, style, }) => {
+    const tokens = useAppDesignTokens();
+    const bgColor = backgroundColor || tokens.colors.surface;
+    const styles = getStyles(tokens);
+    return (<SafeAreaView style={[styles.safeArea, { backgroundColor: bgColor }]}>
+      <View style={[styles.container, { backgroundColor: bgColor }, style]}>
+        {/* Left Action */}
+        <View style={styles.leftContainer}>
+          {leftIcon && onLeftPress && (<AtomicButton variant="text" size="sm" onPress={onLeftPress} icon={leftIcon}/>)}
+        </View>
+
+        {/* Title Section */}
+        <View style={styles.titleContainer}>
+          <AtomicText type="titleLarge" color="primary" numberOfLines={1}>
+            {title}
+          </AtomicText>
+          {subtitle && (<AtomicText type="bodySmall" color="secondary" numberOfLines={1}>
+              {subtitle}
+            </AtomicText>)}
+        </View>
+
+        {/* Right Action */}
+        <View style={styles.rightContainer}>
+          {rightIcon && onRightPress && (<AtomicButton variant="text" size="sm" onPress={onRightPress} icon={rightIcon}/>)}
+        </View>
+      </View>
+    </SafeAreaView>);
+};
+// =============================================================================
+// STYLES
+// =============================================================================
+const getStyles = (tokens) => ({
+    safeArea: {
+        backgroundColor: tokens.colors.surface,
+    },
+    container: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        paddingHorizontal: tokens.spacing.md,
+        paddingVertical: tokens.spacing.sm,
+        minHeight: tokens.iconSizes.xl + tokens.spacing.md,
+    },
+    leftContainer: {
+        width: tokens.iconSizes.xl + tokens.spacing.sm,
+        alignItems: 'flex-start',
+    },
+    titleContainer: {
+        flex: 1,
+        alignItems: 'center',
+        paddingHorizontal: tokens.spacing.sm,
+    },
+    rightContainer: {
+        width: tokens.iconSizes.xl + tokens.spacing.sm,
+        alignItems: 'flex-start',
+    },
+});
+// =============================================================================
+// EXPORTS
+// =============================================================================
+//# sourceMappingURL=AppHeader.js.map

package/lib/presentation/organisms/AppHeader.js.map

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

package/lib/presentation/organisms/FormContainer.d.ts

@@ -0,0 +1,76 @@
+/**
+ * FormContainer Component
+ *
+ * A reusable container for forms with proper keyboard handling and responsive layout.
+ *
+ * Features:
+ * - Pure React Native implementation (no Paper dependency)
+ * - Universal keyboard handling (no platform-specific code)
+ * - ScrollView with automatic content padding
+ * - Safe area insets for bottom tab navigation overlap
+ * - Responsive max width for large screens (tablets)
+ * - Consistent vertical spacing between form elements
+ * - Theme-aware surface colors
+ * - Optimized performance with memoized styles
+ *
+ * Usage:
+ * ```tsx
+ * <FormContainer>
+ *   <AtomicInput label="Name" value={name} onChangeText={setName} />
+ *   <AtomicTextArea label="Description" value={desc} onChangeText={setDesc} />
+ *   <AtomicButton variant="primary" onPress={handleSubmit}>
+ *     Submit
+ *   </AtomicButton>
+ * </FormContainer>
+ * ```
+ *
+ * Why This Component:
+ * - Prevents keyboard from covering input fields (universal solution)
+ * - Handles safe area (notch, bottom tabs) automatically
+ * - Consistent form layout across all 100+ generated apps
+ * - Responsive design for tablets (max 700px) and phones (full width)
+ * - Automatic vertical spacing between form elements (no manual marginBottom)
+ * - Reduces boilerplate in form screens
+ * - Universal code - no platform checks, works on iOS, Android, Web
+ *
+ * Technical Details:
+ * - Uses ScrollView with contentContainerStyle for keyboard handling
+ * - Pure React Native View for surface (lightweight)
+ * - Vertical spacing via Children.map() wrapping (universal compatibility)
+ * - Safe area insets from react-native-safe-area-context
+ * - Responsive values from useResponsive hook
+ *
+ * @module FormContainer
+ */
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+/**
+ * Props for FormContainer component
+ */
+export interface FormContainerProps {
+    /** Form content (inputs, buttons, etc.) */
+    children: React.ReactNode;
+    /** Container style override (for outer View) */
+    containerStyle?: StyleProp<ViewStyle>;
+    /** Content container style override (for ScrollView content) */
+    contentContainerStyle?: StyleProp<ViewStyle>;
+    /** Show vertical scroll indicator */
+    showsVerticalScrollIndicator?: boolean;
+    /** Optional test ID for E2E testing */
+    testID?: string;
+    /** Show surface border (default: true) */
+    showBorder?: boolean;
+}
+/**
+ * FormContainer - Universal form wrapper component
+ *
+ * Wraps forms with:
+ * - Pure React Native surface
+ * - Universal keyboard handling (no platform checks)
+ * - ScrollView for content overflow
+ * - Safe area insets (bottom tabs, notch)
+ * - Responsive max width (tablets)
+ * - Theme integration
+ */
+export declare const FormContainer: React.FC<FormContainerProps>;
+//# sourceMappingURL=FormContainer.d.ts.map

package/lib/presentation/organisms/FormContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormContainer.d.ts","sourceRoot":"","sources":["../../../src/presentation/organisms/FormContainer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AAEH,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAIL,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAKtB;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,2CAA2C;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gDAAgD;IAChD,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,gEAAgE;IAChE,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7C,qCAAqC;IACrC,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6FtD,CAAC"}

package/lib/presentation/organisms/FormContainer.js

@@ -0,0 +1,127 @@
+/**
+ * FormContainer Component
+ *
+ * A reusable container for forms with proper keyboard handling and responsive layout.
+ *
+ * Features:
+ * - Pure React Native implementation (no Paper dependency)
+ * - Universal keyboard handling (no platform-specific code)
+ * - ScrollView with automatic content padding
+ * - Safe area insets for bottom tab navigation overlap
+ * - Responsive max width for large screens (tablets)
+ * - Consistent vertical spacing between form elements
+ * - Theme-aware surface colors
+ * - Optimized performance with memoized styles
+ *
+ * Usage:
+ * ```tsx
+ * <FormContainer>
+ *   <AtomicInput label="Name" value={name} onChangeText={setName} />
+ *   <AtomicTextArea label="Description" value={desc} onChangeText={setDesc} />
+ *   <AtomicButton variant="primary" onPress={handleSubmit}>
+ *     Submit
+ *   </AtomicButton>
+ * </FormContainer>
+ * ```
+ *
+ * Why This Component:
+ * - Prevents keyboard from covering input fields (universal solution)
+ * - Handles safe area (notch, bottom tabs) automatically
+ * - Consistent form layout across all 100+ generated apps
+ * - Responsive design for tablets (max 700px) and phones (full width)
+ * - Automatic vertical spacing between form elements (no manual marginBottom)
+ * - Reduces boilerplate in form screens
+ * - Universal code - no platform checks, works on iOS, Android, Web
+ *
+ * Technical Details:
+ * - Uses ScrollView with contentContainerStyle for keyboard handling
+ * - Pure React Native View for surface (lightweight)
+ * - Vertical spacing via Children.map() wrapping (universal compatibility)
+ * - Safe area insets from react-native-safe-area-context
+ * - Responsive values from useResponsive hook
+ *
+ * @module FormContainer
+ */
+import React, { useMemo, Children } from 'react';
+import { ScrollView, StyleSheet, View, } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
+import { useResponsive } from '../hooks/useResponsive';
+/**
+ * FormContainer - Universal form wrapper component
+ *
+ * Wraps forms with:
+ * - Pure React Native surface
+ * - Universal keyboard handling (no platform checks)
+ * - ScrollView for content overflow
+ * - Safe area insets (bottom tabs, notch)
+ * - Responsive max width (tablets)
+ * - Theme integration
+ */
+export const FormContainer = ({ children, containerStyle, contentContainerStyle, showsVerticalScrollIndicator = false, testID, showBorder = true, }) => {
+    const tokens = useAppDesignTokens();
+    const insets = useSafeAreaInsets();
+    const { formContentWidth, formBottomPadding, formElementSpacing } = useResponsive();
+    // Memoize styles to prevent recreation on every render
+    // Only recreate when theme colors or responsive values change
+    const styles = useMemo(() => StyleSheet.create({
+        container: {
+            flex: 1,
+            backgroundColor: tokens.colors.backgroundPrimary,
+        },
+        surface: {
+            flex: 1,
+            backgroundColor: tokens.colors.surface,
+            borderWidth: showBorder ? 1 : 0,
+            borderColor: tokens.colors.border,
+            borderRadius: tokens.borders.radius.md,
+        },
+        scrollView: {
+            flex: 1,
+        },
+        contentContainer: {
+            flexGrow: 1,
+            padding: tokens.spacing.lg,
+            paddingTop: tokens.spacing.xl,
+            // Bottom padding: base + safe area insets for tab bar
+            paddingBottom: formBottomPadding + insets.bottom,
+            // Responsive max width (undefined for phones, 700px for tablets)
+            maxWidth: formContentWidth,
+            alignSelf: 'center',
+            width: '100%',
+        },
+        // Wrapper for each form element to add vertical spacing
+        // This is the universal replacement for CSS gap property
+        formElementWrapper: {
+            marginBottom: formElementSpacing,
+        },
+    }), [
+        tokens.colors.backgroundPrimary,
+        tokens.colors.surface,
+        tokens.colors.border,
+        tokens.borders.radius.md,
+        tokens.spacing.lg,
+        tokens.spacing.xl,
+        formBottomPadding,
+        formContentWidth,
+        formElementSpacing,
+        insets.bottom,
+        showBorder,
+    ]);
+    // Wrap each child with spacing View (universal gap replacement)
+    // Children.map() handles arrays, fragments, single elements correctly
+    const childrenWithSpacing = useMemo(() => {
+        const childArray = Children.toArray(children);
+        return childArray.map((child, index) => (<View key={index} style={index < childArray.length - 1 ? styles.formElementWrapper : undefined}>
+        {child}
+      </View>));
+    }, [children, styles.formElementWrapper]);
+    return (<View style={[styles.container, containerStyle]} testID={testID}>
+      <View style={styles.surface}>
+        <ScrollView style={styles.scrollView} contentContainerStyle={[styles.contentContainer, contentContainerStyle]} keyboardShouldPersistTaps="handled" keyboardDismissMode="on-drag" showsVerticalScrollIndicator={showsVerticalScrollIndicator} testID={testID ? `${testID}-scroll` : undefined}>
+          {childrenWithSpacing}
+        </ScrollView>
+      </View>
+    </View>);
+};
+//# sourceMappingURL=FormContainer.js.map

package/lib/presentation/organisms/FormContainer.js.map

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

package/lib/presentation/organisms/ScreenLayout.d.ts

@@ -0,0 +1,99 @@
+/**
+ * ScreenLayout - Universal Screen Container Component
+ *
+ * Provides consistent layout structure for all screens:
+ * - SafeAreaView with configurable edges
+ * - Optional ScrollView for content
+ * - Loading state support
+ * - Theme-aware background colors
+ * - Optional header/footer slots
+ * - Consistent spacing and padding
+ *
+ * Usage:
+ * <ScreenLayout>
+ *   <View>Your content here</View>
+ * </ScreenLayout>
+ *
+ * Advanced:
+ * <ScreenLayout
+ *   scrollable={false}
+ *   loading={isLoading}
+ *   edges={['top', 'bottom']}
+ *   header={<CustomHeader />}
+ * >
+ *   <View>Content</View>
+ * </ScreenLayout>
+ */
+import React from 'react';
+import { ViewStyle } from 'react-native';
+import { Edge } from 'react-native-safe-area-context';
+export interface ScreenLayoutProps {
+    /**
+     * Content to render inside the layout
+     */
+    children: React.ReactNode;
+    /**
+     * Enable scrolling (default: true)
+     * Set to false for screens with custom scroll logic
+     */
+    scrollable?: boolean;
+    /**
+     * Safe area edges to apply (default: ['top'])
+     * Common values:
+     * - ['top'] - For screens with bottom tabs
+     * - ['top', 'bottom'] - For modal screens
+     * - [] - No safe area (use cautiously)
+     */
+    edges?: Edge[];
+    /**
+     * Show loading state
+     * When true, displays LoadingState component
+     */
+    loading?: boolean;
+    /**
+     * Loading icon name (default: 'settings')
+     */
+    loadingIcon?: string;
+    /**
+     * Loading message (default: 'Loading...')
+     */
+    loadingMessage?: string;
+    /**
+     * Optional header component
+     * Rendered above scrollable content
+     */
+    header?: React.ReactNode;
+    /**
+     * Optional footer component
+     * Rendered below scrollable content
+     */
+    footer?: React.ReactNode;
+    /**
+     * Override background color
+     * If not provided, uses theme's backgroundPrimary
+     */
+    backgroundColor?: string;
+    /**
+     * Custom container style
+     */
+    containerStyle?: ViewStyle;
+    /**
+     * Custom content container style (for ScrollView)
+     */
+    contentContainerStyle?: ViewStyle;
+    /**
+     * Test ID for automation
+     */
+    testID?: string;
+    /**
+     * Hide vertical scroll indicator (default: false)
+     */
+    hideScrollIndicator?: boolean;
+    /**
+     * Enable keyboard avoiding behavior (default: false)
+     * Useful for screens with inputs
+     */
+    keyboardAvoiding?: boolean;
+}
+export declare const ScreenLayout: React.FC<ScreenLayoutProps>;
+//# sourceMappingURL=ScreenLayout.d.ts.map

package/lib/presentation/organisms/ScreenLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenLayout.d.ts","sourceRoot":"","sources":["../../../src/presentation/organisms/ScreenLayout.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAgC,SAAS,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,EAAgB,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAIpE,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IAEf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAE3B;;OAEG;IACH,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAElC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAE5B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4EpD,CAAC"}

package/lib/presentation/organisms/ScreenLayout.js

@@ -0,0 +1,78 @@
+/**
+ * ScreenLayout - Universal Screen Container Component
+ *
+ * Provides consistent layout structure for all screens:
+ * - SafeAreaView with configurable edges
+ * - Optional ScrollView for content
+ * - Loading state support
+ * - Theme-aware background colors
+ * - Optional header/footer slots
+ * - Consistent spacing and padding
+ *
+ * Usage:
+ * <ScreenLayout>
+ *   <View>Your content here</View>
+ * </ScreenLayout>
+ *
+ * Advanced:
+ * <ScreenLayout
+ *   scrollable={false}
+ *   loading={isLoading}
+ *   edges={['top', 'bottom']}
+ *   header={<CustomHeader />}
+ * >
+ *   <View>Content</View>
+ * </ScreenLayout>
+ */
+import React, { useMemo } from 'react';
+import { View, ScrollView, StyleSheet } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
+import { LoadingState } from '../loading/presentation/components/LoadingState';
+export const ScreenLayout = ({ children, scrollable = true, edges = ['top'], loading = false, loadingIcon = 'settings', loadingMessage = 'Loading...', header, footer, backgroundColor, containerStyle, contentContainerStyle, testID, hideScrollIndicator = false, keyboardAvoiding = false, }) => {
+    // Automatically uses current theme from global store
+    const tokens = useAppDesignTokens();
+    const styles = useMemo(() => getStyles(tokens), [tokens]);
+    const bgColor = backgroundColor || tokens.colors.backgroundPrimary;
+    // Show loading state
+    if (loading) {
+        return (<SafeAreaView style={[styles.container, { backgroundColor: bgColor }, containerStyle]} edges={edges} testID={testID}>
+        <LoadingState icon={loadingIcon} message={loadingMessage} size="large" fullScreen/>
+      </SafeAreaView>);
+    }
+    // Non-scrollable layout
+    if (!scrollable) {
+        return (<SafeAreaView style={[styles.container, { backgroundColor: bgColor }, containerStyle]} edges={edges} testID={testID}>
+        {header}
+        <View style={[styles.content, contentContainerStyle]}>
+          {children}
+        </View>
+        {footer}
+      </SafeAreaView>);
+    }
+    // Scrollable layout (default)
+    return (<SafeAreaView style={[styles.container, { backgroundColor: bgColor }, containerStyle]} edges={edges} testID={testID}>
+      {header}
+      <ScrollView style={styles.scrollView} contentContainerStyle={[styles.scrollContent, contentContainerStyle]} showsVerticalScrollIndicator={!hideScrollIndicator} keyboardShouldPersistTaps={keyboardAvoiding ? 'handled' : 'never'}>
+        {children}
+      </ScrollView>
+      {footer}
+    </SafeAreaView>);
+};
+const getStyles = (tokens) => StyleSheet.create({
+    container: {
+        flex: 1,
+    },
+    content: {
+        flex: 1,
+    },
+    scrollView: {
+        flex: 1,
+    },
+    scrollContent: {
+        flexGrow: 1,
+        paddingHorizontal: tokens.spacing.md,
+        paddingBottom: tokens.spacing.lg,
+    },
+});
+//# sourceMappingURL=ScreenLayout.js.map

package/lib/presentation/organisms/ScreenLayout.js.map

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