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

package/lib/presentation/atoms/AtomicAvatarGroup.js

@@ -0,0 +1,83 @@
+/**
+ * AtomicAvatarGroup - Universal Avatar Group Component
+ *
+ * Displays multiple avatars in a group with overlap and overflow handling
+ * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
+ *
+ * Atomic Design Level: ATOM
+ * Purpose: Multiple avatar display with group behavior
+ *
+ * Usage:
+ * - Team member avatars
+ * - Group chat participants
+ * - Project collaborators
+ * - Event attendees
+ * - Social connections
+ */
+import React from 'react';
+import { View } from 'react-native';
+import { AtomicAvatar } from './AtomicAvatar';
+import { AtomicText } from './AtomicText';
+import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
+// =============================================================================
+// COMPONENT IMPLEMENTATION
+// =============================================================================
+export const AtomicAvatarGroup = ({ avatars, maxVisible = 3, size = 'md', customSize, spacing = -8, showOverflow = true, overflowBackgroundColor, overflowTextColor, borderWidth = 2, borderColor, style, testID, }) => {
+    const tokens = useAppDesignTokens();
+    // Calculate visible avatars and overflow count
+    const visibleAvatars = avatars.slice(0, maxVisible);
+    const overflowCount = avatars.length - maxVisible;
+    // Size mapping for overflow text
+    const sizeMap = {
+        xs: 10,
+        sm: 12,
+        md: 14,
+        lg: 16,
+        xl: 18,
+        xxl: 20,
+    };
+    const textSize = sizeMap[size];
+    // Default colors for overflow
+    const defaultOverflowBackground = overflowBackgroundColor || tokens.colors.surfaceVariant;
+    const defaultOverflowText = overflowTextColor || tokens.colors.textPrimary;
+    const containerStyle = {
+        flexDirection: 'row',
+        alignItems: 'center',
+    };
+    const avatarStyle = {
+        marginLeft: spacing,
+        borderWidth,
+        borderColor: borderColor || tokens.colors.surface,
+    };
+    return (<View style={[containerStyle, style]} testID={testID}>
+      {visibleAvatars.map((avatar, index) => (<AtomicAvatar key={avatar.id} source={avatar.source} name={avatar.name} size={size} customSize={customSize} backgroundColor={avatar.backgroundColor} textColor={avatar.textColor} borderWidth={borderWidth} borderColor={borderColor} style={[
+                avatarStyle,
+                ...(index === 0 ? [{ marginLeft: 0 }] : []), // First avatar has no left margin
+            ]}/>))}
+      {showOverflow && overflowCount > 0 && (<View style={[
+                {
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    width: customSize || 40,
+                    height: customSize || 40,
+                    borderRadius: (customSize || 40) / 2,
+                    backgroundColor: defaultOverflowBackground,
+                    borderWidth,
+                    borderColor: borderColor || tokens.colors.surface,
+                    marginLeft: spacing,
+                },
+            ]}>
+          <AtomicText type="labelMedium" color={defaultOverflowText} style={{
+                fontWeight: tokens.typography.semibold,
+                fontSize: textSize,
+            }}>
+            +{overflowCount}
+          </AtomicText>
+        </View>)}
+    </View>);
+};
+// =============================================================================
+// EXPORTS
+// =============================================================================
+export default AtomicAvatarGroup;
+//# sourceMappingURL=AtomicAvatarGroup.js.map

package/lib/presentation/atoms/AtomicAvatarGroup.js.map

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

package/lib/presentation/atoms/AtomicBadge.d.ts

