@tamagui/input 2.0.0-rc.8 → 2.0.0

package/src/Input.tsx

@@ -1,9 +1,9 @@
-import { View, styled, useTheme } from '@tamagui/core'
+import { type GetProps, View, styled, useTheme } from '@tamagui/core'
 import { registerFocusable } from '@tamagui/focusable'
 import { useWebRef } from '@tamagui/element'
 import React from 'react'
 import { styledBody } from './shared'
-import type { InputProps } from './types'
+import type { InputExtraProps } from './types'
 
 const StyledInput = styled(View, styledBody[0], styledBody[1])
 
@@ -11,7 +11,7 @@ const StyledInput = styled(View, styledBody[0], styledBody[1])
  * A web-aligned input component.
  * @see — Docs https://tamagui.dev/ui/inputs#input
  */
-export const Input = StyledInput.styleable<InputProps>((props, _forwardedRef) => {
+export const Input = StyledInput.styleable<InputExtraProps>((props, _forwardedRef) => {
   const {
     disabled,
     id,
@@ -158,14 +158,16 @@ export const Input = StyledInput.styleable<InputProps>((props, _forwardedRef) =>
     style: {
       ...(rest.style as any),
       ...(placeholderTextColor && {
-        '--placeholderColor':
+        '--t_placeholderColor':
           theme[placeholderTextColor]?.variable || placeholderTextColor,
       }),
       ...(selectionColor && {
-        '--selectionColor': theme[selectionColor]?.variable || selectionColor,
+        '--t_selectionColor': theme[selectionColor]?.variable || selectionColor,
       }),
     },
   } as any
 
   return <StyledInput ref={composedRef} {...finalProps} />
 })
+
+export type InputProps = GetProps<typeof Input>

package/src/TextArea.tsx

@@ -1,9 +1,7 @@
-import { styled } from '@tamagui/web'
+import { type GetProps, styled } from '@tamagui/web'
 import { Input } from './Input'
 import { defaultStyles, textAreaSizeVariant } from './shared'
 
-export type { InputProps as TextAreaProps } from './types'
-
 /**
  * A web-aligned textarea component (multi-line input).
  * @see — Docs https://tamagui.dev/ui/inputs#textarea
@@ -34,3 +32,5 @@ export const TextArea = styled(Input, {
     unstyled: process.env.TAMAGUI_HEADLESS === '1',
   },
 })
+
+export type TextAreaProps = GetProps<typeof TextArea>

package/src/index.ts

@@ -1,7 +1,7 @@
 export * from './Input'
 export * from './TextArea'
 export { inputSizeVariant, textAreaSizeVariant } from './shared'
-export type { InputProps, InputTextContentType } from './types'
+export type { InputExtraProps, InputRef, InputTextContentType } from './types'
 export type {
   InputNativeProps,
   InputIOSProps,

package/src/inputTypes.test-d.ts

@@ -0,0 +1,237 @@
+/**
+ * Type tests for Input component.
+ *
+ * Verifies that:
+ * 1. Event handlers are typed with HTMLInputElement (not HTMLDivElement)
+ * 2. HTML input-specific props are available (type, placeholder, etc.)
+ * 3. Tamagui style props and variants still work
+ * 4. Cross-platform props (autoCorrect, autoCapitalize) are present
+ * 5. InputRef includes both HTMLInputElement and TextInput
+ *
+ * Run with: npx vitest typecheck --run
+ */
+
+import { expectTypeOf, describe, test } from 'vitest'
+import type { GetProps } from '@tamagui/web'
+import type { TextInput } from 'react-native'
+import {
+  Input,
+  type InputProps,
+  type InputRef,
+  TextArea,
+  type TextAreaProps,
+} from './index'
+
+// helper: extract event param type
+type EventParam<T> = T extends (event: infer E) => any ? E : never
+type IsAssignable<T, U> = T extends U ? true : false
+
+// =============================================================================
+// Test: event handlers are typed with HTMLInputElement
+// =============================================================================
+
+describe('Input event handler types', () => {
+  test('onChange event uses HTMLInputElement', () => {
+    type OnChange = NonNullable<InputProps['onChange']>
+    type Event = EventParam<OnChange>
+    expectTypeOf<Event['currentTarget']>().toMatchTypeOf<HTMLInputElement>()
+  })
+
+  test('onFocus event uses HTMLInputElement', () => {
+    type OnFocus = NonNullable<InputProps['onFocus']>
+    type Event = EventParam<OnFocus>
+    expectTypeOf<Event['currentTarget']>().toMatchTypeOf<HTMLInputElement>()
+  })
+
+  test('onBlur event uses HTMLInputElement', () => {
+    type OnBlur = NonNullable<InputProps['onBlur']>
+    type Event = EventParam<OnBlur>
+    expectTypeOf<Event['currentTarget']>().toMatchTypeOf<HTMLInputElement>()
+  })
+
+  test('onKeyDown event uses HTMLInputElement', () => {
+    type OnKeyDown = NonNullable<InputProps['onKeyDown']>
+    type Event = EventParam<OnKeyDown>
+    expectTypeOf<Event['currentTarget']>().toMatchTypeOf<HTMLInputElement>()
+  })
+
+  test('onClick event uses HTMLInputElement', () => {
+    type OnClick = NonNullable<InputProps['onClick']>
+    type Event = EventParam<OnClick>
+    expectTypeOf<Event['currentTarget']>().toMatchTypeOf<HTMLInputElement>()
+  })
+
+  test('onChange event is NOT typed with HTMLDivElement', () => {
+    type OnChange = NonNullable<InputProps['onChange']>
+    type Event = EventParam<OnChange>
+    // HTMLDivElement should NOT be assignable to the currentTarget
+    type DivMatchesCurrentTarget = IsAssignable<HTMLDivElement, Event['currentTarget']>
+    expectTypeOf<DivMatchesCurrentTarget>().toEqualTypeOf<false>()
+  })
+})
+
+// =============================================================================
+// Test: HTML input-specific props
+// =============================================================================
+
+describe('Input HTML props', () => {
+  test('accepts type prop', () => {
+    expectTypeOf<InputProps>().toHaveProperty('type')
+  })
+
+  test('accepts placeholder prop', () => {
+    expectTypeOf<InputProps>().toHaveProperty('placeholder')
+  })
+
+  test('accepts value prop', () => {
+    expectTypeOf<InputProps>().toHaveProperty('value')
+  })
+
+  test('accepts defaultValue prop', () => {
+    expectTypeOf<InputProps>().toHaveProperty('defaultValue')
+  })
+
+  test('accepts maxLength prop', () => {
+    expectTypeOf<InputProps>().toHaveProperty('maxLength')
+  })
+
+  test('accepts pattern prop', () => {
+    expectTypeOf<InputProps>().toHaveProperty('pattern')
+  })
+
+  test('accepts required prop', () => {
+    expectTypeOf<InputProps>().toHaveProperty('required')
+  })
+
+  test('accepts readOnly prop', () => {
+    expectTypeOf<InputProps>().toHaveProperty('readOnly')
+  })
+
+  test('accepts autoComplete prop', () => {
+    expectTypeOf<InputProps>().toHaveProperty('autoComplete')
+  })
+
+  test('accepts name prop', () => {
+    expectTypeOf<InputProps>().toHaveProperty('name')
+  })
+})
+
+// =============================================================================
+// Test: Tamagui style props still work
+// =============================================================================
+
+describe('Input style props', () => {
+  test('accepts padding style prop', () => {
+    expectTypeOf<InputProps>().toHaveProperty('padding')
+  })
+
+  test('accepts backgroundColor style prop', () => {
+    expectTypeOf<InputProps>().toHaveProperty('backgroundColor')
+  })
+
+  test('accepts borderRadius style prop', () => {
+    expectTypeOf<InputProps>().toHaveProperty('borderRadius')
+  })
+
+  test('accepts text style props', () => {
+    expectTypeOf<InputProps>().toHaveProperty('fontSize')
+    expectTypeOf<InputProps>().toHaveProperty('fontWeight')
+    expectTypeOf<InputProps>().toHaveProperty('color')
+  })
+
+  test('accepts size variant', () => {
+    expectTypeOf<InputProps>().toHaveProperty('size')
+  })
+
+  test('accepts unstyled variant', () => {
+    expectTypeOf<InputProps>().toHaveProperty('unstyled')
+  })
+})
+
+// =============================================================================
+// Test: cross-platform props
+// =============================================================================
+
+describe('Input cross-platform props', () => {
+  test('autoCorrect accepts boolean and string', () => {
+    expectTypeOf<InputProps['autoCorrect']>().toMatchTypeOf<
+      boolean | 'on' | 'off' | undefined
+    >()
+  })
+
+  test('autoCapitalize accepts native and web values', () => {
+    expectTypeOf<InputProps['autoCapitalize']>().toMatchTypeOf<
+      'none' | 'sentences' | 'words' | 'characters' | 'off' | 'on' | undefined
+    >()
+  })
+
+  test('accepts onChangeText callback', () => {
+    expectTypeOf<InputProps>().toHaveProperty('onChangeText')
+    expectTypeOf<NonNullable<InputProps['onChangeText']>>().toMatchTypeOf<
+      (text: string) => void
+    >()
+  })
+
+  test('accepts onSubmitEditing callback', () => {
+    expectTypeOf<InputProps>().toHaveProperty('onSubmitEditing')
+  })
+
+  test('accepts placeholderTextColor', () => {
+    expectTypeOf<InputProps>().toHaveProperty('placeholderTextColor')
+  })
+
+  test('accepts selection prop', () => {
+    expectTypeOf<InputProps>().toHaveProperty('selection')
+  })
+})
+
+// =============================================================================
+// Test: InputRef type
+// =============================================================================
+
+describe('InputRef type', () => {
+  test('InputRef accepts TextInput', () => {
+    const _ref: InputRef = {} as TextInput
+  })
+
+  test('InputRef rejects plain HTMLDivElement', () => {
+    // @ts-expect-error - HTMLDivElement should not be assignable to InputRef
+    const _ref: InputRef = {} as HTMLDivElement
+  })
+})
+
+// =============================================================================
+// Test: TextArea types
+// =============================================================================
+
+describe('TextArea types', () => {
+  test('TextArea has rows prop', () => {
+    expectTypeOf<TextAreaProps>().toHaveProperty('rows')
+  })
+
+  test('TextArea accepts style props', () => {
+    expectTypeOf<TextAreaProps>().toHaveProperty('padding')
+    expectTypeOf<TextAreaProps>().toHaveProperty('fontSize')
+  })
+
+  test('TextArea accepts HTML input props', () => {
+    expectTypeOf<TextAreaProps>().toHaveProperty('placeholder')
+    expectTypeOf<TextAreaProps>().toHaveProperty('value')
+  })
+})
+
+// =============================================================================
+// Test: InputProps derived from GetProps (not manually defined)
+// =============================================================================
+
+describe('InputProps derivation', () => {
+  test('InputProps equals GetProps<typeof Input>', () => {
+    type Derived = GetProps<typeof Input>
+    expectTypeOf<InputProps>().toEqualTypeOf<Derived>()
+  })
+
+  test('TextAreaProps equals GetProps<typeof TextArea>', () => {
+    type Derived = GetProps<typeof TextArea>
+    expectTypeOf<TextAreaProps>().toEqualTypeOf<Derived>()
+  })
+})

package/src/shared.tsx

@@ -109,6 +109,12 @@ export const styledBody = [
     render: 'input',
     variants: {
       unstyled: {
+        true: {
+          // reset browser <input>/<textarea> defaults
+          outlineWidth: 0,
+          borderWidth: 0,
+          backgroundColor: 'transparent',
+        },
         false: defaultStyles,
       },
 
@@ -131,6 +137,9 @@ export const styledBody = [
     accept: {
       placeholderTextColor: 'color',
       selectionColor: 'color',
+      cursorColor: 'color',
+      selectionHandleColor: 'color',
+      underlineColorAndroid: 'color',
     } as const,
 
     validStyles: Text.staticConfig.validStyles,

package/src/types.ts

@@ -1,9 +1,13 @@
-import type { ColorTokens, ViewProps, TextStyle } from '@tamagui/web'
+import type { ColorTokens, TextStyle, TamaguiElementMethods } from '@tamagui/web'
+import type { TextInput } from 'react-native'
 import type { InputNativeProps } from './InputNativeProps'
 
 /**
- * Web-aligned Input props
- * Follows standard HTML input API as primary, with RN compatibility for native
+ * Extra props that Input adds on top of the base styled component.
+ * Used with .styleable<InputExtraProps>() - the Styleable merge
+ * (`Omit<BaseProps, keyof CustomProps> & CustomProps`) automatically overrides
+ * base event handlers (HTMLDivElement) with these (HTMLInputElement).
+ * Consumer-facing InputProps is derived via GetProps<typeof Input>.
  */
 
 type HTMLInputProps = React.InputHTMLAttributes<HTMLInputElement>
@@ -25,17 +29,16 @@ type InputTextStyleProps = Pick<
 // props that have different types on web vs native and need cross-platform definitions
 type OverlappingNativeProps = 'autoCorrect' | 'autoCapitalize' | 'spellCheck'
 
-export type InputProps = ViewProps &
-  Omit<
-    HTMLInputProps,
-    | 'size'
-    | 'color'
-    | 'style'
-    | 'children'
-    | 'className'
-    | keyof InputTextStyleProps
-    | OverlappingNativeProps
-  > &
+export type InputExtraProps = Omit<
+  HTMLInputProps,
+  | 'size'
+  | 'color'
+  | 'style'
+  | 'children'
+  | 'className'
+  | keyof InputTextStyleProps
+  | OverlappingNativeProps
+> &
   InputTextStyleProps &
   Omit<InputNativeProps, OverlappingNativeProps> & {
     /**
@@ -129,6 +132,13 @@ export type InputProps = ViewProps &
     textContentType?: InputTextContentType
   }
 
+/**
+ * Cross-platform ref type for Input.
+ * On web: HTMLInputElement with Tamagui methods (measure, focus, blur).
+ * On native: TextInput.
+ */
+export type InputRef = (HTMLInputElement & TamaguiElementMethods) | TextInput
+
 /**
  * iOS text content types for autofill
  */

package/src/v1/Input.tsx

@@ -147,11 +147,11 @@ export const Input = StyledInput.styleable<InputProps>((inProps, forwardedRef) =
     style: {
       ...(rest.style as any),
       ...(placeholderTextColor && {
-        '--placeholderColor':
+        '--t_placeholderColor':
           theme[placeholderTextColor]?.variable || placeholderTextColor,
       }),
       ...(selectionColor && {
-        '--selectionBackground': theme[selectionColor]?.variable || selectionColor,
+        '--t_selectionBackground': theme[selectionColor]?.variable || selectionColor,
       }),
     },
   } as any
@@ -174,11 +174,11 @@ export const Input = StyledInput.styleable<InputProps>((inProps, forwardedRef) =
         <style>
           {`
       input::selection, textarea::selection {
-        background-color: var(--selectionBackground) !important;
+        background-color: var(--t_selectionBackground) !important;
       }
 
       input::placeholder, textarea::placeholder {
-        color: var(--placeholderColor) !important;
+        color: var(--t_placeholderColor) !important;
       }
       `}
         </style>

package/types/Input.d.ts

@@ -1,16 +1,20 @@
+import { type GetProps } from '@tamagui/core';
 import React from 'react';
 /**
  * A web-aligned input component.
  * @see — Docs https://tamagui.dev/ui/inputs#input
  */
 export declare const Input: import("@tamagui/core").TamaguiComponent<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase & {
-    readonly placeholderTextColor?: Omit<import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallbackColor, "unset"> | undefined;
-    readonly selectionColor?: Omit<import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallbackColor, "unset"> | undefined;
+    readonly placeholderTextColor?: import("@tamagui/core").ColorTokens | undefined;
+    readonly selectionColor?: import("@tamagui/core").ColorTokens | undefined;
+    readonly cursorColor?: import("@tamagui/core").ColorTokens | undefined;
+    readonly selectionHandleColor?: import("@tamagui/core").ColorTokens | undefined;
+    readonly underlineColorAndroid?: import("@tamagui/core").ColorTokens | undefined;
 }, {
     size?: import("@tamagui/core").SizeTokens | undefined;
     disabled?: boolean | undefined;
     unstyled?: boolean | undefined;
-}>, "color" | `$${string}` | `$${number}` | import("@tamagui/core").GroupMediaKeys | `$theme-${string}` | `$theme-${number}` | "rel" | "dir" | "allowFontScaling" | "numberOfLines" | "maxFontSizeMultiplier" | "lineBreakStrategyIOS" | "selectionColor" | "textBreakStrategy" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "textAlign" | "textTransform" | "textAlignVertical" | "list" | "max" | "min" | "form" | "slot" | "title" | "hidden" | "value" | "name" | "returnKeyType" | "submitBehavior" | "blurOnSubmit" | "caretHidden" | "contextMenuHidden" | "selectTextOnFocus" | "secureTextEntry" | "onEndEditing" | "onContentSizeChange" | "onKeyPress" | "multiline" | "keyboardType" | "autoCapitalize" | "autoCorrect" | "autoFocusNative" | "keyboardAppearance" | "clearButtonMode" | "clearTextOnFocus" | "enablesReturnKeyAutomatically" | "dataDetectorTypes" | "scrollEnabled" | "passwordRules" | "rejectResponderTermination" | "spellCheck" | "lineBreakModeIOS" | "smartInsertDelete" | "inputAccessoryViewID" | "inputAccessoryViewButtonLabel" | "disableKeyboardShortcuts" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "maxLength" | "minLength" | "multiple" | "pattern" | "placeholder" | "readOnly" | "required" | "src" | "step" | "type" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "rev" | "typeof" | "vocab" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-dropeffect" | "aria-errormessage" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-setsize" | "aria-sort" | "onCopyCapture" | "onCutCapture" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInputCapture" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenuCapture" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeaveCapture" | "onDragOverCapture" | "onDragStartCapture" | "onDropCapture" | "onMouseDownCapture" | "onMouseMoveCapture" | "onMouseOutCapture" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "cursorColor" | "selectionHandleColor" | "underlineColorAndroid" | "importantForAutofill" | "disableFullscreenUI" | "inlineImageLeft" | "inlineImagePadding" | "returnKeyLabel" | "showSoftInputOnFocus" | "placeholderTextColor" | "onChangeText" | "onSelectionChange" | "onSubmitEditing" | "selection" | "textContentType" | keyof import("@tamagui/core").StackStyleBase | keyof import("@tamagui/core").StackNonStyleProps | keyof import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> | "rows"> & import("@tamagui/core").StackNonStyleProps & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> & import("@tamagui/core").WithMediaProps<import("@tamagui/core").WithThemeShorthandsAndPseudos<import("@tamagui/core").StackStyleBase, {}>> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "color" | "size" | "children" | "style" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "textAlign" | "textTransform" | "className" | ("autoCapitalize" | "autoCorrect" | "spellCheck")> & {
+}>, "tabIndex" | "color" | "onMouseEnter" | "onMouseLeave" | "onMouseDown" | "onMouseUp" | "onMouseMove" | "onMouseOver" | "onMouseOut" | "onFocus" | "onBlur" | "onClick" | "onDoubleClick" | "onContextMenu" | "onWheel" | "onKeyDown" | "onKeyUp" | "onChange" | "onInput" | "onBeforeInput" | "onScroll" | "onCopy" | "onCut" | "onPaste" | "onDrag" | "onDragStart" | "onDragEnd" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDrop" | "onPointerDown" | "onPointerMove" | "onPointerUp" | "onPointerCancel" | "rel" | "dir" | "allowFontScaling" | "id" | "numberOfLines" | "maxFontSizeMultiplier" | "lineBreakStrategyIOS" | "disabled" | "selectionColor" | "textBreakStrategy" | "aria-label" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "aria-hidden" | "aria-modal" | "role" | "aria-labelledby" | "aria-live" | "content" | "verticalAlign" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "textAlign" | "textTransform" | "height" | "width" | "textAlignVertical" | "dangerouslySetInnerHTML" | "list" | "max" | "min" | "form" | "slot" | "title" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerMoveCapture" | "onPointerCancelCapture" | "onPointerDownCapture" | "onPointerUpCapture" | "hidden" | "value" | "name" | "returnKeyType" | "submitBehavior" | "blurOnSubmit" | "caretHidden" | "contextMenuHidden" | "selectTextOnFocus" | "secureTextEntry" | "onEndEditing" | "onContentSizeChange" | "onKeyPress" | "multiline" | "keyboardType" | "autoCapitalize" | "autoCorrect" | "autoFocusNative" | "keyboardAppearance" | "clearButtonMode" | "clearTextOnFocus" | "enablesReturnKeyAutomatically" | "dataDetectorTypes" | "scrollEnabled" | "passwordRules" | "rejectResponderTermination" | "spellCheck" | "lineBreakModeIOS" | "smartInsertDelete" | "inputAccessoryViewID" | "inputAccessoryViewButtonLabel" | "disableKeyboardShortcuts" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "maxLength" | "minLength" | "multiple" | "pattern" | "placeholder" | "readOnly" | "required" | "src" | "step" | "type" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "rev" | "typeof" | "vocab" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-dropeffect" | "aria-errormessage" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-setsize" | "aria-sort" | "onCopyCapture" | "onCutCapture" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInputCapture" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenuCapture" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeaveCapture" | "onDragOverCapture" | "onDragStartCapture" | "onDropCapture" | "onMouseDownCapture" | "onMouseMoveCapture" | "onMouseOutCapture" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "cursorColor" | "selectionHandleColor" | "underlineColorAndroid" | "importantForAutofill" | "disableFullscreenUI" | "inlineImageLeft" | "inlineImagePadding" | "returnKeyLabel" | "showSoftInputOnFocus" | "placeholderTextColor" | "onChangeText" | "onSelectionChange" | "onSubmitEditing" | "selection" | "textContentType" | "rows"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "color" | "size" | "children" | "style" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "textAlign" | "textTransform" | "className" | ("autoCapitalize" | "autoCorrect" | "spellCheck")> & {
     color?: "unset" | import("react-native").OpaqueColorValue | import("@tamagui/core").GetThemeValueForKey<"color"> | undefined;
     fontFamily?: "unset" | import("@tamagui/core").GetThemeValueForKey<"fontFamily"> | undefined;
     fontSize?: "unset" | import("@tamagui/core").GetThemeValueForKey<"fontSize"> | undefined;
@@ -45,7 +49,7 @@ export declare const Input: import("@tamagui/core").TamaguiComponent<Omit<import
         };
     }) => void;
     textContentType?: import("./types").InputTextContentType;
-}, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & import("@tamagui/core").StackNonStyleProps & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> & import("@tamagui/core").WithMediaProps<import("@tamagui/core").WithThemeShorthandsAndPseudos<import("@tamagui/core").StackStyleBase, {}>> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "color" | "size" | "children" | "style" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "textAlign" | "textTransform" | "className" | ("autoCapitalize" | "autoCorrect" | "spellCheck")> & {
+}, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "color" | "size" | "children" | "style" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "textAlign" | "textTransform" | "className" | ("autoCapitalize" | "autoCorrect" | "spellCheck")> & {
     color?: "unset" | import("react-native").OpaqueColorValue | import("@tamagui/core").GetThemeValueForKey<"color"> | undefined;
     fontFamily?: "unset" | import("@tamagui/core").GetThemeValueForKey<"fontFamily"> | undefined;
     fontSize?: "unset" | import("@tamagui/core").GetThemeValueForKey<"fontSize"> | undefined;
@@ -81,8 +85,11 @@ export declare const Input: import("@tamagui/core").TamaguiComponent<Omit<import
     }) => void;
     textContentType?: import("./types").InputTextContentType;
 }, import("@tamagui/core").StackStyleBase & {
-    readonly placeholderTextColor?: Omit<import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallbackColor, "unset"> | undefined;
-    readonly selectionColor?: Omit<import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallbackColor, "unset"> | undefined;
+    readonly placeholderTextColor?: import("@tamagui/core").ColorTokens | undefined;
+    readonly selectionColor?: import("@tamagui/core").ColorTokens | undefined;
+    readonly cursorColor?: import("@tamagui/core").ColorTokens | undefined;
+    readonly selectionHandleColor?: import("@tamagui/core").ColorTokens | undefined;
+    readonly underlineColorAndroid?: import("@tamagui/core").ColorTokens | undefined;
 }, {
     size?: import("@tamagui/core").SizeTokens | undefined;
     disabled?: boolean | undefined;
@@ -92,9 +99,13 @@ export declare const Input: import("@tamagui/core").TamaguiComponent<Omit<import
     readonly accept: {
         readonly placeholderTextColor: "color";
         readonly selectionColor: "color";
+        readonly cursorColor: "color";
+        readonly selectionHandleColor: "color";
+        readonly underlineColorAndroid: "color";
     };
     readonly validStyles: {
         [key: string]: boolean;
     } | undefined;
 }>;
+export type InputProps = GetProps<typeof Input>;
 //# sourceMappingURL=Input.d.ts.map

package/types/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../src/Input.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB;;;GAGG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WA+GhB,CADF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WACE,CADF;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+CE,CAAA"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../src/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAA0B,MAAM,eAAe,CAAA;AAGrE,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB;;;GAGG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAuHJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAAD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsCb,CAAA;AAEF,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA"}

