@umituz/react-native-design-system 4.28.6 → 4.28.8

package/dist/atoms/AtomicProgress.d.ts

@@ -1,42 +0,0 @@
-/**
- * AtomicProgress - Universal Progress Bar Component
- *
- * Displays progress bars for completion tracking
- * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
- *
- * Atomic Design Level: ATOM
- * Purpose: Progress indication and completion tracking
- *
- * Usage:
- * - File upload progress
- * - Task completion progress
- * - Achievement progress
- * - Form completion
- */
-import React from 'react';
-import { ViewStyle } from 'react-native';
-export interface AtomicProgressProps {
-    /** Progress value (0-100) */
-    value: number;
-    /** Progress bar height */
-    height?: number;
-    /** Progress bar width */
-    width?: number | string;
-    /** Progress bar color */
-    color?: string;
-    /** Background color */
-    backgroundColor?: string;
-    /** Progress bar shape */
-    shape?: 'rounded' | 'square';
-    /** Whether to show percentage text */
-    showPercentage?: boolean;
-    /** Whether to show value text */
-    showValue?: boolean;
-    /** Custom text color */
-    textColor?: string;
-    /** Style overrides */
-    style?: ViewStyle | ViewStyle[];
-    /** Test ID for testing */
-    testID?: string;
-}
-export declare const AtomicProgress: React.FC<AtomicProgressProps>;

package/dist/atoms/AtomicSpinner.d.ts

@@ -1,39 +0,0 @@
-/**
- * AtomicSpinner - Universal Loading Spinner Component
- *
- * Displays loading indicators with flexible configuration
- *
- * Atomic Design Level: ATOM
- * Purpose: Loading state indication across all apps
- *
- * Usage:
- * - Page loading states
- * - Button loading states
- * - Data fetching indicators
- * - Async operation feedback
- */
-import React from 'react';
-import { ViewStyle } from 'react-native';
-export type SpinnerSize = 'sm' | 'md' | 'lg' | 'xl';
-export type SpinnerColor = 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'white';
-export interface AtomicSpinnerProps {
-    /** Spinner size preset or custom number */
-    size?: SpinnerSize | number;
-    /** Spinner color preset or custom hex */
-    color?: SpinnerColor | string;
-    /** Optional loading text */
-    text?: string;
-    /** Text position relative to spinner */
-    textPosition?: 'bottom' | 'right';
-    /** Fill entire parent container */
-    fullContainer?: boolean;
-    /** Show semi-transparent overlay behind spinner */
-    overlay?: boolean;
-    /** Overlay background color */
-    overlayColor?: string;
-    /** Style overrides for container */
-    style?: ViewStyle | ViewStyle[];
-    /** Test ID for testing */
-    testID?: string;
-}
-export declare const AtomicSpinner: React.FC<AtomicSpinnerProps>;

package/dist/atoms/AtomicSwitch.d.ts

@@ -1,18 +0,0 @@
-/**
- * AtomicSwitch - Toggle Switch Component
- *
- * Atomic Design Level: ATOM
- * Purpose: Boolean toggle across all apps
- */
-import React from 'react';
-import { ViewStyle } from 'react-native';
-export interface AtomicSwitchProps {
-    label?: string;
-    value: boolean;
-    onValueChange: (value: boolean) => void;
-    disabled?: boolean;
-    description?: string;
-    style?: ViewStyle;
-    testID?: string;
-}
-export declare const AtomicSwitch: React.FC<AtomicSwitchProps>;

package/dist/atoms/AtomicText.d.ts

