@umituz/react-native-design-system 1.3.0 → 1.3.2

package/lib/presentation/atoms/AtomicTextArea.js

@@ -0,0 +1,196 @@
+/**
+ * AtomicTextArea Component
+ *
+ * A multiline text input component with pure React Native implementation
+ * for longer text entry with consistent styling.
+ *
+ * Features:
+ * - Pure React Native TextInput with multiline
+ * - Outlined/filled/flat variants
+ * - Error, success, disabled states
+ * - Character counter with max length
+ * - Helper text for guidance or errors
+ * - Configurable rows for height
+ * - Theme-aware styling
+ * - Full accessibility support
+ *
+ * Usage:
+ * ```tsx
+ * const [description, setDescription] = useState('');
+ *
+ * <AtomicTextArea
+ *   value={description}
+ *   onChangeText={setDescription}
+ *   label="Description"
+ *   placeholder="Enter description..."
+ *   maxLength={500}
+ *   showCharacterCount
+ *   rows={6}
+ *   helperText="Provide a detailed description"
+ * />
+ * ```
+ */
+import React, { useState } from 'react';
+import { View, TextInput, StyleSheet } from 'react-native';
+import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
+import { AtomicText } from './AtomicText';
+/**
+ * AtomicTextArea - Pure React Native Multiline Text Input
+ */
+export const AtomicTextArea = ({ variant = 'outlined', state = 'default', size = 'md', label, value = '', onChangeText, placeholder, helperText, maxLength, showCharacterCount = false, rows = 4, minHeight, autoCapitalize = 'sentences', autoCorrect = true, disabled = false, style, inputStyle, testID, onBlur, onFocus, }) => {
+    const tokens = useAppDesignTokens();
+    const [isFocused, setIsFocused] = useState(false);
+    const isDisabled = state === 'disabled' || disabled;
+    const characterCount = value?.toString().length || 0;
+    const hasError = state === 'error';
+    const hasSuccess = state === 'success';
+    // Size configuration
+    const sizeConfig = {
+        sm: {
+            paddingVertical: tokens.spacing.xs,
+            paddingHorizontal: tokens.spacing.sm,
+            fontSize: tokens.typography.bodySmall.fontSize,
+            lineHeight: 20,
+        },
+        md: {
+            paddingVertical: tokens.spacing.sm,
+            paddingHorizontal: tokens.spacing.md,
+            fontSize: tokens.typography.bodyMedium.fontSize,
+            lineHeight: 24,
+        },
+        lg: {
+            paddingVertical: tokens.spacing.md,
+            paddingHorizontal: tokens.spacing.lg,
+            fontSize: tokens.typography.bodyLarge.fontSize,
+            lineHeight: 28,
+        },
+    };
+    const config = sizeConfig[size];
+    // Calculate height based on rows
+    const getTextAreaHeight = () => {
+        if (minHeight)
+            return minHeight;
+        const paddingVertical = config.paddingVertical * 2;
+        return (rows * config.lineHeight) + paddingVertical;
+    };
+    // Get variant styles
+    const getVariantStyle = () => {
+        const baseStyle = {
+            backgroundColor: tokens.colors.surface,
+            borderRadius: tokens.borders.radius.md,
+        };
+        let borderColor = tokens.colors.border;
+        if (isFocused)
+            borderColor = tokens.colors.primary;
+        if (hasError)
+            borderColor = tokens.colors.error;
+        if (hasSuccess)
+            borderColor = tokens.colors.success;
+        if (isDisabled)
+            borderColor = tokens.colors.borderDisabled;
+        switch (variant) {
+            case 'outlined':
+                return {
+                    ...baseStyle,
+                    borderWidth: isFocused ? 2 : 1,
+                    borderColor,
+                };
+            case 'filled':
+                return {
+                    ...baseStyle,
+                    backgroundColor: tokens.colors.surfaceSecondary,
+                    borderWidth: 0,
+                    borderBottomWidth: isFocused ? 2 : 1,
+                    borderBottomColor: borderColor,
+                };
+            case 'flat':
+                return {
+                    ...baseStyle,
+                    backgroundColor: 'transparent',
+                    borderWidth: 0,
+                    borderBottomWidth: 1,
+                    borderBottomColor: borderColor,
+                    borderRadius: 0,
+                };
+            default:
+                return baseStyle;
+        }
+    };
+    // Get text color based on state
+    const getTextColor = () => {
+        if (isDisabled)
+            return tokens.colors.textDisabled;
+        if (hasError)
+            return tokens.colors.error;
+        if (hasSuccess)
+            return tokens.colors.success;
+        return tokens.colors.textPrimary;
+    };
+    const containerStyle = [
+        styles.container,
+        getVariantStyle(),
+        {
+            paddingVertical: config.paddingVertical,
+            paddingHorizontal: config.paddingHorizontal,
+            height: getTextAreaHeight(),
+            opacity: isDisabled ? 0.5 : 1,
+        },
+        style,
+    ];
+    const textInputStyle = [
+        styles.input,
+        {
+            fontSize: config.fontSize,
+            lineHeight: config.lineHeight,
+            color: getTextColor(),
+        },
+        inputStyle,
+    ];
+    return (<View testID={testID}>
+      {label && (<AtomicText type="labelMedium" color={hasError ? 'error' : hasSuccess ? 'success' : 'secondary'} style={styles.label}>
+          {label}
+        </AtomicText>)}
+
+      <View style={containerStyle}>
+        <TextInput value={value} onChangeText={onChangeText} placeholder={placeholder} placeholderTextColor={tokens.colors.textSecondary} maxLength={maxLength} autoCapitalize={autoCapitalize} autoCorrect={autoCorrect} editable={!isDisabled} multiline={true} numberOfLines={rows} textAlignVertical="top" style={textInputStyle} onBlur={() => {
+            setIsFocused(false);
+            onBlur?.();
+        }} onFocus={() => {
+            setIsFocused(true);
+            onFocus?.();
+        }} testID={testID ? `${testID}-input` : undefined}/>
+      </View>
+
+      {(helperText || showCharacterCount) && (<View style={styles.helperRow}>
+          {helperText && (<AtomicText type="bodySmall" color={hasError ? 'error' : 'secondary'} style={styles.helperText} testID={testID ? `${testID}-helper` : undefined}>
+              {helperText}
+            </AtomicText>)}
+          {showCharacterCount && maxLength && (<AtomicText type="bodySmall" color="secondary" style={styles.characterCount} testID={testID ? `${testID}-count` : undefined}>
+              {characterCount}/{maxLength}
+            </AtomicText>)}
+        </View>)}
+    </View>);
+};
+const styles = StyleSheet.create({
+    container: {
+        justifyContent: 'flex-start',
+    },
+    input: {
+        flex: 1,
+    },
+    label: {
+        marginBottom: 4,
+    },
+    helperRow: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        marginTop: 4,
+    },
+    helperText: {
+        flex: 1,
+    },
+    characterCount: {
+        marginLeft: 8,
+    },
+});
+//# sourceMappingURL=AtomicTextArea.js.map

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

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

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

