@makroz/mobile 1.1.1 → 1.1.2

package/dist/components/MkEmptyState.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { ViewStyle } from 'react-native';
-export interface MkEmptyStateProps {
-    icon?: React.ReactNode;
-    title?: string;
-    description?: string;
-    action?: React.ReactNode;
-    style?: ViewStyle;
-}
-export declare const MkEmptyState: React.FC<MkEmptyStateProps>;
-//# sourceMappingURL=MkEmptyState.d.ts.map

package/dist/components/MkEmptyState.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=MkEmptyState.test.d.ts.map

package/dist/components/MkFileUpload.d.ts

@@ -1,63 +0,0 @@
-import React from 'react';
-import type { ViewStyle } from 'react-native';
-/**
- * @module MkFileUpload (Mobile)
- * @description 100% dependency-free file upload UI for React Native.
- *
- * This component has ZERO native picker dependencies — it never imports
- * expo-image-picker, expo-document-picker, react-native-image-picker, or
- * react-native-document-picker. It only handles UI: the tap zone, previews,
- * file list, and error display.
- *
- * Use a picker adapter hook to bridge it with your preferred library:
- *   - Expo projects  → `useMkFilePickerExpo`  (from this package)
- *   - RN CLI projects → `useMkFilePickerCli`   (from this package)
- *
- * @example Expo
- * ```tsx
- * const picker = useMkFilePickerExpo({ mediaType: 'images', multiple: true });
- * <MkFileUpload onTap={picker.pick} onFiles={handleFiles} />
- * ```
- *
- * @example RN CLI
- * ```tsx
- * const picker = useMkFilePickerCli({ type: ['image/*'], multiple: true });
- * <MkFileUpload onTap={picker.pick} onFiles={handleFiles} />
- * ```
- */
-/** Normalized file result returned by picker adapters (useMkFilePickerExpo / useMkFilePickerCli). */
-export interface MkFilePickerResult {
-    name: string;
-    uri: string;
-    type: string;
-    sizeMB?: number;
-}
-/** @deprecated Use MkFilePickerResult instead */
-export type MkMobileFileInfo = MkFilePickerResult;
-export interface MkFileInfo {
-    file?: any;
-    name: string;
-    sizeMB: number;
-    preview?: string;
-    type: string;
-    /** Mobile-only: local URI to the file */
-    uri?: string;
-}
-export interface MkFileUploadProps {
-    onFiles: (files: MkFileInfo[]) => void;
-    /**
-     * Called when user taps the zone. Return picked files or [].
-     * Use `useMkFilePickerExpo().pick` or `useMkFilePickerCli().pick` as the value.
-     */
-    onTap?: () => Promise<MkFilePickerResult[]>;
-    accept?: string;
-    multiple?: boolean;
-    maxSizeMB?: number;
-    label?: string;
-    sublabel?: string;
-    disabled?: boolean;
-    error?: string;
-    style?: ViewStyle;
-}
-export declare const MkFileUpload: React.FC<MkFileUploadProps>;
-//# sourceMappingURL=MkFileUpload.d.ts.map

package/dist/components/MkFileUpload.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=MkFileUpload.test.d.ts.map

package/dist/components/MkIcons.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import type { SvgProps } from 'react-native-svg';
-export interface MkIconProps extends SvgProps {
-    size?: number | string;
-    color?: string;
-    variant?: 'primary' | 'muted' | 'error' | string;
-}
-export declare const MkIconWrap: React.FC<MkIconProps>;
-export declare const IconArrowDown: (props: MkIconProps) => React.JSX.Element;
-export declare const IconCheck: (props: MkIconProps) => React.JSX.Element;
-export declare const IconTrash: (props: MkIconProps) => React.JSX.Element;
-export declare const IconEdit: (props: MkIconProps) => React.JSX.Element;
-export declare const IconClose: (props: MkIconProps) => React.JSX.Element;
-export declare const Icon3Dots: (props: MkIconProps) => React.JSX.Element;
-//# sourceMappingURL=MkIcons.d.ts.map

