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

package/lib/presentation/atoms/AtomicSkeleton.js

@@ -0,0 +1,84 @@
+/**
+ * AtomicSkeleton - Universal Skeleton Loading Component
+ *
+ * Displays animated skeleton placeholders for loading states
+ * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
+ *
+ * Atomic Design Level: ATOM
+ * Purpose: Loading state placeholder
+ *
+ * Usage:
+ * - Content loading placeholders
+ * - List item skeletons
+ * - Card skeletons
+ * - Text line skeletons
+ * - Image placeholders
+ */
+import React, { useEffect, useRef } from 'react';
+import { View, Animated } from 'react-native';
+import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
+// =============================================================================
+// COMPONENT IMPLEMENTATION
+// =============================================================================
+export const AtomicSkeleton = ({ width = '100%', height = 20, shape = 'rectangle', borderRadius, duration, animated = true, color, highlightColor, style, testID, }) => {
+    const tokens = useAppDesignTokens();
+    const animatedValue = useRef(new Animated.Value(0)).current;
+    // Default values
+    const finalDuration = duration ?? tokens.animations.slowest;
+    const skeletonColor = color || tokens.colors.surfaceVariant;
+    const skeletonHighlight = highlightColor || tokens.colors.surface;
+    // Animation effect
+    useEffect(() => {
+        if (animated) {
+            const animation = Animated.loop(Animated.sequence([
+                Animated.timing(animatedValue, {
+                    toValue: 1,
+                    duration: finalDuration,
+                    useNativeDriver: false,
+                }),
+                Animated.timing(animatedValue, {
+                    toValue: 0,
+                    duration: finalDuration,
+                    useNativeDriver: false,
+                }),
+            ]));
+            animation.start();
+            return () => animation.stop();
+        }
+    }, [animated, finalDuration, animatedValue]);
+    // Calculate border radius based on shape
+    const getBorderRadius = () => {
+        if (borderRadius !== undefined)
+            return borderRadius;
+        switch (shape) {
+            case 'circle':
+                return typeof height === 'number' ? height / 2 : 20;
+            case 'rounded':
+                return tokens.borders.radius.md;
+            case 'rectangle':
+            default:
+                return tokens.borders.radius.sm;
+        }
+    };
+    const skeletonStyle = {
+        width: width,
+        height: height,
+        backgroundColor: skeletonColor,
+        borderRadius: getBorderRadius(),
+    };
+    if (animated) {
+        const animatedStyle = {
+            backgroundColor: animatedValue.interpolate({
+                inputRange: [0, 1],
+                outputRange: [skeletonColor, skeletonHighlight],
+            }),
+        };
+        return (<Animated.View style={[skeletonStyle, animatedStyle, style]} testID={testID}/>);
+    }
+    return (<View style={[skeletonStyle, style]} testID={testID}/>);
+};
+// =============================================================================
+// EXPORTS
+// =============================================================================
+export default AtomicSkeleton;
+//# sourceMappingURL=AtomicSkeleton.js.map

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

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

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

