tamagui 2.0.0-1768427228811 → 2.0.0-1768530912818

package/dist/cjs/helpers/inputHelpers.cjs

@@ -0,0 +1,68 @@
+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 inputHelpers_exports = {};
+__export(inputHelpers_exports, {
+  inputSizeVariant: () => inputSizeVariant,
+  textAreaSizeVariant: () => textAreaSizeVariant
+});
+module.exports = __toCommonJS(inputHelpers_exports);
+var import_core = 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 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_core.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_core.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
+    };
+  };

package/dist/cjs/helpers/inputHelpers.js

@@ -0,0 +1,50 @@
+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 inputHelpers_exports = {};
+__export(inputHelpers_exports, {
+  inputSizeVariant: () => inputSizeVariant,
+  textAreaSizeVariant: () => textAreaSizeVariant
+});
+module.exports = __toCommonJS(inputHelpers_exports);
+var import_core = 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 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_core.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_core.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
+  };
+};
+//# sourceMappingURL=inputHelpers.js.map

package/dist/cjs/helpers/inputHelpers.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/inputHelpers.tsx"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAAwC,0BACxC,0BAA+B,sCAC/B,wBAA6B,oCAC7B,mBAAyB;AAElB,MAAM,mBAAmD,CAC9D,MAAM,SACN,WACG;AACH,MAAI,OAAO,MAAM,aAAa,OAAO,MAAM,gBAAgB;AACzD,WAAO,oBAAoB,KAAK,MAAM;AAExC,QAAM,mBAAe,wCAAe,KAAK,MAAM,GACzC,wBAAoB,2BAAS,KAAK;AAAA,IACtC,OAAO;AAAA,IACP,QAAQ,CAAC,CAAC;AAAA,EACZ,CAAC,GACK,gBAAY,oCAAa,KAAY,MAAM;AAEjD,SAAI,CAAC,qBAAS,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,mBAAe,wCAAe,KAAK,MAAM,GACzC,gBAAY,oCAAa,KAAY,MAAM,GAC3C,QAAQ,MAAM,QAAQ,MAAM,eAC5B,SACJ,OAAO,SAAU,WAAW,YAAQ,8BAAiB,UAAU,UAAU,IAAI,QACzE,sBAAkB,2BAAS,KAAK;AAAA,IACpC,OAAO;AAAA,IACP,QAAQ,CAAC,CAAC;AAAA,EACZ,CAAC,GACK,wBAAoB,2BAAS,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;",
+  "names": []
+}

package/dist/cjs/helpers/inputHelpers.native.js

@@ -0,0 +1,76 @@
+"use strict";
+
+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 inputHelpers_exports = {};
+__export(inputHelpers_exports, {
+  inputSizeVariant: () => inputSizeVariant,
+  textAreaSizeVariant: () => textAreaSizeVariant
+});
+module.exports = __toCommonJS(inputHelpers_exports);
+var import_core = 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"),
+  inputSizeVariant = function () {
+    var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "$true",
+      extras = arguments.length > 1 ? arguments[1] : void 0;
+    if (extras.props.multiline || extras.props.numberOfLines > 1) return textAreaSizeVariant(val, extras);
+    var 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_core.isWeb && fontStyle && delete fontStyle.lineHeight, {
+      ...fontStyle,
+      ...buttonStyles,
+      paddingHorizontal
+    };
+  },
+  textAreaSizeVariant = function () {
+    var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "$true",
+      extras = arguments.length > 1 ? arguments[1] : void 0,
+      {
+        props
+      } = extras,
+      buttonStyles = (0, import_get_button_sized.getButtonSized)(val, extras),
+      fontStyle = (0, import_get_font_sized.getFontSized)(val, extras),
+      _props_rows,
+      lines = (_props_rows = props.rows) !== null && _props_rows !== void 0 ? _props_rows : props.numberOfLines,
+      height = typeof lines == "number" ? lines * (0, import_core.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
+    };
+  };
+//# sourceMappingURL=inputHelpers.native.js.map

