@umituz/react-native-design-system 4.25.89 → 4.25.91

package/dist/molecules/circular-menu/constants.d.ts

@@ -1,24 +0,0 @@
-import { ViewStyle } from "react-native";
-export declare const LAYOUT: {
-    readonly ITEM_SIZE: 90;
-    readonly ICON_SIZE: 52;
-    readonly CLOSE_BUTTON_SIZE: 48;
-};
-export declare const ROW_CONFIG: {
-    readonly TOP_RADIUS: 80;
-    readonly TOP_START_ANGLE: -135;
-    readonly TOP_END_ANGLE: -45;
-    readonly BOTTOM_OFFSET_X: 130;
-    readonly BOTTOM_Y: 60;
-    readonly CENTER_Y: 150;
-};
-export declare const ARC_BACKGROUND: {
-    readonly WIDTH: 450;
-    readonly HEIGHT: 280;
-    readonly BORDER_RADIUS_TOP: 225;
-};
-export declare const OVERLAY: {
-    readonly PADDING_BOTTOM_OFFSET: 0;
-};
-export declare function getTopRowPosition(index: number, totalInRow: number): ViewStyle;
-export declare function getBottomRowPosition(side: "left" | "right"): ViewStyle;

package/dist/molecules/circular-menu/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./CircularMenu";
-export * from "./CircularMenuItem";
-export * from "./CircularMenuBackground";
-export * from "./CircularMenuCloseButton";

package/dist/molecules/confirmation-modal/components.d.ts

@@ -1,31 +0,0 @@
-/**
- * ConfirmationModal Subcomponents
- *
- * Smaller components for the confirmation modal
- */
-import React from 'react';
-import { ViewStyle, StyleProp } from 'react-native';
-import type { DesignTokens } from '../../theme';
-export declare const ConfirmationModalIcon: React.FC<{
-    icon: string;
-    iconColor: string;
-    testID: string;
-}>;
-export declare const ConfirmationModalTitle: React.FC<{
-    title: string;
-    tokens: DesignTokens;
-    testID: string;
-}>;
-export declare const ConfirmationModalMessage: React.FC<{
-    message: string;
-    tokens: DesignTokens;
-    testID: string;
-}>;
-export declare const ConfirmationModalButtons: React.FC<{
-    confirmText: string;
-    cancelText: string;
-    onConfirm: () => void;
-    onCancel: () => void;
-    confirmButtonStyle: StyleProp<ViewStyle>;
-    testID: string;
-}>;

package/dist/molecules/confirmation-modal/styles/confirmationModalStyles.d.ts

@@ -1,49 +0,0 @@
-/**
- * ConfirmationModal Style Utilities
- *
- * Styling functions for confirmation modal component
- */
-import { ViewStyle } from 'react-native';
-import { ConfirmationModalVariant, ConfirmationModalVariantConfig } from '../types/';
-import type { DesignTokens } from '../../../theme';
-/**
- * Get variant configuration (icon and color only)
- * Note: Confirm text is handled in component with translations
- */
-export declare const getVariantConfig: (variant: ConfirmationModalVariant) => Omit<ConfirmationModalVariantConfig, "confirmText">;
-/**
- * Get modal overlay style
- */
-export declare const getModalOverlayStyle: () => ViewStyle;
-/**
- * Get backdrop style (invisible layer for dismissing)
- */
-export declare const getBackdropStyle: () => ViewStyle;
-/**
- * Get modal container style
- */
-export declare const getModalContainerStyle: (tokens: DesignTokens) => ViewStyle;
-/**
- * Get icon container style
- */
-export declare const getIconContainerStyle: () => ViewStyle;
-/**
- * Get title container style
- */
-export declare const getTitleContainerStyle: () => ViewStyle;
-/**
- * Get message container style
- */
-export declare const getMessageContainerStyle: () => ViewStyle;
-/**
- * Get button container style
- */
-export declare const getButtonContainerStyle: () => ViewStyle;
-/**
- * Get button style
- */
-export declare const getButtonStyle: () => ViewStyle;
-/**
- * Get confirm button variant based on modal variant
- */
-export declare const getConfirmButtonVariant: (variant: ConfirmationModalVariant) => "primary" | "secondary" | "tertiary" | "outline" | "ghost";

