@oxyhq/services 6.9.15 → 6.9.16

package/lib/typescript/ui/components/TextField/Adornment/TextFieldAffix.d.ts

@@ -1,72 +0,0 @@
-import React from 'react';
-import { Animated, type DimensionValue, type GestureResponderEvent, type LayoutChangeEvent, type StyleProp, type TextStyle } from 'react-native';
-import { AdornmentSide } from './enums';
-import type { ThemeProp } from "../../types";
-export type Props = {
-    /**
-     * Text to show.
-     */
-    text: string;
-    onLayout?: (event: LayoutChangeEvent) => void;
-    /**
-     * Function to execute on press.
-     */
-    onPress?: (e: GestureResponderEvent) => void;
-    /**
-     * Accessibility label for the affix. This is read by the screen reader when the user taps the affix.
-     */
-    accessibilityLabel?: string;
-    /**
-     * Style that is passed to the Text element.
-     */
-    textStyle?: StyleProp<TextStyle>;
-    /**
-     * @optional
-     */
-    theme?: ThemeProp;
-};
-type ContextState = {
-    topPosition: number | null;
-    onLayout?: (event: LayoutChangeEvent) => void;
-    visible?: Animated.Value;
-    textStyle?: StyleProp<TextStyle>;
-    side: AdornmentSide;
-    paddingHorizontal?: DimensionValue;
-    maxFontSizeMultiplier?: number | undefined | null;
-    testID?: string;
-    disabled?: boolean;
-};
-declare const AffixAdornment: React.FunctionComponent<{
-    affix: React.ReactNode;
-    testID: string;
-} & ContextState>;
-/**
- * A component to render a leading / trailing text in the TextInput
- *
- * ## Usage
- * ```js
- * import * as React from 'react';
- * import { TextInput } from 'react-native-paper';
- *
- * const MyComponent = () => {
- *   const [text, setText] = React.useState('');
- *
- *   return (
- *     <TextInput
- *       mode="outlined"
- *       label="Outlined input"
- *       placeholder="Type something"
- *       right={<TextInput.Affix text="/100" />}
- *     />
- *   );
- * };
- *
- * export default MyComponent;
- * ```
- */
-declare const TextFieldAffix: {
-    ({ text, textStyle: labelStyle, theme: themeOverrides, onLayout: onTextLayout, onPress, accessibilityLabel, }: Props): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default TextFieldAffix;
-export { TextFieldAffix, AffixAdornment };

package/lib/typescript/ui/components/TextField/Adornment/TextFieldIcon.d.ts

@@ -1,77 +0,0 @@
-import React from 'react';
-import { type ColorValue, type GestureResponderEvent, type StyleProp, type ViewStyle } from 'react-native';
-import type { $Omit, ThemeProp } from "../../types";
-import type { IconSource } from '../../Icon';
-import IconButton from '../../IconButton/IconButton';
-export type Props = $Omit<React.ComponentProps<typeof IconButton>, 'icon' | 'theme' | 'color' | 'iconColor'> & {
-    /**
-     * @renamed Renamed from 'name' to 'icon` in v5.x
-     * Icon to show.
-     */
-    icon: IconSource;
-    /**
-     * Function to execute on press.
-     */
-    onPress?: (e: GestureResponderEvent) => void;
-    /**
-     * Whether the TextInput will focus after onPress.
-     */
-    forceTextInputFocus?: boolean;
-    /**
-     * Color of the icon or a function receiving a boolean indicating whether the TextInput is focused and returning the color.
-     */
-    color?: ((isTextInputFocused: boolean) => string | undefined) | string;
-    /**
-     * Color of the ripple effect.
-     */
-    rippleColor?: ColorValue;
-    style?: StyleProp<ViewStyle>;
-    /**
-     * @optional
-     */
-    theme?: ThemeProp;
-};
-type StyleContextType = {
-    style: StyleProp<ViewStyle>;
-    isTextInputFocused: boolean;
-    forceFocus: () => void;
-    testID: string;
-    disabled?: boolean;
-};
-declare const IconAdornment: React.FunctionComponent<{
-    testID: string;
-    icon: React.ReactNode;
-    topPosition: number;
-    side: 'left' | 'right';
-    theme?: ThemeProp;
-    disabled?: boolean;
-} & Omit<StyleContextType, 'style'>>;
-/**
- * A component to render a leading / trailing icon in the TextInput
- *
- * ## Usage
- * ```js
- * import * as React from 'react';
- * import { TextInput } from 'react-native-paper';
- *
- * const MyComponent = () => {
- *   const [text, setText] = React.useState('');
- *
- *   return (
- *     <TextInput
- *       label="Password"
- *       secureTextEntry
- *       right={<TextInput.Icon icon="eye" />}
- *     />
- *   );
- * };
- *
- * export default MyComponent;
- * ```
- */
-declare const TextFieldIcon: {
-    ({ icon, onPress, forceTextInputFocus, color: customColor, theme: themeOverrides, rippleColor, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export default TextFieldIcon;
-export { IconAdornment };

package/lib/typescript/ui/components/TextField/Adornment/enums.d.ts

@@ -1,12 +0,0 @@
-export declare enum AdornmentType {
-    Icon = "icon",
-    Affix = "affix"
-}
-export declare enum AdornmentSide {
-    Right = "right",
-    Left = "left"
-}
-export declare enum InputMode {
-    Outlined = "outlined",
-    Flat = "flat"
-}

package/lib/typescript/ui/components/TextField/Adornment/types.d.ts

@@ -1,11 +0,0 @@
-import type { AdornmentSide, AdornmentType } from './enums';
-export type AdornmentConfig = {
-    side: AdornmentSide;
-    type: AdornmentType;
-};
-export type AdornmentStyleAdjustmentForNativeInput = {
-    adornmentStyleAdjustmentForNativeInput: Array<{
-        paddingRight: number;
-        paddingLeft: number;
-    } | Record<string, never>>;
-};

package/lib/typescript/ui/components/TextField/Adornment/utils.d.ts

@@ -1,11 +0,0 @@
-import type { InternalTheme } from "../../types";
-type BaseProps = {
-    theme: InternalTheme;
-    disabled?: boolean;
-};
-export declare function getTextColor({ theme, disabled }: BaseProps): string;
-export declare function getIconColor({ theme, isTextInputFocused, disabled, customColor, }: BaseProps & {
-    isTextInputFocused: boolean;
-    customColor?: ((isTextInputFocused: boolean) => string | undefined) | string;
-}): string | undefined;
-export {};

package/lib/typescript/ui/components/TextField/Label/InputLabel.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { InputLabelProps } from '../types';
-declare const _default: React.MemoExoticComponent<(props: InputLabelProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;

package/lib/typescript/ui/components/TextField/Label/LabelBackground.d.ts

@@ -1,3 +0,0 @@
-import type { LabelBackgroundProps } from '../types';
-declare const LabelBackground: ({ labeled, labelLayoutWidth, labelLayoutHeight, placeholderStyle, baseLabelTranslateX, topPosition, backgroundColor, roundness, labelStyle, maxFontSizeMultiplier, testID, }: LabelBackgroundProps) => (import("react/jsx-runtime").JSX.Element | null)[];
-export default LabelBackground;

package/lib/typescript/ui/components/TextField/TextFieldFlat.d.ts

@@ -1,3 +0,0 @@
-import type { ChildTextInputProps } from './types';
-declare const TextInputFlat: ({ disabled, editable, label, error, selectionColor: customSelectionColor, cursorColor, underlineColor, underlineStyle, activeUnderlineColor, textColor, dense, style, theme, render, multiline, parentState, innerRef, onFocus, forceFocus, onBlur, onChangeText, onLayoutAnimatedText, onLabelTextLayout, onLeftAffixLayoutChange, onRightAffixLayoutChange, onInputLayout, left, right, placeholderTextColor, testID, contentStyle, scaledLabel, ...rest }: ChildTextInputProps) => import("react/jsx-runtime").JSX.Element;
-export default TextInputFlat;

package/lib/typescript/ui/components/TextField/TextFieldOutlined.d.ts

@@ -1,3 +0,0 @@
-import type { ChildTextInputProps } from './types';
-declare const TextInputOutlined: ({ disabled, editable, label, error, selectionColor: customSelectionColor, cursorColor, underlineColor: _underlineColor, outlineColor: customOutlineColor, activeOutlineColor, outlineStyle, textColor, dense, style, theme, render, multiline, parentState, innerRef, onFocus, forceFocus, onBlur, onChangeText, onLayoutAnimatedText, onLabelTextLayout, onLeftAffixLayoutChange, onRightAffixLayoutChange, onInputLayout, onLayout, left, right, placeholderTextColor, testID, contentStyle, scaledLabel, ...rest }: ChildTextInputProps) => import("react/jsx-runtime").JSX.Element;
-export default TextInputOutlined;

package/lib/typescript/ui/components/TextField/constants.d.ts

@@ -1,31 +0,0 @@
-export declare const MAXIMIZED_LABEL_FONT_SIZE = 16;
-export declare const MINIMIZED_LABEL_FONT_SIZE = 12;
-export declare const LABEL_WIGGLE_X_OFFSET = 4;
-export declare const ADORNMENT_SIZE = 24;
-export declare const MIN_WIDTH = 100;
-export declare const MD2_AFFIX_OFFSET = 12;
-export declare const MD3_AFFIX_OFFSET = 16;
-export declare const ICON_SIZE = 24;
-export declare const MD2_ICON_OFFSET = 12;
-export declare const MD3_ICON_OFFSET = 16;
-export declare const MD2_MIN_HEIGHT = 64;
-export declare const MD3_MIN_HEIGHT = 56;
-export declare const MD3_ADORNMENT_OFFSET = 16;
-export declare const MD2_ADORNMENT_OFFSET = 12;
-export declare const LABEL_PADDING_TOP_DENSE = 24;
-export declare const LABEL_PADDING_TOP = 8;
-export declare const MD2_LABEL_PADDING_TOP = 30;
-export declare const MD3_LABEL_PADDING_TOP = 26;
-export declare const MD2_LABEL_PADDING_HORIZONTAL = 12;
-export declare const MD3_LABEL_PADDING_HORIZONTAL = 16;
-export declare const MD2_FLAT_INPUT_OFFSET = 8;
-export declare const MD3_FLAT_INPUT_OFFSET = 16;
-export declare const MINIMIZED_LABEL_Y_OFFSET = -18;
-export declare const MIN_DENSE_HEIGHT_WL = 52;
-export declare const MIN_DENSE_HEIGHT = 40;
-export declare const MD2_INPUT_PADDING_HORIZONTAL = 14;
-export declare const MD3_INPUT_PADDING_HORIZONTAL = 16;
-export declare const MD2_OUTLINED_INPUT_OFFSET = 8;
-export declare const MD3_OUTLINED_INPUT_OFFSET = 16;
-export declare const OUTLINE_MINIMIZED_LABEL_Y_OFFSET = -6;
-export declare const MIN_DENSE_HEIGHT_OUTLINED = 48;

package/lib/typescript/ui/components/TextField/helpers.d.ts

@@ -1,96 +0,0 @@
-import type { AdornmentConfig } from './Adornment/types';
-import type { TextInputLabelProp } from './types';
-import type { InternalTheme } from "../types";
-type PaddingProps = {
-    height: number | null;
-    labelHalfHeight: number;
-    multiline: boolean | null;
-    dense: boolean | null;
-    topPosition: number;
-    fontSize: number;
-    lineHeight?: number;
-    label?: TextInputLabelProp | null;
-    scale: number;
-    offset: number;
-    isAndroid: boolean;
-    styles: {
-        paddingTop: number;
-        paddingBottom: number;
-    };
-};
-type AdjProps = PaddingProps & {
-    pad: number;
-};
-export type Padding = {
-    paddingTop: number;
-    paddingBottom: number;
-};
-export declare const calculateLabelTopPosition: (labelHeight: number, height?: number, optionalPadding?: number) => number;
-export declare const calculateInputHeight: (labelHeight: number, height: any, minHeight: number) => number;
-export declare const calculatePadding: (props: PaddingProps) => number;
-export declare const adjustPaddingOut: ({ pad, multiline, label, scale, height, fontSize, lineHeight, dense, offset, isAndroid, }: AdjProps) => Padding;
-export declare const adjustPaddingFlat: ({ pad, scale, multiline, label, height, offset, dense, fontSize, isAndroid, styles, }: AdjProps) => Padding;
-export declare function calculateFlatAffixTopPosition({ height, paddingTop, paddingBottom, affixHeight, }: {
-    height: number;
-    paddingTop: number;
-    paddingBottom: number;
-    affixHeight: number;
-}): number;
-export declare function calculateOutlinedIconAndAffixTopPosition({ height, affixHeight, labelYOffset, }: {
-    height: number;
-    affixHeight: number;
-    labelYOffset: number;
-}): number;
-export declare const calculateFlatInputHorizontalPadding: ({ adornmentConfig, isV3, }: {
-    adornmentConfig: AdornmentConfig[];
-    isV3?: boolean;
-}) => {
-    paddingLeft: number;
-    paddingRight: number;
-};
-export declare const getFlatInputColors: ({ underlineColor, activeUnderlineColor, customSelectionColor, textColor, disabled, error, theme, }: {
-    underlineColor?: string;
-    activeUnderlineColor?: string;
-    customSelectionColor?: string;
-    textColor?: string;
-    disabled?: boolean;
-    error?: boolean;
-    theme: InternalTheme;
-}) => {
-    inputTextColor: string;
-    activeColor: string;
-    underlineColorCustom: string;
-    placeholderColor: string;
-    selectionColor: string;
-    errorColor: string;
-    backgroundColor: string | undefined;
-};
-export declare const getOutlinedInputColors: ({ activeOutlineColor, customOutlineColor, customSelectionColor, textColor, disabled, error, theme, }: {
-    activeOutlineColor?: string;
-    customOutlineColor?: string;
-    customSelectionColor?: string;
-    textColor?: string;
-    disabled?: boolean;
-    error?: boolean;
-    theme: InternalTheme;
-}) => {
-    inputTextColor: string;
-    activeColor: string;
-    outlineColor: string | undefined;
-    placeholderColor: string;
-    selectionColor: string;
-    errorColor: string;
-};
-export declare const getConstants: (isV3?: boolean) => {
-    AFFIX_OFFSET: number;
-    ICON_OFFSET: number;
-    LABEL_PADDING_TOP: number;
-    LABEL_PADDING_HORIZONTAL: number;
-    FLAT_INPUT_OFFSET: number;
-    MIN_HEIGHT: number;
-    INPUT_PADDING_HORIZONTAL: number;
-    ADORNMENT_OFFSET: number;
-    OUTLINED_INPUT_OFFSET: number;
-    MIN_WIDTH: number;
-};
-export {};

package/lib/typescript/ui/components/TextField/types.d.ts

@@ -1,155 +0,0 @@
-import type * as React from 'react';
-import type { TextInput as NativeTextInput, Animated, TextStyle, LayoutChangeEvent, ColorValue, StyleProp, ViewProps, ViewStyle, NativeSyntheticEvent, TextLayoutEventData } from 'react-native';
-import type { $Omit, InternalTheme, ThemeProp } from '../types';
-export type TextFieldLabelProp = string | React.ReactElement;
-export type TextInputLabelProp = TextFieldLabelProp;
-type TextInputProps = React.ComponentPropsWithRef<typeof NativeTextInput> & {
-    mode?: 'flat' | 'outlined';
-    left?: React.ReactNode;
-    right?: React.ReactNode;
-    disabled?: boolean;
-    label?: TextFieldLabelProp;
-    placeholder?: string;
-    error?: boolean;
-    onChangeText?: Function;
-    selectionColor?: string;
-    cursorColor?: string;
-    underlineColor?: string;
-    activeUnderlineColor?: string;
-    outlineColor?: string;
-    activeOutlineColor?: string;
-    textColor?: string;
-    dense?: boolean;
-    multiline?: boolean;
-    numberOfLines?: number;
-    onFocus?: (args: NativeSyntheticEvent<unknown>) => void;
-    onBlur?: (args: NativeSyntheticEvent<unknown>) => void;
-    render?: (props: RenderProps) => React.ReactNode;
-    value?: string;
-    style?: StyleProp<TextStyle>;
-    theme?: ThemeProp;
-    testID?: string;
-    contentStyle?: StyleProp<TextStyle>;
-    outlineStyle?: StyleProp<ViewStyle>;
-    underlineStyle?: StyleProp<ViewStyle>;
-    scaledLabel?: boolean;
-};
-export type RenderProps = {
-    ref: (a?: NativeTextInput | null) => void;
-    onChangeText?: (a: string) => void;
-    placeholder?: string;
-    placeholderTextColor?: ColorValue;
-    editable?: boolean;
-    selectionColor?: string;
-    cursorColor?: string;
-    onFocus?: (args: NativeSyntheticEvent<unknown>) => void;
-    onBlur?: (args: NativeSyntheticEvent<unknown>) => void;
-    underlineColorAndroid?: string;
-    onLayout?: (args: LayoutChangeEvent) => void;
-    style: any;
-    multiline?: boolean;
-    numberOfLines?: number;
-    value?: string;
-    adjustsFontSizeToFit?: boolean;
-    testID?: string;
-};
-type TextInputTypesWithoutMode = $Omit<TextInputProps, 'mode'>;
-export type State = {
-    labeled: Animated.Value;
-    error: Animated.Value;
-    focused: boolean;
-    displayPlaceholder: boolean;
-    value?: string;
-    labelTextLayout: {
-        width: number;
-    };
-    labelLayout: {
-        measured: boolean;
-        width: number;
-        height: number;
-    };
-    leftLayout: {
-        height: number | null;
-        width: number | null;
-    };
-    rightLayout: {
-        height: number | null;
-        width: number | null;
-    };
-    inputContainerLayout: {
-        width: number;
-    };
-    contentStyle?: StyleProp<ViewProps>;
-};
-export type ChildTextInputProps = {
-    parentState: State;
-    innerRef: (ref?: NativeTextInput | null) => void;
-    onFocus?: (args: NativeSyntheticEvent<unknown>) => void;
-    onBlur?: (args: NativeSyntheticEvent<unknown>) => void;
-    forceFocus: () => void;
-    onChangeText?: (value: string) => void;
-    onInputLayout: (event: LayoutChangeEvent) => void;
-    onLayoutAnimatedText: (args: LayoutChangeEvent) => void;
-    onLabelTextLayout: (event: NativeSyntheticEvent<TextLayoutEventData>) => void;
-    onLeftAffixLayoutChange: (event: LayoutChangeEvent) => void;
-    onRightAffixLayoutChange: (event: LayoutChangeEvent) => void;
-} & $Omit<TextInputTypesWithoutMode, 'theme'> & {
-    theme: InternalTheme;
-};
-export type LabelProps = {
-    mode?: 'flat' | 'outlined';
-    placeholderStyle: any;
-    placeholderOpacity: number | Animated.Value | Animated.AnimatedInterpolation<number>;
-    baseLabelTranslateX: number;
-    baseLabelTranslateY: number;
-    wiggleOffsetX: number;
-    labelScale: number;
-    fontSize: number;
-    lineHeight?: number | undefined;
-    fontWeight: TextStyle['fontWeight'];
-    font: any;
-    topPosition: number;
-    paddingLeft?: number;
-    paddingRight?: number;
-    labelTranslationXOffset?: number;
-    placeholderColor: string | null;
-    backgroundColor?: ColorValue;
-    label?: TextFieldLabelProp | null;
-    hasActiveOutline?: boolean | null;
-    activeColor: string;
-    errorColor?: string;
-    labelError?: boolean | null;
-    onLayoutAnimatedText: (args: LayoutChangeEvent) => void;
-    onLabelTextLayout: (event: NativeSyntheticEvent<TextLayoutEventData>) => void;
-    roundness: number;
-    maxFontSizeMultiplier?: number | undefined | null;
-    testID?: string;
-    contentStyle?: StyleProp<ViewProps>;
-    theme?: ThemeProp;
-};
-export type InputLabelProps = {
-    labeled: Animated.Value;
-    error: Animated.Value;
-    focused: boolean;
-    wiggle: boolean;
-    opacity: number;
-    labelLayoutMeasured: boolean;
-    labelLayoutWidth: number;
-    labelLayoutHeight: number;
-    inputContainerLayout: {
-        width: number;
-    };
-    labelBackground?: any;
-    maxFontSizeMultiplier?: number | undefined | null;
-    isV3?: boolean;
-    scaledLabel?: boolean;
-} & LabelProps;
-export type LabelBackgroundProps = {
-    labelStyle: any;
-    labeled: Animated.Value;
-    labelLayoutWidth: number;
-    labelLayoutHeight: number;
-    maxFontSizeMultiplier?: number | undefined | null;
-    theme?: ThemeProp;
-} & LabelProps;
-export {};

package/lib/typescript/ui/components/TextField.d.ts

@@ -1,191 +0,0 @@
-import * as React from 'react';
-import { type StyleProp, TextInput as NativeTextInput, type TextStyle, type ViewStyle } from 'react-native';
-import { type Props as TextFieldAffixProps } from './TextField/Adornment/TextFieldAffix';
-import { type Props as TextFieldIconProps } from './TextField/Adornment/TextFieldIcon';
-import type { RenderProps, TextFieldLabelProp } from './TextField/types';
-import type { ThemeProp } from "./types";
-export type Props = React.ComponentPropsWithRef<typeof NativeTextInput> & {
-    /**
-     * Mode of the TextInput.
-     * - `flat` - flat input with an underline.
-     * - `outlined` - input with an outline.
-     *
-     * In `outlined` mode, the background color of the label is derived from `colors?.background` in theme or the `backgroundColor` style.
-     * This component render TextInputOutlined or TextInputFlat based on that props
-     */
-    mode?: 'flat' | 'outlined';
-    /**
-     * The adornment placed on the left side of the input. It can be either `TextField.Icon` or `TextField.Affix`.
-     */
-    left?: React.ReactNode;
-    /**
-     * The adornment placed on the right side of the input. It can be either `TextField.Icon` or `TextField.Affix`.
-     */
-    right?: React.ReactNode;
-    /**
-     * If true, user won't be able to interact with the component.
-     */
-    disabled?: boolean;
-    /**
-     * The text or component to use for the floating label.
-     */
-    label?: TextFieldLabelProp;
-    /**
-     * Placeholder for the input.
-     */
-    placeholder?: string;
-    /**
-     * Whether to style the TextInput with error style.
-     */
-    error?: boolean;
-    /**
-     * Callback that is called when the text input's text changes. Changed text is passed as an argument to the callback handler.
-     */
-    onChangeText?: Function;
-    /**
-     * Selection color of the input. On iOS, it sets both the selection color and cursor color.
-     * On Android, it sets only the selection color.
-     */
-    selectionColor?: string;
-    /**
-     * @platform Android only
-     * Cursor (or "caret") color of the input on Android.
-     * This property has no effect on iOS.
-     */
-    cursorColor?: string;
-    /**
-     * Inactive underline color of the input.
-     */
-    underlineColor?: string;
-    /**
-     * Active underline color of the input.
-     */
-    activeUnderlineColor?: string;
-    /**
-     * Inactive outline color of the input.
-     */
-    outlineColor?: string;
-    /**
-     * Active outline color of the input.
-     */
-    activeOutlineColor?: string;
-    /**
-     * Color of the text in the input.
-     */
-    textColor?: string;
-    /**
-     * Sets min height with densed layout. For `TextField` in `flat` mode
-     * height is `64dp` or in dense layout - `52dp` with label or `40dp` without label.
-     * For `TextField` in `outlined` mode
-     * height is `56dp` or in dense layout - `40dp` regardless of label.
-     * When you apply `height` prop in style the `dense` prop affects only `paddingVertical` inside `TextField`
-     */
-    dense?: boolean;
-    /**
-     * Whether the input can have multiple lines.
-     */
-    multiline?: boolean;
-    /**
-     * @platform Android only
-     * The number of lines to show in the input (Android only).
-     */
-    numberOfLines?: number;
-    /**
-     * Callback that is called when the text input is focused.
-     */
-    onFocus?: (args: any) => void;
-    /**
-     * Callback that is called when the text input is blurred.
-     */
-    onBlur?: (args: any) => void;
-    /**
-     *
-     * Callback to render a custom input component such as `react-native-text-input-mask`
-     * instead of the default `TextInput` component from `react-native`.
-     *
-     * Example:
-     * ```js
-     * <TextField
-     *   label="Phone number"
-     *   render={props =>
-     *     <TextInputMask
-     *       {...props}
-     *       mask="+[00] [000] [000] [000]"
-     *     />
-     *   }
-     * />
-     * ```
-     */
-    render?: (props: RenderProps) => React.ReactNode;
-    /**
-     * Value of the text input.
-     */
-    value?: string;
-    /**
-     * Pass `fontSize` prop to modify the font size inside `TextField`.
-     * Pass `height` prop to set `TextField` height. When `height` is passed,
-     * `dense` prop will affect only input's `paddingVertical`.
-     * Pass `paddingHorizontal` to modify horizontal padding.
-     * This can be used to get MD Guidelines v1 TextInput look.
-     */
-    style?: StyleProp<TextStyle>;
-    /**
-     * @optional
-     */
-    theme?: ThemeProp;
-    /**
-     * testID to be used on tests.
-     */
-    testID?: string;
-    /**
-     * Pass custom style directly to the input itself.
-     * Overrides input style
-     * Example: `paddingLeft`, `backgroundColor`
-     */
-    contentStyle?: StyleProp<TextStyle>;
-    /**
-     * Pass style to override the default style of outlined wrapper.
-     * Overrides style when mode is set to `outlined`
-     * Example: `borderRadius`, `borderColor`
-     */
-    outlineStyle?: StyleProp<ViewStyle>;
-    /**
-     * Pass style to override the default style of underlined wrapper.
-     * Overrides style when mode is set to `flat`
-     * Example: `borderRadius`, `borderColor`
-     */
-    underlineStyle?: StyleProp<ViewStyle>;
-};
-interface CompoundedComponent extends React.ForwardRefExoticComponent<Props & React.RefAttributes<TextFieldHandles>> {
-    Icon: React.FunctionComponent<TextFieldIconProps>;
-    Affix: React.FunctionComponent<Partial<TextFieldAffixProps>>;
-}
-type TextFieldHandles = Pick<NativeTextInput, 'focus' | 'clear' | 'blur' | 'isFocused' | 'setNativeProps' | 'setSelection'>;
-/**
- * A component to allow users to input text.
- *
- * ## Usage
- * ```js
- * import * as React from 'react';
- * import { TextField } from './TextField';
- *
- * const MyComponent = () => {
- *   const [text, setText] = React.useState("");
- *
- *   return (
- *     <TextField
- *       label="Email"
- *       value={text}
- *       onChangeText={text => setText(text)}
- *     />
- *   );
- * };
- *
- * export default MyComponent;
- * ```
- *
- * @extends TextInput props https://reactnative.dev/docs/textinput#props
- */
-declare const TextField: CompoundedComponent;
-export default TextField;
-export type { Props as TextFieldProps };