@umituz/react-native-design-system 4.25.86 → 4.25.88

package/dist/onboarding/domain/entities/OnboardingUserData.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Onboarding User Data Entity
+ *
+ * Domain entity representing collected user data from onboarding
+ */
+import type { OnboardingAnswerValue } from "./OnboardingQuestion";
+/**
+ * User data collected during onboarding
+ */
+export interface OnboardingUserData {
+    /**
+     * User's answers to questions
+     * Key: question ID, Value: answer
+     */
+    answers: Record<string, OnboardingAnswerValue>;
+    /**
+     * Timestamp when onboarding was completed
+     */
+    completedAt?: string;
+    /**
+     * Was onboarding skipped?
+     */
+    skipped?: boolean;
+    /**
+     * User preferences derived from answers
+     */
+    preferences?: Record<string, unknown>;
+    /**
+     * User profile data
+     */
+    profile?: {
+        name?: string;
+        email?: string;
+        age?: number;
+        gender?: string;
+        [key: string]: string | number | undefined;
+    };
+}

package/dist/onboarding/domain/types/ImageSourceType.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Image Source Type
+ * Domain type for image sources used in onboarding slides.
+ * Compatible with expo-image ImageSource (optional peer dep).
+ */
+export type ImageSourceType = number | string | {
+    uri: string;
+    headers?: Record<string, string>;
+    cacheKey?: string;
+    [key: string]: unknown;
+};

package/dist/onboarding/hooks/useOnboardingFlow.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Onboarding Flow Hook
+ * Manages onboarding completion state with persistence
+ */
+export interface UseOnboardingFlowResult {
+    isOnboardingComplete: boolean;
+    completeOnboarding: () => Promise<void>;
+}
+export declare const useOnboardingFlow: () => UseOnboardingFlowResult;

package/dist/onboarding/index.d.ts

@@ -0,0 +1,60 @@
+/**
+ * React Native Onboarding - Public API
+ *
+ * Generic onboarding flow for React Native apps with custom backgrounds,
+ * animations, and customizable slides. Follows SOLID, DRY, KISS principles.
+ *
+ * Architecture:
+ * - Domain: Entities and interfaces (business logic)
+ * - Infrastructure: Storage and hooks (state management)
+ * - Presentation: Components and screens (UI)
+ *
+ * Usage:
+ *   import { OnboardingScreen, OnboardingSlide } from '@umituz/react-native-onboarding';
+ *
+ *   <OnboardingScreen
+ *     slides={[
+ *       {
+ *         id: '1',
+ *         title: 'Welcome',
+ *         description: 'Welcome to the app',
+ *         icon: '🎉',
+ *         backgroundColor: '#3B82F6',
+ *       },
+ *     ]}
+ *   />
+ */
+export type { OnboardingSlide, SlideType } from "./domain/entities/OnboardingSlide";
+export type { OnboardingOptions } from "./domain/entities/OnboardingOptions";
+export type { OnboardingQuestion, QuestionType, QuestionOption, QuestionValidation, } from "./domain/entities/OnboardingQuestion";
+export type { OnboardingUserData } from "./domain/entities/OnboardingUserData";
+export { useOnboardingStore, useOnboarding, } from "./infrastructure/storage/OnboardingStore";
+export type { OnboardingStoreState } from "./infrastructure/storage/OnboardingStoreState";
+export type { OnboardingStoreActions } from "./infrastructure/storage/OnboardingStoreActions";
+export type { OnboardingStoreSelectors } from "./infrastructure/storage/OnboardingStoreSelectors";
+export { useOnboardingNavigation, type UseOnboardingNavigationReturn, } from "./infrastructure/hooks/useOnboardingNavigation";
+export { useOnboardingContainerStyle, type UseOnboardingContainerStyleProps, type UseOnboardingContainerStyleReturn, } from "./presentation/hooks/useOnboardingContainerStyle";
+export { OnboardingScreen, type OnboardingScreenProps } from "./presentation/screens/OnboardingScreen";
+export { OnboardingHeader, type OnboardingHeaderProps } from "./presentation/components/OnboardingHeader";
+export { OnboardingFooter, type OnboardingFooterProps } from "./presentation/components/OnboardingFooter";
+export { OnboardingProvider, type OnboardingProviderProps, type OnboardingTranslations, useOnboardingProvider } from "./presentation/providers/OnboardingProvider";
+export { BackgroundImageCollage, type CollageLayout, type BackgroundImageCollageProps } from "./presentation/components/BackgroundImageCollage";
+export type { OnboardingTheme, OnboardingColors } from "./presentation/types/OnboardingTheme";
+export { ensureArray, safeIncludes, safeFilter } from "./infrastructure/utils/arrayUtils";
+export type { ImageLayoutItem, LayoutConfig } from "./infrastructure/utils/layouts";
+import { OnboardingSlide as OnboardingSlideComponent } from "./presentation/components/OnboardingSlide";
+export { OnboardingSlideComponent };
+export type { OnboardingSlideProps } from "./presentation/components/OnboardingSlide";
+export { QuestionSlide } from "./presentation/components/QuestionSlide";
+export type { QuestionSlideProps } from "./presentation/components/QuestionSlide";
+export { SingleChoiceQuestion } from "./presentation/components/questions/SingleChoiceQuestion";
+export type { SingleChoiceQuestionProps } from "./presentation/components/questions/SingleChoiceQuestion";
+export { MultipleChoiceQuestion } from "./presentation/components/questions/MultipleChoiceQuestion";
+export type { MultipleChoiceQuestionProps } from "./presentation/components/questions/MultipleChoiceQuestion";
+export { TextInputQuestion } from "./presentation/components/questions/TextInputQuestion";
+export type { TextInputQuestionProps } from "./presentation/components/questions/TextInputQuestion";
+export { RatingQuestion } from "./presentation/components/questions/RatingQuestion";
+export type { RatingQuestionProps } from "./presentation/components/questions/RatingQuestion";
+export { OnboardingResetSetting } from "./presentation/components/OnboardingResetSetting";
+export type { OnboardingResetSettingProps } from "./presentation/components/OnboardingResetSetting";
+export { useOnboardingFlow, type UseOnboardingFlowResult } from './hooks/useOnboardingFlow';

