@tamagui/input 1.97.0

package/dist/jsx/Input.mjs

@@ -0,0 +1,121 @@
+import { View, styled, useComposedRefs, useEvent, useTheme } from "@tamagui/core";
+import { registerFocusable } from "@tamagui/focusable";
+import React, { useEffect } from "react";
+import { styledBody } from "./shared.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+const StyledInput = styled(View, styledBody[0], styledBody[1]),
+  Input = StyledInput.styleable((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,
+        caretColor,
+        placeholderTextColor,
+        blurOnSubmit,
+        enterKeyHint,
+        returnKeyType,
+        rejectResponderTermination,
+        scrollEnabled,
+        secureTextEntry,
+        selectionColor,
+        inputMode,
+        ...rest
+      } = inProps,
+      ref = React.useRef(null),
+      theme = useTheme(),
+      composedRefs = useComposedRefs(forwardedRef, ref),
+      _onSelectionChange = useEvent(() => {
+        const start = ref.current?.selectionStart ?? 0,
+          end = ref.current?.selectionEnd ?? 0;
+        onSelectionChange?.({
+          nativeEvent: {
+            selection: {
+              end,
+              start
+            }
+          }
+        });
+      });
+    useEffect(() => {
+      if (onSelectionChange) return ref.current?.addEventListener("selectionchange", _onSelectionChange), () => {
+        ref.current?.removeEventListener("selectionchange", _onSelectionChange);
+      };
+    }, []), useEffect(() => {
+      selection && ref.current?.setSelectionRange(selection.start || null, selection.end || null);
+    }, [selection?.start, selection?.end]);
+    const finalProps = {
+      ...rest,
+      inputMode,
+      disabled,
+      caretColor,
+      id,
+      enterKeyHint,
+      style: {
+        ...rest.style,
+        ...(placeholderTextColor && {
+          "--placeholderColor": theme[placeholderTextColor]?.variable || placeholderTextColor
+        }),
+        ...(selectionColor && {
+          "--selectionColor": theme[selectionColor]?.variable || selectionColor
+        })
+      }
+    };
+    return useEffect(() => {
+      if (id && !disabled) return registerFocusable(id, {
+        focusAndSelect: () => {
+          ref.current?.focus();
+        },
+        focus: () => {}
+      });
+    }, [id, disabled]), /* @__PURE__ */jsxs(Fragment, {
+      children: [/* @__PURE__ */jsx("style", {
+        children: `
+      input::selection, textarea::selection {
+        background-color: var(--selectionBackground) !important;
+      }
+      
+      input::placeholder, textarea::placeholder {
+        color: var(--placeholderColor) !important;
+      }
+      `
+      }), /* @__PURE__ */jsx(StyledInput, {
+        ref: composedRefs,
+        ...finalProps
+      })]
+    });
+  });
+export { Input };

package/dist/jsx/Input.native.js

