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

package/dist/presentation/atoms/fab/types/index.d.ts

@@ -1,70 +0,0 @@
-import { StyleProp, ViewStyle } from 'react-native';
-/**
- * FAB (Floating Action Button) size variants
- * Based on Material Design 3 standards
- */
-export type FabSize = 'sm' | 'md' | 'lg';
-/**
- * FAB variant types
- * - primary: Main action (uses primary color)
- * - secondary: Secondary action (uses secondary color)
- * - surface: Neutral action (uses surface color with border)
- */
-export type FabVariant = 'primary' | 'secondary' | 'surface';
-/**
- * FAB configuration for variant styling
- */
-export interface FabVariantConfig {
-    backgroundColor: string;
-    iconColor: string;
-}
-/**
- * FAB configuration for size styling
- */
-export interface FabSizeConfig {
-    width: number;
-    height: number;
-    borderRadius: number;
-}
-/**
- * AtomicFab component props
- */
-export interface AtomicFabProps {
-    /**
-     * Icon name to display (required)
-     * Any MaterialIcons name (see https://fonts.google.com/icons)
-     * Examples: 'add', 'edit', 'camera', etc.
-     */
-    icon: string;
-    /**
-     * Callback when FAB is pressed
-     */
-    onPress: () => void;
-    /**
-     * Visual variant of the FAB
-     * @default 'primary'
-     */
-    variant?: FabVariant;
-    /**
-     * Size of the FAB
-     * @default 'md'
-     */
-    size?: FabSize;
-    /**
-     * Whether the FAB is disabled
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Custom style for the FAB container
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Test ID for testing
-     */
-    testID?: string;
-    /**
-     * Accessibility label
-     */
-    accessibilityLabel?: string;
-}

package/dist/presentation/atoms/filter/styles/filterStyles.d.ts

@@ -1,14 +0,0 @@
-import { ViewStyle } from 'react-native';
-/**
- * Filter container styles
- * Horizontal scrollable filter chip list
- */
-export declare const getFilterContainerStyle: () => ViewStyle;
-/**
- * Clear all button container styles
- */
-export declare const getClearAllContainerStyle: () => ViewStyle;
-/**
- * ScrollView content container style
- */
-export declare const getScrollContentContainerStyle: () => ViewStyle;

package/dist/presentation/atoms/filter/types/index.d.ts

@@ -1,75 +0,0 @@
-import { StyleProp, ViewStyle } from 'react-native';
-/**
- * Filter option interface
- * Represents a single filterable option
- */
-export interface FilterOption {
-    /**
-     * Unique identifier for the filter option
-     */
-    id: string;
-    /**
-     * Display label for the filter
-     */
-    label: string;
-    /**
-     * Optional value associated with the filter
-     * Can be used for backend filtering
-     */
-    value?: unknown;
-    /**
-     * Optional icon name to display
-     */
-    icon?: string;
-}
-/**
- * AtomicFilter component props
- */
-export interface AtomicFilterProps {
-    /**
-     * Array of filter options to display
-     */
-    options: FilterOption[];
-    /**
-     * Array of currently selected filter IDs
-     */
-    selectedIds: string[];
-    /**
-     * Callback when selection changes
-     * @param selectedIds - New array of selected IDs
-     */
-    onSelectionChange: (selectedIds: string[]) => void;
-    /**
-     * Enable multi-select mode
-     * @default true
-     */
-    multiSelect?: boolean;
-    /**
-     * Show "Clear All" button when filters are active
-     * @default true
-     */
-    showClearAll?: boolean;
-    /**
-     * Chip variant style
-     * @default 'outlined'
-     */
-    variant?: 'filled' | 'outlined' | 'soft';
-    /**
-     * Chip color theme
-     * @default 'primary'
-     */
-    color?: 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
-    /**
-     * Chip size
-     * @default 'md'
-     */
-    size?: 'sm' | 'md' | 'lg';
-    /**
-     * Custom style for the container
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Test ID for testing
-     */
-    testID?: string;
-}

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