package/dist/onboarding/infrastructure/hooks/useOnboardingAnswers.d.ts

@@ -0,0 +1,20 @@
+/**
+ * useOnboardingAnswers Hook
+ *
+ * Manages answer state and operations for onboarding questions
+ * Follows Single Responsibility Principle
+ */
+import type { OnboardingSlide } from "../../domain/entities/OnboardingSlide";
+import type { OnboardingAnswerValue } from "../../domain/entities/OnboardingQuestion";
+export interface UseOnboardingAnswersReturn {
+    currentAnswer: OnboardingAnswerValue;
+    setCurrentAnswer: (answer: OnboardingAnswerValue) => void;
+    loadAnswerForSlide: (slide: OnboardingSlide | undefined) => void;
+    saveCurrentAnswer: (slide: OnboardingSlide | undefined) => Promise<void>;
+}
+/**
+ * Hook for managing onboarding question answers
+ * @param currentSlide - The current slide being displayed
+ * @returns Answer state and operations
+ */
+export declare function useOnboardingAnswers(currentSlide: OnboardingSlide | undefined): UseOnboardingAnswersReturn;

package/dist/onboarding/infrastructure/hooks/useOnboardingNavigation.d.ts

@@ -0,0 +1,23 @@
+/**
+ * useOnboardingNavigation Hook
+ *
+ * Manages navigation state and callbacks for onboarding flow
+ */
+export interface UseOnboardingNavigationReturn {
+    currentIndex: number;
+    goToNext: () => void;
+    goToPrevious: () => void;
+    complete: () => Promise<void>;
+    skip: () => Promise<void>;
+    isLastSlide: boolean;
+    isFirstSlide: boolean;
+}
+/**
+ * Hook for managing onboarding navigation
+ *
+ * @param totalSlides - Total number of slides
+ * @param onComplete - Callback when onboarding completes
+ * @param onSkip - Callback when onboarding is skipped
+ * @returns Navigation state and handlers
+ */
+export declare const useOnboardingNavigation: (totalSlides: number, onComplete?: () => void | Promise<void>, onSkip?: () => void | Promise<void>) => UseOnboardingNavigationReturn;

