npm - @metamask-previews/design-system-react-native - Versions diffs - 0.27.0-preview.a0fe3894 → 0.28.0-preview.1f40f69f - Mend

@metamask-previews/design-system-react-native 0.27.0-preview.a0fe3894 → 0.28.0-preview.1f40f69f

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (58) hide show

package/dist/components/TextArea/TextArea.d.mts CHANGED Viewed

@@ -1,170 +1,165 @@
-import { View } from "react-native";
+import { TextInput } from "react-native";
 export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<import("@metamask-previews/design-system-shared").InputPropsShared, "isStateStylesDisabled"> & {
     isError?: boolean | undefined;
-    inputElement?: import("react").ReactNode;
+} & {
+    children?: import("react").ReactNode;
+    hitSlop?: number | import("react-native").Insets | null | undefined;
+    id?: string | undefined;
+    needsOffscreenAlphaCompositing?: boolean | undefined;
+    onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
+    pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
+    removeClippedSubviews?: boolean | undefined;
+    style?: import("react-native").StyleProp<import("react-native").TextStyle>;
+    testID?: string | undefined;
+    nativeID?: string | undefined;
+    collapsable?: boolean | undefined;
+    collapsableChildren?: boolean | undefined;
+    renderToHardwareTextureAndroid?: boolean | undefined;
+    focusable?: boolean | undefined;
+    tabIndex?: 0 | -1 | undefined;
+    shouldRasterizeIOS?: boolean | undefined;
+    isTVSelectable?: boolean | undefined;
+    hasTVPreferredFocus?: boolean | undefined;
+    tvParallaxShiftDistanceX?: number | undefined;
+    tvParallaxShiftDistanceY?: number | undefined;
+    tvParallaxTiltAngle?: number | undefined;
+    tvParallaxMagnification?: number | undefined;
+    onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
+    onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
+    onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
+    onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+    onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
+    onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
+    onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
+    onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerMove?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerCancel?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerCancelCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerDown?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerDownCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerUp?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    accessible?: boolean | undefined;
+    accessibilityActions?: readonly Readonly<{
+        name: string;
+        label?: string | undefined;
+    }>[] | undefined;
+    accessibilityLabel?: string | undefined;
+    'aria-label'?: string | undefined;
+    accessibilityRole?: import("react-native").AccessibilityRole | undefined;
+    accessibilityState?: import("react-native").AccessibilityState | undefined;
+    'aria-busy'?: boolean | undefined;
+    'aria-checked'?: boolean | "mixed" | undefined;
+    'aria-disabled'?: boolean | undefined;
+    'aria-expanded'?: boolean | undefined;
+    'aria-selected'?: boolean | undefined;
+    accessibilityHint?: string | undefined;
+    accessibilityValue?: import("react-native").AccessibilityValue | undefined;
+    'aria-valuemax'?: number | undefined;
+    'aria-valuemin'?: number | undefined;
+    'aria-valuenow'?: number | undefined;
+    'aria-valuetext'?: string | undefined;
+    onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
+    importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
+    'aria-hidden'?: boolean | undefined;
+    'aria-modal'?: boolean | undefined;
+    role?: import("react-native").Role | undefined;
+    accessibilityLabelledBy?: string | string[] | undefined;
+    'aria-labelledby'?: string | undefined;
+    accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
+    'aria-live'?: "polite" | "assertive" | "off" | undefined;
+    screenReaderFocusable?: boolean | undefined;
+    accessibilityElementsHidden?: boolean | undefined;
+    accessibilityViewIsModal?: boolean | undefined;
+    onAccessibilityEscape?: (() => void) | undefined;
+    onAccessibilityTap?: (() => void) | undefined;
+    onMagicTap?: (() => void) | undefined;
+    accessibilityIgnoresInvertColors?: boolean | undefined;
+    accessibilityLanguage?: string | undefined;
+    accessibilityShowsLargeContentViewer?: boolean | undefined;
+    accessibilityLargeContentTitle?: string | undefined;
+    accessibilityRespondsToUserInteraction?: boolean | undefined;
+    twClassName?: string | undefined;
+    onPress?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").NativeTouchEvent>) => void) | undefined;
+    onPressIn?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").NativeTouchEvent>) => void) | undefined;
+    onPressOut?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").NativeTouchEvent>) => void) | undefined;
+    allowFontScaling?: boolean | undefined;
+    numberOfLines?: number | undefined;
+    maxFontSizeMultiplier?: number | null | undefined;
+    lineBreakStrategyIOS?: "none" | "standard" | "hangul-word" | "push-out" | undefined;
+    selectionColor?: import("react-native").ColorValue | undefined;
+    textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
+    textAlign?: "center" | "left" | "right" | undefined;
+    textAlignVertical?: "auto" | "center" | "bottom" | "top" | undefined;
+    verticalAlign?: "auto" | "bottom" | "top" | "middle" | undefined;
+    rejectResponderTermination?: boolean | null | undefined;
+    onChange?: ((e: import("react-native").TextInputChangeEvent) => void) | undefined;
+    autoCapitalize?: "none" | "sentences" | "words" | "characters" | undefined;
+    autoComplete?: "off" | "name" | "email" | "additional-name" | "address-line1" | "address-line2" | "birthdate-day" | "birthdate-full" | "birthdate-month" | "birthdate-year" | "cc-csc" | "cc-exp" | "cc-exp-day" | "cc-exp-month" | "cc-exp-year" | "cc-number" | "cc-name" | "cc-given-name" | "cc-middle-name" | "cc-family-name" | "cc-type" | "country" | "current-password" | "family-name" | "gender" | "given-name" | "honorific-prefix" | "honorific-suffix" | "name-family" | "name-given" | "name-middle" | "name-middle-initial" | "name-prefix" | "name-suffix" | "new-password" | "nickname" | "one-time-code" | "organization" | "organization-title" | "password" | "password-new" | "postal-address" | "postal-address-country" | "postal-address-extended" | "postal-address-extended-postal-code" | "postal-address-locality" | "postal-address-region" | "postal-code" | "street-address" | "sms-otp" | "tel" | "tel-country-code" | "tel-national" | "tel-device" | "url" | "username" | "username-new" | undefined;
+    autoCorrect?: boolean | undefined;
+    blurOnSubmit?: boolean | undefined;
+    submitBehavior?: import("react-native").SubmitBehavior | undefined;
+    caretHidden?: boolean | undefined;
+    contextMenuHidden?: boolean | undefined;
+    keyboardType?: import("react-native").KeyboardTypeOptions | undefined;
+    inputMode?: import("react-native").InputModeOptions | undefined;
+    maxLength?: number | undefined;
+    onContentSizeChange?: ((e: import("react-native").TextInputContentSizeChangeEvent) => void) | undefined;
+    onEndEditing?: ((e: import("react-native").TextInputEndEditingEvent) => void) | undefined;
+    onSelectionChange?: ((e: import("react-native").TextInputSelectionChangeEvent) => void) | undefined;
+    onSubmitEditing?: ((e: import("react-native").TextInputSubmitEditingEvent) => void) | undefined;
+    onScroll?: ((e: import("react-native").TextInputScrollEvent) => void) | undefined;
+    onKeyPress?: ((e: import("react-native").TextInputKeyPressEvent) => void) | undefined;
+    readOnly?: boolean | undefined;
+    returnKeyType?: import("react-native").ReturnKeyTypeOptions | undefined;
+    enterKeyHint?: import("react-native").EnterKeyHintTypeOptions | undefined;
+    secureTextEntry?: boolean | undefined;
+    selectTextOnFocus?: boolean | undefined;
+    selection?: {
+        start: number;
+        end?: number | undefined;
+    } | undefined;
+    inputAccessoryViewID?: string | undefined;
+    inputAccessoryViewButtonLabel?: string | undefined;
+    disableKeyboardShortcuts?: boolean | undefined;
+    clearButtonMode?: "never" | "while-editing" | "unless-editing" | "always" | undefined;
+    clearTextOnFocus?: boolean | undefined;
+    dataDetectorTypes?: import("react-native").DataDetectorTypes | import("react-native").DataDetectorTypes[] | undefined;
+    enablesReturnKeyAutomatically?: boolean | undefined;
+    keyboardAppearance?: "default" | "light" | "dark" | undefined;
+    passwordRules?: string | null | undefined;
+    selectionState?: import("react-native").DocumentSelectionState | undefined;
+    spellCheck?: boolean | undefined;
+    textContentType?: "none" | "name" | "nickname" | "password" | "username" | "flightNumber" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "creditCardExpiration" | "creditCardExpirationMonth" | "creditCardExpirationYear" | "creditCardSecurityCode" | "creditCardType" | "creditCardName" | "creditCardGivenName" | "creditCardMiddleName" | "creditCardFamilyName" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "location" | "middleName" | "namePrefix" | "nameSuffix" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "newPassword" | "oneTimeCode" | "birthdate" | "birthdateDay" | "birthdateMonth" | "birthdateYear" | "cellularEID" | "cellularIMEI" | "dateTime" | "shipmentTrackingNumber" | undefined;
+    scrollEnabled?: boolean | undefined;
+    lineBreakModeIOS?: "head" | "middle" | "tail" | "clip" | "wordWrapping" | "char" | 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;
+    inlineImagePadding?: number | undefined;
+    returnKeyLabel?: string | undefined;
+    underlineColorAndroid?: import("react-native").ColorValue | undefined;
+    showSoftInputOnFocus?: boolean | undefined;
 } & {
     onChangeText?: ((text: string) => void) | undefined;
     onFocus?: ((e: import("react-native").FocusEvent) => void) | undefined;
     onBlur?: ((e: import("react-native").BlurEvent) => void) | undefined;
-    inputProps?: {
-        children?: import("react").ReactNode;
-        hitSlop?: number | import("react-native").Insets | null | undefined;
-        id?: string | undefined;
-        needsOffscreenAlphaCompositing?: boolean | undefined;
-        onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
-        pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
-        removeClippedSubviews?: boolean | undefined;
-        testID?: string | undefined;
-        nativeID?: string | undefined;
-        collapsable?: boolean | undefined;
-        collapsableChildren?: boolean | undefined;
-        renderToHardwareTextureAndroid?: boolean | undefined;
-        focusable?: boolean | undefined;
-        tabIndex?: 0 | -1 | undefined;
-        shouldRasterizeIOS?: boolean | undefined;
-        isTVSelectable?: boolean | undefined;
-        hasTVPreferredFocus?: boolean | undefined;
-        tvParallaxShiftDistanceX?: number | undefined;
-        tvParallaxShiftDistanceY?: number | undefined;
-        tvParallaxTiltAngle?: number | undefined;
-        tvParallaxMagnification?: number | undefined;
-        onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
-        onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
-        onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
-        onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
-        onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
-        onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | undefined;
-        onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
-        onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | undefined;
-        onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
-        onPointerMove?: ((event: import("react-native").PointerEvent) => void) | undefined;
-        onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
-        onPointerCancel?: ((event: import("react-native").PointerEvent) => void) | undefined;
-        onPointerCancelCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
-        onPointerDown?: ((event: import("react-native").PointerEvent) => void) | undefined;
-        onPointerDownCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
-        onPointerUp?: ((event: import("react-native").PointerEvent) => void) | undefined;
-        onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
-        accessible?: boolean | undefined;
-        accessibilityActions?: readonly Readonly<{
-            name: string;
-            label?: string | undefined;
-        }>[] | undefined;
-        accessibilityLabel?: string | undefined;
-        'aria-label'?: string | undefined;
-        accessibilityRole?: import("react-native").AccessibilityRole | undefined;
-        accessibilityState?: import("react-native").AccessibilityState | undefined;
-        'aria-busy'?: boolean | undefined;
-        'aria-checked'?: boolean | "mixed" | undefined;
-        'aria-disabled'?: boolean | undefined;
-        'aria-expanded'?: boolean | undefined;
-        'aria-selected'?: boolean | undefined;
-        accessibilityHint?: string | undefined;
-        accessibilityValue?: import("react-native").AccessibilityValue | undefined;
-        'aria-valuemax'?: number | undefined;
-        'aria-valuemin'?: number | undefined;
-        'aria-valuenow'?: number | undefined;
-        'aria-valuetext'?: string | undefined;
-        onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
-        importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
-        'aria-hidden'?: boolean | undefined;
-        'aria-modal'?: boolean | undefined;
-        role?: import("react-native").Role | undefined;
-        accessibilityLabelledBy?: string | string[] | undefined;
-        'aria-labelledby'?: string | undefined;
-        accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
-        'aria-live'?: "polite" | "assertive" | "off" | undefined;
-        screenReaderFocusable?: boolean | undefined;
-        accessibilityElementsHidden?: boolean | undefined;
-        accessibilityViewIsModal?: boolean | undefined;
-        onAccessibilityEscape?: (() => void) | undefined;
-        onAccessibilityTap?: (() => void) | undefined;
-        onMagicTap?: (() => void) | undefined;
-        accessibilityIgnoresInvertColors?: boolean | undefined;
-        accessibilityLanguage?: string | undefined;
-        accessibilityShowsLargeContentViewer?: boolean | undefined;
-        accessibilityLargeContentTitle?: string | undefined;
-        accessibilityRespondsToUserInteraction?: boolean | undefined;
-        twClassName?: string | undefined;
-        onPress?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").NativeTouchEvent>) => void) | undefined;
-        onPressIn?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").NativeTouchEvent>) => void) | undefined;
-        onPressOut?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").NativeTouchEvent>) => void) | undefined;
-        allowFontScaling?: boolean | undefined;
-        numberOfLines?: number | undefined;
-        maxFontSizeMultiplier?: number | null | undefined;
-        lineBreakStrategyIOS?: "none" | "standard" | "hangul-word" | "push-out" | undefined;
-        selectionColor?: import("react-native").ColorValue | undefined;
-        textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
-        textAlign?: "center" | "left" | "right" | undefined;
-        textAlignVertical?: "auto" | "center" | "bottom" | "top" | undefined;
-        verticalAlign?: "auto" | "bottom" | "top" | "middle" | undefined;
-        rejectResponderTermination?: boolean | null | undefined;
-        onChange?: ((e: import("react-native").TextInputChangeEvent) => void) | undefined;
-        autoCapitalize?: "none" | "sentences" | "words" | "characters" | undefined;
-        autoComplete?: "off" | "name" | "email" | "additional-name" | "address-line1" | "address-line2" | "birthdate-day" | "birthdate-full" | "birthdate-month" | "birthdate-year" | "cc-csc" | "cc-exp" | "cc-exp-day" | "cc-exp-month" | "cc-exp-year" | "cc-number" | "cc-name" | "cc-given-name" | "cc-middle-name" | "cc-family-name" | "cc-type" | "country" | "current-password" | "family-name" | "gender" | "given-name" | "honorific-prefix" | "honorific-suffix" | "name-family" | "name-given" | "name-middle" | "name-middle-initial" | "name-prefix" | "name-suffix" | "new-password" | "nickname" | "one-time-code" | "organization" | "organization-title" | "password" | "password-new" | "postal-address" | "postal-address-country" | "postal-address-extended" | "postal-address-extended-postal-code" | "postal-address-locality" | "postal-address-region" | "postal-code" | "street-address" | "sms-otp" | "tel" | "tel-country-code" | "tel-national" | "tel-device" | "url" | "username" | "username-new" | undefined;
-        autoCorrect?: boolean | undefined;
-        blurOnSubmit?: boolean | undefined;
-        submitBehavior?: import("react-native").SubmitBehavior | undefined;
-        caretHidden?: boolean | undefined;
-        contextMenuHidden?: boolean | undefined;
-        keyboardType?: import("react-native").KeyboardTypeOptions | undefined;
-        inputMode?: import("react-native").InputModeOptions | undefined;
-        maxLength?: number | undefined;
-        onContentSizeChange?: ((e: import("react-native").TextInputContentSizeChangeEvent) => void) | undefined;
-        onEndEditing?: ((e: import("react-native").TextInputEndEditingEvent) => void) | undefined;
-        onSelectionChange?: ((e: import("react-native").TextInputSelectionChangeEvent) => void) | undefined;
-        onSubmitEditing?: ((e: import("react-native").TextInputSubmitEditingEvent) => void) | undefined;
-        onScroll?: ((e: import("react-native").TextInputScrollEvent) => void) | undefined;
-        onKeyPress?: ((e: import("react-native").TextInputKeyPressEvent) => void) | undefined;
-        readOnly?: boolean | undefined;
-        returnKeyType?: import("react-native").ReturnKeyTypeOptions | undefined;
-        enterKeyHint?: import("react-native").EnterKeyHintTypeOptions | undefined;
-        secureTextEntry?: boolean | undefined;
-        selectTextOnFocus?: boolean | undefined;
-        selection?: {
-            start: number;
-            end?: number | undefined;
-        } | undefined;
-        inputAccessoryViewID?: string | undefined;
-        inputAccessoryViewButtonLabel?: string | undefined;
-        disableKeyboardShortcuts?: boolean | undefined;
-        clearButtonMode?: "never" | "while-editing" | "unless-editing" | "always" | undefined;
-        clearTextOnFocus?: boolean | undefined;
-        dataDetectorTypes?: import("react-native").DataDetectorTypes | import("react-native").DataDetectorTypes[] | undefined;
-        enablesReturnKeyAutomatically?: boolean | undefined;
-        keyboardAppearance?: "default" | "light" | "dark" | undefined;
-        passwordRules?: string | null | undefined;
-        selectionState?: import("react-native").DocumentSelectionState | undefined;
-        spellCheck?: boolean | undefined;
-        textContentType?: "none" | "name" | "nickname" | "password" | "username" | "flightNumber" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "creditCardExpiration" | "creditCardExpirationMonth" | "creditCardExpirationYear" | "creditCardSecurityCode" | "creditCardType" | "creditCardName" | "creditCardGivenName" | "creditCardMiddleName" | "creditCardFamilyName" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "location" | "middleName" | "namePrefix" | "nameSuffix" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "newPassword" | "oneTimeCode" | "birthdate" | "birthdateDay" | "birthdateMonth" | "birthdateYear" | "cellularEID" | "cellularIMEI" | "dateTime" | "shipmentTrackingNumber" | undefined;
-        scrollEnabled?: boolean | undefined;
-        lineBreakModeIOS?: "head" | "middle" | "tail" | "clip" | "wordWrapping" | "char" | 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;
-        inlineImagePadding?: number | undefined;
-        returnKeyLabel?: string | undefined;
-        underlineColorAndroid?: import("react-native").ColorValue | undefined;
-        showSoftInputOnFocus?: boolean | undefined;
-    } | undefined;
-    inputRef?: import("react").Ref<import("react-native").TextInput> | undefined;
-    twClassName?: string | undefined;
-    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
-    testID?: string | undefined;
-} & Omit<import("../Box/index.mjs").BoxProps, "children" | "style" | "testID" | "onBlur" | "onFocus" | "accessible" | "twClassName" | "isDisabled" | "value" | "autoFocus" | "onChangeText" | "placeholder" | "textVariant" | "isReadOnly" | "isError" | "inputElement" | "inputProps" | "inputRef"> & import("react").RefAttributes<View>>;
+} & import("react").RefAttributes<TextInput>>;
 //# sourceMappingURL=TextArea.d.mts.map