package/dist/molecules/confirmation-modal/types/index.d.ts

@@ -1,38 +0,0 @@
-/**
- * ConfirmationModal Types
- */
-import type { ViewStyle, StyleProp } from 'react-native';
-export type ConfirmationModalVariant = 'default' | 'destructive' | 'warning' | 'success';
-export interface ConfirmationModalVariantConfig {
-    icon: string;
-    iconColor: string;
-    confirmText?: string;
-}
-export interface ConfirmationModalProps {
-    /** Modal visibility */
-    visible: boolean;
-    /** Modal title */
-    title: string;
-    /** Modal message */
-    message: string;
-    /** Confirm button text */
-    confirmText?: string;
-    /** Cancel button text */
-    cancelText?: string;
-    /** Confirm callback */
-    onConfirm: () => void;
-    /** Cancel/Close callback */
-    onCancel: () => void;
-    /** Modal variant for styling */
-    variant?: ConfirmationModalVariant;
-    /** Optional icon */
-    icon?: string;
-    /** Test ID */
-    testID?: string;
-    /** Show backdrop */
-    showBackdrop?: boolean;
-    /** Allow backdrop dismiss */
-    backdropDismissible?: boolean;
-    /** Custom style */
-    style?: StyleProp<ViewStyle>;
-}

package/dist/molecules/confirmation-modal/useConfirmationModal.d.ts

@@ -1,18 +0,0 @@
-/**
- * ConfirmationModal Hook
- *
- * Hook for managing confirmation modal state
- */
-import { ConfirmationModalProps, ConfirmationModalVariant } from './types';
-export declare const useConfirmationModal: (config: {
-    title: string;
-    message: string;
-    variant?: ConfirmationModalVariant;
-    confirmText: string;
-    cancelText: string;
-    onConfirm: () => void;
-}) => {
-    showConfirmation: () => void;
-    hideConfirmation: () => void;
-    confirmationProps: ConfirmationModalProps;
-};

package/dist/molecules/countdown/components/Countdown.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import type { CountdownTarget, CountdownDisplayConfig } from '../types/CountdownTypes';
-export interface CountdownProps {
-    target: CountdownTarget;
-    alternateTargets?: CountdownTarget[];
-    displayConfig?: CountdownDisplayConfig;
-    interval?: number;
-    onExpire?: () => void;
-    onTargetChange?: (target: CountdownTarget) => void;
-    formatLabel?: (unit: 'days' | 'hours' | 'minutes' | 'seconds', value: number) => string;
-}
-export declare const Countdown: React.FC<CountdownProps>;

package/dist/molecules/countdown/components/CountdownHeader.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { IconName } from '../../../atoms';
-export interface CountdownHeaderProps {
-    title: string;
-    icon?: IconName;
-    iconColor?: string;
-    showToggle?: boolean;
-    onToggle?: () => void;
-}
-export declare const CountdownHeader: React.FC<CountdownHeaderProps>;

package/dist/molecules/countdown/components/TimeUnit.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export interface TimeUnitProps {
-    value: number;
-    label: string;
-    size?: 'small' | 'medium' | 'large';
-}
-export declare const TimeUnit: React.FC<TimeUnitProps>;

package/dist/molecules/countdown/hooks/useCountdown.d.ts

@@ -1,17 +0,0 @@
-import type { TimeRemaining, CountdownTarget } from '../types/CountdownTypes';
-export interface UseCountdownOptions {
-    interval?: number;
-    autoStart?: boolean;
-    onExpire?: () => void;
-    onTick?: (timeRemaining: TimeRemaining) => void;
-}
-export interface UseCountdownReturn {
-    timeRemaining: TimeRemaining;
-    isActive: boolean;
-    isExpired: boolean;
-    start: () => void;
-    stop: () => void;
-    reset: () => void;
-    setTarget: (target: CountdownTarget) => void;
-}
-export declare function useCountdown(initialTarget: CountdownTarget | null, options?: UseCountdownOptions): UseCountdownReturn;

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