package/dist/onboarding/infrastructure/services/SlideManager.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Onboarding Slide Service
+ *
+ * Business logic for filtering and processing onboarding slides
+ * Follows Single Responsibility Principle
+ */
+import type { OnboardingSlide } from "../../domain/entities/OnboardingSlide";
+import type { OnboardingUserData } from "../../domain/entities/OnboardingUserData";
+/**
+ * SlideManager
+ */
+export declare class SlideManager {
+    /**
+     * Filter slides based on skipIf conditions
+     * @param slides - All available slides
+     * @param userData - User's onboarding data including answers
+     * @returns Filtered slides that should be shown
+     */
+    static filterSlides(slides: OnboardingSlide[] | undefined, userData: OnboardingUserData): OnboardingSlide[];
+    /**
+     * Get slide at specific index
+     * @param slides - Filtered slides array
+     * @param index - Slide index
+     * @returns Slide at index or undefined
+     */
+    static getSlideAtIndex(slides: OnboardingSlide[], index: number): OnboardingSlide | undefined;
+}

package/dist/onboarding/infrastructure/services/ValidationManager.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Onboarding Validation Service
+ *
+ * Business logic for validating onboarding question answers
+ * Follows Single Responsibility Principle
+ */
+import type { OnboardingQuestion, OnboardingAnswerValue } from "../../domain/entities/OnboardingQuestion";
+/**
+ * ValidationManager
+ */
+export declare class ValidationManager {
+    /**
+     * Validate answer against question validation rules
+     * @param question - The question to validate against
+     * @param answer - The answer to validate
+     * @returns true if valid, false otherwise
+     */
+    static validateAnswer(question: OnboardingQuestion, answer: OnboardingAnswerValue): boolean;
+    /**
+     * Validate multiple choice answer
+     */
+    private static validateMultipleChoice;
+    /**
+     * Validate text input answer
+     */
+    private static validateTextInput;
+    /**
+     * Validate date answer (ISO string from date picker)
+     */
+    private static validateDate;
+    /**
+     * Validate numeric answer (rating)
+     */
+    private static validateNumeric;
+}

package/dist/onboarding/infrastructure/storage/OnboardingStore.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Onboarding Store
+ *
+ * Zustand store for managing onboarding completion state
+ * Uses @storage for persistence
+ */
+import type { OnboardingStoreState } from "./OnboardingStoreState";
+import type { OnboardingUserData } from "../../domain/entities/OnboardingUserData";
+interface OnboardingActions {
+    setCurrentStep: (step: number) => void;
+    setLoading: (loading: boolean) => void;
+    setError: (error: string | null) => void;
+    setState: (state: Partial<OnboardingStoreState>) => void;
+    getState: () => OnboardingStoreState;
+    initialize: (storageKey?: string) => Promise<void>;
+    complete: (storageKey?: string) => Promise<void>;
+    skip: (storageKey?: string) => Promise<void>;
+    reset: (storageKey?: string) => Promise<void>;
+    saveAnswer: (questionId: string, answer: unknown) => Promise<void>;
+    setUserData: (data: OnboardingUserData) => Promise<void>;
+}
+export declare const useOnboardingStore: import("zustand").UseBoundStore<import("zustand").StoreApi<OnboardingStoreState & OnboardingActions>>;
+/**
+ * Hook for accessing onboarding state
+ * Memoized to prevent unnecessary re-renders in consumer components
+ */
+export declare const useOnboarding: () => {
+    isOnboardingComplete: boolean;
+    currentStep: number;
+    loading: boolean;
+    error: string | null;
+    userData: OnboardingUserData;
+    initialize: (storageKey?: string) => Promise<void>;
+    complete: (storageKey?: string) => Promise<void>;
+    skip: (storageKey?: string) => Promise<void>;
+    setCurrentStep: (step: number) => void;
+    reset: (storageKey?: string) => Promise<void>;
+    setLoading: (loading: boolean) => void;
+    setError: (error: string | null) => void;
+    saveAnswer: (questionId: string, answer: unknown) => Promise<void>;
+    setUserData: (data: OnboardingUserData) => Promise<void>;
+    getAnswer: (questionId: string) => import("../../domain/entities/OnboardingQuestion").OnboardingAnswerValue;
+    getUserData: () => OnboardingStoreState["userData"];
+};
+export {};

