@umituz/react-native-design-system 1.7.1 → 1.7.3

package/lib/presentation/hooks/useResponsive.d.ts

@@ -1,80 +0,0 @@
-/**
- * useResponsive Hook
- *
- * React Hook for accessing responsive utilities with real-time dimension updates
- * and safe area insets integration.
- *
- * Usage:
- * ```tsx
- * const { logoSize, inputHeight, fabPosition, isSmallDevice } = useResponsive();
- * ```
- */
-import { DeviceType } from '../utils/responsive';
-export interface UseResponsiveReturn {
-    width: number;
-    height: number;
-    isSmallDevice: boolean;
-    isTabletDevice: boolean;
-    isLandscapeMode: boolean;
-    deviceType: DeviceType;
-    insets: {
-        top: number;
-        bottom: number;
-        left: number;
-        right: number;
-    };
-    logoSize: number;
-    inputHeight: number;
-    iconContainerSize: number;
-    maxContentWidth: number;
-    minTouchTarget: number;
-    horizontalPadding: number;
-    bottomPosition: number;
-    fabPosition: {
-        bottom: number;
-        right: number;
-    };
-    modalMaxHeight: string;
-    modalMinHeight: number;
-    gridColumns: number;
-    spacingMultiplier: number;
-    onboardingIconMarginTop: number;
-    onboardingIconMarginBottom: number;
-    onboardingIconSize: number;
-    onboardingTitleMarginBottom: number;
-    onboardingTextPadding: number;
-    onboardingDescriptionMarginTop: number;
-    formBottomPadding: number;
-    inputIconSize: number;
-    formContentWidth: number | undefined;
-    formElementSpacing: number;
-    getLogoSize: (baseSize?: number) => number;
-    getInputHeight: (baseHeight?: number) => number;
-    getIconSize: (baseSize?: number) => number;
-    getMaxWidth: (baseWidth?: number) => number;
-    getFontSize: (baseFontSize: number) => number;
-    getGridCols: (mobile?: number, tablet?: number) => number;
-}
-/**
- * Hook for responsive design utilities
- * Automatically updates when screen dimensions or orientation changes
- */
-export declare const useResponsive: () => UseResponsiveReturn;
-/**
- * Shorthand hook for just responsive sizes
- */
-export declare const useResponsiveSizes: () => {
-    logoSize: number;
-    inputHeight: number;
-    iconContainerSize: number;
-    maxContentWidth: number;
-};
-/**
- * Shorthand hook for just device type checks
- */
-export declare const useDeviceType: () => {
-    isSmallDevice: boolean;
-    isTabletDevice: boolean;
-    deviceType: DeviceType;
-};
-//# sourceMappingURL=useResponsive.d.ts.map

package/lib/presentation/hooks/useResponsive.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useResponsive.d.ts","sourceRoot":"","sources":["../../../src/presentation/hooks/useResponsive.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,OAAO,EA4BL,UAAU,EACX,MAAM,qBAAqB,CAAC;AAE7B,MAAM,WAAW,mBAAmB;IAElC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,OAAO,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,UAAU,CAAC;IAGvB,MAAM,EAAE;QACN,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IAGF,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IAGvB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAG/C,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAG1B,uBAAuB,EAAE,MAAM,CAAC;IAChC,0BAA0B,EAAE,MAAM,CAAC;IACnC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,2BAA2B,EAAE,MAAM,CAAC;IACpC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,8BAA8B,EAAE,MAAM,CAAC;IAGvC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,kBAAkB,EAAE,MAAM,CAAC;IAG3B,WAAW,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,cAAc,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAChD,WAAW,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,WAAW,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,WAAW,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9C,WAAW,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;CAC3D;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,QAAO,mBAwDhC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;;CAG9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa;;;;CAGzB,CAAC"}

package/lib/presentation/hooks/useResponsive.js

