@umituz/react-native-design-system 1.8.0 → 1.8.2

package/lib/presentation/atoms/AtomicDatePicker.js

@@ -1,246 +0,0 @@
-/**
- * AtomicDatePicker Component
- *
- * A reusable date picker component that wraps the native date picker
- * with consistent styling and behavior across platforms.
- *
- * Features:
- * - Platform-specific native pickers (iOS wheel, Android dialog)
- * - Consistent styling with design tokens
- * - Locale-aware date/time formatting (native Date methods)
- * - Timezone-aware (respects device timezone)
- * - Automatic language integration (native locale support)
- * - Optional label and error states
- * - Minimum and maximum date constraints
- * - Disabled state support
- * - Theme-aware styling
- * - Proper keyboard avoidance on iOS
- *
- * Usage:
- * ```tsx
- * const [selectedDate, setSelectedDate] = useState(new Date());
- *
- * <AtomicDatePicker
- *   value={selectedDate}
- *   onChange={setSelectedDate}
- *   label="Birth Date"
- *   minimumDate={new Date(1900, 0, 1)}
- *   maximumDate={new Date()}
- * />
- * ```
- *
- * Platform Behavior:
- * - iOS: Opens modal with spinner wheel, requires "Done" button
- * - Android: Opens native dialog, auto-closes on selection
- *
- * @module AtomicDatePicker
- */
-import React, { useState } from 'react';
-import { View, Text, TouchableOpacity, StyleSheet, Modal, useWindowDimensions, } from 'react-native';
-import DateTimePicker from '@react-native-community/datetimepicker';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { useAppDesignTokens } from '@umituz/react-native-theme';
-import { useResponsive } from '../hooks/useResponsive';
-import { AtomicIcon } from './AtomicIcon';
-/**
- * AtomicDatePicker - Universal date/time picker component
- *
- * Wraps @react-native-community/datetimepicker with:
- * - Theme integration
- * - Platform-specific modal handling
- * - Error states
- * - Disabled states
- * - Responsive sizing
- */
-export const AtomicDatePicker = ({ value, onChange, label, error, disabled = false, minimumDate, maximumDate, mode = 'date', placeholder = 'Select date', testID, }) => {
-    const tokens = useAppDesignTokens();
-    const { height } = useWindowDimensions();
-    const insets = useSafeAreaInsets();
-    const { isTabletDevice } = useResponsive();
-    const [show, setShow] = useState(false);
-    /**
-     * Handle date/time change
-     * Universal handler that works across all platforms
-     * Note: event.type can be 'set', 'dismissed', or 'neutralButtonPressed'
-     */
-    const handleChange = (event, selectedDate) => {
-        // Close picker when user confirms or dismisses
-        // iOS: Stays open until "Done" button (handled separately)
-        // Android/Web: Auto-closes on selection
-        if (event.type === 'set' || event.type === 'dismissed') {
-            setShow(false);
-        }
-        // Update value only if date was selected (not dismissed)
-        if (event.type === 'set' && selectedDate) {
-            onChange(selectedDate);
-        }
-    };
-    /**
-     * Format date based on mode
-     * Uses native Date formatting (locale-aware)
-     */
-    const formatDate = (date) => {
-        if (mode === 'time') {
-            // Format time only
-            return date.toLocaleTimeString([], {
-                hour: '2-digit',
-                minute: '2-digit'
-            });
-        }
-        if (mode === 'datetime') {
-            // Format date + time
-            const dateStr = date.toLocaleDateString([], {
-                year: 'numeric',
-                month: 'short',
-                day: 'numeric',
-            });
-            const timeStr = date.toLocaleTimeString([], {
-                hour: '2-digit',
-                minute: '2-digit'
-            });
-            return `${dateStr} ${timeStr}`;
-        }
-        // Format date only
-        return date.toLocaleDateString([], {
-            year: 'numeric',
-            month: 'long',
-            day: 'numeric',
-        });
-    };
-    /**
-     * Determine icon color based on state
-     */
-    const getIconColor = () => {
-        if (disabled)
-            return 'secondary';
-        if (error)
-            return 'error';
-        return 'primary';
-    };
-    const styles = getStyles(tokens, height, insets);
-    return (<View style={styles.container} testID={testID}>
-      {label && (<Text style={styles.label} testID={testID ? `${testID}-label` : undefined}>
-          {label}
-        </Text>)}
-
-      <TouchableOpacity style={[
-            styles.button,
-            error ? styles.buttonError : undefined,
-            disabled ? styles.buttonDisabled : undefined,
-        ]} onPress={() => !disabled && setShow(true)} disabled={disabled} testID={testID ? `${testID}-button` : undefined} accessibilityLabel={label || placeholder} accessibilityRole="button" accessibilityState={{ disabled }}>
-        <AtomicIcon name="calendar" color={getIconColor()} size="md"/>
-        <Text style={[
-            styles.text,
-            disabled ? styles.textDisabled : undefined,
-            error ? styles.textError : undefined,
-        ]}>
-          {value ? formatDate(value) : placeholder}
-        </Text>
-      </TouchableOpacity>
-
-      {error && (<Text style={styles.errorText} testID={testID ? `${testID}-error` : undefined}>
-          {error}
-        </Text>)}
-
-      {/* Universal DatePicker - Works across iOS, Android, Web */}
-      {show && (<Modal transparent animationType={isTabletDevice ? 'fade' : 'slide'} visible={show} onRequestClose={() => setShow(false)}>
-          <TouchableOpacity style={styles.modalOverlay} activeOpacity={1} onPress={() => setShow(false)} accessibilityLabel="Close date picker" accessibilityRole="button">
-            <View style={styles.pickerContainer} onStartShouldSetResponder={() => true}>
-              <DateTimePicker value={value || new Date()} mode={mode} display="spinner" onChange={handleChange} minimumDate={minimumDate} maximumDate={maximumDate} testID={testID ? `${testID}-picker` : undefined}/>
-              <View style={styles.buttonContainer}>
-                <TouchableOpacity style={styles.doneButton} onPress={() => setShow(false)} testID={testID ? `${testID}-done` : undefined} accessibilityLabel="Done" accessibilityRole="button">
-                  <Text style={styles.doneText}>Done</Text>
-                </TouchableOpacity>
-              </View>
-            </View>
-          </TouchableOpacity>
-        </Modal>)}
-    </View>);
-};
-/**
- * Get component styles based on design tokens
- */
-const getStyles = (tokens, height, insets) => {
-    // Responsive button sizing based on device height
-    const buttonMinWidth = height <= 667 ? Math.min(height * 0.25, 150) : 200;
-    return StyleSheet.create({
-        container: {
-            marginBottom: tokens.spacing.md,
-        },
-        label: {
-            fontSize: tokens.typography.bodyMedium.fontSize,
-            fontWeight: tokens.typography.semibold,
-            color: tokens.colors.textPrimary,
-            marginBottom: tokens.spacing.sm,
-        },
-        button: {
-            flexDirection: 'row',
-            alignItems: 'center',
-            backgroundColor: tokens.colors.surface,
-            borderWidth: 1,
-            borderColor: tokens.colors.border,
-            borderRadius: tokens.borders.radius.lg,
-            paddingHorizontal: tokens.spacing.md,
-            paddingVertical: tokens.spacing.md,
-            gap: tokens.spacing.sm,
-            minHeight: 48, // Apple HIG minimum touch target
-        },
-        buttonError: {
-            borderColor: tokens.colors.error,
-            borderWidth: tokens.borders.width.medium,
-        },
-        buttonDisabled: {
-            backgroundColor: tokens.colors.surfaceDisabled,
-            opacity: tokens.opacity.disabled,
-        },
-        text: {
-            flex: 1,
-            fontSize: tokens.typography.bodyLarge.fontSize,
-            color: tokens.colors.textPrimary,
-        },
-        textDisabled: {
-            color: tokens.colors.textDisabled,
-        },
-        textError: {
-            color: tokens.colors.error,
-        },
-        errorText: {
-            fontSize: tokens.typography.bodySmall.fontSize,
-            color: tokens.colors.error,
-            marginTop: tokens.spacing.xs,
-            marginLeft: tokens.spacing.xs,
-        },
-        modalOverlay: {
-            flex: 1,
-            backgroundColor: 'rgba(0, 0, 0, 0.5)',
-            justifyContent: 'flex-start',
-        },
-        pickerContainer: {
-            backgroundColor: tokens.colors.surface,
-            borderTopLeftRadius: tokens.borders.radius.xl,
-            borderTopRightRadius: tokens.borders.radius.xl,
-            paddingTop: tokens.spacing.lg,
-            paddingBottom: Math.max(insets.bottom + tokens.spacing.md, tokens.spacing.xl),
-        },
-        buttonContainer: {
-            alignItems: 'center',
-            marginTop: tokens.spacing.md,
-            paddingHorizontal: tokens.spacing.lg,
-        },
-        doneButton: {
-            backgroundColor: tokens.colors.primary,
-            paddingHorizontal: tokens.spacing.xl,
-            paddingVertical: tokens.spacing.sm,
-            borderRadius: tokens.borders.radius.lg,
-            minWidth: buttonMinWidth,
-            alignItems: 'center',
-            minHeight: 44, // Apple HIG minimum touch target
-        },
-        doneText: {
-            color: tokens.colors.onPrimary,
-            fontSize: tokens.typography.bodyLarge.fontSize,
-            fontWeight: tokens.typography.semibold,
-        },
-    });
-};
-//# sourceMappingURL=AtomicDatePicker.js.map

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

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

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