@@ -1,10 +0,0 @@
-export { Countdown } from './components/Countdown';
-export type { CountdownProps } from './components/Countdown';
-export { TimeUnit } from './components/TimeUnit';
-export type { TimeUnitProps } from './components/TimeUnit';
-export { CountdownHeader } from './components/CountdownHeader';
-export type { CountdownHeaderProps } from './components/CountdownHeader';
-export { useCountdown } from './hooks/useCountdown';
-export type { UseCountdownOptions, UseCountdownReturn } from './hooks/useCountdown';
-export { calculateTimeRemaining, padNumber, getNextDayStart, getNextYearStart, } from './utils/TimeCalculator';
-export type { TimeRemaining, CountdownTarget, CountdownFormatOptions, CountdownDisplayConfig, } from './types/CountdownTypes';

package/dist/molecules/countdown/types/CountdownTypes.d.ts

@@ -1,32 +0,0 @@
-export interface TimeRemaining {
-    days: number;
-    hours: number;
-    minutes: number;
-    seconds: number;
-    totalSeconds: number;
-    isExpired: boolean;
-}
-export interface CountdownTarget {
-    date: Date | string;
-    label?: string;
-    icon?: string;
-}
-export interface CountdownFormatOptions {
-    showDays?: boolean;
-    showHours?: boolean;
-    showMinutes?: boolean;
-    showSeconds?: boolean;
-    showZeros?: boolean;
-    separator?: string;
-}
-export interface CountdownDisplayConfig {
-    showIcon?: boolean;
-    showLabel?: boolean;
-    showToggle?: boolean;
-    layout?: 'grid' | 'inline' | 'compact';
-    size?: 'small' | 'medium' | 'large';
-    showDays?: boolean;
-    showHours?: boolean;
-    showMinutes?: boolean;
-    showSeconds?: boolean;
-}

package/dist/molecules/countdown/utils/TimeCalculator.d.ts

@@ -1,5 +0,0 @@
-import type { TimeRemaining } from '../types/CountdownTypes';
-export declare function calculateTimeRemaining(targetDate: Date | string): TimeRemaining;
-export declare function padNumber(num: number): string;
-export declare function getNextDayStart(date?: Date): Date;
-export declare function getNextYearStart(date?: Date): Date;

package/dist/molecules/emoji/domain/entities/Emoji.d.ts