package/dist/components/TextArea/TextArea.d.mts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextArea.d.mts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,~~IAAI~~,EAAE,qBAAqB;~~AAQpC~~,eAAO,MAAM,QAAQ~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iUAyGpB~~,CAAC"}
1	+ {"version":3,"file":"TextArea.d.mts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,qBAAqB;AAOzC,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6CAsFpB,CAAC"}

package/dist/components/TextArea/TextArea.mjs CHANGED Viewed

@@ -1,9 +1,8 @@
 import { useTailwind } from "@metamask-previews/design-system-twrnc-preset";
 import { forwardRef, useCallback, useEffect, useState } from "react";
-import { View } from "react-native";
-import { Box } from "../Box/index.mjs";
+import { TextInput } from "react-native";
 import { Input } from "../Input/index.mjs";
-export const TextArea = forwardRef(({ value, onChangeText, placeholder, isReadOnly, onBlur, onFocus, autoFocus = false, inputProps, inputRef, isDisabled = false, isError = false, textVariant, inputElement, style, twClassName, testID, ...props }, ref) => {
+export const TextArea = forwardRef(({ value, onChangeText, placeholder, isReadOnly, onBlur, onFocus, autoFocus = false, isDisabled = false, isError = false, textVariant, style, twClassName, testID, ...props }, ref) => {
     const [isFocused, setIsFocused] = useState(autoFocus);
     const tw = useTailwind();
     useEffect(() => {
@@ -11,7 +10,6 @@ export const TextArea = forwardRef(({ value, onChangeText, placeholder, isReadOn
             setIsFocused(false);
         }
     }, [isDisabled, isReadOnly]);
-    const { twClassName: inputTwClassNameFromProps, ...inputRestWithoutTwClassName } = inputProps ?? {};
     const onBlurHandler = useCallback((e) => {
         if (!isDisabled) {
             setIsFocused(false);
@@ -24,12 +22,10 @@ export const TextArea = forwardRef(({ value, onChangeText, placeholder, isReadOn
             onFocus?.(e);
         }
     }, [isDisabled, onFocus]);
-    return (<Box ref={ref} {...props} testID={testID} accessible={false} style={[
+    return (<Input ref={ref} {...props} testID={testID} value={value} onChangeText={onChangeText} placeholder={placeholder} isReadOnly={isReadOnly} textVariant={textVariant} isDisabled={isDisabled} autoFocus={autoFocus} onBlur={onBlurHandler} onFocus={onFocusHandler} isStateStylesDisabled multiline textAlignVertical="top" style={[
             tw.style('rounded-lg', 'min-h-24', 'border', 'px-4', 'py-3', 'bg-muted', isDisabled && 'border-muted', !isDisabled && isError && 'border-error-default', !isDisabled && !isError && isFocused && 'border-default', !isDisabled && !isError && !isFocused && 'border-muted', isDisabled && 'opacity-50', twClassName),
             style,
-        ]}>
-        {inputElement || (<Input {...inputRestWithoutTwClassName} ref={inputRef} value={value} onChangeText={onChangeText} placeholder={placeholder} isReadOnly={isReadOnly} textVariant={textVariant} isDisabled={isDisabled} autoFocus={autoFocus} onBlur={onBlurHandler} onFocus={onFocusHandler} isStateStylesDisabled multiline textAlignVertical="top" twClassName={`min-h-[88px] w-full flex-1 self-stretch bg-transparent border-0 py-1${inputTwClassNameFromProps ? ` ${inputTwClassNameFromProps}` : ''}`}/>)}
-      </Box>);
+        ]}/>);
 });
 TextArea.displayName = 'TextArea';
 //# sourceMappingURL=TextArea.mjs.map

package/dist/components/TextArea/TextArea.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextArea.mjs","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc;AACrE,OAAO,EAAE,~~IAAI~~,EAAE,qBAAqB;~~AAEpC~~,OAAO,EAAE,~~GAAG,EAAE,yBAAe;AAC7B,OAAO,EAAE,~~KAAK,EAAE,2BAAiB;AAKjC,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EACE,KAAK,EACL,YAAY,EACZ,WAAW,EACX,UAAU,EACV,MAAM,EACN,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,UAAU,~~EACV,QAAQ,EACR,UAAU,~~GAAG,KAAK,EAClB,OAAO,GAAG,KAAK,EACf,WAAW,EACX,~~YAAY,EACZ,~~KAAK,EACL,WAAW,EACX,MAAM,EACN,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IACtD,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IAEzB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,IAAI,UAAU,EAAE;YAC5B,YAAY,CAAC,KAAK,CAAC,CAAC;SACrB;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;IAE7B,MAAM,~~EACJ,WAAW,EAAE,yBAAyB,EACtC,GAAG,2BAA2B,EAC/B,GAAG,UAAU,IAAI,EAAE,CAAC;IAErB,MAAM,~~aAAa,GAAG,WAAW,CAC/B,CAAC,CAAmD,EAAE,EAAE;QACtD,IAAI,CAAC,UAAU,EAAE;YACf,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;SACb;IACH,CAAC,EACD,CAAC,UAAU,EAAE,MAAM,CAAC,CACrB,CAAC;IAEF,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,CAAoD,EAAE,EAAE;QACvD,IAAI,CAAC,UAAU,EAAE;YACf,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;SACd;IACH,CAAC,EACD,CAAC,UAAU,EAAE,OAAO,CAAC,CACtB,CAAC;IAEF,OAAO,CACL,CAAC,~~GAAG~~,~~CACF~~,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,IAAI,KAAK,CAAC,CACV,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,~~UAAU~~,CAAC,CAAC,KAAK,CAAC,~~CAClB~~,~~KAAK~~,CAAC,CAAC~~;YACL~~,~~EAAE~~,CAAC,~~KAAK~~,~~CACN~~,~~YAAY~~,~~EACZ~~,~~UAAU~~,~~EACV~~,~~QAAQ~~,~~EACR,MAAM,EACN,MAAM,EACN,~~UAAU,~~EACV,UAAU,IAAI,cAAc,EAC5B,~~CAAC,~~UAAU,IAAI,OAAO,IAAI,sBAAsB,EAChD,~~CAAC,UAAU,~~IAAI,~~CAAC,~~OAAO~~,~~IAAI~~,~~SAAS,IAAI,gBAAgB,EACxD,~~CAAC,~~UAAU,IAAI,~~CAAC,~~OAAO~~,~~IAAI,~~CAAC,~~SAAS~~,~~IAAI,cAAc,EACvD,~~UAAU,~~IAAI~~,~~YAAY,EAC1B,WAAW,CACZ;YACD,KAAK;SACN,~~CAAC,~~CAEF;QAAA~~,CAAC,~~YAAY~~,~~IAAI~~,~~CACf~~,CAAC,~~KAAK~~,~~CACJ,IAAI,2BAA2B,~~CAAC,~~CAChC~~,~~GAAG~~,CAAC,CAAC,~~QAAQ~~,CAAC,~~CACd~~,~~KAAK~~,CAAC,CAAC,~~KAAK~~,CAAC,~~CACb~~,~~YAAY~~,~~CAAC~~,~~CAAC~~,~~YAAY~~,CAAC,~~CAC3B~~,~~WAAW~~,CAAC,CAAC,~~WAAW~~,CAAC,~~CACzB~~,~~UAAU~~,~~CAAC~~,~~CAAC~~,UAAU,~~CAAC~~,~~CACvB~~,~~WAAW~~,~~CAAC~~,~~CAAC~~,~~WAAW~~,~~CAAC~~,~~CACzB,~~UAAU,~~CAAC~~,~~CAAC,~~UAAU,~~CAAC~~,~~CACvB~~,~~SAAS~~,CAAC,~~CAAC~~,~~SAAS~~,~~CAAC~~,~~CACrB~~,~~MAAM~~,~~CAAC~~,CAAC,~~aAAa~~,CAAC,~~CACtB,~~OAAO,~~CAAC~~,~~CAAC~~,~~cAAc~~,~~CAAC~~,~~CACxB~~,~~qBAAqB~~,~~CACrB~~,~~SAAS~~,~~CACT,iBAAiB,~~CAAC,~~KAAK~~,~~CACvB~~,~~WAAW,~~CAAC,~~CAAC~~,~~uEACX~~,~~yBAAyB~~,~~CAAC~~,~~CAAC~~,~~CAAC,~~IAAI,~~yBAAyB~~,~~EAAE~~,~~CAAC~~,~~CAAC~~,~~CAAC~~,~~EAChE,EAAE,~~CAAC,~~EACH~~,CACH,~~CACH;MAAA,EAAE,GAAG,~~CAAC~~,CACP,CAAC~~;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport { forwardRef, useCallback, useEffect, useState } from 'react';\nimport { ~~View~~ } from 'react-native';\n\nimport { ~~Box } from '../Box';\nimport {~~ Input } from '../Input';\nimport type { InputProps } from '../Input/Input.types';\n\nimport type { TextAreaProps } from './TextArea.types';\n\nexport const TextArea = forwardRef<~~View~~, TextAreaProps>(\n (\n {\n value,\n onChangeText,\n placeholder,\n isReadOnly,\n onBlur,\n onFocus,\n autoFocus = false,\n ~~inputProps,\n inputRef,\n~~ isDisabled = false,\n isError = false,\n textVariant,\n ~~inputElement,\n~~ style,\n twClassName,\n testID,\n ...props\n },\n ref,\n ) => {\n const [isFocused, setIsFocused] = useState(autoFocus);\n const tw = useTailwind();\n\n useEffect(() => {\n if (isDisabled \|\| isReadOnly) {\n setIsFocused(false);\n }\n }, [isDisabled, isReadOnly]);\n\n const ~~{\n twClassName: inputTwClassNameFromProps,\n ...inputRestWithoutTwClassName\n } = inputProps ?? {};\n\n const~~ onBlurHandler = useCallback(\n (e: Parameters<NonNullable<InputProps['onBlur']>>[0]) => {\n if (!isDisabled) {\n setIsFocused(false);\n onBlur?.(e);\n }\n },\n [isDisabled, onBlur],\n );\n\n const onFocusHandler = useCallback(\n (e: Parameters<NonNullable<InputProps['onFocus']>>[0]) => {\n if (!isDisabled) {\n setIsFocused(true);\n onFocus?.(e);\n }\n },\n [isDisabled, onFocus],\n );\n\n return (\n <~~Box~~\n ref={ref}\n {...props}\n testID={testID}\n ~~accessible~~={~~false~~}\n style={[\n tw.style(\n 'rounded-lg',\n 'min-h-24',\n 'border',\n 'px-4',\n 'py-3',\n 'bg-muted',\n isDisabled && 'border-muted',\n !isDisabled && isError && 'border-error-default',\n !isDisabled && !isError && isFocused && 'border-default',\n !isDisabled && !isError && !isFocused && 'border-muted',\n isDisabled && 'opacity-50',\n twClassName,\n ),\n style,\n ]}\n >\n {inputElement \|\| (\n <Input\n {...inputRestWithoutTwClassName}\n ref={inputRef}\n value={value}\n onChangeText={onChangeText}\n placeholder={placeholder}\n isReadOnly={isReadOnly}\n textVariant={textVariant}\n isDisabled={isDisabled}\n autoFocus={autoFocus}\n onBlur={onBlurHandler}\n onFocus={onFocusHandler}\n isStateStylesDisabled\n multiline\n textAlignVertical=\"top\"\n twClassName={`min-h-[88px] w-full flex-1 self-stretch bg-transparent border-0 py-1${\n inputTwClassNameFromProps ? ` ${inputTwClassNameFromProps}` : ''\n }`}\n />\n ~~)}\n </Box>\n~~ );\n },\n);\n\nTextArea.displayName = 'TextArea';\n"]}
1	+ {"version":3,"file":"TextArea.mjs","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,sDAAsD;AAC5E,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc;AACrE,OAAO,EAAE,SAAS,EAAE,qBAAqB;AAEzC,OAAO,EAAE,KAAK,EAAE,2BAAiB;AAKjC,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EACE,KAAK,EACL,YAAY,EACZ,WAAW,EACX,UAAU,EACV,MAAM,EACN,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,OAAO,GAAG,KAAK,EACf,WAAW,EACX,KAAK,EACL,WAAW,EACX,MAAM,EACN,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IACtD,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IAEzB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,IAAI,UAAU,EAAE;YAC5B,YAAY,CAAC,KAAK,CAAC,CAAC;SACrB;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;IAE7B,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAmD,EAAE,EAAE;QACtD,IAAI,CAAC,UAAU,EAAE;YACf,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;SACb;IACH,CAAC,EACD,CAAC,UAAU,EAAE,MAAM,CAAC,CACrB,CAAC;IAEF,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,CAAoD,EAAE,EAAE;QACvD,IAAI,CAAC,UAAU,EAAE;YACf,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;SACd;IACH,CAAC,EACD,CAAC,UAAU,EAAE,OAAO,CAAC,CACtB,CAAC;IAEF,OAAO,CACL,CAAC,KAAK,CACJ,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,IAAI,KAAK,CAAC,CACV,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,MAAM,CAAC,CAAC,aAAa,CAAC,CACtB,OAAO,CAAC,CAAC,cAAc,CAAC,CACxB,qBAAqB,CACrB,SAAS,CACT,iBAAiB,CAAC,KAAK,CACvB,KAAK,CAAC,CAAC;YACL,EAAE,CAAC,KAAK,CACN,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,MAAM,EACN,MAAM,EACN,UAAU,EACV,UAAU,IAAI,cAAc,EAC5B,CAAC,UAAU,IAAI,OAAO,IAAI,sBAAsB,EAChD,CAAC,UAAU,IAAI,CAAC,OAAO,IAAI,SAAS,IAAI,gBAAgB,EACxD,CAAC,UAAU,IAAI,CAAC,OAAO,IAAI,CAAC,SAAS,IAAI,cAAc,EACvD,UAAU,IAAI,YAAY,EAC1B,WAAW,CACZ;YACD,KAAK;SACN,CAAC,EACF,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport { forwardRef, useCallback, useEffect, useState } from 'react';\nimport { TextInput } from 'react-native';\n\nimport { Input } from '../Input';\nimport type { InputProps } from '../Input/Input.types';\n\nimport type { TextAreaProps } from './TextArea.types';\n\nexport const TextArea = forwardRef<TextInput, TextAreaProps>(\n (\n {\n value,\n onChangeText,\n placeholder,\n isReadOnly,\n onBlur,\n onFocus,\n autoFocus = false,\n isDisabled = false,\n isError = false,\n textVariant,\n style,\n twClassName,\n testID,\n ...props\n },\n ref,\n ) => {\n const [isFocused, setIsFocused] = useState(autoFocus);\n const tw = useTailwind();\n\n useEffect(() => {\n if (isDisabled \|\| isReadOnly) {\n setIsFocused(false);\n }\n }, [isDisabled, isReadOnly]);\n\n const onBlurHandler = useCallback(\n (e: Parameters<NonNullable<InputProps['onBlur']>>[0]) => {\n if (!isDisabled) {\n setIsFocused(false);\n onBlur?.(e);\n }\n },\n [isDisabled, onBlur],\n );\n\n const onFocusHandler = useCallback(\n (e: Parameters<NonNullable<InputProps['onFocus']>>[0]) => {\n if (!isDisabled) {\n setIsFocused(true);\n onFocus?.(e);\n }\n },\n [isDisabled, onFocus],\n );\n\n return (\n <Input\n ref={ref}\n {...props}\n testID={testID}\n value={value}\n onChangeText={onChangeText}\n placeholder={placeholder}\n isReadOnly={isReadOnly}\n textVariant={textVariant}\n isDisabled={isDisabled}\n autoFocus={autoFocus}\n onBlur={onBlurHandler}\n onFocus={onFocusHandler}\n isStateStylesDisabled\n multiline\n textAlignVertical=\"top\"\n style={[\n tw.style(\n 'rounded-lg',\n 'min-h-24',\n 'border',\n 'px-4',\n 'py-3',\n 'bg-muted',\n isDisabled && 'border-muted',\n !isDisabled && isError && 'border-error-default',\n !isDisabled && !isError && isFocused && 'border-default',\n !isDisabled && !isError && !isFocused && 'border-muted',\n isDisabled && 'opacity-50',\n twClassName,\n ),\n style,\n ]}\n />\n );\n },\n);\n\nTextArea.displayName = 'TextArea';\n"]}

package/dist/components/TextArea/TextArea.types.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextArea.types.cjs","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TextAreaPropsShared } from '@metamask-previews/design-system-shared';\~~nimport type { Ref } from 'react';\nimport type { StyleProp, TextInput, ViewStyle } from 'react-native';\~~n\nimport type { ~~BoxProps } from '../Box/Box.types';\nimport type {~~ InputProps } from '../Input/Input.types';\n\n/*\n Additional props merged onto the ~~inner~~ `Input` (`../Input/Input.tsx`).\n \n TextArea owns `value`, `onChangeText`, `placeholder`, `isReadOnly`, `onFocus`,\n * `onBlur`, `isDisabled`, `autoFocus`, `textVariant`, multiline (always on)~~, and inner\~~n * ~~layout~~ ~~(merged with any~~ `~~twClassName` you pass here). `~~placeholderTextColor` ~~is\n * omitted~~ (Input sets it from theme).\n /\ntype TextAreaInputProps = Omit<\n InputProps,\n \| ~~'autoFocus'\n \|~~ ~~'isDisabled'~~\n \| '~~isReadOnly~~'\n \| '~~isStateStylesDisabled'\n \| '~~multiline'\n \| 'onBlur'\n \| 'onChangeText'\n \| 'onFocus'\n \| '~~placeholder'\n \| '~~placeholderTextColor'\n ~~\| 'style'\n \| 'textVariant'\n \| 'value'\n~~>;\n\n/\n React Native `TextArea` props ~~between~~ ~~`TextAreaPropsShared`~~ ~~and~~ the ~~root~~\n * `~~Box`:~~ ~~typed~~ ~~focus/blur~~ ~~handlers,~~ ~~`inputProps`,~~ ~~container~~ ~~styling,~~ and\n * `~~testID~~`.\n /\nexport type ~~TextAreaBaseProps~~ = TextAreaPropsShared & {\n /\n Called when the ~~inner~~ `TextInput` value changes (React Native naming).\n /\n onChangeText?: ~~(text: string) => void~~;\n /\n Called when the ~~inner~~ ~~input~~ receives focus (composed with TextArea border state).\n /\n onFocus?: InputProps['onFocus'];\n /\n Called when the ~~inner~~ ~~input~~ loses focus (composed with TextArea border state).\n /\n onBlur?: InputProps['onBlur'];\n /\n Additional props for the inner `Input`. Do not pass `placeholder`, `isReadOnly`, `onFocus`, `onBlur`, or `multiline` here;\n * use the TextArea-level props where applicable. For accessibility, prefer `accessibilityLabel` and `accessibilityHint` on\n * `inputProps`. `placeholderTextColor` is omitted from the type; the inner `Input` sets it from the theme.\n /\n inputProps?: TextAreaInputProps;\n /\n Ref to the inner `TextInput`. The component `ref` targets the root `Box` (`View`).\n /\n inputRef?: Ref<TextInput>;\n /\n Optional twrnc classes for the root `Box`.\n /\n twClassName?: string;\n /\n Optional style for the root `Box`.\n /\n style?: StyleProp<ViewStyle>;\n /\n Optional test id for the root `Box`.\n /\n testID?: string;\n};\n\ntype TextAreaReservedBoxKeys =\n \| keyof TextAreaBaseProps\n \| 'accessible'\n \| 'children'\n \| 'style';\n\n/\n TextArea props: `TextAreaBaseProps` plus remaining `BoxProps` at the top\n * level, excluding keys reserved by TextArea.\n */\nexport type TextAreaProps = TextAreaBaseProps &\n Omit<BoxProps, TextAreaReservedBoxKeys>;\n"]}
1	+ {"version":3,"file":"TextArea.types.cjs","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n InputPropsShared,\n TextAreaPropsShared,\n} from '@metamask-previews/design-system-shared';\n\nimport type { InputProps } from '../Input/Input.types';\n\n/*\n Additional props merged onto the `Input` (`../Input/Input.tsx`).\n \n TextArea owns `value`, `onChangeText`, `placeholder`, `isReadOnly`, `onFocus`,\n * `onBlur`, `isDisabled`, `autoFocus`, `textVariant`, multiline (always on),\n * and `placeholderTextColor` (Input sets it from theme).\n /\ntype TextAreaInputProps = Omit<\n InputProps,\n \| keyof InputPropsShared\n \| 'editable'\n \| 'multiline'\n \| 'onBlur'\n \| 'onChangeText'\n \| 'onFocus'\n \| 'placeholderTextColor'\n>;\n\n/\n React Native `TextArea` props: shared textarea state plus the remaining\n * `TextInput` props that are meaningful for the `TextInput`.\n /\nexport type TextAreaProps = TextAreaPropsShared &\n TextAreaInputProps & {\n /\n Called when the `TextInput` value changes (React Native naming).\n /\n onChangeText?: InputProps['onChangeText'];\n /\n Called when the `TextInput` receives focus (composed with TextArea border state).\n /\n onFocus?: InputProps['onFocus'];\n /\n Called when the `TextInput` loses focus (composed with TextArea border state).\n */\n onBlur?: InputProps['onBlur'];\n };\n"]}

package/dist/components/TextArea/TextArea.types.d.cts CHANGED Viewed

@@ -1,63 +1,30 @@
-import type { TextAreaPropsShared } from "@metamask-previews/design-system-shared";
-import type { Ref } from "react";
-import type { StyleProp, TextInput, ViewStyle } from "react-native";
-import type { BoxProps } from "../Box/Box.types.cjs";
+import type { InputPropsShared, TextAreaPropsShared } from "@metamask-previews/design-system-shared";
 import type { InputProps } from "../Input/Input.types.cjs";
 /**
- * Additional props merged onto the inner `Input` (`../Input/Input.tsx`).
+ * Additional props merged onto the `Input` (`../Input/Input.tsx`).
  *
  * TextArea owns `value`, `onChangeText`, `placeholder`, `isReadOnly`, `onFocus`,
- * `onBlur`, `isDisabled`, `autoFocus`, `textVariant`, multiline (always on), and inner
- * layout (merged with any `twClassName` you pass here). `placeholderTextColor` is
- * omitted (Input sets it from theme).
+ * `onBlur`, `isDisabled`, `autoFocus`, `textVariant`, multiline (always on),
+ * and `placeholderTextColor` (Input sets it from theme).
  */
-type TextAreaInputProps = Omit<InputProps, 'autoFocus' | 'isDisabled' | 'isReadOnly' | 'isStateStylesDisabled' | 'multiline' | 'onBlur' | 'onChangeText' | 'onFocus' | 'placeholder' | 'placeholderTextColor' | 'style' | 'textVariant' | 'value'>;
+type TextAreaInputProps = Omit<InputProps, keyof InputPropsShared | 'editable' | 'multiline' | 'onBlur' | 'onChangeText' | 'onFocus' | 'placeholderTextColor'>;
 /**
- * React Native `TextArea` props between `TextAreaPropsShared` and the root
- * `Box`: typed focus/blur handlers, `inputProps`, container styling, and
- * `testID`.
+ * React Native `TextArea` props: shared textarea state plus the remaining
+ * `TextInput` props that are meaningful for the `TextInput`.
  */
-export type TextAreaBaseProps = TextAreaPropsShared & {
+export type TextAreaProps = TextAreaPropsShared & TextAreaInputProps & {
     /**
-     * Called when the inner `TextInput` value changes (React Native naming).
+     * Called when the `TextInput` value changes (React Native naming).
      */
-    onChangeText?: (text: string) => void;
+    onChangeText?: InputProps['onChangeText'];
     /**
-     * Called when the inner input receives focus (composed with TextArea border state).
+     * Called when the `TextInput` receives focus (composed with TextArea border state).
      */
     onFocus?: InputProps['onFocus'];
     /**
-     * Called when the inner input loses focus (composed with TextArea border state).
+     * Called when the `TextInput` loses focus (composed with TextArea border state).
      */
     onBlur?: InputProps['onBlur'];
-    /**
-     * Additional props for the inner `Input`. Do not pass `placeholder`, `isReadOnly`, `onFocus`, `onBlur`, or `multiline` here;
-     * use the TextArea-level props where applicable. For accessibility, prefer `accessibilityLabel` and `accessibilityHint` on
-     * `inputProps`. `placeholderTextColor` is omitted from the type; the inner `Input` sets it from the theme.
-     */
-    inputProps?: TextAreaInputProps;
-    /**
-     * Ref to the inner `TextInput`. The component `ref` targets the root `Box` (`View`).
-     */
-    inputRef?: Ref<TextInput>;
-    /**
-     * Optional twrnc classes for the root `Box`.
-     */
-    twClassName?: string;
-    /**
-     * Optional style for the root `Box`.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Optional test id for the root `Box`.
-     */
-    testID?: string;
 };
-type TextAreaReservedBoxKeys = keyof TextAreaBaseProps | 'accessible' | 'children' | 'style';
-/**
- * TextArea props: `TextAreaBaseProps` plus remaining `BoxProps` at the top
- * level, excluding keys reserved by TextArea.
- */
-export type TextAreaProps = TextAreaBaseProps & Omit<BoxProps, TextAreaReservedBoxKeys>;
 export {};
 //# sourceMappingURL=TextArea.types.d.cts.map

package/dist/components/TextArea/TextArea.types.d.cts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextArea.types.d.cts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,~~EAAE~~,mBAAmB,~~EAAE~~,gDAAgD;~~AACnF~~,OAAO,KAAK,EAAE,~~GAAG,EAAE,cAAc;AACjC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,qBAAqB;AAEpE,OAAO,KAAK,EAAE,QAAQ,EAAE,6BAAyB;AACjD,OAAO,KAAK,EAAE,~~UAAU,EAAE,iCAA6B;AAEvD~~;;;;;;;GAOG~~;AACH,KAAK,kBAAkB,GAAG,IAAI,CAC5B,UAAU,EACR,~~WAAW~~,~~GACX~~,~~YAAY~~,~~GACZ~~,~~YAAY~~,~~GACZ,uBAAuB,GACvB,~~WAAW,GACX,QAAQ,GACR,cAAc,GACd,SAAS,GACT,~~aAAa,GACb,~~sBAAsB,~~GACtB~~,~~OAAO,GACP,aAAa,GACb,OAAO,CACV,~~CAAC;AAEF~~;;;;GAIG~~;AACH,MAAM,MAAM,~~iBAAiB~~,GAAG,mBAAmB,GAAG;~~IACpD~~;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,~~IAAI~~,~~EAAE~~,~~MAAM,KAAK,IAAI,~~CAAC;~~IACtC~~;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAChC;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;~~IAC9B;;;;OAIG;IACH~~,~~UAAU,~~CAAC,EAAE,kBAAkB,CAAC;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,uBAAuB,GACxB,MAAM,iBAAiB,GACvB,YAAY,GACZ,UAAU,GACV,OAAO,CAAC;AAEZ;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAC3C,IAAI,CAAC,QAAQ,EAAE,uBAAuB,CAAC,CAAC"}
1	+ {"version":3,"file":"TextArea.types.d.cts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,mBAAmB,EACpB,gDAAgD;AAEjD,OAAO,KAAK,EAAE,UAAU,EAAE,iCAA6B;AAEvD;;;;;;GAMG;AACH,KAAK,kBAAkB,GAAG,IAAI,CAC5B,UAAU,EACR,MAAM,gBAAgB,GACtB,UAAU,GACV,WAAW,GACX,QAAQ,GACR,cAAc,GACd,SAAS,GACT,sBAAsB,CACzB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAC7C,kBAAkB,GAAG;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;IAC1C;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAChC;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;CAC/B,CAAC"}

package/dist/components/TextArea/TextArea.types.d.mts CHANGED Viewed

@@ -1,63 +1,30 @@
-import type { TextAreaPropsShared } from "@metamask-previews/design-system-shared";
-import type { Ref } from "react";
-import type { StyleProp, TextInput, ViewStyle } from "react-native";
-import type { BoxProps } from "../Box/Box.types.mjs";
+import type { InputPropsShared, TextAreaPropsShared } from "@metamask-previews/design-system-shared";
 import type { InputProps } from "../Input/Input.types.mjs";
 /**
- * Additional props merged onto the inner `Input` (`../Input/Input.tsx`).
+ * Additional props merged onto the `Input` (`../Input/Input.tsx`).
  *
  * TextArea owns `value`, `onChangeText`, `placeholder`, `isReadOnly`, `onFocus`,
- * `onBlur`, `isDisabled`, `autoFocus`, `textVariant`, multiline (always on), and inner
- * layout (merged with any `twClassName` you pass here). `placeholderTextColor` is
- * omitted (Input sets it from theme).
+ * `onBlur`, `isDisabled`, `autoFocus`, `textVariant`, multiline (always on),
+ * and `placeholderTextColor` (Input sets it from theme).
  */
-type TextAreaInputProps = Omit<InputProps, 'autoFocus' | 'isDisabled' | 'isReadOnly' | 'isStateStylesDisabled' | 'multiline' | 'onBlur' | 'onChangeText' | 'onFocus' | 'placeholder' | 'placeholderTextColor' | 'style' | 'textVariant' | 'value'>;
+type TextAreaInputProps = Omit<InputProps, keyof InputPropsShared | 'editable' | 'multiline' | 'onBlur' | 'onChangeText' | 'onFocus' | 'placeholderTextColor'>;
 /**
- * React Native `TextArea` props between `TextAreaPropsShared` and the root
- * `Box`: typed focus/blur handlers, `inputProps`, container styling, and
- * `testID`.
+ * React Native `TextArea` props: shared textarea state plus the remaining
+ * `TextInput` props that are meaningful for the `TextInput`.
  */
-export type TextAreaBaseProps = TextAreaPropsShared & {
+export type TextAreaProps = TextAreaPropsShared & TextAreaInputProps & {
     /**
-     * Called when the inner `TextInput` value changes (React Native naming).
+     * Called when the `TextInput` value changes (React Native naming).
      */
-    onChangeText?: (text: string) => void;
+    onChangeText?: InputProps['onChangeText'];
     /**
-     * Called when the inner input receives focus (composed with TextArea border state).
+     * Called when the `TextInput` receives focus (composed with TextArea border state).
      */
     onFocus?: InputProps['onFocus'];
     /**
-     * Called when the inner input loses focus (composed with TextArea border state).
+     * Called when the `TextInput` loses focus (composed with TextArea border state).
      */
     onBlur?: InputProps['onBlur'];
-    /**
-     * Additional props for the inner `Input`. Do not pass `placeholder`, `isReadOnly`, `onFocus`, `onBlur`, or `multiline` here;
-     * use the TextArea-level props where applicable. For accessibility, prefer `accessibilityLabel` and `accessibilityHint` on
-     * `inputProps`. `placeholderTextColor` is omitted from the type; the inner `Input` sets it from the theme.
-     */
-    inputProps?: TextAreaInputProps;
-    /**
-     * Ref to the inner `TextInput`. The component `ref` targets the root `Box` (`View`).
-     */
-    inputRef?: Ref<TextInput>;
-    /**
-     * Optional twrnc classes for the root `Box`.
-     */
-    twClassName?: string;
-    /**
-     * Optional style for the root `Box`.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Optional test id for the root `Box`.
-     */
-    testID?: string;
 };
-type TextAreaReservedBoxKeys = keyof TextAreaBaseProps | 'accessible' | 'children' | 'style';
-/**
- * TextArea props: `TextAreaBaseProps` plus remaining `BoxProps` at the top
- * level, excluding keys reserved by TextArea.
- */
-export type TextAreaProps = TextAreaBaseProps & Omit<BoxProps, TextAreaReservedBoxKeys>;
 export {};
 //# sourceMappingURL=TextArea.types.d.mts.map

package/dist/components/TextArea/TextArea.types.d.mts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextArea.types.d.mts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,~~EAAE~~,mBAAmB,~~EAAE~~,gDAAgD;~~AACnF~~,OAAO,KAAK,EAAE,~~GAAG,EAAE,cAAc;AACjC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,qBAAqB;AAEpE,OAAO,KAAK,EAAE,QAAQ,EAAE,6BAAyB;AACjD,OAAO,KAAK,EAAE,~~UAAU,EAAE,iCAA6B;AAEvD~~;;;;;;;GAOG~~;AACH,KAAK,kBAAkB,GAAG,IAAI,CAC5B,UAAU,EACR,~~WAAW~~,~~GACX~~,~~YAAY~~,~~GACZ~~,~~YAAY~~,~~GACZ,uBAAuB,GACvB,~~WAAW,GACX,QAAQ,GACR,cAAc,GACd,SAAS,GACT,~~aAAa,GACb,~~sBAAsB,~~GACtB~~,~~OAAO,GACP,aAAa,GACb,OAAO,CACV,~~CAAC;AAEF~~;;;;GAIG~~;AACH,MAAM,MAAM,~~iBAAiB~~,GAAG,mBAAmB,GAAG;~~IACpD~~;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,~~IAAI~~,~~EAAE~~,~~MAAM,KAAK,IAAI,~~CAAC;~~IACtC~~;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAChC;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;~~IAC9B;;;;OAIG;IACH~~,~~UAAU,~~CAAC,EAAE,kBAAkB,CAAC;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,uBAAuB,GACxB,MAAM,iBAAiB,GACvB,YAAY,GACZ,UAAU,GACV,OAAO,CAAC;AAEZ;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAC3C,IAAI,CAAC,QAAQ,EAAE,uBAAuB,CAAC,CAAC"}
1	+ {"version":3,"file":"TextArea.types.d.mts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,mBAAmB,EACpB,gDAAgD;AAEjD,OAAO,KAAK,EAAE,UAAU,EAAE,iCAA6B;AAEvD;;;;;;GAMG;AACH,KAAK,kBAAkB,GAAG,IAAI,CAC5B,UAAU,EACR,MAAM,gBAAgB,GACtB,UAAU,GACV,WAAW,GACX,QAAQ,GACR,cAAc,GACd,SAAS,GACT,sBAAsB,CACzB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAC7C,kBAAkB,GAAG;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;IAC1C;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAChC;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;CAC/B,CAAC"}

package/dist/components/TextArea/TextArea.types.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextArea.types.mjs","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { TextAreaPropsShared } from '@metamask-previews/design-system-shared';\~~nimport type { Ref } from 'react';\nimport type { StyleProp, TextInput, ViewStyle } from 'react-native';\~~n\nimport type { ~~BoxProps } from '../Box/Box.types';\nimport type {~~ InputProps } from '../Input/Input.types';\n\n/*\n Additional props merged onto the ~~inner~~ `Input` (`../Input/Input.tsx`).\n \n TextArea owns `value`, `onChangeText`, `placeholder`, `isReadOnly`, `onFocus`,\n * `onBlur`, `isDisabled`, `autoFocus`, `textVariant`, multiline (always on)~~, and inner\~~n * ~~layout~~ ~~(merged with any~~ `~~twClassName` you pass here). `~~placeholderTextColor` ~~is\n * omitted~~ (Input sets it from theme).\n /\ntype TextAreaInputProps = Omit<\n InputProps,\n \| ~~'autoFocus'\n \|~~ ~~'isDisabled'~~\n \| '~~isReadOnly~~'\n \| '~~isStateStylesDisabled'\n \| '~~multiline'\n \| 'onBlur'\n \| 'onChangeText'\n \| 'onFocus'\n \| '~~placeholder'\n \| '~~placeholderTextColor'\n ~~\| 'style'\n \| 'textVariant'\n \| 'value'\n~~>;\n\n/\n React Native `TextArea` props ~~between~~ ~~`TextAreaPropsShared`~~ ~~and~~ the ~~root~~\n * `~~Box`:~~ ~~typed~~ ~~focus/blur~~ ~~handlers,~~ ~~`inputProps`,~~ ~~container~~ ~~styling,~~ and\n * `~~testID~~`.\n /\nexport type ~~TextAreaBaseProps~~ = TextAreaPropsShared & {\n /\n Called when the ~~inner~~ `TextInput` value changes (React Native naming).\n /\n onChangeText?: ~~(text: string) => void~~;\n /\n Called when the ~~inner~~ ~~input~~ receives focus (composed with TextArea border state).\n /\n onFocus?: InputProps['onFocus'];\n /\n Called when the ~~inner~~ ~~input~~ loses focus (composed with TextArea border state).\n /\n onBlur?: InputProps['onBlur'];\n /\n Additional props for the inner `Input`. Do not pass `placeholder`, `isReadOnly`, `onFocus`, `onBlur`, or `multiline` here;\n * use the TextArea-level props where applicable. For accessibility, prefer `accessibilityLabel` and `accessibilityHint` on\n * `inputProps`. `placeholderTextColor` is omitted from the type; the inner `Input` sets it from the theme.\n /\n inputProps?: TextAreaInputProps;\n /\n Ref to the inner `TextInput`. The component `ref` targets the root `Box` (`View`).\n /\n inputRef?: Ref<TextInput>;\n /\n Optional twrnc classes for the root `Box`.\n /\n twClassName?: string;\n /\n Optional style for the root `Box`.\n /\n style?: StyleProp<ViewStyle>;\n /\n Optional test id for the root `Box`.\n /\n testID?: string;\n};\n\ntype TextAreaReservedBoxKeys =\n \| keyof TextAreaBaseProps\n \| 'accessible'\n \| 'children'\n \| 'style';\n\n/\n TextArea props: `TextAreaBaseProps` plus remaining `BoxProps` at the top\n * level, excluding keys reserved by TextArea.\n */\nexport type TextAreaProps = TextAreaBaseProps &\n Omit<BoxProps, TextAreaReservedBoxKeys>;\n"]}
1	+ {"version":3,"file":"TextArea.types.mjs","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n InputPropsShared,\n TextAreaPropsShared,\n} from '@metamask-previews/design-system-shared';\n\nimport type { InputProps } from '../Input/Input.types';\n\n/*\n Additional props merged onto the `Input` (`../Input/Input.tsx`).\n \n TextArea owns `value`, `onChangeText`, `placeholder`, `isReadOnly`, `onFocus`,\n * `onBlur`, `isDisabled`, `autoFocus`, `textVariant`, multiline (always on),\n * and `placeholderTextColor` (Input sets it from theme).\n /\ntype TextAreaInputProps = Omit<\n InputProps,\n \| keyof InputPropsShared\n \| 'editable'\n \| 'multiline'\n \| 'onBlur'\n \| 'onChangeText'\n \| 'onFocus'\n \| 'placeholderTextColor'\n>;\n\n/\n React Native `TextArea` props: shared textarea state plus the remaining\n * `TextInput` props that are meaningful for the `TextInput`.\n /\nexport type TextAreaProps = TextAreaPropsShared &\n TextAreaInputProps & {\n /\n Called when the `TextInput` value changes (React Native naming).\n /\n onChangeText?: InputProps['onChangeText'];\n /\n Called when the `TextInput` receives focus (composed with TextArea border state).\n /\n onFocus?: InputProps['onFocus'];\n /\n Called when the `TextInput` loses focus (composed with TextArea border state).\n */\n onBlur?: InputProps['onBlur'];\n };\n"]}