@@ -1,45 +0,0 @@
-/**
- * AtomicDivider - Universal Divider Component
- *
- * Displays horizontal or vertical dividers for content separation
- * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
- *
- * Atomic Design Level: ATOM
- * Purpose: Content separation and visual hierarchy
- *
- * Usage:
- * - Section separators
- * - List item dividers
- * - Card separators
- * - Menu dividers
- * - Form field separators
- */
-import React from 'react';
-import { ViewStyle } from 'react-native';
-export interface AtomicDividerProps {
-    /** Divider orientation */
-    orientation?: 'horizontal' | 'vertical';
-    /** Divider thickness */
-    thickness?: 'thin' | 'medium' | 'thick';
-    /** Divider color */
-    color?: string;
-    /** Divider length (for horizontal: width, for vertical: height) */
-    length?: number | string;
-    /** Margin around the divider */
-    margin?: number;
-    /** Margin top */
-    marginTop?: number;
-    /** Margin bottom */
-    marginBottom?: number;
-    /** Margin left */
-    marginLeft?: number;
-    /** Margin right */
-    marginRight?: number;
-    /** Style overrides */
-    style?: ViewStyle;
-    /** Test ID for testing */
-    testID?: string;
-}
-export declare const AtomicDivider: React.FC<AtomicDividerProps>;
-export default AtomicDivider;
-//# sourceMappingURL=AtomicDivider.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AtomicDivider.d.ts","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicDivider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAO3D,MAAM,WAAW,kBAAkB;IACjC,0BAA0B;IAC1B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,gCAAgC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sBAAsB;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAMD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAqDtD,CAAC;AAMF,eAAe,aAAa,CAAC"}

