@tamagui/input 1.114.4 → 1.115.0

package/dist/cjs/Input.cjs

@@ -0,0 +1,156 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var Input_exports = {};
+__export(Input_exports, {
+  Input: () => Input
+});
+module.exports = __toCommonJS(Input_exports);
+var import_react = __toESM(require("react")),
+  import_core = require("@tamagui/core"),
+  import_focusable = require("@tamagui/focusable"),
+  import_shared = require("./shared.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const StyledInput = (0, import_core.styled)(import_core.View, import_shared.styledBody[0], import_shared.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 = import_react.default.useRef(null),
+      theme = (0, import_core.useTheme)(),
+      composedRefs = (0, import_core.useComposedRefs)(forwardedRef, ref),
+      _onSelectionChange = (0, import_core.useEvent)(() => {
+        const start = ref.current?.selectionStart ?? 0,
+          end = ref.current?.selectionEnd ?? 0;
+        onSelectionChange?.({
+          nativeEvent: {
+            selection: {
+              end,
+              start
+            }
+          }
+        });
+      });
+    import_react.default.useEffect(() => {
+      if (onSelectionChange) return ref.current?.addEventListener("selectionchange", _onSelectionChange), () => {
+        ref.current?.removeEventListener("selectionchange", _onSelectionChange);
+      };
+    }, []), import_react.default.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 import_react.default.useEffect(() => {
+      if (id && !disabled) return (0, import_focusable.registerFocusable)(id, {
+        focusAndSelect: () => {
+          ref.current?.focus();
+        },
+        focus: () => {}
+      });
+    }, [id, disabled]), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("style", {
+        children: `
+      input::selection, textarea::selection {
+        background-color: var(--selectionBackground) !important;
+      }
+      
+      input::placeholder, textarea::placeholder {
+        color: var(--placeholderColor) !important;
+      }
+      `
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(StyledInput, {
+        ref: composedRefs,
+        ...finalProps
+      })]
+    });
+  });

package/dist/cjs/Input.native.cjs

@@ -0,0 +1,133 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var Input_native_exports = {};
+__export(Input_native_exports, {
+  Input: () => Input
+});
+module.exports = __toCommonJS(Input_native_exports);
+var import_react = __toESM(require("react")),
+  import_core = require("@tamagui/core"),
+  import_focusable = require("@tamagui/focusable"),
+  import_react_native = require("react-native-web"),
+  import_shared = require("./shared.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const StyledInput = (0, import_core.styled)(import_react_native.TextInput, import_shared.styledBody[0], import_shared.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 native.
+        type,
+        //@ts-ignore
+        dirname,
+        max,
+        min,
+        minLength,
+        multiple,
+        name,
+        required,
+        step,
+        disabled,
+        id,
+        caretColor,
+        onChange,
+        onInput,
+        rows,
+        enterKeyHint,
+        returnKeyType,
+        onKeyDown,
+        inputMode,
+        tag,
+        ...rest
+      } = inProps,
+      ref = import_react.default.useRef(null),
+      composedRefs = (0, import_core.useComposedRefs)(forwardedRef, ref);
+    let secureTextEntry = !1,
+      cursorColor = caretColor,
+      _returnKeyType = returnKeyType,
+      _enterKeyHint = enterKeyHint;
+    enterKeyHint === "go" && (_returnKeyType = "go", _enterKeyHint = void 0);
+    let _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";
+    let showSoftInputOnFocus = !0;
+    inputMode === "none" && (showSoftInputOnFocus = !1);
+    const finalProps = {
+      ...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 = e => {
+      const {
+        key
+      } = e.nativeEvent;
+      (key === "Backspace" || tag === "textarea" && key === "Enter" || key.length === 1) && onKeyDown({
+        key,
+        type: "keydown"
+      });
+    }, finalProps.onSubmitEditing = e => {
+      onKeyDown({
+        key: "Enter",
+        type: "keydown"
+      });
+    }), (onChange || onInput) && (finalProps.onChange = e => {
+      const {
+        text
+      } = e.nativeEvent;
+      onChange && onChange({
+        target: {
+          value: text
+        },
+        type: "change"
+      }), onInput?.({
+        target: {
+          value: text
+        },
+        type: "input"
+      });
+    }), import_react.default.useEffect(() => {
+      if (id && !disabled) return (0, import_focusable.registerFocusable)(id, {
+        focusAndSelect: () => {
+          ref.current?.focus();
+        },
+        focus: () => {}
+      });
+    }, [id, disabled]), /* @__PURE__ */(0, import_jsx_runtime.jsx)(StyledInput, {
+      onChange: e => {},
+      ref: composedRefs,
+      ...finalProps
+    });
+  });