@@ -1,82 +0,0 @@
-/**
- * useResponsive Hook
- *
- * React Hook for accessing responsive utilities with real-time dimension updates
- * and safe area insets integration.
- *
- * Usage:
- * ```tsx
- * const { logoSize, inputHeight, fabPosition, isSmallDevice } = useResponsive();
- * ```
- */
-import { useWindowDimensions } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { getResponsiveLogoSize, getResponsiveInputHeight, getResponsiveHorizontalPadding, getResponsiveBottomPosition, getResponsiveFABPosition, getResponsiveModalMaxHeight, getResponsiveMinModalHeight, getResponsiveIconContainerSize, getResponsiveGridColumns, getResponsiveMaxWidth, getResponsiveFontSize, isSmallPhone, isTablet, isLandscape, getDeviceType, getMinTouchTargetSize, getSpacingMultiplier, getOnboardingIconMarginTop, getOnboardingIconMarginBottom, getOnboardingTitleMarginBottom, getOnboardingTextPadding, getOnboardingDescriptionMarginTop, getOnboardingIconSize, getFormBottomPadding, getInputIconSize, getFormContentWidth, getFormElementSpacing, } from '../utils/responsive';
-/**
- * Hook for responsive design utilities
- * Automatically updates when screen dimensions or orientation changes
- */
-export const useResponsive = () => {
-    const { width, height } = useWindowDimensions();
-    const insets = useSafeAreaInsets();
-    return {
-        // Device info
-        width,
-        height,
-        isSmallDevice: isSmallPhone(),
-        isTabletDevice: isTablet(),
-        isLandscapeMode: isLandscape(),
-        deviceType: getDeviceType(),
-        // Safe area insets
-        insets,
-        // Responsive sizes (with default values)
-        logoSize: getResponsiveLogoSize(),
-        inputHeight: getResponsiveInputHeight(),
-        iconContainerSize: getResponsiveIconContainerSize(),
-        maxContentWidth: getResponsiveMaxWidth(),
-        minTouchTarget: getMinTouchTargetSize(),
-        // Responsive positioning
-        horizontalPadding: getResponsiveHorizontalPadding(16, insets),
-        bottomPosition: getResponsiveBottomPosition(32, insets),
-        fabPosition: getResponsiveFABPosition(insets),
-        // Responsive layout
-        modalMaxHeight: getResponsiveModalMaxHeight(),
-        modalMinHeight: getResponsiveMinModalHeight(),
-        gridColumns: getResponsiveGridColumns(),
-        spacingMultiplier: getSpacingMultiplier(),
-        // Onboarding-specific spacing (pre-calculated, no component calculations)
-        onboardingIconMarginTop: getOnboardingIconMarginTop(),
-        onboardingIconMarginBottom: getOnboardingIconMarginBottom(),
-        onboardingIconSize: getOnboardingIconSize(),
-        onboardingTitleMarginBottom: getOnboardingTitleMarginBottom(),
-        onboardingTextPadding: getOnboardingTextPadding(),
-        onboardingDescriptionMarginTop: getOnboardingDescriptionMarginTop(),
-        // Form-specific spacing (pre-calculated, universal)
-        formBottomPadding: getFormBottomPadding(insets.bottom),
-        inputIconSize: getInputIconSize(),
-        formContentWidth: getFormContentWidth(),
-        formElementSpacing: getFormElementSpacing(),
-        // Utility functions (allow custom base values)
-        getLogoSize: (baseSize) => getResponsiveLogoSize(baseSize),
-        getInputHeight: (baseHeight) => getResponsiveInputHeight(baseHeight),
-        getIconSize: (baseSize) => getResponsiveIconContainerSize(baseSize),
-        getMaxWidth: (baseWidth) => getResponsiveMaxWidth(baseWidth),
-        getFontSize: (baseFontSize) => getResponsiveFontSize(baseFontSize),
-        getGridCols: (mobile, tablet) => getResponsiveGridColumns(mobile, tablet),
-    };
-};
-/**
- * Shorthand hook for just responsive sizes
- */
-export const useResponsiveSizes = () => {
-    const { logoSize, inputHeight, iconContainerSize, maxContentWidth } = useResponsive();
-    return { logoSize, inputHeight, iconContainerSize, maxContentWidth };
-};
-/**
- * Shorthand hook for just device type checks
- */
-export const useDeviceType = () => {
-    const { isSmallDevice, isTabletDevice, deviceType } = useResponsive();
-    return { isSmallDevice, isTabletDevice, deviceType };
-};
-//# sourceMappingURL=useResponsive.js.map