@@ -1,107 +0,0 @@
-/**
- * Emoji Domain Entities
- *
- * Core emoji types and interfaces for emoji picker functionality
- *
- * Features:
- * - Emoji selection with picker UI
- * - Emoji object with metadata (emoji string, name, slug, unicode)
- * - Category-based organization
- * - Search functionality
- * - Recent emojis tracking
- *
- * Dependencies:
- * - rn-emoji-keyboard (emoji picker UI library)
- */
-/**
- * Emoji category types compatible with rn-emoji-keyboard
- */
-export type EmojiCategoryType = 'smileys_emotion' | 'people_body' | 'animals_nature' | 'food_drink' | 'travel_places' | 'activities' | 'objects' | 'symbols' | 'flags' | 'recently_used' | 'search';
-/**
- * Category translation map compatible with rn-emoji-keyboard
- */
-export type EmojiCategoryTranslation = {
-    [key in EmojiCategoryType]: string;
-};
-/**
- * Emoji object returned by the picker
- * Conforms to rn-emoji-keyboard EmojiType structure
- */
-export interface EmojiObject {
-    /** The actual emoji character (e.g., "😀") */
-    emoji: string;
-    /** Human-readable name (e.g., "Grinning Face") */
-    name: string;
-    /** URL-friendly slug (e.g., "grinning_face") */
-    slug: string;
-    /** Unicode codepoint (e.g., "1F600") */
-    unicode_version: string;
-    /** Emoji category (e.g., "smileys_emotion") */
-    category?: string;
-}
-/**
- * Emoji picker configuration
- */
-export interface EmojiPickerConfig {
-    /** Whether to show category tabs */
-    enableCategoryTabs?: boolean;
-    /** Whether to enable search */
-    enableSearch?: boolean;
-    /** Whether to show recently used emojis */
-    enableRecentlyUsed?: boolean;
-    /** Custom category order */
-    categoryOrder?: EmojiCategoryType[];
-    /** Translation object for category labels */
-    translation?: EmojiCategoryTranslation;
-}
-/**
- * Emoji selection callback type
- */
-export type EmojiSelectCallback = (emojiObject: EmojiObject) => void;
-/**
- * Emoji picker categories
- * Based on Unicode emoji categories
- */
-export declare enum EmojiCategory {
-    SMILEYS_EMOTION = "smileys_emotion",
-    PEOPLE_BODY = "people_body",
-    ANIMALS_NATURE = "animals_nature",
-    FOOD_DRINK = "food_drink",
-    TRAVEL_PLACES = "travel_places",
-    ACTIVITIES = "activities",
-    OBJECTS = "objects",
-    SYMBOLS = "symbols",
-    FLAGS = "flags"
-}
-/**
- * Emoji picker state
- */
-export interface EmojiPickerState {
-    /** Whether picker is currently open */
-    isOpen: boolean;
-    /** Currently selected emoji (null if none selected) */
-    selectedEmoji: string | null;
-}
-/**
- * Emoji validation utilities
- */
-export declare const EmojiUtils: {
-    /**
-     * Check if a string contains valid emoji
-     * @param text - Text to validate
-     * @returns True if contains emoji
-     */
-    readonly isEmoji: (text: string) => boolean;
-    /**
-     * Extract first emoji from text
-     * @param text - Text containing emoji
-     * @returns First emoji or empty string
-     */
-    readonly extractFirstEmoji: (text: string) => string;
-    /**
-     * Get emoji length (handles multi-byte emojis correctly)
-     * @param emoji - Emoji string
-     * @returns Actual character count
-     */
-    readonly getEmojiLength: (emoji: string) => number;
-};

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

