@platform-blocks/ui 0.1.1

package/lib/components/Grid/types.d.ts

@@ -0,0 +1,32 @@
+import type { ViewStyle } from 'react-native';
+import type { SpacingProps } from '../../core/utils/spacing';
+import type { SizeValue } from '../../core/theme/sizes';
+import type { ResponsiveProp } from '../../core/theme/breakpoints';
+export interface GridProps extends SpacingProps {
+    /** Number of columns (can be responsive) */
+    columns?: ResponsiveProp<number>;
+    /** Gap between items */
+    gap?: SizeValue;
+    /** Row gap between items */
+    rowGap?: SizeValue;
+    /** Column gap between items */
+    columnGap?: SizeValue;
+    /** Make the grid take full width (100%) */
+    fullWidth?: boolean;
+    /** Children elements */
+    children?: React.ReactNode;
+    /** Custom styles */
+    style?: ViewStyle;
+    /** Test ID for testing */
+    testID?: string;
+}
+export interface GridItemProps extends SpacingProps {
+    /** Column span (how many columns this item should span) - can be responsive */
+    span?: ResponsiveProp<number>;
+    /** Children elements */
+    children?: React.ReactNode;
+    /** Custom styles */
+    style?: ViewStyle;
+    /** Test ID for testing */
+    testID?: string;
+}

package/lib/components/HoverCard/HoverCard.d.ts

@@ -0,0 +1,2 @@
+import type { HoverCardFactoryPayload } from './types';
+export declare const HoverCard: import("../../core/factory").PlatformBlocksComponent<HoverCardFactoryPayload>;

package/lib/components/HoverCard/index.d.ts

@@ -0,0 +1,2 @@
+export { HoverCard } from './HoverCard';
+export type { HoverCardProps } from './types';

package/lib/components/HoverCard/types.d.ts

@@ -0,0 +1,53 @@
+import React from 'react';
+import { ViewStyle, View } from 'react-native';
+import { SizeValue } from '../../core/theme/sizes';
+export type HoverCardPosition = 'top' | 'bottom' | 'left' | 'right';
+export type HoverCardShadow = 'none' | 'sm' | 'md' | 'lg';
+export interface HoverCardProps {
+    /** Floating content */
+    children: React.ReactNode;
+    /** Target element that triggers hover card */
+    target: React.ReactElement;
+    /** Position relative to target */
+    position?: HoverCardPosition;
+    /** Offset gap between target and card */
+    offset?: number;
+    /** Delay before opening (ms) */
+    openDelay?: number;
+    /** Delay before closing (ms) */
+    closeDelay?: number;
+    /** Controlled opened state */
+    opened?: boolean;
+    /** Shadow size */
+    shadow?: HoverCardShadow;
+    /** Corner radius */
+    radius?: SizeValue;
+    /** Whether rendered in portal (not yet implemented) */
+    withinPortal?: boolean;
+    /** Fixed width */
+    width?: number;
+    /** Show directional arrow */
+    withArrow?: boolean;
+    /** Close on Escape (web) */
+    closeOnEscape?: boolean;
+    /** Called when opened */
+    onOpen?: () => void;
+    /** Called when closed */
+    onClose?: () => void;
+    /** Disable interactions */
+    disabled?: boolean;
+    /** Style override */
+    style?: ViewStyle;
+    /** Test id */
+    testID?: string;
+    /** z-index layering */
+    zIndex?: number;
+    /** Keep mounted (for animation / measurement) */
+    keepMounted?: boolean;
+    /** Trigger mode */
+    trigger?: 'hover' | 'click';
+}
+export interface HoverCardFactoryPayload {
+    props: HoverCardProps;
+    ref: View;
+}

package/lib/components/Icon/Icon.d.ts

@@ -0,0 +1,6 @@
+import { View } from 'react-native';
+import type { IconProps } from './types';
+export declare const Icon: import("../../core/factory").PlatformBlocksComponent<{
+    props: IconProps;
+    ref: View;
+}>;

package/lib/components/Icon/icons/actions.d.ts

@@ -0,0 +1,2 @@
+import type { IconRegistry } from '../types';
+export declare const actionIcons: IconRegistry;

package/lib/components/Icon/icons/data.d.ts

@@ -0,0 +1,2 @@
+import type { IconRegistry } from '../types';
+export declare const dataIcons: IconRegistry;