package/lib/presentation/hooks/useResponsive.js.map

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

package/lib/presentation/molecules/AtomicConfirmationModal.d.ts

@@ -1,73 +0,0 @@
-/**
- * AtomicConfirmationModal - Universal Confirmation Dialog
- *
- * A reusable confirmation modal for destructive and important actions.
- * Follows Material Design 3 dialog patterns and accessibility guidelines.
- *
- * Features:
- * - Multiple variants (default, destructive, warning, success)
- * - Configurable text and icons
- * - Backdrop dismissal
- * - Full keyboard and screen reader support
- * - Theme-aware styling
- *
- * @example
- * ```tsx
- * // Destructive confirmation (delete)
- * <AtomicConfirmationModal
- *   visible={showDeleteModal}
- *   variant="destructive"
- *   title="Delete Item?"
- *   message="This action cannot be undone. All data will be permanently deleted."
- *   confirmText="Delete"
- *   cancelText="Cancel"
- *   onConfirm={handleDelete}
- *   onCancel={() => setShowDeleteModal(false)}
- * />
- *
- * // Generic confirmation
- * <AtomicConfirmationModal
- *   visible={showConfirmModal}
- *   variant="default"
- *   title="Confirm Action"
- *   message="Are you sure you want to proceed?"
- *   onConfirm={handleConfirm}
- *   onCancel={() => setShowConfirmModal(false)}
- * />
- * ```
- */
-import React from 'react';
-import { AtomicConfirmationModalProps, ConfirmationModalVariant } from './confirmation-modal/types';
-export type { AtomicConfirmationModalProps };
-export type { ConfirmationModalVariant };
-export declare const AtomicConfirmationModal: React.FC<AtomicConfirmationModalProps>;
-/**
- * Hook for managing confirmation modal state
- *
- * @example
- * ```tsx
- * const { showConfirmation, confirmationProps } = useConfirmationModal({
- *   title: 'Delete Item?',
- *   message: 'This cannot be undone',
- *   variant: 'destructive',
- *   onConfirm: handleDelete,
- * });
- *
- * // In JSX
- * <AtomicConfirmationModal {...confirmationProps} />
- * <Button onPress={showConfirmation}>Delete</Button>
- * ```
- */
-export declare const useConfirmationModal: (config: {
-    title: string;
-    message: string;
-    variant?: ConfirmationModalVariant;
-    confirmText: string;
-    cancelText: string;
-    onConfirm: () => void;
-}) => {
-    showConfirmation: () => void;
-    hideConfirmation: () => void;
-    confirmationProps: AtomicConfirmationModalProps;
-};
-//# sourceMappingURL=AtomicConfirmationModal.d.ts.map

package/lib/presentation/molecules/AtomicConfirmationModal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AtomicConfirmationModal.d.ts","sourceRoot":"","sources":["../../../src/presentation/molecules/AtomicConfirmationModal.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EACL,4BAA4B,EAC5B,wBAAwB,EACzB,MAAM,4BAA4B,CAAC;AAapC,YAAY,EAAE,4BAA4B,EAAE,CAAC;AAC7C,YAAY,EAAE,wBAAwB,EAAE,CAAC;AAEzC,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CA6H1E,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,oBAAoB,GAAI,QAAQ;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;;;;CA2BA,CAAC"}

package/lib/presentation/molecules/AtomicConfirmationModal.js