@@ -1,31 +0,0 @@
-import React from 'react';
-import { type StyleProp, type TextStyle, type TextProps } from 'react-native';
-import { type TextStyleVariant, type ColorVariant } from '../typography';
-export interface AtomicTextProps extends Omit<TextProps, 'style'> {
-    /** Typographic style variant from tokens */
-    type?: TextStyleVariant;
-    /** Color variant from tokens or custom hex color */
-    color?: ColorVariant | string;
-    /** Text alignment */
-    align?: TextStyle['textAlign'];
-    /** Font weight - convenience prop */
-    fontWeight?: TextStyle['fontWeight'];
-    /** Margin top - convenience prop using spacing tokens */
-    marginTop?: keyof ReturnType<typeof import('../theme').useAppDesignTokens>['spacing'];
-    /** Margin bottom - convenience prop using spacing tokens */
-    marginBottom?: keyof ReturnType<typeof import('../theme').useAppDesignTokens>['spacing'];
-    /** Content to render */
-    children: React.ReactNode;
-    /** Custom text style */
-    style?: StyleProp<TextStyle>;
-    /** Test ID for automation */
-    testID?: string;
-}
-/**
- * AtomicText - Primitive Text Component
- *
- * ✅ Responsive by default
- * ✅ Theme-aware
- * ✅ SOLID, DRY, KISS
- */
-export declare const AtomicText: ({ type, color, align, fontWeight, marginTop, marginBottom, children, style, testID, ...props }: AtomicTextProps) => React.JSX.Element;

package/dist/atoms/AtomicTextArea.d.ts

@@ -1,43 +0,0 @@
-import React from 'react';
-import { TextInput, type ViewStyle, type StyleProp, type TextStyle } from 'react-native';
-export interface AtomicTextAreaProps {
-    /** Text area label */
-    label?: string;
-    /** Current value */
-    value?: string;
-    /** Value change callback */
-    onChangeText?: (text: string) => void;
-    /** Placeholder text */
-    placeholder?: string;
-    /** Helper text below input */
-    helperText?: string;
-    /** Error message to display */
-    errorText?: string;
-    /** Maximum character length */
-    maxLength?: number;
-    /** Number of lines (default: 4) */
-    numberOfLines?: number;
-    /** Alternative to numberOfLines */
-    rows?: number;
-    /** Minimum height override */
-    minHeight?: number;
-    /** Disabled state */
-    disabled?: boolean;
-    /** Container style */
-    style?: StyleProp<ViewStyle>;
-    /** Input text style */
-    inputStyle?: StyleProp<TextStyle>;
-    /** Return key type */
-    returnKeyType?: 'done' | 'go' | 'next' | 'search' | 'send';
-    /** Callback when submit button is pressed */
-    onSubmitEditing?: () => void;
-    /** Blur on submit */
-    blurOnSubmit?: boolean;
-    /** Test ID */
-    testID?: string;
-}
-/**
- * AtomicTextArea - Multiline Text Input Component
- * Consistent with AtomicInput but optimized for multiline usage.
- */
-export declare const AtomicTextArea: React.ForwardRefExoticComponent<AtomicTextAreaProps & React.RefAttributes<TextInput>>;

package/dist/atoms/AtomicTouchable.d.ts

@@ -1,29 +0,0 @@
-/**
- * AtomicTouchable - Touchable Component
- *
- * Atomic Design Level: ATOM
- * Purpose: Touchable wrapper across all apps
- */
-import React from 'react';
-import { ViewStyle, StyleProp } from 'react-native';
-export interface AtomicTouchableProps {
-    children: React.ReactNode;
-    onPress?: () => void;
-    onLongPress?: () => void;
-    disabled?: boolean;
-    activeOpacity?: number;
-    style?: StyleProp<ViewStyle>;
-    testID?: string;
-    accessibilityLabel?: string;
-    accessibilityHint?: string;
-    accessibilityRole?: 'button' | 'link' | 'none' | 'text' | 'search' | 'image' | 'adjustable' | 'imagebutton' | 'header' | 'summary' | 'alert' | 'checkbox' | 'combobox' | 'menu' | 'menubar' | 'menuitem' | 'progressbar' | 'radio' | 'radiogroup' | 'scrollbar' | 'spinbutton' | 'switch' | 'tab' | 'tablist' | 'timer' | 'toolbar';
-    accessibilityState?: {
-        disabled?: boolean;
-        selected?: boolean;
-        checked?: boolean | 'mixed';
-        busy?: boolean;
-        expanded?: boolean;
-    };
-    accessible?: boolean;
-}
-export declare const AtomicTouchable: React.NamedExoticComponent<AtomicTouchableProps>;

package/dist/atoms/EmptyState.d.ts