package/lib/components/Icon/icons/multimedia.d.ts

@@ -0,0 +1,2 @@
+import type { IconRegistry } from '../types';
+export declare const multimediaIcons: IconRegistry;

package/lib/components/Icon/icons/navigation.d.ts

@@ -0,0 +1,2 @@
+import type { IconRegistry } from '../types';
+export declare const navigationIcons: IconRegistry;

package/lib/components/Icon/icons/platforms.d.ts

@@ -0,0 +1,2 @@
+import type { IconRegistry } from '../types';
+export declare const platformIcons: IconRegistry;

package/lib/components/Icon/icons/status.d.ts

@@ -0,0 +1,2 @@
+import type { IconRegistry } from '../types';
+export declare const statusIcons: IconRegistry;

package/lib/components/Icon/icons/ui.d.ts

@@ -0,0 +1,2 @@
+import type { IconRegistry } from '../types';
+export declare const uiIcons: IconRegistry;

package/lib/components/Icon/index.d.ts

@@ -0,0 +1,2 @@
+export { Icon } from './Icon';
+export type { IconProps, IconSize, IconVariant, IconDefinition, IconRegistry } from './types';

package/lib/components/Icon/registry.d.ts

@@ -0,0 +1,6 @@
+import type { IconRegistry } from './types';
+export declare const iconRegistry: IconRegistry;
+export declare const registerIcon: (name: string, definition: IconRegistry[string]) => void;
+export declare const registerIcons: (icons: IconRegistry) => void;
+export declare const getIconNames: () => string[];
+export declare const hasIcon: (name: string) => boolean;

package/lib/components/Icon/types.d.ts

@@ -0,0 +1,40 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { SizeValue } from '../../core/theme/sizes';
+import type { SpacingProps } from '../../core/utils/spacing';
+export type IconSize = SizeValue;
+export type IconVariant = 'filled' | 'outlined';
+export interface IconDefinition {
+    /** SVG path data or React component */
+    content: string | React.ComponentType<any>;
+    /** Default viewBox for the icon */
+    viewBox?: string;
+    /** Whether this is a filled or outlined icon */
+    variant?: IconVariant;
+    /** Keep stroke visible even when rendered as filled */
+    preserveStrokeOnFill?: boolean;
+    /** Human-readable description used in docs and tooling */
+    description?: string;
+    /** Optional keywords to help search/filter docs */
+    keywords?: string[];
+}
+export type IconRegistry = Record<string, IconDefinition>;
+export interface IconProps extends SpacingProps {
+    /** Icon name from the registry */
+    name: string;
+    /** Size of the icon */
+    size?: IconSize;
+    /** Color of the icon */
+    color?: string;
+    /** Stroke thickness for outlined icons. Defaults to 1.5. */
+    stroke?: number;
+    /** Icon variant - overrides the default variant from icon definition */
+    variant?: IconVariant;
+    /** Additional styles */
+    style?: StyleProp<ViewStyle>;
+    /** Accessibility label */
+    label?: string;
+    /** Whether the icon is purely decorative (skip a11y) */
+    decorative?: boolean;
+    /** Whether to mirror this icon in RTL mode. If not specified, uses auto-detection based on icon name */
+    mirrorInRTL?: boolean;
+}

package/lib/components/IconButton/IconButton.d.ts

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

package/lib/components/IconButton/index.d.ts

@@ -0,0 +1,2 @@
+export { IconButton } from './IconButton';
+export type { IconButtonProps } from './types';

package/lib/components/IconButton/types.d.ts