package/dist/cjs/helpers/inputHelpers.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","inputHelpers_exports","__export","inputSizeVariant","textAreaSizeVariant","module","exports","import_core","require","import_get_button_sized","import_get_font_sized","import_get_token","val","arguments","length","extras","props","multiline","numberOfLines","buttonStyles","getButtonSized","paddingHorizontal","getSpace","shift","bounds","fontStyle","getFontSized","isWeb","lineHeight","_props_rows","lines","rows","height","getVariableValue","paddingVertical"],"sources":["../../../src/helpers/inputHelpers.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAV,YAAwC,CAAAK,oBACxC;AAIO,IAAAM,WAAM,GAAAC,OAAmD,CAC9D,eACA;EAAAC,uBACG,GAAAD,OAAA;EAAAE,qBAAA,GAAAF,OAAA;EAAAG,gBAAA,GAAAH,OAAA;EAAAL,gBAAA,YAAAA,CAAA;IACH,IAAIS,GAAA,GAAAC,SAAa,CAAAC,MAAA,IAAa,IAAAD,SAAa,iBAAgBA,SAAA;MAAAE,MAAA,GAAAF,SAAA,CAAAC,MAAA,OAAAD,SAAA;IACzD,IAAAE,MAAO,CAAAC,KAAA,CAAAC,SAAA,IAAoBF,MAAK,CAAAC,KAAM,CAAAE,aAAA,MAExC,OAAMd,mBAAe,CAAAQ,GAAA,EAAAG,MAAA;IACmB,IACtCI,YAAO,OAAAV,uBAAA,CAAAW,cAAA,EAAAR,GAAA,EAAAG,MAAA;MAAAM,iBAAA,OAAAV,gBAAA,CAAAW,QAAA,EAAAV,GAAA;QACPW,KAAA,GAAQ,CAAC;QACVC,MACK,GAEN;MAIK,EACH;MAAAC,SAAG,OAAAf,qBAAA,CAAAgB,YAAA,EAAAd,GAAA,EAAAG,MAAA;IAAA,OACH,CAAAR,WAAA,CAAAoB,KAAA,IAAAF,SAAA,WAAAA,SAAA,CAAAG,UAAA;MACF,GAAAH,SAAA;MAGW,GAAAN,YAAA;MAIXE;IAMsC;EAC7B;EAAAjB,mBACG,YAAAA,CAAA;IACZ,IACMQ,GAAA,GAAAC,SAAA,CAAAC,MAAA,GAAoB,KAAAD,SAAA,aAAS,IAAKA,SAAA;MAAAE,MAAA,GAAAF,SAAA,CAAAC,MAAA,OAAAD,SAAA;MAAA;QAAAG;MAAA,IAAAD,MAAA;MAAAI,YAAA,OAAAV,uBAAA,CAAAW,cAAA,EAAAR,GAAA,EAAAG,MAAA;MAAAU,SAAA,OAAAf,qBAAA,CAAAgB,YAAA,EAAAd,GAAA,EAAAG,MAAA;MAAAc,WAAA;MAAAC,KAAA,IAAAD,WAAA,GAAAb,KAAA,CAAAe,IAAA,cAAAF,WAAA,cAAAA,WAAA,GAAAb,KAAA,CAAAE,aAAA;MAAAc,MAAA,UAAAF,KAAA,eAAAA,KAAA,OAAAvB,WAAA,CAAA0B,gBAAA,EAAAR,SAAA,CAAAG,UAAA;MAAAM,eAAA,OAAAvB,gBAAA,CAAAW,QAAA,EAAAV,GAAA;QACtCW,KAAA,EAAO;QACPC,MAAA,EAAQ,CACT;MACM,EACL;MAAAH,iBAAG,OAAAV,gBAAA,CAAAW,QAAA,EAAAV,GAAA;QACHW,KAAG;QACHC,MAAA,GACA;MAEF;IACF","ignoreList":[]}

