@makroz/mobile 1.0.1 → 1.1.2

package/dist/auth/useMkAuth.d.ts

@@ -1,17 +0,0 @@
-/**
- * `useMkAuth` — the public hook for consuming the auth context.
- *
- * Kept in its own module so the *type* of the context (and the
- * `createContext` call) can be imported in isolation by tests
- * and tooling without dragging in the full provider tree.
- */
-import { type MkAuthContextValue } from './MkAuthContext';
-/**
- * Access the current auth context value.
- *
- * Throws if used outside an `<MkAuthProvider>` — this is a
- * developer error, not a runtime condition, so failing loudly
- * is the right call.
- */
-export declare function useMkAuth(): MkAuthContextValue;
-//# sourceMappingURL=useMkAuth.d.ts.map

package/dist/components/MkAccordion.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import type { ViewStyle } from 'react-native';
-export interface MkAccordionItem {
-    key: string;
-    title: string;
-    content: React.ReactNode;
-    disabled?: boolean;
-}
-export interface MkAccordionProps {
-    items: MkAccordionItem[];
-    multiple?: boolean;
-    defaultExpanded?: string[];
-    expanded?: string[];
-    onChange?: (expandedKeys: string[]) => void;
-    variant?: 'default' | 'bordered' | 'separated';
-    style?: ViewStyle;
-}
-export declare const MkAccordion: React.FC<MkAccordionProps>;
-//# sourceMappingURL=MkAccordion.d.ts.map

package/dist/components/MkAlert.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import type { ViewStyle } from 'react-native';
-/**
- * @module MkAlert (Mobile)
- * @description Inline alert banner. Same API as mk-web MkAlert.
- */
-export interface MkAlertProps {
-    variant?: 'info' | 'success' | 'warning' | 'error' | 'default';
-    title?: string;
-    children?: React.ReactNode;
-    icon?: React.ReactNode;
-    dismissible?: boolean;
-    onDismiss?: () => void;
-    action?: React.ReactNode;
-    style?: ViewStyle;
-}
-export declare const MkAlert: React.FC<MkAlertProps>;
-//# sourceMappingURL=MkAlert.d.ts.map

package/dist/components/MkAvatar.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import type { ViewStyle } from 'react-native';
-export interface MkAvatarProps {
-    src?: string | null;
-    name?: string;
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    status?: 'online' | 'offline' | 'away' | 'busy' | null;
-    style?: ViewStyle;
-    onPress?: () => void;
-}
-export declare const MkAvatar: React.FC<MkAvatarProps>;
-//# sourceMappingURL=MkAvatar.d.ts.map

package/dist/components/MkBadge.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { ViewStyle } from 'react-native';
-export interface MkBadgeProps {
-    children: React.ReactNode;
-    variant?: 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';
-    size?: 'sm' | 'md';
-    dot?: boolean;
-    style?: ViewStyle;
-}
-export declare const MkBadge: React.FC<MkBadgeProps>;
-//# sourceMappingURL=MkBadge.d.ts.map

package/dist/components/MkButton.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { ViewStyle } from 'react-native';
-interface MkButtonProps {
-    label: string;
-    variant?: 'primary' | 'outline' | 'ghost' | 'error';
-    loading?: boolean;
-    disabled?: boolean;
-    onPress?: () => void;
-    style?: ViewStyle;
-}
-export declare const MkButton: React.FC<MkButtonProps>;
-export {};
-//# sourceMappingURL=MkButton.d.ts.map

package/dist/components/MkCard.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import type { ViewStyle } from 'react-native';
-export interface MkCardProps {
-    children: React.ReactNode;
-    title?: string;
-    subtitle?: string;
-    headerRight?: React.ReactNode;
-    footer?: React.ReactNode;
-    variant?: 'default' | 'outlined' | 'elevated';
-    padding?: 'none' | 'sm' | 'md' | 'lg';
-    onPress?: () => void;
-    style?: ViewStyle;
-}
-export declare const MkCard: React.FC<MkCardProps>;
-//# sourceMappingURL=MkCard.d.ts.map

package/dist/components/MkCheck.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import type { ViewStyle } from 'react-native';
-/**
- * @module MkCheck
- * @description Checkbox component for React Native. Same prop API as mk-web MkCheck.
- */
-export interface MkCheckProps {
-    label?: string;
-    checked?: boolean;
-    indeterminate?: boolean;
-    onChange?: (checked: boolean) => void;
-    disabled?: boolean;
-    error?: string;
-    size?: 'sm' | 'md' | 'lg';
-    style?: ViewStyle;
-}
-export declare const MkCheck: React.FC<MkCheckProps>;
-//# sourceMappingURL=MkCheck.d.ts.map

package/dist/components/MkDatePicker.d.ts

@@ -1,30 +0,0 @@
-import React from 'react';
-import type { ViewStyle } from 'react-native';
-/**
- * @module MkDatePicker (Mobile)
- * @description Dependency-free DatePicker wrapper for React Native.
- * Uses a dynamic import for `@react-native-community/datetimepicker` to show a modal picker.
- *
- * **Requires**: `npm install @react-native-community/datetimepicker`
- *
- * @example
- * ```tsx
- * <MkDatePicker
- *   label="Fecha de nacimiento"
- *   value="2000-01-01"
- *   onChange={setDate}
- * />
- * ```
- */
-export interface MkDatePickerProps {
-    label?: string;
-    value?: string;
-    onChange?: (value: string) => void;
-    error?: string;
-    disabled?: boolean;
-    min?: string;
-    max?: string;
-    style?: ViewStyle;
-}
-export declare const MkDatePicker: React.FC<MkDatePickerProps>;
-//# sourceMappingURL=MkDatePicker.d.ts.map

package/dist/components/MkDivider.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { ViewStyle } from 'react-native';
-export interface MkDividerProps {
-    label?: string;
-    orientation?: 'horizontal' | 'vertical';
-    variant?: 'solid' | 'dashed' | 'dotted';
-    spacing?: 'sm' | 'md' | 'lg';
-    style?: ViewStyle;
-}
-export declare const MkDivider: React.FC<MkDividerProps>;
-//# sourceMappingURL=MkDivider.d.ts.map

package/dist/components/MkDropDown.d.ts

@@ -1,37 +0,0 @@
-import React from 'react';
-import type { ViewStyle } from 'react-native';
-/**
- * @module MkDropDown (Mobile)
- * @description Floating action menu as a Modal bottom-sheet-style popup.
- * Same prop API as mk-web's MkDropDown: options, onSelect, withSearch, value.
- *
- * @example
- * ```tsx
- * <MkDropDown
- *   options={[
- *     { value: 'edit', label: 'Editar', icon: <EditIcon /> },
- *     { value: 'delete', label: 'Eliminar' },
- *   ]}
- *   onSelect={(val) => handleAction(val)}
- *   withSearch
- * />
- * ```
- */
-export interface MkDropdownOptionType {
-    value: string | number;
-    label: string;
-    icon?: React.ReactNode;
-}
-export interface MkDropDownProps {
-    options: MkDropdownOptionType[];
-    onSelect: (value: string | number) => void;
-    /** Custom trigger element. Default: "⋮" icon. */
-    initiator?: React.ReactNode;
-    withSearch?: boolean;
-    value?: string | number;
-    placeholder?: string;
-    /** Style for the container */
-    style?: ViewStyle;
-}
-export declare const MkDropDown: React.FC<MkDropDownProps>;
-//# sourceMappingURL=MkDropDown.d.ts.map

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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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