@tamagui/input 2.7.7 → 3.0.0-beta.1093.1

package/src/v1/Input.native.tsx

@@ -1,153 +0,0 @@
-import React from 'react'
-import { styled } from '@tamagui/core'
-import { registerFocusable } from '@tamagui/focusable'
-import { useNativeInputRef } from '@tamagui/element'
-
-import type { NativeSyntheticEvent, TextInputChangeEventData } from 'react-native'
-import { TextInput } from 'react-native'
-import { styledBody } from '../shared'
-import type { InputProps } from './types'
-
-const StyledInput = styled(TextInput, styledBody[0], styledBody[1])
-
-/**
- * @deprecated Use the new Input from '@tamagui/input' instead
- */
-export const Input = StyledInput.styleable<InputProps>((inProps, forwardedRef) => {
-  const {
-    // some of destructed props are just to avoid passing them to ...rest because they are not in native.
-    type,
-    //@ts-ignore
-    dirname,
-    max,
-    min,
-    minLength,
-    multiple,
-    name,
-    required,
-    step,
-    disabled,
-    id,
-    // @ts-ignore
-    caretColor,
-    onChange,
-    onInput,
-    rows,
-    enterKeyHint,
-    returnKeyType,
-    onKeyDown,
-    inputMode,
-    render,
-    ...rest
-  } = inProps
-
-  const { ref, composedRef } = useNativeInputRef(forwardedRef)
-
-  // TODO: later move most of the logic to the core package
-
-  let secureTextEntry = false
-  let cursorColor = caretColor
-  let _returnKeyType = returnKeyType
-  let _enterKeyHint = enterKeyHint
-  if (enterKeyHint === 'go') {
-    _returnKeyType = 'go'
-    _enterKeyHint = undefined
-  }
-
-  let _inputMode = inputMode
-  if (type === 'email') {
-    _inputMode = 'email'
-  } else if (type === 'tel') {
-    _inputMode = 'tel'
-  } else if (type === 'search') {
-    _inputMode = 'search'
-  } else if (type === 'url') {
-    _inputMode = 'url'
-  } else if (type === 'password') {
-    secureTextEntry = true
-    _inputMode = 'text'
-  } else if (type === 'number') {
-    _inputMode = 'numeric'
-  } else {
-    _inputMode = 'text'
-  }
-
-  let showSoftInputOnFocus = true
-  if (inputMode === 'none') {
-    showSoftInputOnFocus = false
-  }
-
-  const finalProps = {
-    ...rest,
-    inputMode: _inputMode,
-    showSoftInputOnFocus,
-    disabled,
-    id,
-    cursorColor,
-    enterKeyHint: _enterKeyHint,
-    returnKeyType: _returnKeyType,
-    secureTextEntry,
-    numberOfLines: rows || rest.numberOfLines,
-  } as any
-
-  if (render === 'textarea') {
-    finalProps.multiline = true
-  }
-
-  if (onKeyDown) {
-    finalProps.onKeyPress = (e) => {
-      const { key } = e.nativeEvent
-      if (
-        key === 'Backspace' ||
-        (render === 'textarea' && key === 'Enter') ||
-        key.length === 1
-      ) {
-        onKeyDown({
-          key,
-          type: 'keydown',
-        } as any)
-      }
-    }
-    finalProps.onSubmitEditing = (e) => {
-      onKeyDown({
-        key: 'Enter',
-        type: 'keydown',
-      } as any)
-    }
-  }
-
-  if (onChange || onInput) {
-    finalProps.onChange = (e: NativeSyntheticEvent<TextInputChangeEventData>) => {
-      const { text } = e.nativeEvent
-      if (onChange) {
-        onChange({
-          target: {
-            value: text,
-          },
-          type: 'change',
-        } as any)
-      }
-      if (onInput != null) {
-        onInput({
-          target: {
-            value: text,
-          },
-          type: 'input',
-        } as any)
-      }
-    }
-  }
-
-  React.useEffect(() => {
-    if (!id) return
-    if (disabled) return
-
-    return registerFocusable(id, {
-      focusAndSelect: () => {
-        ref.current?.focus()
-      },
-      focus: () => {},
-    })
-  }, [id, disabled])
-  return <StyledInput onChange={(e) => {}} ref={composedRef} {...finalProps} />
-})