@@ -0,0 +1,45 @@
+import { SpacingProps, LayoutProps } from '../../core/utils';
+import { BorderRadiusProps } from '../../core/theme/radius';
+import { ShadowProps } from '../../core/theme/shadow';
+import { SizeValue } from '../../core/theme/sizes';
+import { TooltipProps } from '../Tooltip';
+import { IconProps } from '../Icon/types';
+export interface IconButtonProps extends SpacingProps, LayoutProps, BorderRadiusProps, ShadowProps {
+    /** Icon name from the registry */
+    icon: string;
+    /** Called when the button is pressed */
+    onPress?: () => void;
+    /** Called when the button layout is calculated */
+    onLayout?: (event: any) => void;
+    /** Button visual variant */
+    variant?: 'filled' | 'secondary' | 'outline' | 'ghost' | 'gradient' | 'none';
+    /** Button size */
+    size?: SizeValue;
+    /** Whether the button is disabled */
+    disabled?: boolean;
+    /** Whether button is in loading state (shows loader) */
+    loading?: boolean;
+    /**
+     * Custom color override for the button. Accepts raw CSS color OR theme token syntax:
+     *  - 'primary' (palette key -> uses middle shade 5)
+     *  - 'primary.6' (palette key + shade index)
+     *  - '#ff0000' / 'rgb(...)' direct colors
+     */
+    colorVariant?: string;
+    /** Explicit icon color override (else derived automatically from variant & color) */
+    iconColor?: string;
+    /** Icon variant override */
+    iconVariant?: IconProps['variant'];
+    /** Icon size override (defaults to appropriate size for button size) */
+    iconSize?: IconProps['size'];
+    /** Tooltip text to show on hover/focus - when provided, wraps button in Tooltip component */
+    tooltip?: string;
+    /** Tooltip position when tooltip prop is used */
+    tooltipPosition?: TooltipProps['position'];
+    /** Accessibility label - highly recommended for icon-only buttons */
+    accessibilityLabel?: string;
+    /** Style overrides for the button container */
+    style?: any;
+    /** Test ID for testing */
+    testID?: string;
+}

package/lib/components/Image/Image.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { ImageProps } from './types';
+export declare function Image({ src, source, alt, accessibilityLabel, resizeMode, size, width, height, aspectRatio, borderWidth, borderColor, rounded, circle, fallback, loading, onLoad, onError, onLoadStart, onLoadEnd, containerStyle, imageStyle, testID, style, ...rest }: ImageProps): React.JSX.Element | null;

package/lib/components/Image/index.d.ts

@@ -0,0 +1,2 @@
+export { Image } from './Image';
+export type { ImageProps } from './types';

package/lib/components/Image/types.d.ts

@@ -0,0 +1,57 @@
+import React from 'react';
+import { ViewStyle, ImageStyle } from 'react-native';
+import { SizeValue, ColorValue, SpacingProps } from '../../core/theme/types';
+import { LayoutProps } from '../../core/utils';
+import { BorderRadiusProps } from '../../core/theme/radius';
+export interface BaseComponentProps extends SpacingProps {
+    /** Component test ID for testing */
+    testID?: string;
+    /** Additional CSS styles */
+    style?: any;
+}
+export interface ImageProps extends BaseComponentProps, Omit<LayoutProps, 'width' | 'height'>, BorderRadiusProps {
+    /** Image source URI */
+    src: string;
+    /** Image source object (alternative to src) */
+    source?: {
+        uri: string;
+    } | number;
+    /** Alternative text for accessibility */
+    alt?: string;
+    /** Accessibility label */
+    accessibilityLabel?: string;
+    /** Image resize mode */
+    resizeMode?: 'cover' | 'contain' | 'stretch' | 'repeat' | 'center';
+    /** Image size preset */
+    size?: SizeValue | number;
+    /** Custom width */
+    width?: number | string;
+    /** Custom height */
+    height?: number | string;
+    /** Aspect ratio */
+    aspectRatio?: number;
+    /** Border width */
+    borderWidth?: number;
+    /** Border color */
+    borderColor?: ColorValue;
+    /** Whether image should be rounded */
+    rounded?: boolean;
+    /** Whether image should be circular */
+    circle?: boolean;
+    /** Fallback element to show on error */
+    fallback?: React.ReactNode;
+    /** Loading state element */
+    loading?: React.ReactNode;
+    /** Called when image loads successfully */
+    onLoad?: () => void;
+    /** Called when image fails to load */
+    onError?: (error: any) => void;
+    /** Called when image starts loading */
+    onLoadStart?: () => void;
+    /** Called when image finishes loading (success or error) */
+    onLoadEnd?: () => void;
+    /** Container style */
+    containerStyle?: ViewStyle;
+    /** Image style overrides */
+    imageStyle?: ImageStyle;
+}

package/lib/components/Indicator/Indicator.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { IndicatorProps } from './types';
+/**
+ * Indicator: a small indicator positioned on the corner of a parent container.
+ * Usage: Wrap target with a relative container and place <Indicator /> as a sibling.
+ */
+export declare function Indicator({ size, color, borderColor, borderWidth, placement, offset, style, children, invisible, }: IndicatorProps): React.JSX.Element | null;

