@umituz/react-native-design-system 4.28.5 → 4.28.7

package/dist/molecules/BaseModal.d.ts

@@ -1,18 +0,0 @@
-/**
- * BaseModal Component
- * Generic fullscreen modal with responsive design
- * Used across all modals in the app for consistency
- */
-import React from 'react';
-import { ViewStyle } from 'react-native';
-export interface BaseModalProps {
-    visible: boolean;
-    onClose: () => void;
-    children: React.ReactNode;
-    dismissOnBackdrop?: boolean;
-    contentStyle?: ViewStyle;
-    testID?: string;
-    title?: string;
-    subtitle?: string;
-}
-export declare const BaseModal: React.FC<BaseModalProps>;

package/dist/molecules/ConfirmationModalContent.d.ts

@@ -1,22 +0,0 @@
-/**
- * ConfirmationModal Content Component
- *
- * Content component for confirmation modal
- */
-import React from 'react';
-import { ViewStyle, StyleProp } from 'react-native';
-import { useAppDesignTokens } from '../theme';
-import { ConfirmationModalVariant } from './confirmation-modal/types';
-export declare const ConfirmationModalContent: React.FC<{
-    tokens: ReturnType<typeof useAppDesignTokens>;
-    variant: ConfirmationModalVariant;
-    title: string;
-    message: string;
-    confirmText: string;
-    cancelText: string;
-    icon?: string;
-    onConfirm: () => void;
-    onCancel: () => void;
-    style?: StyleProp<ViewStyle>;
-    testID: string;
-}>;

package/dist/molecules/ConfirmationModalMain.d.ts

@@ -1,8 +0,0 @@
-/**
- * ConfirmationModal Main Component
- *
- * Main confirmation modal component
- */
-import React from 'react';
-import { ConfirmationModalProps } from './confirmation-modal/types';
-export declare const ConfirmationModal: React.FC<ConfirmationModalProps>;

package/dist/molecules/Divider/Divider.d.ts

@@ -1,59 +0,0 @@
-/**
- * Divider Domain - Divider Component
- *
- * Universal divider component for visual separation.
- * Supports horizontal, vertical, and text dividers.
- *
- * @domain divider
- * @layer presentation/components
- */
-import React from 'react';
-import { type StyleProp, type ViewStyle } from 'react-native';
-import type { DividerOrientation, DividerStyle, DividerSpacing } from './types';
-/**
- * Divider component props
- */
-export interface DividerProps {
-    /** Orientation (horizontal or vertical) */
-    orientation?: DividerOrientation;
-    /** Line style (solid, dashed, dotted) */
-    lineStyle?: DividerStyle;
-    /** Spacing (margin) */
-    spacing?: DividerSpacing;
-    /** Custom color */
-    color?: string;
-    /** Custom thickness */
-    thickness?: number;
-    /** Text label (for text divider) */
-    text?: string;
-    /** Custom container style */
-    style?: StyleProp<ViewStyle>;
-}
-/**
- * Divider Component
- *
- * Visual separator for content sections.
- * Supports horizontal, vertical, and text variants.
- *
- * USAGE:
- * ```typescript
- * // Horizontal divider (default)
- * <Divider />
- *
- * // Vertical divider
- * <Divider orientation="vertical" />
- *
- * // Text divider (OR separator)
- * <Divider text="OR" />
- *
- * // Custom spacing
- * <Divider spacing="large" />
- *
- * // Dashed style
- * <Divider lineStyle="dashed" />
- *
- * // Custom color
- * <Divider color="#FF0000" />
- * ```
- */
-export declare const Divider: React.FC<DividerProps>;

package/dist/molecules/Divider/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * Divider Component
- */
-export { Divider } from './Divider';
-export type { DividerConfig, DividerOrientation, DividerStyle, DividerSpacing } from './types';
-export { DividerUtils, SPACING_CONFIGS, DIVIDER_CONSTANTS } from './types';

package/dist/molecules/Divider/types.d.ts

