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

package/lib/presentation/atoms/filter/styles/filterStyles.js

@@ -0,0 +1,29 @@
+/**
+ * Filter container styles
+ * Horizontal scrollable filter chip list
+ */
+export const getFilterContainerStyle = () => ({
+    flexDirection: 'row',
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+    gap: 8, // Space between chips
+});
+/**
+ * Clear all button container styles
+ */
+export const getClearAllContainerStyle = () => ({
+    marginLeft: 8,
+    paddingHorizontal: 12,
+    paddingVertical: 6,
+    borderRadius: 16,
+    justifyContent: 'center',
+    alignItems: 'center',
+});
+/**
+ * ScrollView content container style
+ */
+export const getScrollContentContainerStyle = () => ({
+    alignItems: 'center',
+    gap: 8,
+});
+//# sourceMappingURL=filterStyles.js.map

package/lib/presentation/atoms/filter/styles/filterStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterStyles.js","sourceRoot":"","sources":["../../../../../src/presentation/atoms/filter/styles/filterStyles.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAc,EAAE,CAAC,CAAC;IACvD,aAAa,EAAE,KAAK;IACpB,iBAAiB,EAAE,EAAE;IACrB,eAAe,EAAE,EAAE;IACnB,GAAG,EAAE,CAAC,EAAE,sBAAsB;CAC/B,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAc,EAAE,CAAC,CAAC;IACzD,UAAU,EAAE,CAAC;IACb,iBAAiB,EAAE,EAAE;IACrB,eAAe,EAAE,CAAC;IAClB,YAAY,EAAE,EAAE;IAChB,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAG,GAAc,EAAE,CAAC,CAAC;IAC9D,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,CAAC;CACP,CAAC,CAAC"}

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

@@ -0,0 +1,76 @@
+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;
+}
+//# sourceMappingURL=index.d.ts.map

package/lib/presentation/atoms/filter/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/atoms/filter/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,OAAO,EAAE,YAAY,EAAE,CAAC;IAExB;;OAEG;IACH,WAAW,EAAE,MAAM,EAAE,CAAC;IAEtB;;;OAGG;IACH,iBAAiB,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAEnD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAEzC;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAE3E;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/lib/presentation/atoms/filter/types/index.js

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

package/lib/presentation/atoms/filter/types/index.js.map

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

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