package/lib/components/Indicator/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Indicator';
+export type { IndicatorProps } from './types';

package/lib/components/Indicator/types.d.ts

@@ -0,0 +1,13 @@
+import type { ViewStyle } from 'react-native';
+import type { SizeValue } from '../../core/theme/types';
+export interface IndicatorProps {
+    size?: SizeValue | number;
+    color?: string;
+    borderColor?: string;
+    borderWidth?: number;
+    placement?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    offset?: number;
+    style?: ViewStyle;
+    children?: React.ReactNode;
+    invisible?: boolean;
+}

package/lib/components/Input/Input.d.ts

@@ -0,0 +1,6 @@
+import { TextInput } from 'react-native';
+import { InputProps } from './types';
+export declare const Input: import("../../core/factory/factory").PlatformBlocksComponent<{
+    props: InputProps;
+    ref: TextInput;
+}>;

package/lib/components/Input/InputBase.d.ts

@@ -0,0 +1,17 @@
+import { TextInput } from 'react-native';
+import { BaseInputProps, ExtendedTextInputProps } from './types';
+interface TextInputBaseProps extends BaseInputProps {
+    /** Whether input is focused */
+    focused?: boolean;
+    /** Additional TextInput props */
+    textInputProps?: ExtendedTextInputProps;
+    /** External ref passthrough */
+    inputRef?: any;
+    /** Force secure entry regardless of type */
+    secureTextEntry?: boolean;
+}
+export declare const TextInputBase: import("../../core/factory/factory").PlatformBlocksComponent<{
+    props: TextInputBaseProps;
+    ref: TextInput;
+}>;
+export {};

package/lib/components/Input/OptimizedInput.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { InputProps, PasswordInputProps, ValidationRule } from './types';
+/**
+ * Performance-optimized Input component with memoization and debounced validation
+ */
+export declare const OptimizedInput: React.NamedExoticComponent<InputProps>;
+/**
+ * Performance-optimized PasswordInput component
+ */
+export declare const OptimizedPasswordInput: React.NamedExoticComponent<PasswordInputProps>;
+/**
+ * Custom hook for optimized input state management
+ */
+export declare function useOptimizedInputState(initialValue?: string, validation?: ValidationRule[], debounceMs?: number): {
+    value: string;
+    setValue: (newValue: string) => void;
+    error: string | null;
+    isValidating: boolean;
+};

package/lib/components/Input/PasswordInput.d.ts

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

package/lib/components/Input/index.d.ts

@@ -0,0 +1,5 @@
+export { Input } from './Input';
+export { PasswordInput } from './PasswordInput';
+export { TextInputBase } from './InputBase';
+export type { BaseInputProps, InputProps, PasswordInputProps, ValidationRule, PasswordStrengthRule } from './types';
+export { validationRules, validateValue, calculatePasswordStrength } from './validation';

package/lib/components/Input/styles.d.ts

@@ -0,0 +1,85 @@
+import { PlatformBlocksTheme, SizeValue } from '../../core/theme/types';
+import { InputStyleProps } from './types';
+export declare const createInputStyles: (theme: PlatformBlocksTheme, isRTL?: boolean) => {
+    getInputStyles: (props: InputStyleProps, radiusStyles?: any) => {
+        container: {
+            marginBottom: number;
+            width: "100%";
+        };
+        error: {
+            color: string;
+            fontSize: number;
+            marginTop: number;
+        };
+        helperText: {
+            color: string;
+            fontSize: number;
+            marginTop: number;
+        };
+        input: {
+            outlineWidth?: number | undefined;
+            border?: string | undefined;
+            backgroundColor?: string | undefined;
+            flex: number;
+            fontSize: number;
+            color: string;
+            paddingVertical: number;
+            paddingHorizontal: number;
+            minHeight: number;
+            fontFamily: string;
+        };
+        inputContainer: any;
+        label: {
+            color: string;
+            fontSize: number;
+            fontWeight: "600";
+            marginBottom: number;
+        };
+        leftSection: {
+            paddingLeft: number;
+        } | {
+            paddingRight: number;
+        };
+        required: {
+            color: string;
+        };
+        rightSection: {
+            alignItems: "center";
+            flexDirection: "row";
+            paddingRight: number;
+        } | {
+            alignItems: "center";
+            flexDirection: "row";
+            paddingLeft: number;
+        };
+    };
+    getSizeStyles: (size: SizeValue) => {
+        fontSize: number;
+        padding: number;
+        minHeight: number;
+    } | {
+        fontSize: number;
+        padding: number;
+        minHeight: number;
+    } | {
+        fontSize: number;
+        padding: number;
+        minHeight: number;
+    } | {
+        fontSize: number;
+        padding: number;
+        minHeight: number;
+    } | {
+        fontSize: number;
+        padding: number;
+        minHeight: number;
+    } | {
+        fontSize: number;
+        padding: number;
+        minHeight: number;
+    } | {
+        fontSize: number;
+        padding: number;
+        minHeight: number;
+    };
+};

