@umituz/react-native-design-system 4.25.99 → 4.25.100

package/dist/media/domain/utils/FileValidator.d.ts

@@ -0,0 +1,66 @@
+/**
+ * File Validator
+ *
+ * File size and format validation utilities for media operations.
+ */
+import type { MediaAsset } from "../entities/Media";
+import { MediaValidationError } from "../entities/Media";
+/**
+ * File validation options
+ */
+export interface FileValidationOptions {
+    maxFileSizeMB?: number;
+    allowedFormats?: string[];
+}
+/**
+ * File validation result
+ */
+export interface FileValidationResult {
+    valid: boolean;
+    error?: MediaValidationError;
+    errorMessage?: string;
+}
+/**
+ * File validator for media operations
+ */
+export declare class FileValidator {
+    /**
+     * Validates file size against maximum limit
+     *
+     * @param fileSize - File size in bytes
+     * @param maxSizeMB - Maximum file size in megabytes
+     * @returns Validation result
+     */
+    static validateFileSize(fileSize: number, maxSizeMB?: number): FileValidationResult;
+    /**
+     * Validates file format against allowed formats
+     *
+     * @param fileName - File name to check
+     * @param allowedFormats - Array of allowed file extensions
+     * @returns Validation result
+     */
+    static validateFileFormat(fileName: string, allowedFormats?: string[]): FileValidationResult;
+    /**
+     * Validates a media asset
+     *
+     * @param asset - Media asset to validate
+     * @param options - Validation options
+     * @returns Validation result
+     */
+    static validateAsset(asset: MediaAsset, options?: FileValidationOptions): FileValidationResult;
+    /**
+     * Validates multiple media assets
+     *
+     * @param assets - Array of media assets to validate
+     * @param options - Validation options
+     * @returns First validation error found, or { valid: true } if all pass
+     */
+    static validateAssets(assets: MediaAsset[], options?: FileValidationOptions): FileValidationResult;
+    /**
+     * Formats file size for display
+     *
+     * @param fileSize - File size in bytes
+     * @returns Formatted file size string (e.g., "1.5 MB")
+     */
+    static formatFileSize(fileSize: number): string;
+}

package/dist/media/domain/utils/MediaUtils.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Media Utilities
+ * Utility functions for media operations
+ */
+import { ImageFormat, MediaType } from "../entities/Media";
+/**
+ * Image MIME type mappings
+ */
+export declare const IMAGE_MIME_TYPES: {
+    readonly png: "image/png";
+    readonly jpeg: "image/jpeg";
+    readonly webp: "image/webp";
+};
+/**
+ * Media utility class
+ */
+export declare class MediaUtils {
+    static isImage(uri: string): boolean;
+    static isVideo(uri: string): boolean;
+    static getImageMimeType(format: ImageFormat): string;
+    static calculateAspectRatio(width: number, height: number): number;
+    static getScaledDimensions(originalWidth: number, originalHeight: number, maxWidth: number, maxHeight: number): {
+        width: number;
+        height: number;
+    };
+    static isValidDimensions(width: number, height: number): boolean;
+    static parseMediaType(mimeType: string): MediaType;
+}