@@ -1,272 +0,0 @@
-/**
- * Atomic Components Export Index
- *
- * Centralized export file for all atomic design components
- * Following atomic design principles with React Native implementation
- *
- * Generated for {{APP_NAME}} - {{CATEGORY}} category
- * Theme: {{THEME_NAME}}
- *
- * Usage:
- * ```typescript
- * import { AtomicButton, AtomicText, AtomicCard } from '@domains/design-system';
- *
- * // Or individual imports
- * import { AtomicButton } from '@domains/design-system';
- * ```
- */
-import { AtomicButton, type AtomicButtonProps } from './AtomicButton';
-import { AtomicText, type AtomicTextProps } from './AtomicText';
-import { AtomicCard, type AtomicCardProps, type AtomicCardVariant, type AtomicCardPadding } from './AtomicCard';
-import { AtomicInput, type AtomicInputProps, type AtomicInputVariant, type AtomicInputState, type AtomicInputSize } from './AtomicInput';
-import { AtomicIcon, type AtomicIconProps, type AtomicIconSize, type AtomicIconColor } from './AtomicIcon';
-import { AtomicImage, type AtomicImageProps } from './AtomicImage';
-import { AtomicSwitch, type AtomicSwitchProps } from './AtomicSwitch';
-import { AtomicBadge, type AtomicBadgeProps } from './AtomicBadge';
-import { AtomicFormError, type AtomicFormErrorProps } from './AtomicFormError';
-import { AtomicAvatar, type AtomicAvatarProps } from './AtomicAvatar';
-import { AtomicChip, type AtomicChipProps } from './AtomicChip';
-import { AtomicDivider, type AtomicDividerProps } from './AtomicDivider';
-import { AtomicProgress, type AtomicProgressProps } from './AtomicProgress';
-import { AtomicAvatarGroup, type AtomicAvatarGroupProps, type AvatarData } from './AtomicAvatarGroup';
-import { AtomicFab, type AtomicFabProps, type FabSize, type FabVariant, getFabVariants } from './AtomicFab';
-import { AtomicFilter, type AtomicFilterProps, type FilterOption, getFilterContainerStyle, getClearAllContainerStyle, getScrollContentContainerStyle } from './AtomicFilter';
-import { AtomicTouchable, type AtomicTouchableProps, type TouchableFeedback, type FeedbackStrength, type HitSlop, TouchablePresets, getOpacityValue, normalizeHitSlop } from './AtomicTouchable';
-export { AtomicButton, type AtomicButtonProps, };
-export { AtomicText, type AtomicTextProps, };
-export { AtomicCard, type AtomicCardProps, type AtomicCardVariant, type AtomicCardPadding, };
-export { AtomicInput, type AtomicInputProps, type AtomicInputVariant, type AtomicInputState, type AtomicInputSize, };
-export { AtomicIcon, type AtomicIconProps, type AtomicIconSize, type AtomicIconColor, };
-export { AtomicImage, type AtomicImageProps, };
-export { AtomicSwitch, type AtomicSwitchProps, };
-export { AtomicBadge, type AtomicBadgeProps, };
-export { AtomicFormError, type AtomicFormErrorProps, };
-export { AtomicAvatar, type AtomicAvatarProps, };
-export { AtomicChip, type AtomicChipProps, };
-export { AtomicDivider, type AtomicDividerProps, };
-export { AtomicProgress, type AtomicProgressProps, };
-export { AtomicAvatarGroup, type AtomicAvatarGroupProps, type AvatarData, };
-export { AtomicFab, type AtomicFabProps, type FabSize, type FabVariant, getFabVariants, };
-export { AtomicFilter, type AtomicFilterProps, type FilterOption, getFilterContainerStyle, getClearAllContainerStyle, getScrollContentContainerStyle, };
-export { AtomicTouchable, type AtomicTouchableProps, type TouchableFeedback, type FeedbackStrength, type HitSlop, TouchablePresets, getOpacityValue, normalizeHitSlop, };
-/**
- * Convenience re-exports for common patterns
- */
-export type AtomicComponentProps = AtomicButtonProps | AtomicTextProps | AtomicCardProps | AtomicInputProps | AtomicIconProps | AtomicImageProps | AtomicSwitchProps | AtomicBadgeProps | AtomicFormErrorProps | AtomicAvatarProps | AtomicChipProps | AtomicDividerProps | AtomicProgressProps | AtomicAvatarGroupProps | AtomicFabProps | AtomicFilterProps | AtomicTouchableProps;
-export type AtomicVariants = {
-    card: AtomicCardVariant;
-    input: AtomicInputVariant;
-    icon: AtomicIconSize;
-};
-export type AtomicColors = AtomicIconColor;
-/**
- * Atomic component utilities
- */
-export declare const AtomicUtils: {
-    /**
-     * Get recommended component combinations for common UI patterns
-     */
-    getRecommendedCombinations: () => {
-        cardWithHeader: {
-            card: {
-                variant: "elevated";
-                padding: "lg";
-            };
-            title: {
-                variant: "titleLarge";
-                color: "primary";
-            };
-            description: {
-                variant: "bodyMedium";
-                color: "secondary";
-            };
-        };
-        formField: {
-            input: {
-                variant: "outlined";
-                size: "md";
-            };
-            label: {
-                variant: "labelMedium";
-                color: "primary";
-            };
-            helper: {
-                variant: "bodySmall";
-                color: "secondary";
-            };
-        };
-        primaryAction: {
-            button: {
-                variant: "primary";
-                size: "lg";
-            };
-            text: {
-                variant: "labelLarge";
-                color: "onPrimary";
-            };
-            icon: {
-                size: "md";
-                color: "onPrimary";
-            };
-        };
-        secondaryAction: {
-            button: {
-                variant: "outline";
-                size: "md";
-            };
-            text: {
-                variant: "labelMedium";
-                color: "primary";
-            };
-            icon: {
-                size: "sm";
-                color: "primary";
-            };
-        };
-    };
-    /**
-     * Validate component prop combinations
-     */
-    validatePropCombination: (componentType: keyof AtomicVariants, props: any) => boolean;
-    /**
-     * Get accessibility guidelines for component combinations
-     */
-    getAccessibilityGuidelines: () => {
-        button: {
-            minimumTouchTarget: number;
-            requiresAccessibilityLabel: boolean;
-            supportsAccessibilityHint: boolean;
-        };
-        input: {
-            requiresLabel: boolean;
-            supportsHelperText: boolean;
-            requiresAccessibilityLabel: boolean;
-        };
-        card: {
-            supportsAccessibilityRole: boolean;
-            canBeAccessibilityContainer: boolean;
-        };
-        text: {
-            supportsAccessibilityLabel: boolean;
-            respectsSystemTextSize: boolean;
-        };
-        icon: {
-            requiresAccessibilityLabel: boolean;
-            supportsAccessibilityHint: boolean;
-        };
-    };
-};
-declare const defaultExport: {
-    AtomicButton: React.FC<AtomicButtonProps>;
-    AtomicText: React.FC<AtomicTextProps>;
-    AtomicCard: React.FC<AtomicCardProps>;
-    AtomicInput: React.FC<AtomicInputProps>;
-    AtomicIcon: React.FC<import("@umituz/react-native-icon").IconProps>;
-    AtomicImage: React.FC<AtomicImageProps>;
-    AtomicSwitch: React.FC<AtomicSwitchProps>;
-    AtomicBadge: React.FC<AtomicBadgeProps>;
-    AtomicFormError: React.FC<AtomicFormErrorProps>;
-    AtomicAvatar: React.FC<AtomicAvatarProps>;
-    AtomicChip: React.FC<AtomicChipProps>;
-    AtomicDivider: React.FC<AtomicDividerProps>;
-    AtomicProgress: React.FC<AtomicProgressProps>;
-    AtomicAvatarGroup: React.FC<AtomicAvatarGroupProps>;
-    AtomicFab: React.FC<AtomicFabProps>;
-    AtomicFilter: React.FC<AtomicFilterProps>;
-    AtomicTouchable: React.FC<AtomicTouchableProps>;
-    AtomicUtils: {
-        /**
-         * Get recommended component combinations for common UI patterns
-         */
-        getRecommendedCombinations: () => {
-            cardWithHeader: {
-                card: {
-                    variant: "elevated";
-                    padding: "lg";
-                };
-                title: {
-                    variant: "titleLarge";
-                    color: "primary";
-                };
-                description: {
-                    variant: "bodyMedium";
-                    color: "secondary";
-                };
-            };
-            formField: {
-                input: {
-                    variant: "outlined";
-                    size: "md";
-                };
-                label: {
-                    variant: "labelMedium";
-                    color: "primary";
-                };
-                helper: {
-                    variant: "bodySmall";
-                    color: "secondary";
-                };
-            };
-            primaryAction: {
-                button: {
-                    variant: "primary";
-                    size: "lg";
-                };
-                text: {
-                    variant: "labelLarge";
-                    color: "onPrimary";
-                };
-                icon: {
-                    size: "md";
-                    color: "onPrimary";
-                };
-            };
-            secondaryAction: {
-                button: {
-                    variant: "outline";
-                    size: "md";
-                };
-                text: {
-                    variant: "labelMedium";
-                    color: "primary";
-                };
-                icon: {
-                    size: "sm";
-                    color: "primary";
-                };
-            };
-        };
-        /**
-         * Validate component prop combinations
-         */
-        validatePropCombination: (componentType: keyof AtomicVariants, props: any) => boolean;
-        /**
-         * Get accessibility guidelines for component combinations
-         */
-        getAccessibilityGuidelines: () => {
-            button: {
-                minimumTouchTarget: number;
-                requiresAccessibilityLabel: boolean;
-                supportsAccessibilityHint: boolean;
-            };
-            input: {
-                requiresLabel: boolean;
-                supportsHelperText: boolean;
-                requiresAccessibilityLabel: boolean;
-            };
-            card: {
-                supportsAccessibilityRole: boolean;
-                canBeAccessibilityContainer: boolean;
-            };
-            text: {
-                supportsAccessibilityLabel: boolean;
-                respectsSystemTextSize: boolean;
-            };
-            icon: {
-                requiresAccessibilityLabel: boolean;
-                supportsAccessibilityHint: boolean;
-            };
-        };
-    };
-};
-export default defaultExport;