package/lib/components/Input/types.d.ts

@@ -0,0 +1,120 @@
+import React from 'react';
+import { KeyboardTypeOptions, TextInputProps } from 'react-native';
+import { SpacingProps } from '../../core/theme/types';
+import { LayoutProps } from '../../core/utils';
+import { BorderRadiusProps } from '../../core/theme/radius';
+import { SizeValue } from '../../core/theme/types';
+export interface ValidationRule {
+    type: 'required' | 'minLength' | 'maxLength' | 'pattern' | 'custom' | 'passwordStrength';
+    value?: any;
+    message: string;
+    validator?: (value: any, formValues?: Record<string, any>) => boolean | Promise<boolean>;
+}
+export interface PasswordStrengthRule extends Omit<ValidationRule, 'type'> {
+    type: 'passwordStrength';
+    requirements: {
+        minLength?: number;
+        requireUppercase?: boolean;
+        requireLowercase?: boolean;
+        requireNumbers?: boolean;
+        requireSymbols?: boolean;
+    };
+}
+export interface BaseInputProps extends SpacingProps, LayoutProps, BorderRadiusProps {
+    /** Input value */
+    value?: string;
+    /** Change handler */
+    onChangeText?: (text: string) => void;
+    /** Input label (string or component) */
+    label?: React.ReactNode;
+    /** Whether input is disabled */
+    disabled?: boolean;
+    /** Whether input is required */
+    required?: boolean;
+    /** Input placeholder */
+    placeholder?: string;
+    /** Error message */
+    error?: string;
+    /** Helper text */
+    helperText?: string;
+    /** Optional short description displayed directly under the label (above the field) */
+    description?: string;
+    /** Input size */
+    size?: SizeValue;
+    /** Whether to show required indicator */
+    withAsterisk?: boolean;
+    /** Input name for form integration */
+    name?: string;
+    /** Left section content */
+    leftSection?: React.ReactNode;
+    /** Right section content */
+    rightSection?: React.ReactNode;
+    /** Additional styling */
+    style?: any;
+    /** Accessibility label */
+    accessibilityLabel?: string;
+    /** Accessibility hint */
+    accessibilityHint?: string;
+    /** Test ID for testing */
+    testID?: string;
+    /** Debounce delay for validation in milliseconds */
+    debounceMs?: number;
+    /** Focus handler */
+    onFocus?: () => void;
+    /** Blur handler */
+    onBlur?: () => void;
+    /** Enter key press handler */
+    onEnter?: () => void;
+    /** Show built-in clear button when input has value */
+    clearable?: boolean;
+    /** Accessible label for the clear button */
+    clearButtonLabel?: string;
+    /** Callback when the clear button is pressed */
+    onClear?: () => void;
+}
+export type ExtendedTextInputProps = Omit<TextInputProps, keyof BaseInputProps> & {
+    onKeyDown?: (event: any) => void;
+    onKeyUp?: (event: any) => void;
+};
+export interface InputProps extends BaseInputProps {
+    /** Input type - determines styling and behavior */
+    type?: 'text' | 'password' | 'email' | 'tel' | 'number' | 'search';
+    /** Input validation rules */
+    validation?: ValidationRule[];
+    /** Auto-complete type */
+    autoComplete?: 'off' | 'password' | 'email' | 'tel' | 'url' | 'name' | 'additional-name' | 'address-line1' | 'address-line2' | 'birthdate-day' | 'birthdate-full' | 'birthdate-month' | 'birthdate-year' | 'cc-csc' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-number' | 'country' | 'current-password' | 'family-name' | 'given-name' | 'honorific-prefix' | 'honorific-suffix' | 'new-password' | 'one-time-code' | 'organization' | 'organization-title' | 'postal-code' | 'street-address' | 'username';
+    /** Keyboard type for mobile */
+    keyboardType?: KeyboardTypeOptions;
+    /** Whether input is multiline */
+    multiline?: boolean;
+    /** Number of lines for multiline input */
+    numberOfLines?: number;
+    /** Minimum number of lines for multiline input (default: 1) */
+    minLines?: number;
+    /** Maximum number of lines for multiline input */
+    maxLines?: number;
+    /** Maximum length */
+    maxLength?: number;
+    /** Whether to secure text entry */
+    secureTextEntry?: boolean;
+    /** Additional TextInput props */
+    textInputProps?: ExtendedTextInputProps;
+    /** Ref to underlying TextInput (focus control) */
+    inputRef?: React.Ref<any>;
+}
+export interface PasswordInputProps extends Omit<InputProps, 'type' | 'secureTextEntry'> {
+    /** Whether to show password strength indicator */
+    showStrengthIndicator?: boolean;
+    /** Whether to show toggle visibility button */
+    showVisibilityToggle?: boolean;
+    /** Password strength validation rules */
+    strengthValidation?: PasswordStrengthRule[];
+}
+export interface InputStyleProps {
+    error?: boolean;
+    disabled?: boolean;
+    focused?: boolean;
+    size: SizeValue;
+    hasLeftSection?: boolean;
+    hasRightSection?: boolean;
+}