@@ -1,64 +0,0 @@
-/**
- * Divider Domain - Entity Definitions
- *
- * Core types and interfaces for dividers and separators.
- * Simple visual separators for content sections.
- *
- * @domain divider
- * @layer domain/entities
- */
-/**
- * Divider orientation
- */
-export type DividerOrientation = 'horizontal' | 'vertical';
-/**
- * Divider style
- */
-export type DividerStyle = 'solid' | 'dashed' | 'dotted';
-/**
- * Divider spacing
- */
-export type DividerSpacing = 'none' | 'small' | 'medium' | 'large';
-/**
- * Divider configuration
- */
-export interface DividerConfig {
-    /** Orientation */
-    orientation: DividerOrientation;
-    /** Line style */
-    style: DividerStyle;
-    /** Spacing (margin) */
-    spacing: DividerSpacing;
-    /** Custom color */
-    color?: string;
-    /** Custom thickness */
-    thickness?: number;
-    /** Text label (for text divider) */
-    text?: string;
-}
-/**
- * Spacing configurations (px)
- */
-export declare const SPACING_CONFIGS: Record<DividerSpacing, number>;
-/**
- * Divider utility class
- */
-export declare class DividerUtils {
-    /**
-     * Get spacing value
-     */
-    static getSpacing(spacing: DividerSpacing): number;
-    /**
-     * Validate divider config
-     */
-    static validateConfig(config: Partial<DividerConfig>): DividerConfig;
-}
-/**
- * Divider constants
- */
-export declare const DIVIDER_CONSTANTS: {
-    readonly DEFAULT_ORIENTATION: DividerOrientation;
-    readonly DEFAULT_STYLE: DividerStyle;
-    readonly DEFAULT_SPACING: DividerSpacing;
-    readonly DEFAULT_THICKNESS: 1;
-};

package/dist/molecules/FormField.d.ts

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

package/dist/molecules/IconContainer.d.ts

@@ -1,27 +0,0 @@
-/**
- * IconContainer Molecule Component
- *
- * Standardized icon container with consistent sizing and styling.
- * Used throughout app for icon displays in lists, cards, and settings.
- *
- * Features:
- * - Consistent sizing system
- * - Optional background circle
- * - Optional background circle
- * - Theme-aware colors
- * - Accessibility support
- *
- * Atomic Design: Molecule (View + Icon)
- */
-import React from 'react';
-interface IconContainerProps {
-    icon: React.ReactNode;
-    size?: 'sm' | 'md' | 'lg' | 'xl';
-    backgroundColor?: string;
-    withBorder?: boolean;
-    borderColor?: string;
-    style?: object;
-    testID?: string;
-}
-export declare const IconContainer: React.FC<IconContainerProps>;
-export {};

package/dist/molecules/List/List.d.ts

@@ -1,38 +0,0 @@
-/**
- * List - Responsive List Wrapper (Molecule)
- *
- * FlatList wrapper with responsive item sizing and built-in pull-to-refresh
- * Uses design system responsive utilities
- */
-import React from 'react';
-import { type FlatListProps, type ListRenderItem } from 'react-native';
-export interface ListProps<T> extends Omit<FlatListProps<T>, 'renderItem'> {
-    /** Data array */
-    data: readonly T[] | null | undefined;
-    /** Render function for each item */
-    renderItem: ListRenderItem<T>;
-    /** Pull-to-refresh handler */
-    onRefresh?: () => void;
-    /** Refreshing state */
-    refreshing?: boolean;
-    /** Key extractor (required for proper list performance) */
-    keyExtractor: (item: T, index: number) => string;
-    /** Content container padding (uses responsive tokens) */
-    contentPadding?: boolean;
-}
-/**
- * Responsive list component with pull-to-refresh
- *
- * @example
- * ```tsx
- * <List
- *   data={items}
- *   renderItem={({ item }) => <ItemCard item={item} />}
- *   keyExtractor={(item) => item.id}
- *   onRefresh={handleRefresh}
- *   refreshing={isRefreshing}
- *   contentPadding
- * />
- * ```
- */
-export declare const List: <T>({ data, renderItem, onRefresh, refreshing, keyExtractor, contentPadding, ...rest }: ListProps<T>) => React.JSX.Element;

package/dist/molecules/List/index.d.ts

@@ -1 +0,0 @@
-export { List, type ListProps } from './List';

package/dist/molecules/ListItem.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { ListItemProps } from './listitem/types';
-export type { ListItemProps };
-export declare const ListItem: React.NamedExoticComponent<ListItemProps>;

package/dist/molecules/SearchBar/SearchBar.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import type { SearchBarProps } from './types';
-export declare const SearchBar: React.FC<SearchBarProps>;

package/dist/molecules/SearchBar/SearchHistory.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import type { SearchHistoryProps } from './types';
-export declare const SearchHistory: React.FC<SearchHistoryProps>;