package/dist/cjs/Input.native.cjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Input.native.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAClB,cAAwC,0BACxC,mBAAkC,+BAGlC,sBAA0B,yBAC1B,gBAA2B,qBA6IlB;AA3IT,MAAM,kBAAc,oBAAO,+BAAW,yBAAW,CAAC,GAAG,yBAAW,CAAC,CAAC,GAErD,QAAQ,YAAY,UAAsB,CAAC,SAAS,iBAAiB;AAChF,QAAM;AAAA;AAAA,IAEJ;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI,SAEE,MAAM,aAAAA,QAAM,OAAyB,IAAI,GAEzC,mBAAe,6BAAqB,cAAc,GAAG;AAI3D,MAAI,kBAAkB,IAClB,cAAc,YACd,iBAAiB,eACjB,gBAAgB;AACpB,EAAI,iBAAiB,SACnB,iBAAiB,MACjB,gBAAgB;AAGlB,MAAI,aAAa;AACjB,EAAI,SAAS,UACX,aAAa,UACJ,SAAS,QAClB,aAAa,QACJ,SAAS,WAClB,aAAa,WACJ,SAAS,QAClB,aAAa,QACJ,SAAS,cAClB,kBAAkB,IAClB,aAAa,UACJ,SAAS,WAClB,aAAa,YAEb,aAAa;AAGf,MAAI,uBAAuB;AAC3B,EAAI,cAAc,WAChB,uBAAuB;AAGzB,QAAM,aAAa;AAAA,IACjB,GAAG;AAAA,IACH,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,eAAe;AAAA,IACf;AAAA,IACA,eAAe,QAAQ,KAAK;AAAA,EAC9B;AAEA,SAAI,QAAQ,eACV,WAAW,YAAY,KAGrB,cACF,WAAW,aAAa,CAAC,MAAM;AAC7B,UAAM,EAAE,IAAI,IAAI,EAAE;AAClB,KACE,QAAQ,eACP,QAAQ,cAAc,QAAQ,WAC/B,IAAI,WAAW,MAEf,UAAU;AAAA,MACR;AAAA,MACA,MAAM;AAAA,IACR,CAAQ;AAAA,EAEZ,GACA,WAAW,kBAAkB,CAAC,MAAM;AAClC,cAAU;AAAA,MACR,KAAK;AAAA,MACL,MAAM;AAAA,IACR,CAAQ;AAAA,EACV,KAGE,YAAY,aACd,WAAW,WAAW,CAAC,MAAsD;AAC3E,UAAM,EAAE,KAAK,IAAI,EAAE;AACnB,IAAI,YACF,SAAS;AAAA,MACP,QAAQ;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,MAAM;AAAA,IACR,CAAQ,GAGR,UAAQ;AAAA,MACN,QAAQ;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,MAAM;AAAA,IACR,CAAQ;AAAA,EAEZ,IAGF,aAAAA,QAAM,UAAU,MAAM;AACpB,QAAK,MACD;AAEJ,iBAAO,oCAAkB,IAAI;AAAA,QAC3B,gBAAgB,MAAM;AACpB,cAAI,SAAS,MAAM;AAAA,QACrB;AAAA,QACA,OAAO,MAAM;AAAA,QAAC;AAAA,MAChB,CAAC;AAAA,EACH,GAAG,CAAC,IAAI,QAAQ,CAAC,GACV,4CAAC,eAAY,UAAU,CAAC,MAAM;AAAA,EAAC,GAAG,KAAK,cAAe,GAAG,YAAY;AAC9E,CAAC;",
+  "names": ["React"]
+}

package/dist/cjs/{TextArea.js → TextArea.cjs}

@@ -3,21 +3,29 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
 var TextArea_exports = {};
 __export(TextArea_exports, {
   TextArea: () => TextArea
 });
 module.exports = __toCommonJS(TextArea_exports);
-var import_web = require("@tamagui/web"), import_Input = require("./Input"), import_shared = require("./shared");
+var import_web = require("@tamagui/web"),
+  import_Input = require("./Input.cjs"),
+  import_shared = require("./shared.cjs");
 const TextArea = (0, import_web.styled)(import_Input.Input, {
   name: "TextArea",
   tag: "textarea",
@@ -39,5 +47,4 @@ const TextArea = (0, import_web.styled)(import_Input.Input, {
   defaultVariants: {
     unstyled: process.env.TAMAGUI_HEADLESS === "1"
   }
-});
-//# sourceMappingURL=TextArea.js.map
+});