@@ -1,22 +0,0 @@
-/**
- * EmptyState - Universal Empty State Component
- *
- * Displays when no data is available
- *
- * Atomic Design Level: ATOM
- * Purpose: Empty state indication across all apps
- */
-import React from 'react';
-import { ViewStyle } from 'react-native';
-export interface EmptyStateProps {
-    icon?: string;
-    title: string;
-    subtitle?: string;
-    description?: string;
-    actionLabel?: string;
-    onAction?: () => void;
-    illustration?: React.ReactNode;
-    style?: ViewStyle;
-    testID?: string;
-}
-export declare const EmptyState: React.FC<EmptyStateProps>;

package/dist/atoms/GlassView/GlassView.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { ViewStyle, StyleProp } from 'react-native';
-export type GlassTint = 'light' | 'dark' | 'default' | 'prominent' | 'regular' | 'extraLight' | 'systemThinMaterial' | 'systemMaterial' | 'systemThickMaterial' | 'systemChromeMaterial' | 'systemUltraThinMaterial' | 'systemThinMaterialLight' | 'systemMaterialLight' | 'systemThickMaterialLight' | 'systemChromeMaterialLight' | 'systemUltraThinMaterialLight' | 'systemThinMaterialDark' | 'systemMaterialDark' | 'systemThickMaterialDark' | 'systemChromeMaterialDark' | 'systemUltraThinMaterialDark';
-export interface GlassViewProps {
-    children?: React.ReactNode;
-    style?: StyleProp<ViewStyle>;
-    intensity?: number;
-    tint?: GlassTint;
-    experimentalBlurMethod?: 'dimezisBlurView' | 'none';
-}
-/**
- * GlassView
- *
- * A wrapper component for glassmorphism effects.
- * Currently uses a fallback transparency implementation to avoid native module issues with expo-blur.
- */
-export declare const GlassView: React.FC<GlassViewProps>;

package/dist/atoms/badge/AtomicBadge.d.ts

@@ -1,28 +0,0 @@
-/**
- * AtomicBadge Component
- * Reusable badge for labels, status indicators, and tags
- */
-import React from "react";
-import { type StyleProp, type ViewStyle, type TextStyle } from "react-native";
-import { type IconName } from "../icon";
-export type BadgeVariant = "primary" | "secondary" | "success" | "warning" | "error" | "info";
-export type BadgeSize = "sm" | "md" | "lg";
-export interface AtomicBadgeProps {
-    /** Badge text content */
-    text: string;
-    /** Visual variant */
-    variant?: BadgeVariant;
-    /** Size preset */
-    size?: BadgeSize;
-    /** Optional icon name (interpreted by app's icon renderer) */
-    icon?: IconName;
-    /** Icon position */
-    iconPosition?: "left" | "right";
-    /** Custom container style */
-    style?: StyleProp<ViewStyle>;
-    /** Custom text style */
-    textStyle?: StyleProp<TextStyle>;
-    /** Test ID for testing */
-    testID?: string;
-}
-export declare const AtomicBadge: React.FC<AtomicBadgeProps>;

package/dist/atoms/button/AtomicButton.d.ts

@@ -1,8 +0,0 @@
-/**
- * AtomicButton Component
- * Refactored: Extracted configs, styles, and types
- */
-import React from 'react';
-import type { AtomicButtonProps } from './types';
-export declare const AtomicButton: React.FC<AtomicButtonProps>;
-export type { AtomicButtonProps, ButtonVariant, ButtonSize } from './types';

package/dist/atoms/button/configs/buttonSizeConfig.d.ts

@@ -1,6 +0,0 @@
-/**
- * Button Size Configuration
- */
-import type { DesignTokens } from '../../../theme';
-import type { ButtonSize, ButtonSizeConfig } from '../types';
-export declare const getButtonSizeConfig: (size: ButtonSize, tokens: DesignTokens) => ButtonSizeConfig;

package/dist/atoms/button/styles/buttonStyles.d.ts