package/lib/presentation/atoms/AtomicDivider.js

@@ -1,58 +0,0 @@
-/**
- * AtomicDivider - Universal Divider Component
- *
- * Displays horizontal or vertical dividers for content separation
- * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
- *
- * Atomic Design Level: ATOM
- * Purpose: Content separation and visual hierarchy
- *
- * Usage:
- * - Section separators
- * - List item dividers
- * - Card separators
- * - Menu dividers
- * - Form field separators
- */
-import React from 'react';
-import { View } from 'react-native';
-import { useAppDesignTokens } from '@umituz/react-native-theme';
-// =============================================================================
-// COMPONENT IMPLEMENTATION
-// =============================================================================
-export const AtomicDivider = ({ orientation = 'horizontal', thickness = 'thin', color, length, margin, marginTop, marginBottom, marginLeft, marginRight, style, testID, }) => {
-    const tokens = useAppDesignTokens();
-    // Thickness mapping
-    const thicknessMap = {
-        thin: 1,
-        medium: 2,
-        thick: 4,
-    };
-    const dividerThickness = thicknessMap[thickness];
-    const dividerColor = color || tokens.colors.border;
-    // Compute final length values with proper type handling
-    const finalLength = length !== undefined ? length : (orientation === 'horizontal' ? '100%' : 20);
-    // Base styles for all dividers
-    const baseStyle = {
-        backgroundColor: dividerColor,
-        margin: margin,
-        marginTop: marginTop,
-        marginBottom: marginBottom,
-        marginLeft: marginLeft,
-        marginRight: marginRight,
-    };
-    // Orientation-specific styles with explicit type casting
-    const orientationStyle = (orientation === 'horizontal' ? {
-        width: finalLength,
-        height: dividerThickness,
-    } : {
-        width: dividerThickness,
-        height: finalLength,
-    });
-    return (<View style={[baseStyle, orientationStyle, style]} testID={testID}/>);
-};
-// =============================================================================
-// EXPORTS
-// =============================================================================
-export default AtomicDivider;
-//# sourceMappingURL=AtomicDivider.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AtomicDivider.js","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicDivider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAyB,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AA+BhE,gFAAgF;AAChF,2BAA2B;AAC3B,gFAAgF;AAEhF,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,WAAW,GAAG,YAAY,EAC1B,SAAS,GAAG,MAAM,EAClB,KAAK,EACL,MAAM,EACN,MAAM,EACN,SAAS,EACT,YAAY,EACZ,UAAU,EACV,WAAW,EACX,KAAK,EACL,MAAM,GACP,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IAEpC,oBAAoB;IACpB,MAAM,YAAY,GAAG;QACnB,IAAI,EAAE,CAAC;QACP,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,CAAC;KACT,CAAC;IAEF,MAAM,gBAAgB,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IACjD,MAAM,YAAY,GAAG,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC;IAEnD,wDAAwD;IACxD,MAAM,WAAW,GAAG,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAEjG,+BAA+B;IAC/B,MAAM,SAAS,GAAc;QAC3B,eAAe,EAAE,YAAY;QAC7B,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,SAAS;QACpB,YAAY,EAAE,YAAY;QAC1B,UAAU,EAAE,UAAU;QACtB,WAAW,EAAE,WAAW;KACzB,CAAC;IAEF,yDAAyD;IACzD,MAAM,gBAAgB,GAAc,CAAC,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC;QAClE,KAAK,EAAE,WAAiC;QACxC,MAAM,EAAE,gBAAgB;KACzB,CAAC,CAAC,CAAC;QACF,KAAK,EAAE,gBAAgB;QACvB,MAAM,EAAE,WAAkC;KAC3C,CAAc,CAAC;IAEhB,OAAO,CACL,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,gBAAgB,EAAE,KAAK,CAAC,CAAC,CAC5C,MAAM,CAAC,CAAC,MAAM,CAAC,EACf,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,gFAAgF;AAChF,UAAU;AACV,gFAAgF;AAEhF,eAAe,aAAa,CAAC"}

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