package/dist/molecules/SearchBar/SearchSuggestions.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { useAppDesignTokens } from '../../theme';
-import type { SearchSuggestionsProps } from './types';
-export declare function SearchSuggestions<T>({ query, suggestions, renderItem, onSelectSuggestion, maxSuggestions, style, emptyComponent, }: SearchSuggestionsProps<T>): React.JSX.Element | null;
-/**
- * Default suggestion renderer (simple text with highlighting)
- */
-export declare const DefaultSuggestionRenderer: (text: string, query: string, tokens: ReturnType<typeof useAppDesignTokens>) => React.JSX.Element;

package/dist/molecules/SearchBar/index.d.ts

@@ -1,7 +0,0 @@
-/**
- * Search Bar Components
- */
-export { SearchBar } from './SearchBar';
-export { SearchHistory } from './SearchHistory';
-export { SearchSuggestions } from './SearchSuggestions';
-export type { SearchBarProps } from './types';

package/dist/molecules/SearchBar/types.d.ts

@@ -1,41 +0,0 @@
-import type { StyleProp, ViewStyle, TextStyle } from 'react-native';
-export interface SearchHistoryItem {
-    id: string;
-    query: string;
-    timestamp: number;
-}
-export interface SearchBarProps {
-    value: string;
-    onChangeText: (text: string) => void;
-    onSubmit?: () => void;
-    onClear?: () => void;
-    onFocus?: () => void;
-    onBlur?: () => void;
-    placeholder?: string;
-    loading?: boolean;
-    disabled?: boolean;
-    showCancelButton?: boolean;
-    onCancel?: () => void;
-    containerStyle?: StyleProp<ViewStyle>;
-    inputStyle?: StyleProp<TextStyle>;
-    testID?: string;
-}
-export interface SearchHistoryProps {
-    history: SearchHistoryItem[];
-    onSelectItem: (query: string) => void;
-    onRemoveItem: (id: string) => void;
-    onClearAll: () => void;
-    maxItems?: number;
-    style?: StyleProp<ViewStyle>;
-    title?: string;
-    clearLabel?: string;
-}
-export interface SearchSuggestionsProps<T> {
-    query: string;
-    suggestions: T[];
-    renderItem: (item: T, query: string) => React.ReactNode;
-    onSelectSuggestion: (item: T) => void;
-    maxSuggestions?: number;
-    style?: StyleProp<ViewStyle>;
-    emptyComponent?: React.ReactNode;
-}

package/dist/molecules/StepHeader/StepHeader.d.ts

@@ -1,27 +0,0 @@
-/**
- * StepHeader Component
- * Header component for step-by-step flows with title and subtitle
- *
- * @package @umituz/react-native-design-system
- */
-import React from "react";
-import { type ViewStyle, type StyleProp } from "react-native";
-export interface StepHeaderConfig {
-    showStepIndicator?: boolean;
-    currentStep?: number;
-    totalSteps?: number;
-    titleAlignment?: "left" | "center" | "right";
-    titleFontSize?: number;
-    subtitleFontSize?: number;
-    spacing?: {
-        marginBottom?: number;
-        paddingHorizontal?: number;
-    };
-}
-export interface StepHeaderProps {
-    title: string;
-    subtitle?: string;
-    config?: StepHeaderConfig;
-    style?: StyleProp<ViewStyle>;
-}
-export declare const StepHeader: React.FC<StepHeaderProps>;

package/dist/molecules/StepHeader/index.d.ts

@@ -1,2 +0,0 @@
-export { StepHeader } from "./StepHeader";
-export type { StepHeaderProps, StepHeaderConfig } from "./StepHeader";

package/dist/molecules/StepProgress/StepProgress.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { ViewStyle } from "react-native";
-export interface StepProgressProps {
-    currentStep: number;
-    totalSteps: number;
-    style?: ViewStyle;
-}
-export declare const StepProgress: React.FC<StepProgressProps>;

package/dist/molecules/StepProgress/index.d.ts

@@ -1,4 +0,0 @@
-/**
- * Step Progress Component
- */
-export { StepProgress } from './StepProgress';

package/dist/molecules/action-footer/ActionFooter.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import type { ActionFooterProps } from './types';
-export declare const ActionFooter: React.NamedExoticComponent<ActionFooterProps>;

package/dist/molecules/action-footer/index.d.ts

@@ -1,5 +0,0 @@
-/**
- * Action Footer Component
- */
-export { ActionFooter } from './ActionFooter';
-export type { ActionFooterProps } from './types';

