@hanwenbo/x-taro-ui 0.0.1

package/es/components/textInput/textInput.js

@@ -0,0 +1,371 @@
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+/**
+ * TextInput Component
+ * Bare RN-compatible input primitive aligned with x-mobile-ui.
+ */
+
+import React, { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import { Input as TaroInput, Textarea as TaroTextarea } from '@tarojs/components';
+import { useTokens } from "../../theme";
+import { classNames } from "../../utils";
+import { useConfigProvider } from "../configProvider";
+import "./style.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+function mapKeyboardType(keyboardType) {
+  switch (keyboardType) {
+    case 'number-pad':
+    case 'numeric':
+    case 'number':
+      return {
+        type: 'number',
+        inputMode: 'numeric'
+      };
+    case 'decimal-pad':
+    case 'digit':
+      return {
+        type: 'digit',
+        inputMode: 'decimal'
+      };
+    case 'email-address':
+      return {
+        type: 'text',
+        inputMode: 'email'
+      };
+    case 'phone-pad':
+      return {
+        type: 'text',
+        inputMode: 'tel'
+      };
+    case 'url':
+      return {
+        type: 'text',
+        inputMode: 'url'
+      };
+    case 'search':
+      return {
+        type: 'text',
+        inputMode: 'search'
+      };
+    case 'default':
+      return {
+        type: 'text'
+      };
+    default:
+      return {
+        type: keyboardType
+      };
+  }
+}
+function mapHtmlInputType(keyboardType, secureTextEntry) {
+  if (secureTextEntry || keyboardType === 'safe-password') return 'password';
+  switch (keyboardType) {
+    case 'number-pad':
+    case 'decimal-pad':
+    case 'numeric':
+    case 'number':
+    case 'digit':
+      return 'number';
+    case 'email-address':
+      return 'email';
+    case 'phone-pad':
+      return 'tel';
+    case 'url':
+      return 'url';
+    case 'search':
+      return 'search';
+    default:
+      return 'text';
+  }
+}
+function mapReturnKeyType(returnKeyType) {
+  return returnKeyType;
+}
+function resolveNumberOfLines(numberOfLines) {
+  return Number.isFinite(numberOfLines) ? Math.max(1, Math.floor(numberOfLines)) : 1;
+}
+function resolveNativeTextControl(nativeRef) {
+  var _candidate$querySelec, _ref;
+  if (!nativeRef || _typeof(nativeRef) !== 'object') return null;
+  var candidate = nativeRef;
+  var nested = (_candidate$querySelec = candidate.querySelector) === null || _candidate$querySelec === void 0 ? void 0 : _candidate$querySelec.call(candidate, 'input,textarea');
+  return (_ref = nested) !== null && _ref !== void 0 ? _ref : candidate;
+}
+function callNativeTextControlMethod(nativeRef, method) {
+  var target = resolveNativeTextControl(nativeRef);
+  var callback = target === null || target === void 0 ? void 0 : target[method];
+  if (typeof callback === 'function') callback.call(target);
+}
+export var TextInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _ref2;
+  var hasValueProp = Object.prototype.hasOwnProperty.call(props, 'value');
+  var value = props.value,
+    _props$defaultValue = props.defaultValue,
+    defaultValue = _props$defaultValue === void 0 ? '' : _props$defaultValue,
+    onChangeText = props.onChangeText,
+    onChange = props.onChange,
+    placeholder = props.placeholder,
+    placeholderTextColor = props.placeholderTextColor,
+    _props$editable = props.editable,
+    editable = _props$editable === void 0 ? true : _props$editable,
+    _props$disabled = props.disabled,
+    disabledProp = _props$disabled === void 0 ? false : _props$disabled,
+    _props$readOnly = props.readOnly,
+    readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
+    _props$readonly = props.readonly,
+    readonly = _props$readonly === void 0 ? false : _props$readonly,
+    maxLength = props.maxLength,
+    _props$multiline = props.multiline,
+    multiline = _props$multiline === void 0 ? false : _props$multiline,
+    _props$numberOfLines = props.numberOfLines,
+    numberOfLines = _props$numberOfLines === void 0 ? 1 : _props$numberOfLines,
+    _props$keyboardType = props.keyboardType,
+    keyboardType = _props$keyboardType === void 0 ? 'default' : _props$keyboardType,
+    _props$secureTextEntr = props.secureTextEntry,
+    secureTextEntry = _props$secureTextEntr === void 0 ? false : _props$secureTextEntr,
+    returnKeyType = props.returnKeyType,
+    autoCapitalize = props.autoCapitalize,
+    autoCorrect = props.autoCorrect,
+    autoComplete = props.autoComplete,
+    _props$autoFocus = props.autoFocus,
+    autoFocus = _props$autoFocus === void 0 ? false : _props$autoFocus,
+    _props$selectTextOnFo = props.selectTextOnFocus,
+    selectTextOnFocus = _props$selectTextOnFo === void 0 ? false : _props$selectTextOnFo,
+    textAlign = props.textAlign,
+    selectionColor = props.selectionColor,
+    onFocus = props.onFocus,
+    onBlur = props.onBlur,
+    onConfirm = props.onConfirm,
+    name = props.name,
+    nativeProps = props.nativeProps,
+    className = props.className,
+    style = props.style,
+    ariaLabel = props.ariaLabel,
+    _props$testID = props.testID,
+    testID = _props$testID === void 0 ? 'text-input' : _props$testID;
+  var config = useConfigProvider();
+  var _useTokens = useTokens(),
+    colors = _useTokens.colors;
+  var isDisabled = Boolean(disabledProp || config.disabled || editable === false);
+  var isReadonly = Boolean(readOnly || readonly);
+  var isControlled = hasValueProp;
+  var _useState = useState(defaultValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    internalValue = _useState2[0],
+    setInternalValue = _useState2[1];
+  var _useState3 = useState(autoFocus),
+    _useState4 = _slicedToArray(_useState3, 2),
+    focusRequested = _useState4[0],
+    setFocusRequested = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    selectAllRequested = _useState6[0],
+    setSelectAllRequested = _useState6[1];
+  var nativeRef = useRef(null);
+  var currentValue = isControlled ? value !== null && value !== void 0 ? value : '' : internalValue;
+  var valueChangeHandler = onChangeText !== null && onChangeText !== void 0 ? onChangeText : onChange;
+  useEffect(function () {
+    if (autoFocus && !isDisabled) setFocusRequested(true);
+  }, [autoFocus, isDisabled]);
+  useEffect(function () {
+    if (isDisabled) {
+      setFocusRequested(false);
+      setSelectAllRequested(false);
+    }
+  }, [isDisabled]);
+  useEffect(function () {
+    if (!selectAllRequested) return;
+    var timeoutId = setTimeout(function () {
+      return setSelectAllRequested(false);
+    }, 0);
+    return function () {
+      return clearTimeout(timeoutId);
+    };
+  }, [selectAllRequested]);
+  var handleValueChange = useCallback(function (nextValue) {
+    if (maxLength !== undefined && maxLength >= 0 && nextValue.length > maxLength) return;
+    if (!isControlled) setInternalValue(nextValue);
+    valueChangeHandler === null || valueChangeHandler === void 0 || valueChangeHandler(nextValue);
+  }, [isControlled, maxLength, valueChangeHandler]);
+  var handleFocus = useCallback(function (event) {
+    setFocusRequested(true);
+    if (selectTextOnFocus) {
+      setSelectAllRequested(true);
+      callNativeTextControlMethod(nativeRef.current, 'select');
+    }
+    onFocus === null || onFocus === void 0 || onFocus(event);
+  }, [onFocus, selectTextOnFocus]);
+  var handleBlur = useCallback(function (event) {
+    setFocusRequested(false);
+    setSelectAllRequested(false);
+    onBlur === null || onBlur === void 0 || onBlur(event);
+  }, [onBlur]);
+  var handleConfirm = useCallback(function (nextValue, event) {
+    onConfirm === null || onConfirm === void 0 || onConfirm(nextValue, event);
+  }, [onConfirm]);
+  var handleNativeInput = useCallback(function (nextValue) {
+    if (isReadonly) return currentValue;
+    handleValueChange(nextValue);
+    return undefined;
+  }, [currentValue, handleValueChange, isReadonly]);
+  useImperativeHandle(ref, function () {
+    return {
+      clear: function clear() {
+        return handleValueChange('');
+      },
+      focus: function focus() {
+        if (isDisabled) return;
+        setFocusRequested(true);
+        callNativeTextControlMethod(nativeRef.current, 'focus');
+      },
+      blur: function blur() {
+        setFocusRequested(false);
+        setSelectAllRequested(false);
+        callNativeTextControlMethod(nativeRef.current, 'blur');
+      },
+      get inputElement() {
+        return resolveNativeTextControl(nativeRef.current);
+      }
+    };
+  }, [handleValueChange, isDisabled]);
+  var keyboardMode = mapKeyboardType(keyboardType);
+  var htmlInputType = mapHtmlInputType(keyboardType, secureTextEntry);
+  var enterKeyHint = mapReturnKeyType(returnKeyType);
+  var confirmType = returnKeyType === 'previous' ? 'done' : returnKeyType;
+  var resolvedLines = resolveNumberOfLines(numberOfLines);
+  var accessibleLabel = (_ref2 = ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : placeholder) !== null && _ref2 !== void 0 ? _ref2 : '文本输入';
+  var placeholderColor = placeholderTextColor !== null && placeholderTextColor !== void 0 ? placeholderTextColor : colors['muted-foreground'];
+  var resolvedAutoComplete = autoComplete !== null && autoComplete !== void 0 ? autoComplete : secureTextEntry ? 'current-password' : 'off';
+  var h5NativeBehaviorProps = process.env.TARO_ENV === 'h5' ? _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, nativeProps), {}, {
+    readOnly: isReadonly,
+    'aria-label': accessibleLabel,
+    autoComplete: resolvedAutoComplete
+  }, autoCapitalize ? {
+    autoCapitalize: autoCapitalize
+  } : {}), autoCorrect !== undefined ? {
+    autoCorrect: String(autoCorrect)
+  } : {}), enterKeyHint ? {
+    enterKeyHint: enterKeyHint
+  } : {}), keyboardMode.inputMode ? {
+    inputMode: keyboardMode.inputMode
+  } : {}) : nativeProps;
+  var h5InputNativeProps = process.env.TARO_ENV === 'h5' ? _objectSpread(_objectSpread({}, h5NativeBehaviorProps), {}, {
+    type: htmlInputType
+  }) : h5NativeBehaviorProps;
+  var nativeStyle = _objectSpread(_objectSpread({
+    display: 'block',
+    width: '100%',
+    minWidth: 0,
+    height: multiline ? resolvedLines * 22 : 22,
+    boxSizing: 'border-box',
+    padding: 0,
+    margin: 0,
+    fontFamily: 'inherit',
+    fontSize: 14,
+    fontWeight: 'inherit',
+    lineHeight: '22px',
+    letterSpacing: 'inherit',
+    color: colors.foreground,
+    backgroundColor: 'transparent',
+    borderWidth: 0,
+    borderStyle: 'solid',
+    borderColor: 'transparent',
+    borderRadius: 0,
+    outline: 'none'
+  }, textAlign ? {
+    textAlign: textAlign
+  } : {}), {}, {
+    caretColor: selectionColor !== null && selectionColor !== void 0 ? selectionColor : colors.foreground,
+    cursor: isDisabled ? 'not-allowed' : undefined,
+    opacity: isDisabled ? 0.5 : 1,
+    '--x-text-input-foreground': colors.foreground,
+    '--x-text-input-background': colors.background,
+    '--x-text-input-placeholder-color': placeholderColor,
+    '--x-text-input-caret-color': selectionColor !== null && selectionColor !== void 0 ? selectionColor : colors.foreground,
+    '--x-text-input-selection-color': selectionColor !== null && selectionColor !== void 0 ? selectionColor : colors.primary
+  }, style);
+  var nativeClassName = classNames("".concat(config.prefixCls, "-text-input"), multiline && "".concat(config.prefixCls, "-text-input--multiline"), selectionColor && "".concat(config.prefixCls, "-text-input--custom-selection"), isDisabled && "".concat(config.prefixCls, "-text-input--disabled"), isReadonly && "".concat(config.prefixCls, "-text-input--readonly"), className);
+  var stateProps = {
+    'data-slot': 'text-input',
+    'data-testid': testID,
+    'data-multiline': multiline ? 'true' : 'false',
+    'data-disabled': isDisabled ? 'true' : 'false',
+    'data-readonly': isReadonly ? 'true' : 'false',
+    'data-focused': focusRequested ? 'true' : 'false',
+    'data-keyboard-type': keyboardType,
+    'data-return-key-type': returnKeyType,
+    'data-secure': secureTextEntry ? 'true' : 'false'
+  };
+  if (multiline) {
+    return /*#__PURE__*/_jsx(TaroTextarea, _objectSpread(_objectSpread({}, stateProps), {}, {
+      ref: nativeRef,
+      className: nativeClassName,
+      style: nativeStyle,
+      value: currentValue,
+      placeholder: placeholder,
+      placeholderStyle: "color: ".concat(placeholderColor, ";"),
+      placeholderClass: "".concat(config.prefixCls, "-text-input__placeholder"),
+      disabled: isDisabled,
+      readonly: isReadonly,
+      maxlength: maxLength !== null && maxLength !== void 0 ? maxLength : -1,
+      focus: focusRequested,
+      selectionStart: selectAllRequested ? 0 : undefined,
+      selectionEnd: selectAllRequested ? currentValue.length : undefined,
+      confirmType: confirmType,
+      ariaLabel: accessibleLabel,
+      name: name,
+      nativeProps: h5NativeBehaviorProps,
+      onInput: function onInput(event) {
+        return handleNativeInput(event.detail.value);
+      },
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      onConfirm: function onConfirm(event) {
+        return handleConfirm(event.detail.value, event);
+      }
+    }));
+  }
+  return /*#__PURE__*/_jsx(TaroInput, _objectSpread(_objectSpread({}, stateProps), {}, {
+    ref: nativeRef,
+    className: nativeClassName,
+    style: nativeStyle,
+    value: currentValue,
+    placeholder: placeholder,
+    placeholderStyle: "color: ".concat(placeholderColor, ";"),
+    placeholderClass: "".concat(config.prefixCls, "-text-input__placeholder"),
+    placeholderTextColor: placeholderColor,
+    type: keyboardMode.type,
+    password: secureTextEntry,
+    disabled: isDisabled,
+    readonly: isReadonly,
+    maxlength: maxLength !== null && maxLength !== void 0 ? maxLength : -1,
+    confirmType: confirmType,
+    focus: focusRequested,
+    selectionStart: selectAllRequested ? 0 : undefined,
+    selectionEnd: selectAllRequested ? currentValue.length : undefined,
+    cursorColor: selectionColor,
+    ariaLabel: accessibleLabel,
+    name: name,
+    nativeProps: h5InputNativeProps,
+    onInput: function onInput(event) {
+      return handleNativeInput(event.detail.value);
+    },
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    onConfirm: function onConfirm(event) {
+      return handleConfirm(event.detail.value, event);
+    }
+  }));
+});
+TextInput.displayName = 'TextInput';
+export default TextInput;