package/dist/media/index.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @umituz/react-native-media - Public API
+ *
+ * Media picking capabilities for React Native apps
+ *
+ * Usage:
+ *   import {
+ *     useMedia,
+ *     MediaPickerService,
+ *     type MediaAsset,
+ *     type MediaPickerResult,
+ *   } from '@umituz/react-native-media';
+ */
+export { MediaType, ImageFormat as MediaImageFormat, MediaQuality, MediaLibraryPermission, MediaValidationError, MEDIA_CONSTANTS, } from "./domain/entities/Media";
+export { IMAGE_MIME_TYPES as MEDIA_IMAGE_MIME_TYPES, MediaUtils } from "./domain/utils/MediaUtils";
+export type { MediaAsset, MediaPickerResult, MediaPickerOptions, CameraOptions, ImageDimensions as MediaImageDimensions, ImageManipulationActions, ImageSaveOptions as MediaImageSaveOptions, } from "./domain/entities/Media";
+export { MediaPickerService } from "./infrastructure/services/MediaPickerService";
+export { MediaSaveService } from "./infrastructure/services/MediaSaveService";
+export type { SaveResult, SaveOptions } from "./infrastructure/services/MediaSaveService";
+export { useMedia } from "./presentation/hooks/useMedia";
+export { getMediaTypeFromUrl, isVideoUrl, isImageUrl, isAudioUrl, type UrlMediaType, } from "./infrastructure/utils/url-media-detector";
+export { getMediaTypeFromMime, isVideoMime, isImageMime, isAudioMime, type MimeMediaType, } from "./infrastructure/utils/mime-type-detector";
+export { extractMediaUrl, extractVideoUrl, extractImageUrl, type MediaUrlResult, } from "./infrastructure/utils/media-url-extractor";
+export { extractMediaTypes, calculateTotalSize, formatFileSize, } from "./infrastructure/utils/media-collection-utils";
+export { getMediaDuration, generateThumbnail, isBase64DataUrl, isRawBase64, toDataUrl, saveBase64ToFile, downloadMediaToFile, saveImageToGallery, saveVideoToGallery, type SaveToGalleryResult, } from "./infrastructure/utils/file-media-utils";

package/dist/media/infrastructure/services/MediaPickerService.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Media Domain - Media Picker Service
+ *
+ * Service for picking images/videos using expo-image-picker.
+ * Handles camera, gallery, and media library permissions.
+ */
+import type { MediaPickerOptions, MediaPickerResult, CameraOptions } from "../../domain/entities/Media";
+/**
+ * Media picker service for selecting images/videos
+ */
+export declare class MediaPickerService {
+    static launchCamera(options?: CameraOptions): Promise<MediaPickerResult>;
+    static launchCameraForVideo(options?: CameraOptions): Promise<MediaPickerResult>;
+    static pickImage(options?: MediaPickerOptions): Promise<MediaPickerResult>;
+    static pickSingleImage(options?: Omit<MediaPickerOptions, "allowsMultipleSelection">): Promise<MediaPickerResult>;
+    static pickMultipleImages(options?: Omit<MediaPickerOptions, "allowsMultipleSelection">): Promise<MediaPickerResult>;
+    static pickVideo(options?: Omit<MediaPickerOptions, "mediaTypes">): Promise<MediaPickerResult>;
+    static pickMedia(options?: MediaPickerOptions): Promise<MediaPickerResult>;
+}

package/dist/media/infrastructure/services/MediaSaveService.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Media Save Service
+ * Saves media to device storage using expo-file-system
+ */
+import { MediaLibraryPermission } from "../../domain/entities/Media";
+export interface SaveResult {
+    success: boolean;
+    path?: string;
+    error?: string;
+}
+export interface SaveOptions {
+    album?: string;
+}
+/**
+ * Service for saving media to gallery
+ */
+export declare class MediaSaveService {
+    /**
+     * Request media library write permission
+     */
+    static requestPermission(): Promise<MediaLibraryPermission>;
+    /**
+     * Get current permission status
+     */
+    static getPermissionStatus(): Promise<MediaLibraryPermission>;
+    /**
+     * Save image to gallery
+     */
+    static saveImage(uri: string, options?: SaveOptions): Promise<SaveResult>;
+    /**
+     * Save video to gallery
+     */
+    static saveVideo(uri: string, options?: SaveOptions): Promise<SaveResult>;
+    /**
+     * Save media (image or video) to storage
+     */
+    private static saveToStorage;
+}