@@ -1,33 +0,0 @@
-/**
- * Button Base Styles
- */
-export declare const buttonStyles: {
-    button: {
-        alignItems: "center";
-        justifyContent: "flex-start";
-        flexDirection: "row";
-    };
-    content: {
-        flexDirection: "row";
-        alignItems: "center";
-        justifyContent: "flex-start";
-    };
-    rowReverse: {
-        flexDirection: "row-reverse";
-    };
-    fullWidth: {
-        width: "100%";
-    };
-    disabled: {
-        opacity: number;
-    };
-    disabledText: {
-        opacity: number;
-    };
-    iconLeft: {
-        marginRight: number;
-    };
-    iconRight: {
-        marginLeft: number;
-    };
-};

package/dist/atoms/button/styles/buttonVariantStyles.d.ts

@@ -1,6 +0,0 @@
-/**
- * Button Variant Styles
- */
-import type { DesignTokens } from '../../../theme';
-import type { ButtonVariant, ButtonVariantStyles } from '../types';
-export declare const getVariantStyles: (variant: ButtonVariant, tokens: DesignTokens) => ButtonVariantStyles;

package/dist/atoms/button/types/index.d.ts

@@ -1,38 +0,0 @@
-/**
- * AtomicButton Type Definitions
- */
-import type { StyleProp } from 'react-native';
-import type { TextStyle, ViewStyle } from 'react-native';
-import type { IconName } from '../../icon';
-export type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'text' | 'danger';
-export type ButtonSize = 'sm' | 'md' | 'lg';
-export interface AtomicButtonProps {
-    readonly title?: string;
-    readonly children?: React.ReactNode;
-    readonly onPress: () => void;
-    readonly variant?: ButtonVariant;
-    readonly size?: ButtonSize;
-    readonly disabled?: boolean;
-    readonly loading?: boolean;
-    readonly icon?: IconName;
-    readonly iconPosition?: 'left' | 'right';
-    readonly fullWidth?: boolean;
-    readonly style?: StyleProp<ViewStyle>;
-    readonly textStyle?: StyleProp<TextStyle>;
-    readonly activeOpacity?: number;
-    readonly testID?: string;
-    readonly accessibilityLabel?: string;
-    readonly accessibilityHint?: string;
-    readonly accessibilityRole?: 'button' | 'link';
-}
-export interface ButtonSizeConfig {
-    readonly paddingVertical: number;
-    readonly paddingHorizontal: number;
-    readonly fontSize: number;
-    readonly iconSize: number;
-    readonly minHeight: number;
-}
-export interface ButtonVariantStyles {
-    readonly container: ViewStyle;
-    readonly text: TextStyle;
-}

package/dist/atoms/card/AtomicCard.d.ts

@@ -1,9 +0,0 @@
-/**
- * AtomicCard
- *
- * Unified card component that handles base card states, media, info, and glowing effects.
- * Replaces InfoCard, MediaCard, and GlowingCard molecules.
- */
-import React from 'react';
-import type { AtomicCardProps } from './types';
-export declare const AtomicCard: React.NamedExoticComponent<AtomicCardProps>;

package/dist/atoms/card/configs/cardPaddingConfig.d.ts

@@ -1,6 +0,0 @@
-/**
- * Card Padding Configurations
- */
-import type { DesignTokens } from '../../../theme';
-import type { CardPadding } from '../types';
-export declare const getCardPadding: (padding: CardPadding, tokens: DesignTokens) => number;

package/dist/atoms/card/styles/cardStyles.d.ts

@@ -1,58 +0,0 @@
-/**
- * Card Component Styles
- */
-import { ViewStyle } from 'react-native';
-import type { DesignTokens } from '../../../theme';
-import type { CardVariant } from '../types';
-export declare const getCardVariantStyles: (variant: CardVariant, tokens: DesignTokens) => {
-    container: ViewStyle;
-};
-export declare const cardStyles: {
-    container: {
-        overflow: "hidden";
-        width: "100%";
-    };
-    header: {
-        flexDirection: "row";
-        alignItems: "center";
-        marginBottom: number;
-    };
-    titleContainer: {
-        flex: number;
-    };
-    title: {
-        fontWeight: "700";
-    };
-    subtitle: {
-        marginTop: number;
-    };
-    description: {
-        marginTop: number;
-    };
-    image: {
-        width: "100%";
-    };
-    overlay: {
-        position: "absolute";
-        bottom: number;
-        left: number;
-        right: number;
-        backgroundColor: string;
-        padding: number;
-    };
-    badge: {
-        position: "absolute";
-        top: number;
-        right: number;
-        paddingHorizontal: number;
-        paddingVertical: number;
-        borderRadius: number;
-        zIndex: number;
-    };
-    selectedOverlay: {
-        position: "absolute";
-        top: number;
-        right: number;
-        zIndex: number;
-    };
-};