package/types/Input.native.d.ts

@@ -5,13 +5,16 @@ import { TextInput, type TextInputProps as RNTextInputProps } from 'react-native
  * @see — Docs https://tamagui.dev/ui/inputs#input
  */
 export declare const Input: import("@tamagui/core").TamaguiComponent<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").TamaguiComponentPropsBaseBase & RNTextInputProps, import("@tamagui/core").TextStylePropsBase & {
-    readonly placeholderTextColor?: Omit<import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallbackColor, "unset"> | undefined;
-    readonly selectionColor?: Omit<import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallbackColor, "unset"> | undefined;
+    readonly placeholderTextColor?: import("@tamagui/core").ColorTokens | undefined;
+    readonly selectionColor?: import("@tamagui/core").ColorTokens | undefined;
+    readonly cursorColor?: import("@tamagui/core").ColorTokens | undefined;
+    readonly selectionHandleColor?: import("@tamagui/core").ColorTokens | undefined;
+    readonly underlineColorAndroid?: import("@tamagui/core").ColorTokens | undefined;
 }, {
     size?: import("@tamagui/core").SizeTokens | undefined;
     disabled?: boolean | undefined;
     unstyled?: boolean | undefined;
-}>, "color" | `$${string}` | `$${number}` | import("@tamagui/core").GroupMediaKeys | `$theme-${string}` | `$theme-${number}` | "rel" | "dir" | "allowFontScaling" | "numberOfLines" | "maxFontSizeMultiplier" | "lineBreakStrategyIOS" | "selectionColor" | "textBreakStrategy" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "textAlign" | "textTransform" | "textAlignVertical" | "list" | "max" | "min" | "form" | "slot" | "title" | "hidden" | "value" | "name" | "returnKeyType" | "submitBehavior" | "blurOnSubmit" | "caretHidden" | "contextMenuHidden" | "selectTextOnFocus" | "secureTextEntry" | "onEndEditing" | "onContentSizeChange" | "onKeyPress" | "multiline" | "keyboardType" | "autoCapitalize" | "autoCorrect" | "autoFocusNative" | "keyboardAppearance" | "clearButtonMode" | "clearTextOnFocus" | "enablesReturnKeyAutomatically" | "dataDetectorTypes" | "scrollEnabled" | "passwordRules" | "rejectResponderTermination" | "spellCheck" | "lineBreakModeIOS" | "smartInsertDelete" | "inputAccessoryViewID" | "inputAccessoryViewButtonLabel" | "disableKeyboardShortcuts" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "maxLength" | "minLength" | "multiple" | "pattern" | "placeholder" | "readOnly" | "required" | "src" | "step" | "type" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "rev" | "typeof" | "vocab" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-dropeffect" | "aria-errormessage" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-setsize" | "aria-sort" | "onCopyCapture" | "onCutCapture" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInputCapture" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenuCapture" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeaveCapture" | "onDragOverCapture" | "onDragStartCapture" | "onDropCapture" | "onMouseDownCapture" | "onMouseMoveCapture" | "onMouseOutCapture" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "cursorColor" | "selectionHandleColor" | "underlineColorAndroid" | "importantForAutofill" | "disableFullscreenUI" | "inlineImageLeft" | "inlineImagePadding" | "returnKeyLabel" | "showSoftInputOnFocus" | "placeholderTextColor" | "onChangeText" | "onSelectionChange" | "onSubmitEditing" | "selection" | "textContentType" | keyof import("@tamagui/core").StackStyleBase | keyof import("@tamagui/core").StackNonStyleProps | keyof import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> | "rows"> & import("@tamagui/core").StackNonStyleProps & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> & import("@tamagui/core").WithMediaProps<import("@tamagui/core").WithThemeShorthandsAndPseudos<import("@tamagui/core").StackStyleBase, {}>> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "color" | "size" | "children" | "style" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "textAlign" | "textTransform" | "className" | ("autoCapitalize" | "autoCorrect" | "spellCheck")> & {
+}>, "tabIndex" | "color" | "onMouseEnter" | "onMouseLeave" | "onMouseDown" | "onMouseUp" | "onMouseMove" | "onMouseOver" | "onMouseOut" | "onFocus" | "onBlur" | "onClick" | "onDoubleClick" | "onContextMenu" | "onWheel" | "onKeyDown" | "onKeyUp" | "onChange" | "onInput" | "onBeforeInput" | "onScroll" | "onCopy" | "onCut" | "onPaste" | "onDrag" | "onDragStart" | "onDragEnd" | "onDragEnter" | "onDragLeave" | "onDragOver" | "onDrop" | "onPointerDown" | "onPointerMove" | "onPointerUp" | "onPointerCancel" | "rel" | "dir" | "allowFontScaling" | "id" | "numberOfLines" | "maxFontSizeMultiplier" | "lineBreakStrategyIOS" | "disabled" | "selectionColor" | "textBreakStrategy" | "aria-label" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "aria-hidden" | "aria-modal" | "role" | "aria-labelledby" | "aria-live" | "content" | "verticalAlign" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "textAlign" | "textTransform" | "height" | "width" | "textAlignVertical" | "dangerouslySetInnerHTML" | "list" | "max" | "min" | "form" | "slot" | "title" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerMoveCapture" | "onPointerCancelCapture" | "onPointerDownCapture" | "onPointerUpCapture" | "hidden" | "value" | "name" | "returnKeyType" | "submitBehavior" | "blurOnSubmit" | "caretHidden" | "contextMenuHidden" | "selectTextOnFocus" | "secureTextEntry" | "onEndEditing" | "onContentSizeChange" | "onKeyPress" | "multiline" | "keyboardType" | "autoCapitalize" | "autoCorrect" | "autoFocusNative" | "keyboardAppearance" | "clearButtonMode" | "clearTextOnFocus" | "enablesReturnKeyAutomatically" | "dataDetectorTypes" | "scrollEnabled" | "passwordRules" | "rejectResponderTermination" | "spellCheck" | "lineBreakModeIOS" | "smartInsertDelete" | "inputAccessoryViewID" | "inputAccessoryViewButtonLabel" | "disableKeyboardShortcuts" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "maxLength" | "minLength" | "multiple" | "pattern" | "placeholder" | "readOnly" | "required" | "src" | "step" | "type" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "rev" | "typeof" | "vocab" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-dropeffect" | "aria-errormessage" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-setsize" | "aria-sort" | "onCopyCapture" | "onCutCapture" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInputCapture" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenuCapture" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeaveCapture" | "onDragOverCapture" | "onDragStartCapture" | "onDropCapture" | "onMouseDownCapture" | "onMouseMoveCapture" | "onMouseOutCapture" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "cursorColor" | "selectionHandleColor" | "underlineColorAndroid" | "importantForAutofill" | "disableFullscreenUI" | "inlineImageLeft" | "inlineImagePadding" | "returnKeyLabel" | "showSoftInputOnFocus" | "placeholderTextColor" | "onChangeText" | "onSelectionChange" | "onSubmitEditing" | "selection" | "textContentType" | "rows"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "color" | "size" | "children" | "style" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "textAlign" | "textTransform" | "className" | ("autoCapitalize" | "autoCorrect" | "spellCheck")> & {
     color?: "unset" | import("react-native").OpaqueColorValue | import("@tamagui/core").GetThemeValueForKey<"color"> | undefined;
     fontFamily?: "unset" | import("@tamagui/core").GetThemeValueForKey<"fontFamily"> | undefined;
     fontSize?: "unset" | import("@tamagui/core").GetThemeValueForKey<"fontSize"> | undefined;
@@ -46,7 +49,7 @@ export declare const Input: import("@tamagui/core").TamaguiComponent<Omit<import
         };
     }) => void;
     textContentType?: import("./types").InputTextContentType;