package/dist/media/infrastructure/utils/PermissionManager.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Permission Manager
+ *
+ * Centralized permission handling for media operations.
+ */
+import { MediaLibraryPermission } from "../../domain/entities/Media";
+/**
+ * Permission type for media operations
+ */
+export type PermissionType = 'camera' | 'mediaLibrary';
+/**
+ * Permission manager for media operations
+ */
+export declare class PermissionManager {
+    /**
+     * Requests camera permission
+     */
+    static requestCameraPermission(): Promise<MediaLibraryPermission>;
+    /**
+     * Requests media library permission
+     */
+    static requestMediaLibraryPermission(): Promise<MediaLibraryPermission>;
+    /**
+     * Gets current camera permission status
+     */
+    static getCameraPermissionStatus(): Promise<MediaLibraryPermission>;
+    /**
+     * Gets current media library permission status
+     */
+    static getMediaLibraryPermissionStatus(): Promise<MediaLibraryPermission>;
+    /**
+     * Generic permission request based on type
+     */
+    static requestPermission(type: PermissionType): Promise<MediaLibraryPermission>;
+    /**
+     * Generic permission status check based on type
+     */
+    static getPermissionStatus(type: PermissionType): Promise<MediaLibraryPermission>;
+    /**
+     * Checks if permission is granted
+     */
+    static isPermissionGranted(status: MediaLibraryPermission): boolean;
+}

package/dist/media/infrastructure/utils/file-media-utils.d.ts

@@ -0,0 +1,42 @@
+/**
+ * File Media Utilities
+ * Utilities for handling media files (base64, downloads, file operations)
+ */
+interface FileWithType {
+    readonly type: string;
+}
+export declare function getMediaDuration(file: FileWithType): Promise<number | undefined>;
+export declare function generateThumbnail(file: FileWithType): string | undefined;
+/**
+ * Check if a string is a base64 data URL
+ */
+export declare const isBase64DataUrl: (str: string) => boolean;
+/**
+ * Check if a string is raw base64 (not a URL and not a data URL)
+ */
+export declare const isRawBase64: (str: string) => boolean;
+/**
+ * Convert raw base64 to data URL format
+ */
+export declare const toDataUrl: (str: string) => string;
+/**
+ * Save base64 image to file system using internal filesystem service
+ */
+export declare const saveBase64ToFile: (base64Data: string) => Promise<string>;
+/**
+ * Download media from URL to local file using internal filesystem service
+ */
+export declare const downloadMediaToFile: (url: string, _isVideo: boolean) => Promise<string>;
+export interface SaveToGalleryResult {
+    readonly success: boolean;
+    readonly error?: string;
+}
+/**
+ * Save image to device gallery
+ */
+export declare const saveImageToGallery: (uri: string) => Promise<SaveToGalleryResult>;
+/**
+ * Save video to device gallery
+ */
+export declare const saveVideoToGallery: (uri: string) => Promise<SaveToGalleryResult>;
+export {};

package/dist/media/infrastructure/utils/media-collection-utils.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Media Collection Utilities
+ * Generic utilities for working with media collections
+ */
+type MediaType = "image" | "audio" | "video";
+/**
+ * Interface for media items with type property
+ */
+interface MediaWithType {
+    type: MediaType;
+}
+/**
+ * Interface for media items with file size
+ */
+interface MediaWithSize {
+    fileSize: number;
+}
+export declare function extractMediaTypes(media: readonly MediaWithType[]): MediaType[];
+export declare function calculateTotalSize(media: readonly MediaWithSize[]): number;
+/**
+ * Format file size in bytes to human-readable format
+ *
+ * @param bytes - File size in bytes
+ * @returns Formatted file size string (e.g., "1.5 MB")
+ */
+export declare function formatFileSize(bytes: number): string;
+export {};

package/dist/media/infrastructure/utils/media-url-extractor.d.ts

@@ -0,0 +1,7 @@
+export interface MediaUrlResult {
+    readonly url: string;
+    readonly isVideo: boolean;
+}
+export declare function extractMediaUrl(result: unknown): MediaUrlResult | null;
+export declare function extractVideoUrl(result: unknown): string | null;
+export declare function extractImageUrl(result: unknown): string | null;