package/dist/atoms/card/types.d.ts

@@ -1,53 +0,0 @@
-/**
- * AtomicCard Type Definitions
- */
-import type { ReactNode } from 'react';
-import type { StyleProp, ViewStyle, TextStyle, GestureResponderEvent, ImageSourcePropType } from 'react-native';
-export type CardVariant = 'elevated' | 'outlined' | 'filled' | 'glass' | 'glowing';
-export type CardPadding = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export interface AtomicCardProps {
-    /** Main content of the card */
-    readonly children?: ReactNode;
-    /** Visual variant of the card */
-    readonly variant?: CardVariant;
-    /** Padding inside the card */
-    readonly padding?: CardPadding;
-    /** Optional title text */
-    readonly title?: string;
-    /** Optional subtitle text */
-    readonly subtitle?: string;
-    /** Optional description/content text */
-    readonly description?: string;
-    /** Image source to display */
-    readonly image?: string | ImageSourcePropType;
-    /** Whether the text should overlay the image */
-    readonly imageOverlay?: boolean;
-    /** Aspect ratio for the image */
-    readonly imageAspectRatio?: number;
-    /** Optional badge text displayed on corner */
-    readonly badge?: string;
-    /** Icon name to display on the left of title */
-    readonly leftIcon?: string;
-    /** Icon name to display on the right of title */
-    readonly rightIcon?: string;
-    /** Whether the card is in a selected state */
-    readonly selected?: boolean;
-    /** Color for the glow effect if variant is 'glowing' */
-    readonly glowColor?: string;
-    /** Intensity of the glow effect (0 to 1) */
-    readonly glowIntensity?: number;
-    /** Press handler */
-    readonly onPress?: (event: GestureResponderEvent) => void;
-    /** Whether the card is disabled */
-    readonly disabled?: boolean;
-    /** Custom container style */
-    readonly style?: StyleProp<ViewStyle>;
-    /** Custom title style */
-    readonly titleStyle?: StyleProp<TextStyle>;
-    /** Custom subtitle style */
-    readonly subtitleStyle?: StyleProp<TextStyle>;
-    /** Custom description style */
-    readonly descriptionStyle?: StyleProp<TextStyle>;
-    /** Test ID */
-    readonly testID?: string;
-}

package/dist/atoms/chip/AtomicChip.d.ts

@@ -1,8 +0,0 @@
-/**
- * AtomicChip Component
- * Refactored: Extracted configs, styles, and types
- */
-import React from 'react';
-import type { AtomicChipProps } from './types';
-export declare const AtomicChip: React.FC<AtomicChipProps>;
-export type { AtomicChipProps, ChipVariant, ChipSize, ChipColor } from './types';

package/dist/atoms/chip/configs/chipColorConfig.d.ts

@@ -1,6 +0,0 @@
-/**
- * Chip Color Configuration
- */
-import type { DesignTokens } from '../../../theme';
-import type { ChipColor, ChipVariant, ChipColorConfig } from '../types';
-export declare const getChipColorConfig: (color: ChipColor, variant: ChipVariant, tokens: DesignTokens) => ChipColorConfig;

package/dist/atoms/chip/configs/chipSizeConfig.d.ts

@@ -1,6 +0,0 @@
-/**
- * Chip Size Configuration
- */
-import type { DesignTokens } from '../../../theme';
-import type { ChipSize, ChipSizeConfig } from '../types';
-export declare const getChipSizeConfig: (size: ChipSize, tokens: DesignTokens) => ChipSizeConfig;

package/dist/atoms/chip/styles/chipStyles.d.ts

