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

package/dist/molecules/calendar/presentation/components/AtomicCalendar.d.ts

@@ -1,82 +0,0 @@
-/**
- * AtomicCalendar Component
- *
- * Generic, reusable calendar component with month view.
- * Works with any type of events (workouts, habits, tasks, etc.)
- *
- * Features:
- * - Monthly grid view (42 days = 6 weeks)
- * - Timezone-aware via calendar service
- * - Event indicators (colored dots)
- * - Customizable styling
- * - Accessible
- * - Theme-aware
- *
- * Usage:
- * ```tsx
- * import { AtomicCalendar, useCalendar } from '@umituz/react-native-calendar';
- *
- * const MyScreen = () => {
- *   const { days, selectedDate, actions } = useCalendar();
- *
- *   return (
- *     <AtomicCalendar
- *       days={days}
- *       selectedDate={selectedDate}
- *       onDateSelect={actions.setSelectedDate}
- *     />
- *   );
- * };
- * ```
- */
-import React from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import type { CalendarDay } from '../../domain/entities/CalendarDay.entity';
-/**
- * AtomicCalendar Props
- */
-export interface AtomicCalendarProps {
-    /**
-     * Calendar days to display (42 days for 6-week grid)
-     */
-    days: CalendarDay[];
-    /**
-     * Currently selected date
-     */
-    selectedDate: Date;
-    /**
-     * Callback when a date is selected
-     */
-    onDateSelect: (date: Date) => void;
-    /**
-     * Whether to show weekday headers
-     * @default true
-     */
-    showWeekdayHeaders?: boolean;
-    /**
-     * Maximum number of event indicators to show per day
-     * @default 3
-     */
-    maxEventIndicators?: number;
-    /**
-     * Custom container style
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Custom day cell style
-     */
-    dayStyle?: StyleProp<ViewStyle>;
-    /**
-     * Whether to show event count when exceeds max indicators
-     * @default true
-     */
-    showEventCount?: boolean;
-    /**
-     * Test ID for testing
-     */
-    testID?: string;
-}
-/**
- * AtomicCalendar Component
- */
-export declare const AtomicCalendar: React.FC<AtomicCalendarProps>;

package/dist/molecules/calendar/presentation/components/CalendarDayCell.d.ts

@@ -1,18 +0,0 @@
-/**
- * Calendar Day Cell Component
- */
-import React from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import type { CalendarDay } from '../../domain/entities/CalendarDay.entity';
-interface CalendarDayCellProps {
-    day: CalendarDay;
-    index: number;
-    isSelected: boolean;
-    onDateSelect: (date: Date) => void;
-    maxEventIndicators: number;
-    showEventCount: boolean;
-    dayStyle?: StyleProp<ViewStyle>;
-    testID?: string;
-}
-export declare const CalendarDayCell: React.FC<CalendarDayCellProps>;
-export {};

package/dist/molecules/calendar/presentation/components/CalendarWeekdayHeader.d.ts

@@ -1,9 +0,0 @@
-/**
- * Calendar Weekday Header Component
- */
-import React from 'react';
-interface CalendarWeekdayHeaderProps {
-    weekdayNames: string[];
-}
-export declare const CalendarWeekdayHeader: React.FC<CalendarWeekdayHeaderProps>;
-export {};

package/dist/molecules/calendar/presentation/components/calendarStyles.d.ts

@@ -1,53 +0,0 @@
-/**
- * Calendar Component Styles
- */
-export declare const calendarStyles: {
-    container: {
-        borderRadius: number;
-        padding: number;
-    };
-    weekdayHeader: {
-        flexDirection: "row";
-        marginBottom: number;
-    };
-    weekdayCell: {
-        flex: number;
-        alignItems: "center";
-    };
-    weekdayText: {
-        textAlign: "center";
-    };
-    grid: {
-        flexDirection: "row";
-        flexWrap: "wrap";
-    };
-    dayCell: {
-        width: "14.285714285714286%";
-        aspectRatio: number;
-        justifyContent: "center";
-        alignItems: "center";
-        borderRadius: number;
-        marginBottom: number;
-        padding: number;
-    };
-    dayText: {
-        textAlign: "center";
-    };
-    eventIndicators: {
-        flexDirection: "row";
-        alignItems: "center";
-        justifyContent: "center";
-        marginTop: number;
-        gap: number;
-        flexWrap: "wrap";
-    };
-    eventDot: {
-        width: number;
-        height: number;
-        borderRadius: number;
-    };
-    moreEventsText: {
-        fontSize: number;
-        marginLeft: number;
-    };
-};

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

@@ -1,13 +0,0 @@
-import React from "react";
-export interface CircularMenuAction {
-    id: string;
-    label: string;
-    icon: string;
-    onPress: () => void;
-}
-export interface CircularMenuProps {
-    visible: boolean;
-    onClose: () => void;
-    actions: CircularMenuAction[];
-}
-export declare const CircularMenu: React.FC<CircularMenuProps>;

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

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const CircularMenuBackground: React.FC;

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

@@ -1,5 +0,0 @@
-import React from "react";
-export interface CircularMenuCloseButtonProps {
-    onPress: () => void;
-}
-export declare const CircularMenuCloseButton: React.FC<CircularMenuCloseButtonProps>;

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

@@ -1,7 +0,0 @@
-import React from "react";
-export interface CircularMenuItemProps {
-    icon: string;
-    label: string;
-    onPress: () => void;
-}
-export declare const CircularMenuItem: React.FC<CircularMenuItemProps>;

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,9 +0,0 @@
-/**
- * Circular Menu Components
- */
-export { CircularMenu } from './CircularMenu';
-export { CircularMenuBackground } from './CircularMenuBackground';
-export { CircularMenuCloseButton } from './CircularMenuCloseButton';
-export { CircularMenuItem } from './CircularMenuItem';
-export { LAYOUT, ROW_CONFIG, ARC_BACKGROUND, OVERLAY } from './constants';
-export { getTopRowPosition, getBottomRowPosition } from './constants';

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/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * Confirmation Modal Components
- */
-export * from './components';
-export { useConfirmationModal } from './useConfirmationModal';
-export type { ConfirmationModalProps, ConfirmationModalVariant, ConfirmationModalVariantConfig } from './types';

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.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;
-};