@@ -1,163 +0,0 @@
-/**
- * Emoji Domain - Barrel Export
- *
- * Global infrastructure domain for emoji selection and display
- *
- * Features:
- * - Universal emoji picker component
- * - Category-based emoji selection (smileys, animals, food, etc.)
- * - Search functionality
- * - Recently used emojis tracking
- * - React hook for state management
- * - Theme-aware styling
- * - Validation utilities
- *
- * Dependencies:
- * - rn-emoji-keyboard (emoji picker UI library)
- *
- * USAGE:
- * ```typescript
- * // Method 1: Using hook (recommended)
- * import { useEmojiPicker, EmojiPicker } from '@umituz/react-native-emoji';
- *
- * const MyComponent = () => {
- *   const {
- *     isOpen,
- *     selectedEmoji,
- *     openPicker,
- *     closePicker,
- *     handleEmojiSelect,
- *   } = useEmojiPicker();
- *
- *   return (
- *     <View>
- *       <TouchableOpacity onPress={openPicker}>
- *         <Text style={{ fontSize: 32 }}>
- *           {selectedEmoji || 'Select Emoji'}
- *         </Text>
- *       </TouchableOpacity>
- *
- *       <EmojiPicker
- *         open={isOpen}
- *         onClose={closePicker}
- *         onEmojiSelected={handleEmojiSelect}
- *       />
- *     </View>
- *   );
- * };
- *
- * // Method 2: Manual state management
- * import { EmojiPicker, type EmojiObject } from '@umituz/react-native-emoji';
- *
- * const MyComponent = () => {
- *   const [isOpen, setIsOpen] = useState(false);
- *   const [emoji, setEmoji] = useState('');
- *
- *   const handleSelect = (emojiObject: EmojiObject) => {
- *     setEmoji(emojiObject.emoji);
- *     setIsOpen(false);
- *   };
- *
- *   return (
- *     <View>
- *       <TouchableOpacity onPress={() => setIsOpen(true)}>
- *         <Text>{emoji || 'Select'}</Text>
- *       </TouchableOpacity>
- *
- *       <EmojiPicker
- *         open={isOpen}
- *         onClose={() => setIsOpen(false)}
- *         onEmojiSelected={handleSelect}
- *       />
- *     </View>
- *   );
- * };
- *
- * // Validation utilities
- * import { EmojiUtils } from '@umituz/react-native-emoji';
- *
- * const isValid = EmojiUtils.isEmoji('😀'); // true
- * const first = EmojiUtils.extractFirstEmoji('Hello 😀 World 🌍'); // '😀'
- * const length = EmojiUtils.getEmojiLength('👨‍👩‍👧‍👦'); // 1 (handles multi-byte)
- * ```
- *
- * REAL-WORLD EXAMPLE (Category Creation):
- * ```typescript
- * import { useEmojiPicker, EmojiPicker } from '@umituz/react-native-emoji';
- * import { AtomicInput, AtomicText } from '@umituz/react-native-design-system';
- *
- * const AddCategoryScreen = () => {
- *   const [name, setName] = useState('');
- *   const {
- *     selectedEmoji,
- *     isOpen,
- *     openPicker,
- *     closePicker,
- *     handleEmojiSelect,
- *   } = useEmojiPicker();
- *
- *   const handleSubmit = () => {
- *     if (!name.trim() || !selectedEmoji) {
- *       alert('Please fill all fields');
- *       return;
- *     }
- *
- *     // Save category with emoji
- *     saveCategory({ name, emoji: selectedEmoji });
- *   };
- *
- *   return (
- *     <View>
- *       <AtomicInput
- *         label="Category Name"
- *         value={name}
- *         onChangeText={setName}
- *       />
- *
- *       <TouchableOpacity onPress={openPicker}>
- *         <Text style={{ fontSize: 32, textAlign: 'center' }}>
- *           {selectedEmoji || 'Tap to select emoji'}
- *         </Text>
- *       </TouchableOpacity>
- *
- *       <AtomicButton onPress={handleSubmit}>
- *         Create Category
- *       </AtomicButton>
- *
- *       <EmojiPicker
- *         open={isOpen}
- *         onClose={closePicker}
- *         onEmojiSelected={handleEmojiSelect}
- *       />
- *     </View>
- *   );
- * };
- * ```
- *
- * EMOJI CATEGORIES:
- * - 😀 Smileys & Emotion
- * - 👨 People & Body
- * - 🐶 Animals & Nature
- * - 🍔 Food & Drink
- * - ✈️ Travel & Places
- * - ⚽ Activities
- * - 💡 Objects
- * - ❤️ Symbols
- * - 🏁 Flags
- *
- * FEATURES:
- * - 3600+ emojis across 9 categories
- * - Full Unicode 15.0 support
- * - Search by name or keywords
- * - Recently used tracking (persisted)
- * - Category change animations
- * - Smooth scrolling and gestures
- * - Theme-aware (light/dark mode)
- * - Localization support
- */
-export type { EmojiObject, EmojiPickerConfig, EmojiSelectCallback, EmojiPickerState, } from './domain/entities/Emoji';
-export { EmojiCategory, EmojiUtils } from './domain/entities/Emoji';
-export { EmojiPicker } from './presentation/components/EmojiPicker';
-export type { EmojiPickerProps } from './presentation/components/EmojiPicker';
-export { useEmojiPicker } from './presentation/hooks/useEmojiPicker';
-export type { UseEmojiPickerOptions, UseEmojiPickerReturn, } from './presentation/hooks/useEmojiPicker';

package/dist/molecules/emoji/presentation/components/EmojiPicker.d.ts