@@ -1,154 +0,0 @@
-/**
- * AtomicConfirmationModal - Universal Confirmation Dialog
- *
- * A reusable confirmation modal for destructive and important actions.
- * Follows Material Design 3 dialog patterns and accessibility guidelines.
- *
- * Features:
- * - Multiple variants (default, destructive, warning, success)
- * - Configurable text and icons
- * - Backdrop dismissal
- * - Full keyboard and screen reader support
- * - Theme-aware styling
- *
- * @example
- * ```tsx
- * // Destructive confirmation (delete)
- * <AtomicConfirmationModal
- *   visible={showDeleteModal}
- *   variant="destructive"
- *   title="Delete Item?"
- *   message="This action cannot be undone. All data will be permanently deleted."
- *   confirmText="Delete"
- *   cancelText="Cancel"
- *   onConfirm={handleDelete}
- *   onCancel={() => setShowDeleteModal(false)}
- * />
- *
- * // Generic confirmation
- * <AtomicConfirmationModal
- *   visible={showConfirmModal}
- *   variant="default"
- *   title="Confirm Action"
- *   message="Are you sure you want to proceed?"
- *   onConfirm={handleConfirm}
- *   onCancel={() => setShowConfirmModal(false)}
- * />
- * ```
- */
-import React from 'react';
-import { View, Modal, TouchableOpacity } from 'react-native';
-import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
-import { AtomicText } from '../atoms/AtomicText';
-import { AtomicButton } from '../atoms/AtomicButton';
-import { AtomicIcon } from '../atoms/AtomicIcon';
-import { getVariantConfig, getModalOverlayStyle, getBackdropStyle, getModalContainerStyle, getIconContainerStyle, getTitleContainerStyle, getMessageContainerStyle, getButtonContainerStyle, getButtonStyle, } from './confirmation-modal/styles/confirmationModalStyles';
-export const AtomicConfirmationModal = ({ visible, title, message, variant = 'default', confirmText, cancelText, icon, onConfirm, onCancel, showBackdrop = true, backdropDismissible = true, style, testID = 'atomic-confirmation-modal', }) => {
-    const tokens = useAppDesignTokens();
-    // Get variant-specific configuration (icon and color only)
-    const variantConfig = getVariantConfig(variant, tokens);
-    // Determine final icon
-    const finalIcon = icon || variantConfig.icon;
-    // Handle backdrop press
-    const handleBackdropPress = () => {
-        if (backdropDismissible) {
-            onCancel();
-        }
-    };
-    return (<Modal visible={visible} transparent animationType="fade" onRequestClose={onCancel} statusBarTranslucent testID={testID}>
-      <View style={getModalOverlayStyle(tokens)}>
-        {/* Backdrop - Tap to dismiss if enabled */}
-        {showBackdrop && (<TouchableOpacity style={getBackdropStyle()} activeOpacity={1} onPress={handleBackdropPress} testID={`${testID}-backdrop`}/>)}
-
-        {/* Modal Container */}
-        <View style={[getModalContainerStyle(tokens), style]}>
-          {/* Icon */}
-          <View style={getIconContainerStyle(tokens)}>
-            <AtomicIcon name={finalIcon} size="xl" color={variantConfig.iconColor} testID={`${testID}-icon`}/>
-          </View>
-
-          {/* Title */}
-          <View style={getTitleContainerStyle(tokens)}>
-            <AtomicText type="titleLarge" style={{
-            color: tokens.colors.textPrimary,
-            textAlign: 'center',
-            fontWeight: tokens.typography.bold,
-        }} testID={`${testID}-title`}>
-              {title}
-            </AtomicText>
-          </View>
-
-          {/* Message */}
-          <View style={getMessageContainerStyle(tokens)}>
-            <AtomicText type="bodyMedium" style={{
-            color: tokens.colors.textSecondary,
-            textAlign: 'center',
-            lineHeight: tokens.typography.bodyMedium.lineHeight,
-        }} testID={`${testID}-message`}>
-              {message}
-            </AtomicText>
-          </View>
-
-          {/* Action Buttons */}
-          <View style={getButtonContainerStyle(tokens)}>
-            {/* Cancel Button */}
-            <AtomicButton variant="outline" size="md" onPress={onCancel} style={getButtonStyle()} testID={`${testID}-cancel-button`}>
-              {cancelText}
-            </AtomicButton>
-
-            {/* Confirm Button */}
-            <AtomicButton variant={variant === 'destructive' ? 'primary' : 'primary'} size="md" onPress={onConfirm} style={[
-            getButtonStyle(),
-            ...(variant === 'destructive' ? [{ backgroundColor: tokens.colors.error }] : []),
-            ...(variant === 'warning' ? [{ backgroundColor: tokens.colors.warning }] : []),
-            ...(variant === 'success' ? [{ backgroundColor: tokens.colors.success }] : []),
-        ]} testID={`${testID}-confirm-button`}>
-              {confirmText}
-            </AtomicButton>
-          </View>
-        </View>
-      </View>
-    </Modal>);
-};
-/**
- * Hook for managing confirmation modal state
- *
- * @example
- * ```tsx
- * const { showConfirmation, confirmationProps } = useConfirmationModal({
- *   title: 'Delete Item?',
- *   message: 'This cannot be undone',
- *   variant: 'destructive',
- *   onConfirm: handleDelete,
- * });
- *
- * // In JSX
- * <AtomicConfirmationModal {...confirmationProps} />
- * <Button onPress={showConfirmation}>Delete</Button>
- * ```
- */
-export const useConfirmationModal = (config) => {
-    const [visible, setVisible] = React.useState(false);
-    const showConfirmation = () => setVisible(true);
-    const hideConfirmation = () => setVisible(false);
-    const handleConfirm = () => {
-        config.onConfirm();
-        hideConfirmation();
-    };
-    const confirmationProps = {
-        visible,
-        title: config.title,
-        message: config.message,
-        variant: config.variant || 'default',
-        confirmText: config.confirmText,
-        cancelText: config.cancelText,
-        onConfirm: handleConfirm,
-        onCancel: hideConfirmation,
-    };
-    return {
-        showConfirmation,
-        hideConfirmation,
-        confirmationProps,
-    };
-};
-//# sourceMappingURL=AtomicConfirmationModal.js.map