package/dist/onboarding/infrastructure/storage/OnboardingStoreActions.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Onboarding Store Actions
+ * Single Responsibility: Async store actions interface and factory
+ */
+import type { OnboardingUserData } from "../../domain/entities/OnboardingUserData";
+import type { OnboardingStoreState } from "./OnboardingStoreState";
+export interface OnboardingStoreActions {
+    initialize: (storageKey?: string) => Promise<void>;
+    complete: (storageKey?: string) => Promise<void>;
+    skip: (storageKey?: string) => Promise<void>;
+    reset: (storageKey?: string) => Promise<void>;
+    saveAnswer: (questionId: string, answer: unknown) => Promise<void>;
+    setUserData: (data: OnboardingUserData) => Promise<void>;
+}
+export declare function createOnboardingStoreActions(set: (state: Partial<OnboardingStoreState>) => void, get: () => OnboardingStoreState): OnboardingStoreActions;

package/dist/onboarding/infrastructure/storage/OnboardingStoreSelectors.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Onboarding Store Selectors
+ * Single Responsibility: Store state selectors
+ */
+import type { OnboardingAnswerValue } from "../../domain/entities/OnboardingQuestion";
+import type { OnboardingStoreState } from "./OnboardingStoreState";
+export interface OnboardingStoreSelectors {
+    getAnswer: (questionId: string) => OnboardingAnswerValue;
+    getUserData: () => OnboardingStoreState['userData'];
+}
+export declare function createOnboardingStoreSelectors(get: () => OnboardingStoreState): OnboardingStoreSelectors;

package/dist/onboarding/infrastructure/storage/OnboardingStoreState.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Onboarding Store State
+ * Single Responsibility: Store state interface and initial state
+ */
+import type { OnboardingUserData } from "../../domain/entities/OnboardingUserData";
+export interface OnboardingStoreState {
+    isOnboardingComplete: boolean;
+    currentStep: number;
+    loading: boolean;
+    error: string | null;
+    userData: OnboardingUserData;
+}
+export declare const initialOnboardingState: OnboardingStoreState;

package/dist/onboarding/infrastructure/storage/actions/answerActions.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Answer Actions
+ * Single Responsibility: Save and update user answers
+ */
+import type { OnboardingUserData } from "../../../domain/entities/OnboardingUserData";
+import type { OnboardingStoreState } from "../OnboardingStoreState";
+export declare function saveAnswerAction(set: (state: Partial<OnboardingStoreState>) => void, get: () => OnboardingStoreState, questionId: string, answer: unknown): Promise<void>;
+export declare function setUserDataAction(set: (state: Partial<OnboardingStoreState>) => void, data: OnboardingUserData): Promise<void>;

package/dist/onboarding/infrastructure/storage/actions/completeAction.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Complete Action
+ * Single Responsibility: Mark onboarding as completed
+ */
+import type { OnboardingStoreState } from "../OnboardingStoreState";
+export declare function completeAction(set: (state: Partial<OnboardingStoreState>) => void, get: () => OnboardingStoreState, storageKey: string): Promise<void>;

package/dist/onboarding/infrastructure/storage/actions/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Actions Index
+ * Single Responsibility: Export all action functions
+ */
+export { loadCompletionStatus, loadUserData, saveCompletionStatus, saveUserData, removeStorageKeys, handleError, logSuccess, DEFAULT_STORAGE_KEY, USER_DATA_STORAGE_KEY, } from "./storageHelpers";
+export { initializeAction } from "./initializeAction";
+export { completeAction } from "./completeAction";
+export { skipAction } from "./skipAction";
+export { resetAction } from "./resetAction";
+export { saveAnswerAction, setUserDataAction } from "./answerActions";

