@sparrowengg/twigs-mobile 0.0.3 → 0.1.0

package/lib/typescript/modal/modal.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { ModalProps } from './types';
+/**
+ * Modal root component wrapping React Native Modal.
+ * Provides a backdrop overlay and centers children.
+ *
+ * Mobile deviation: Uses `visible` prop instead of Radix Trigger/Close pattern.
+ * Android back button triggers `onClose` via `onRequestClose`.
+ */
+export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<View>>;
+//# sourceMappingURL=modal.d.ts.map

package/lib/typescript/modal/styles.d.ts

@@ -0,0 +1,38 @@
+export declare const styles: {
+    overlay: {
+        flex: number;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    backdropPressable: {
+        position: "absolute";
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+    };
+    content: {
+        overflow: "hidden";
+    };
+    header: {
+        paddingTop: number;
+        paddingHorizontal: number;
+        gap: number;
+        alignItems: "center";
+    };
+    body: {
+        paddingHorizontal: number;
+        paddingVertical: number;
+    };
+    footer: {
+        paddingHorizontal: number;
+        paddingBottom: number;
+        paddingTop: number;
+        flexDirection: "row";
+        gap: number;
+    };
+    footerChild: {
+        flex: number;
+    };
+};
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/modal/types.d.ts

@@ -0,0 +1,89 @@
+import type { ReactNode } from 'react';
+import type { ViewProps, TextStyle } from 'react-native';
+import type { CommonStyleProps, BaseAccessibilityProps } from '../utils';
+/** Modal size variants controlling content width */
+export type ModalSize = 'sm' | 'md' | 'lg' | 'full';
+/** Modal animation type */
+export type ModalAnimationType = 'none' | 'fade' | 'slide';
+/**
+ * Props for the Modal root component.
+ * Wraps React Native Modal with a backdrop overlay and centers children.
+ */
+export interface ModalProps extends BaseAccessibilityProps {
+    /** Whether the modal is visible */
+    visible: boolean;
+    /** Called when the modal should close (backdrop press, Android back button) */
+    onClose?: () => void;
+    /** Whether pressing the backdrop closes the modal (default: true) */
+    closeOnBackdropPress?: boolean;
+    /** Animation type for the modal (default: 'fade') */
+    animationType?: ModalAnimationType;
+    /** Modal content — typically a ModalContent with sub-components */
+    children: ReactNode;
+    /** Test ID for the overlay container */
+    testID?: string;
+}
+/**
+ * Props for the ModalContent component.
+ * White card container with rounded corners and shadow.
+ */
+export interface ModalContentProps extends Omit<ViewProps, 'style'>, CommonStyleProps, BaseAccessibilityProps {
+    /** Size variant controlling width (default: 'md') */
+    size?: ModalSize;
+    /** Content children — ModalHeader, ModalBody, ModalFooter, or custom content */
+    children: ReactNode;
+}
+/**
+ * Props for the ModalHeader component.
+ * Header section containing title and description.
+ */
+export interface ModalHeaderProps extends Omit<ViewProps, 'style'>, CommonStyleProps {
+    /** Header children — typically ModalTitle and ModalDescription */
+    children: ReactNode;
+}
+/** Common text style props for text-based sub-components */
+export interface ModalTextStyleProps {
+    /** Custom text styles (applied before style) */
+    css?: TextStyle;
+    /** Custom text styles (applied last for overrides) */
+    style?: TextStyle;
+}
+/**
+ * Props for the ModalTitle component.
+ * Title text displayed in the modal header.
+ */
+export interface ModalTitleProps extends ModalTextStyleProps {
+    /** Title text content */
+    children: ReactNode;
+    /** Test ID */
+    testID?: string;
+}
+/**
+ * Props for the ModalDescription component.
+ * Description text displayed below the title.
+ */
+export interface ModalDescriptionProps extends ModalTextStyleProps {
+    /** Description text content */
+    children: ReactNode;
+    /** Test ID */
+    testID?: string;
+}
+/**
+ * Props for the ModalBody component.
+ * Main content area between header and footer.
+ */
+export interface ModalBodyProps extends Omit<ViewProps, 'style'>, CommonStyleProps {
+    /** Body content */
+    children: ReactNode;
+    /** Whether the body content is scrollable (default: false) */
+    scrollable?: boolean;
+}
+/**
+ * Props for the ModalFooter component.
+ * Action button area at the bottom of the modal.
+ */
+export interface ModalFooterProps extends Omit<ViewProps, 'style'>, CommonStyleProps {
+    /** Footer children — typically Button components */
+    children: ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/radio/constants.d.ts

@@ -0,0 +1,9 @@
+import type { RadioSize } from './types';
+export interface RadioSizeConfig {
+    outerSize: number;
+    innerSize: number;
+}
+export declare const RADIO_SIZE_CONFIGS: Record<RadioSize, RadioSizeConfig>;
+/** Resolved size config for a given radio size. */
+export declare const getRadioSizeConfig: (size: RadioSize) => RadioSizeConfig;
+//# sourceMappingURL=constants.d.ts.map

package/lib/typescript/radio/index.d.ts

@@ -0,0 +1,3 @@
+export { Radio } from './radio';
+export type { RadioProps, RadioSize } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/radio/radio.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { RadioProps } from './types';
+/** Radio button with outer ring and inner dot, supporting an optional label. */
+export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<View>>;
+//# sourceMappingURL=radio.d.ts.map

package/lib/typescript/radio/styles.d.ts

@@ -0,0 +1,24 @@
+import type { TwigsTheme } from '../theme';
+export declare const createRadioStyles: (theme: TwigsTheme) => {
+    outerCircle: {
+        borderWidth: number;
+        backgroundColor: string;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    innerCircle: {
+        backgroundColor: string;
+    };
+    labelContainer: {
+        marginLeft: number;
+    };
+    container: {
+        flexDirection: "row";
+        alignItems: "center";
+        alignSelf: "flex-start";
+    };
+    containerDisabled: {
+        opacity: number;
+    };
+};
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/radio/types.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode, RefObject } from 'react';
+import { View, ViewStyle } from 'react-native';
+import { CommonStyleProps, BaseAccessibilityProps } from '../utils';
+export type RadioSize = 'sm' | 'md';
+export interface RadioProps extends CommonStyleProps, BaseAccessibilityProps {
+    /** Whether this radio button is selected. @default false */
+    selected?: boolean;
+    /** Called with the toggled value when pressed. */
+    onSelect?: (selected: boolean) => void;
+    /** Whether the radio button is disabled. @default false */
+    disabled?: boolean;
+    /** Optional label rendered beside the radio circle. */
+    children?: ReactNode;
+    /** Size preset. @default 'sm' */
+    size?: RadioSize;
+    /** Ref forwarded to the outer Pressable container. */
+    containerRef?: RefObject<View>;
+    /** Style overrides for the label container. */
+    labelStyle?: ViewStyle;
+    /** Style overrides for the outer radio circle. */
+    radioStyle?: ViewStyle;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/segmented-button/constants.d.ts

@@ -0,0 +1,21 @@
+import type { SegmentedButtonRounded } from './types';
+export declare const CONTAINER_HEIGHT = 48;
+export declare const SEGMENT_PADDING_HORIZONTAL = 20;
+export declare const SEGMENT_FONT_SIZE = 14;
+export declare const SEGMENT_LINE_HEIGHT = 20;
+export declare const SEGMENT_LETTER_SPACING = 0.2;
+export declare const SELECTED_BORDER_WIDTH = 1.5;
+export declare const SELECTED_SHADOW: {
+    readonly shadowOffset: {
+        readonly width: 1;
+        readonly height: 1;
+    };
+    readonly shadowOpacity: 0.04;
+    readonly shadowRadius: 5;
+};
+export declare const SELECTED_ELEVATION = 2;
+export declare const CONTAINER_BG_OPACITY = 0.08;
+export declare const ROUNDED_RADII: Record<SegmentedButtonRounded, number>;
+export declare const DEFAULT_ROUNDED: SegmentedButtonRounded;
+export declare const SLIDE_DURATION = 200;
+//# sourceMappingURL=constants.d.ts.map

package/lib/typescript/segmented-button/helpers.d.ts

@@ -0,0 +1,8 @@
+import type { ViewStyle, TextStyle } from 'react-native';
+import type { TwigsTheme } from '../theme';
+import type { SegmentedButtonRounded } from './types';
+export declare function getContainerStyles(theme: TwigsTheme, rounded: SegmentedButtonRounded, fullWidth: boolean): ViewStyle;
+export declare function getIndicatorStyles(theme: TwigsTheme, rounded: SegmentedButtonRounded): ViewStyle;
+export declare function getSegmentTextStyles(theme: TwigsTheme, selected: boolean): TextStyle;
+export declare function getSegmentPressedStyles(theme: TwigsTheme, rounded: SegmentedButtonRounded): ViewStyle;
+//# sourceMappingURL=helpers.d.ts.map

package/lib/typescript/segmented-button/index.d.ts

@@ -0,0 +1,3 @@
+export { SegmentedButton } from './segmented-button';
+export type { SegmentedButtonProps, SegmentedButtonOption, SegmentedButtonRounded } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/segmented-button/segmented-button.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { SegmentedButtonProps } from './types';
+/** Horizontal group of mutually exclusive options with an animated sliding indicator. */
+export declare const SegmentedButton: React.ForwardRefExoticComponent<SegmentedButtonProps & React.RefAttributes<View>>;
+//# sourceMappingURL=segmented-button.d.ts.map

package/lib/typescript/segmented-button/styles.d.ts

@@ -0,0 +1,24 @@
+export declare const styles: {
+    container: {
+        flexDirection: "row";
+        alignItems: "center";
+        overflow: "hidden";
+    };
+    indicator: {
+        position: "absolute";
+        top: number;
+        bottom: number;
+    };
+    segment: {
+        flex: number;
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "center";
+        alignSelf: "stretch";
+        paddingHorizontal: number;
+    };
+    disabled: {
+        opacity: number;
+    };
+};
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/segmented-button/types.d.ts

@@ -0,0 +1,30 @@
+import type { ViewProps } from 'react-native';
+import type { CommonStyleProps, BaseAccessibilityProps } from '../utils';
+/** Individual option in a segmented button group. */
+export interface SegmentedButtonOption {
+    /** Unique value identifying this option. */
+    value: string;
+    /** Display label for this option. */
+    label: string;
+    /** Whether this individual option is disabled. */
+    disabled?: boolean;
+}
+export type SegmentedButtonRounded = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';
+/** Props for the SegmentedButton component. */
+export interface SegmentedButtonProps extends Omit<ViewProps, 'style'>, CommonStyleProps, BaseAccessibilityProps {
+    /** Array of options to display as segments. */
+    options: SegmentedButtonOption[];
+    /** Currently selected value (controlled). */
+    value?: string;
+    /** Default selected value (uncontrolled). */
+    defaultValue?: string;
+    /** Called when the selected value changes. */
+    onChange?: (value: string) => void;
+    /** Border radius variant of the container and segments. */
+    rounded?: SegmentedButtonRounded;
+    /** Whether the entire segmented button is disabled. */
+    disabled?: boolean;
+    /** Whether the component should stretch to fill its parent width. */
+    fullWidth?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/separator/index.d.ts

@@ -0,0 +1,3 @@
+export { Separator } from './separator';
+export type { SeparatorProps, SeparatorOrientation } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/separator/separator.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { SeparatorProps } from './types';
+/** Visual divider line, horizontal or vertical, with optional decorative mode. */
+export declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<View>>;
+//# sourceMappingURL=separator.d.ts.map

package/lib/typescript/separator/types.d.ts

@@ -0,0 +1,25 @@
+import type { MarginProps, CommonStyleProps, BaseAccessibilityProps } from '../utils';
+export type SeparatorOrientation = 'horizontal' | 'vertical';
+export interface SeparatorProps extends MarginProps, CommonStyleProps, BaseAccessibilityProps {
+    /**
+     * The orientation of the separator.
+     * @default 'horizontal'
+     */
+    orientation?: SeparatorOrientation;
+    /**
+     * Custom color for the separator line.
+     * @default theme.colors.neutral200
+     */
+    color?: string;
+    /**
+     * When true, the separator is purely decorative and will be hidden
+     * from assistive technologies.
+     * @default false
+     */
+    decorative?: boolean;
+    /**
+     * Test ID for testing purposes.
+     */
+    testID?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/switch/constants.d.ts

@@ -0,0 +1,17 @@
+import type { SwitchColor, SwitchSize } from './types';
+export interface SwitchSizeConfig {
+    track: {
+        width: number;
+        height: number;
+    };
+    thumb: {
+        size: number;
+        offPosition: number;
+        onPosition: number;
+    };
+}
+export declare const SWITCH_SIZE_CONFIGS: Record<SwitchSize, SwitchSizeConfig>;
+export declare const DEFAULT_SWITCH_SIZE: SwitchSize;
+export declare const CHECKED_COLOR_MAP: Record<SwitchColor, 'primary500' | 'secondary600'>;
+export declare const getSwitchSizeConfig: (size: SwitchSize) => SwitchSizeConfig;
+//# sourceMappingURL=constants.d.ts.map

package/lib/typescript/switch/index.d.ts

@@ -0,0 +1,3 @@
+export { Switch } from './switch';
+export type { SwitchProps, SwitchSize, SwitchColor } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/switch/styles.d.ts

@@ -0,0 +1,12 @@
+import type { TwigsTheme } from '../theme';
+export declare const createSwitchStyles: (theme: TwigsTheme) => {
+    switchBase: {
+        borderRadius: number;
+        justifyContent: "center";
+    };
+    thumbBase: {
+        borderRadius: number;
+        backgroundColor: string;
+    };
+};
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/switch/switch.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { SwitchProps } from './types';
+/** Toggle switch with animated thumb, supporting controlled and uncontrolled modes. */
+export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<View>>;
+//# sourceMappingURL=switch.d.ts.map

package/lib/typescript/switch/types.d.ts

@@ -0,0 +1,23 @@
+import type { PressableProps } from 'react-native';
+import type { BaseAccessibilityProps, CommonStyleProps } from '../utils';
+export type SwitchSize = 'sm' | 'md';
+export type SwitchColor = 'primary' | 'secondary';
+export interface SwitchProps extends Omit<PressableProps, 'onPress' | 'style'>, CommonStyleProps, BaseAccessibilityProps {
+    /** Controlled toggle state (RN-style API). Alias for `checked`. */
+    value?: boolean;
+    /** Called with the next value when toggled (RN-style API). Alias for `onChange`. */
+    onValueChange?: (value: boolean) => void;
+    /** Controlled toggle state (web-style API). Takes precedence over `value`. */
+    checked?: boolean;
+    /** Initial state for uncontrolled usage. @default false */
+    defaultChecked?: boolean;
+    /** Called with the next checked value when toggled (web-style API). */
+    onChange?: (checked: boolean) => void;
+    /** Whether the switch is disabled. @default false */
+    disabled?: boolean;
+    /** Size preset. @default 'md' */
+    size?: SwitchSize;
+    /** Color preset. @default 'primary' */
+    color?: SwitchColor;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/text/index.d.ts

@@ -0,0 +1,3 @@
+export { Text } from './text';
+export type { TextProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/text/text.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Text as RNText } from 'react-native';
+import type { TextProps } from './types';
+/** Themed text component with typography, spacing, and truncation props. */
+export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<RNText>>;
+//# sourceMappingURL=text.d.ts.map

package/lib/typescript/text/types.d.ts

@@ -0,0 +1,39 @@
+import { ReactNode } from 'react';
+import { AccessibilityRole, TextStyle } from 'react-native';
+import { MarginProps, PaddingProps } from '../utils';
+/**
+ * Props for the Text component.
+ * Extends `MarginProps` and `PaddingProps` for spacing shorthand.
+ * `css` is applied before `style` for layered text style overrides.
+ */
+export interface TextProps extends MarginProps, PaddingProps {
+    children?: ReactNode;
+    /** Text styles applied before `style`. */
+    css?: TextStyle;
+    /** Text styles applied last for final overrides. */
+    style?: TextStyle;
+    fontSize?: number;
+    fontFamily?: string;
+    color?: string;
+    fontWeight?: 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+    textAlign?: 'left' | 'center' | 'right' | 'justify';
+    textDecoration?: 'none' | 'underline' | 'line-through' | 'underline line-through';
+    textTransform?: 'none' | 'capitalize' | 'uppercase' | 'lowercase';
+    fontStyle?: 'normal' | 'italic';
+    lineHeight?: number;
+    letterSpacing?: number;
+    numberOfLines?: number;
+    ellipsizeMode?: 'head' | 'middle' | 'tail' | 'clip';
+    accessible?: boolean;
+    accessibilityRole?: AccessibilityRole;
+    accessibilityLabel?: string;
+    accessibilityHint?: string;
+    accessibilityState?: {
+        disabled?: boolean;
+        selected?: boolean;
+        checked?: boolean | 'mixed';
+        busy?: boolean;
+        expanded?: boolean;
+    };
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/text-input/constants.d.ts

@@ -0,0 +1,13 @@
+import type { TextInputSize } from './types';
+export interface TextInputSizeConfig {
+    height: number;
+    borderRadius: number;
+    fontSize: number;
+    paddingHorizontal: number;
+    leftIconPadding: number;
+    rightIconPadding: number;
+    iconSize: number;
+}
+/** Resolved size config for a given text-input size. */
+export declare const getSizeConfig: (size: TextInputSize) => TextInputSizeConfig;
+//# sourceMappingURL=constants.d.ts.map

package/lib/typescript/text-input/index.d.ts

@@ -0,0 +1,3 @@
+export { TextInput } from './text-input';
+export type { TextInputProps, TextInputSize, TextInputVariant } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/text-input/styles.d.ts

@@ -0,0 +1,57 @@
+import type { TwigsTheme } from '../theme';
+export declare const createTextInputStyles: (theme: TwigsTheme) => {
+    container: {
+        position: "relative";
+        width: "100%";
+    };
+    containerDisabled: {
+        opacity: number;
+    };
+    inputWrapper: {
+        position: "relative";
+        width: "100%";
+        borderWidth: number;
+        borderStyle: "solid";
+    };
+    inputWrapperDisabled: {
+        backgroundColor: string;
+        opacity: number;
+    };
+    textInput: {
+        borderWidth: number;
+        backgroundColor: string;
+        textAlignVertical: "center";
+        fontFamily?: string | undefined | undefined;
+        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined | undefined;
+        flex: number;
+        margin: number;
+        padding: number;
+        color: string;
+    };
+    iconContainer: {
+        position: "absolute";
+        height: "100%";
+        zIndex: number;
+    };
+    iconContainerLeft: {
+        left: number;
+    };
+    iconContainerLeftElement: {
+        left: number;
+    };
+    iconContainerRight: {
+        right: number;
+    };
+    iconContainerRightElement: {
+        right: number;
+    };
+    iconButtonContainer: {
+        display: "flex";
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    fullWidth: {
+        width: "100%";
+    };
+};
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/text-input/text-input.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { TextInput as RNTextInput } from 'react-native';
+import type { TextInputProps } from './types';
+/** Themed text input with size/variant presets, icon slots, error state, and password toggle. */
+export declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<RNTextInput>>;
+//# sourceMappingURL=text-input.d.ts.map

package/lib/typescript/text-input/types.d.ts

@@ -0,0 +1,57 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { TextInputProps as RNTextInputProps, TextStyle } from 'react-native';
+import type { MarginProps, PaddingProps, CommonStyleProps, BaseAccessibilityProps } from '../utils';
+export type TextInputSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+export type TextInputVariant = 'default' | 'filled';
+export interface TextInputProps extends MarginProps, PaddingProps, CommonStyleProps, BaseAccessibilityProps {
+    /** Size preset controlling height, font size, and icon dimensions. @default 'md' */
+    size?: TextInputSize;
+    /** Visual variant. @default 'default' */
+    variant?: TextInputVariant;
+    placeholder?: string;
+    value?: string;
+    defaultValue?: string;
+    onChangeText?: (text: string) => void;
+    /** Icon rendered inside the input on the left. */
+    leftIcon?: ReactElement;
+    /** Icon rendered inside the input on the right. Acts as password toggle when `secureTextEntry` is set. */
+    rightIcon?: ReactElement;
+    /** Arbitrary element rendered on the right (outside the icon slot). */
+    rightElement?: ReactElement;
+    /** Arbitrary element rendered on the left (outside the icon slot). */
+    leftElement?: ReactElement;
+    disabled?: boolean;
+    /** When true, the bottom border turns red to indicate a validation error. */
+    errorBorder?: boolean;
+    placeholderTextColor?: string;
+    cursorColor?: string;
+    secureTextEntry?: boolean;
+    /** Controlled password visibility state — pair with `setShowPassword`. */
+    showPassword?: boolean;
+    /** Toggle callback for password visibility. */
+    setShowPassword?: (show: boolean) => void;
+    /** Style overrides applied to the inner RNTextInput. */
+    inputStyle?: TextStyle;
+    readOnly?: boolean;
+    autoCapitalize?: RNTextInputProps['autoCapitalize'];
+    autoCorrect?: RNTextInputProps['autoCorrect'];
+    autoFocus?: RNTextInputProps['autoFocus'];
+    blurOnSubmit?: RNTextInputProps['blurOnSubmit'];
+    editable?: RNTextInputProps['editable'];
+    keyboardType?: RNTextInputProps['keyboardType'];
+    maxLength?: RNTextInputProps['maxLength'];
+    multiline?: RNTextInputProps['multiline'];
+    numberOfLines?: RNTextInputProps['numberOfLines'];
+    onBlur?: RNTextInputProps['onBlur'];
+    onFocus?: RNTextInputProps['onFocus'];
+    onSubmitEditing?: RNTextInputProps['onSubmitEditing'];
+    returnKeyType?: RNTextInputProps['returnKeyType'];
+    textContentType?: RNTextInputProps['textContentType'];
+    /** Content rendered below the input (e.g. helper text). */
+    children?: ReactNode;
+    /** Error message shown below the input with `accessibilityRole="alert"`. */
+    errorMessage?: string;
+    accessibilityLabel?: string;
+    accessibilityHint?: string;
+}
+//# sourceMappingURL=types.d.ts.map