@tamagui/input 2.0.0-rc.9 → 2.0.0

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,
       },
 

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,19 +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 cursorColor?: Omit<import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallbackColor, "unset"> | undefined;
-    readonly selectionHandleColor?: Omit<import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallbackColor, "unset"> | undefined;
-    readonly underlineColorAndroid?: 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;
@@ -48,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;
@@ -84,11 +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 cursorColor?: Omit<import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallbackColor, "unset"> | undefined;
-    readonly selectionHandleColor?: Omit<import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallbackColor, "unset"> | undefined;
-    readonly underlineColorAndroid?: 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;
@@ -106,4 +107,5 @@ export declare const Input: import("@tamagui/core").TamaguiComponent<Omit<import
         [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,16 +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 cursorColor?: Omit<import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallbackColor, "unset"> | undefined;
-    readonly selectionHandleColor?: Omit<import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallbackColor, "unset"> | undefined;
-    readonly underlineColorAndroid?: 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;
@@ -49,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;
@@ -85,11 +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 cursorColor?: Omit<import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallbackColor, "unset"> | undefined;
-    readonly selectionHandleColor?: Omit<import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallbackColor, "unset"> | undefined;
-    readonly underlineColorAndroid?: 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;

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+GR,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAAD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8JT,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"}

package/types/TextArea.d.ts

@@ -1,9 +1,9 @@
-export type { InputProps as TextAreaProps } from './types';
+import { type GetProps } from '@tamagui/web';
 /**
  * A web-aligned textarea component (multi-line input).
  * @see — Docs https://tamagui.dev/ui/inputs#textarea
  */
-export declare const TextArea: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & import("@tamagui/web").StackNonStyleProps & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> & import("@tamagui/web").WithMediaProps<import("@tamagui/web").WithThemeShorthandsAndPseudos<import("@tamagui/web").StackStyleBase, {}>> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "color" | "size" | "children" | "style" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "textAlign" | "textTransform" | "className" | ("autoCapitalize" | "autoCorrect" | "spellCheck")> & {
+export declare const TextArea: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<import("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/web").GetThemeValueForKey<"color"> | undefined;
     fontFamily?: "unset" | import("@tamagui/web").GetThemeValueForKey<"fontFamily"> | undefined;
     fontSize?: "unset" | import("@tamagui/web").GetThemeValueForKey<"fontSize"> | undefined;
@@ -39,11 +39,11 @@ export declare const TextArea: import("@tamagui/web").TamaguiComponent<import("@
     }) => void;
     textContentType?: import("./types").InputTextContentType;
 }, import("@tamagui/web").StackStyleBase & {
-    readonly placeholderTextColor?: Omit<import("@tamagui/web").ColorTokens | import("@tamagui/web").ThemeValueFallbackColor, "unset"> | undefined;
-    readonly selectionColor?: Omit<import("@tamagui/web").ColorTokens | import("@tamagui/web").ThemeValueFallbackColor, "unset"> | undefined;
-    readonly cursorColor?: Omit<import("@tamagui/web").ColorTokens | import("@tamagui/web").ThemeValueFallbackColor, "unset"> | undefined;
-    readonly selectionHandleColor?: Omit<import("@tamagui/web").ColorTokens | import("@tamagui/web").ThemeValueFallbackColor, "unset"> | undefined;
-    readonly underlineColorAndroid?: Omit<import("@tamagui/web").ColorTokens | import("@tamagui/web").ThemeValueFallbackColor, "unset"> | undefined;
+    readonly placeholderTextColor?: import("@tamagui/web").ColorTokens | undefined;
+    readonly selectionColor?: import("@tamagui/web").ColorTokens | undefined;
+    readonly cursorColor?: import("@tamagui/web").ColorTokens | undefined;
+    readonly selectionHandleColor?: import("@tamagui/web").ColorTokens | undefined;
+    readonly underlineColorAndroid?: import("@tamagui/web").ColorTokens | undefined;
 }, {
     size?: import("@tamagui/web").SizeTokens | undefined;
     disabled?: boolean | undefined;
@@ -61,4 +61,5 @@ export declare const TextArea: import("@tamagui/web").TamaguiComponent<import("@
         [key: string]: boolean;
     } | undefined;
 } & import("@tamagui/web").StaticConfigPublic>;
+export type TextAreaProps = GetProps<typeof TextArea>;
 //# sourceMappingURL=TextArea.d.ts.map

package/types/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../src/TextArea.tsx"],"names":[],"mappings":"AAIA,YAAY,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,SAAS,CAAA;AAE1D;;;GAGG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;WA0B20E,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8CAD/1E,CAAA"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../src/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAU,MAAM,cAAc,CAAA;AAIpD;;;GAGG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;WA4BslF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8CAH1mF,CAAA;AAEF,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA"}

package/types/index.d.ts

@@ -1,6 +1,6 @@
 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, InputAndroidProps, InputDataDetectorTypes, InputReturnKeyType, InputKeyboardType, } from './InputNativeProps';
 //# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAChE,YAAY,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAC/D,YAAY,EACV,gBAAgB,EAChB,aAAa,EACb,iBAAiB,EACjB,sBAAsB,EACtB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,oBAAoB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAChE,YAAY,EAAE,eAAe,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAC9E,YAAY,EACV,gBAAgB,EAChB,aAAa,EACb,iBAAiB,EACjB,sBAAsB,EACtB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,oBAAoB,CAAA"}

package/types/shared.d.ts

@@ -50,6 +50,11 @@ export declare const styledBody: readonly [{
     readonly render: "input";
     readonly variants: {
         readonly unstyled: {
+            readonly true: {
+                readonly outlineWidth: 0;
+                readonly borderWidth: 0;
+                readonly backgroundColor: "transparent";
+            };
             readonly false: {
                 readonly borderColor: "$borderColor";
                 readonly backgroundColor: "$background";