@@ -0,0 +1,87 @@
+import React from 'react';
+import { AtomicTouchableProps, TouchableFeedback, FeedbackStrength } from './touchable/types';
+export type { AtomicTouchableProps, TouchableFeedback, FeedbackStrength, HitSlop, } from './touchable/types';
+export { getOpacityValue, getTouchableContainerStyle, getDisabledStyle, getLoadingContainerStyle, normalizeHitSlop, } from './touchable/styles/touchableStyles';
+/**
+ * AtomicTouchable - Unified Touchable Component
+ *
+ * A modern, accessible touchable wrapper using React Native's Pressable API.
+ * Provides consistent behavior across iOS, Android, and Web.
+ *
+ * Features:
+ * - Multiple feedback variants (opacity, highlight, ripple, none)
+ * - Configurable feedback strength (subtle, normal, strong)
+ * - Loading state with indicator
+ * - Disabled state with visual feedback
+ * - Hit slop customization for small touch targets
+ * - Minimum 48x48 touch target (iOS HIG compliance)
+ * - Full accessibility support
+ * - Theme-aware ripple colors
+ *
+ * @example
+ * ```tsx
+ * // Basic usage with opacity feedback
+ * <AtomicTouchable onPress={handlePress}>
+ *   <AtomicText>Press Me</AtomicText>
+ * </AtomicTouchable>
+ *
+ * // With loading state
+ * <AtomicTouchable
+ *   onPress={handleSubmit}
+ *   loading={isSubmitting}
+ *   feedback="highlight"
+ * >
+ *   <AtomicText>Submit</AtomicText>
+ * </AtomicTouchable>
+ *
+ * // With custom hit slop (extends touch area)
+ * <AtomicTouchable
+ *   onPress={handlePress}
+ *   hitSlop={8}
+ *   feedback="ripple"
+ * >
+ *   <AtomicIcon name="X" size="sm" />
+ * </AtomicTouchable>
+ * ```
+ */
+export declare const AtomicTouchable: React.FC<AtomicTouchableProps>;
+/**
+ * Preset touchable configurations for common use cases
+ */
+export declare const TouchablePresets: {
+    /**
+     * iOS-style opacity feedback (default)
+     */
+    ios: {
+        feedback: TouchableFeedback;
+        strength: FeedbackStrength;
+    };
+    /**
+     * Android-style ripple feedback
+     */
+    android: {
+        feedback: TouchableFeedback;
+        strength: FeedbackStrength;
+    };
+    /**
+     * Subtle feedback for secondary actions
+     */
+    subtle: {
+        feedback: TouchableFeedback;
+        strength: FeedbackStrength;
+    };
+    /**
+     * Strong feedback for primary actions
+     */
+    strong: {
+        feedback: TouchableFeedback;
+        strength: FeedbackStrength;
+    };
+    /**
+     * No visual feedback (use sparingly)
+     */
+    none: {
+        feedback: TouchableFeedback;
+    };
+};
+//# sourceMappingURL=AtomicTouchable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AtomicTouchable.d.ts","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicTouchable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAS9F,YAAY,EACV,oBAAoB,EACpB,iBAAiB,EACjB,gBAAgB,EAChB,OAAO,GACR,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EACL,eAAe,EACf,0BAA0B,EAC1B,gBAAgB,EAChB,wBAAwB,EACxB,gBAAgB,GACjB,MAAM,oCAAoC,CAAC;AAE5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuH1D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB;IAC3B;;OAEG;;kBAEsB,iBAAiB;kBAClB,gBAAgB;;IAGxC;;OAEG;;kBAEqB,iBAAiB;kBACjB,gBAAgB;;IAGxC;;OAEG;;kBAEsB,iBAAiB;kBAClB,gBAAgB;;IAGxC;;OAEG;;kBAEsB,iBAAiB;kBAClB,gBAAgB;;IAGxC;;OAEG;;kBAEmB,iBAAiB;;CAExC,CAAC"}