@@ -1,37 +0,0 @@
-import React from 'react';
-import { AtomicFabProps } from './fab/types';
-import { FAB_SIZES, getFabVariants, getFabIconSize, getFabBorder } from './fab/styles/fabStyles';
-export type { FabSize, FabVariant, FabVariantConfig, FabSizeConfig, AtomicFabProps } from './fab/types';
-export { FAB_SIZES, getFabVariants, getFabIconSize, getFabBorder };
-/**
- * AtomicFab - Floating Action Button Component
- *
- * A Material Design 3 compliant FAB component for primary actions.
- * Follows CLAUDE.md standards for responsive positioning.
- *
- * @example
- * ```tsx
- * // IMPORTANT: FAB must be used at screen level, NOT inside ScrollView
- * <ScreenLayout>
- *   <ScrollView>
- *     {/* Your content *\/}
- *   </ScrollView>
- *   <AtomicFab
- *     icon="add"
- *     onPress={handleAddItem}
- *     variant="primary"
- *     size="md"
- *   />
- * </ScreenLayout>
- * ```
- *
- * Features:
- * - Material Design 3 sizes (sm: 40px, md: 56px, lg: 72px)
- * - Three variants: primary, secondary, surface
- * - Responsive positioning (above tab bar, safe area aware)
- * - Disabled state with opacity
- * - Theme-aware colors from design tokens
- * - Border for depth (no shadows per CLAUDE.md)
- */
-export declare const AtomicFab: React.FC<AtomicFabProps>;
-//# sourceMappingURL=AtomicFab.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AtomicFab.d.ts","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicFab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EACL,SAAS,EACT,cAAc,EACd,cAAc,EACd,YAAY,EACb,MAAM,wBAAwB,CAAC;AAEhC,YAAY,EAAE,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACxG,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,CAAC;AAEnE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmD9C,CAAC"}