package/dist/cjs/views/Input.cjs

@@ -0,0 +1,123 @@
+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,
+  InputFrame: () => InputFrame,
+  defaultStyles: () => defaultStyles,
+  useInputProps: () => useInputProps
+});
+module.exports = __toCommonJS(Input_exports);
+var import_react = __toESM(require("react"), 1),
+  import_constants = require("@tamagui/constants"),
+  import_core = require("@tamagui/core"),
+  import_focusable = require("@tamagui/focusable"),
+  import_react_native = require("react-native-web"),
+  import_inputHelpers = require("../helpers/inputHelpers.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const defaultStyles = {
+    size: "$true",
+    fontFamily: "$body",
+    borderWidth: 1,
+    outlineWidth: 0,
+    color: "$color",
+    ...(import_constants.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"
+    }
+  },
+  InputFrame = (0, import_core.styled)(import_react_native.TextInput, {
+    name: "Input",
+    variants: {
+      unstyled: {
+        false: defaultStyles
+      },
+      size: {
+        "...size": import_inputHelpers.inputSizeVariant
+      },
+      disabled: {
+        true: {}
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.TAMAGUI_HEADLESS === "1"
+    }
+  }, {
+    isInput: !0,
+    accept: {
+      placeholderTextColor: "color",
+      selectionColor: "color"
+    }
+  }),
+  Input = InputFrame.styleable((propsIn, forwardedRef) => {
+    const ref = import_react.default.useRef(null),
+      composedRefs = (0, import_core.useComposedRefs)(forwardedRef, ref),
+      props = useInputProps(propsIn, composedRefs);
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(InputFrame, {
+      ...props
+    });
+  });
+function useInputProps(props, ref) {
+  const theme = (0, import_core.useTheme)(),
+    focusableProps = (0, import_focusable.useFocusable)({
+      props,
+      ref,
+      isInput: !0
+    }),
+    placeholderTextColor = import_react.default.useMemo(() => {
+      const placeholderColorProp = props.placeholderTextColor;
+      return theme[placeholderColorProp]?.get() ?? placeholderColorProp ?? theme.placeholderColor?.get();
+    }, [props.placeholderTextColor, theme]);
+  return import_react.default.useMemo(() => ({
+    ref: focusableProps.ref,
+    readOnly: props.disabled,
+    ...props,
+    placeholderTextColor,
+    onChangeText: focusableProps.onChangeText
+  }), [focusableProps.ref, focusableProps.onChangeText, props.disabled, props, placeholderTextColor]);
+}

package/dist/cjs/views/Input.js

@@ -0,0 +1,114 @@
+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,
+  InputFrame: () => InputFrame,
+  defaultStyles: () => defaultStyles,
+  useInputProps: () => useInputProps
+});
+module.exports = __toCommonJS(Input_exports);
+var import_react = __toESM(require("react"), 1), import_constants = require("@tamagui/constants"), import_core = require("@tamagui/core"), import_focusable = require("@tamagui/focusable"), import_react_native = require("react-native-web"), import_inputHelpers = require("../helpers/inputHelpers"), import_jsx_runtime = require("react/jsx-runtime");
+const defaultStyles = {
+  size: "$true",
+  fontFamily: "$body",
+  borderWidth: 1,
+  outlineWidth: 0,
+  color: "$color",
+  ...import_constants.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"
+  }
+}, InputFrame = (0, import_core.styled)(
+  import_react_native.TextInput,
+  {
+    name: "Input",
+    variants: {
+      unstyled: {
+        false: defaultStyles
+      },
+      size: {
+        "...size": import_inputHelpers.inputSizeVariant
+      },
+      disabled: {
+        true: {}
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.TAMAGUI_HEADLESS === "1"
+    }
+  },
+  {
+    isInput: !0,
+    accept: {
+      placeholderTextColor: "color",
+      selectionColor: "color"
+    }
+  }
+), Input = InputFrame.styleable((propsIn, forwardedRef) => {
+  const ref = import_react.default.useRef(null), composedRefs = (0, import_core.useComposedRefs)(forwardedRef, ref), props = useInputProps(propsIn, composedRefs);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputFrame, { ...props });
+});
+function useInputProps(props, ref) {
+  const theme = (0, import_core.useTheme)(), focusableProps = (0, import_focusable.useFocusable)({
+    props,
+    ref,
+    isInput: !0
+  }), placeholderTextColor = import_react.default.useMemo(() => {
+    const placeholderColorProp = props.placeholderTextColor;
+    return theme[placeholderColorProp]?.get() ?? placeholderColorProp ?? theme.placeholderColor?.get();
+  }, [props.placeholderTextColor, theme]);
+  return import_react.default.useMemo(
+    () => ({
+      ref: focusableProps.ref,
+      readOnly: props.disabled,
+      ...props,
+      placeholderTextColor,
+      onChangeText: focusableProps.onChangeText
+    }),
+    [
+      focusableProps.ref,
+      focusableProps.onChangeText,
+      props.disabled,
+      props,
+      placeholderTextColor
+    ]
+  );
+}
+//# sourceMappingURL=Input.js.map