package/dist/onboarding/infrastructure/storage/actions/initializeAction.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Initialize Action
+ * Single Responsibility: Load initial onboarding state from storage
+ */
+import type { OnboardingStoreState } from "../OnboardingStoreState";
+export declare function initializeAction(set: (state: Partial<OnboardingStoreState>) => void, storageKey: string): Promise<void>;

package/dist/onboarding/infrastructure/storage/actions/resetAction.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Reset Action
+ * Single Responsibility: Reset onboarding state
+ */
+import type { OnboardingStoreState } from "../OnboardingStoreState";
+export declare function resetAction(set: (state: Partial<OnboardingStoreState>) => void, storageKey: string): Promise<void>;

package/dist/onboarding/infrastructure/storage/actions/skipAction.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Skip Action
+ * Single Responsibility: Mark onboarding as skipped
+ */
+import type { OnboardingStoreState } from "../OnboardingStoreState";
+export declare function skipAction(set: (state: Partial<OnboardingStoreState>) => void, get: () => OnboardingStoreState, storageKey: string): Promise<void>;

package/dist/onboarding/infrastructure/storage/actions/storageHelpers.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Storage Helpers
+ * Single Responsibility: Common storage operations and error handling
+ */
+import type { OnboardingUserData } from "../../../domain/entities/OnboardingUserData";
+export declare const DEFAULT_STORAGE_KEY = "@onboarding:completed";
+export declare const USER_DATA_STORAGE_KEY = "@onboarding:user_data";
+export declare function loadCompletionStatus(storageKey: string): Promise<boolean>;
+export declare function loadUserData(defaultData: OnboardingUserData): Promise<OnboardingUserData>;
+export declare function saveCompletionStatus(storageKey: string): Promise<void>;
+export declare function saveUserData(data: OnboardingUserData): Promise<void>;
+export declare function removeStorageKeys(storageKey: string): Promise<void>;
+export declare function handleError(error: unknown, context: string): string;
+export declare function logSuccess(_message: string): void;

package/dist/onboarding/infrastructure/utils/arrayUtils.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Array Utilities
+ * Safe array operations for onboarding components
+ */
+/**
+ * Ensures the value is a valid array, returns empty array if not
+ */
+export declare const ensureArray: <T>(value: T[] | undefined | null) => T[];
+/**
+ * Safe includes check that handles undefined/null values
+ */
+export declare const safeIncludes: <T>(array: T[] | undefined | null, item: T) => boolean;
+/**
+ * Safe filter that handles undefined/null values
+ */
+export declare const safeFilter: <T>(array: T[] | undefined | null, predicate: (item: T) => boolean) => T[];

package/dist/onboarding/infrastructure/utils/backgroundUtils.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Background Utilities
+ *
+ * Utility functions for background-related operations
+ * Follows Single Responsibility Principle
+ */
+import type { OnboardingSlide } from "../../domain/entities/OnboardingSlide";
+/**
+ * Check if slide should use custom background or overlay
+ * Indicates that we are not using the default theme background.
+ *
+ * @param slide - The slide to check
+ * @param globalUseCustomBackground - Global option from OnboardingOptions
+ * @returns true if custom background/media should be used, false otherwise
+ */
+export declare function shouldUseCustomBackground(slide: OnboardingSlide | undefined, globalUseCustomBackground?: boolean): boolean;

package/dist/onboarding/infrastructure/utils/layouts/collageLayout.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Collage Layout Generator
+ * Random collage with varying sizes
+ */
+import type { ImageLayoutItem, LayoutConfig, ImageSourceType } from "./layoutTypes";
+export declare const generateCollageLayout: (images: ImageSourceType[], config?: LayoutConfig) => ImageLayoutItem[];