package/lib/components/Input/validation/index.d.ts

@@ -0,0 +1,14 @@
+import { ValidationRule, PasswordStrengthRule } from '../types';
+export declare const validateValue: (value: any, rules: ValidationRule[], formValues?: Record<string, any>) => Promise<string[]>;
+export declare const validatePasswordStrength: (password: string, rule: PasswordStrengthRule) => boolean;
+export declare const calculatePasswordStrength: (password: string, rules?: PasswordStrengthRule[]) => number;
+export declare const validationRules: {
+    required: (message?: string) => ValidationRule;
+    minLength: (length: number, message?: string) => ValidationRule;
+    maxLength: (length: number, message?: string) => ValidationRule;
+    email: (message?: string) => ValidationRule;
+    url: (message?: string) => ValidationRule;
+    number: (message?: string) => ValidationRule;
+    passwordStrength: (requirements: PasswordStrengthRule["requirements"], message?: string) => PasswordStrengthRule;
+    custom: (validator: (value: any, formValues?: Record<string, any>) => boolean | Promise<boolean>, message: string) => ValidationRule;
+};

package/lib/components/Input/validation/optimized.d.ts

@@ -0,0 +1,33 @@
+import type { ValidationRule, PasswordStrengthRule } from '../types';
+/**
+ * Cached validation function to avoid repeated expensive validations
+ */
+export declare const validateValueCached: (value: any, rules: ValidationRule[], formValues?: Record<string, any>) => Promise<string[]>;
+/**
+ * Optimized password strength calculator with progressive enhancement
+ */
+export declare function calculatePasswordStrengthOptimized(password: string, rules?: PasswordStrengthRule[]): number;
+/**
+ * Debounced validation hook for forms
+ */
+export declare function useDebouncedValidation(debounceMs?: number): (value: any, rules: ValidationRule[], formValues?: Record<string, any> | undefined) => void;
+/**
+ * Batch validation for multiple fields
+ */
+export declare function validateMultipleFields(fieldsData: Array<{
+    name: string;
+    value: any;
+    rules: ValidationRule[];
+}>, formValues?: Record<string, any>): Promise<Record<string, string[]>>;
+/**
+ * Clear validation caches (useful for memory management)
+ */
+export declare function clearValidationCaches(): void;
+/**
+ * Get validation cache statistics for monitoring
+ */
+export declare function getValidationCacheStats(): {
+    validationCacheSize: number;
+    passwordStrengthCacheSize: number;
+    oldestEntry: number;
+};

package/lib/components/KeyCap/KeyCap.d.ts

@@ -0,0 +1,6 @@
+import { View } from 'react-native';
+import { KeyCapProps } from './types';
+export declare const KeyCap: import("../../core/factory").PlatformBlocksComponent<{
+    props: KeyCapProps;
+    ref: View;
+}>;