package/lib/presentation/molecules/AtomicConfirmationModal.js.map

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

package/lib/presentation/molecules/EmptyState.d.ts

@@ -1,41 +0,0 @@
-/**
- * EmptyState Molecule - Universal Empty State Display
- *
- * Displays icon, title, and subtitle for empty data scenarios
- * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
- *
- * Atomic Design Level: MOLECULE
- * Composition: Icon + AtomicText + Layout
- *
- * Usage:
- * - Empty lists
- * - Empty grids
- * - No search results
- * - No data states
- */
-import React from 'react';
-import { ViewStyle, TextStyle } from 'react-native';
-export interface EmptyStateProps {
-    /** Material icon name */
-    icon: string;
-    /** Icon size (default: xl) */
-    iconSize?: 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
-    /** Main heading text */
-    title: string;
-    /** Descriptive subtitle text */
-    subtitle?: string;
-    /** Custom icon color (default: textTertiary) */
-    iconColor?: string;
-    /** Custom title color (default: textPrimary) */
-    titleColor?: string;
-    /** Custom subtitle color (default: textSecondary) */
-    subtitleColor?: string;
-    /** Container style override */
-    style?: ViewStyle;
-    /** Title style override */
-    titleStyle?: TextStyle;
-    /** Subtitle style override */
-    subtitleStyle?: TextStyle;
-}
-export declare const EmptyState: React.FC<EmptyStateProps>;
-//# sourceMappingURL=EmptyState.d.ts.map

package/lib/presentation/molecules/EmptyState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/presentation/molecules/EmptyState.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQtE,MAAM,WAAW,eAAe;IAC9B,yBAAyB;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAC7C,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qDAAqD;IACrD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,2BAA2B;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,8BAA8B;IAC9B,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B;AAMD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8ChD,CAAC"}

package/lib/presentation/molecules/EmptyState.js