package/dist/cjs/index.cjs

@@ -0,0 +1,19 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./Input.cjs"), module.exports);
+__reExport(src_exports, require("./TextArea.cjs"), module.exports);

package/dist/cjs/shared.cjs

@@ -0,0 +1,128 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var shared_exports = {};
+__export(shared_exports, {
+  INPUT_NAME: () => INPUT_NAME,
+  defaultStyles: () => defaultStyles,
+  inputSizeVariant: () => inputSizeVariant,
+  styledBody: () => styledBody,
+  textAreaSizeVariant: () => textAreaSizeVariant
+});
+module.exports = __toCommonJS(shared_exports);
+var import_core = require("@tamagui/core"),
+  import_core2 = require("@tamagui/core"),
+  import_get_button_sized = require("@tamagui/get-button-sized"),
+  import_get_font_sized = require("@tamagui/get-font-sized"),
+  import_get_token = require("@tamagui/get-token");
+const defaultStyles = {
+    size: "$true",
+    fontFamily: "$body",
+    borderWidth: 1,
+    outlineWidth: 0,
+    color: "$color",
+    ...(import_core2.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 = (0, import_get_button_sized.getButtonSized)(val, extras),
+      paddingHorizontal = (0, import_get_token.getSpace)(val, {
+        shift: -1,
+        bounds: [2]
+      }),
+      fontStyle = (0, import_get_font_sized.getFontSized)(val, extras);
+    return !import_core2.isWeb && fontStyle && delete fontStyle.lineHeight, {
+      ...fontStyle,
+      ...buttonStyles,
+      paddingHorizontal
+    };
+  },
+  textAreaSizeVariant = (val = "$true", extras) => {
+    const {
+        props
+      } = extras,
+      buttonStyles = (0, import_get_button_sized.getButtonSized)(val, extras),
+      fontStyle = (0, import_get_font_sized.getFontSized)(val, extras),
+      lines = props.rows ?? props.numberOfLines,
+      height = typeof lines == "number" ? lines * (0, import_core2.getVariableValue)(fontStyle.lineHeight) : "auto",
+      paddingVertical = (0, import_get_token.getSpace)(val, {
+        shift: -2,
+        bounds: [2]
+      }),
+      paddingHorizontal = (0, import_get_token.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: {
+      ...import_core.validStyles,
+      ...import_core.stylePropsTextOnly
+    }
+  }];

package/dist/cjs/types.cjs

@@ -0,0 +1,16 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+    get: () => from[key],
+    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+  });
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/input",
-  "version": "1.114.4",
+  "version": "1.115.0",
   "sideEffects": [
     "*.css"
   ],
@@ -29,22 +29,23 @@
       "react-native": "./dist/cjs/index.native.js",
       "types": "./types/index.d.ts",
       "import": "./dist/esm/index.mjs",
-      "require": "./dist/cjs/index.js"
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/cjs/index.native.js"
     }
   },
   "dependencies": {
-    "@tamagui/core": "1.114.4",
-    "@tamagui/focusable": "1.114.4",
-    "@tamagui/font-size": "1.114.4",
-    "@tamagui/get-button-sized": "1.114.4",
-    "@tamagui/helpers": "1.114.4",
-    "@tamagui/helpers-tamagui": "1.114.4",
-    "@tamagui/stacks": "1.114.4",
-    "@tamagui/text": "1.114.4",
-    "@tamagui/web": "1.114.4"
+    "@tamagui/core": "1.115.0",
+    "@tamagui/focusable": "1.115.0",
+    "@tamagui/font-size": "1.115.0",
+    "@tamagui/get-button-sized": "1.115.0",
+    "@tamagui/helpers": "1.115.0",
+    "@tamagui/helpers-tamagui": "1.115.0",
+    "@tamagui/stacks": "1.115.0",
+    "@tamagui/text": "1.115.0",
+    "@tamagui/web": "1.115.0"
   },
   "devDependencies": {
-    "@tamagui/build": "1.114.4",
+    "@tamagui/build": "1.115.0",
     "react": "^18.2.0 || ^19.0.0",
     "vitest": "2.1.1"
   },

package/dist/cjs/Input.js