@@ -0,0 +1,42 @@
+/**
+ * AtomicBadge - Universal Badge Component
+ *
+ * Provides consistent badge/notification count display
+ * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
+ *
+ * Atomic Design Level: ATOM
+ * Purpose: Display counts, notifications, status indicators
+ *
+ * Usage:
+ * - Notification counts
+ * - Cart item counts
+ * - Status indicators
+ * - Achievement badges
+ */
+import React from 'react';
+import { StyleProp, ViewStyle, TextStyle } from 'react-native';
+export interface AtomicBadgeProps {
+    /** Badge content (number, text, or custom element) */
+    children: React.ReactNode;
+    /** Size variant */
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    /** Color variant */
+    variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
+    /** Shape variant */
+    shape?: 'circle' | 'rounded' | 'square';
+    /** Maximum value to display (e.g., 99+) */
+    max?: number;
+    /** Show badge even when count is 0 */
+    showZero?: boolean;
+    /** Container style override */
+    style?: StyleProp<ViewStyle>;
+    /** Text style override */
+    textStyle?: StyleProp<TextStyle>;
+    /** Minimum width */
+    minWidth?: number;
+    /** Maximum width */
+    maxWidth?: number;
+}
+export declare const AtomicBadge: React.FC<AtomicBadgeProps>;
+export default AtomicBadge;
+//# sourceMappingURL=AtomicBadge.d.ts.map

package/lib/presentation/atoms/AtomicBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomicBadge.d.ts","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicBadge.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AASjF,MAAM,WAAW,gBAAgB;IAC/B,sDAAsD;IACtD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAC7E,oBAAoB;IACpB,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxC,2CAA2C;IAC3C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,0BAA0B;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,oBAAoB;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAqCD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoElD,CAAC;AA+EF,eAAe,WAAW,CAAC"}

package/lib/presentation/atoms/AtomicBadge.js

@@ -0,0 +1,168 @@
+/**
+ * AtomicBadge - Universal Badge Component
+ *
+ * Provides consistent badge/notification count display
+ * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
+ *
+ * Atomic Design Level: ATOM
+ * Purpose: Display counts, notifications, status indicators
+ *
+ * Usage:
+ * - Notification counts
+ * - Cart item counts
+ * - Status indicators
+ * - Achievement badges
+ */
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { AtomicText } from './AtomicText';
+import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
+// =============================================================================
+// SIZE CONFIGURATION
+// =============================================================================
+const getSizeConfig = (tokens) => ({
+    xs: {
+        minHeight: tokens.spacing.sm,
+        paddingHorizontal: tokens.spacing.xs,
+        fontSize: tokens.typography.labelSmall.fontSize,
+        borderRadius: tokens.borders.radius.sm,
+    },
+    sm: {
+        minHeight: tokens.spacing.md,
+        paddingHorizontal: tokens.spacing.sm,
+        fontSize: tokens.typography.bodySmall.fontSize,
+        borderRadius: tokens.borders.radius.md,
+    },
+    md: {
+        minHeight: tokens.spacing.lg,
+        paddingHorizontal: tokens.spacing.sm,
+        fontSize: tokens.typography.bodyMedium.fontSize,
+        borderRadius: tokens.borders.radius.md,
+    },
+    lg: {
+        minHeight: tokens.spacing.xl,
+        paddingHorizontal: tokens.spacing.md,
+        fontSize: tokens.typography.bodyLarge.fontSize,
+        borderRadius: tokens.borders.radius.lg,
+    },
+});
+// =============================================================================
+// COMPONENT IMPLEMENTATION
+// =============================================================================
+export const AtomicBadge = ({ children, size = 'md', variant = 'primary', shape = 'circle', max, showZero = false, style, textStyle, minWidth, maxWidth, }) => {
+    const tokens = useAppDesignTokens();
+    const styles = getStyles(tokens);
+    const sizeConfig = getSizeConfig(tokens)[size];
+    const colors = getVariantColors(tokens, variant);
+    const borderRadius = getBorderRadius(shape, sizeConfig.borderRadius, tokens);
+    // Handle max value display
+    const displayValue = React.useMemo(() => {
+        if (typeof children === 'number') {
+            if (max && children > max) {
+                return `${max}+`;
+            }
+            return children.toString();
+        }
+        return children;
+    }, [children, max]);
+    // Don't render if count is 0 and showZero is false
+    if (typeof children === 'number' && children === 0 && !showZero) {
+        return null;
+    }
+    const containerStyle = [
+        styles.container,
+        {
+            minHeight: sizeConfig.minHeight,
+            paddingHorizontal: sizeConfig.paddingHorizontal,
+            borderRadius,
+            backgroundColor: colors.background,
+            minWidth: minWidth || sizeConfig.minHeight,
+            maxWidth,
+        },
+        style,
+    ];
+    const textStyleFinal = StyleSheet.flatten([
+        styles.text,
+        {
+            fontSize: sizeConfig.fontSize,
+        },
+        textStyle,
+    ]);
+    return (<View style={containerStyle}>
+      <AtomicText type="bodySmall" color={colors.text} style={textStyleFinal} numberOfLines={1}>
+        {displayValue}
+      </AtomicText>
+    </View>);
+};
+// =============================================================================
+// HELPER FUNCTIONS
+// =============================================================================
+const getVariantColors = (tokens, variant) => {
+    switch (variant) {
+        case 'primary':
+            return {
+                background: tokens.colors.primary,
+                text: tokens.colors.textInverse,
+            };
+        case 'secondary':
+            return {
+                background: tokens.colors.secondary,
+                text: tokens.colors.textInverse,
+            };
+        case 'success':
+            return {
+                background: tokens.colors.success,
+                text: tokens.colors.textInverse,
+            };
+        case 'warning':
+            return {
+                background: tokens.colors.warning,
+                text: tokens.colors.textInverse,
+            };
+        case 'error':
+            return {
+                background: tokens.colors.error,
+                text: tokens.colors.textInverse,
+            };
+        case 'info':
+            return {
+                background: tokens.colors.info,
+                text: tokens.colors.textInverse,
+            };
+        default:
+            return {
+                background: tokens.colors.primary,
+                text: tokens.colors.textInverse,
+            };
+    }
+};
+const getBorderRadius = (shape, defaultRadius, tokens) => {
+    switch (shape) {
+        case 'circle':
+            return tokens.borders.radius.full; // Very large radius for circle
+        case 'square':
+            return tokens.borders.radius.sm;
+        case 'rounded':
+        default:
+            return defaultRadius;
+    }
+};
+// =============================================================================
+// STYLES
+// =============================================================================
+const getStyles = (tokens) => StyleSheet.create({
+    container: {
+        justifyContent: 'center',
+        alignItems: 'center',
+        alignSelf: 'flex-start',
+    },
+    text: {
+        fontWeight: tokens.typography.semibold,
+        textAlign: 'center',
+    },
+});
+// =============================================================================
+// EXPORTS
+// =============================================================================
+export default AtomicBadge;
+//# sourceMappingURL=AtomicBadge.js.map