package/lib/presentation/atoms/AtomicTouchable.js

@@ -0,0 +1,151 @@
+import React from 'react';
+import { Pressable, View, ActivityIndicator } from 'react-native';
+import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
+import { getOpacityValue, getTouchableContainerStyle, getDisabledStyle, getLoadingContainerStyle, normalizeHitSlop, } from './touchable/styles/touchableStyles';
+export { getOpacityValue, getTouchableContainerStyle, getDisabledStyle, getLoadingContainerStyle, normalizeHitSlop, } from './touchable/styles/touchableStyles';
+/**
+ * AtomicTouchable - Unified Touchable Component
+ *
+ * A modern, accessible touchable wrapper using React Native's Pressable API.
+ * Provides consistent behavior across iOS, Android, and Web.
+ *
+ * Features:
+ * - Multiple feedback variants (opacity, highlight, ripple, none)
+ * - Configurable feedback strength (subtle, normal, strong)
+ * - Loading state with indicator
+ * - Disabled state with visual feedback
+ * - Hit slop customization for small touch targets
+ * - Minimum 48x48 touch target (iOS HIG compliance)
+ * - Full accessibility support
+ * - Theme-aware ripple colors
+ *
+ * @example
+ * ```tsx
+ * // Basic usage with opacity feedback
+ * <AtomicTouchable onPress={handlePress}>
+ *   <AtomicText>Press Me</AtomicText>
+ * </AtomicTouchable>
+ *
+ * // With loading state
+ * <AtomicTouchable
+ *   onPress={handleSubmit}
+ *   loading={isSubmitting}
+ *   feedback="highlight"
+ * >
+ *   <AtomicText>Submit</AtomicText>
+ * </AtomicTouchable>
+ *
+ * // With custom hit slop (extends touch area)
+ * <AtomicTouchable
+ *   onPress={handlePress}
+ *   hitSlop={8}
+ *   feedback="ripple"
+ * >
+ *   <AtomicIcon name="X" size="sm" />
+ * </AtomicTouchable>
+ * ```
+ */
+export const AtomicTouchable = ({ children, onPress, onPressIn, onPressOut, onLongPress, feedback = 'opacity', strength = 'normal', disabled = false, loading = false, hitSlop, style, pressedStyle, disabledStyle, accessibilityLabel, accessibilityHint, accessibilityRole = 'button', testID, delayLongPress = 500, rippleColor, rippleRadius = 0, }) => {
+    const tokens = useAppDesignTokens();
+    // Determine if touchable should be disabled
+    const isDisabled = disabled || loading;
+    // Get opacity value based on strength
+    const opacityValue = getOpacityValue(strength);
+    // Normalize hit slop
+    const normalizedHitSlop = normalizeHitSlop(hitSlop);
+    // Default ripple color (theme primary with alpha)
+    const defaultRippleColor = tokens.colors.primary + '40'; // 40 = 25% opacity in hex
+    /**
+     * Get style based on pressed state
+     */
+    const getPressedStyle = ({ pressed }) => {
+        const baseStyle = [
+            getTouchableContainerStyle(),
+            style,
+        ];
+        if (isDisabled) {
+            return [...baseStyle, getDisabledStyle(), disabledStyle];
+        }
+        if (pressed) {
+            // Apply feedback based on variant
+            switch (feedback) {
+                case 'opacity':
+                    return [...baseStyle, { opacity: opacityValue }, pressedStyle];
+                case 'highlight':
+                    return [
+                        ...baseStyle,
+                        { backgroundColor: tokens.colors.surfaceVariant },
+                        pressedStyle,
+                    ];
+                case 'none':
+                    return [...baseStyle, pressedStyle];
+                case 'ripple':
+                    // Ripple is handled by android_ripple prop
+                    return [...baseStyle, pressedStyle];
+                default:
+                    return [...baseStyle, pressedStyle];
+            }
+        }
+        return baseStyle;
+    };
+    /**
+     * Android ripple configuration
+     * Used when feedback='ripple'
+     * Pressable automatically ignores this prop on iOS/Web
+     */
+    const androidRippleConfig = feedback === 'ripple'
+        ? {
+            color: rippleColor || defaultRippleColor,
+            borderless: false,
+            radius: rippleRadius,
+        }
+        : undefined;
+    return (<Pressable onPress={isDisabled ? undefined : onPress} onPressIn={isDisabled ? undefined : onPressIn} onPressOut={isDisabled ? undefined : onPressOut} onLongPress={isDisabled ? undefined : onLongPress} delayLongPress={delayLongPress} disabled={isDisabled} hitSlop={normalizedHitSlop} style={getPressedStyle} android_ripple={androidRippleConfig} accessibilityLabel={accessibilityLabel} accessibilityHint={accessibilityHint} accessibilityRole={accessibilityRole} accessibilityState={{
+            disabled: isDisabled,
+            busy: loading,
+        }} testID={testID}>
+      {loading ? (<View style={getLoadingContainerStyle()}>
+          <ActivityIndicator size="small" color={tokens.colors.primary} testID={`${testID}-loading`}/>
+        </View>) : (children)}
+    </Pressable>);
+};
+/**
+ * Preset touchable configurations for common use cases
+ */
+export const TouchablePresets = {
+    /**
+     * iOS-style opacity feedback (default)
+     */
+    ios: {
+        feedback: 'opacity',
+        strength: 'normal',
+    },
+    /**
+     * Android-style ripple feedback
+     */
+    android: {
+        feedback: 'ripple',
+        strength: 'normal',
+    },
+    /**
+     * Subtle feedback for secondary actions
+     */
+    subtle: {
+        feedback: 'opacity',
+        strength: 'subtle',
+    },
+    /**
+     * Strong feedback for primary actions
+     */
+    strong: {
+        feedback: 'opacity',
+        strength: 'strong',
+    },
+    /**
+     * No visual feedback (use sparingly)
+     */
+    none: {
+        feedback: 'none',
+    },
+};
+//# sourceMappingURL=AtomicTouchable.js.map

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

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