package/dist/presentation/atoms/picker/styles/pickerStyles.d.ts

@@ -1,84 +0,0 @@
-import { ViewStyle, TextStyle } from 'react-native';
-import { type DesignTokens } from '@umituz/react-native-theme';
-/**
- * Picker container styles with iOS HIG compliance
- *
- * All picker sizes meet Apple's minimum touch target requirement of 44pt.
- * @see https://developer.apple.com/design/human-interface-guidelines/layout
- */
-export declare const getPickerContainerStyles: (tokens: DesignTokens) => {
-    base: {
-        flexDirection: "row";
-        alignItems: "center";
-        justifyContent: "space-between";
-        borderWidth: number;
-        borderColor: string;
-        backgroundColor: string;
-    };
-    size: {
-        sm: {
-            height: 44;
-            paddingHorizontal: number;
-            borderRadius: number;
-        };
-        md: {
-            height: number;
-            paddingHorizontal: number;
-            borderRadius: number;
-        };
-        lg: {
-            height: number;
-            paddingHorizontal: number;
-            borderRadius: number;
-        };
-    };
-    state: {
-        error: {
-            borderColor: string;
-            borderWidth: number;
-        };
-        disabled: {
-            backgroundColor: string;
-            opacity: number;
-        };
-    };
-};
-export declare const getPickerLabelStyles: (tokens: DesignTokens) => {
-    base: TextStyle;
-    size: {
-        sm: TextStyle;
-        md: TextStyle;
-        lg: TextStyle;
-    };
-};
-export declare const getPickerPlaceholderStyles: (tokens: DesignTokens) => {
-    base: TextStyle;
-    size: {
-        sm: TextStyle;
-        md: TextStyle;
-        lg: TextStyle;
-    };
-};
-export declare const getPickerValueStyles: (tokens: DesignTokens) => {
-    base: TextStyle;
-    size: {
-        sm: TextStyle;
-        md: TextStyle;
-        lg: TextStyle;
-    };
-};
-export declare const getPickerErrorStyles: (tokens: DesignTokens) => TextStyle;
-export declare const getModalOverlayStyles: (tokens: DesignTokens) => ViewStyle;
-export declare const getModalContainerStyles: (tokens: DesignTokens, maxHeight: number) => ViewStyle;
-export declare const getModalHeaderStyles: (tokens: DesignTokens) => ViewStyle;
-export declare const getModalTitleStyles: (tokens: DesignTokens) => TextStyle;
-export declare const getSearchContainerStyles: (tokens: DesignTokens) => ViewStyle;
-export declare const getSearchInputStyles: (tokens: DesignTokens) => TextStyle;
-export declare const getOptionContainerStyles: (tokens: DesignTokens, isSelected: boolean, isDisabled: boolean) => ViewStyle;
-export declare const getOptionTextStyles: (tokens: DesignTokens, isSelected: boolean) => TextStyle;
-export declare const getOptionDescriptionStyles: (tokens: DesignTokens) => TextStyle;
-export declare const getEmptyStateStyles: (tokens: DesignTokens) => ViewStyle;
-export declare const getEmptyStateTextStyles: (tokens: DesignTokens) => TextStyle;
-export declare const getChipContainerStyles: (tokens: DesignTokens) => ViewStyle;
-export declare const getChipStyles: (tokens: DesignTokens) => ViewStyle;
-export declare const getChipTextStyles: (tokens: DesignTokens) => TextStyle;