package/dist/components/MkInfiniteList.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-export interface MkInfiniteListProps<T> {
-    items: T[];
-    renderItem: ({ item, index }: {
-        item: T;
-        index: number;
-    }) => React.ReactElement | null;
-    loading?: boolean;
-    isRefreshing?: boolean;
-    hasMore?: boolean;
-    onLoadMore: () => void;
-    onRefresh: () => void;
-    emptyMessage?: string;
-    estimatedItemSize?: number;
-}
-/**
- * MkInfiniteList (Mobile)
- * Optimized for React Native using best practices:
- * Virtualization, memory management, and Batching.
- */
-export declare function MkInfiniteList<T>({ items, renderItem, loading, isRefreshing, hasMore, onLoadMore, onRefresh, emptyMessage, estimatedItemSize }: MkInfiniteListProps<T>): React.JSX.Element;
-//# sourceMappingURL=MkInfiniteList.d.ts.map

package/dist/components/MkInfiniteList.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=MkInfiniteList.test.d.ts.map

package/dist/components/MkInput.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-interface MkInputProps {
-    label?: string;
-    error?: string;
-    success?: boolean;
-    helperText?: string;
-    placeholder?: string;
-    value?: string;
-    iconLeft?: React.ReactNode;
-    iconRight?: React.ReactNode;
-    onChangeText?: (text: string) => void;
-    secureTextEntry?: boolean;
-}
-export declare const MkInput: React.FC<MkInputProps>;
-export {};
-//# sourceMappingURL=MkInput.d.ts.map

package/dist/components/MkInput.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=MkInput.test.d.ts.map

package/dist/components/MkLoading.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import type { ViewStyle } from 'react-native';
-export interface MkLoadingProps {
-    visible?: boolean;
-    label?: string;
-    size?: 'sm' | 'md' | 'lg';
-    overlay?: boolean;
-    color?: string;
-    style?: ViewStyle;
-}
-export declare const MkLoading: React.FC<MkLoadingProps>;
-//# sourceMappingURL=MkLoading.d.ts.map

package/dist/components/MkLoading.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=MkLoading.test.d.ts.map

package/dist/components/MkModal.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-export interface MkModalProps {
-    isOpen: boolean;
-    onClose: () => void;
-    title?: string;
-    children: React.ReactNode;
-    confirmText?: string;
-    cancelText?: string;
-    onConfirm?: () => void;
-    showCancel?: boolean;
-    variant?: 'default' | 'destructive' | 'warning' | 'success';
-    size?: 'sm' | 'md' | 'lg' | 'full';
-}
-/**
- * MkModal (Mobile)
- * 🚀 Parity with Web version using React Native's <Modal>.
- * Features backdrop blur and smooth slide-up animation.
- */
-export declare const MkModal: React.FC<MkModalProps>;
-//# sourceMappingURL=MkModal.d.ts.map

package/dist/components/MkModal.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=MkModal.test.d.ts.map

package/dist/components/MkProgressBar.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { ViewStyle } from 'react-native';
-export interface MkProgressBarProps {
-    value: number;
-    max?: number;
-    label?: string;
-    showPercent?: boolean;
-    variant?: 'primary' | 'success' | 'warning' | 'error' | 'info';
-    size?: 'sm' | 'md' | 'lg';
-    style?: ViewStyle;
-}
-export declare const MkProgressBar: React.FC<MkProgressBarProps>;
-//# sourceMappingURL=MkProgressBar.d.ts.map

package/dist/components/MkProgressBar.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=MkProgressBar.test.d.ts.map

package/dist/components/MkRadio.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import type { ViewStyle } from 'react-native';
-export interface MkRadioOption {
-    value: string | number;
-    label: string;
-    disabled?: boolean;
-}
-export interface MkRadioProps {
-    label?: string;
-    options: MkRadioOption[];
-    value?: string | number | null;
-    onChange?: (value: string | number) => void;
-    direction?: 'horizontal' | 'vertical';
-    disabled?: boolean;
-    error?: string;
-    size?: 'sm' | 'md' | 'lg';
-    style?: ViewStyle;
-}
-export declare const MkRadio: React.FC<MkRadioProps>;
-//# sourceMappingURL=MkRadio.d.ts.map

package/dist/components/MkRadio.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=MkRadio.test.d.ts.map

package/dist/components/MkSearchInput.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import type { ViewStyle } from 'react-native';
-/**
- * @module MkSearchInput (Mobile)
- * @description Search input with integrated debounce. Same API as mk-web.
- */
-export interface MkSearchInputProps {
-    onSearch: (term: string) => void;
-    delay?: number;
-    placeholder?: string;
-    value?: string;
-    defaultValue?: string;
-    size?: 'sm' | 'md' | 'lg';
-    disabled?: boolean;
-    loading?: boolean;
-    clearable?: boolean;
-    style?: ViewStyle;
-    autoFocus?: boolean;
-}
-export declare const MkSearchInput: React.FC<MkSearchInputProps>;
-//# sourceMappingURL=MkSearchInput.d.ts.map