@@ -1,62 +0,0 @@
-/**
- * EmojiPicker Component
- *
- * Universal emoji picker component wrapping rn-emoji-keyboard
- * Provides a clean, factory-standard interface for emoji selection
- *
- * Features:
- * - Category-based emoji selection
- * - Search functionality
- * - Recently used emojis
- * - Theme-aware styling
- * - Localization support
- *
- * Dependencies:
- * - rn-emoji-keyboard (emoji picker UI library)
- *
- * USAGE:
- * ```typescript
- * import { EmojiPicker } from '@umituz/react-native-emoji';
- *
- * const MyComponent = () => {
- *   const [isOpen, setIsOpen] = useState(false);
- *   const [emoji, setEmoji] = useState('');
- *
- *   const handleEmojiSelect = (emojiObject: EmojiObject) => {
- *     setEmoji(emojiObject.emoji);
- *     setIsOpen(false);
- *   };
- *
- *   return (
- *     <>
- *       <TouchableOpacity onPress={() => setIsOpen(true)}>
- *         <Text>{emoji || 'Select Emoji'}</Text>
- *       </TouchableOpacity>
- *
- *       <EmojiPicker
- *         open={isOpen}
- *         onClose={() => setIsOpen(false)}
- *         onEmojiSelected={handleEmojiSelect}
- *       />
- *     </>
- *   );
- * };
- * ```
- */
-import React from 'react';
-import type { EmojiObject, EmojiPickerConfig } from '../../domain/entities/Emoji';
-export interface EmojiPickerProps {
-    /** Whether the picker is currently open */
-    open: boolean;
-    /** Callback when picker is closed */
-    onClose: () => void;
-    /** Callback when an emoji is selected */
-    onEmojiSelected: (emojiObject: EmojiObject) => void;
-    /** Optional configuration */
-    config?: EmojiPickerConfig;
-}
-/**
- * Universal emoji picker component
- * Wraps rn-emoji-keyboard with factory-standard interface
- */
-export declare const EmojiPicker: React.FC<EmojiPickerProps>;

package/dist/molecules/emoji/presentation/hooks/useEmojiPicker.d.ts

@@ -1,73 +0,0 @@
-/**
- * useEmojiPicker Hook
- *
- * React hook for emoji picker state management
- * Provides a clean, declarative API for emoji selection
- *
- * Features:
- * - Open/close state management
- * - Selected emoji tracking
- * - Clear/reset functionality
- * - Simple, reusable hook pattern
- *
- * USAGE:
- * ```typescript
- * import { useEmojiPicker, EmojiPicker } from '@umituz/react-native-emoji';
- *
- * const MyComponent = () => {
- *   const {
- *     isOpen,
- *     selectedEmoji,
- *     openPicker,
- *     closePicker,
- *     handleEmojiSelect,
- *     clearEmoji,
- *   } = useEmojiPicker();
- *
- *   return (
- *     <View>
- *       <TouchableOpacity onPress={openPicker}>
- *         <Text>{selectedEmoji || 'Select Emoji'}</Text>
- *       </TouchableOpacity>
- *
- *       <EmojiPicker
- *         open={isOpen}
- *         onClose={closePicker}
- *         onEmojiSelected={handleEmojiSelect}
- *       />
- *     </View>
- *   );
- * };
- * ```
- */
-import type { EmojiObject } from '../../domain/entities/Emoji';
-export interface UseEmojiPickerOptions {
-    /** Initial emoji value */
-    initialEmoji?: string;
-    /** Callback when emoji is selected */
-    onEmojiChange?: (emoji: string) => void;
-    /** Whether to auto-close picker after selection */
-    autoClose?: boolean;
-}
-export interface UseEmojiPickerReturn {
-    /** Whether the picker is currently open */
-    isOpen: boolean;
-    /** Currently selected emoji (null if none) */
-    selectedEmoji: string | null;
-    /** Open the emoji picker */
-    openPicker: () => void;
-    /** Close the emoji picker */
-    closePicker: () => void;
-    /** Toggle picker open/closed */
-    togglePicker: () => void;
-    /** Handle emoji selection (use as onEmojiSelected callback) */
-    handleEmojiSelect: (emojiObject: EmojiObject) => void;
-    /** Clear the currently selected emoji */
-    clearEmoji: () => void;
-    /** Set emoji directly (without opening picker) */
-    setEmoji: (emoji: string) => void;
-}
-/**
- * Hook for emoji picker state management
- */
-export declare const useEmojiPicker: (options?: UseEmojiPickerOptions) => UseEmojiPickerReturn;

package/dist/molecules/filter-group/FilterGroup.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import type { FilterGroupProps } from './types';
-export declare function FilterGroup<T = string>({ items, selectedValue, onSelect, multiSelect, style, contentContainerStyle, itemStyle, }: FilterGroupProps<T>): React.JSX.Element;