@react-native-ama/forms 1.0.1 → 1.1.1

package/dist/components/FormField.js

@@ -41,7 +41,6 @@ const useFormField_1 = require("../hooks/useFormField");
 const FormField = (_a) => {
     var { children, wrapInsideAccessibleView = true } = _a, props = __rest(_a, ["children", "wrapInsideAccessibleView"]);
     const viewRef = React.useRef(null);
-    // @ts-ignore
     const formProps = (0, useFormField_1.useFormField)(Object.assign({ hasFocusCallback: false, ref: viewRef }, props));
     return wrapInsideAccessibleView ? (<react_native_1.TouchableWithoutFeedback {...props} ref={viewRef} {...formProps}>
       <react_native_1.View accessible>{children}</react_native_1.View>

package/dist/components/FormSwitch.d.ts

@@ -1,4 +1,4 @@
-import { SwitchListItemProps } from '@react-native-ama/react-native';
+import { type SwitchListItemProps } from '@react-native-ama/react-native';
 import React from 'react';
 export type FormSwitchProps = SwitchListItemProps;
 export declare const FormSwitch: (props: FormSwitchProps) => React.JSX.Element;

package/dist/components/TextInput.d.ts

@@ -1,26 +1,13 @@
 import * as React from 'react';
 import { TextInput as RNTextInput, TextInputProps as RNTextInputProps } from 'react-native';
-export type TextInputProps = RNTextInputProps & {
+import { UseTextInput } from '../hooks/useTextInput';
+export type TextInputProps = RNTextInputProps & Omit<UseTextInput, 'required' | 'accessibilityLabel'> & {
     labelComponent: JSX.Element;
     labelPosition?: 'beforeInput' | 'afterInput';
     nextFormField?: React.RefObject<RNTextInput>;
     id?: string;
     nextFieldId?: string;
-    hasValidation: boolean;
     errorComponent?: JSX.Element;
-    hasError?: boolean;
     errorPosition?: 'belowLabel' | 'afterInput';
-    errorMessage?: string;
 };
-export declare const TextInput: React.ForwardRefExoticComponent<RNTextInputProps & {
-    labelComponent: JSX.Element;
-    labelPosition?: "beforeInput" | "afterInput" | undefined;
-    nextFormField?: React.RefObject<RNTextInput> | undefined;
-    id?: string | undefined;
-    nextFieldId?: string | undefined;
-    hasValidation: boolean;
-    errorComponent?: JSX.Element | undefined;
-    hasError?: boolean | undefined;
-    errorPosition?: "afterInput" | "belowLabel" | undefined;
-    errorMessage?: string | undefined;
-} & React.RefAttributes<RNTextInput>>;
+export declare const TextInput: React.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & React.RefAttributes<RNTextInput>>;

package/dist/components/TextInput.js

@@ -49,12 +49,10 @@ exports.TextInput = React.forwardRef((_a, forwardedRef) => {
     React.useImperativeHandle(forwardedRef, () => inputRef.current);
     const showLabelBeforeInput = labelPosition === 'beforeInput';
     const accessibilityLabel = React.useMemo(() => (0, internal_2.maybeGenerateStringFromElement)(labelComponent, rest.accessibilityLabel), [labelComponent, rest.accessibilityLabel]);
-    // @ts-ignore
-    const textInputProps = (0, useTextInput_1.useTextInput)(Object.assign({ required: false, ref: inputRef, id,
+    const textInputProps = (0, useTextInput_1.useTextInput)(Object.assign(Object.assign({}, rest), { ref: inputRef, id,
         nextFieldId, nextFormFieldRef: nextFormField, hasError,
         hasValidation,
-        errorMessage,
-        accessibilityLabel }, rest));
+        errorMessage, required: false, accessibilityLabel }));
     const checks = __DEV__ ? core_2.useChecks === null || core_2.useChecks === void 0 ? void 0 : (0, core_2.useChecks)() : undefined;
     __DEV__ &&
         (checks === null || checks === void 0 ? void 0 : checks.noUndefinedProperty({

package/dist/hooks/useTextInput.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { LayoutChangeEvent, NativeSyntheticEvent, ReturnKeyTypeOptions, StyleProp, TextInputSubmitEditingEventData, TextStyle, ViewStyle } from 'react-native';
 import { UseFormField } from './useFormField';
-type UseTextInput = Omit<UseFormField, 'hasFocusCallback'> & {
+export type UseTextInput = Omit<UseFormField, 'hasFocusCallback'> & {
     onLayout?: (event: LayoutChangeEvent) => void;
     returnKeyType?: ReturnKeyTypeOptions;
     onSubmitEditing?: (event: NativeSyntheticEvent<TextInputSubmitEditingEventData>) => void;
@@ -35,12 +35,12 @@ export declare const useTextInput: ({ onLayout, returnKeyType, onSubmitEditing,
     onChangeText?: ((text: string) => void) | undefined;
     onContentSizeChange?: ((e: NativeSyntheticEvent<import("react-native").TextInputContentSizeChangeEventData>) => void) | undefined;
     onEndEditing?: ((e: NativeSyntheticEvent<import("react-native").TextInputEndEditingEventData>) => void) | undefined;
+    onPress?: ((e: NativeSyntheticEvent<import("react-native").NativeTouchEvent>) => void) | undefined;
     onPressIn?: ((e: NativeSyntheticEvent<import("react-native").NativeTouchEvent>) => void) | undefined;
     onPressOut?: ((e: NativeSyntheticEvent<import("react-native").NativeTouchEvent>) => void) | undefined;
     onFocus?: ((e: NativeSyntheticEvent<import("react-native").TextInputFocusEventData>) => void) | undefined;
     onSelectionChange?: ((e: NativeSyntheticEvent<import("react-native").TextInputSelectionChangeEventData>) => void) | undefined;
-    onSubmitEditing?: ((e: NativeSyntheticEvent<TextInputSubmitEditingEventData>) => void) | undefined;
-    onTextInput?: ((e: NativeSyntheticEvent<import("react-native").TextInputTextInputEventData>) => void) | undefined;
+    onSubmitEditing?: (((e: NativeSyntheticEvent<TextInputSubmitEditingEventData>) => void) & ((event: NativeSyntheticEvent<TextInputSubmitEditingEventData>) => void)) | undefined;
     onScroll?: ((e: NativeSyntheticEvent<import("react-native").TextInputScrollEventData>) => void) | undefined;
     onKeyPress?: ((e: NativeSyntheticEvent<import("react-native").TextInputKeyPressEventData>) => void) | undefined;
     placeholder?: string | undefined;
@@ -61,20 +61,21 @@ export declare const useTextInput: ({ onLayout, returnKeyType, onSubmitEditing,
     value?: string | undefined;
     maxFontSizeMultiplier?: number | null | undefined;
     children?: React.ReactNode;
-    hitSlop?: import("react-native").Insets | undefined;
+    hitSlop?: number | import("react-native").Insets | null | undefined;
     id?: string | undefined;
-    onLayout?: ((event: LayoutChangeEvent) => void) | undefined;
+    needsOffscreenAlphaCompositing?: boolean | undefined;
+    onLayout?: (((event: LayoutChangeEvent) => void) & ((event: LayoutChangeEvent) => void)) | undefined;
     pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
     removeClippedSubviews?: boolean | undefined;
     nativeID?: string | undefined;
     collapsable?: boolean | undefined;
-    needsOffscreenAlphaCompositing?: boolean | undefined;
+    collapsableChildren?: boolean | undefined;
     renderToHardwareTextureAndroid?: boolean | undefined;
     focusable?: boolean | undefined;
+    tabIndex?: 0 | -1 | undefined;
     shouldRasterizeIOS?: boolean | undefined;
     isTVSelectable?: boolean | undefined;
     hasTVPreferredFocus?: boolean | undefined;
-    tvParallaxProperties?: import("react-native").TVParallaxProperties | undefined;
     tvParallaxShiftDistanceX?: number | undefined;
     tvParallaxShiftDistanceY?: number | undefined;
     tvParallaxTiltAngle?: number | undefined;
@@ -122,7 +123,6 @@ export declare const useTextInput: ({ onLayout, returnKeyType, onSubmitEditing,
     'aria-disabled'?: boolean | undefined;
     'aria-expanded'?: boolean | undefined;
     'aria-selected'?: boolean | undefined;
-    'aria-labelledby'?: string | undefined;
     accessibilityHint: string;
     accessibilityValue?: import("react-native").AccessibilityValue | undefined;
     'aria-valuemax'?: number | undefined;
@@ -132,11 +132,12 @@ export declare const useTextInput: ({ onLayout, returnKeyType, onSubmitEditing,
     onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
     importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
     'aria-hidden'?: boolean | undefined;
-    'aria-live'?: "polite" | "assertive" | "off" | undefined;
     'aria-modal'?: boolean | undefined;
     role?: import("react-native").Role | undefined;
-    accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
     accessibilityLabelledBy?: string | string[] | undefined;
+    'aria-labelledby'?: string | undefined;
+    accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
+    'aria-live'?: "polite" | "assertive" | "off" | undefined;
     accessibilityElementsHidden?: boolean | undefined;
     accessibilityViewIsModal?: boolean | undefined;
     onAccessibilityEscape?: (() => void) | undefined;
@@ -158,6 +159,7 @@ export declare const useTextInput: ({ onLayout, returnKeyType, onSubmitEditing,
     lineBreakStrategyIOS?: "none" | "standard" | "hangul-word" | "push-out" | undefined;
     smartInsertDelete?: boolean | undefined;
     cursorColor?: import("react-native").ColorValue | null | undefined;
+    selectionHandleColor?: import("react-native").ColorValue | null | undefined;
     importantForAutofill?: "auto" | "yes" | "no" | "noExcludeDescendants" | "yesExcludeDescendants" | undefined;
     disableFullscreenUI?: boolean | undefined;
     inlineImageLeft?: string | undefined;
@@ -169,20 +171,21 @@ export declare const useTextInput: ({ onLayout, returnKeyType, onSubmitEditing,
     textAlignVertical?: "center" | "auto" | "top" | "bottom" | undefined;
     showSoftInputOnFocus?: boolean | undefined;
     verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
+    ref?: React.RefObject<any> | React.ForwardedRef<any> | undefined;
+    suppressError?: boolean | undefined;
+    hasValidation: boolean;
+    hasError?: boolean | undefined;
+    nextFieldId?: string | undefined;
+    nextFormFieldRef?: React.RefObject<any> | undefined;
+    errorMessage?: string | undefined;
+    requiredMessage?: string | undefined;
     labelComponent?: JSX.Element | undefined;
     labelPosition?: "beforeInput" | "afterInput" | undefined;
     nextFormField?: React.RefObject<import("react-native").TextInput> | undefined;
-    nextFieldId?: string | undefined;
-    hasValidation: boolean;
     errorComponent?: JSX.Element | undefined;
-    hasError?: boolean | undefined;
     errorPosition?: "afterInput" | "belowLabel" | undefined;
-    errorMessage?: string | undefined;
     focusNextFormField: () => void;
     isLastField: () => boolean;
-    ref?: React.RefObject<any> | React.ForwardedRef<any> | undefined;
-    suppressError?: boolean | undefined;
-    nextFormFieldRef?: React.RefObject<any> | undefined;
 } | {
     allowFontScaling?: boolean | undefined;
     autoCapitalize?: "none" | "sentences" | "words" | "characters" | undefined;
@@ -203,12 +206,12 @@ export declare const useTextInput: ({ onLayout, returnKeyType, onSubmitEditing,
     onChangeText?: ((text: string) => void) | undefined;
     onContentSizeChange?: ((e: NativeSyntheticEvent<import("react-native").TextInputContentSizeChangeEventData>) => void) | undefined;
     onEndEditing?: ((e: NativeSyntheticEvent<import("react-native").TextInputEndEditingEventData>) => void) | undefined;
+    onPress?: ((e: NativeSyntheticEvent<import("react-native").NativeTouchEvent>) => void) | undefined;
     onPressIn?: ((e: NativeSyntheticEvent<import("react-native").NativeTouchEvent>) => void) | undefined;
     onPressOut?: ((e: NativeSyntheticEvent<import("react-native").NativeTouchEvent>) => void) | undefined;
     onFocus?: ((e: NativeSyntheticEvent<import("react-native").TextInputFocusEventData>) => void) | undefined;
     onSelectionChange?: ((e: NativeSyntheticEvent<import("react-native").TextInputSelectionChangeEventData>) => void) | undefined;
-    onSubmitEditing?: ((e: NativeSyntheticEvent<TextInputSubmitEditingEventData>) => void) | undefined;
-    onTextInput?: ((e: NativeSyntheticEvent<import("react-native").TextInputTextInputEventData>) => void) | undefined;
+    onSubmitEditing?: (((e: NativeSyntheticEvent<TextInputSubmitEditingEventData>) => void) & ((event: NativeSyntheticEvent<TextInputSubmitEditingEventData>) => void)) | undefined;
     onScroll?: ((e: NativeSyntheticEvent<import("react-native").TextInputScrollEventData>) => void) | undefined;
     onKeyPress?: ((e: NativeSyntheticEvent<import("react-native").TextInputKeyPressEventData>) => void) | undefined;
     placeholder?: string | undefined;
@@ -223,27 +226,28 @@ export declare const useTextInput: ({ onLayout, returnKeyType, onSubmitEditing,
         end?: number | undefined;
     } | undefined;
     selectionColor?: import("react-native").ColorValue | undefined;
-    style?: false | ViewStyle | import("react-native").RegisteredStyle<TextStyle> | import("react-native").RecursiveArray<import("react-native").Falsy | TextStyle | import("react-native").RegisteredStyle<TextStyle>> | null | undefined;
+    style?: ViewStyle | undefined;
     textAlign?: "center" | "left" | "right" | undefined;
     testID?: string | undefined;
     inputAccessoryViewID?: string | undefined;
     value?: string | undefined;
     maxFontSizeMultiplier?: number | null | undefined;
     children?: React.ReactNode;
-    hitSlop?: import("react-native").Insets | undefined;
+    hitSlop?: number | import("react-native").Insets | null | undefined;
     id?: string | undefined;
-    onLayout?: ((event: LayoutChangeEvent) => void) | undefined;
+    needsOffscreenAlphaCompositing?: boolean | undefined;
+    onLayout?: (((event: LayoutChangeEvent) => void) & ((event: LayoutChangeEvent) => void)) | undefined;
     pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
     removeClippedSubviews?: boolean | undefined;
     nativeID?: string | undefined;
     collapsable?: boolean | undefined;
-    needsOffscreenAlphaCompositing?: boolean | undefined;
+    collapsableChildren?: boolean | undefined;
     renderToHardwareTextureAndroid?: boolean | undefined;
     focusable?: boolean | undefined;
+    tabIndex?: 0 | -1 | undefined;
     shouldRasterizeIOS?: boolean | undefined;
     isTVSelectable?: boolean | undefined;
     hasTVPreferredFocus?: boolean | undefined;
-    tvParallaxProperties?: import("react-native").TVParallaxProperties | undefined;
     tvParallaxShiftDistanceX?: number | undefined;
     tvParallaxShiftDistanceY?: number | undefined;
     tvParallaxTiltAngle?: number | undefined;
@@ -291,7 +295,6 @@ export declare const useTextInput: ({ onLayout, returnKeyType, onSubmitEditing,
     'aria-disabled'?: boolean | undefined;
     'aria-expanded'?: boolean | undefined;
     'aria-selected'?: boolean | undefined;
-    'aria-labelledby'?: string | undefined;
     accessibilityHint: string;
     accessibilityValue?: import("react-native").AccessibilityValue | undefined;
     'aria-valuemax'?: number | undefined;
@@ -301,11 +304,12 @@ export declare const useTextInput: ({ onLayout, returnKeyType, onSubmitEditing,
     onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
     importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
     'aria-hidden'?: boolean | undefined;
-    'aria-live'?: "polite" | "assertive" | "off" | undefined;
     'aria-modal'?: boolean | undefined;
     role?: import("react-native").Role | undefined;
-    accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
     accessibilityLabelledBy?: string | string[] | undefined;
+    'aria-labelledby'?: string | undefined;
+    accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
+    'aria-live'?: "polite" | "assertive" | "off" | undefined;
     accessibilityElementsHidden?: boolean | undefined;
     accessibilityViewIsModal?: boolean | undefined;
     onAccessibilityEscape?: (() => void) | undefined;
@@ -327,6 +331,7 @@ export declare const useTextInput: ({ onLayout, returnKeyType, onSubmitEditing,
     lineBreakStrategyIOS?: "none" | "standard" | "hangul-word" | "push-out" | undefined;
     smartInsertDelete?: boolean | undefined;
     cursorColor?: import("react-native").ColorValue | null | undefined;
+    selectionHandleColor?: import("react-native").ColorValue | null | undefined;
     importantForAutofill?: "auto" | "yes" | "no" | "noExcludeDescendants" | "yesExcludeDescendants" | undefined;
     disableFullscreenUI?: boolean | undefined;
     inlineImageLeft?: string | undefined;
@@ -338,19 +343,19 @@ export declare const useTextInput: ({ onLayout, returnKeyType, onSubmitEditing,
     textAlignVertical?: "center" | "auto" | "top" | "bottom" | undefined;
     showSoftInputOnFocus?: boolean | undefined;
     verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
+    ref?: React.RefObject<any> | React.ForwardedRef<any> | undefined;
+    suppressError?: boolean | undefined;
+    hasValidation: boolean;
+    hasError?: boolean | undefined;
+    nextFieldId?: string | undefined;
+    nextFormFieldRef?: React.RefObject<any> | undefined;
+    errorMessage?: string | undefined;
+    requiredMessage?: string | undefined;
     labelComponent?: JSX.Element | undefined;
     labelPosition?: "beforeInput" | "afterInput" | undefined;
     nextFormField?: React.RefObject<import("react-native").TextInput> | undefined;
-    nextFieldId?: string | undefined;
-    hasValidation: boolean;
     errorComponent?: JSX.Element | undefined;
-    hasError?: boolean | undefined;
     errorPosition?: "afterInput" | "belowLabel" | undefined;
-    errorMessage?: string | undefined;
     focusNextFormField: () => void;
     isLastField: () => boolean;
-    ref?: React.RefObject<any> | React.ForwardedRef<any> | undefined;
-    suppressError?: boolean | undefined;
-    nextFormFieldRef?: React.RefObject<any> | undefined;
 };
-export {};

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { isFocused } from '@react-native-ama/internal';
-import { FormActions, FormProps } from './components/Form';
+import { FormActions, type FormProps } from './components/Form';
 import { FormField, FormFieldProps } from './components/FormField';
 import { FormSubmit, FormSubmitProps } from './components/FormSubmit';
 import { FormSwitch, FormSwitchProps } from './components/FormSwitch';
@@ -11,8 +11,8 @@ type FormComponent = React.FunctionComponent<FormProps> & {
 };
 declare const Form: FormComponent;
 export { Form, FormField, FormSubmit, FormSwitch };
-export { TextInput } from './components/TextInput';
-export { useFormField } from './hooks/useFormField';
-export { useTextInput } from './hooks/useTextInput';
+export { TextInput, type TextInputProps } from './components/TextInput';
+export { useFormField, type UseFormField } from './hooks/useFormField';
+export { useTextInput, type UseTextInput } from './hooks/useTextInput';
 export { isFocused };
 export { type FormProps, type FormActions, type FormFieldProps, type FormSubmitProps, type FormSwitchProps, };

package/package.json

@@ -1,7 +1,6 @@
 {
   "name": "@react-native-ama/forms",
-  "version": "1.0.1",
-  "private": false,
+  "version": "1.1.1",
   "react-native": "src/index",
   "types": "dist/index.d.ts",
   "main": "dist/index.js",
@@ -24,9 +23,9 @@
     "test": "jest"
   },
   "dependencies": {
-    "@react-native-ama/core": "~1.0.1",
-    "@react-native-ama/internal": "~1.0.1",
-    "@react-native-ama/react-native": "~1.0.1"
+    "@react-native-ama/core": "~1.1.1",
+    "@react-native-ama/internal": "~1.1.1",
+    "@react-native-ama/react-native": "~1.1.1"
   },
   "peerDependencies": {
     "react": "*",

package/src/components/FormField.tsx

@@ -26,7 +26,6 @@ export const FormField = ({
     typeof TouchableWithoutFeedback
   > | null>(null);
 
-  // @ts-ignore
   const formProps = useFormField({
     hasFocusCallback: false,
     ref: viewRef,

package/src/components/FormSwitch.tsx

@@ -1,6 +1,6 @@
 import {
   SwitchListItem,
-  SwitchListItemProps,
+  type SwitchListItemProps,
 } from '@react-native-ama/react-native';
 import React from 'react';
 

package/src/components/TextInput.tsx

@@ -8,20 +8,18 @@ import {
   TextInputProps as RNTextInputProps,
 } from 'react-native';
 
-import { useTextInput } from '../hooks/useTextInput';
+import { UseTextInput, useTextInput } from '../hooks/useTextInput';
 
-export type TextInputProps = RNTextInputProps & {
-  labelComponent: JSX.Element;
-  labelPosition?: 'beforeInput' | 'afterInput';
-  nextFormField?: React.RefObject<RNTextInput>;
-  id?: string;
-  nextFieldId?: string;
-  hasValidation: boolean;
-  errorComponent?: JSX.Element;
-  hasError?: boolean;
-  errorPosition?: 'belowLabel' | 'afterInput';
-  errorMessage?: string;
-};
+export type TextInputProps = RNTextInputProps &
+  Omit<UseTextInput, 'required' | 'accessibilityLabel'> & {
+    labelComponent: JSX.Element;
+    labelPosition?: 'beforeInput' | 'afterInput';
+    nextFormField?: React.RefObject<RNTextInput>;
+    id?: string;
+    nextFieldId?: string;
+    errorComponent?: JSX.Element;
+    errorPosition?: 'belowLabel' | 'afterInput';
+  };
 
 export const TextInput = React.forwardRef<RNTextInput, TextInputProps>(
   (
@@ -55,9 +53,8 @@ export const TextInput = React.forwardRef<RNTextInput, TextInputProps>(
       [labelComponent, rest.accessibilityLabel],
     );
 
-    // @ts-ignore
     const textInputProps = useTextInput({
-      required: false,
+      ...rest,
       ref: inputRef,
       id,
       nextFieldId,
@@ -65,8 +62,8 @@ export const TextInput = React.forwardRef<RNTextInput, TextInputProps>(
       hasError,
       hasValidation,
       errorMessage,
+      required: false,
       accessibilityLabel,
-      ...rest,
     });
 
     const checks = __DEV__ ? useChecks?.() : undefined;

package/src/hooks/useTextInput.ts

@@ -14,7 +14,7 @@ import type {
 import { TextInputProps } from '../components/TextInput';
 import { UseFormField, useFormField } from './useFormField';
 
-type UseTextInput = Omit<UseFormField, 'hasFocusCallback'> & {
+export type UseTextInput = Omit<UseFormField, 'hasFocusCallback'> & {
   onLayout?: (event: LayoutChangeEvent) => void;
   returnKeyType?: ReturnKeyTypeOptions;
   onSubmitEditing?: (

package/src/index.ts

@@ -4,8 +4,8 @@ import { isFocused } from '@react-native-ama/internal';
 
 import {
   FormActions,
-  FormProps,
   Form as FormProvider,
+  type FormProps,
 } from './components/Form';
 import { FormField, FormFieldProps } from './components/FormField';
 import { FormSubmit, FormSubmitProps } from './components/FormSubmit';
@@ -26,11 +26,11 @@ Form.Switch = FormSwitch;
 export { Form, FormField, FormSubmit, FormSwitch };
 
 // Components
-export { TextInput } from './components/TextInput';
+export { TextInput, type TextInputProps } from './components/TextInput';
 
 // Hooks
-export { useFormField } from './hooks/useFormField';
-export { useTextInput } from './hooks/useTextInput';
+export { useFormField, type UseFormField } from './hooks/useFormField';
+export { useTextInput, type UseTextInput } from './hooks/useTextInput';
 
 // utils
 export { isFocused };