package/dist/components/MkSearchInput.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=MkSearchInput.test.d.ts.map

package/dist/components/MkSelect.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-interface Option {
-    label: string;
-    value: string | number;
-}
-interface MkSelectProps {
-    label?: string;
-    error?: string;
-    options: Option[];
-    value?: string | number;
-    placeholder?: string;
-    onSelect: (value: string | number) => void;
-}
-export declare const MkSelect: React.FC<MkSelectProps>;
-export {};
-//# sourceMappingURL=MkSelect.d.ts.map

package/dist/components/MkSelect.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=MkSelect.test.d.ts.map

package/dist/components/MkSkeleton.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { ViewStyle } from 'react-native';
-export interface MkSkeletonProps {
-    variant?: 'text' | 'circle' | 'rect';
-    width?: number | string;
-    height?: number;
-    lines?: number;
-    gap?: number;
-    radius?: number;
-    style?: ViewStyle;
-}
-export declare const MkSkeleton: React.FC<MkSkeletonProps>;
-//# sourceMappingURL=MkSkeleton.d.ts.map

package/dist/components/MkSkeleton.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=MkSkeleton.test.d.ts.map

package/dist/components/MkSwitch.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { ViewStyle } from 'react-native';
-export interface MkSwitchProps {
-    label?: string;
-    checked?: boolean;
-    onChange?: (checked: boolean) => void;
-    disabled?: boolean;
-    size?: 'sm' | 'md' | 'lg';
-    error?: string;
-    style?: ViewStyle;
-}
-export declare const MkSwitch: React.FC<MkSwitchProps>;
-//# sourceMappingURL=MkSwitch.d.ts.map

package/dist/components/MkSwitch.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=MkSwitch.test.d.ts.map

package/dist/components/MkTable.d.ts

@@ -1,39 +0,0 @@
-import React from 'react';
-import type { ViewStyle } from 'react-native';
-import type { MkDropdownOptionType } from './MkDropDown';
-/**
- * @module MkTable (Mobile)
- * @description Data table as a FlatList with column headers, sort indicators, row actions, and pagination.
- * Equivalent to mk-web's MkTable — adapted for React Native's layout system.
- */
-interface Column<T> {
-    key: keyof T | string;
-    label: string;
-    render?: (item: T) => React.ReactNode;
-    sortable?: boolean;
-    flex?: number;
-}
-interface MkTableProps<T> {
-    data: T[];
-    columns: Column<T>[];
-    loading?: boolean;
-    onSort?: (field: string) => void;
-    sortField?: string;
-    sortOrder?: 'asc' | 'desc';
-    pagination?: {
-        current_page?: number;
-        last_page?: number;
-        total?: number;
-    };
-    onPageChange?: (page: number) => void;
-    actions?: (item: T) => MkDropdownOptionType[];
-    onAction?: (action: string | number, item: T) => void;
-    emptyMessage?: string;
-    keyExtractor?: (item: T, index: number) => string;
-    onRefresh?: () => void;
-    refreshing?: boolean;
-    style?: ViewStyle;
-}
-export declare function MkTable<T>({ data, columns, loading, onSort, sortField, sortOrder, pagination, onPageChange, actions, onAction, emptyMessage, keyExtractor, onRefresh, refreshing, style, }: MkTableProps<T>): React.JSX.Element;
-export {};
-//# sourceMappingURL=MkTable.d.ts.map

package/dist/components/MkTable.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=MkTable.test.d.ts.map

package/dist/components/MkTabs.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import type { ViewStyle } from 'react-native';
-export interface MkTabItem {
-    key: string;
-    label: string;
-    icon?: React.ReactNode;
-    badge?: number | string;
-    disabled?: boolean;
-}
-export interface MkTabsProps {
-    tabs: MkTabItem[];
-    activeKey?: string;
-    onChange?: (key: string) => void;
-    variant?: 'underline' | 'pills' | 'segmented';
-    size?: 'sm' | 'md';
-    style?: ViewStyle;
-}
-export declare const MkTabs: React.FC<MkTabsProps>;
-//# sourceMappingURL=MkTabs.d.ts.map

package/dist/components/MkTabs.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=MkTabs.test.d.ts.map