package/dist/cjs/views/Input.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/views/Input.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,8BAClB,mBAAsB,+BAEtB,cAAkD,0BAClD,mBAA6B,+BAC7B,sBAA0B,yBAE1B,sBAAiC,oCAwFxB;AAtFF,MAAM,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EAEP,GAAI,yBACA;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,iBAAa;AAAA,EACxB;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IAEN,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,IAET,QAAQ;AAAA,MACN,sBAAsB;AAAA,MACtB,gBAAgB;AAAA,IAClB;AAAA,EACF;AACF,GAca,QAAQ,WAAW,UAA2B,CAAC,SAAS,iBAAiB;AACpF,QAAM,MAAM,aAAAA,QAAM,OAAc,IAAI,GAC9B,mBAAe,6BAAgB,cAAc,GAAG,GAChD,QAAQ,cAAc,SAAS,YAAY;AAEjD,SAAO,4CAAC,cAAY,GAAG,OAAO;AAChC,CAAC;AAEM,SAAS,cAAc,OAAmB,KAAU;AACzD,QAAM,YAAQ,sBAAS,GACjB,qBAAiB,+BAAa;AAAA,IAClC;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX,CAAC,GAEK,uBAAuB,aAAAA,QAAM,QAAQ,MAAM;AAC/C,UAAM,uBAAuB,MAAM;AACnC,WACE,MAAM,oBAA2B,GAAG,IAAI,KACxC,wBACA,MAAM,kBAAkB,IAAI;AAAA,EAEhC,GAAG,CAAC,MAAM,sBAAsB,KAAK,CAAC;AAEtC,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL,KAAK,eAAe;AAAA,MACpB,UAAU,MAAM;AAAA,MAChB,GAAG;AAAA,MACH;AAAA,MACA,cAAc,eAAe;AAAA,IAC/B;AAAA,IACA;AAAA,MACE,eAAe;AAAA,MACf,eAAe;AAAA,MACf,MAAM;AAAA,MACN;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": ["React"]
+}

package/dist/cjs/views/Input.native.js