package/dist/onboarding/infrastructure/utils/layouts/gridLayouts.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Grid Layout Generators
+ * Standard and dense grid layouts with safe area support
+ */
+import type { ImageLayoutItem, LayoutConfig, ImageSourceType } from "./layoutTypes";
+export declare const generateGridLayout: (images: ImageSourceType[], config?: LayoutConfig) => ImageLayoutItem[];
+export declare const generateDenseGridLayout: (images: ImageSourceType[], config?: LayoutConfig) => ImageLayoutItem[];

package/dist/onboarding/infrastructure/utils/layouts/honeycombLayout.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Honeycomb Layout Generator
+ * Hexagonal pattern layout
+ */
+import type { ImageLayoutItem, LayoutConfig, ImageSourceType } from "./layoutTypes";
+export declare const generateHoneycombLayout: (images: ImageSourceType[], config?: LayoutConfig) => ImageLayoutItem[];

package/dist/onboarding/infrastructure/utils/layouts/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Layout Generators - Barrel Export
+ */
+export type { ImageLayoutItem, ImageLayoutStyle, LayoutConfig, ImageSourceType } from "./layoutTypes";
+export { generateGridLayout, generateDenseGridLayout } from "./gridLayouts";
+export { generateMasonryLayout } from "./masonryLayout";
+export { generateCollageLayout } from "./collageLayout";
+export { generateScatteredLayout } from "./scatteredLayout";
+export { generateTilesLayout } from "./tilesLayout";
+export { generateHoneycombLayout } from "./honeycombLayout";

package/dist/onboarding/infrastructure/utils/layouts/layoutTypes.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Layout Types
+ * Type definitions for image layout generators
+ */
+import type { ImageSourceType } from "../../../domain/types/ImageSourceType";
+export type { ImageSourceType };
+export interface SafeAreaInsets {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+}
+export interface ImageLayoutStyle {
+    position: "absolute";
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+    borderRadius?: number;
+}
+export interface ImageLayoutItem {
+    source: ImageSourceType;
+    style: ImageLayoutStyle;
+}
+export interface LayoutConfig {
+    columns?: number;
+    gap?: number;
+    borderRadius?: number;
+    randomizeSize?: boolean;
+    safeAreaInsets?: SafeAreaInsets;
+}

package/dist/onboarding/infrastructure/utils/layouts/masonryLayout.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Masonry Layout Generator
+ * Pinterest-style masonry layout
+ */
+import type { ImageLayoutItem, LayoutConfig, ImageSourceType } from "./layoutTypes";
+export declare const generateMasonryLayout: (images: ImageSourceType[], config?: LayoutConfig) => ImageLayoutItem[];

package/dist/onboarding/infrastructure/utils/layouts/scatteredLayout.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Scattered Layout Generator
+ * Random small images scattered across screen
+ */
+import type { ImageLayoutItem, LayoutConfig, ImageSourceType } from "./layoutTypes";
+export declare const generateScatteredLayout: (images: ImageSourceType[], config?: LayoutConfig) => ImageLayoutItem[];

package/dist/onboarding/infrastructure/utils/layouts/screenDimensions.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Screen Dimensions
+ * Centralized screen dimension values using design system utilities
+ */
+export declare const SCREEN_WIDTH: number;
+export declare const SCREEN_HEIGHT: number;

package/dist/onboarding/infrastructure/utils/layouts/tilesLayout.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Tiles Layout Generator
+ * Fixed size tiles centered on screen
+ */
+import type { ImageLayoutItem, LayoutConfig, ImageSourceType } from "./layoutTypes";
+export declare const generateTilesLayout: (images: ImageSourceType[], config?: LayoutConfig) => ImageLayoutItem[];

package/dist/onboarding/presentation/components/BackgroundImageCollage.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Background Image Collage Component
+ * Displays multiple images in various layout patterns with safe area support.
+ * Uses expo-image when available, falls back to React Native Image.
+ */
+import React from "react";
+import { type ImageSourceType } from "../../infrastructure/utils/layouts";
+export type CollageLayout = "grid" | "dense" | "masonry" | "collage" | "scattered" | "tiles" | "honeycomb";
+export interface BackgroundImageCollageProps {
+    images: ImageSourceType[];
+    layout?: CollageLayout;
+    columns?: number;
+    gap?: number;
+    borderRadius?: number;
+    opacity?: number;
+}
+export declare const BackgroundImageCollage: React.FC<BackgroundImageCollageProps>;

