@tamagui/input 2.7.7 → 3.0.0-beta.643.1

package/types/TextArea.d.ts

@@ -3,18 +3,88 @@ 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 & 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;
-    fontStyle?: "unset" | "normal" | "italic" | undefined;
-    fontWeight?: "unset" | import("@tamagui/web").GetThemeValueForKey<"fontWeight"> | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
-    letterSpacing?: "unset" | import("@tamagui/web").GetThemeValueForKey<"letterSpacing"> | undefined;
-    textAlign?: "auto" | "unset" | "left" | "right" | "center" | "justify" | undefined;
-    textTransform?: "unset" | "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+export declare const TextArea: import("react").FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase & import("@tamagui/web").TextStylePropsBase & {
+    readonly placeholderTextColor?: import("@tamagui/web").Color | undefined;
+    readonly selectionColor?: import("@tamagui/web").Color | undefined;
+    readonly cursorColor?: import("@tamagui/web").Color | undefined;
+    readonly selectionHandleColor?: import("@tamagui/web").Color | undefined;
+    readonly underlineColorAndroid?: import("@tamagui/web").Color | undefined;
+}, {
+    disabled?: boolean | undefined;
+    size?: false | import("@tamagui/web").Size | undefined;
+}>, "about" | "accept" | "accessKey" | "allowFontScaling" | "alt" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "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-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "autoCapitalize" | "autoComplete" | "autoCorrect" | "autoFocus" | "autoFocusNative" | "autoSave" | "blurOnSubmit" | "capture" | "caretHidden" | "checked" | "clearButtonMode" | "clearTextOnFocus" | "color" | "content" | "contentEditable" | "contextMenu" | "contextMenuHidden" | "cursorColor" | "dangerouslySetInnerHTML" | "dataDetectorTypes" | "datatype" | "defaultChecked" | "defaultValue" | "dir" | "disableFullscreenUI" | "disableKeyboardShortcuts" | "disabled" | "draggable" | "enablesReturnKeyAutomatically" | "enterKeyHint" | "exportparts" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "hidden" | "id" | "importantForAutofill" | "inert" | "inlineImageLeft" | "inlineImagePadding" | "inlist" | "inputAccessoryViewButtonLabel" | "inputAccessoryViewID" | "inputMode" | "is" | "itemID" | "itemProp" | "itemRef" | "itemScope" | "itemType" | "keyboardAppearance" | "keyboardType" | "lang" | "letterSpacing" | "lineBreakModeIOS" | "lineBreakStrategyIOS" | "list" | "max" | "maxFontSizeMultiplier" | "maxLength" | "min" | "minLength" | "multiline" | "multiple" | "name" | "nonce" | "numberOfLines" | "onAbort" | "onAbortCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAuxClick" | "onAuxClickCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onBeforeToggle" | "onBlur" | "onBlurCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onChange" | "onChangeCapture" | "onChangeText" | "onClick" | "onClickCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onContentSizeChange" | "onContextMenu" | "onContextMenuCapture" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEndEditing" | "onEnded" | "onEndedCapture" | "onError" | "onErrorCapture" | "onFocus" | "onFocusCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onLoad" | "onLoadCapture" | "onLoadStart" | "onLoadStartCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onPaste" | "onPasteCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onPointerMoveCapture" | "onPointerOut" | "onPointerOutCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerUp" | "onPointerUpCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onReset" | "onResetCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onSelect" | "onSelectCapture" | "onSelectionChange" | "onStalled" | "onStalledCapture" | "onSubmit" | "onSubmitCapture" | "onSubmitEditing" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onToggle" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onWheel" | "onWheelCapture" | "part" | "passwordRules" | "pattern" | "placeholder" | "placeholderTextColor" | "popover" | "popoverTarget" | "popoverTargetAction" | "prefix" | "property" | "radioGroup" | "readOnly" | "rejectResponderTermination" | "rel" | "required" | "resource" | "results" | "returnKeyLabel" | "returnKeyType" | "rev" | "role" | "rows" | "scrollEnabled" | "secureTextEntry" | "security" | "selectTextOnFocus" | "selection" | "selectionColor" | "selectionHandleColor" | "showSoftInputOnFocus" | "slot" | "smartInsertDelete" | "spellCheck" | "src" | "step" | "submitBehavior" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "tabIndex" | "textAlign" | "textAlignVertical" | "textBreakStrategy" | "textContentType" | "textTransform" | "title" | "translate" | "type" | "typeof" | "underlineColorAndroid" | "unselectable" | "value" | "verticalAlign" | "vocab" | "width"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "children" | "className" | "color" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "size" | "style" | "textAlign" | "textTransform" | ("autoCapitalize" | "autoCorrect" | "spellCheck")> & {
+    fontFamily?: import("@tamagui/web").FlatStyleValue<import("@tamagui/web").GetThemeValueForKey<"fontFamily"> | undefined>;
+    fontSize?: import("@tamagui/web").FlatStyleValue<import("@tamagui/web").GetThemeValueForKey<"fontSize"> | undefined>;
+    fontStyle?: import("@tamagui/web").FlatStyleValue<"italic" | "normal" | "unset" | undefined>;
+    fontWeight?: import("@tamagui/web").FlatStyleValue<"unset" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | import("@tamagui/web").GetThemeValueForKey<"fontWeight"> | undefined>;
+    letterSpacing?: import("@tamagui/web").FlatStyleValue<"unset" | import("@tamagui/web").GetThemeValueForKey<"letterSpacing"> | undefined>;
+    textAlign?: import("@tamagui/web").FlatStyleValue<"auto" | "center" | "justify" | "left" | "right" | "unset" | undefined>;
+    textTransform?: import("@tamagui/web").FlatStyleValue<"capitalize" | "lowercase" | "none" | "unset" | "uppercase" | undefined>;
+    color?: import("@tamagui/web").ColorStyleProp;
 } & Omit<import("./InputNativeProps").InputNativeProps, "autoCapitalize" | "autoCorrect" | "spellCheck"> & {
-    autoCorrect?: boolean | "on" | "off";
-    autoCapitalize?: "none" | "sentences" | "words" | "characters" | "off" | "on";
+    autoCorrect?: boolean | 'on' | 'off';
+    autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters' | 'off' | 'on';
+    spellCheck?: boolean;
+    rows?: number;
+    placeholderTextColor?: import("@tamagui/web").ColorTokens;
+    selectionColor?: import("@tamagui/web").ColorTokens;
+    onChangeText?: (text: string) => void;
+    onSubmitEditing?: (e: {
+        nativeEvent: {
+            text: string;
+        };
+    }) => void;
+    selection?: {
+        start: number;
+        end?: number;
+    };
+    onSelectionChange?: (e: {
+        nativeEvent: {
+            selection: {
+                start: number;
+                end: number;
+            };
+        };
+    }) => void;
+    textContentType?: import("./types").InputTextContentType;
+}, "alignContent" | "alignItems" | "alignSelf" | "animateOnly" | "animatePresence" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "border" | "borderBlock" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottomColor" | "borderBottomEndRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStartRadius" | "borderBottomWidth" | "borderColor" | "borderCurve" | "borderEndColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderEndWidth" | "borderImage" | "borderInline" | "borderInlineColor" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeftColor" | "borderLeftWidth" | "borderRadius" | "borderRightColor" | "borderRightWidth" | "borderStartColor" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStartWidth" | "borderStyle" | "borderTopColor" | "borderTopEndRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStartRadius" | "borderTopWidth" | "borderWidth" | "bottom" | "boxShadow" | "boxSizing" | "caretColor" | "clipPath" | "color" | "columnGap" | "contain" | "containerName" | "containerType" | "cursor" | "cursorColor" | "direction" | "disabled" | "display" | "elevation" | "ellipsis" | "end" | "experimental_backgroundImage" | "experimental_backgroundPosition" | "experimental_backgroundRepeat" | "experimental_backgroundSize" | "filter" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "font" | "fontFamily" | "fontSize" | "fontStyle" | "fontVariant" | "fontWeight" | "gap" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "height" | "includeFontPadding" | "inlineSize" | "inset" | "insetBlock" | "insetBlockEnd" | "insetBlockStart" | "insetInline" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "left" | "letterSpacing" | "lineHeight" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginEnd" | "marginHorizontal" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginStart" | "marginTop" | "marginVertical" | "mask" | "maskBorder" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "matrix" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "numberOfLines" | "objectFit" | "onTransition" | "opacity" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowBlock" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingEnd" | "paddingHorizontal" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingStart" | "paddingTop" | "paddingVertical" | "passThrough" | "perspective" | "placeholderTextColor" | "pointerEvents" | "position" | "resize" | "right" | "rotate" | "rotateX" | "rotateY" | "rotateZ" | "rotation" | "rowGap" | "scale" | "scaleX" | "scaleY" | "selectionColor" | "selectionHandleColor" | "shadowColor" | "shadowOffset" | "shadowOpacity" | "shadowRadius" | "size" | "skewX" | "skewY" | "start" | "textAlign" | "textAlignVertical" | "textDecoration" | "textDecorationColor" | "textDecorationDistance" | "textDecorationLine" | "textDecorationStyle" | "textEmphasis" | "textOverflow" | "textShadow" | "textShadowColor" | "textShadowOffset" | "textShadowRadius" | "textTransform" | "textWrap" | "top" | "transform" | "transformMatrix" | "transformOrigin" | "transformStyle" | "transition" | "translateX" | "translateY" | "underlineColorAndroid" | "userSelect" | "verticalAlign" | "visibility" | "whiteSpace" | "width" | "wordWrap" | "writingDirection" | "x" | "y" | "zIndex"> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase & import("@tamagui/web").TextStylePropsBase & {
+    readonly placeholderTextColor?: import("@tamagui/web").Color | undefined;
+    readonly selectionColor?: import("@tamagui/web").Color | undefined;
+    readonly cursorColor?: import("@tamagui/web").Color | undefined;
+    readonly selectionHandleColor?: import("@tamagui/web").Color | undefined;
+    readonly underlineColorAndroid?: import("@tamagui/web").Color | undefined;
+}> & {
+    disabled?: boolean | undefined;
+    size?: false | import("@tamagui/web").Size | undefined;
+} & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase & import("@tamagui/web").TextStylePropsBase & {
+    readonly placeholderTextColor?: import("@tamagui/web").Color | undefined;
+    readonly selectionColor?: import("@tamagui/web").Color | undefined;
+    readonly cursorColor?: import("@tamagui/web").Color | undefined;
+    readonly selectionHandleColor?: import("@tamagui/web").Color | undefined;
+    readonly underlineColorAndroid?: import("@tamagui/web").Color | undefined;
+}>> & {
+    ref?: import("react").Ref<import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods)> | undefined;
+}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods), import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase & import("@tamagui/web").TextStylePropsBase & {
+    readonly placeholderTextColor?: import("@tamagui/web").Color | undefined;
+    readonly selectionColor?: import("@tamagui/web").Color | undefined;
+    readonly cursorColor?: import("@tamagui/web").Color | undefined;
+    readonly selectionHandleColor?: import("@tamagui/web").Color | undefined;
+    readonly underlineColorAndroid?: import("@tamagui/web").Color | undefined;
+}, {
+    disabled?: boolean | undefined;
+    size?: false | import("@tamagui/web").Size | undefined;
+}>, "about" | "accept" | "accessKey" | "allowFontScaling" | "alt" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "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-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "autoCapitalize" | "autoComplete" | "autoCorrect" | "autoFocus" | "autoFocusNative" | "autoSave" | "blurOnSubmit" | "capture" | "caretHidden" | "checked" | "clearButtonMode" | "clearTextOnFocus" | "color" | "content" | "contentEditable" | "contextMenu" | "contextMenuHidden" | "cursorColor" | "dangerouslySetInnerHTML" | "dataDetectorTypes" | "datatype" | "defaultChecked" | "defaultValue" | "dir" | "disableFullscreenUI" | "disableKeyboardShortcuts" | "disabled" | "draggable" | "enablesReturnKeyAutomatically" | "enterKeyHint" | "exportparts" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "hidden" | "id" | "importantForAutofill" | "inert" | "inlineImageLeft" | "inlineImagePadding" | "inlist" | "inputAccessoryViewButtonLabel" | "inputAccessoryViewID" | "inputMode" | "is" | "itemID" | "itemProp" | "itemRef" | "itemScope" | "itemType" | "keyboardAppearance" | "keyboardType" | "lang" | "letterSpacing" | "lineBreakModeIOS" | "lineBreakStrategyIOS" | "list" | "max" | "maxFontSizeMultiplier" | "maxLength" | "min" | "minLength" | "multiline" | "multiple" | "name" | "nonce" | "numberOfLines" | "onAbort" | "onAbortCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAuxClick" | "onAuxClickCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onBeforeToggle" | "onBlur" | "onBlurCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onChange" | "onChangeCapture" | "onChangeText" | "onClick" | "onClickCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onContentSizeChange" | "onContextMenu" | "onContextMenuCapture" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEndEditing" | "onEnded" | "onEndedCapture" | "onError" | "onErrorCapture" | "onFocus" | "onFocusCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onLoad" | "onLoadCapture" | "onLoadStart" | "onLoadStartCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onPaste" | "onPasteCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onPointerMoveCapture" | "onPointerOut" | "onPointerOutCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerUp" | "onPointerUpCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onReset" | "onResetCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onSelect" | "onSelectCapture" | "onSelectionChange" | "onStalled" | "onStalledCapture" | "onSubmit" | "onSubmitCapture" | "onSubmitEditing" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onToggle" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onWheel" | "onWheelCapture" | "part" | "passwordRules" | "pattern" | "placeholder" | "placeholderTextColor" | "popover" | "popoverTarget" | "popoverTargetAction" | "prefix" | "property" | "radioGroup" | "readOnly" | "rejectResponderTermination" | "rel" | "required" | "resource" | "results" | "returnKeyLabel" | "returnKeyType" | "rev" | "role" | "rows" | "scrollEnabled" | "secureTextEntry" | "security" | "selectTextOnFocus" | "selection" | "selectionColor" | "selectionHandleColor" | "showSoftInputOnFocus" | "slot" | "smartInsertDelete" | "spellCheck" | "src" | "step" | "submitBehavior" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "tabIndex" | "textAlign" | "textAlignVertical" | "textBreakStrategy" | "textContentType" | "textTransform" | "title" | "translate" | "type" | "typeof" | "underlineColorAndroid" | "unselectable" | "value" | "verticalAlign" | "vocab" | "width"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "children" | "className" | "color" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "size" | "style" | "textAlign" | "textTransform" | ("autoCapitalize" | "autoCorrect" | "spellCheck")> & {
+    fontFamily?: import("@tamagui/web").FlatStyleValue<import("@tamagui/web").GetThemeValueForKey<"fontFamily"> | undefined>;
+    fontSize?: import("@tamagui/web").FlatStyleValue<import("@tamagui/web").GetThemeValueForKey<"fontSize"> | undefined>;
+    fontStyle?: import("@tamagui/web").FlatStyleValue<"italic" | "normal" | "unset" | undefined>;
+    fontWeight?: import("@tamagui/web").FlatStyleValue<"unset" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | import("@tamagui/web").GetThemeValueForKey<"fontWeight"> | undefined>;
+    letterSpacing?: import("@tamagui/web").FlatStyleValue<"unset" | import("@tamagui/web").GetThemeValueForKey<"letterSpacing"> | undefined>;
+    textAlign?: import("@tamagui/web").FlatStyleValue<"auto" | "center" | "justify" | "left" | "right" | "unset" | undefined>;
+    textTransform?: import("@tamagui/web").FlatStyleValue<"capitalize" | "lowercase" | "none" | "unset" | "uppercase" | undefined>;
+    color?: import("@tamagui/web").ColorStyleProp;
+} & Omit<import("./InputNativeProps").InputNativeProps, "autoCapitalize" | "autoCorrect" | "spellCheck"> & {
+    autoCorrect?: boolean | 'on' | 'off';
+    autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters' | 'off' | 'on';
     spellCheck?: boolean;
     rows?: number;
     placeholderTextColor?: import("@tamagui/web").ColorTokens;
@@ -39,27 +109,105 @@ export declare const TextArea: import("@tamagui/web").TamaguiComponent<import("@
     }) => void;
     textContentType?: import("./types").InputTextContentType;
 }, import("@tamagui/web").StackStyleBase & import("@tamagui/web").TextStylePropsBase & {
-    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;
+    readonly placeholderTextColor?: import("@tamagui/web").Color | undefined;
+    readonly selectionColor?: import("@tamagui/web").Color | undefined;
+    readonly cursorColor?: import("@tamagui/web").Color | undefined;
+    readonly selectionHandleColor?: import("@tamagui/web").Color | undefined;
+    readonly underlineColorAndroid?: import("@tamagui/web").Color | undefined;
 }, {
-    size?: import("@tamagui/web").SizeTokens | undefined;
     disabled?: boolean | undefined;
-    unstyled?: boolean | undefined;
+    size?: false | import("@tamagui/web").Size | undefined;
 }, {
     readonly isInput: true;
     readonly accept: {
-        readonly placeholderTextColor: "color";
-        readonly selectionColor: "color";
-        readonly cursorColor: "color";
-        readonly selectionHandleColor: "color";
-        readonly underlineColorAndroid: "color";
+        readonly placeholderTextColor: 'color';
+        readonly selectionColor: 'color';
+        readonly cursorColor: 'color';
+        readonly selectionHandleColor: 'color';
+        readonly underlineColorAndroid: 'color';
     };
     readonly validStyles: {
         [key: string]: boolean;
     } | undefined;
-} & import("@tamagui/web").StaticConfigPublic>;
+} & import("@tamagui/web").StaticConfigPublic> & Omit<{
+    readonly isInput: true;
+    readonly accept: {
+        readonly placeholderTextColor: 'color';
+        readonly selectionColor: 'color';
+        readonly cursorColor: 'color';
+        readonly selectionHandleColor: 'color';
+        readonly underlineColorAndroid: 'color';
+    };
+    readonly validStyles: {
+        [key: string]: boolean;
+    } | undefined;
+} & import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
+    __tama: [import("@tamagui/web").TamaDefer, import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods), import("@tamagui/core").RNTamaguiViewNonStyleProps & Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase & import("@tamagui/web").TextStylePropsBase & {
+        readonly placeholderTextColor?: import("@tamagui/web").Color | undefined;
+        readonly selectionColor?: import("@tamagui/web").Color | undefined;
+        readonly cursorColor?: import("@tamagui/web").Color | undefined;
+        readonly selectionHandleColor?: import("@tamagui/web").Color | undefined;
+        readonly underlineColorAndroid?: import("@tamagui/web").Color | undefined;
+    }, {
+        disabled?: boolean | undefined;
+        size?: false | import("@tamagui/web").Size | undefined;
+    }>, "about" | "accept" | "accessKey" | "allowFontScaling" | "alt" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "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-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "autoCapitalize" | "autoComplete" | "autoCorrect" | "autoFocus" | "autoFocusNative" | "autoSave" | "blurOnSubmit" | "capture" | "caretHidden" | "checked" | "clearButtonMode" | "clearTextOnFocus" | "color" | "content" | "contentEditable" | "contextMenu" | "contextMenuHidden" | "cursorColor" | "dangerouslySetInnerHTML" | "dataDetectorTypes" | "datatype" | "defaultChecked" | "defaultValue" | "dir" | "disableFullscreenUI" | "disableKeyboardShortcuts" | "disabled" | "draggable" | "enablesReturnKeyAutomatically" | "enterKeyHint" | "exportparts" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "hidden" | "id" | "importantForAutofill" | "inert" | "inlineImageLeft" | "inlineImagePadding" | "inlist" | "inputAccessoryViewButtonLabel" | "inputAccessoryViewID" | "inputMode" | "is" | "itemID" | "itemProp" | "itemRef" | "itemScope" | "itemType" | "keyboardAppearance" | "keyboardType" | "lang" | "letterSpacing" | "lineBreakModeIOS" | "lineBreakStrategyIOS" | "list" | "max" | "maxFontSizeMultiplier" | "maxLength" | "min" | "minLength" | "multiline" | "multiple" | "name" | "nonce" | "numberOfLines" | "onAbort" | "onAbortCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAuxClick" | "onAuxClickCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onBeforeToggle" | "onBlur" | "onBlurCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onChange" | "onChangeCapture" | "onChangeText" | "onClick" | "onClickCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onContentSizeChange" | "onContextMenu" | "onContextMenuCapture" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEndEditing" | "onEnded" | "onEndedCapture" | "onError" | "onErrorCapture" | "onFocus" | "onFocusCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onLoad" | "onLoadCapture" | "onLoadStart" | "onLoadStartCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onPaste" | "onPasteCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onPointerMoveCapture" | "onPointerOut" | "onPointerOutCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerUp" | "onPointerUpCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onReset" | "onResetCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onSelect" | "onSelectCapture" | "onSelectionChange" | "onStalled" | "onStalledCapture" | "onSubmit" | "onSubmitCapture" | "onSubmitEditing" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onToggle" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onWheel" | "onWheelCapture" | "part" | "passwordRules" | "pattern" | "placeholder" | "placeholderTextColor" | "popover" | "popoverTarget" | "popoverTargetAction" | "prefix" | "property" | "radioGroup" | "readOnly" | "rejectResponderTermination" | "rel" | "required" | "resource" | "results" | "returnKeyLabel" | "returnKeyType" | "rev" | "role" | "rows" | "scrollEnabled" | "secureTextEntry" | "security" | "selectTextOnFocus" | "selection" | "selectionColor" | "selectionHandleColor" | "showSoftInputOnFocus" | "slot" | "smartInsertDelete" | "spellCheck" | "src" | "step" | "submitBehavior" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "tabIndex" | "textAlign" | "textAlignVertical" | "textBreakStrategy" | "textContentType" | "textTransform" | "title" | "translate" | "type" | "typeof" | "underlineColorAndroid" | "unselectable" | "value" | "verticalAlign" | "vocab" | "width"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "children" | "className" | "color" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "size" | "style" | "textAlign" | "textTransform" | ("autoCapitalize" | "autoCorrect" | "spellCheck")> & {
+        fontFamily?: import("@tamagui/web").FlatStyleValue<import("@tamagui/web").GetThemeValueForKey<"fontFamily"> | undefined>;
+        fontSize?: import("@tamagui/web").FlatStyleValue<import("@tamagui/web").GetThemeValueForKey<"fontSize"> | undefined>;
+        fontStyle?: import("@tamagui/web").FlatStyleValue<"italic" | "normal" | "unset" | undefined>;
+        fontWeight?: import("@tamagui/web").FlatStyleValue<"unset" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | import("@tamagui/web").GetThemeValueForKey<"fontWeight"> | undefined>;
+        letterSpacing?: import("@tamagui/web").FlatStyleValue<"unset" | import("@tamagui/web").GetThemeValueForKey<"letterSpacing"> | undefined>;
+        textAlign?: import("@tamagui/web").FlatStyleValue<"auto" | "center" | "justify" | "left" | "right" | "unset" | undefined>;
+        textTransform?: import("@tamagui/web").FlatStyleValue<"capitalize" | "lowercase" | "none" | "unset" | "uppercase" | undefined>;
+        color?: import("@tamagui/web").ColorStyleProp;
+    } & Omit<import("./InputNativeProps").InputNativeProps, "autoCapitalize" | "autoCorrect" | "spellCheck"> & {
+        autoCorrect?: boolean | 'on' | 'off';
+        autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters' | 'off' | 'on';
+        spellCheck?: boolean;
+        rows?: number;
+        placeholderTextColor?: import("@tamagui/web").ColorTokens;
+        selectionColor?: import("@tamagui/web").ColorTokens;
+        onChangeText?: (text: string) => void;
+        onSubmitEditing?: (e: {
+            nativeEvent: {
+                text: string;
+            };
+        }) => void;
+        selection?: {
+            start: number;
+            end?: number;
+        };
+        onSelectionChange?: (e: {
+            nativeEvent: {
+                selection: {
+                    start: number;
+                    end: number;
+                };
+            };
+        }) => void;
+        textContentType?: import("./types").InputTextContentType;
+    }, import("@tamagui/web").StackStyleBase & import("@tamagui/web").TextStylePropsBase & {
+        readonly placeholderTextColor?: import("@tamagui/web").Color | undefined;
+        readonly selectionColor?: import("@tamagui/web").Color | undefined;
+        readonly cursorColor?: import("@tamagui/web").Color | undefined;
+        readonly selectionHandleColor?: import("@tamagui/web").Color | undefined;
+        readonly underlineColorAndroid?: import("@tamagui/web").Color | undefined;
+    }, {
+        disabled?: boolean | undefined;
+        size?: false | import("@tamagui/web").Size | undefined;
+    }, {
+        readonly isInput: true;
+        readonly accept: {
+            readonly placeholderTextColor: 'color';
+            readonly selectionColor: 'color';
+            readonly cursorColor: 'color';
+            readonly selectionHandleColor: 'color';
+            readonly underlineColorAndroid: 'color';
+        };
+        readonly validStyles: {
+            [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":"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"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBnB,CAAA;AAEF,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA"}

package/types/shared.d.ts

@@ -1,122 +1,37 @@
 import type { SizeVariantSpreadFunction } from '@tamagui/core';
 export declare const defaultStyles: {
-    readonly borderColor: "$borderColor";
-    readonly backgroundColor: "$background";
-    readonly minWidth: 0;
-    readonly hoverStyle: {
-        readonly borderColor: "$borderColorHover";
-    };
-    readonly focusStyle: {
-        readonly borderColor: "$borderColorFocus";
-    };
-    readonly focusVisibleStyle: {
-        readonly outlineColor: "$outlineColor";
-        readonly outlineWidth: 2;
-        readonly outlineStyle: "solid";
-    };
-    readonly tabIndex: 0;
-    readonly size: "$true";
-    readonly fontFamily: "$body";
-    readonly borderWidth: 1;
+    readonly size: true;
     readonly outlineWidth: 0;
-    readonly color: "$color";
-} | {
-    readonly borderColor: "$borderColor";
-    readonly backgroundColor: "$background";
+    readonly tabIndex: 0;
     readonly minWidth: 0;
-    readonly hoverStyle: {
-        readonly borderColor: "$borderColorHover";
-    };
-    readonly focusStyle: {
-        readonly borderColor: "$borderColorFocus";
-    };
-    readonly focusVisibleStyle: {
-        readonly outlineColor: "$outlineColor";
-        readonly outlineWidth: 2;
-        readonly outlineStyle: "solid";
-    };
-    readonly focusable: boolean;
-    readonly size: "$true";
-    readonly fontFamily: "$body";
-    readonly borderWidth: 1;
-    readonly outlineWidth: 0;
-    readonly color: "$color";
 };
 export declare const inputSizeVariant: SizeVariantSpreadFunction<any>;
 export declare const textAreaSizeVariant: SizeVariantSpreadFunction<any>;
 export declare const INPUT_NAME = "Input";
 export declare const styledBody: readonly [{
+    readonly size: true;
+    readonly outlineWidth: 0;
+    readonly tabIndex: 0;
+    readonly minWidth: 0;
     readonly name: "Input";
-    readonly render: "input";
+    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";
-                readonly minWidth: 0;
-                readonly hoverStyle: {
-                    readonly borderColor: "$borderColorHover";
-                };
-                readonly focusStyle: {
-                    readonly borderColor: "$borderColorFocus";
-                };
-                readonly focusVisibleStyle: {
-                    readonly outlineColor: "$outlineColor";
-                    readonly outlineWidth: 2;
-                    readonly outlineStyle: "solid";
-                };
-                readonly tabIndex: 0;
-                readonly size: "$true";
-                readonly fontFamily: "$body";
-                readonly borderWidth: 1;
-                readonly outlineWidth: 0;
-                readonly color: "$color";
-            } | {
-                readonly borderColor: "$borderColor";
-                readonly backgroundColor: "$background";
-                readonly minWidth: 0;
-                readonly hoverStyle: {
-                    readonly borderColor: "$borderColorHover";
-                };
-                readonly focusStyle: {
-                    readonly borderColor: "$borderColorFocus";
-                };
-                readonly focusVisibleStyle: {
-                    readonly outlineColor: "$outlineColor";
-                    readonly outlineWidth: 2;
-                    readonly outlineStyle: "solid";
-                };
-                readonly focusable: boolean;
-                readonly size: "$true";
-                readonly fontFamily: "$body";
-                readonly borderWidth: 1;
-                readonly outlineWidth: 0;
-                readonly color: "$color";
-            };
-        };
         readonly size: {
-            readonly '...size': SizeVariantSpreadFunction<any>;
+            readonly true: SizeVariantSpreadFunction<any>;
+            readonly Size: SizeVariantSpreadFunction<any>;
         };
         readonly disabled: {
             readonly true: {};
         };
     };
-    readonly defaultVariants: {
-        readonly unstyled: boolean;
-    };
 }, {
     readonly isInput: true;
     readonly accept: {
-        readonly placeholderTextColor: "color";
-        readonly selectionColor: "color";
-        readonly cursorColor: "color";
-        readonly selectionHandleColor: "color";
-        readonly underlineColorAndroid: "color";
+        readonly placeholderTextColor: 'color';
+        readonly selectionColor: 'color';
+        readonly cursorColor: 'color';
+        readonly selectionHandleColor: 'color';
+        readonly underlineColorAndroid: 'color';
     };
     readonly validStyles: {
         [key: string]: boolean;

package/types/shared.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../src/shared.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAO9D,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkChB,CAAA;AAEV,eAAO,MAAM,gBAAgB,EAAE,yBAAyB,CAAC,GAAG,CA4B3D,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,yBAAyB,CAAC,GAAG,CA6B9D,CAAA;AACD,eAAO,MAAM,UAAU,UAAU,CAAA;AAEjC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyCb,CAAA"}
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../src/shared.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAuB,MAAM,eAAe,CAAA;AAUnF,eAAO,MAAM,aAAa;aACxB,IAAI;aACJ,YAAY,EAAE,CAAC;aACf,QAAQ,EAAE,CAAC;aAGX,QAAQ,EAAE,CAAC;CACH,CAAA;AA+CV,eAAO,MAAM,gBAAgB,EAAE,yBAAyB,CAAC,GAAG,CAsB3D,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,yBAAyB,CAAC,GAAG,CAqB9D,CAAA;AACD,eAAO,MAAM,UAAU,UAAU,CAAA;AAEjC,eAAO,MAAM,UAAU;;2BApGP,CAAC;uBACL,CAAC;uBAGD,CAAC;;qBAmGD,OAAO;;iBAGb,IAAI;qBACF,IAAI;qBACJ,IAAI;;iBAGN,QAAQ;qBACN,IAAI;;;;;;iBAQN,oBAAoB,EAAE,OAAO;iBAC7B,cAAc,EAAE,OAAO;iBACvB,WAAW,EAAE,OAAO;iBACpB,oBAAoB,EAAE,OAAO;iBAC7B,qBAAqB,EAAE,OAAO;;;;;EAK1B,CAAA"}

package/types/types.d.ts

@@ -3,7 +3,7 @@ import type { TextInput } from 'react-native';
 import type { InputNativeProps } from './InputNativeProps';
 /**
  * Extra props that Input adds on top of the base styled component.
- * Used with .styleable<InputExtraProps>() - the Styleable merge
+ * Annotated on the createStyledHOC render fn - the StyledHOCMergedProps merge
  * (`Omit<BaseProps, keyof CustomProps> & CustomProps`) automatically overrides
  * base event handlers (HTMLDivElement) with these (HTMLInputElement).
  * Consumer-facing InputProps is derived via GetProps<typeof Input>.

package/dist/cjs/inputTypes.test-d.cjs

@@ -1,128 +0,0 @@
-var import_vitest = require("vitest");
-(0, import_vitest.describe)("Input event handler types", () => {
-  (0, import_vitest.test)("onChange event uses HTMLInputElement", () => {
-    (0, import_vitest.expectTypeOf)().toMatchTypeOf();
-  });
-  (0, import_vitest.test)("onFocus event uses HTMLInputElement", () => {
-    (0, import_vitest.expectTypeOf)().toMatchTypeOf();
-  });
-  (0, import_vitest.test)("onBlur event uses HTMLInputElement", () => {
-    (0, import_vitest.expectTypeOf)().toMatchTypeOf();
-  });
-  (0, import_vitest.test)("onKeyDown event uses HTMLInputElement", () => {
-    (0, import_vitest.expectTypeOf)().toMatchTypeOf();
-  });
-  (0, import_vitest.test)("onClick event uses HTMLInputElement", () => {
-    (0, import_vitest.expectTypeOf)().toMatchTypeOf();
-  });
-  (0, import_vitest.test)("onChange event is NOT typed with HTMLDivElement", () => {
-    (0, import_vitest.expectTypeOf)().toEqualTypeOf();
-  });
-});
-(0, import_vitest.describe)("Input HTML props", () => {
-  (0, import_vitest.test)("accepts type prop", () => {
-    (0, import_vitest.expectTypeOf)().toHaveProperty("type");
-  });
-  (0, import_vitest.test)("accepts placeholder prop", () => {
-    (0, import_vitest.expectTypeOf)().toHaveProperty("placeholder");
-  });
-  (0, import_vitest.test)("accepts value prop", () => {
-    (0, import_vitest.expectTypeOf)().toHaveProperty("value");
-  });
-  (0, import_vitest.test)("accepts defaultValue prop", () => {
-    (0, import_vitest.expectTypeOf)().toHaveProperty("defaultValue");
-  });
-  (0, import_vitest.test)("accepts maxLength prop", () => {
-    (0, import_vitest.expectTypeOf)().toHaveProperty("maxLength");
-  });
-  (0, import_vitest.test)("accepts pattern prop", () => {
-    (0, import_vitest.expectTypeOf)().toHaveProperty("pattern");
-  });
-  (0, import_vitest.test)("accepts required prop", () => {
-    (0, import_vitest.expectTypeOf)().toHaveProperty("required");
-  });
-  (0, import_vitest.test)("accepts readOnly prop", () => {
-    (0, import_vitest.expectTypeOf)().toHaveProperty("readOnly");
-  });
-  (0, import_vitest.test)("accepts autoComplete prop", () => {
-    (0, import_vitest.expectTypeOf)().toHaveProperty("autoComplete");
-  });
-  (0, import_vitest.test)("accepts name prop", () => {
-    (0, import_vitest.expectTypeOf)().toHaveProperty("name");
-  });
-});
-(0, import_vitest.describe)("Input style props", () => {
-  (0, import_vitest.test)("accepts padding style prop", () => {
-    (0, import_vitest.expectTypeOf)().toHaveProperty("padding");
-  });
-  (0, import_vitest.test)("accepts backgroundColor style prop", () => {
-    (0, import_vitest.expectTypeOf)().toHaveProperty("backgroundColor");
-  });
-  (0, import_vitest.test)("accepts borderRadius style prop", () => {
-    (0, import_vitest.expectTypeOf)().toHaveProperty("borderRadius");
-  });
-  (0, import_vitest.test)("accepts text style props", () => {
-    (0, import_vitest.expectTypeOf)().toHaveProperty("fontSize");
-    (0, import_vitest.expectTypeOf)().toHaveProperty("fontWeight");
-    (0, import_vitest.expectTypeOf)().toHaveProperty("color");
-  });
-  (0, import_vitest.test)("accepts textAlign longhand", () => {
-    (0, import_vitest.expectTypeOf)().toMatchTypeOf();
-  });
-  (0, import_vitest.test)("accepts size variant", () => {
-    (0, import_vitest.expectTypeOf)().toHaveProperty("size");
-  });
-  (0, import_vitest.test)("accepts unstyled variant", () => {
-    (0, import_vitest.expectTypeOf)().toHaveProperty("unstyled");
-  });
-});
-(0, import_vitest.describe)("Input cross-platform props", () => {
-  (0, import_vitest.test)("autoCorrect accepts boolean and string", () => {
-    (0, import_vitest.expectTypeOf)().toMatchTypeOf();
-  });
-  (0, import_vitest.test)("autoCapitalize accepts native and web values", () => {
-    (0, import_vitest.expectTypeOf)().toMatchTypeOf();
-  });
-  (0, import_vitest.test)("accepts onChangeText callback", () => {
-    (0, import_vitest.expectTypeOf)().toHaveProperty("onChangeText");
-    (0, import_vitest.expectTypeOf)().toMatchTypeOf();
-  });
-  (0, import_vitest.test)("accepts onSubmitEditing callback", () => {
-    (0, import_vitest.expectTypeOf)().toHaveProperty("onSubmitEditing");
-  });
-  (0, import_vitest.test)("accepts placeholderTextColor", () => {
-    (0, import_vitest.expectTypeOf)().toHaveProperty("placeholderTextColor");
-  });
-  (0, import_vitest.test)("accepts selection prop", () => {
-    (0, import_vitest.expectTypeOf)().toHaveProperty("selection");
-  });
-});
-(0, import_vitest.describe)("InputRef type", () => {
-  (0, import_vitest.test)("InputRef accepts TextInput", () => {
-    const _ref = {};
-  });
-  (0, import_vitest.test)("InputRef rejects plain HTMLDivElement", () => {
-    const _ref = {};
-  });
-});
-(0, import_vitest.describe)("TextArea types", () => {
-  (0, import_vitest.test)("TextArea has rows prop", () => {
-    (0, import_vitest.expectTypeOf)().toHaveProperty("rows");
-  });
-  (0, import_vitest.test)("TextArea accepts style props", () => {
-    (0, import_vitest.expectTypeOf)().toHaveProperty("padding");
-    (0, import_vitest.expectTypeOf)().toHaveProperty("fontSize");
-  });
-  (0, import_vitest.test)("TextArea accepts HTML input props", () => {
-    (0, import_vitest.expectTypeOf)().toHaveProperty("placeholder");
-    (0, import_vitest.expectTypeOf)().toHaveProperty("value");
-  });
-});
-(0, import_vitest.describe)("InputProps derivation", () => {
-  (0, import_vitest.test)("InputProps equals GetProps<typeof Input>", () => {
-    (0, import_vitest.expectTypeOf)().toEqualTypeOf();
-  });
-  (0, import_vitest.test)("TextAreaProps equals GetProps<typeof TextArea>", () => {
-    (0, import_vitest.expectTypeOf)().toEqualTypeOf();
-  });
-});