package/src/v1/Input.tsx

@@ -1,190 +0,0 @@
-import { View, styled, useEvent, useTheme } from '@tamagui/core'
-import { registerFocusable } from '@tamagui/focusable'
-import { useWebRef } from '@tamagui/element'
-import React, { type HTMLAttributes, type HTMLInputTypeAttribute } from 'react'
-import { styledBody } from '../shared'
-import type { InputProps } from './types'
-
-const StyledInput = styled(View, styledBody[0], styledBody[1])
-
-/**
- * @deprecated Use the new Input from '@tamagui/input' instead
- * @summary An input is a text field that allows users to enter text.
- * @see — Docs https://tamagui.dev/ui/inputs#input
- */
-export const Input = StyledInput.styleable<InputProps>((inProps, forwardedRef) => {
-  const {
-    // some of destructed props are just to avoid passing them to ...rest because they are not in web.
-    allowFontScaling,
-    selectTextOnFocus,
-    showSoftInputOnFocus,
-    textContentType,
-    passwordRules,
-    textBreakStrategy,
-    underlineColorAndroid,
-    selection,
-    lineBreakStrategyIOS,
-    returnKeyLabel,
-    disabled,
-    onSubmitEditing,
-    caretHidden,
-    clearButtonMode,
-    clearTextOnFocus,
-    contextMenuHidden,
-    dataDetectorTypes,
-    id,
-    enablesReturnKeyAutomatically,
-    importantForAutofill,
-    inlineImageLeft,
-    inlineImagePadding,
-    inputAccessoryViewID,
-    keyboardAppearance,
-    keyboardType,
-    cursorColor,
-    disableFullscreenUI,
-    editable,
-    maxFontSizeMultiplier,
-    multiline,
-    numberOfLines,
-    onChangeText,
-    onContentSizeChange,
-    onEndEditing,
-    onScroll,
-    onSelectionChange,
-    // @ts-ignore
-    caretColor,
-    placeholderTextColor,
-    blurOnSubmit,
-    enterKeyHint,
-    returnKeyType,
-    rejectResponderTermination,
-    scrollEnabled,
-    secureTextEntry,
-    selectionColor,
-    inputMode,
-    ...rest
-  } = inProps
-
-  const { ref, composedRef } = useWebRef<HTMLInputElement>(forwardedRef)
-  const theme = useTheme()
-
-  const _onSelectionChange = useEvent(() => {
-    const start = ref.current?.selectionStart ?? 0
-    const end = ref.current?.selectionEnd ?? 0
-    onSelectionChange?.({
-      nativeEvent: {
-        selection: {
-          end,
-          start,
-        },
-      },
-    } as any)
-  })
-
-  React.useEffect(() => {
-    if (onSelectionChange) {
-      ref.current?.addEventListener('selectionchange', _onSelectionChange)
-      return () => {
-        ref.current?.removeEventListener('selectionchange', _onSelectionChange)
-      }
-    }
-  }, [])
-
-  React.useEffect(() => {
-    if (selection) {
-      ref.current?.setSelectionRange(selection.start || null, selection.end || null)
-    }
-  }, [selection?.start, selection?.end])
-
-  const finalProps = {
-    ...rest,
-    disabled,
-    caretColor,
-    id,
-    enterKeyHint,
-    ...(process.env.TAMAGUI_TARGET === 'web'
-      ? {
-          type: (() => {
-            if (rest?.type) return rest.type
-            if (secureTextEntry) return 'password'
-            switch (keyboardType) {
-              case 'number-pad':
-              case 'numeric':
-                return 'number'
-              case 'email-address':
-                return 'email'
-              case 'phone-pad':
-                return 'tel'
-              case 'url':
-                return 'url'
-              default:
-                return 'text'
-            }
-          })() satisfies HTMLInputTypeAttribute,
-          inputMode: (() => {
-            switch (keyboardType) {
-              case 'number-pad':
-              case 'numeric':
-                return 'numeric'
-              case 'decimal-pad':
-                return 'decimal'
-              case 'email-address':
-                return 'email'
-              case 'phone-pad':
-                return 'tel'
-              case 'url':
-                return 'url'
-              default:
-                return undefined
-            }
-          })() satisfies HTMLAttributes<HTMLInputElement>['inputMode'],
-        }
-      : {
-          keyboardType,
-          secureTextEntry,
-          inputMode,
-        }),
-    style: {
-      ...(rest.style as any),
-      ...(placeholderTextColor && {
-        '--t_placeholderColor':
-          theme[placeholderTextColor]?.variable || placeholderTextColor,
-      }),
-      ...(selectionColor && {
-        '--t_selectionBackground': theme[selectionColor]?.variable || selectionColor,
-      }),
-    },
-  } as any
-
-  React.useEffect(() => {
-    if (!id) return
-    if (disabled) return
-
-    return registerFocusable(id, {
-      focusAndSelect: () => {
-        ref.current?.focus()
-      },
-      focus: () => {},
-    })
-  }, [id, disabled])
-
-  return (
-    <>
-      {process.env.TAMAGUI_TARGET === 'web' && (
-        <style>
-          {`
-      input::selection, textarea::selection {
-        background-color: var(--t_selectionBackground) !important;
-      }
-
-      input::placeholder, textarea::placeholder {
-        color: var(--t_placeholderColor) !important;
-      }
-      `}
-        </style>
-      )}
-
-      <StyledInput ref={composedRef} {...finalProps} />
-    </>
-  )
-})