package/lib/presentation/atoms/fab/styles/fabStyles.d.ts

@@ -0,0 +1,23 @@
+import { ViewStyle } from 'react-native';
+import { FabVariant, FabSize, FabVariantConfig, FabSizeConfig } from '../types';
+import type { DesignTokens } from '../../../tokens/AppDesignTokens';
+/**
+ * Material Design 3 FAB size configurations
+ */
+export declare const FAB_SIZES: Record<FabSize, FabSizeConfig>;
+/**
+ * Get FAB variant styles based on design tokens
+ * Note: Icon colors are handled via customColor in AtomicIcon
+ */
+export declare const getFabVariants: (tokens: DesignTokens) => Record<FabVariant, FabVariantConfig>;
+/**
+ * Get icon size based on FAB size
+ * Returns AtomicIconSize type ('sm', 'md', 'lg')
+ */
+export declare const getFabIconSize: (size: FabSize) => "sm" | "md" | "lg";
+/**
+ * Get FAB border for depth (shadows removed per CLAUDE.md)
+ * Subtle border provides visual elevation without shadow issues
+ */
+export declare const getFabBorder: (tokens: DesignTokens) => ViewStyle;
+//# sourceMappingURL=fabStyles.d.ts.map

package/lib/presentation/atoms/fab/styles/fabStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fabStyles.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/atoms/fab/styles/fabStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAChF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAEpE;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,aAAa,CAgBpD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,QAAQ,YAAY,KAAG,MAAM,CAAC,UAAU,EAAE,gBAAgB,CAavF,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,MAAM,OAAO,KAAG,IAAI,GAAG,IAAI,GAAG,IAW5D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,QAAQ,YAAY,KAAG,SAGlD,CAAC"}