@@ -1,68 +0,0 @@
-/**
- * EmptyState Molecule - Universal Empty State Display
- *
- * Displays icon, title, and subtitle for empty data scenarios
- * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
- *
- * Atomic Design Level: MOLECULE
- * Composition: Icon + AtomicText + Layout
- *
- * Usage:
- * - Empty lists
- * - Empty grids
- * - No search results
- * - No data states
- */
-import React from 'react';
-import { View, StyleSheet } from 'react-native';
-import { AtomicText, AtomicIcon } from '../atoms';
-import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
-// =============================================================================
-// COMPONENT IMPLEMENTATION
-// =============================================================================
-export const EmptyState = ({ icon, iconSize = 'xl', title, subtitle, iconColor, titleColor, subtitleColor, style, titleStyle, subtitleStyle, }) => {
-    const tokens = useAppDesignTokens();
-    const styles = getStyles(tokens);
-    return (<View style={[styles.container, style]}>
-      <AtomicIcon name={icon} size={iconSize} customColor={iconColor || tokens.colors.textSecondary}/>
-      <AtomicText type="headlineMedium" color={titleColor || tokens.colors.textPrimary} style={StyleSheet.flatten([
-            styles.title,
-            titleStyle,
-        ])}>
-        {title}
-      </AtomicText>
-      {subtitle && (<AtomicText type="bodyMedium" color={subtitleColor || tokens.colors.textSecondary} style={StyleSheet.flatten([
-                styles.subtitle,
-                subtitleStyle,
-            ])}>
-          {subtitle}
-        </AtomicText>)}
-    </View>);
-};
-// =============================================================================
-// STYLES
-// =============================================================================
-const getStyles = (tokens) => StyleSheet.create({
-    container: {
-        flex: 1,
-        justifyContent: 'center',
-        alignItems: 'center',
-        paddingVertical: tokens.spacing.xl,
-        paddingHorizontal: tokens.spacing.lg,
-    },
-    title: {
-        fontSize: tokens.typography.headingMedium.fontSize,
-        fontWeight: tokens.typography.headingMedium.fontWeight,
-        marginTop: tokens.spacing.md,
-        textAlign: 'center',
-    },
-    subtitle: {
-        fontSize: tokens.typography.bodySmall.fontSize,
-        marginTop: tokens.spacing.xs,
-        textAlign: 'center',
-    },
-});
-// =============================================================================
-// EXPORTS
-// =============================================================================
-//# sourceMappingURL=EmptyState.js.map

package/lib/presentation/molecules/EmptyState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../src/presentation/molecules/EmptyState.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AA6BjE,gFAAgF;AAChF,2BAA2B;AAC3B,gFAAgF;AAEhF,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EACpD,IAAI,EACJ,QAAQ,GAAG,IAAI,EACf,KAAK,EACL,QAAQ,EACR,SAAS,EACT,UAAU,EACV,aAAa,EACb,KAAK,EACL,UAAU,EACV,aAAa,GACd,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IAEjC,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CACrC;MAAA,CAAC,UAAU,CACT,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,IAAI,CAAC,CAAC,QAAQ,CAAC,CACf,WAAW,CAAC,CAAC,SAAS,IAAI,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,EAExD;MAAA,CAAC,UAAU,CACT,IAAI,CAAC,gBAAgB,CACrB,KAAK,CAAC,CAAC,UAAU,IAAI,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,CAC/C,KAAK,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC;YACxB,MAAM,CAAC,KAAK;YACZ,UAAU;SACX,CAAC,CAAC,CAEH;QAAA,CAAC,KAAK,CACR;MAAA,EAAE,UAAU,CACZ;MAAA,CAAC,QAAQ,IAAI,CACX,CAAC,UAAU,CACT,IAAI,CAAC,YAAY,CACjB,KAAK,CAAC,CAAC,aAAa,IAAI,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CACpD,KAAK,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC;gBACxB,MAAM,CAAC,QAAQ;gBACf,aAAa;aACd,CAAC,CAAC,CAEH;UAAA,CAAC,QAAQ,CACX;QAAA,EAAE,UAAU,CAAC,CACd,CACH;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,gFAAgF;AAChF,SAAS;AACT,gFAAgF;AAEhF,MAAM,SAAS,GAAG,CAAC,MAA6C,EAAE,EAAE,CAClE,UAAU,CAAC,MAAM,CAAC;IAChB,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;QACP,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,eAAe,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;QAClC,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;KACrC;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ;QAClD,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU;QACtD,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;QAC5B,SAAS,EAAE,QAAQ;KACpB;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ;QAC9C,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;QAC5B,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAC;AAEL,gFAAgF;AAChF,UAAU;AACV,gFAAgF"}