@@ -0,0 +1,276 @@
+/**
+ * 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 { AtomicSkeleton, type AtomicSkeletonProps } from './AtomicSkeleton';
+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 { AtomicSkeleton, type AtomicSkeletonProps, };
+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 | AtomicSkeletonProps | 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: import("react").FC<AtomicButtonProps>;
+    AtomicText: import("react").FC<AtomicTextProps>;
+    AtomicCard: import("react").FC<AtomicCardProps>;
+    AtomicInput: import("react").FC<AtomicInputProps>;
+    AtomicIcon: import("react").FC<import("../..").IconProps>;
+    AtomicImage: import("react").FC<AtomicImageProps>;
+    AtomicSwitch: import("react").FC<AtomicSwitchProps>;
+    AtomicBadge: import("react").FC<AtomicBadgeProps>;
+    AtomicFormError: import("react").FC<AtomicFormErrorProps>;
+    AtomicAvatar: import("react").FC<AtomicAvatarProps>;
+    AtomicChip: import("react").FC<AtomicChipProps>;
+    AtomicDivider: import("react").FC<AtomicDividerProps>;
+    AtomicSkeleton: import("react").FC<AtomicSkeletonProps>;
+    AtomicProgress: import("react").FC<AtomicProgressProps>;
+    AtomicAvatarGroup: import("react").FC<AtomicAvatarGroupProps>;
+    AtomicFab: import("react").FC<AtomicFabProps>;
+    AtomicFilter: import("react").FC<AtomicFilterProps>;
+    AtomicTouchable: import("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;
+//# sourceMappingURL=index.d.ts.map

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

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

package/lib/presentation/atoms/index.js

@@ -0,0 +1,149 @@
+/**
+ * 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';
+ * ```
+ */
+// STEP 1: Import all components first (required for default export)
+import { AtomicButton, } from './AtomicButton';
+import { AtomicText, } from './AtomicText';
+import { AtomicCard, } from './AtomicCard';
+import { AtomicInput, } from './AtomicInput';
+import { AtomicIcon, } from './AtomicIcon';
+import { AtomicImage, } from './AtomicImage';
+import { AtomicSwitch, } from './AtomicSwitch';
+import { AtomicBadge, } from './AtomicBadge';
+import { AtomicFormError, } from './AtomicFormError';
+import { AtomicAvatar, } from './AtomicAvatar';
+import { AtomicChip, } from './AtomicChip';
+import { AtomicDivider, } from './AtomicDivider';
+import { AtomicSkeleton, } from './AtomicSkeleton';
+import { AtomicProgress, } from './AtomicProgress';
+import { AtomicAvatarGroup, } from './AtomicAvatarGroup';
+import { AtomicFab, getFabVariants, } from './AtomicFab';
+import { AtomicFilter, getFilterContainerStyle, getClearAllContainerStyle, getScrollContentContainerStyle, } from './AtomicFilter';
+import { AtomicTouchable, TouchablePresets, getOpacityValue, normalizeHitSlop, } from './AtomicTouchable';
+// STEP 2: Re-export all components (for named imports)
+export { AtomicButton, };
+// Helper types extracted from ButtonVariantConfig
+export { AtomicText, };
+export { AtomicCard, };
+export { AtomicInput, };
+export { AtomicIcon, };
+export { AtomicImage, };
+export { AtomicSwitch, };
+export { AtomicBadge, };
+export { AtomicFormError, };
+export { AtomicAvatar, };
+export { AtomicChip, };
+export { AtomicDivider, };
+export { AtomicSkeleton, };
+export { AtomicProgress, };
+export { AtomicAvatarGroup, };
+export { AtomicFab, getFabVariants, };
+export { AtomicFilter, getFilterContainerStyle, getClearAllContainerStyle, getScrollContentContainerStyle, };
+export { AtomicTouchable, TouchablePresets, getOpacityValue, normalizeHitSlop, };
+/**
+ * Atomic component utilities
+ */
+export const AtomicUtils = {
+    /**
+     * Get recommended component combinations for common UI patterns
+     */
+    getRecommendedCombinations: () => ({
+        // Card with header
+        cardWithHeader: {
+            card: { variant: 'elevated', padding: 'lg' },
+            title: { variant: 'titleLarge', color: 'primary' },
+            description: { variant: 'bodyMedium', color: 'secondary' },
+        },
+        // Form field
+        formField: {
+            input: { variant: 'outlined', size: 'md' },
+            label: { variant: 'labelMedium', color: 'primary' },
+            helper: { variant: 'bodySmall', color: 'secondary' },
+        },
+        // Action button
+        primaryAction: {
+            button: { variant: 'primary', size: 'lg' },
+            text: { variant: 'labelLarge', color: 'onPrimary' },
+            icon: { size: 'md', color: 'onPrimary' },
+        },
+        // Secondary action
+        secondaryAction: {
+            button: { variant: 'outline', size: 'md' },
+            text: { variant: 'labelMedium', color: 'primary' },
+            icon: { size: 'sm', color: 'primary' },
+        },
+    }),
+    /**
+     * Validate component prop combinations
+     */
+    validatePropCombination: (componentType, props) => {
+        // Add validation logic here for prop combinations
+        // This helps catch design system violations early
+        return true;
+    },
+    /**
+     * Get accessibility guidelines for component combinations
+     */
+    getAccessibilityGuidelines: () => ({
+        button: {
+            minimumTouchTarget: 48,
+            requiresAccessibilityLabel: true,
+            supportsAccessibilityHint: true,
+        },
+        input: {
+            requiresLabel: true,
+            supportsHelperText: true,
+            requiresAccessibilityLabel: true,
+        },
+        card: {
+            supportsAccessibilityRole: true,
+            canBeAccessibilityContainer: true,
+        },
+        text: {
+            supportsAccessibilityLabel: true,
+            respectsSystemTextSize: true,
+        },
+        icon: {
+            requiresAccessibilityLabel: true,
+            supportsAccessibilityHint: false,
+        },
+    }),
+};
+// STEP 3: Default export (now all components are available in scope)
+const defaultExport = {
+    AtomicButton,
+    AtomicText,
+    AtomicCard,
+    AtomicInput,
+    AtomicIcon,
+    AtomicImage,
+    AtomicSwitch,
+    AtomicBadge,
+    AtomicFormError,
+    AtomicAvatar,
+    AtomicChip,
+    AtomicDivider,
+    AtomicSkeleton,
+    AtomicProgress,
+    AtomicAvatarGroup,
+    AtomicFab,
+    AtomicFilter,
+    AtomicTouchable,
+    AtomicUtils,
+};
+export default defaultExport;
+//# sourceMappingURL=index.js.map

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

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

package/lib/presentation/atoms/input/hooks/useInputState.d.ts