package/dist/onboarding/presentation/components/BackgroundVideo.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type VideoSource = string | {
+    uri: string;
+    [key: string]: unknown;
+};
+interface BackgroundVideoProps {
+    source: VideoSource;
+    overlayOpacity?: number;
+}
+export declare const BackgroundVideo: React.FC<BackgroundVideoProps>;
+export {};

package/dist/onboarding/presentation/components/BaseSlide.d.ts

@@ -0,0 +1,11 @@
+/**
+ * BaseSlide Component
+ * Single Responsibility: Provide a base layout for all onboarding slides
+ */
+import React from "react";
+import type { ContentPosition } from "../../domain/entities/OnboardingSlide";
+export interface BaseSlideProps {
+    children: React.ReactNode;
+    contentPosition?: ContentPosition;
+}
+export declare const BaseSlide: ({ children, contentPosition, }: BaseSlideProps) => React.JSX.Element;

package/dist/onboarding/presentation/components/OnboardingBackground.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Onboarding Background Component
+ * Handles rendering of video, image or solid backgrounds.
+ *
+ * expo-video is an OPTIONAL peer dependency.
+ * Pass a VideoComponent prop to enable video backgrounds.
+ * Without it the video slide type is silently skipped.
+ */
+import React from "react";
+import type { OnboardingSlide } from "../../domain/entities/OnboardingSlide";
+type VideoComponentType = React.ComponentType<{
+    source: unknown;
+    overlayOpacity?: number;
+}>;
+export interface OnboardingBackgroundProps {
+    currentSlide: OnboardingSlide | undefined;
+    useCustomBackground: boolean;
+    showOverlay: boolean;
+    overlayOpacity: number;
+    /**
+     * Optional video background component.
+     * Required only when slides use `backgroundVideo`.
+     * Import from `./BackgroundVideo` in apps that have expo-video installed.
+     *
+     * @example
+     * import { BackgroundVideo } from '@umituz/react-native-design-system/onboarding';
+     * <OnboardingScreen VideoComponent={BackgroundVideo} ... />
+     */
+    VideoComponent?: VideoComponentType;
+}
+export declare const OnboardingBackground: React.FC<OnboardingBackgroundProps>;
+export {};

package/dist/onboarding/presentation/components/OnboardingFooter.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export interface OnboardingFooterProps {
+    currentIndex: number;
+    totalSlides: number;
+    isLastSlide: boolean;
+    onNext: () => void;
+    showProgressBar?: boolean;
+    showDots?: boolean;
+    showProgressText?: boolean;
+    disabled?: boolean;
+}
+export declare const OnboardingFooter: ({ currentIndex, totalSlides, isLastSlide, onNext, showProgressBar, showDots, showProgressText, disabled, }: OnboardingFooterProps) => React.JSX.Element;

package/dist/onboarding/presentation/components/OnboardingHeader.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface OnboardingHeaderProps {
+    isFirstSlide: boolean;
+    onBack: () => void;
+    onSkip: () => void;
+    showBackButton?: boolean;
+    showSkipButton?: boolean;
+    skipButtonText?: string;
+}
+export declare const OnboardingHeader: ({ isFirstSlide, onBack, onSkip, showBackButton, showSkipButton, skipButtonText, }: OnboardingHeaderProps) => React.JSX.Element;

package/dist/onboarding/presentation/components/OnboardingResetSetting.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export interface OnboardingResetSettingProps {
+    onReset: () => void | Promise<void>;
+    title?: string;
+    description?: string;
+    iconName?: string;
+    iconColor?: string;
+    titleColor?: string;
+    visible?: boolean;
+    isLast?: boolean;
+}
+export declare const OnboardingResetSetting: ({ onReset, title, description, iconName, iconColor, titleColor, visible, isLast, }: OnboardingResetSettingProps) => React.JSX.Element | null;