package/src/v1/TextArea.tsx

@@ -1,35 +0,0 @@
-import { styled } from '@tamagui/web'
-import { Input } from './Input'
-import { defaultStyles, textAreaSizeVariant } from '../shared'
-
-/**
- * @deprecated Use the new TextArea from '@tamagui/input' instead
- * @summary A text area is a multi-line input field that allows users to enter text.
- * @see — Docs https://tamagui.dev/ui/inputs#textarea
- */
-export const TextArea = styled(Input, {
-  name: 'TextArea',
-  render: 'textarea',
-
-  // this attribute fixes firefox newline issue
-  // @ts-ignore
-  whiteSpace: 'pre-wrap',
-
-  variants: {
-    unstyled: {
-      false: {
-        height: 'auto',
-        ...defaultStyles,
-        numberOfLines: 3,
-      },
-    },
-
-    size: {
-      '...size': textAreaSizeVariant,
-    },
-  } as const,
-
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === '1',
-  },
-})

package/src/v1/index.ts

@@ -1,3 +0,0 @@
-export * from './Input'
-export * from './TextArea'
-export type { InputProps } from './types'

package/src/v1/types.ts

@@ -1,65 +0,0 @@
-import type {
-  ColorTokens,
-  ViewProps,
-  TamaguiComponentPropsBase,
-  TextProps,
-} from '@tamagui/web'
-import type { TextInputProps, InputModeOptions } from 'react-native'
-
-type DetailedInputProps = React.DetailedHTMLProps<
-  React.HTMLProps<HTMLInputElement>,
-  HTMLInputElement
->
-
-export type InputProps = ViewProps &
-  Omit<
-    DetailedInputProps,
-    'className' | 'children' | 'value' | 'size' | keyof ViewProps
-  > &
-  Pick<TextProps, 'color'> &
-  Omit<DetailedInputProps['style'], 'color'> &
-  Omit<
-    TextInputProps,
-    | 'inputMode'
-    | 'secureTextEntry'
-    | 'onChangeText'
-    | 'editable'
-    | 'enterKeyHint'
-    | 'keyboardType'
-    | 'placeholderTextColor'
-    | 'selectionColor'
-    | 'numberOfLines'
-  > & {
-    /**
-     * @deprecated - use `type="password"` instead
-     */
-    secureTextEntry?: TextInputProps['secureTextEntry']
-    /**
-     * @deprecated - use `onChange` instead
-     */
-    onChangeText?: TextInputProps['onChangeText']
-    /**
-     * @deprecated - use `readOnly` instead
-     */
-    editable?: TextInputProps['editable']
-    enterKeyHint?: 'done' | 'go' | 'next' | 'search' | 'send' | 'enter' | 'previous'
-    /**
-     * @deprecated - use `type` instead
-     */
-    keyboardType?: TextInputProps['keyboardType']
-    /**
-     * use `type` instead of inputMode for most cases, use `inputMode="none"` to disable the soft keyboard
-     */
-    inputMode?: InputModeOptions
-    placeholderTextColor?: ColorTokens
-    selectionColor?: ColorTokens
-    render?: TamaguiComponentPropsBase['render']
-    /**
-     * @deprecated - use `render='textarea'` instead
-     */
-    multiline?: boolean
-    /**
-     * @deprecated - use `rows` instead
-     */
-    numberOfLines?: number
-  }