package/lib/presentation/atoms/AtomicBadge.js.map

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

package/lib/presentation/atoms/AtomicButton.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { StyleProp, ViewStyle, TextStyle } from 'react-native';
+import type { IconName } from '../../domains/icons/domain/interfaces/IIconAdapter';
+export type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'text' | 'danger';
+export type ButtonSize = 'sm' | 'md' | 'lg';
+export interface AtomicButtonProps {
+    title?: string;
+    children?: React.ReactNode;
+    onPress: () => void;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    disabled?: boolean;
+    loading?: boolean;
+    icon?: IconName;
+    fullWidth?: boolean;
+    style?: StyleProp<ViewStyle>;
+    textStyle?: StyleProp<TextStyle>;
+    testID?: string;
+}
+export declare const AtomicButton: React.FC<AtomicButtonProps>;
+export type { AtomicButtonProps as ButtonProps };
+//# sourceMappingURL=AtomicButton.d.ts.map

package/lib/presentation/atoms/AtomicButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomicButton.d.ts","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,SAAS,EAAE,SAAS,EAAE,SAAS,EAA6C,MAAM,cAAc,CAAC;AAKtH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oDAAoD,CAAC;AAEnF,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AACpF,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAID,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqNpD,CAAC;AA8BF,YAAY,EAAE,iBAAiB,IAAI,WAAW,EAAE,CAAC"}

package/lib/presentation/atoms/AtomicButton.js