package/lib/presentation/atoms/AtomicFab.js

@@ -1,68 +0,0 @@
-import React from 'react';
-import { TouchableOpacity, StyleSheet } from 'react-native';
-import { useAppDesignTokens } from '@umituz/react-native-theme';
-import { useResponsive } from '../hooks/useResponsive';
-import { AtomicIcon } from './AtomicIcon';
-import { FAB_SIZES, getFabVariants, getFabIconSize, getFabBorder, } from './fab/styles/fabStyles';
-export { FAB_SIZES, getFabVariants, getFabIconSize, getFabBorder };
-/**
- * AtomicFab - Floating Action Button Component
- *
- * A Material Design 3 compliant FAB component for primary actions.
- * Follows CLAUDE.md standards for responsive positioning.
- *
- * @example
- * ```tsx
- * // IMPORTANT: FAB must be used at screen level, NOT inside ScrollView
- * <ScreenLayout>
- *   <ScrollView>
- *     {/* Your content *\/}
- *   </ScrollView>
- *   <AtomicFab
- *     icon="add"
- *     onPress={handleAddItem}
- *     variant="primary"
- *     size="md"
- *   />
- * </ScreenLayout>
- * ```
- *
- * Features:
- * - Material Design 3 sizes (sm: 40px, md: 56px, lg: 72px)
- * - Three variants: primary, secondary, surface
- * - Responsive positioning (above tab bar, safe area aware)
- * - Disabled state with opacity
- * - Theme-aware colors from design tokens
- * - Border for depth (no shadows per CLAUDE.md)
- */
-export const AtomicFab = ({ icon, onPress, variant = 'primary', size = 'md', disabled = false, style, testID, accessibilityLabel, }) => {
-    const tokens = useAppDesignTokens();
-    const responsive = useResponsive();
-    const isDisabled = disabled;
-    // Get configurations
-    const sizeConfig = FAB_SIZES[size];
-    const variants = getFabVariants(tokens);
-    const variantConfig = variants[variant];
-    const iconSize = getFabIconSize(size);
-    // Combine styles
-    const fabStyle = StyleSheet.flatten([
-        {
-            position: 'absolute',
-            bottom: responsive.fabPosition.bottom,
-            right: responsive.fabPosition.right,
-            width: sizeConfig.width,
-            height: sizeConfig.height,
-            borderRadius: sizeConfig.borderRadius,
-            backgroundColor: variantConfig.backgroundColor,
-            alignItems: 'center',
-            justifyContent: 'center',
-        },
-        getFabBorder(tokens),
-        isDisabled ? { opacity: tokens.opacity.disabled } : undefined,
-        style, // Custom style override
-    ]);
-    return (<TouchableOpacity style={fabStyle} onPress={onPress} disabled={isDisabled} activeOpacity={0.7} testID={testID} accessibilityLabel={accessibilityLabel || `${icon} button`} accessibilityRole="button">
-      <AtomicIcon name={icon} size={iconSize} customColor={variantConfig.iconColor}/>
-    </TouchableOpacity>);
-};
-//# sourceMappingURL=AtomicFab.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AtomicFab.js","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicFab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EACL,SAAS,EACT,cAAc,EACd,cAAc,EACd,YAAY,GACb,MAAM,wBAAwB,CAAC;AAGhC,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,CAAC;AAEnE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,IAAI,EACJ,OAAO,EACP,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,MAAM,EACN,kBAAkB,GACnB,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,UAAU,GAAG,QAAQ,CAAC;IAE5B,qBAAqB;IACrB,MAAM,UAAU,GAAG,SAAS,CAAC,IAA0B,CAAC,CAAC;IACzD,MAAM,QAAQ,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IACxC,MAAM,aAAa,GAAG,QAAQ,CAAC,OAA8C,CAAC,CAAC;IAC/E,MAAM,QAAQ,GAAG,cAAc,CAAC,IAA0B,CAAC,CAAC;IAE5D,iBAAiB;IACjB,MAAM,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAC;QAClC;YACE,QAAQ,EAAE,UAAmB;YAC7B,MAAM,EAAE,UAAU,CAAC,WAAW,CAAC,MAAM;YACrC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK;YACnC,KAAK,EAAE,UAAU,CAAC,KAAK;YACvB,MAAM,EAAE,UAAU,CAAC,MAAM;YACzB,YAAY,EAAE,UAAU,CAAC,YAAY;YACrC,eAAe,EAAE,aAAa,CAAC,eAAe;YAC9C,UAAU,EAAE,QAAiB;YAC7B,cAAc,EAAE,QAAiB;SAClC;QACD,YAAY,CAAC,MAAM,CAAC;QACpB,UAAU,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS;QAC7D,KAAK,EAAE,wBAAwB;KAChC,CAAC,CAAC;IAEH,OAAO,CACL,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,QAAQ,CAAC,CAChB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,UAAU,CAAC,CACrB,aAAa,CAAC,CAAC,GAAG,CAAC,CACnB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,kBAAkB,CAAC,CAAC,kBAAkB,IAAI,GAAG,IAAI,SAAS,CAAC,CAC3D,iBAAiB,CAAC,QAAQ,CAE1B;MAAA,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,EAC/E;IAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,37 +0,0 @@
-import React from 'react';
-import { AtomicFilterProps } from './filter/types';
-export type { FilterOption, AtomicFilterProps } from './filter/types';
-export { getFilterContainerStyle, getClearAllContainerStyle, getScrollContentContainerStyle, } from './filter/styles/filterStyles';
-/**
- * AtomicFilter - Horizontal Filter Chip Component
- *
- * A Material Design 3 compliant filter component using chip selection.
- * Supports single and multi-select modes with "Clear All" functionality.
- *
- * @example
- * ```tsx
- * const [selectedFilters, setSelectedFilters] = useState<string[]>([]);
- *
- * <AtomicFilter
- *   options={[
- *     { id: 'active', label: 'Active', icon: 'check-circle' },
- *     { id: 'completed', label: 'Completed', icon: 'check' },
- *     { id: 'pending', label: 'Pending', icon: 'clock' },
- *   ]}
- *   selectedIds={selectedFilters}
- *   onSelectionChange={setSelectedFilters}
- *   multiSelect={true}
- *   showClearAll={true}
- * />
- * ```
- *
- * Features:
- * - Horizontal scrollable filter chips
- * - Single/Multi-select modes
- * - Clear all button (when filters active)
- * - Theme-aware colors from design tokens
- * - Icon support per filter option
- * - Fully controlled component
- */
-export declare const AtomicFilter: React.FC<AtomicFilterProps>;
-//# sourceMappingURL=AtomicFilter.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AtomicFilter.d.ts","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,iBAAiB,EAAgB,MAAM,gBAAgB,CAAC;AAOjE,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EACL,uBAAuB,EACvB,yBAAyB,EACzB,8BAA8B,GAC/B,MAAM,8BAA8B,CAAC;AAEtC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsGpD,CAAC"}