package/dist/molecules/action-footer/types.d.ts

@@ -1,10 +0,0 @@
-import { ViewStyle, StyleProp } from 'react-native';
-export interface ActionFooterProps {
-    onBack: () => void;
-    onAction: () => void;
-    actionLabel: string;
-    actionIcon?: string;
-    backIcon?: string;
-    style?: StyleProp<ViewStyle>;
-    loading?: boolean;
-}

package/dist/molecules/alerts/AlertBanner.d.ts

@@ -1,14 +0,0 @@
-/**
- * AlertBanner Component
- *
- * Displays a banner-style alert at the top or bottom of the screen.
- * Full-width notification bar for important messages.
- * Auto-dismisses after duration (default 3 seconds).
- */
-import React from 'react';
-import { Alert } from './AlertTypes';
-interface AlertBannerProps {
-    alert: Alert;
-}
-export declare function AlertBanner({ alert }: AlertBannerProps): React.JSX.Element;
-export {};

package/dist/molecules/alerts/AlertContainer.d.ts

@@ -1,5 +0,0 @@
-/**
- * AlertContainer Component
- */
-import React from 'react';
-export declare const AlertContainer: React.NamedExoticComponent<{}>;

package/dist/molecules/alerts/AlertInline.d.ts

@@ -1,10 +0,0 @@
-/**
- * AlertInline Component
- */
-import React from 'react';
-import { Alert } from './AlertTypes';
-interface AlertInlineProps {
-    alert: Alert;
-}
-export declare const AlertInline: React.FC<AlertInlineProps>;
-export {};

package/dist/molecules/alerts/AlertModal.d.ts

@@ -1,10 +0,0 @@
-/**
- * AlertModal Component
- */
-import React from 'react';
-import { Alert } from './AlertTypes';
-interface AlertModalProps {
-    alert: Alert;
-}
-export declare const AlertModal: React.FC<AlertModalProps>;
-export {};

package/dist/molecules/alerts/AlertProvider.d.ts

@@ -1,7 +0,0 @@
-/**
- * AlertProvider Component
- */
-import React from 'react';
-export declare const AlertProvider: React.FC<{
-    children: React.ReactNode;
-}>;

package/dist/molecules/alerts/AlertService.d.ts

@@ -1,25 +0,0 @@
-/**
- * Alert Service
- */
-import { Alert, AlertType, AlertMode, AlertOptions } from './AlertTypes';
-export declare class AlertService {
-    /**
-     * Creates a base Alert object with defaults
-     */
-    static createAlert(type: AlertType, defaultMode: AlertMode, title: string, message?: string, options?: AlertOptions): Alert;
-    static createSuccessAlert(title: string, message?: string, options?: AlertOptions): Alert;
-    static createErrorAlert(title: string, message?: string, options?: AlertOptions): Alert;
-    static createWarningAlert(title: string, message?: string, options?: AlertOptions): Alert;
-    static createInfoAlert(title: string, message?: string, options?: AlertOptions): Alert;
-    /**
-     * Convenience methods to show alerts directly from outside React components
-     * These access the Zustand store directly without requiring hooks
-     */
-    static success(title: string, message?: string, options?: AlertOptions): string;
-    static error(title: string, message?: string, options?: AlertOptions): string;
-    static warning(title: string, message?: string, options?: AlertOptions): string;
-    static info(title: string, message?: string, options?: AlertOptions): string;
-    static show(type: AlertType, mode: AlertMode, title: string, message?: string, options?: AlertOptions): string;
-    static dismiss(id: string): void;
-    static clear(): void;
-}

package/dist/molecules/alerts/AlertStore.d.ts

@@ -1,15 +0,0 @@
-/**
- * Alert Store
- */
-import { Alert } from './AlertTypes';
-interface AlertState {
-    alerts: Alert[];
-    _updateInProgress: boolean;
-}
-interface AlertActions {
-    addAlert: (alert: Alert) => void;
-    dismissAlert: (id: string) => void;
-    clearAlerts: () => void;
-}
-export declare const useAlertStore: import("zustand").UseBoundStore<import("zustand").StoreApi<AlertState & AlertActions>>;
-export {};

package/dist/molecules/alerts/AlertToast.d.ts