@@ -1,137 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
-  mod
-)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var Input_exports = {};
-__export(Input_exports, {
-  Input: () => Input
-});
-module.exports = __toCommonJS(Input_exports);
-var import_react = __toESM(require("react")), import_core = require("@tamagui/core"), import_focusable = require("@tamagui/focusable"), import_shared = require("./shared"), import_jsx_runtime = require("react/jsx-runtime");
-const StyledInput = (0, import_core.styled)(import_core.View, import_shared.styledBody[0], import_shared.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 = import_react.default.useRef(null), theme = (0, import_core.useTheme)(), composedRefs = (0, import_core.useComposedRefs)(forwardedRef, ref), _onSelectionChange = (0, import_core.useEvent)(() => {
-    const start = ref.current?.selectionStart ?? 0, end = ref.current?.selectionEnd ?? 0;
-    onSelectionChange?.({
-      nativeEvent: {
-        selection: {
-          end,
-          start
-        }
-      }
-    });
-  });
-  import_react.default.useEffect(() => {
-    if (onSelectionChange)
-      return ref.current?.addEventListener("selectionchange", _onSelectionChange), () => {
-        ref.current?.removeEventListener("selectionchange", _onSelectionChange);
-      };
-  }, []), import_react.default.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 import_react.default.useEffect(() => {
-    if (id && !disabled)
-      return (0, import_focusable.registerFocusable)(id, {
-        focusAndSelect: () => {
-          ref.current?.focus();
-        },
-        focus: () => {
-        }
-      });
-  }, [id, disabled]), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { children: `
-      input::selection, textarea::selection {
-        background-color: var(--selectionBackground) !important;
-      }
-      
-      input::placeholder, textarea::placeholder {
-        color: var(--placeholderColor) !important;
-      }
-      ` }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledInput, { ref: composedRefs, ...finalProps })
-  ] });
-});
-//# sourceMappingURL=Input.js.map

package/dist/cjs/index.js

@@ -1,16 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var src_exports = {};
-module.exports = __toCommonJS(src_exports);
-__reExport(src_exports, require("./Input"), module.exports);
-__reExport(src_exports, require("./TextArea"), module.exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/shared.js

@@ -1,109 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var shared_exports = {};
-__export(shared_exports, {
-  INPUT_NAME: () => INPUT_NAME,
-  defaultStyles: () => defaultStyles,
-  inputSizeVariant: () => inputSizeVariant,
-  styledBody: () => styledBody,
-  textAreaSizeVariant: () => textAreaSizeVariant
-});
-module.exports = __toCommonJS(shared_exports);
-var import_core = require("@tamagui/core"), import_core2 = require("@tamagui/core"), import_get_button_sized = require("@tamagui/get-button-sized"), import_get_font_sized = require("@tamagui/get-font-sized"), import_get_token = require("@tamagui/get-token");
-const defaultStyles = {
-  size: "$true",
-  fontFamily: "$body",
-  borderWidth: 1,
-  outlineWidth: 0,
-  color: "$color",
-  ...import_core2.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 = (0, import_get_button_sized.getButtonSized)(val, extras), paddingHorizontal = (0, import_get_token.getSpace)(val, {
-    shift: -1,
-    bounds: [2]
-  }), fontStyle = (0, import_get_font_sized.getFontSized)(val, extras);
-  return !import_core2.isWeb && fontStyle && delete fontStyle.lineHeight, {
-    ...fontStyle,
-    ...buttonStyles,
-    paddingHorizontal
-  };
-}, textAreaSizeVariant = (val = "$true", extras) => {
-  const { props } = extras, buttonStyles = (0, import_get_button_sized.getButtonSized)(val, extras), fontStyle = (0, import_get_font_sized.getFontSized)(val, extras), lines = props.rows ?? props.numberOfLines, height = typeof lines == "number" ? lines * (0, import_core2.getVariableValue)(fontStyle.lineHeight) : "auto", paddingVertical = (0, import_get_token.getSpace)(val, {
-    shift: -2,
-    bounds: [2]
-  }), paddingHorizontal = (0, import_get_token.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: {
-      ...import_core.validStyles,
-      ...import_core.stylePropsTextOnly
-    }
-  }
-];
-//# sourceMappingURL=shared.js.map

package/dist/cjs/types.js

@@ -1,14 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var types_exports = {};
-module.exports = __toCommonJS(types_exports);
-//# sourceMappingURL=types.js.map