@@ -0,0 +1,193 @@
+import React from 'react';
+import { StyleSheet, TouchableOpacity, ActivityIndicator, View } from 'react-native';
+import Animated, { useSharedValue, useAnimatedStyle, withSpring } from 'react-native-reanimated';
+import { AtomicText } from './AtomicText';
+import { Icon } from '../../domains/icons/presentation/components/Icon';
+import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
+const AnimatedTouchable = Animated.createAnimatedComponent(TouchableOpacity);
+export const AtomicButton = ({ title, children, onPress, variant = 'primary', size = 'md', disabled = false, loading = false, icon, fullWidth = false, style, textStyle, testID, }) => {
+    const tokens = useAppDesignTokens();
+    // Animation
+    const scale = useSharedValue(1);
+    const animatedStyle = useAnimatedStyle(() => ({
+        transform: [{ scale: scale.value }],
+    }));
+    const handlePressIn = () => {
+        if (!disabled && !loading) {
+            scale.value = withSpring(0.95, {
+                damping: 15,
+                stiffness: 150,
+            });
+        }
+    };
+    const handlePressOut = () => {
+        scale.value = withSpring(1);
+    };
+    const handlePress = () => {
+        if (!disabled && !loading) {
+            onPress();
+        }
+    };
+    // Size configurations
+    const sizeConfig = {
+        sm: {
+            paddingVertical: tokens.spacing.xs,
+            paddingHorizontal: tokens.spacing.sm,
+            fontSize: tokens.typography.bodySmall.fontSize,
+            iconSize: 16,
+            minHeight: 32,
+        },
+        md: {
+            paddingVertical: tokens.spacing.sm,
+            paddingHorizontal: tokens.spacing.md,
+            fontSize: tokens.typography.bodyMedium.fontSize,
+            iconSize: 20,
+            minHeight: 44,
+        },
+        lg: {
+            paddingVertical: tokens.spacing.md,
+            paddingHorizontal: tokens.spacing.lg,
+            fontSize: tokens.typography.bodyLarge.fontSize,
+            iconSize: 24,
+            minHeight: 52,
+        },
+    };
+    const config = sizeConfig[size];
+    // Variant styles
+    const getVariantStyles = () => {
+        const baseStyle = {
+            backgroundColor: tokens.colors.primary,
+            borderWidth: 0,
+        };
+        const baseTextStyle = {
+            color: tokens.colors.textInverse,
+        };
+        switch (variant) {
+            case 'primary':
+                return {
+                    container: {
+                        ...baseStyle,
+                        backgroundColor: tokens.colors.primary,
+                    },
+                    text: {
+                        ...baseTextStyle,
+                        color: tokens.colors.textInverse,
+                    },
+                };
+            case 'secondary':
+                return {
+                    container: {
+                        ...baseStyle,
+                        backgroundColor: tokens.colors.surfaceSecondary,
+                    },
+                    text: {
+                        ...baseTextStyle,
+                        color: tokens.colors.textPrimary,
+                    },
+                };
+            case 'outline':
+                return {
+                    container: {
+                        ...baseStyle,
+                        backgroundColor: 'transparent',
+                        borderWidth: 1,
+                        borderColor: tokens.colors.border,
+                    },
+                    text: {
+                        ...baseTextStyle,
+                        color: tokens.colors.textPrimary,
+                    },
+                };
+            case 'text':
+                return {
+                    container: {
+                        ...baseStyle,
+                        backgroundColor: 'transparent',
+                    },
+                    text: {
+                        ...baseTextStyle,
+                        color: tokens.colors.primary,
+                    },
+                };
+            case 'danger':
+                return {
+                    container: {
+                        ...baseStyle,
+                        backgroundColor: tokens.colors.error,
+                    },
+                    text: {
+                        ...baseTextStyle,
+                        color: tokens.colors.textInverse,
+                    },
+                };
+            default:
+                return {
+                    container: baseStyle,
+                    text: baseTextStyle,
+                };
+        }
+    };
+    const variantStyles = getVariantStyles();
+    const containerStyle = [
+        styles.button,
+        {
+            paddingVertical: config.paddingVertical,
+            paddingHorizontal: config.paddingHorizontal,
+            minHeight: config.minHeight,
+            borderRadius: tokens.borders.radius.md,
+        },
+        variantStyles.container,
+        fullWidth ? styles.fullWidth : undefined,
+        disabled ? styles.disabled : undefined,
+        style,
+    ];
+    const buttonTextStyle = [
+        {
+            fontSize: config.fontSize,
+            fontWeight: '600',
+        },
+        variantStyles.text,
+        disabled ? styles.disabledText : undefined,
+        textStyle,
+    ];
+    const buttonText = title || children;
+    const showIcon = icon && !loading;
+    const iconColor = variantStyles.text.color;
+    return (<AnimatedTouchable style={[animatedStyle, containerStyle]} onPressIn={handlePressIn} onPressOut={handlePressOut} onPress={handlePress} activeOpacity={0.8} disabled={disabled || loading} testID={testID}>
+      <View style={styles.content}>
+        {loading ? (<ActivityIndicator size="small" color={variantStyles.text.color} style={styles.loader}/>) : showIcon ? (<Icon name={icon} customSize={config.iconSize} customColor={typeof iconColor === 'string' ? iconColor : undefined} style={styles.icon}/>) : null}
+
+        <AtomicText style={buttonTextStyle}>
+          {buttonText}
+        </AtomicText>
+      </View>
+    </AnimatedTouchable>);
+};
+const styles = StyleSheet.create({
+    button: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        flexDirection: 'row',
+    },
+    content: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    fullWidth: {
+        width: '100%',
+    },
+    disabled: {
+        opacity: 0.5,
+    },
+    disabledText: {
+        opacity: 0.7,
+    },
+    icon: {
+        marginRight: 8,
+    },
+    loader: {
+        marginRight: 8,
+    },
+});
+//# sourceMappingURL=AtomicButton.js.map