package/dist/media/infrastructure/utils/mediaPickerMappers.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Media Picker Mapper Utilities
+ * Mapping functions for media picker operations
+ */
+import * as ImagePicker from "expo-image-picker";
+import { MediaLibraryPermission, MediaType, type MediaPickerResult } from "../../domain/entities/Media";
+/**
+ * Map expo-image-picker permission status to MediaLibraryPermission
+ */
+export declare const mapPermissionStatus: (status: ImagePicker.PermissionStatus) => MediaLibraryPermission;
+/**
+ * Map MediaType to expo-image-picker media types
+ */
+export declare const mapMediaType: (type?: MediaType) => ImagePicker.MediaType[];
+/**
+ * Map expo-image-picker result to MediaPickerResult
+ */
+export declare const mapPickerResult: (result: ImagePicker.ImagePickerResult) => MediaPickerResult;

package/dist/media/infrastructure/utils/mime-type-detector.d.ts

@@ -0,0 +1,5 @@
+export type MimeMediaType = "image" | "audio" | "video";
+export declare function getMediaTypeFromMime(mimeType: string): MimeMediaType;
+export declare function isVideoMime(mimeType: string): boolean;
+export declare function isImageMime(mimeType: string): boolean;
+export declare function isAudioMime(mimeType: string): boolean;

package/dist/media/infrastructure/utils/url-media-detector.d.ts

@@ -0,0 +1,5 @@
+export type UrlMediaType = "image" | "video" | "audio" | "unknown";
+export declare function getMediaTypeFromUrl(url: string): UrlMediaType;
+export declare function isVideoUrl(url: string): boolean;
+export declare function isImageUrl(url: string): boolean;
+export declare function isAudioUrl(url: string): boolean;

package/dist/media/presentation/hooks/useMedia.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Media Domain - useMedia Hook
+ *
+ * React hook for media picking operations (images, videos).
+ * Provides camera, gallery picking functionality.
+ */
+import type { MediaPickerOptions, MediaPickerResult, CameraOptions } from "../../domain/entities/Media";
+import { MediaLibraryPermission } from "../../domain/entities/Media";
+/**
+ * useMedia hook for complete media workflow
+ */
+export declare const useMedia: () => {
+    pickImage: (options?: MediaPickerOptions) => Promise<MediaPickerResult>;
+    pickMultipleImages: (options?: MediaPickerOptions) => Promise<MediaPickerResult>;
+    pickVideo: (options?: MediaPickerOptions) => Promise<MediaPickerResult>;
+    launchCamera: (options?: CameraOptions) => Promise<MediaPickerResult>;
+    launchCameraForVideo: (options?: CameraOptions) => Promise<MediaPickerResult>;
+    requestCameraPermission: () => Promise<MediaLibraryPermission>;
+    requestMediaLibraryPermission: () => Promise<MediaLibraryPermission>;
+    getCameraPermissionStatus: () => Promise<MediaLibraryPermission>;
+    getMediaLibraryPermissionStatus: () => Promise<MediaLibraryPermission>;
+    isLoading: boolean;
+    error: string | null;
+};

package/dist/molecules/BaseModal.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 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

@@ -0,0 +1,22 @@
+/**
+ * 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

@@ -0,0 +1,8 @@
+/**
+ * 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

@@ -0,0 +1,59 @@
+/**
+ * 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/types.d.ts

@@ -0,0 +1,64 @@
+/**
+ * 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

@@ -0,0 +1,21 @@
+/**
+ * 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

@@ -0,0 +1,27 @@
+/**
+ * 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

@@ -0,0 +1,38 @@
+/**
+ * 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

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

package/dist/molecules/ListItem.d.ts

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,4 @@
+export * from './SearchBar';
+export * from './SearchHistory';
+export * from './SearchSuggestions';
+export * from './types';