-}, TextInput, import("@tamagui/core").TamaguiComponentPropsBaseBase & RNTextInputProps & import("@tamagui/core").StackNonStyleProps & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> & import("@tamagui/core").WithMediaProps<import("@tamagui/core").WithThemeShorthandsAndPseudos<import("@tamagui/core").StackStyleBase, {}>> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "color" | "size" | "children" | "style" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "textAlign" | "textTransform" | "className" | ("autoCapitalize" | "autoCorrect" | "spellCheck")> & {
+}, TextInput, import("@tamagui/core").TamaguiComponentPropsBaseBase & RNTextInputProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "color" | "size" | "children" | "style" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "textAlign" | "textTransform" | "className" | ("autoCapitalize" | "autoCorrect" | "spellCheck")> & {
     color?: "unset" | import("react-native").OpaqueColorValue | import("@tamagui/core").GetThemeValueForKey<"color"> | undefined;
     fontFamily?: "unset" | import("@tamagui/core").GetThemeValueForKey<"fontFamily"> | undefined;
     fontSize?: "unset" | import("@tamagui/core").GetThemeValueForKey<"fontSize"> | undefined;
@@ -82,8 +85,11 @@ export declare const Input: import("@tamagui/core").TamaguiComponent<Omit<import
     }) => void;
     textContentType?: import("./types").InputTextContentType;
 }, import("@tamagui/core").TextStylePropsBase & {
-    readonly placeholderTextColor?: Omit<import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallbackColor, "unset"> | undefined;
-    readonly selectionColor?: Omit<import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallbackColor, "unset"> | undefined;
+    readonly placeholderTextColor?: import("@tamagui/core").ColorTokens | undefined;
+    readonly selectionColor?: import("@tamagui/core").ColorTokens | undefined;
+    readonly cursorColor?: import("@tamagui/core").ColorTokens | undefined;
+    readonly selectionHandleColor?: import("@tamagui/core").ColorTokens | undefined;
+    readonly underlineColorAndroid?: import("@tamagui/core").ColorTokens | undefined;
 }, {
     size?: import("@tamagui/core").SizeTokens | undefined;
     disabled?: boolean | undefined;
@@ -93,6 +99,9 @@ export declare const Input: import("@tamagui/core").TamaguiComponent<Omit<import
     readonly accept: {
         readonly placeholderTextColor: "color";
         readonly selectionColor: "color";
+        readonly cursorColor: "color";
+        readonly selectionHandleColor: "color";
+        readonly underlineColorAndroid: "color";
     };
     readonly validStyles: {
         [key: string]: boolean;

package/types/Input.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.native.d.ts","sourceRoot":"","sources":["../src/Input.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,IAAI,gBAAgB,EAAE,MAAM,cAAc,CAAA;AASjF;;;GAGG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WA+GV,CAAF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAAE,CAAF;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyLJ,CAAA"}
+{"version":3,"file":"Input.native.d.ts","sourceRoot":"","sources":["../src/Input.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,IAAI,gBAAgB,EAAE,MAAM,cAAc,CAAA;AASjF;;;GAGG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WA2HO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAAD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkJxB,CAAA"}