@@ -0,0 +1,72 @@
+import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+/**
+ * Sort option interface
+ */
+export interface SortOption {
+    id: string;
+    label: string;
+    icon?: string;
+}
+/**
+ * Sort direction type
+ */
+export type SortDirection = 'asc' | 'desc';
+/**
+ * AtomicSort component props
+ */
+export interface AtomicSortProps {
+    options: SortOption[];
+    selectedId: string | null;
+    sortDirection: SortDirection;
+    onSortChange: (optionId: string, direction: SortDirection) => void;
+    showDirectionToggle?: boolean;
+    variant?: 'outlined' | 'filled' | 'soft';
+    color?: 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
+    size?: 'sm' | 'md' | 'lg';
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+/**
+ * AtomicSort - Horizontal Sort Chip Component
+ *
+ * A Material Design 3 compliant sort component using chip selection.
+ * Supports single selection with ascending/descending direction toggle.
+ *
+ * @example
+ * ```tsx
+ * const [sortBy, setSortBy] = useState<string | null>('name');
+ * const [sortDir, setSortDir] = useState<SortDirection>('asc');
+ *
+ * <AtomicSort
+ *   options={[
+ *     { id: 'name', label: 'Name', icon: 'sort-alpha' },
+ *     { id: 'date', label: 'Date', icon: 'schedule' },
+ *     { id: 'priority', label: 'Priority', icon: 'flag' },
+ *   ]}
+ *   selectedId={sortBy}
+ *   sortDirection={sortDir}
+ *   onSortChange={(id, dir) => {
+ *     setSortBy(id);
+ *     setSortDir(dir);
+ *   }}
+ *   showDirectionToggle={true}
+ * />
+ * ```
+ *
+ * Features:
+ * - Horizontal scrollable sort chips
+ * - Single selection (one active sort at a time)
+ * - Direction toggle (click active chip to switch asc/desc)
+ * - Visual arrow indicators (↑ asc, ↓ desc)
+ * - Theme-aware colors from design tokens
+ * - Icon support per sort option
+ * - Fully controlled component
+ *
+ * Behavior:
+ * - Click inactive chip → Selects it with ascending direction
+ * - Click active chip → Toggles direction (asc ↔ desc)
+ * - Visual feedback via filled variant for active sort
+ */
+export declare const AtomicSort: React.FC<AtomicSortProps>;
+//# sourceMappingURL=AtomicSort.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AtomicSort.d.ts","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicSort.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzD;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,aAAa,EAAE,aAAa,CAAC;IAC7B,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,KAAK,IAAI,CAAC;IACnE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;IACzC,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAC3E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmEhD,CAAC"}

package/lib/presentation/atoms/AtomicSort.js

@@ -0,0 +1,77 @@
+import React from 'react';
+import { ScrollView, View } from 'react-native';
+import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
+import { AtomicChip } from './AtomicChip';
+/**
+ * AtomicSort - Horizontal Sort Chip Component
+ *
+ * A Material Design 3 compliant sort component using chip selection.
+ * Supports single selection with ascending/descending direction toggle.
+ *
+ * @example
+ * ```tsx
+ * const [sortBy, setSortBy] = useState<string | null>('name');
+ * const [sortDir, setSortDir] = useState<SortDirection>('asc');
+ *
+ * <AtomicSort
+ *   options={[
+ *     { id: 'name', label: 'Name', icon: 'sort-alpha' },
+ *     { id: 'date', label: 'Date', icon: 'schedule' },
+ *     { id: 'priority', label: 'Priority', icon: 'flag' },
+ *   ]}
+ *   selectedId={sortBy}
+ *   sortDirection={sortDir}
+ *   onSortChange={(id, dir) => {
+ *     setSortBy(id);
+ *     setSortDir(dir);
+ *   }}
+ *   showDirectionToggle={true}
+ * />
+ * ```
+ *
+ * Features:
+ * - Horizontal scrollable sort chips
+ * - Single selection (one active sort at a time)
+ * - Direction toggle (click active chip to switch asc/desc)
+ * - Visual arrow indicators (↑ asc, ↓ desc)
+ * - Theme-aware colors from design tokens
+ * - Icon support per sort option
+ * - Fully controlled component
+ *
+ * Behavior:
+ * - Click inactive chip → Selects it with ascending direction
+ * - Click active chip → Toggles direction (asc ↔ desc)
+ * - Visual feedback via filled variant for active sort
+ */
+export const AtomicSort = ({ options, selectedId, sortDirection, onSortChange, showDirectionToggle = true, variant = 'outlined', color = 'primary', size = 'md', style, testID, }) => {
+    const tokens = useAppDesignTokens();
+    /**
+     * Handle sort chip press
+     * - If clicking active chip: Toggle direction
+     * - If clicking inactive chip: Select it with 'asc' direction
+     */
+    const handleSortPress = (optionId) => {
+        if (selectedId === optionId) {
+            const newDirection = sortDirection === 'asc' ? 'desc' : 'asc';
+            onSortChange(optionId, newDirection);
+        }
+        else {
+            onSortChange(optionId, 'asc');
+        }
+    };
+    const directionIcon = sortDirection === 'asc' ? 'arrow-upward' : 'arrow-downward';
+    return (<ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={{
+            paddingHorizontal: tokens.spacing.sm,
+            gap: tokens.spacing.sm,
+        }} style={[style]} testID={testID}>
+      <View style={{ flexDirection: 'row', gap: tokens.spacing.sm }}>
+        {options.map((option) => {
+            const isSelected = selectedId === option.id;
+            return (<AtomicChip key={option.id} variant={isSelected ? 'filled' : variant} color={color} size={size} leadingIcon={option.icon} trailingIcon={isSelected && showDirectionToggle ? directionIcon : undefined} selected={isSelected} clickable={true} onPress={() => handleSortPress(option.id)} testID={`sort-chip-${option.id}`}>
+              {option.label}
+            </AtomicChip>);
+        })}
+      </View>
+    </ScrollView>);
+};
+//# sourceMappingURL=AtomicSort.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AtomicSort.js","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicSort.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAgC1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EACpD,OAAO,EACP,UAAU,EACV,aAAa,EACb,YAAY,EACZ,mBAAmB,GAAG,IAAI,EAC1B,OAAO,GAAG,UAAU,EACpB,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,IAAI,EACX,KAAK,EACL,MAAM,GACP,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IAEpC;;;;OAIG;IACH,MAAM,eAAe,GAAG,CAAC,QAAgB,EAAE,EAAE;QAC3C,IAAI,UAAU,KAAK,QAAQ,EAAE,CAAC;YAC5B,MAAM,YAAY,GAAG,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;YAC9D,YAAY,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACvC,CAAC;aAAM,CAAC;YACN,YAAY,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;QAChC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAElF,OAAO,CACL,CAAC,UAAU,CACT,UAAU,CACV,8BAA8B,CAAC,CAAC,KAAK,CAAC,CACtC,qBAAqB,CAAC,CAAC;YACrB,iBAAiB,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;YACpC,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE;SACvB,CAAC,CACF,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CACf,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAC5D;QAAA,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YACtB,MAAM,UAAU,GAAG,UAAU,KAAK,MAAM,CAAC,EAAE,CAAC;YAE5C,OAAO,CACL,CAAC,UAAU,CACT,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CACf,OAAO,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CACzC,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,WAAW,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACzB,YAAY,CAAC,CACX,UAAU,IAAI,mBAAmB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SACtD,CAAC,CACD,QAAQ,CAAC,CAAC,UAAU,CAAC,CACrB,SAAS,CAAC,CAAC,IAAI,CAAC,CAChB,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAC1C,MAAM,CAAC,CAAC,aAAa,MAAM,CAAC,EAAE,EAAE,CAAC,CAEjC;cAAA,CAAC,MAAM,CAAC,KAAK,CACf;YAAA,EAAE,UAAU,CAAC,CACd,CAAC;QACJ,CAAC,CAAC,CACJ;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,43 @@
+/**
+ * AtomicSwitch - Universal Switch Component
+ *
+ * Provides consistent switch/toggle functionality with theme integration
+ * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
+ *
+ * Atomic Design Level: ATOM
+ * Purpose: Basic switch/toggle input
+ *
+ * Usage:
+ * - Settings toggles
+ * - Feature enable/disable
+ * - Boolean preferences
+ * - Form inputs
+ */
+import React from 'react';
+import { SwitchProps, ViewStyle } from 'react-native';
+export interface AtomicSwitchProps extends Omit<SwitchProps, 'style'> {
+    /** Switch value */
+    value: boolean;
+    /** Value change handler */
+    onValueChange: (value: boolean) => void;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Color variant */
+    variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'error';
+    /** Disabled state */
+    disabled?: boolean;
+    /** Container style override */
+    style?: ViewStyle;
+    /** Track color override */
+    trackColor?: {
+        false: string;
+        true: string;
+    };
+    /** Thumb color override */
+    thumbColor?: string;
+    /** iOS specific props */
+    ios_backgroundColor?: string;
+}
+export declare const AtomicSwitch: React.FC<AtomicSwitchProps>;
+export default AtomicSwitch;
+//# sourceMappingURL=AtomicSwitch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AtomicSwitch.d.ts","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicSwitch.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAU,WAAW,EAAc,SAAS,EAAE,MAAM,cAAc,CAAC;AAO1E,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC;IACnE,mBAAmB;IACnB,KAAK,EAAE,OAAO,CAAC;IACf,2BAA2B;IAC3B,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACpE,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,2BAA2B;IAC3B,UAAU,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7C,2BAA2B;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yBAAyB;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAgBD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4CpD,CAAC;AA8DF,eAAe,YAAY,CAAC"}

package/lib/presentation/atoms/AtomicSwitch.js

@@ -0,0 +1,104 @@
+/**
+ * AtomicSwitch - Universal Switch Component
+ *
+ * Provides consistent switch/toggle functionality with theme integration
+ * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
+ *
+ * Atomic Design Level: ATOM
+ * Purpose: Basic switch/toggle input
+ *
+ * Usage:
+ * - Settings toggles
+ * - Feature enable/disable
+ * - Boolean preferences
+ * - Form inputs
+ */
+import React from 'react';
+import { Switch, StyleSheet } from 'react-native';
+import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
+// =============================================================================
+// SIZE CONFIGURATION
+// =============================================================================
+const SIZE_CONFIG = {
+    sm: { scaleX: 0.8, scaleY: 0.8 },
+    md: { scaleX: 1, scaleY: 1 },
+    lg: { scaleX: 1.2, scaleY: 1.2 },
+};
+// =============================================================================
+// COMPONENT IMPLEMENTATION
+// =============================================================================
+export const AtomicSwitch = ({ value, onValueChange, size = 'md', variant = 'primary', disabled = false, style, trackColor, thumbColor, ios_backgroundColor, ...props }) => {
+    const tokens = useAppDesignTokens();
+    const styles = getStyles(tokens);
+    const sizeConfig = SIZE_CONFIG[size];
+    const colors = getVariantColors(tokens, variant);
+    const defaultTrackColor = trackColor || {
+        false: colors.trackFalse,
+        true: colors.trackTrue,
+    };
+    const defaultThumbColor = thumbColor || colors.thumb;
+    const defaultIosBackgroundColor = ios_backgroundColor || colors.trackFalse;
+    return (<Switch value={value} onValueChange={onValueChange} disabled={disabled} trackColor={defaultTrackColor} thumbColor={defaultThumbColor} ios_backgroundColor={defaultIosBackgroundColor} style={[
+            styles.switch,
+            {
+                transform: [{ scaleX: sizeConfig.scaleX }, { scaleY: sizeConfig.scaleY }],
+            },
+            style,
+        ]} {...props}/>);
+};
+// =============================================================================
+// HELPER FUNCTIONS
+// =============================================================================
+const getVariantColors = (tokens, variant) => {
+    switch (variant) {
+        case 'primary':
+            return {
+                trackFalse: tokens.colors.surfaceSecondary,
+                trackTrue: tokens.colors.primary,
+                thumb: tokens.colors.surface,
+            };
+        case 'secondary':
+            return {
+                trackFalse: tokens.colors.surfaceSecondary,
+                trackTrue: tokens.colors.secondary,
+                thumb: tokens.colors.surface,
+            };
+        case 'success':
+            return {
+                trackFalse: tokens.colors.surfaceSecondary,
+                trackTrue: tokens.colors.success,
+                thumb: tokens.colors.surface,
+            };
+        case 'warning':
+            return {
+                trackFalse: tokens.colors.surfaceSecondary,
+                trackTrue: tokens.colors.warning,
+                thumb: tokens.colors.surface,
+            };
+        case 'error':
+            return {
+                trackFalse: tokens.colors.surfaceSecondary,
+                trackTrue: tokens.colors.error,
+                thumb: tokens.colors.surface,
+            };
+        default:
+            return {
+                trackFalse: tokens.colors.surfaceSecondary,
+                trackTrue: tokens.colors.primary,
+                thumb: tokens.colors.surface,
+            };
+    }
+};
+// =============================================================================
+// STYLES
+// =============================================================================
+const getStyles = (tokens) => StyleSheet.create({
+    switch: {
+    // Default switch styling is handled by platform
+    },
+});
+// =============================================================================
+// EXPORTS
+// =============================================================================
+export default AtomicSwitch;
+//# sourceMappingURL=AtomicSwitch.js.map

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

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

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { StyleProp, TextStyle } from 'react-native';
+export type TextStyleVariant = 'displayLarge' | 'displayMedium' | 'displaySmall' | 'headlineLarge' | 'headlineMedium' | 'headlineSmall' | 'titleLarge' | 'titleMedium' | 'titleSmall' | 'bodyLarge' | 'bodyMedium' | 'bodySmall' | 'labelLarge' | 'labelMedium' | 'labelSmall';
+export type ColorVariant = 'primary' | 'secondary' | 'tertiary' | 'disabled' | 'inverse' | 'success' | 'error' | 'warning' | 'info';
+export interface AtomicTextProps {
+    children: React.ReactNode;
+    type?: TextStyleVariant;
+    color?: ColorVariant | string;
+    numberOfLines?: number;
+    style?: StyleProp<TextStyle>;
+    testID?: string;
+}
+export declare const AtomicText: React.FC<AtomicTextProps>;
+//# sourceMappingURL=AtomicText.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AtomicText.d.ts","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG1D,MAAM,MAAM,gBAAgB,GACxB,cAAc,GAAG,eAAe,GAAG,cAAc,GACjD,eAAe,GAAG,gBAAgB,GAAG,eAAe,GACpD,YAAY,GAAG,aAAa,GAAG,YAAY,GAC3C,WAAW,GAAG,YAAY,GAAG,WAAW,GACxC,YAAY,GAAG,aAAa,GAAG,YAAY,CAAC;AAEhD,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,WAAW,GACX,UAAU,GACV,UAAU,GACV,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,GACT,MAAM,CAAC;AAEX,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,KAAK,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkDhD,CAAC"}

package/lib/presentation/atoms/AtomicText.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import { Text } from 'react-native';
+import { useAppDesignTokens } from '../hooks/useAppDesignTokens';
+export const AtomicText = ({ children, type = 'bodyMedium', color, numberOfLines, style, testID, }) => {
+    const tokens = useAppDesignTokens();
+    // Get typography style from tokens
+    const typographyStyle = tokens.typography[type];
+    // Get color from tokens or use custom color
+    const getTextColor = () => {
+        if (!color) {
+            return tokens.colors.textPrimary;
+        }
+        // Check if it's a semantic color name
+        const colorMap = {
+            primary: tokens.colors.textPrimary,
+            secondary: tokens.colors.textSecondary,
+            tertiary: tokens.colors.textTertiary,
+            disabled: tokens.colors.textDisabled,
+            inverse: tokens.colors.textInverse,
+            success: tokens.colors.success,
+            error: tokens.colors.error,
+            warning: tokens.colors.warning,
+            info: tokens.colors.info,
+        };
+        return colorMap[color] || color;
+    };
+    const textStyle = [
+        typographyStyle,
+        { color: getTextColor() },
+        style,
+    ];
+    return (<Text numberOfLines={numberOfLines} style={textStyle} testID={testID}>
+      {children}
+    </Text>);
+};
+//# sourceMappingURL=AtomicText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AtomicText.js","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAwB,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AA6BjE,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EACpD,QAAQ,EACR,IAAI,GAAG,YAAY,EACnB,KAAK,EACL,aAAa,EACb,KAAK,EACL,MAAM,GACP,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IAEpC,mCAAmC;IACnC,MAAM,eAAe,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IAEhD,4CAA4C;IAC5C,MAAM,YAAY,GAAG,GAAW,EAAE;QAChC,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC;QACnC,CAAC;QAED,sCAAsC;QACtC,MAAM,QAAQ,GAAiC;YAC7C,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW;YAClC,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,aAAa;YACtC,QAAQ,EAAE,MAAM,CAAC,MAAM,CAAC,YAAY;YACpC,QAAQ,EAAE,MAAM,CAAC,MAAM,CAAC,YAAY;YACpC,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW;YAClC,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO;YAC9B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK;YAC1B,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO;YAC9B,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI;SACzB,CAAC;QAEF,OAAO,QAAQ,CAAC,KAAqB,CAAC,IAAI,KAAK,CAAC;IAClD,CAAC,CAAC;IAEF,MAAM,SAAS,GAAyB;QACtC,eAAe;QACf,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE;QACzB,KAAK;KACN,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CACH,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,KAAK,CAAC,CAAC,SAAS,CAAC,CACjB,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,85 @@
+/**
+ * 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 from 'react';
+import { StyleProp, ViewStyle, TextStyle } from 'react-native';
+export type AtomicTextAreaVariant = 'outlined' | 'filled' | 'flat';
+export type AtomicTextAreaState = 'default' | 'error' | 'success' | 'disabled';
+export type AtomicTextAreaSize = 'sm' | 'md' | 'lg';
+export interface AtomicTextAreaProps {
+    /** Textarea label */
+    label?: string;
+    /** Current textarea value */
+    value?: string;
+    /** Value change callback */
+    onChangeText?: (text: string) => void;
+    /** Textarea variant (outlined, filled, flat) */
+    variant?: AtomicTextAreaVariant;
+    /** Textarea state (default, error, success, disabled) */
+    state?: AtomicTextAreaState;
+    /** Textarea size (sm, md, lg) */
+    size?: AtomicTextAreaSize;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Helper text below textarea */
+    helperText?: string;
+    /** Maximum character length */
+    maxLength?: number;
+    /** Show character counter */
+    showCharacterCount?: boolean;
+    /** Number of visible text rows */
+    rows?: number;
+    /** Minimum height in pixels */
+    minHeight?: number;
+    /** Auto-capitalize */
+    autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';
+    /** Auto-correct */
+    autoCorrect?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Container style */
+    style?: StyleProp<ViewStyle>;
+    /** Input text style */
+    inputStyle?: StyleProp<TextStyle>;
+    /** Test ID for E2E testing */
+    testID?: string;
+    /** Blur callback */
+    onBlur?: () => void;
+    /** Focus callback */
+    onFocus?: () => void;
+}
+/**
+ * AtomicTextArea - Pure React Native Multiline Text Input
+ */
+export declare const AtomicTextArea: React.FC<AtomicTextAreaProps>;
+export type { AtomicTextAreaProps as TextAreaProps };
+//# sourceMappingURL=AtomicTextArea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AtomicTextArea.d.ts","sourceRoot":"","sources":["../../../src/presentation/atoms/AtomicTextArea.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAA+B,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI5F,MAAM,MAAM,qBAAqB,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;AACnE,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;AAC/E,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpD,MAAM,WAAW,mBAAmB;IAClC,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,gDAAgD;IAChD,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,yDAAyD;IACzD,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,iCAAiC;IACjC,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iCAAiC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,OAAO,GAAG,YAAY,CAAC;IAC/D,mBAAmB;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,uBAAuB;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oBAAoB;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuMxD,CAAC;AAyBF,YAAY,EAAE,mBAAmB,IAAI,aAAa,EAAE,CAAC"}