package/lib/presentation/atoms/AtomicButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomicButton.js","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAmC,gBAAgB,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACtH,OAAO,QAAQ,EAAE,EAAE,cAAc,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACjG,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,kDAAkD,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAqBjE,MAAM,iBAAiB,GAAG,QAAQ,CAAC,uBAAuB,CAAC,gBAAgB,CAAC,CAAC;AAE7E,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,IAAI,EACJ,SAAS,GAAG,KAAK,EACjB,KAAK,EACL,SAAS,EACT,MAAM,GACP,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IAEpC,YAAY;IACZ,MAAM,KAAK,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;IAEhC,MAAM,aAAa,GAAG,gBAAgB,CAAC,GAAG,EAAE,CAAC,CAAC;QAC5C,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC;KACpC,CAAC,CAAC,CAAC;IAEJ,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,CAAC,QAAQ,IAAI,CAAC,OAAO,EAAE,CAAC;YAC1B,KAAK,CAAC,KAAK,GAAG,UAAU,CAAC,IAAI,EAAE;gBAC7B,OAAO,EAAE,EAAE;gBACX,SAAS,EAAE,GAAG;aACf,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,KAAK,CAAC,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,QAAQ,IAAI,CAAC,OAAO,EAAE,CAAC;YAC1B,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC,CAAC;IAEF,sBAAsB;IACtB,MAAM,UAAU,GAAG;QACjB,EAAE,EAAE;YACF,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;YAClC,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;YACpC,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ;YAC9C,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,EAAE;SACd;QACD,EAAE,EAAE;YACF,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;YAClC,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;YACpC,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ;YAC/C,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,EAAE;SACd;QACD,EAAE,EAAE;YACF,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;YAClC,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;YACpC,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ;YAC9C,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,EAAE;SACd;KACF,CAAC;IAEF,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IAEhC,iBAAiB;IACjB,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,MAAM,SAAS,GAAc;YAC3B,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO;YACtC,WAAW,EAAE,CAAC;SACf,CAAC;QAEF,MAAM,aAAa,GAAc;YAC/B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW;SACjC,CAAC;QAEF,QAAQ,OAAO,EAAE,CAAC;YAChB,KAAK,SAAS;gBACZ,OAAO;oBACL,SAAS,EAAE;wBACT,GAAG,SAAS;wBACZ,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO;qBACvC;oBACD,IAAI,EAAE;wBACJ,GAAG,aAAa;wBAChB,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW;qBACjC;iBACF,CAAC;YAEJ,KAAK,WAAW;gBACd,OAAO;oBACL,SAAS,EAAE;wBACT,GAAG,SAAS;wBACZ,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,gBAAgB;qBAChD;oBACD,IAAI,EAAE;wBACJ,GAAG,aAAa;wBAChB,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW;qBACjC;iBACF,CAAC;YAEJ,KAAK,SAAS;gBACZ,OAAO;oBACL,SAAS,EAAE;wBACT,GAAG,SAAS;wBACZ,eAAe,EAAE,aAAa;wBAC9B,WAAW,EAAE,CAAC;wBACd,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM;qBAClC;oBACD,IAAI,EAAE;wBACJ,GAAG,aAAa;wBAChB,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW;qBACjC;iBACF,CAAC;YAEJ,KAAK,MAAM;gBACT,OAAO;oBACL,SAAS,EAAE;wBACT,GAAG,SAAS;wBACZ,eAAe,EAAE,aAAa;qBAC/B;oBACD,IAAI,EAAE;wBACJ,GAAG,aAAa;wBAChB,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO;qBAC7B;iBACF,CAAC;YAEJ,KAAK,QAAQ;gBACX,OAAO;oBACL,SAAS,EAAE;wBACT,GAAG,SAAS;wBACZ,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK;qBACrC;oBACD,IAAI,EAAE;wBACJ,GAAG,aAAa;wBAChB,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW;qBACjC;iBACF,CAAC;YAEJ;gBACE,OAAO;oBACL,SAAS,EAAE,SAAS;oBACpB,IAAI,EAAE,aAAa;iBACpB,CAAC;QACN,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IAEzC,MAAM,cAAc,GAAyB;QAC3C,MAAM,CAAC,MAAM;QACb;YACE,eAAe,EAAE,MAAM,CAAC,eAAe;YACvC,iBAAiB,EAAE,MAAM,CAAC,iBAAiB;YAC3C,SAAS,EAAE,MAAM,CAAC,SAAS;YAC3B,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;SACvC;QACD,aAAa,CAAC,SAAS;QACvB,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QACxC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;QACtC,KAAK;KACN,CAAC;IAEF,MAAM,eAAe,GAAyB;QAC5C;YACE,QAAQ,EAAE,MAAM,CAAC,QAAQ;YACzB,UAAU,EAAE,KAAK;SAClB;QACD,aAAa,CAAC,IAAI;QAClB,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS;QAC1C,SAAS;KACV,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,IAAI,QAAQ,CAAC;IACrC,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC;IAClC,MAAM,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;IAE3C,OAAO,CACL,CAAC,iBAAiB,CAChB,KAAK,CAAC,CAAC,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC,CACvC,SAAS,CAAC,CAAC,aAAa,CAAC,CACzB,UAAU,CAAC,CAAC,cAAc,CAAC,CAC3B,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,aAAa,CAAC,CAAC,GAAG,CAAC,CACnB,QAAQ,CAAC,CAAC,QAAQ,IAAI,OAAO,CAAC,CAC9B,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAC1B;QAAA,CAAC,OAAO,CAAC,CAAC,CAAC,CACT,CAAC,iBAAiB,CAChB,IAAI,CAAC,OAAO,CACZ,KAAK,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAChC,KAAK,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EACrB,CACH,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CACb,CAAC,IAAI,CACH,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,UAAU,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAC5B,WAAW,CAAC,CAAC,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CACnE,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EACnB,CACH,CAAC,CAAC,CAAC,IAAI,CAER;;QAAA,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,CACjC;UAAA,CAAC,UAAU,CACb;QAAA,EAAE,UAAU,CACd;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,iBAAiB,CAAC,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,MAAM,EAAE;QACN,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,aAAa,EAAE,KAAK;KACrB;IACD,OAAO,EAAE;QACP,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;KACd;IACD,QAAQ,EAAE;QACR,OAAO,EAAE,GAAG;KACb;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,GAAG;KACb;IACD,IAAI,EAAE;QACJ,WAAW,EAAE,CAAC;KACf;IACD,MAAM,EAAE;QACN,WAAW,EAAE,CAAC;KACf;CACF,CAAC,CAAC"}