package/lib/presentation/molecules/FormField.d.ts

@@ -1,22 +0,0 @@
-/**
- * FormField Molecule - Complete Form Input with Label and Error
- *
- * Combines AtomicText (label/error) + AtomicInput (field)
- * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
- *
- * Atomic Design Level: MOLECULE
- * Composition: AtomicText + AtomicInput
- */
-import React from 'react';
-import { ViewStyle } from 'react-native';
-import { AtomicInputProps } from '../atoms/AtomicInput';
-export interface FormFieldProps extends Omit<AtomicInputProps, 'state' | 'label'> {
-    label?: string;
-    error?: string;
-    helperText?: string;
-    required?: boolean;
-    containerStyle?: ViewStyle;
-    style?: ViewStyle;
-}
-export declare const FormField: React.FC<FormFieldProps>;
-//# sourceMappingURL=FormField.d.ts.map

package/lib/presentation/molecules/FormField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/presentation/molecules/FormField.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAG/C,OAAO,EAAe,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAMrE,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,OAAO,CAAC;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAMD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA8D9C,CAAC"}

package/lib/presentation/molecules/FormField.js

@@ -1,76 +0,0 @@
-/**
- * FormField Molecule - Complete Form Input with Label and Error
- *
- * Combines AtomicText (label/error) + AtomicInput (field)
- * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
- *
- * Atomic Design Level: MOLECULE
- * Composition: AtomicText + AtomicInput
- */
-import React from 'react';
-import { View } from 'react-native';
-import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
-import { AtomicText } from '../atoms/AtomicText';
-import { AtomicInput } from '../atoms/AtomicInput';
-// =============================================================================
-// COMPONENT IMPLEMENTATION
-// =============================================================================
-export const FormField = ({ label, error, helperText, required = false, containerStyle, style, // Accept both style and containerStyle
-...inputProps }) => {
-    const tokens = useAppDesignTokens();
-    const inputState = error ? 'error' : 'default';
-    const styles = getStyles(tokens);
-    return (<View style={[styles.container, containerStyle || style]}>
-      {/* Label */}
-      {label && (<View style={styles.labelContainer}>
-          <AtomicText type="labelMedium" color="primary" style={styles.label}>
-            {label}
-          </AtomicText>
-          {required && (<AtomicText type="labelMedium" color="error">
-              {' *'}
-            </AtomicText>)}
-        </View>)}
-
-      {/* Input Field */}
-      <AtomicInput {...inputProps} label={label || ''} state={inputState}/>
-
-      {/* Error Message */}
-      {error && (<AtomicText type="bodySmall" color="error" style={styles.errorText}>
-          {error}
-        </AtomicText>)}
-
-      {/* Helper Text */}
-      {!error && helperText && (<AtomicText type="bodySmall" color="secondary" style={styles.helperText}>
-          {helperText}
-        </AtomicText>)}
-    </View>);
-};
-// =============================================================================
-// STYLES
-// =============================================================================
-const getStyles = (tokens) => ({
-    container: {
-        marginBottom: tokens.spacing.md,
-    },
-    labelContainer: {
-        flexDirection: 'row',
-        marginBottom: tokens.spacing.sm,
-    },
-    label: {
-        fontWeight: tokens.typography.labelMedium.fontWeight,
-        color: tokens.colors.textPrimary,
-    },
-    inputError: {
-        borderColor: tokens.colors.error,
-    },
-    errorText: {
-        marginTop: tokens.spacing.xs,
-    },
-    helperText: {
-        marginTop: tokens.spacing.xs,
-    },
-});
-// =============================================================================
-// EXPORTS
-// =============================================================================
-//# sourceMappingURL=FormField.js.map

package/lib/presentation/molecules/FormField.js.map

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