package/dist/presentation/atoms/picker/types/index.d.ts

@@ -1,37 +0,0 @@
-import { ViewStyle, TextStyle } from 'react-native';
-import { AtomicIconColor } from '../../AtomicIcon';
-/**
- * Picker option item
- *
- * icon: Any MaterialIcons name
- * @see https://fonts.google.com/icons
- */
-export interface PickerOption {
-    label: string;
-    value: string;
-    icon?: string;
-    disabled?: boolean;
-    description?: string;
-    testID?: string;
-}
-export type PickerSize = 'sm' | 'md' | 'lg';
-export interface AtomicPickerProps {
-    value: string | string[];
-    onChange: (value: string | string[]) => void;
-    options: PickerOption[];
-    label?: string;
-    placeholder?: string;
-    error?: string;
-    disabled?: boolean;
-    multiple?: boolean;
-    searchable?: boolean;
-    clearable?: boolean;
-    autoClose?: boolean;
-    color?: AtomicIconColor;
-    size?: PickerSize;
-    modalTitle?: string;
-    emptyMessage?: string;
-    style?: ViewStyle | ViewStyle[];
-    labelStyle?: TextStyle | TextStyle[];
-    testID?: string;
-}

package/dist/presentation/atoms/touchable/styles/touchableStyles.d.ts

@@ -1,30 +0,0 @@
-import { ViewStyle } from 'react-native';
-import { FeedbackStrength } from '../types';
-/**
- * Get opacity value based on feedback strength
- */
-export declare const getOpacityValue: (strength: FeedbackStrength) => number;
-/**
- * Get base touchable container style
- * Ensures minimum touch target size (iOS HIG: 48x48)
- */
-export declare const getTouchableContainerStyle: () => ViewStyle;
-/**
- * Get disabled touchable style
- */
-export declare const getDisabledStyle: () => ViewStyle;
-/**
- * Convert number to HitSlop object
- * If hitSlop is a number, apply it to all sides
- */
-export declare const normalizeHitSlop: (hitSlop: number | {
-    top?: number;
-    bottom?: number;
-    left?: number;
-    right?: number;
-} | undefined) => {
-    top: number;
-    bottom: number;
-    left: number;
-    right: number;
-} | undefined;