package/lib/presentation/atoms/AtomicCard.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+export type AtomicCardVariant = 'flat' | 'elevated' | 'outlined';
+export type AtomicCardPadding = 'none' | 'sm' | 'md' | 'lg' | 'xl';
+export interface AtomicCardProps {
+    variant?: AtomicCardVariant;
+    padding?: AtomicCardPadding;
+    onPress?: () => void;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+    children?: React.ReactNode;
+    testID?: string;
+}
+export declare const AtomicCard: React.FC<AtomicCardProps>;
+//# sourceMappingURL=AtomicCard.d.ts.map

package/lib/presentation/atoms/AtomicCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomicCard.d.ts","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAK1D,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,CAAC;AACjE,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnE,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAID,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAiHhD,CAAC"}

package/lib/presentation/atoms/AtomicCard.js

@@ -0,0 +1,89 @@
+import React from 'react';
+import { View } from 'react-native';
+import Animated, { useSharedValue, useAnimatedStyle, withSpring } from 'react-native-reanimated';
+import { Pressable } from 'react-native';
+import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+export const AtomicCard = ({ variant = 'elevated', padding = 'md', onPress, disabled = false, style, children, testID, }) => {
+    const tokens = useAppDesignTokens();
+    // Animation for tap feedback
+    const scale = useSharedValue(1);
+    const animatedStyle = useAnimatedStyle(() => ({
+        transform: [{ scale: scale.value }],
+    }));
+    const handlePressIn = () => {
+        if (onPress && !disabled) {
+            scale.value = withSpring(0.98, {
+                damping: 15,
+                stiffness: 150,
+            });
+        }
+    };
+    const handlePressOut = () => {
+        scale.value = withSpring(1);
+    };
+    const handlePress = () => {
+        if (onPress && !disabled) {
+            onPress();
+        }
+    };
+    // Map padding to token values
+    const getPaddingValue = () => {
+        const paddingMap = {
+            none: 0,
+            sm: tokens.spacing.sm,
+            md: tokens.spacing.md,
+            lg: tokens.spacing.lg,
+            xl: tokens.spacing.xl,
+        };
+        return paddingMap[padding];
+    };
+    // Get variant styles
+    const getVariantStyle = () => {
+        const baseStyle = {
+            backgroundColor: tokens.colors.surface,
+            borderRadius: tokens.borders.radius.md,
+        };
+        switch (variant) {
+            case 'elevated':
+                return {
+                    ...baseStyle,
+                    borderWidth: 1,
+                    borderColor: tokens.colors.border,
+                };
+            case 'outlined':
+                return {
+                    ...baseStyle,
+                    borderWidth: 1,
+                    borderColor: tokens.colors.border,
+                };
+            case 'flat':
+                return {
+                    ...baseStyle,
+                    borderWidth: 0,
+                };
+            default:
+                return baseStyle;
+        }
+    };
+    const cardStyle = [
+        getVariantStyle(),
+        {
+            padding: getPaddingValue(),
+            opacity: disabled ? 0.5 : 1,
+        },
+        style,
+    ];
+    const cardContent = (<View style={cardStyle} testID={testID}>
+      {children}
+    </View>);
+    // If onPress provided, wrap with animated pressable
+    if (onPress && !disabled) {
+        return (<AnimatedPressable style={animatedStyle} onPressIn={handlePressIn} onPressOut={handlePressOut} onPress={handlePress}>
+        {cardContent}
+      </AnimatedPressable>);
+    }
+    // Otherwise just return static card
+    return cardContent;
+};
+//# sourceMappingURL=AtomicCard.js.map

package/lib/presentation/atoms/AtomicCard.js.map

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