package/lib/presentation/atoms/AtomicFilter.js

@@ -1,104 +0,0 @@
-import React from 'react';
-import { ScrollView, View, TouchableOpacity } from 'react-native';
-import { useAppDesignTokens } from '@umituz/react-native-theme';
-import { AtomicChip } from './AtomicChip';
-import { AtomicText } from './AtomicText';
-import { AtomicIcon } from './AtomicIcon';
-import { getFilterContainerStyle, getClearAllContainerStyle, getScrollContentContainerStyle, } from './filter/styles/filterStyles';
-export { getFilterContainerStyle, getClearAllContainerStyle, getScrollContentContainerStyle, } from './filter/styles/filterStyles';
-/**
- * AtomicFilter - Horizontal Filter Chip Component
- *
- * A Material Design 3 compliant filter component using chip selection.
- * Supports single and multi-select modes with "Clear All" functionality.
- *
- * @example
- * ```tsx
- * const [selectedFilters, setSelectedFilters] = useState<string[]>([]);
- *
- * <AtomicFilter
- *   options={[
- *     { id: 'active', label: 'Active', icon: 'check-circle' },
- *     { id: 'completed', label: 'Completed', icon: 'check' },
- *     { id: 'pending', label: 'Pending', icon: 'clock' },
- *   ]}
- *   selectedIds={selectedFilters}
- *   onSelectionChange={setSelectedFilters}
- *   multiSelect={true}
- *   showClearAll={true}
- * />
- * ```
- *
- * Features:
- * - Horizontal scrollable filter chips
- * - Single/Multi-select modes
- * - Clear all button (when filters active)
- * - Theme-aware colors from design tokens
- * - Icon support per filter option
- * - Fully controlled component
- */
-export const AtomicFilter = ({ options, selectedIds, onSelectionChange, multiSelect = true, showClearAll = true, variant = 'outlined', color = 'primary', size = 'md', style, testID, }) => {
-    const tokens = useAppDesignTokens();
-    /**
-     * Handle filter chip press
-     */
-    const handleFilterPress = (optionId) => {
-        if (multiSelect) {
-            // Multi-select mode: Toggle selection
-            if (selectedIds.includes(optionId)) {
-                // Deselect
-                onSelectionChange(selectedIds.filter(id => id !== optionId));
-            }
-            else {
-                // Select
-                onSelectionChange([...selectedIds, optionId]);
-            }
-        }
-        else {
-            // Single-select mode: Replace selection
-            if (selectedIds.includes(optionId)) {
-                // Deselect (clear selection)
-                onSelectionChange([]);
-            }
-            else {
-                // Select (only this one)
-                onSelectionChange([optionId]);
-            }
-        }
-    };
-    /**
-     * Handle clear all button press
-     */
-    const handleClearAll = () => {
-        onSelectionChange([]);
-    };
-    const hasActiveFilters = selectedIds.length > 0;
-    return (<ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={getScrollContentContainerStyle()} style={[style]} testID={testID}>
-      <View style={getFilterContainerStyle()}>
-        {options.map((option) => {
-            const isSelected = selectedIds.includes(option.id);
-            return (<AtomicChip key={option.id} variant={isSelected ? 'filled' : variant} color={color} size={size} leadingIcon={option.icon} selected={isSelected} clickable={true} onPress={() => handleFilterPress(option.id)} testID={`filter-chip-${option.id}`}>
-              {option.label}
-            </AtomicChip>);
-        })}
-
-        {/* Clear All Button */}
-        {showClearAll && hasActiveFilters && (<TouchableOpacity onPress={handleClearAll} style={[
-                getClearAllContainerStyle(),
-                {
-                    backgroundColor: tokens.colors.surfaceVariant,
-                    borderWidth: 1,
-                    borderColor: tokens.colors.outline,
-                }
-            ]} testID="clear-all-button">
-            <View style={{ flexDirection: 'row', alignItems: 'center', gap: tokens.spacing.xs }}>
-              <AtomicIcon name="X" size="xs" color="surfaceVariant"/>
-              <AtomicText type="labelSmall" style={{ color: tokens.colors.textSecondary }}>
-                Clear All
-              </AtomicText>
-            </View>
-          </TouchableOpacity>)}
-      </View>
-    </ScrollView>);
-};
-//# sourceMappingURL=AtomicFilter.js.map

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

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