@@ -0,0 +1,145 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { styled, useComposedRefs } from "@tamagui/core";
+import { registerFocusable } from "@tamagui/focusable";
+import React, { useEffect } from "react";
+import { TextInput } from "react-native";
+import { styledBody } from "./shared";
+function _define_property(obj, key, value) {
+  return key in obj ? Object.defineProperty(obj, key, {
+    value,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : obj[key] = value, obj;
+}
+function _object_spread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
+    typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+    }))), ownKeys2.forEach(function(key) {
+      _define_property(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _object_spread_props(target, source) {
+  return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+    Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+  }), target;
+}
+function _object_without_properties(source, excluded) {
+  if (source == null)
+    return {};
+  var target = _object_without_properties_loose(source, excluded), key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++)
+      key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
+  }
+  return target;
+}
+function _object_without_properties_loose(source, excluded) {
+  if (source == null)
+    return {};
+  var target = {}, sourceKeys = Object.keys(source), key, i;
+  for (i = 0; i < sourceKeys.length; i++)
+    key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
+  return target;
+}
+var StyledInput = styled(TextInput, styledBody[0], styledBody[1]), Input = StyledInput.styleable(function(inProps, forwardedRef) {
+  var type = inProps.type, dirname = inProps.dirname, max = inProps.max, min = inProps.min, minLength = inProps.minLength, multiple = inProps.multiple, name = inProps.name, required = inProps.required, step = inProps.step, disabled = inProps.disabled, id = inProps.id, caretColor = inProps.caretColor, onChange = inProps.onChange, onInput = inProps.onInput, rows = inProps.rows, enterKeyHint = inProps.enterKeyHint, returnKeyType = inProps.returnKeyType, onKeyDown = inProps.onKeyDown, inputMode = inProps.inputMode, tag = inProps.tag, rest = _object_without_properties(inProps, [
+    "type",
+    "dirname",
+    "max",
+    "min",
+    "minLength",
+    "multiple",
+    "name",
+    "required",
+    "step",
+    "disabled",
+    "id",
+    "caretColor",
+    "onChange",
+    "onInput",
+    "rows",
+    "enterKeyHint",
+    "returnKeyType",
+    "onKeyDown",
+    "inputMode",
+    "tag"
+  ]), ref = React.useRef(null), composedRefs = useComposedRefs(forwardedRef, ref), secureTextEntry = !1, cursorColor = caretColor, _returnKeyType = returnKeyType, _enterKeyHint = enterKeyHint;
+  enterKeyHint === "go" && (_returnKeyType = "go", _enterKeyHint = void 0);
+  var _inputMode = inputMode;
+  type === "email" ? _inputMode = "email" : type === "tel" ? _inputMode = "tel" : type === "search" ? _inputMode = "search" : type === "url" ? _inputMode = "url" : type === "password" ? (secureTextEntry = !0, _inputMode = "text") : type === "number" ? _inputMode = "numeric" : _inputMode = "text";
+  var showSoftInputOnFocus = !0;
+  inputMode === "none" && (showSoftInputOnFocus = !1);
+  var finalProps = _object_spread_props(_object_spread({}, rest), {
+    inputMode: _inputMode,
+    showSoftInputOnFocus,
+    disabled,
+    id,
+    cursorColor,
+    enterKeyHint: _enterKeyHint,
+    returnKeyType: _returnKeyType,
+    secureTextEntry,
+    numberOfLines: rows || rest.numberOfLines
+  });
+  return tag === "textarea" && (finalProps.multiline = !0), onKeyDown && (finalProps.onKeyPress = function(e) {
+    var key = e.nativeEvent.key;
+    (key === "Backspace" || tag === "textarea" && key === "Enter" || key.length === 1) && onKeyDown({
+      key,
+      type: "keydown"
+    });
+  }, finalProps.onSubmitEditing = function(e) {
+    onKeyDown({
+      key: "Enter",
+      type: "keydown"
+    });
+  }), (onChange || onInput) && (finalProps.onChange = function(e) {
+    var text = e.nativeEvent.text;
+    onChange && onChange({
+      target: {
+        value: text
+      },
+      type: "change"
+    }), onInput != null && onInput({
+      target: {
+        value: text
+      },
+      type: "input"
+    });
+  }), useEffect(function() {
+    if (id && !disabled)
+      return registerFocusable(id, {
+        focusAndSelect: function() {
+          var _ref_current;
+          (_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.focus();
+        },
+        focus: function() {
+        }
+      });
+  }, [
+    id,
+    disabled
+  ]), /* @__PURE__ */ _jsx(StyledInput, _object_spread({
+    onChange: function(e) {
+    },
+    ref: composedRefs
+  }, finalProps));
+});
+export {
+  Input
+};
+//# sourceMappingURL=Input.native.js.map

package/dist/jsx/Input.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Users/n8/tamagui/packages/input/src/Input.native.tsx"],
+  "mappings": ";AAAA,SAASA,QAAQC,uBAAuB;AACxC,SAASC,yBAAyB;AAClC,OAAOC,SAASC,iBAAiB;AAEjC,SAASC,iBAAiB;AAC1B,SAASC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE3B,IAAMC,cAAcP,OAAOK,WAAWC,WAAW,CAAA,GAAIA,WAAW,CAAA,CAAE,GAErDE,QAAQD,YAAYE,UAAsB,SAACC,SAASC,cAAAA;AAC/D,MAEEC,OAsBEF,QAtBFE,MAEAC,UAoBEH,QApBFG,SACAC,MAmBEJ,QAnBFI,KACAC,MAkBEL,QAlBFK,KACAC,YAiBEN,QAjBFM,WACAC,WAgBEP,QAhBFO,UACAC,OAeER,QAfFQ,MACAC,WAcET,QAdFS,UACAC,OAaEV,QAbFU,MACAC,WAYEX,QAZFW,UACAC,KAWEZ,QAXFY,IACAC,aAUEb,QAVFa,YACAC,WASEd,QATFc,UACAC,UAQEf,QARFe,SACAC,OAOEhB,QAPFgB,MACAC,eAMEjB,QANFiB,cACAC,gBAKElB,QALFkB,eACAC,YAIEnB,QAJFmB,WACAC,YAGEpB,QAHFoB,WACAC,MAEErB,QAFFqB,KACGC,OAAAA,2BACDtB,SAAAA;IAtBFE;IAEAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;MAIIE,MAAM9B,MAAM+B,OAAyB,IAAA,GAErCC,eAAelC,gBAAqBU,cAAcsB,GAAAA,GAIpDG,kBAAkB,IAClBC,cAAcd,YACde,iBAAiBV,eACjBW,gBAAgBZ;AACpB,EAAIA,iBAAiB,SACnBW,iBAAiB,MACjBC,gBAAgBC;AAGlB,MAAIC,aAAaX;AACjB,EAAIlB,SAAS,UACX6B,aAAa,UACJ7B,SAAS,QAClB6B,aAAa,QACJ7B,SAAS,WAClB6B,aAAa,WACJ7B,SAAS,QAClB6B,aAAa,QACJ7B,SAAS,cAClBwB,kBAAkB,IAClBK,aAAa,UACJ7B,SAAS,WAClB6B,aAAa,YAEbA,aAAa;AAGf,MAAIC,uBAAuB;AAC3B,EAAIZ,cAAc,WAChBY,uBAAuB;AAGzB,MAAMC,aAAa,qBAAA,eAAA,CAAA,GACdX,IAAAA,GAAAA;IACHF,WAAWW;IACXC;IACArB;IACAC;IACAe;IACAV,cAAcY;IACdX,eAAeU;IACfF;IACAQ,eAAelB,QAAQM,KAAKY;;AAG9B,SAAIb,QAAQ,eACVY,WAAWE,YAAY,KAGrBhB,cACFc,WAAWG,aAAa,SAACC,GAAAA;AACvB,QAAQC,MAAQD,EAAEE,YAAVD;AACR,KACEA,QAAQ,eACPjB,QAAQ,cAAciB,QAAQ,WAC/BA,IAAIE,WAAW,MAEfrB,UAAU;MACRmB;MACApC,MAAM;IACR,CAAA;EAEJ,GACA+B,WAAWQ,kBAAkB,SAACJ,GAAAA;AAC5BlB,cAAU;MACRmB,KAAK;MACLpC,MAAM;IACR,CAAA;EACF,KAGEY,YAAYC,aACdkB,WAAWnB,WAAW,SAACuB,GAAAA;AACrB,QAAQK,OAASL,EAAEE,YAAXG;AACR,IAAI5B,YACFA,SAAS;MACP6B,QAAQ;QACNC,OAAOF;MACT;MACAxC,MAAM;IACR,CAAA,GAEEa,WAAW,QACbA,QAAQ;MACN4B,QAAQ;QACNC,OAAOF;MACT;MACAxC,MAAM;IACR,CAAA;EAEJ,IAGFR,UAAU,WAAA;AACR,QAAKkB,MACDD;AAEJ,aAAOnB,kBAAkBoB,IAAI;QAC3BiC,gBAAgB,WAAA;cACdtB;WAAAA,eAAAA,IAAIuB,aAAO,QAAXvB,iBAAAA,UAAAA,aAAawB,MAAK;QACpB;QACAA,OAAO,WAAA;QAAO;MAChB,CAAA;EACF,GAAG;IAACnC;IAAID;GAAS,GACV,qBAACd,aAAAA,eAAAA;IAAYiB,UAAU,SAACuB,GAAAA;IAAO;IAAGd,KAAKE;KAAkBQ,UAAAA,CAAAA;AAClE,CAAA;",
+  "names": ["styled", "useComposedRefs", "registerFocusable", "React", "useEffect", "TextInput", "styledBody", "StyledInput", "Input", "styleable", "inProps", "forwardedRef", "type", "dirname", "max", "min", "minLength", "multiple", "name", "required", "step", "disabled", "id", "caretColor", "onChange", "onInput", "rows", "enterKeyHint", "returnKeyType", "onKeyDown", "inputMode", "tag", "rest", "ref", "useRef", "composedRefs", "secureTextEntry", "cursorColor", "_returnKeyType", "_enterKeyHint", "undefined", "_inputMode", "showSoftInputOnFocus", "finalProps", "numberOfLines", "multiline", "onKeyPress", "e", "key", "nativeEvent", "length", "onSubmitEditing", "text", "target", "value", "focusAndSelect", "current", "focus"]
+}