package/dist/components/MkTextArea.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import type { ViewStyle } from 'react-native';
-export interface MkTextAreaProps {
-    label?: string;
-    error?: string;
-    helperText?: string;
-    placeholder?: string;
-    value?: string;
-    onChangeText?: (text: string) => void;
-    rows?: number;
-    maxLength?: number;
-    disabled?: boolean;
-    showCount?: boolean;
-    style?: ViewStyle;
-}
-export declare const MkTextArea: React.FC<MkTextAreaProps>;
-//# sourceMappingURL=MkTextArea.d.ts.map

package/dist/components/MkTextArea.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=MkTextArea.test.d.ts.map

package/dist/components/MkToastRenderer.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const MkToastRenderer: React.FC;
-//# sourceMappingURL=MkToastRenderer.d.ts.map

package/dist/components/MkToastRenderer.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=MkToastRenderer.test.d.ts.map

package/dist/components/MkTooltip.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import type { ViewStyle } from 'react-native';
-/**
- * @module MkTooltip (Mobile)
- * @description Long-press tooltip/popover for mobile. Shows info on press since hover doesn't exist in RN.
- * Same conceptual API as web MkTooltip — adapted for touch interaction.
- */
-export interface MkTooltipProps {
-    content: string;
-    position?: 'top' | 'bottom';
-    children: React.ReactElement;
-    style?: ViewStyle;
-}
-export declare const MkTooltip: React.FC<MkTooltipProps>;
-//# sourceMappingURL=MkTooltip.d.ts.map

package/dist/components/MkTooltip.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=MkTooltip.test.d.ts.map

package/dist/components/MkWindowList.d.ts

@@ -1,47 +0,0 @@
-import React from 'react';
-import type { ViewStyle } from 'react-native';
-/**
- * @module MkWindowList (Mobile)
- * @description High-performance virtualized list backed by FlashList.
- * Equivalent API to mk-web's MkWindowList — same props for items, renderItem, loading, hasMore, etc.
- *
- * RN's FlatList natively virtualizes, so this is a thin wrapper that:
- * 1. Standardizes the API to match web's MkWindowList
- * 2. Adds infinite scroll (onEndReached → onLoadMore)
- * 3. Handles empty states and loading indicators
- * 4. Provides pull-to-refresh
- *
- * @example
- * ```tsx
- * <MkWindowList
- *   items={products}
- *   renderItem={(item, index) => <ProductCard product={item} />}
- *   itemHeight={80}
- *   loading={loading}
- *   hasMore={hasMore}
- *   onLoadMore={loadMore}
- *   onRefresh={refresh}
- * />
- * ```
- */
-export interface MkWindowListProps<T> {
-    items: T[];
-    renderItem: (item: T, index: number) => React.ReactElement;
-    /** Estimated item height for FlashList optimization. */
-    itemHeight: number;
-    /** Container height — in mobile this is typically flex-auto. Can pass explicit value. */
-    containerHeight?: number;
-    /** Extra items to render outside viewport. Default 5. */
-    overscan?: number;
-    loading?: boolean;
-    hasMore?: boolean;
-    onLoadMore?: () => void;
-    emptyMessage?: string;
-    /** Pull-to-refresh handler. */
-    onRefresh?: () => void;
-    refreshing?: boolean;
-    keyExtractor?: (item: T, index: number) => string;
-    style?: ViewStyle;
-}
-export declare function MkWindowList<T>({ items, renderItem, itemHeight, containerHeight, overscan, loading, hasMore, onLoadMore, emptyMessage, onRefresh, refreshing, keyExtractor, style, }: MkWindowListProps<T>): React.JSX.Element;
-//# sourceMappingURL=MkWindowList.d.ts.map

package/dist/components/MkWindowList.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=MkWindowList.test.d.ts.map

package/dist/components/index.d.ts

@@ -1,30 +0,0 @@
-export * from './MkButton';
-export * from './MkInput';
-export * from './MkTextArea';
-export * from './MkCheck';
-export * from './MkSwitch';
-export * from './MkRadio';
-export * from './MkSelect';
-export * from './MkFileUpload';
-export * from './MkSearchInput';
-export * from './MkDatePicker';
-export * from './MkAccordion';
-export * from './MkAlert';
-export * from './MkAvatar';
-export * from './MkBadge';
-export * from './MkCard';
-export * from './MkDivider';
-export * from './MkEmptyState';
-export * from './MkLoading';
-export * from './MkProgressBar';
-export * from './MkSkeleton';
-export * from './MkTabs';
-export * from './MkTooltip';
-export * from './MkModal';
-export * from './MkDropDown';
-export * from './MkToastRenderer';
-export * from './MkTable';
-export * from './MkInfiniteList';
-export * from './MkWindowList';
-export * from './MkIcons';
-//# sourceMappingURL=index.d.ts.map