package/types/v1/Input.d.ts

@@ -1,64 +0,0 @@
-import React from 'react';
-/**
- * @deprecated Use the new Input from '@tamagui/input' instead
- * @summary An input is a text field that allows users to enter text.
- * @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 & import("@tamagui/core").TextStylePropsBase & {
-    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;
-}>, "media" | "color" | `$${string}` | `$${number}` | import("@tamagui/core").GroupMediaKeys | "onStartShouldSetResponder" | "onLayout" | "href" | "rel" | "download" | "dir" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "allowFontScaling" | "numberOfLines" | "maxFontSizeMultiplier" | "lineBreakStrategyIOS" | "selectionColor" | "textBreakStrategy" | "textAlign" | "textAlignVertical" | "summary" | "list" | "max" | "min" | "form" | "cite" | "data" | "label" | "slot" | "span" | "title" | "default" | "wrap" | "hidden" | "open" | "value" | "name" | "key" | "returnKeyType" | "submitBehavior" | "blurOnSubmit" | "caretHidden" | "contextMenuHidden" | "selectTextOnFocus" | "secureTextEntry" | "onEndEditing" | "onContentSizeChange" | "onKeyPress" | "multiline" | "keyboardType" | "autoCapitalize" | "autoCorrect" | "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" | "dateTime" | "placeholderTextColor" | "editable" | "onChangeText" | "onSelectionChange" | "onSubmitEditing" | "selection" | "selectionState" | "textContentType" | "rows" | "ref" | keyof import("@tamagui/core").StackNonStyleProps | keyof import("@tamagui/core").StackStyleBase | 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>>> | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "as" | "async" | "autoPlay" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "defer" | "encType" | "frameBorder" | "headers" | "high" | "hrefLang" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "mediaGroup" | "method" | "muted" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "reversed" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "useMap" | "wmode"> & 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.ClassAttributes<HTMLInputElement> & React.HTMLProps<HTMLInputElement>, "size" | `$${string}` | `$${number}` | import("@tamagui/core").GroupMediaKeys | "value" | keyof import("@tamagui/core").StackNonStyleProps | keyof import("@tamagui/core").StackStyleBase | 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>>>> & Pick<import("@tamagui/core").TextProps, "color"> & Omit<React.CSSProperties | undefined, "color"> & Omit<import("react-native").TextInputProps, "numberOfLines" | "selectionColor" | "secureTextEntry" | "keyboardType" | "enterKeyHint" | "inputMode" | "placeholderTextColor" | "editable" | "onChangeText"> & {
-    secureTextEntry?: import("react-native").TextInputProps["secureTextEntry"];
-    onChangeText?: import("react-native").TextInputProps["onChangeText"];
-    editable?: import("react-native").TextInputProps["editable"];
-    enterKeyHint?: "done" | "go" | "next" | "search" | "send" | "enter" | "previous";
-    keyboardType?: import("react-native").TextInputProps["keyboardType"];
-    inputMode?: import("react-native").InputModeOptions;
-    placeholderTextColor?: import("@tamagui/core").ColorTokens;
-    selectionColor?: import("@tamagui/core").ColorTokens;
-    render?: import("@tamagui/core").TamaguiComponentPropsBase["render"];
-    multiline?: boolean;
-    numberOfLines?: number;
-}, 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.ClassAttributes<HTMLInputElement> & React.HTMLProps<HTMLInputElement>, "size" | `$${string}` | `$${number}` | import("@tamagui/core").GroupMediaKeys | "value" | keyof import("@tamagui/core").StackNonStyleProps | keyof import("@tamagui/core").StackStyleBase | 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>>>> & Pick<import("@tamagui/core").TextProps, "color"> & Omit<React.CSSProperties | undefined, "color"> & Omit<import("react-native").TextInputProps, "numberOfLines" | "selectionColor" | "secureTextEntry" | "keyboardType" | "enterKeyHint" | "inputMode" | "placeholderTextColor" | "editable" | "onChangeText"> & {
-    secureTextEntry?: import("react-native").TextInputProps["secureTextEntry"];
-    onChangeText?: import("react-native").TextInputProps["onChangeText"];
-    editable?: import("react-native").TextInputProps["editable"];
-    enterKeyHint?: "done" | "go" | "next" | "search" | "send" | "enter" | "previous";
-    keyboardType?: import("react-native").TextInputProps["keyboardType"];
-    inputMode?: import("react-native").InputModeOptions;
-    placeholderTextColor?: import("@tamagui/core").ColorTokens;
-    selectionColor?: import("@tamagui/core").ColorTokens;
-    render?: import("@tamagui/core").TamaguiComponentPropsBase["render"];
-    multiline?: boolean;
-    numberOfLines?: number;
-}, import("@tamagui/core").StackStyleBase & import("@tamagui/core").TextStylePropsBase & {
-    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;
-}, {
-    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;
-}>;
-//# sourceMappingURL=Input.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/v1/Input.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2D,MAAM,OAAO,CAAA;AAM/E;;;;GAIG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+KhB,CAAA"}

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

@@ -1,63 +0,0 @@
-import React from 'react';
-import { TextInput } from 'react-native';
-/**
- * @deprecated Use the new Input from '@tamagui/input' instead
- */
-export declare const Input: import("@tamagui/core").TamaguiComponent<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").TamaguiComponentPropsBaseBase & import("react-native").TextInputProps, import("@tamagui/core").TextStylePropsBase & {
-    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;
-}>, "media" | "color" | `$${string}` | `$${number}` | import("@tamagui/core").GroupMediaKeys | "onStartShouldSetResponder" | "onLayout" | "href" | "rel" | "download" | "dir" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "allowFontScaling" | "numberOfLines" | "maxFontSizeMultiplier" | "lineBreakStrategyIOS" | "selectionColor" | "textBreakStrategy" | "textAlign" | "textAlignVertical" | "summary" | "list" | "max" | "min" | "form" | "cite" | "data" | "label" | "slot" | "span" | "title" | "default" | "wrap" | "hidden" | "open" | "value" | "name" | "key" | "returnKeyType" | "submitBehavior" | "blurOnSubmit" | "caretHidden" | "contextMenuHidden" | "selectTextOnFocus" | "secureTextEntry" | "onEndEditing" | "onContentSizeChange" | "onKeyPress" | "multiline" | "keyboardType" | "autoCapitalize" | "autoCorrect" | "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" | "dateTime" | "placeholderTextColor" | "editable" | "onChangeText" | "onSelectionChange" | "onSubmitEditing" | "selection" | "selectionState" | "textContentType" | "rows" | "ref" | keyof import("@tamagui/core").StackNonStyleProps | keyof import("@tamagui/core").StackStyleBase | 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>>> | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "as" | "async" | "autoPlay" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "defer" | "encType" | "frameBorder" | "headers" | "high" | "hrefLang" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "mediaGroup" | "method" | "muted" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "reversed" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "srcDoc" | "srcLang" | "srcSet" | "useMap" | "wmode"> & 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.ClassAttributes<HTMLInputElement> & React.HTMLProps<HTMLInputElement>, "size" | `$${string}` | `$${number}` | import("@tamagui/core").GroupMediaKeys | "value" | keyof import("@tamagui/core").StackNonStyleProps | keyof import("@tamagui/core").StackStyleBase | 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>>>> & Pick<import("@tamagui/core").TextProps, "color"> & Omit<React.CSSProperties | undefined, "color"> & Omit<import("react-native").TextInputProps, "numberOfLines" | "selectionColor" | "secureTextEntry" | "keyboardType" | "enterKeyHint" | "inputMode" | "placeholderTextColor" | "editable" | "onChangeText"> & {
-    secureTextEntry?: import("react-native").TextInputProps["secureTextEntry"];
-    onChangeText?: import("react-native").TextInputProps["onChangeText"];
-    editable?: import("react-native").TextInputProps["editable"];
-    enterKeyHint?: "done" | "go" | "next" | "search" | "send" | "enter" | "previous";
-    keyboardType?: import("react-native").TextInputProps["keyboardType"];
-    inputMode?: import("react-native").InputModeOptions;
-    placeholderTextColor?: import("@tamagui/core").ColorTokens;
-    selectionColor?: import("@tamagui/core").ColorTokens;
-    render?: import("@tamagui/core").TamaguiComponentPropsBase["render"];
-    multiline?: boolean;
-    numberOfLines?: number;
-}, TextInput, import("@tamagui/core").TamaguiComponentPropsBaseBase & import("react-native").TextInputProps & 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.ClassAttributes<HTMLInputElement> & React.HTMLProps<HTMLInputElement>, "size" | `$${string}` | `$${number}` | import("@tamagui/core").GroupMediaKeys | "value" | keyof import("@tamagui/core").StackNonStyleProps | keyof import("@tamagui/core").StackStyleBase | 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>>>> & Pick<import("@tamagui/core").TextProps, "color"> & Omit<React.CSSProperties | undefined, "color"> & Omit<import("react-native").TextInputProps, "numberOfLines" | "selectionColor" | "secureTextEntry" | "keyboardType" | "enterKeyHint" | "inputMode" | "placeholderTextColor" | "editable" | "onChangeText"> & {
-    secureTextEntry?: import("react-native").TextInputProps["secureTextEntry"];
-    onChangeText?: import("react-native").TextInputProps["onChangeText"];
-    editable?: import("react-native").TextInputProps["editable"];
-    enterKeyHint?: "done" | "go" | "next" | "search" | "send" | "enter" | "previous";
-    keyboardType?: import("react-native").TextInputProps["keyboardType"];
-    inputMode?: import("react-native").InputModeOptions;
-    placeholderTextColor?: import("@tamagui/core").ColorTokens;
-    selectionColor?: import("@tamagui/core").ColorTokens;
-    render?: import("@tamagui/core").TamaguiComponentPropsBase["render"];
-    multiline?: boolean;
-    numberOfLines?: number;
-}, import("@tamagui/core").TextStylePropsBase & {
-    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;
-}, {
-    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;
-}>;
-//# sourceMappingURL=Input.native.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Input.native.d.ts","sourceRoot":"","sources":["../../src/v1/Input.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAMxC;;GAEG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyIhB,CAAA"}