package/es/components/textInput/types.d.ts

@@ -0,0 +1,79 @@
+/**
+ * TextInput Component Types
+ * Bare RN-compatible input primitive aligned with x-mobile-ui.
+ */
+/// <reference types="react" />
+import type { InputType } from '../input/types';
+export declare type TextInputAutoCapitalize = 'none' | 'sentences' | 'characters' | 'words';
+export declare type TextInputKeyboardType = InputType | 'default' | 'number-pad' | 'decimal-pad' | 'numeric' | 'email-address' | 'phone-pad' | 'url' | 'search';
+export interface TextInputNativeEvent<TDetail extends object = {
+    value: string;
+}> {
+    detail: TDetail;
+    currentTarget?: unknown;
+    target?: unknown;
+    nativeEvent?: unknown;
+}
+export declare type TextInputFocusEvent = TextInputNativeEvent<{
+    value: string;
+    height?: number;
+}>;
+export declare type TextInputBlurEvent = TextInputNativeEvent<{
+    value: string;
+    cursor?: number;
+}>;
+export declare type TextInputConfirmEvent = TextInputNativeEvent<{
+    value: string;
+}>;
+export interface TextInputRef {
+    /** Clear the input value. */
+    clear: () => void;
+    /** Focus the native input. */
+    focus: () => void;
+    /** Blur the native input. */
+    blur: () => void;
+    /** Native element when the current platform exposes one. */
+    inputElement: unknown | null;
+}
+export interface TextInputProps {
+    value?: string;
+    defaultValue?: string;
+    onChangeText?: (value: string) => void;
+    /** Web-compatible alias of onChangeText. */
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    placeholderTextColor?: string;
+    editable?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    /** Taro-native read-only alias. */
+    readonly?: boolean;
+    maxLength?: number;
+    multiline?: boolean;
+    numberOfLines?: number;
+    keyboardType?: TextInputKeyboardType;
+    secureTextEntry?: boolean;
+    returnKeyType?: 'done' | 'go' | 'next' | 'search' | 'send' | 'previous';
+    autoCapitalize?: TextInputAutoCapitalize;
+    autoCorrect?: boolean;
+    /** Browser autofill hint. Defaults to current-password for secure input, otherwise off. */
+    autoComplete?: string;
+    autoFocus?: boolean;
+    selectTextOnFocus?: boolean;
+    textAlign?: 'left' | 'center' | 'right';
+    selectionColor?: string;
+    onFocus?: (event: TextInputFocusEvent) => void;
+    onBlur?: (event: TextInputBlurEvent) => void;
+    /** Taro-native confirm callback. */
+    onConfirm?: (value: string, event: TextInputConfirmEvent) => void;
+    /** Native form field name. */
+    name?: string;
+    /** Props forwarded to the inner H5 input/textarea by Taro. */
+    nativeProps?: Record<string, unknown>;
+    className?: string;
+    style?: React.CSSProperties;
+    ariaLabel?: string;
+    /** Stable automation id. */
+    testID?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/es/components/textInput/types.js

@@ -0,0 +1 @@
+export {};

package/es/components/textarea/index.d.ts

@@ -0,0 +1,5 @@
+export { Textarea, Textarea as TextArea } from './textarea';
+export type { TextareaAutoSize, TextareaBlurEvent, TextareaCompositionEvent, TextareaConfirmEvent, TextareaFocusEvent, TextareaInputEvent, TextareaLineChangeDetail, TextareaNativeEvent, TextareaProps, TextareaRef, TextareaShowCount, TextareaVariant, TextAreaProps, TextAreaRef } from './types';
+export { useTextareaTokens, useTextareaColors } from './tokens';
+export { default } from './textarea';
+//# sourceMappingURL=index.d.ts.map

package/es/components/textarea/index.js

@@ -0,0 +1,3 @@
+export { Textarea, Textarea as TextArea } from "./textarea";
+export { useTextareaTokens, useTextareaColors } from "./tokens";
+export { default } from "./textarea";

package/es/components/textarea/style.css

@@ -0,0 +1,32 @@
+.x-textarea__native textarea {
+  box-sizing: border-box;
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  min-width: 0;
+  min-height: inherit;
+  max-height: inherit;
+  margin: 0;
+  padding: var(--x-textarea-padding-block) var(--x-textarea-padding-inline);
+  overflow-y: auto;
+  color: var(--x-textarea-color);
+  font-family: inherit;
+  font-size: var(--x-textarea-font-size);
+  font-weight: inherit;
+  line-height: var(--x-textarea-line-height);
+  letter-spacing: inherit;
+  background: transparent;
+  border: 0;
+  outline: none;
+  resize: none;
+}
+
+.x-textarea--auto-size .x-textarea__native textarea {
+  overflow-y: hidden;
+}
+
+.x-textarea__native textarea::placeholder,
+.x-textarea__placeholder {
+  color: var(--x-textarea-placeholder-color);
+  opacity: 1;
+}

package/es/components/textarea/textarea.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Textarea Component
+ * x-mobile-ui aligned multiline field with Taro H5/WeApp adapters.
+ */
+import React from 'react';
+import type { TextareaProps, TextareaRef } from './types';
+import './style.css';
+export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<TextareaRef>>;
+export default Textarea;
+//# sourceMappingURL=textarea.d.ts.map