@umituz/react-native-design-system 1.5.28 → 1.5.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "1.5.28",
+  "version": "1.5.30",
   "description": "Universal design system for React Native apps - Domain-Driven Design architecture with Material Design 3 components",
   "main": "./src/index.ts",
   "types": "./dist/index.d.ts",

package/src/presentation/atoms/AtomicInput.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { View, TextInput, Pressable, StyleSheet, StyleProp, ViewStyle, TextStyle, Platform } from 'react-native';
+import { View, TextInput, Pressable, StyleSheet, StyleProp, ViewStyle, TextStyle } from 'react-native';
 import { useAppDesignTokens } from '@umituz/react-native-theme';
 import { AtomicIcon } from './AtomicIcon';
 import { AtomicText } from './AtomicText';
@@ -205,8 +205,8 @@ export const AtomicInput: React.FC<AtomicInputProps> = ({
   const textInputStyle: StyleProp<TextStyle> = [
     styles.input,
     {
-      fontSize: config.fontSize || tokens.typography.bodyMedium.fontSize || 16,
-      lineHeight: (config.fontSize || tokens.typography.bodyMedium.fontSize || 16) * 1.5, // Ensure text is fully visible
+      fontSize: config.fontSize,
+      lineHeight: config.fontSize * 1.2, // Tighter lineHeight to prevent text clipping
       color: getTextColor(),
       paddingVertical: 0, // Remove vertical padding to prevent clipping
     },
@@ -231,7 +231,7 @@ export const AtomicInput: React.FC<AtomicInputProps> = ({
         {leadingIcon && (
           <View style={styles.leadingIcon}>
             <AtomicIcon
-              name={typeof leadingIcon === 'string' ? leadingIcon : String(leadingIcon)}
+              name={leadingIcon}
               customSize={config.iconSize}
               customColor={iconColor}
             />
@@ -250,8 +250,6 @@ export const AtomicInput: React.FC<AtomicInputProps> = ({
           autoCorrect={autoCorrect}
           editable={!isDisabled}
           style={textInputStyle}
-          textAlignVertical="center"
-          {...(Platform.OS === 'android' && { includeFontPadding: false })}
           onBlur={() => {
             setIsFocused(false);
             onBlur?.();
@@ -283,7 +281,7 @@ export const AtomicInput: React.FC<AtomicInputProps> = ({
             disabled={!onTrailingIconPress}
           >
             <AtomicIcon
-              name={typeof trailingIcon === 'string' ? trailingIcon : String(trailingIcon)}
+              name={trailingIcon}
               customSize={config.iconSize}
               customColor={iconColor}
             />

package/dist/AtomicIcon.d.ts

@@ -1,34 +0,0 @@
-/**
- * AtomicIcon - Atomic Design System Icon Component
- *
- * Wrapper for the universal Icon component from @domains/icons
- * Provides backward compatibility with AtomicIcon naming convention
- * while leveraging the full power of the icons domain architecture.
- */
-import React from 'react';
-import type { IconProps, IconSize, IconColor, IconName } from '@umituz/react-native-icon';
-/**
- * AtomicIcon Component
- *
- * @example
- * ```tsx
- * import { AtomicIcon } from '@umituz/react-native-design-system';
- *
- * // Basic usage
- * <AtomicIcon name="Settings" size="md" color="primary" />
- *
- * // Custom size and color
- * <AtomicIcon name="Heart" customSize={32} customColor="#FF0000" />
- *
- * // With background
- * <AtomicIcon name="Info" size="lg" withBackground backgroundColor="#667eea" />
- * ```
- */
-export declare const AtomicIcon: React.FC<IconProps>;
-/**
- * Re-export types with Atomic naming convention
- */
-export type AtomicIconProps = IconProps;
-export type AtomicIconSize = IconSize;
-export type AtomicIconColor = IconColor;
-export type AtomicIconName = IconName;

package/dist/index.d.ts

@@ -1,60 +0,0 @@
-/**
- * @umituz/react-native-design-system - Public API
- *
- * Universal UI component library for React Native apps
- * Domain-Driven Design (DDD) Architecture
- *
- * This is the SINGLE SOURCE OF TRUTH for all UI components.
- * ALL imports from the design system MUST go through this file.
- *
- * Architecture:
- * - presentation/atoms: Primitive UI components (AtomicButton, AtomicText, etc.)
- * - presentation/molecules: Composite components (SearchBar, ListItem, etc.)
- * - presentation/organisms: Complex patterns (ScreenLayout, AppHeader, FormContainer)
- * - presentation/tokens: Design tokens (colors, typography, spacing, etc.)
- * - presentation/utils: Utility functions and helpers
- *
- * Usage:
- *   import { AtomicButton, AtomicFilter, AtomicTouchable, SearchBar, STATIC_TOKENS } from '@umituz/react-native-design-system';
- */
-export { AtomicButton, type AtomicButtonProps, type ButtonVariant, type ButtonSize, } from './presentation/atoms/AtomicButton';
-export { AtomicText, type AtomicTextProps, } from './presentation/atoms/AtomicText';
-export { AtomicCard, type AtomicCardProps, type AtomicCardVariant, type AtomicCardPadding, } from './presentation/atoms/AtomicCard';
-export { AtomicInput, type AtomicInputProps, type AtomicInputVariant, type AtomicInputState, type AtomicInputSize, } from './presentation/atoms/AtomicInput';
-export { AtomicNumberInput, type AtomicNumberInputProps, } from './presentation/atoms/AtomicNumberInput';
-export { AtomicSwitch, type AtomicSwitchProps, } from './presentation/atoms/AtomicSwitch';
-export { AtomicIcon, type AtomicIconProps, type AtomicIconSize, type AtomicIconColor, type AtomicIconName, } from './presentation/atoms/AtomicIcon';
-export { AtomicFormError, type AtomicFormErrorProps, } from './presentation/atoms/AtomicFormError';
-export { AtomicDatePicker, type AtomicDatePickerProps, } from './presentation/atoms/AtomicDatePicker';
-export { AtomicPicker, type AtomicPickerProps, type PickerOption, type PickerSize, } from './presentation/atoms/AtomicPicker';
-export { AtomicTextArea, type AtomicTextAreaProps, } from './presentation/atoms/AtomicTextArea';
-export { AtomicBadge, type AtomicBadgeProps, } from './presentation/atoms/AtomicBadge';
-export { AtomicProgress, type AtomicProgressProps, } from './presentation/atoms/AtomicProgress';
-export { AtomicDivider, type AtomicDividerProps, } from './presentation/atoms/AtomicDivider';
-export { AtomicFab, type AtomicFabProps, type FabSize, type FabVariant, getFabVariants, } from './presentation/atoms/AtomicFab';
-export { AtomicFilter, type AtomicFilterProps, type FilterOption, getFilterContainerStyle, getClearAllContainerStyle, getScrollContentContainerStyle, } from './presentation/atoms/AtomicFilter';
-export { AtomicTouchable, type AtomicTouchableProps, type TouchableFeedback, type FeedbackStrength, type HitSlop, TouchablePresets, getOpacityValue, normalizeHitSlop, } from './presentation/atoms/AtomicTouchable';
-export { AtomicSearchBar, type AtomicSearchBarProps, } from './presentation/atoms/AtomicSearchBar';
-export { AtomicSort, type AtomicSortProps, type SortOption, type SortDirection, } from './presentation/atoms/AtomicSort';
-export { FormField, type FormFieldProps, } from './presentation/molecules/FormField';
-export { ListItem, type ListItemProps, } from './presentation/molecules/ListItem';
-export { SearchBar, type SearchBarProps, } from './presentation/molecules/SearchBar';
-export { SectionCard, } from './presentation/molecules/SectionCard';
-export { IconContainer, } from './presentation/molecules/IconContainer';
-export { SectionHeader, } from './presentation/molecules/SectionHeader';
-export { EmptyState, } from './presentation/molecules/EmptyState';
-export { GridContainer, } from './presentation/molecules/GridContainer';
-export { SectionContainer, } from './presentation/molecules/SectionContainer';
-export { ScreenHeader, type ScreenHeaderProps, } from './presentation/molecules/ScreenHeader';
-export { AtomicConfirmationModal, useConfirmationModal, type AtomicConfirmationModalProps, type ConfirmationModalVariant, } from './presentation/molecules/AtomicConfirmationModal';
-export { ScreenLayout, type ScreenLayoutProps, } from './presentation/organisms/ScreenLayout';
-export { AppHeader, type AppHeaderProps, } from './presentation/organisms/AppHeader';
-export { FormContainer, type FormContainerProps, } from './presentation/organisms/FormContainer';
-export { createDesignTokens, STATIC_DESIGN_TOKENS, BASE_TOKENS, STATIC_TOKENS, withAlpha, lightColors, darkColors, getColorPalette, type DesignTokens, type ThemeMode, type ColorPalette, type BaseTokens, type Spacing, type Typography, type Borders, } from '@umituz/react-native-theme';
-export { useAppDesignTokens } from '@umituz/react-native-theme';
-export { useCommonStyles, } from './presentation/tokens/commonStyles';
-export { IOS_HIG, ANDROID_MATERIAL, PLATFORM_CONSTANTS, isValidTouchTarget, getMinTouchTarget, } from './presentation/utils/platformConstants';
-export { useResponsive, useResponsiveSizes, useDeviceType, type UseResponsiveReturn, } from './presentation/hooks/useResponsive';
-export { getScreenDimensions, isSmallPhone, isTablet, getResponsiveLogoSize, getResponsiveInputHeight, getResponsiveHorizontalPadding, getResponsiveBottomPosition, getResponsiveFABPosition, getResponsiveModalMaxHeight, getResponsiveMinModalHeight, getResponsiveIconContainerSize, getResponsiveGridColumns, getResponsiveMaxWidth, getResponsiveFontSize, isLandscape, getKeyboardBehavior, getDeviceType, getMinTouchTargetSize, getSpacingMultiplier, getOnboardingIconMarginTop, getOnboardingIconMarginBottom, getOnboardingTitleMarginBottom, getOnboardingTextPadding, getOnboardingDescriptionMarginTop, DeviceType, } from './presentation/utils/responsive';
-export { useDesignSystemTheme, } from '@umituz/react-native-theme';
-export { Icon, type IconProps, type IconSize, type IconColor, type IconName, } from '@umituz/react-native-icon';

package/dist/presentation/atoms/AtomicAvatar.d.ts

@@ -1,47 +0,0 @@
-/**
- * AtomicAvatar - Universal Avatar Component
- *
- * Displays user profile images with fallback to initials
- * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
- *
- * Atomic Design Level: ATOM
- * Purpose: User profile image display
- *
- * Usage:
- * - User profile pictures
- * - Contact avatars
- * - Group member avatars
- * - Default user placeholders
- */
-import React from 'react';
-import { ViewStyle, ImageStyle } from 'react-native';
-export interface AtomicAvatarProps {
-    /** Image source (URI or require) */
-    source?: {
-        uri: string;
-    } | number;
-    /** User's name for fallback initials */
-    name?: string;
-    /** Size of the avatar */
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
-    /** Custom size in pixels */
-    customSize?: number;
-    /** Background color for fallback */
-    backgroundColor?: string;
-    /** Text color for initials */
-    textColor?: string;
-    /** Border radius (default: circular) */
-    borderRadius?: number;
-    /** Border width */
-    borderWidth?: number;
-    /** Border color */
-    borderColor?: string;
-    /** Style overrides */
-    style?: ViewStyle | ViewStyle[];
-    /** Image style overrides */
-    imageStyle?: ImageStyle | ImageStyle[];
-    /** Test ID for testing */
-    testID?: string;
-}
-export declare const AtomicAvatar: React.FC<AtomicAvatarProps>;
-export default AtomicAvatar;

package/dist/presentation/atoms/AtomicAvatarGroup.d.ts

@@ -1,55 +0,0 @@
-/**
- * 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 { ViewStyle } from 'react-native';
-export interface AvatarData {
-    id: string;
-    source?: {
-        uri: string;
-    } | number;
-    name?: string;
-    backgroundColor?: string;
-    textColor?: string;
-}
-export interface AtomicAvatarGroupProps {
-    /** Array of avatar data */
-    avatars: AvatarData[];
-    /** Maximum number of avatars to show */
-    maxVisible?: number;
-    /** Avatar size */
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
-    /** Custom avatar size */
-    customSize?: number;
-    /** Spacing between avatars */
-    spacing?: number;
-    /** Whether to show overflow count */
-    showOverflow?: boolean;
-    /** Overflow count background color */
-    overflowBackgroundColor?: string;
-    /** Overflow count text color */
-    overflowTextColor?: string;
-    /** Avatar border width */
-    borderWidth?: number;
-    /** Avatar border color */
-    borderColor?: string;
-    /** Style overrides */
-    style?: ViewStyle;
-    /** Test ID for testing */
-    testID?: string;
-}
-export declare const AtomicAvatarGroup: React.FC<AtomicAvatarGroupProps>;
-export default AtomicAvatarGroup;

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

@@ -1,41 +0,0 @@
-/**
- * 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;

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

@@ -1,20 +0,0 @@
-import React from 'react';
-import { StyleProp, ViewStyle, TextStyle } from 'react-native';
-import type { IconName } from '@umituz/react-native-icon';
-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;
-    icon?: IconName;
-    fullWidth?: boolean;
-    style?: StyleProp<ViewStyle>;
-    textStyle?: StyleProp<TextStyle>;
-    testID?: string;
-}
-export declare const AtomicButton: React.FC<AtomicButtonProps>;
-export type { AtomicButtonProps as ButtonProps };

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

@@ -1,14 +0,0 @@
-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>;

package/dist/presentation/atoms/AtomicChip.d.ts

@@ -1,52 +0,0 @@
-/**
- * AtomicChip - Universal Chip/Tag Component
- *
- * Displays small tags, labels, or status indicators
- * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
- *
- * Atomic Design Level: ATOM
- * Purpose: Tag and label display
- *
- * Usage:
- * - Category tags
- * - Status indicators
- * - Filter chips
- * - Skill labels
- * - Badge displays
- */
-import React from 'react';
-import { ViewStyle } from 'react-native';
-export interface AtomicChipProps {
-    /** Text content of the chip */
-    children: React.ReactNode;
-    /** Chip variant */
-    variant?: 'filled' | 'outlined' | 'soft';
-    /** Chip size */
-    size?: 'sm' | 'md' | 'lg';
-    /** Chip color theme */
-    color?: 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
-    /** Custom background color */
-    backgroundColor?: string;
-    /** Custom text color */
-    textColor?: string;
-    /** Custom border color */
-    borderColor?: string;
-    /** Leading icon */
-    leadingIcon?: string;
-    /** Trailing icon */
-    trailingIcon?: string;
-    /** Whether the chip is clickable */
-    clickable?: boolean;
-    /** Click handler */
-    onPress?: () => void;
-    /** Whether the chip is selected */
-    selected?: boolean;
-    /** Whether the chip is disabled */
-    disabled?: boolean;
-    /** Style overrides */
-    style?: ViewStyle;
-    /** Test ID for testing */
-    testID?: string;
-}
-export declare const AtomicChip: React.FC<AtomicChipProps>;
-export default AtomicChip;

package/dist/presentation/atoms/AtomicDatePicker.d.ts

@@ -1,74 +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 from 'react';
-/**
- * Props for AtomicDatePicker component
- */
-export interface AtomicDatePickerProps {
-    /** Selected date value */
-    value: Date;
-    /** Callback when date changes */
-    onChange: (date: Date) => void;
-    /** Optional label displayed above picker */
-    label?: string;
-    /** Optional error message displayed below picker */
-    error?: string;
-    /** Disable picker interaction */
-    disabled?: boolean;
-    /** Minimum selectable date */
-    minimumDate?: Date;
-    /** Maximum selectable date */
-    maximumDate?: Date;
-    /** Picker mode - date, time, or datetime (iOS only) */
-    mode?: 'date' | 'time' | 'datetime';
-    /** Placeholder text when no value selected */
-    placeholder?: string;
-    /** Optional test ID for E2E testing */
-    testID?: string;
-}
-/**
- * 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 declare const AtomicDatePicker: React.FC<AtomicDatePickerProps>;

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

@@ -1,44 +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;

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

@@ -1,36 +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>;

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

@@ -1,36 +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>;

package/dist/presentation/atoms/AtomicFormError.d.ts

@@ -1,29 +0,0 @@
-/**
- * AtomicFormError - Universal Form Error Component
- *
- * Provides consistent error message display for forms
- * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
- *
- * Atomic Design Level: ATOM
- * Purpose: Display validation error messages
- *
- * Usage:
- * - Form field validation errors
- * - Global form error messages
- * - API error display
- * - Input validation feedback
- */
-import React from 'react';
-import { StyleProp, ViewStyle, TextStyle } from 'react-native';
-export interface AtomicFormErrorProps {
-    /** Error message to display */
-    message: string | null | undefined;
-    /** Error display variant */
-    variant?: 'global' | 'field';
-    /** Custom container style */
-    style?: StyleProp<ViewStyle>;
-    /** Custom text style */
-    textStyle?: StyleProp<TextStyle>;
-}
-export declare const AtomicFormError: React.FC<AtomicFormErrorProps>;
-export default AtomicFormError;

package/dist/presentation/atoms/AtomicIcon.d.ts

@@ -1,34 +0,0 @@
-/**
- * AtomicIcon - Atomic Design System Icon Component
- *
- * Wrapper for the universal Icon component from @domains/icons
- * Provides backward compatibility with AtomicIcon naming convention
- * while leveraging the full power of the icons domain architecture.
- */
-import React from 'react';
-import type { IconProps, IconSize, IconColor, IconName } from '@umituz/react-native-icon';
-/**
- * AtomicIcon Component
- *
- * @example
- * ```tsx
- * import { AtomicIcon } from '@umituz/react-native-design-system';
- *
- * // Basic usage
- * <AtomicIcon name="Settings" size="md" color="primary" />
- *
- * // Custom size and color
- * <AtomicIcon name="Heart" customSize={32} customColor="#FF0000" />
- *
- * // With background
- * <AtomicIcon name="Info" size="lg" withBackground backgroundColor="#667eea" />
- * ```
- */
-export declare const AtomicIcon: React.FC<IconProps>;
-/**
- * Re-export types with Atomic naming convention
- */
-export type AtomicIconProps = IconProps;
-export type AtomicIconSize = IconSize;
-export type AtomicIconColor = IconColor;
-export type AtomicIconName = IconName;