@@ -1,16 +0,0 @@
-/**
- * Chip Styles
- */
-import type { DesignTokens } from '../../../theme';
-import type { ChipVariant } from '../types';
-export declare const getChipBorderStyle: (variant: ChipVariant, tokens: DesignTokens) => {
-    borderWidth: number;
-    borderRadius: number;
-};
-export declare const getChipSelectedStyle: (selected: boolean, tokens: DesignTokens) => {
-    borderWidth?: undefined;
-    borderColor?: undefined;
-} | {
-    borderWidth: number;
-    borderColor: string;
-};

package/dist/atoms/chip/types/index.d.ts

@@ -1,37 +0,0 @@
-/**
- * AtomicChip Type Definitions
- */
-import type { StyleProp, ViewStyle } from 'react-native';
-import type { IconSize } from '../../icon';
-export type ChipVariant = 'filled' | 'outlined' | 'soft';
-export type ChipSize = 'sm' | 'md' | 'lg';
-export type ChipColor = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
-export interface AtomicChipProps {
-    readonly children: React.ReactNode;
-    readonly variant?: ChipVariant;
-    readonly size?: ChipSize;
-    readonly color?: ChipColor;
-    readonly backgroundColor?: string;
-    readonly textColor?: string;
-    readonly borderColor?: string;
-    readonly leadingIcon?: string;
-    readonly trailingIcon?: string;
-    readonly clickable?: boolean;
-    readonly onPress?: () => void;
-    readonly selected?: boolean;
-    readonly disabled?: boolean;
-    readonly style?: StyleProp<ViewStyle>;
-    readonly testID?: string;
-    readonly activeOpacity?: number;
-}
-export interface ChipSizeConfig {
-    readonly paddingHorizontal: number;
-    readonly paddingVertical: number;
-    readonly fontSize: number;
-    readonly iconSize: IconSize;
-}
-export interface ChipColorConfig {
-    readonly bg: string | undefined;
-    readonly text: string;
-    readonly border: string | undefined;
-}

package/dist/atoms/datepicker/components/DatePickerButton.d.ts

@@ -1,17 +0,0 @@
-/**
- * DatePickerButton Component
- *
- * Button component that triggers the date picker modal.
- * Extracted from AtomicDatePicker for better separation of concerns.
- */
-import React from 'react';
-interface DatePickerButtonProps {
-    onPress: () => void;
-    disabled?: boolean;
-    displayText: string;
-    hasValue: boolean;
-    error?: boolean;
-    testID?: string;
-}
-export declare const DatePickerButton: React.FC<DatePickerButtonProps>;
-export {};

package/dist/atoms/datepicker/components/DatePickerModal.d.ts

@@ -1,33 +0,0 @@
-/**
- * DatePickerModal Component
- *
- * Modal component for iOS date picker with proper styling and behavior.
- * Uses lazy-loaded @react-native-community/datetimepicker (optional peer dependency).
- */
-import React from 'react';
-type DateTimePickerEvent = {
-    type: 'set' | 'dismissed' | 'neutralButtonPressed';
-    nativeEvent: {
-        timestamp: number;
-        utcOffset: number;
-    };
-};
-interface DatePickerModalProps {
-    visible: boolean;
-    onClose: () => void;
-    onDateChange: (event: DateTimePickerEvent, date?: Date) => void;
-    currentDate: Date;
-    mode?: 'date' | 'time' | 'datetime';
-    minimumDate?: Date;
-    maximumDate?: Date;
-    overlayOpacity?: number;
-    titleText?: {
-        date?: string;
-        time?: string;
-        datetime?: string;
-    };
-    doneButtonText?: string;
-    testID?: string;
-}
-export declare const DatePickerModal: React.FC<DatePickerModalProps>;
-export {};

package/dist/atoms/datepicker/hooks/useDatePickerText.d.ts

@@ -1,16 +0,0 @@
-/**
- * useDatePickerText Hook
- * Handles date formatting and display text for date picker
- */
-import type { DatepickerMode } from '../types';
-interface UseDatePickerTextProps {
-    value: Date | null;
-    placeholder: string;
-    mode: DatepickerMode;
-}
-interface UseDatePickerTextResult {
-    displayText: string;
-    formatDate: (date: Date) => string;
-}
-export declare const useDatePickerText: ({ value, placeholder, mode, }: UseDatePickerTextProps) => UseDatePickerTextResult;
-export {};