@@ -1,13 +0,0 @@
-/**
- * AlertToast Component
- *
- * Displays a toast-style alert.
- * Floats on top of content.
- */
-import React from 'react';
-import { Alert } from './AlertTypes';
-interface AlertToastProps {
-    alert: Alert;
-}
-export declare function AlertToast({ alert }: AlertToastProps): React.JSX.Element;
-export {};

package/dist/molecules/alerts/AlertTypes.d.ts

@@ -1,52 +0,0 @@
-/**
- * Alert Entity and Types
- */
-export declare enum AlertType {
-    SUCCESS = "success",
-    ERROR = "error",
-    WARNING = "warning",
-    INFO = "info"
-}
-export declare enum AlertMode {
-    TOAST = "toast",
-    BANNER = "banner",
-    MODAL = "modal",
-    INLINE = "inline"
-}
-export declare enum AlertPosition {
-    TOP = "top",
-    BOTTOM = "bottom",
-    CENTER = "center"
-}
-export interface AlertAction {
-    id?: string;
-    label: string;
-    onPress: () => Promise<void> | void;
-    style?: 'primary' | 'secondary' | 'destructive';
-    closeOnPress?: boolean;
-}
-export interface AlertOptions {
-    mode?: AlertMode;
-    duration?: number;
-    dismissible?: boolean;
-    onDismiss?: () => void;
-    icon?: string;
-    actions?: AlertAction[];
-    testID?: string;
-    position?: AlertPosition;
-}
-export interface Alert {
-    id: string;
-    type: AlertType;
-    mode: AlertMode;
-    title: string;
-    message?: string;
-    position: AlertPosition;
-    icon?: string;
-    actions: AlertAction[];
-    dismissible: boolean;
-    duration?: number;
-    createdAt: number;
-    testID?: string;
-    onDismiss?: () => void;
-}

package/dist/molecules/alerts/components/AlertContent.d.ts

@@ -1,20 +0,0 @@
-/**
- * AlertContent Component
- *
- * Shared title + message layout for alert variants.
- */
-import React from 'react';
-interface AlertContentProps {
-    title: string;
-    message?: string;
-    titleColor: string;
-    messageColor: string;
-    titleType?: 'bodyMedium' | 'titleLarge';
-    messageType?: 'bodySmall' | 'bodyMedium';
-    messageMarginTop?: number;
-    titleNumberOfLines?: number;
-    messageNumberOfLines?: number;
-    textAlign?: 'left' | 'center' | 'right';
-}
-export declare function AlertContent({ title, message, titleColor, messageColor, titleType, messageType, messageMarginTop, titleNumberOfLines, messageNumberOfLines, textAlign, }: AlertContentProps): React.JSX.Element;
-export {};

package/dist/molecules/alerts/components/AlertIcon.d.ts

@@ -1,14 +0,0 @@
-/**
- * AlertIcon Component
- *
- * Shared icon rendering for alert variants.
- */
-import React from 'react';
-interface AlertIconProps {
-    name: string;
-    color: string;
-    size?: number;
-    marginRight?: number;
-}
-export declare function AlertIcon({ name, color, size, marginRight }: AlertIconProps): React.JSX.Element;
-export {};

package/dist/molecules/alerts/components/index.d.ts

@@ -1,5 +0,0 @@
-/**
- * Alert Components Barrel Export
- */
-export { AlertIcon } from './AlertIcon';
-export { AlertContent } from './AlertContent';

package/dist/molecules/alerts/hooks/index.d.ts

@@ -1,5 +0,0 @@
-/**
- * Alert Hooks Barrel Export
- */
-export { useAlertDismissHandler } from './useAlertDismissHandler';
-export { useAlertAutoDismiss } from './useAlertAutoDismiss';

package/dist/molecules/alerts/hooks/useAlertAutoDismiss.d.ts

@@ -1,8 +0,0 @@
-/**
- * useAlertAutoDismiss Hook
- *
- * Handles auto-dismiss timer for alerts with duration.
- * Checks dismissible flag before setting timer (fixes AlertBanner bug).
- */
-import type { Alert } from '../AlertTypes';
-export declare function useAlertAutoDismiss(alert: Alert, onDismiss: () => void): void;

package/dist/molecules/alerts/hooks/useAlertDismissHandler.d.ts

@@ -1,8 +0,0 @@
-/**
- * useAlertDismissHandler Hook
- *
- * Extracts common dismiss logic from all alert variants.
- * Combines store dismissal with optional callback.
- */
-import type { Alert } from '../AlertTypes';
-export declare function useAlertDismissHandler(alert: Alert): () => void;