package/dist/jsx/TextArea.js

@@ -0,0 +1,28 @@
+import { styled } from "@tamagui/web";
+import { Input } from "./Input";
+import { defaultStyles, textAreaSizeVariant } from "./shared";
+const TextArea = styled(Input, {
+  name: "TextArea",
+  tag: "textarea",
+  // this attribute fixes firefox newline issue
+  whiteSpace: "pre-wrap",
+  variants: {
+    unstyled: {
+      false: {
+        height: "auto",
+        ...defaultStyles,
+        numberOfLines: 3
+      }
+    },
+    size: {
+      "...size": textAreaSizeVariant
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+});
+export {
+  TextArea
+};
+//# sourceMappingURL=TextArea.js.map

package/dist/jsx/TextArea.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/TextArea.tsx"],
+  "mappings": "AAAA,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,eAAe,2BAA2B;AAC5C,MAAM,WAAW,OAAO,OAAO;AAAA,EACpC,MAAM;AAAA,EACN,KAAK;AAAA;AAAA,EAEL,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,GAAG;AAAA,QACH,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC;",
+  "names": []
+}

package/dist/jsx/TextArea.mjs

@@ -0,0 +1,25 @@
+import { styled } from "@tamagui/web";
+import { Input } from "./Input.mjs";
+import { defaultStyles, textAreaSizeVariant } from "./shared.mjs";
+const TextArea = styled(Input, {
+  name: "TextArea",
+  tag: "textarea",
+  // this attribute fixes firefox newline issue
+  whiteSpace: "pre-wrap",
+  variants: {
+    unstyled: {
+      false: {
+        height: "auto",
+        ...defaultStyles,
+        numberOfLines: 3
+      }
+    },
+    size: {
+      "...size": textAreaSizeVariant
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+});
+export { TextArea };

package/dist/jsx/TextArea.native.js

@@ -0,0 +1,62 @@
+import { styled } from "@tamagui/web";
+import { Input } from "./Input";
+import { defaultStyles, textAreaSizeVariant } from "./shared";
+function _define_property(obj, key, value) {
+  return key in obj ? Object.defineProperty(obj, key, {
+    value,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : obj[key] = value, obj;
+}
+function _object_spread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
+    typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+    }))), ownKeys2.forEach(function(key) {
+      _define_property(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _object_spread_props(target, source) {
+  return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+    Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+  }), target;
+}
+var TextArea = styled(Input, {
+  name: "TextArea",
+  tag: "textarea",
+  // this attribute fixes firefox newline issue
+  whiteSpace: "pre-wrap",
+  variants: {
+    unstyled: {
+      false: _object_spread_props(_object_spread({
+        height: "auto"
+      }, defaultStyles), {
+        numberOfLines: 3
+      })
+    },
+    size: {
+      "...size": textAreaSizeVariant
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+});
+export {
+  TextArea
+};
+//# sourceMappingURL=TextArea.js.map

package/dist/jsx/TextArea.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Users/n8/tamagui/packages/input/src/TextArea.tsx"],
+  "mappings": "AAAA,SAASA,cAAc;AACvB,SAASC,aAAa;AACtB,SAASC,eAAeC,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAC5C,IAAMC,WAAWJ,OAAOC,OAAO;EACpCI,MAAM;EACNC,KAAK;;EAELC,YAAY;EAEZC,UAAU;IACRC,UAAU;MACRC,OAAO,qBAAA,eAAA;QACLC,QAAQ;SACLT,aAAAA,GAAAA;QACHU,eAAe;;IAEnB;IAEAC,MAAM;MACJ,WAAWV;IACb;EACF;EAEAW,iBAAiB;IACfL,UAAUM,QAAQC,IAAIC,qBAAqB;EAC7C;AACF,CAAA;",
+  "names": ["styled", "Input", "defaultStyles", "textAreaSizeVariant", "TextArea", "name", "tag", "whiteSpace", "variants", "unstyled", "false", "height", "numberOfLines", "size", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS"]
+}

package/dist/jsx/index.js

@@ -0,0 +1,3 @@
+export * from "./Input";
+export * from "./TextArea";
+//# sourceMappingURL=index.js.map

package/dist/jsx/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;",
+  "names": []
+}

package/dist/jsx/index.mjs

@@ -0,0 +1,2 @@
+export * from "./Input.mjs";
+export * from "./TextArea.mjs";

package/dist/jsx/index.native.js

@@ -0,0 +1,3 @@
+export * from "./Input";
+export * from "./TextArea";
+//# sourceMappingURL=index.js.map

package/dist/jsx/index.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Users/n8/tamagui/packages/input/src/index.ts"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;",
+  "names": []
+}

package/dist/jsx/shared.js

@@ -0,0 +1,97 @@
+import { validStyles, stylePropsTextOnly } from "@tamagui/core";
+import { getVariableValue, isWeb } from "@tamagui/core";
+import { getButtonSized } from "@tamagui/get-button-sized";
+import { getFontSized } from "@tamagui/get-font-sized";
+import { getSpace } from "@tamagui/get-token";
+const defaultStyles = {
+  size: "$true",
+  fontFamily: "$body",
+  borderWidth: 1,
+  outlineWidth: 0,
+  color: "$color",
+  ...isWeb ? {
+    tabIndex: 0
+  } : {
+    focusable: !0
+  },
+  borderColor: "$borderColor",
+  backgroundColor: "$background",
+  // this fixes a flex bug where it overflows container
+  minWidth: 0,
+  hoverStyle: {
+    borderColor: "$borderColorHover"
+  },
+  focusStyle: {
+    borderColor: "$borderColorFocus"
+  },
+  focusVisibleStyle: {
+    outlineColor: "$outlineColor",
+    outlineWidth: 2,
+    outlineStyle: "solid"
+  }
+}, inputSizeVariant = (val = "$true", extras) => {
+  if (extras.props.multiline || extras.props.numberOfLines > 1)
+    return textAreaSizeVariant(val, extras);
+  const buttonStyles = getButtonSized(val, extras), paddingHorizontal = getSpace(val, {
+    shift: -1,
+    bounds: [2]
+  }), fontStyle = getFontSized(val, extras);
+  return !isWeb && fontStyle && delete fontStyle.lineHeight, {
+    ...fontStyle,
+    ...buttonStyles,
+    paddingHorizontal
+  };
+}, textAreaSizeVariant = (val = "$true", extras) => {
+  const { props } = extras, buttonStyles = getButtonSized(val, extras), fontStyle = getFontSized(val, extras), lines = props.rows ?? props.numberOfLines, height = typeof lines == "number" ? lines * getVariableValue(fontStyle.lineHeight) : "auto", paddingVertical = getSpace(val, {
+    shift: -2,
+    bounds: [2]
+  }), paddingHorizontal = getSpace(val, {
+    shift: -1,
+    bounds: [2]
+  });
+  return {
+    ...buttonStyles,
+    ...fontStyle,
+    paddingVertical,
+    paddingHorizontal,
+    height
+  };
+}, INPUT_NAME = "Input", styledBody = [
+  {
+    name: INPUT_NAME,
+    tag: "input",
+    variants: {
+      unstyled: {
+        false: defaultStyles
+      },
+      size: {
+        "...size": inputSizeVariant
+      },
+      disabled: {
+        true: {}
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.TAMAGUI_HEADLESS === "1"
+    }
+  },
+  {
+    isInput: !0,
+    accept: {
+      placeholderTextColor: "color",
+      selectionColor: "color"
+    },
+    validStyles: {
+      ...validStyles,
+      ...stylePropsTextOnly
+    }
+  }
+];
+export {
+  INPUT_NAME,
+  defaultStyles,
+  inputSizeVariant,
+  styledBody,
+  textAreaSizeVariant
+};
+//# sourceMappingURL=shared.js.map

package/dist/jsx/shared.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/shared.tsx"],
+  "mappings": "AACA,SAAS,aAAa,0BAA0B;AAChD,SAAS,kBAAkB,aAAa;AACxC,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;AAElB,MAAM,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EAEP,GAAI,QACA;AAAA,IACE,UAAU;AAAA,EACZ,IACA;AAAA,IACE,WAAW;AAAA,EACb;AAAA,EAEJ,aAAa;AAAA,EACb,iBAAiB;AAAA;AAAA,EAGjB,UAAU;AAAA,EAEV,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,mBAAmB;AAAA,IACjB,cAAc;AAAA,IACd,cAAc;AAAA,IACd,cAAc;AAAA,EAChB;AACF,GAEa,mBAAmD,CAC9D,MAAM,SACN,WACG;AACH,MAAI,OAAO,MAAM,aAAa,OAAO,MAAM,gBAAgB;AACzD,WAAO,oBAAoB,KAAK,MAAM;AAExC,QAAM,eAAe,eAAe,KAAK,MAAM,GACzC,oBAAoB,SAAS,KAAK;AAAA,IACtC,OAAO;AAAA,IACP,QAAQ,CAAC,CAAC;AAAA,EACZ,CAAC,GACK,YAAY,aAAa,KAAY,MAAM;AAEjD,SAAI,CAAC,SAAS,aACZ,OAAO,UAAU,YAEZ;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,EACF;AACF,GAEa,sBAAsD,CACjE,MAAM,SACN,WACG;AACH,QAAM,EAAE,MAAM,IAAI,QACZ,eAAe,eAAe,KAAK,MAAM,GACzC,YAAY,aAAa,KAAY,MAAM,GAC3C,QAAQ,MAAM,QAAQ,MAAM,eAC5B,SACJ,OAAO,SAAU,WAAW,QAAQ,iBAAiB,UAAU,UAAU,IAAI,QACzE,kBAAkB,SAAS,KAAK;AAAA,IACpC,OAAO;AAAA,IACP,QAAQ,CAAC,CAAC;AAAA,EACZ,CAAC,GACK,oBAAoB,SAAS,KAAK;AAAA,IACtC,OAAO;AAAA,IACP,QAAQ,CAAC,CAAC;AAAA,EACZ,CAAC;AACD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF,GACa,aAAa,SAEb,aAAa;AAAA,EACxB;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,UAAU;AAAA,MACR,UAAU;AAAA,QACR,OAAO;AAAA,MACT;AAAA,MAEA,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,MAEA,UAAU;AAAA,QACR,MAAM,CAAC;AAAA,MACT;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,IAC7C;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,IACT,QAAQ;AAAA,MACN,sBAAsB;AAAA,MACtB,gBAAgB;AAAA,IAClB;AAAA,IACA,aAAa;AAAA,MACX,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/jsx/shared.mjs

@@ -0,0 +1,100 @@
+import { validStyles, stylePropsTextOnly } from "@tamagui/core";
+import { getVariableValue, isWeb } from "@tamagui/core";
+import { getButtonSized } from "@tamagui/get-button-sized";
+import { getFontSized } from "@tamagui/get-font-sized";
+import { getSpace } from "@tamagui/get-token";
+const defaultStyles = {
+    size: "$true",
+    fontFamily: "$body",
+    borderWidth: 1,
+    outlineWidth: 0,
+    color: "$color",
+    ...(isWeb ? {
+      tabIndex: 0
+    } : {
+      focusable: !0
+    }),
+    borderColor: "$borderColor",
+    backgroundColor: "$background",
+    // this fixes a flex bug where it overflows container
+    minWidth: 0,
+    hoverStyle: {
+      borderColor: "$borderColorHover"
+    },
+    focusStyle: {
+      borderColor: "$borderColorFocus"
+    },
+    focusVisibleStyle: {
+      outlineColor: "$outlineColor",
+      outlineWidth: 2,
+      outlineStyle: "solid"
+    }
+  },
+  inputSizeVariant = (val = "$true", extras) => {
+    if (extras.props.multiline || extras.props.numberOfLines > 1) return textAreaSizeVariant(val, extras);
+    const buttonStyles = getButtonSized(val, extras),
+      paddingHorizontal = getSpace(val, {
+        shift: -1,
+        bounds: [2]
+      }),
+      fontStyle = getFontSized(val, extras);
+    return !isWeb && fontStyle && delete fontStyle.lineHeight, {
+      ...fontStyle,
+      ...buttonStyles,
+      paddingHorizontal
+    };
+  },
+  textAreaSizeVariant = (val = "$true", extras) => {
+    const {
+        props
+      } = extras,
+      buttonStyles = getButtonSized(val, extras),
+      fontStyle = getFontSized(val, extras),
+      lines = props.rows ?? props.numberOfLines,
+      height = typeof lines == "number" ? lines * getVariableValue(fontStyle.lineHeight) : "auto",
+      paddingVertical = getSpace(val, {
+        shift: -2,
+        bounds: [2]
+      }),
+      paddingHorizontal = getSpace(val, {
+        shift: -1,
+        bounds: [2]
+      });
+    return {
+      ...buttonStyles,
+      ...fontStyle,
+      paddingVertical,
+      paddingHorizontal,
+      height
+    };
+  },
+  INPUT_NAME = "Input",
+  styledBody = [{
+    name: INPUT_NAME,
+    tag: "input",
+    variants: {
+      unstyled: {
+        false: defaultStyles
+      },
+      size: {
+        "...size": inputSizeVariant
+      },
+      disabled: {
+        true: {}
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.TAMAGUI_HEADLESS === "1"
+    }
+  }, {
+    isInput: !0,
+    accept: {
+      placeholderTextColor: "color",
+      selectionColor: "color"
+    },
+    validStyles: {
+      ...validStyles,
+      ...stylePropsTextOnly
+    }
+  }];
+export { INPUT_NAME, defaultStyles, inputSizeVariant, styledBody, textAreaSizeVariant };