@@ -0,0 +1,132 @@
+"use strict";
+
+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,
+  InputFrame: () => InputFrame,
+  defaultStyles: () => defaultStyles,
+  useInputProps: () => useInputProps
+});
+module.exports = __toCommonJS(Input_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_react = __toESM(require("react"), 1),
+  import_constants = require("@tamagui/constants"),
+  import_core = require("@tamagui/core"),
+  import_focusable = require("@tamagui/focusable"),
+  import_react_native = require("react-native"),
+  import_inputHelpers = require("../helpers/inputHelpers.native.js"),
+  defaultStyles = {
+    size: "$true",
+    fontFamily: "$body",
+    borderWidth: 1,
+    outlineWidth: 0,
+    color: "$color",
+    ...(import_constants.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"
+    }
+  },
+  InputFrame = (0, import_core.styled)(import_react_native.TextInput, {
+    name: "Input",
+    variants: {
+      unstyled: {
+        false: defaultStyles
+      },
+      size: {
+        "...size": import_inputHelpers.inputSizeVariant
+      },
+      disabled: {
+        true: {}
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.TAMAGUI_HEADLESS === "1"
+    }
+  }, {
+    isInput: !0,
+    accept: {
+      placeholderTextColor: "color",
+      selectionColor: "color"
+    }
+  }),
+  Input = InputFrame.styleable(function (propsIn, forwardedRef) {
+    var ref = import_react.default.useRef(null),
+      composedRefs = (0, import_core.useComposedRefs)(forwardedRef, ref),
+      props = useInputProps(propsIn, composedRefs);
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(InputFrame, {
+      ...props
+    });
+  });
+function useInputProps(props, ref) {
+  var theme = (0, import_core.useTheme)(),
+    focusableProps = (0, import_focusable.useFocusable)({
+      props,
+      ref,
+      isInput: !0
+    }),
+    placeholderTextColor = import_react.default.useMemo(function () {
+      var _theme_placeholderColorProp,
+        _theme_placeholderColor,
+        placeholderColorProp = props.placeholderTextColor,
+        _theme_placeholderColorProp_get,
+        _ref;
+      return (_ref = (_theme_placeholderColorProp_get = (_theme_placeholderColorProp = theme[placeholderColorProp]) === null || _theme_placeholderColorProp === void 0 ? void 0 : _theme_placeholderColorProp.get()) !== null && _theme_placeholderColorProp_get !== void 0 ? _theme_placeholderColorProp_get : placeholderColorProp) !== null && _ref !== void 0 ? _ref : (_theme_placeholderColor = theme.placeholderColor) === null || _theme_placeholderColor === void 0 ? void 0 : _theme_placeholderColor.get();
+    }, [props.placeholderTextColor, theme]);
+  return import_react.default.useMemo(function () {
+    return {
+      ref: focusableProps.ref,
+      readOnly: props.disabled,
+      ...props,
+      placeholderTextColor,
+      onChangeText: focusableProps.onChangeText
+    };
+  }, [focusableProps.ref, focusableProps.onChangeText, props.disabled, props, placeholderTextColor]);
+}
+//# sourceMappingURL=Input.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Input_exports","__export","Input","InputFrame","defaultStyles","useInputProps","module","exports","import_jsx_runtime","require","import_react","__toESM","import_constants","import_core","import_focusable","import_react_native","import_inputHelpers","size","fontFamily","borderWidth","outlineWidth","color","isWeb","tabIndex","focusable","borderColor","backgroundColor","minWidth","hoverStyle","focusStyle","focusVisibleStyle","outlineColor","outlineStyle","styled","TextInput","name","variants","unstyled","false","inputSizeVariant","disabled","true","defaultVariants","process","env","TAMAGUI_HEADLESS","isInput","accept","placeholderTextColor","selectionColor","styleable","propsIn","forwardedRef","ref","default","useRef","composedRefs","useComposedRefs","props","jsx","theme","useTheme","focusableProps","useFocusable","useMemo","_theme_placeholderColorProp","_theme_placeholderColor","placeholderColorProp","_theme_placeholderColorProp_get","_ref","get","placeholderColor","readOnly","onChangeText"],"sources":["../../../src/views/Input.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/views/Skeleton.js

@@ -0,0 +1 @@
+//# sourceMappingURL=Skeleton.js.map

package/dist/cjs/views/Skeleton.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": [],
+  "mappings": "",
+  "names": []
+}

package/dist/cjs/views/Skeleton.native.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=Skeleton.native.js.map

package/dist/cjs/views/Skeleton.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}