@@ -0,0 +1,7 @@
+export declare const useInputState: (secureTextEntry?: boolean) => {
+    isFocused: boolean;
+    setIsFocused: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    isPasswordVisible: boolean;
+    togglePasswordVisibility: () => void;
+};
+//# sourceMappingURL=useInputState.d.ts.map

package/lib/presentation/atoms/input/hooks/useInputState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputState.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/atoms/input/hooks/useInputState.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,GAAI,kBAAiB,OAAe;;;;;CAY7D,CAAC"}

package/lib/presentation/atoms/input/hooks/useInputState.js

@@ -0,0 +1,13 @@
+import { useState } from 'react';
+export const useInputState = (secureTextEntry = false) => {
+    const [isFocused, setIsFocused] = useState(false);
+    const [isPasswordVisible, setIsPasswordVisible] = useState(!secureTextEntry);
+    const togglePasswordVisibility = () => setIsPasswordVisible(!isPasswordVisible);
+    return {
+        isFocused,
+        setIsFocused,
+        isPasswordVisible,
+        togglePasswordVisibility,
+    };
+};
+//# sourceMappingURL=useInputState.js.map

package/lib/presentation/atoms/input/hooks/useInputState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputState.js","sourceRoot":"","sources":["../../../../../src/presentation/atoms/input/hooks/useInputState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,kBAA2B,KAAK,EAAE,EAAE;IAChE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,CAAC,eAAe,CAAC,CAAC;IAE7E,MAAM,wBAAwB,GAAG,GAAG,EAAE,CAAC,oBAAoB,CAAC,CAAC,iBAAiB,CAAC,CAAC;IAEhF,OAAO;QACL,SAAS;QACT,YAAY;QACZ,iBAAiB;QACjB,wBAAwB;KACzB,CAAC;AACJ,CAAC,CAAC"}

package/lib/presentation/atoms/input/styles/inputStyles.d.ts

@@ -0,0 +1,13 @@
+import { ViewStyle, TextStyle } from 'react-native';
+import { useAppDesignTokens } from '../../../hooks/useAppDesignTokens';
+import { AtomicInputVariant, AtomicInputSize, AtomicInputState } from '../types';
+type DesignTokens = ReturnType<typeof useAppDesignTokens>;
+export declare const getContainerVariantStyles: (tokens: DesignTokens) => Record<AtomicInputVariant, ViewStyle>;
+export declare const containerSizeStyles: Record<AtomicInputSize, ViewStyle>;
+export declare const getInputSizeStyles: (tokens: DesignTokens) => Record<AtomicInputSize, TextStyle>;
+export declare const getLabelSizeStyles: (tokens: DesignTokens) => Record<AtomicInputSize, TextStyle>;
+export declare const getStateStyles: (tokens: DesignTokens) => Record<AtomicInputState, ViewStyle>;
+export declare const getFocusStyles: (tokens: DesignTokens) => Record<AtomicInputVariant, ViewStyle>;
+export declare const getStateColor: (tokens: DesignTokens, state: AtomicInputState, isFocused: boolean, isDisabled: boolean) => string;
+export {};
+//# sourceMappingURL=inputStyles.d.ts.map

package/lib/presentation/atoms/input/styles/inputStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputStyles.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/atoms/input/styles/inputStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjF,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAE1D,eAAO,MAAM,yBAAyB,GAAI,QAAQ,YAAY,KAAG,MAAM,CAAC,kBAAkB,EAAE,SAAS,CAiBnG,CAAC;AAEH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,eAAe,EAAE,SAAS,CAIlE,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,QAAQ,YAAY,KAAG,MAAM,CAAC,eAAe,EAAE,SAAS,CAIzF,CAAC;AAEH,eAAO,MAAM,kBAAkB,GAAI,QAAQ,YAAY,KAAG,MAAM,CAAC,eAAe,EAAE,SAAS,CAIzF,CAAC;AAEH,eAAO,MAAM,cAAc,GAAI,QAAQ,YAAY,KAAG,MAAM,CAAC,gBAAgB,EAAE,SAAS,CAQtF,CAAC;AAEH,eAAO,MAAM,cAAc,GAAI,QAAQ,YAAY,KAAG,MAAM,CAAC,kBAAkB,EAAE,SAAS,CAIxF,CAAC;AAEH,eAAO,MAAM,aAAa,GAAI,QAAQ,YAAY,EAAE,OAAO,gBAAgB,EAAE,WAAW,OAAO,EAAE,YAAY,OAAO,KAAG,MAMtH,CAAC"}