package/dist/context/MkApiContext.d.ts

@@ -1,15 +0,0 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-export interface MkApiContextType {
-    waiting: number;
-    setWaiting: (change: number, origin?: string) => void;
-    baseUrl: string;
-    headers: Record<string, string>;
-}
-export declare function MkApiProvider({ children, baseUrl, initialHeaders }: {
-    children: ReactNode;
-    baseUrl?: string;
-    initialHeaders?: Record<string, string>;
-}): React.JSX.Element;
-export declare function useMkApiContext(): MkApiContextType;
-//# sourceMappingURL=MkApiContext.d.ts.map

package/dist/context/MkAuthContext.d.ts

@@ -1,19 +0,0 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-import type { MkAuthContextType } from '@mk/core';
-export interface MkAuthProviderProps {
-    children: ReactNode;
-    endpoints?: {
-        login?: string;
-        logout?: string;
-        user?: string;
-    };
-    storage?: {
-        getItem: (key: string) => Promise<string | null> | string | null;
-        setItem: (key: string, value: string) => Promise<void> | void;
-        removeItem: (key: string) => Promise<void> | void;
-    };
-}
-export declare const MkAuthProvider: React.FC<MkAuthProviderProps>;
-export declare const useMkAuth: () => MkAuthContextType;
-//# sourceMappingURL=MkAuthContext.d.ts.map

package/dist/context/MkConfirmContext.d.ts

@@ -1,8 +0,0 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-import type { MkConfirmContextValue } from '@mk/core';
-export declare const MkConfirmProvider: React.FC<{
-    children: ReactNode;
-}>;
-export declare const useMkConfirm: () => MkConfirmContextValue;
-//# sourceMappingURL=MkConfirmContext.d.ts.map

package/dist/context/MkToastContext.d.ts

@@ -1,19 +0,0 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-import type { MkToastOptions, MkToastContextValue } from '@mk/core';
-export interface MkToastProviderProps {
-    children: ReactNode;
-    /** Default position for toasts. Default: 'top-right'. */
-    defaultPosition?: MkToastOptions['position'];
-    /** Default timeout in ms. Default: 4000. */
-    defaultTimeout?: number;
-    /** Maximum concurrent toasts. Default: 5. */
-    maxToasts?: number;
-}
-export declare const MkToastProvider: React.FC<MkToastProviderProps>;
-/**
- * Hook to access toast operations.
- * Must be used within MkToastProvider.
- */
-export declare const useMkToast: () => MkToastContextValue;
-//# sourceMappingURL=MkToastContext.d.ts.map

package/dist/hooks/filePicker.types.d.ts

@@ -1,13 +0,0 @@
-/**
- * @module filePicker.types
- * @internal
- * Shared types for MkFileUpload picker adapters.
- */
-import type { MkFilePickerResult } from '../components/MkFileUpload';
-/** Return type of useMkFilePickerExpo and useMkFilePickerCli. */
-export interface UseMkFilePickerReturn {
-    /** Pass directly to MkFileUpload's `onTap` prop. */
-    pick: () => Promise<MkFilePickerResult[]>;
-}
-export type { MkFilePickerResult };
-//# sourceMappingURL=filePicker.types.d.ts.map

package/dist/hooks/useApi.d.ts

@@ -1,19 +0,0 @@
-import type { MkResponse, ApiStatus } from '@mk/core';
-interface UseApiOptions {
-    baseUrl?: string;
-    headers?: Record<string, string>;
-}
-export declare function useApi(options?: UseApiOptions): {
-    status: ApiStatus;
-    data: any;
-    error: any;
-    waiting: number;
-    loading: boolean;
-    get: (endpoint: string, params?: any) => Promise<MkResponse<unknown>>;
-    post: (endpoint: string, body: any) => Promise<MkResponse<unknown>>;
-    put: (endpoint: string, body: any) => Promise<MkResponse<unknown>>;
-    delete: (endpoint: string) => Promise<MkResponse<unknown>>;
-    remove: (endpoint: string) => Promise<MkResponse<unknown>>;
-};
-export {};
-//# sourceMappingURL=useApi.d.ts.map

package/dist/hooks/useApi.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=useApi.test.d.ts.map