package/lib/presentation/atoms/fab/styles/fabStyles.js

@@ -0,0 +1,63 @@
+/**
+ * Material Design 3 FAB size configurations
+ */
+export const FAB_SIZES = {
+    sm: {
+        width: 40,
+        height: 40,
+        borderRadius: 20, // Perfect circle
+    },
+    md: {
+        width: 56,
+        height: 56,
+        borderRadius: 28, // Perfect circle (Material Design 3 standard)
+    },
+    lg: {
+        width: 72,
+        height: 72,
+        borderRadius: 36, // Perfect circle
+    },
+};
+/**
+ * Get FAB variant styles based on design tokens
+ * Note: Icon colors are handled via customColor in AtomicIcon
+ */
+export const getFabVariants = (tokens) => ({
+    primary: {
+        backgroundColor: tokens.colors.primary,
+        iconColor: tokens.colors.onPrimary,
+    },
+    secondary: {
+        backgroundColor: tokens.colors.secondary,
+        iconColor: tokens.colors.onSecondary,
+    },
+    surface: {
+        backgroundColor: tokens.colors.surface,
+        iconColor: tokens.colors.onSurface,
+    },
+});
+/**
+ * Get icon size based on FAB size
+ * Returns AtomicIconSize type ('sm', 'md', 'lg')
+ */
+export const getFabIconSize = (size) => {
+    switch (size) {
+        case 'sm':
+            return 'sm';
+        case 'md':
+            return 'md';
+        case 'lg':
+            return 'lg';
+        default:
+            return 'md';
+    }
+};
+/**
+ * Get FAB border for depth (shadows removed per CLAUDE.md)
+ * Subtle border provides visual elevation without shadow issues
+ */
+export const getFabBorder = (tokens) => ({
+    borderWidth: 1,
+    borderColor: tokens.colors.outline,
+});
+//# sourceMappingURL=fabStyles.js.map

package/lib/presentation/atoms/fab/styles/fabStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fabStyles.js","sourceRoot":"","sources":["../../../../../src/presentation/atoms/fab/styles/fabStyles.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAmC;IACvD,EAAE,EAAE;QACF,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,EAAE,EAAE,iBAAiB;KACpC;IACD,EAAE,EAAE;QACF,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,EAAE,EAAE,8CAA8C;KACjE;IACD,EAAE,EAAE;QACF,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,EAAE,EAAE,iBAAiB;KACpC;CACF,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,MAAoB,EAAwC,EAAE,CAAC,CAAC;IAC7F,OAAO,EAAE;QACP,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO;QACtC,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS;KACnC;IACD,SAAS,EAAE;QACT,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS;QACxC,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW;KACrC;IACD,OAAO,EAAE;QACP,eAAe,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO;QACtC,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS;KACnC;CACF,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,IAAa,EAAsB,EAAE;IAClE,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,IAAI;YACP,OAAO,IAAI,CAAC;QACd,KAAK,IAAI;YACP,OAAO,IAAI,CAAC;QACd,KAAK,IAAI;YACP,OAAO,IAAI,CAAC;QACd;YACE,OAAO,IAAI,CAAC;IAChB,CAAC;AACH,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAoB,EAAa,EAAE,CAAC,CAAC;IAChE,WAAW,EAAE,CAAC;IACd,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO;CACnC,CAAC,CAAC"}

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

@@ -0,0 +1,76 @@
+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;
+    /**
+     * Whether to show loading state
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Custom style for the FAB container
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Test ID for testing
+     */
+    testID?: string;
+    /**
+     * Accessibility label
+     */
+    accessibilityLabel?: string;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/atoms/fab/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD;;;GAGG;AACH,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzC;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IAErB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B"}

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

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

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

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

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

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

package/lib/presentation/atoms/filter/styles/filterStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterStyles.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/atoms/filter/styles/filterStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC;;;GAGG;AACH,eAAO,MAAM,uBAAuB,QAAO,SAKzC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,yBAAyB,QAAO,SAO3C,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,8BAA8B,QAAO,SAGhD,CAAC"}