tamagui 1.5.8 → 1.5.10

package/dist/cjs/views/Input.js

@@ -19,7 +19,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var Input_exports = {};
 __export(Input_exports, {
   Input: () => Input,
-  InputFrame: () => InputFrame
+  InputFrame: () => InputFrame,
+  defaultStyles: () => defaultStyles
 });
 module.exports = __toCommonJS(Input_exports);
 var import_core = require("@tamagui/core");
@@ -29,35 +30,41 @@ var import_inputHelpers = require("../helpers/inputHelpers");
 (0, import_core.setupReactNative)({
   TextInput: import_react_native.TextInput
 });
+const defaultStyles = {
+  size: "$true",
+  fontFamily: "$body",
+  borderWidth: 1,
+  outlineWidth: 0,
+  color: "$color",
+  focusable: true,
+  borderColor: "$borderColor",
+  backgroundColor: "$background",
+  placeholderTextColor: "$placeholderColor",
+  // this fixes a flex bug where it overflows container
+  minWidth: 0,
+  hoverStyle: {
+    borderColor: "$borderColorHover"
+  },
+  focusStyle: {
+    borderColor: "$borderColorFocus",
+    borderWidth: 2,
+    marginHorizontal: -1
+  }
+};
 const InputFrame = (0, import_core.styled)(
   import_react_native.TextInput,
   {
     name: "Input",
-    fontFamily: "$body",
-    borderWidth: 1,
-    outlineWidth: 0,
-    color: "$color",
-    focusable: true,
-    borderColor: "$borderColor",
-    backgroundColor: "$background",
-    placeholderTextColor: "$placeholderColor",
-    // this fixes a flex bug where it overflows container
-    minWidth: 0,
-    hoverStyle: {
-      borderColor: "$borderColorHover"
-    },
-    focusStyle: {
-      borderColor: "$borderColorFocus",
-      borderWidth: 2,
-      marginHorizontal: -1
-    },
     variants: {
+      unstyled: {
+        false: defaultStyles
+      },
       size: {
         "...size": import_inputHelpers.inputSizeVariant
       }
     },
     defaultVariants: {
-      size: "$true"
+      unstyled: false
     }
   },
   {
@@ -68,6 +75,7 @@ const Input = (0, import_focusable.focusableInputHOC)(InputFrame);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Input,
-  InputFrame
+  InputFrame,
+  defaultStyles
 });
 //# sourceMappingURL=Input.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Input.tsx"],
-  "sourcesContent": ["import { GetProps, setupReactNative, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\nimport { TextInput } from 'react-native'\n\nimport { inputSizeVariant } from '../helpers/inputHelpers'\n\nsetupReactNative({\n  TextInput,\n})\n\nexport const InputFrame = styled(\n  TextInput,\n  {\n    name: 'Input',\n    fontFamily: '$body',\n    borderWidth: 1,\n    outlineWidth: 0,\n    color: '$color',\n    focusable: true,\n    borderColor: '$borderColor',\n    backgroundColor: '$background',\n    placeholderTextColor: '$placeholderColor',\n\n    // this fixes a flex bug where it overflows container\n    minWidth: 0,\n\n    hoverStyle: {\n      borderColor: '$borderColorHover',\n    },\n\n    focusStyle: {\n      borderColor: '$borderColorFocus',\n      borderWidth: 2,\n      marginHorizontal: -1,\n    },\n\n    variants: {\n      size: {\n        '...size': inputSizeVariant,\n      },\n    } as const,\n\n    defaultVariants: {\n      size: '$true',\n    },\n  },\n  {\n    isInput: true,\n  }\n)\n\nexport type InputProps = GetProps<typeof InputFrame>\n\nexport const Input = focusableInputHOC(InputFrame)\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAmD;AACnD,uBAAkC;AAClC,0BAA0B;AAE1B,0BAAiC;AAAA,IAEjC,8BAAiB;AAAA,EACf;AACF,CAAC;AAEM,MAAM,iBAAa;AAAA,EACxB;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,cAAc;AAAA,IACd,OAAO;AAAA,IACP,WAAW;AAAA,IACX,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,sBAAsB;AAAA;AAAA,IAGtB,UAAU;AAAA,IAEV,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,IAEA,YAAY;AAAA,MACV,aAAa;AAAA,MACb,aAAa;AAAA,MACb,kBAAkB;AAAA,IACpB;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,EACX;AACF;AAIO,MAAM,YAAQ,oCAAkB,UAAU;",
+  "sourcesContent": ["import { GetProps, setupReactNative, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\nimport { TextInput } from 'react-native'\n\nimport { inputSizeVariant } from '../helpers/inputHelpers'\n\nsetupReactNative({\n  TextInput,\n})\n\nexport const defaultStyles = {\n  size: '$true',\n  fontFamily: '$body',\n  borderWidth: 1,\n  outlineWidth: 0,\n  color: '$color',\n  focusable: true,\n  borderColor: '$borderColor',\n  backgroundColor: '$background',\n  placeholderTextColor: '$placeholderColor',\n\n  // this fixes a flex bug where it overflows container\n  minWidth: 0,\n\n  hoverStyle: {\n    borderColor: '$borderColorHover',\n  },\n\n  focusStyle: {\n    borderColor: '$borderColorFocus',\n    borderWidth: 2,\n    marginHorizontal: -1,\n  },\n} as const\n\nexport const InputFrame = styled(\n  TextInput,\n  {\n    name: 'Input',\n\n    variants: {\n      unstyled: {\n        false: defaultStyles,\n      },\n\n      size: {\n        '...size': inputSizeVariant,\n      },\n    } as const,\n\n    defaultVariants: {\n      unstyled: false,\n    },\n  },\n  {\n    isInput: true,\n  }\n)\n\nexport type InputProps = GetProps<typeof InputFrame>\n\nexport const Input = focusableInputHOC(InputFrame)\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAmD;AACnD,uBAAkC;AAClC,0BAA0B;AAE1B,0BAAiC;AAAA,IAEjC,8BAAiB;AAAA,EACf;AACF,CAAC;AAEM,MAAM,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,sBAAsB;AAAA;AAAA,EAGtB,UAAU;AAAA,EAEV,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,IACb,aAAa;AAAA,IACb,kBAAkB;AAAA,EACpB;AACF;AAEO,MAAM,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,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,EACX;AACF;AAIO,MAAM,YAAQ,oCAAkB,UAAU;",
   "names": []
 }

package/dist/cjs/views/TextArea.js

@@ -29,15 +29,20 @@ var import_Input = require("./Input");
 const TextAreaFrame = (0, import_core.styled)(import_Input.InputFrame, {
   name: "TextArea",
   multiline: true,
-  numberOfLines: 4,
-  height: "auto",
   variants: {
+    unstyled: {
+      false: {
+        ...import_Input.defaultStyles,
+        height: "auto",
+        numberOfLines: 4
+      }
+    },
     size: {
       "...size": import_inputHelpers.textAreaSizeVariant
     }
   },
   defaultVariants: {
-    size: "$true"
+    unstyled: false
   }
 });
 const TextArea = (0, import_focusable.focusableInputHOC)(TextAreaFrame);

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/TextArea.tsx"],
-  "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\n\nimport { textAreaSizeVariant } from '../helpers/inputHelpers'\nimport { InputFrame } from './Input'\n\nexport const TextAreaFrame = styled(InputFrame, {\n  name: 'TextArea',\n  multiline: true,\n  numberOfLines: 4,\n  height: 'auto',\n\n  variants: {\n    size: {\n      '...size': textAreaSizeVariant,\n    },\n  } as const,\n\n  defaultVariants: {\n    size: '$true',\n  },\n})\n\nexport type TextAreaProps = GetProps<typeof TextArea>\n\nexport const TextArea = focusableInputHOC(TextAreaFrame)\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiC;AACjC,uBAAkC;AAElC,0BAAoC;AACpC,mBAA2B;AAEpB,MAAM,oBAAgB,oBAAO,yBAAY;AAAA,EAC9C,MAAM;AAAA,EACN,WAAW;AAAA,EACX,eAAe;AAAA,EACf,QAAQ;AAAA,EAER,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAIM,MAAM,eAAW,oCAAkB,aAAa;",
+  "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\n\nimport { textAreaSizeVariant } from '../helpers/inputHelpers'\nimport { InputFrame, defaultStyles } from './Input'\n\nexport const TextAreaFrame = styled(InputFrame, {\n  name: 'TextArea',\n  multiline: true,\n\n  variants: {\n    unstyled: {\n      false: {\n        ...defaultStyles,\n        height: 'auto',\n        numberOfLines: 4,\n      },\n    },\n\n    size: {\n      '...size': textAreaSizeVariant,\n    },\n  } as const,\n\n  defaultVariants: {\n    unstyled: false,\n  },\n})\n\nexport type TextAreaProps = GetProps<typeof TextArea>\n\nexport const TextArea = focusableInputHOC(TextAreaFrame)\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiC;AACjC,uBAAkC;AAElC,0BAAoC;AACpC,mBAA0C;AAEnC,MAAM,oBAAgB,oBAAO,yBAAY;AAAA,EAC9C,MAAM;AAAA,EACN,WAAW;AAAA,EAEX,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,GAAG;AAAA,QACH,QAAQ;AAAA,QACR,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAIM,MAAM,eAAW,oCAAkB,aAAa;",
   "names": []
 }

package/dist/esm/views/Input.js

@@ -5,35 +5,41 @@ import { inputSizeVariant } from "../helpers/inputHelpers";
 setupReactNative({
   TextInput
 });
+const defaultStyles = {
+  size: "$true",
+  fontFamily: "$body",
+  borderWidth: 1,
+  outlineWidth: 0,
+  color: "$color",
+  focusable: true,
+  borderColor: "$borderColor",
+  backgroundColor: "$background",
+  placeholderTextColor: "$placeholderColor",
+  // this fixes a flex bug where it overflows container
+  minWidth: 0,
+  hoverStyle: {
+    borderColor: "$borderColorHover"
+  },
+  focusStyle: {
+    borderColor: "$borderColorFocus",
+    borderWidth: 2,
+    marginHorizontal: -1
+  }
+};
 const InputFrame = styled(
   TextInput,
   {
     name: "Input",
-    fontFamily: "$body",
-    borderWidth: 1,
-    outlineWidth: 0,
-    color: "$color",
-    focusable: true,
-    borderColor: "$borderColor",
-    backgroundColor: "$background",
-    placeholderTextColor: "$placeholderColor",
-    // this fixes a flex bug where it overflows container
-    minWidth: 0,
-    hoverStyle: {
-      borderColor: "$borderColorHover"
-    },
-    focusStyle: {
-      borderColor: "$borderColorFocus",
-      borderWidth: 2,
-      marginHorizontal: -1
-    },
     variants: {
+      unstyled: {
+        false: defaultStyles
+      },
       size: {
         "...size": inputSizeVariant
       }
     },
     defaultVariants: {
-      size: "$true"
+      unstyled: false
     }
   },
   {
@@ -43,6 +49,7 @@ const InputFrame = styled(
 const Input = focusableInputHOC(InputFrame);
 export {
   Input,
-  InputFrame
+  InputFrame,
+  defaultStyles
 };
 //# sourceMappingURL=Input.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Input.tsx"],
-  "sourcesContent": ["import { GetProps, setupReactNative, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\nimport { TextInput } from 'react-native'\n\nimport { inputSizeVariant } from '../helpers/inputHelpers'\n\nsetupReactNative({\n  TextInput,\n})\n\nexport const InputFrame = styled(\n  TextInput,\n  {\n    name: 'Input',\n    fontFamily: '$body',\n    borderWidth: 1,\n    outlineWidth: 0,\n    color: '$color',\n    focusable: true,\n    borderColor: '$borderColor',\n    backgroundColor: '$background',\n    placeholderTextColor: '$placeholderColor',\n\n    // this fixes a flex bug where it overflows container\n    minWidth: 0,\n\n    hoverStyle: {\n      borderColor: '$borderColorHover',\n    },\n\n    focusStyle: {\n      borderColor: '$borderColorFocus',\n      borderWidth: 2,\n      marginHorizontal: -1,\n    },\n\n    variants: {\n      size: {\n        '...size': inputSizeVariant,\n      },\n    } as const,\n\n    defaultVariants: {\n      size: '$true',\n    },\n  },\n  {\n    isInput: true,\n  }\n)\n\nexport type InputProps = GetProps<typeof InputFrame>\n\nexport const Input = focusableInputHOC(InputFrame)\n"],
-  "mappings": "AAAA,SAAmB,kBAAkB,cAAc;AACnD,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAE1B,SAAS,wBAAwB;AAEjC,iBAAiB;AAAA,EACf;AACF,CAAC;AAEM,MAAM,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,cAAc;AAAA,IACd,OAAO;AAAA,IACP,WAAW;AAAA,IACX,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,sBAAsB;AAAA;AAAA,IAGtB,UAAU;AAAA,IAEV,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,IAEA,YAAY;AAAA,MACV,aAAa;AAAA,MACb,aAAa;AAAA,MACb,kBAAkB;AAAA,IACpB;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,EACX;AACF;AAIO,MAAM,QAAQ,kBAAkB,UAAU;",
+  "sourcesContent": ["import { GetProps, setupReactNative, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\nimport { TextInput } from 'react-native'\n\nimport { inputSizeVariant } from '../helpers/inputHelpers'\n\nsetupReactNative({\n  TextInput,\n})\n\nexport const defaultStyles = {\n  size: '$true',\n  fontFamily: '$body',\n  borderWidth: 1,\n  outlineWidth: 0,\n  color: '$color',\n  focusable: true,\n  borderColor: '$borderColor',\n  backgroundColor: '$background',\n  placeholderTextColor: '$placeholderColor',\n\n  // this fixes a flex bug where it overflows container\n  minWidth: 0,\n\n  hoverStyle: {\n    borderColor: '$borderColorHover',\n  },\n\n  focusStyle: {\n    borderColor: '$borderColorFocus',\n    borderWidth: 2,\n    marginHorizontal: -1,\n  },\n} as const\n\nexport const InputFrame = styled(\n  TextInput,\n  {\n    name: 'Input',\n\n    variants: {\n      unstyled: {\n        false: defaultStyles,\n      },\n\n      size: {\n        '...size': inputSizeVariant,\n      },\n    } as const,\n\n    defaultVariants: {\n      unstyled: false,\n    },\n  },\n  {\n    isInput: true,\n  }\n)\n\nexport type InputProps = GetProps<typeof InputFrame>\n\nexport const Input = focusableInputHOC(InputFrame)\n"],
+  "mappings": "AAAA,SAAmB,kBAAkB,cAAc;AACnD,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAE1B,SAAS,wBAAwB;AAEjC,iBAAiB;AAAA,EACf;AACF,CAAC;AAEM,MAAM,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,sBAAsB;AAAA;AAAA,EAGtB,UAAU;AAAA,EAEV,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,IACb,aAAa;AAAA,IACb,kBAAkB;AAAA,EACpB;AACF;AAEO,MAAM,aAAa;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,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,EACX;AACF;AAIO,MAAM,QAAQ,kBAAkB,UAAU;",
   "names": []
 }

package/dist/esm/views/Input.mjs

@@ -5,35 +5,41 @@ import { inputSizeVariant } from "../helpers/inputHelpers";
 setupReactNative({
   TextInput
 });
+const defaultStyles = {
+  size: "$true",
+  fontFamily: "$body",
+  borderWidth: 1,
+  outlineWidth: 0,
+  color: "$color",
+  focusable: true,
+  borderColor: "$borderColor",
+  backgroundColor: "$background",
+  placeholderTextColor: "$placeholderColor",
+  // this fixes a flex bug where it overflows container
+  minWidth: 0,
+  hoverStyle: {
+    borderColor: "$borderColorHover"
+  },
+  focusStyle: {
+    borderColor: "$borderColorFocus",
+    borderWidth: 2,
+    marginHorizontal: -1
+  }
+};
 const InputFrame = styled(
   TextInput,
   {
     name: "Input",
-    fontFamily: "$body",
-    borderWidth: 1,
-    outlineWidth: 0,
-    color: "$color",
-    focusable: true,
-    borderColor: "$borderColor",
-    backgroundColor: "$background",
-    placeholderTextColor: "$placeholderColor",
-    // this fixes a flex bug where it overflows container
-    minWidth: 0,
-    hoverStyle: {
-      borderColor: "$borderColorHover"
-    },
-    focusStyle: {
-      borderColor: "$borderColorFocus",
-      borderWidth: 2,
-      marginHorizontal: -1
-    },
     variants: {
+      unstyled: {
+        false: defaultStyles
+      },
       size: {
         "...size": inputSizeVariant
       }
     },
     defaultVariants: {
-      size: "$true"
+      unstyled: false
     }
   },
   {
@@ -43,6 +49,7 @@ const InputFrame = styled(
 const Input = focusableInputHOC(InputFrame);
 export {
   Input,
-  InputFrame
+  InputFrame,
+  defaultStyles
 };
 //# sourceMappingURL=Input.mjs.map

package/dist/esm/views/Input.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Input.tsx"],
-  "sourcesContent": ["import { GetProps, setupReactNative, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\nimport { TextInput } from 'react-native'\n\nimport { inputSizeVariant } from '../helpers/inputHelpers'\n\nsetupReactNative({\n  TextInput,\n})\n\nexport const InputFrame = styled(\n  TextInput,\n  {\n    name: 'Input',\n    fontFamily: '$body',\n    borderWidth: 1,\n    outlineWidth: 0,\n    color: '$color',\n    focusable: true,\n    borderColor: '$borderColor',\n    backgroundColor: '$background',\n    placeholderTextColor: '$placeholderColor',\n\n    // this fixes a flex bug where it overflows container\n    minWidth: 0,\n\n    hoverStyle: {\n      borderColor: '$borderColorHover',\n    },\n\n    focusStyle: {\n      borderColor: '$borderColorFocus',\n      borderWidth: 2,\n      marginHorizontal: -1,\n    },\n\n    variants: {\n      size: {\n        '...size': inputSizeVariant,\n      },\n    } as const,\n\n    defaultVariants: {\n      size: '$true',\n    },\n  },\n  {\n    isInput: true,\n  }\n)\n\nexport type InputProps = GetProps<typeof InputFrame>\n\nexport const Input = focusableInputHOC(InputFrame)\n"],
-  "mappings": "AAAA,SAAmB,kBAAkB,cAAc;AACnD,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAE1B,SAAS,wBAAwB;AAEjC,iBAAiB;AAAA,EACf;AACF,CAAC;AAEM,MAAM,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,cAAc;AAAA,IACd,OAAO;AAAA,IACP,WAAW;AAAA,IACX,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,sBAAsB;AAAA;AAAA,IAGtB,UAAU;AAAA,IAEV,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,IAEA,YAAY;AAAA,MACV,aAAa;AAAA,MACb,aAAa;AAAA,MACb,kBAAkB;AAAA,IACpB;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,EACX;AACF;AAIO,MAAM,QAAQ,kBAAkB,UAAU;",
+  "sourcesContent": ["import { GetProps, setupReactNative, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\nimport { TextInput } from 'react-native'\n\nimport { inputSizeVariant } from '../helpers/inputHelpers'\n\nsetupReactNative({\n  TextInput,\n})\n\nexport const defaultStyles = {\n  size: '$true',\n  fontFamily: '$body',\n  borderWidth: 1,\n  outlineWidth: 0,\n  color: '$color',\n  focusable: true,\n  borderColor: '$borderColor',\n  backgroundColor: '$background',\n  placeholderTextColor: '$placeholderColor',\n\n  // this fixes a flex bug where it overflows container\n  minWidth: 0,\n\n  hoverStyle: {\n    borderColor: '$borderColorHover',\n  },\n\n  focusStyle: {\n    borderColor: '$borderColorFocus',\n    borderWidth: 2,\n    marginHorizontal: -1,\n  },\n} as const\n\nexport const InputFrame = styled(\n  TextInput,\n  {\n    name: 'Input',\n\n    variants: {\n      unstyled: {\n        false: defaultStyles,\n      },\n\n      size: {\n        '...size': inputSizeVariant,\n      },\n    } as const,\n\n    defaultVariants: {\n      unstyled: false,\n    },\n  },\n  {\n    isInput: true,\n  }\n)\n\nexport type InputProps = GetProps<typeof InputFrame>\n\nexport const Input = focusableInputHOC(InputFrame)\n"],
+  "mappings": "AAAA,SAAmB,kBAAkB,cAAc;AACnD,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAE1B,SAAS,wBAAwB;AAEjC,iBAAiB;AAAA,EACf;AACF,CAAC;AAEM,MAAM,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,sBAAsB;AAAA;AAAA,EAGtB,UAAU;AAAA,EAEV,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,IACb,aAAa;AAAA,IACb,kBAAkB;AAAA,EACpB;AACF;AAEO,MAAM,aAAa;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,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,EACX;AACF;AAIO,MAAM,QAAQ,kBAAkB,UAAU;",
   "names": []
 }

package/dist/esm/views/TextArea.js

@@ -1,19 +1,24 @@
 import { styled } from "@tamagui/core";
 import { focusableInputHOC } from "@tamagui/focusable";
 import { textAreaSizeVariant } from "../helpers/inputHelpers";
-import { InputFrame } from "./Input";
+import { InputFrame, defaultStyles } from "./Input";
 const TextAreaFrame = styled(InputFrame, {
   name: "TextArea",
   multiline: true,
-  numberOfLines: 4,
-  height: "auto",
   variants: {
+    unstyled: {
+      false: {
+        ...defaultStyles,
+        height: "auto",
+        numberOfLines: 4
+      }
+    },
     size: {
       "...size": textAreaSizeVariant
     }
   },
   defaultVariants: {
-    size: "$true"
+    unstyled: false
   }
 });
 const TextArea = focusableInputHOC(TextAreaFrame);

package/dist/esm/views/TextArea.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/TextArea.tsx"],
-  "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\n\nimport { textAreaSizeVariant } from '../helpers/inputHelpers'\nimport { InputFrame } from './Input'\n\nexport const TextAreaFrame = styled(InputFrame, {\n  name: 'TextArea',\n  multiline: true,\n  numberOfLines: 4,\n  height: 'auto',\n\n  variants: {\n    size: {\n      '...size': textAreaSizeVariant,\n    },\n  } as const,\n\n  defaultVariants: {\n    size: '$true',\n  },\n})\n\nexport type TextAreaProps = GetProps<typeof TextArea>\n\nexport const TextArea = focusableInputHOC(TextAreaFrame)\n"],
-  "mappings": "AAAA,SAAmB,cAAc;AACjC,SAAS,yBAAyB;AAElC,SAAS,2BAA2B;AACpC,SAAS,kBAAkB;AAEpB,MAAM,gBAAgB,OAAO,YAAY;AAAA,EAC9C,MAAM;AAAA,EACN,WAAW;AAAA,EACX,eAAe;AAAA,EACf,QAAQ;AAAA,EAER,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAIM,MAAM,WAAW,kBAAkB,aAAa;",
+  "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\n\nimport { textAreaSizeVariant } from '../helpers/inputHelpers'\nimport { InputFrame, defaultStyles } from './Input'\n\nexport const TextAreaFrame = styled(InputFrame, {\n  name: 'TextArea',\n  multiline: true,\n\n  variants: {\n    unstyled: {\n      false: {\n        ...defaultStyles,\n        height: 'auto',\n        numberOfLines: 4,\n      },\n    },\n\n    size: {\n      '...size': textAreaSizeVariant,\n    },\n  } as const,\n\n  defaultVariants: {\n    unstyled: false,\n  },\n})\n\nexport type TextAreaProps = GetProps<typeof TextArea>\n\nexport const TextArea = focusableInputHOC(TextAreaFrame)\n"],
+  "mappings": "AAAA,SAAmB,cAAc;AACjC,SAAS,yBAAyB;AAElC,SAAS,2BAA2B;AACpC,SAAS,YAAY,qBAAqB;AAEnC,MAAM,gBAAgB,OAAO,YAAY;AAAA,EAC9C,MAAM;AAAA,EACN,WAAW;AAAA,EAEX,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,GAAG;AAAA,QACH,QAAQ;AAAA,QACR,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAIM,MAAM,WAAW,kBAAkB,aAAa;",
   "names": []
 }

package/dist/esm/views/TextArea.mjs

@@ -1,19 +1,24 @@
 import { styled } from "@tamagui/core";
 import { focusableInputHOC } from "@tamagui/focusable";
 import { textAreaSizeVariant } from "../helpers/inputHelpers";
-import { InputFrame } from "./Input";
+import { InputFrame, defaultStyles } from "./Input";
 const TextAreaFrame = styled(InputFrame, {
   name: "TextArea",
   multiline: true,
-  numberOfLines: 4,
-  height: "auto",
   variants: {
+    unstyled: {
+      false: {
+        ...defaultStyles,
+        height: "auto",
+        numberOfLines: 4
+      }
+    },
     size: {
       "...size": textAreaSizeVariant
     }
   },
   defaultVariants: {
-    size: "$true"
+    unstyled: false
   }
 });
 const TextArea = focusableInputHOC(TextAreaFrame);

package/dist/esm/views/TextArea.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/TextArea.tsx"],
-  "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\n\nimport { textAreaSizeVariant } from '../helpers/inputHelpers'\nimport { InputFrame } from './Input'\n\nexport const TextAreaFrame = styled(InputFrame, {\n  name: 'TextArea',\n  multiline: true,\n  numberOfLines: 4,\n  height: 'auto',\n\n  variants: {\n    size: {\n      '...size': textAreaSizeVariant,\n    },\n  } as const,\n\n  defaultVariants: {\n    size: '$true',\n  },\n})\n\nexport type TextAreaProps = GetProps<typeof TextArea>\n\nexport const TextArea = focusableInputHOC(TextAreaFrame)\n"],
-  "mappings": "AAAA,SAAmB,cAAc;AACjC,SAAS,yBAAyB;AAElC,SAAS,2BAA2B;AACpC,SAAS,kBAAkB;AAEpB,MAAM,gBAAgB,OAAO,YAAY;AAAA,EAC9C,MAAM;AAAA,EACN,WAAW;AAAA,EACX,eAAe;AAAA,EACf,QAAQ;AAAA,EAER,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAIM,MAAM,WAAW,kBAAkB,aAAa;",
+  "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\n\nimport { textAreaSizeVariant } from '../helpers/inputHelpers'\nimport { InputFrame, defaultStyles } from './Input'\n\nexport const TextAreaFrame = styled(InputFrame, {\n  name: 'TextArea',\n  multiline: true,\n\n  variants: {\n    unstyled: {\n      false: {\n        ...defaultStyles,\n        height: 'auto',\n        numberOfLines: 4,\n      },\n    },\n\n    size: {\n      '...size': textAreaSizeVariant,\n    },\n  } as const,\n\n  defaultVariants: {\n    unstyled: false,\n  },\n})\n\nexport type TextAreaProps = GetProps<typeof TextArea>\n\nexport const TextArea = focusableInputHOC(TextAreaFrame)\n"],
+  "mappings": "AAAA,SAAmB,cAAc;AACjC,SAAS,yBAAyB;AAElC,SAAS,2BAA2B;AACpC,SAAS,YAAY,qBAAqB;AAEnC,MAAM,gBAAgB,OAAO,YAAY;AAAA,EAC9C,MAAM;AAAA,EACN,WAAW;AAAA,EAEX,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,GAAG;AAAA,QACH,QAAQ;AAAA,QACR,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAIM,MAAM,WAAW,kBAAkB,aAAa;",
   "names": []
 }

package/dist/jsx/views/Input.js

@@ -5,35 +5,41 @@ import { inputSizeVariant } from "../helpers/inputHelpers";
 setupReactNative({
   TextInput
 });
+const defaultStyles = {
+  size: "$true",
+  fontFamily: "$body",
+  borderWidth: 1,
+  outlineWidth: 0,
+  color: "$color",
+  focusable: true,
+  borderColor: "$borderColor",
+  backgroundColor: "$background",
+  placeholderTextColor: "$placeholderColor",
+  // this fixes a flex bug where it overflows container
+  minWidth: 0,
+  hoverStyle: {
+    borderColor: "$borderColorHover"
+  },
+  focusStyle: {
+    borderColor: "$borderColorFocus",
+    borderWidth: 2,
+    marginHorizontal: -1
+  }
+};
 const InputFrame = styled(
   TextInput,
   {
     name: "Input",
-    fontFamily: "$body",
-    borderWidth: 1,
-    outlineWidth: 0,
-    color: "$color",
-    focusable: true,
-    borderColor: "$borderColor",
-    backgroundColor: "$background",
-    placeholderTextColor: "$placeholderColor",
-    // this fixes a flex bug where it overflows container
-    minWidth: 0,
-    hoverStyle: {
-      borderColor: "$borderColorHover"
-    },
-    focusStyle: {
-      borderColor: "$borderColorFocus",
-      borderWidth: 2,
-      marginHorizontal: -1
-    },
     variants: {
+      unstyled: {
+        false: defaultStyles
+      },
       size: {
         "...size": inputSizeVariant
       }
     },
     defaultVariants: {
-      size: "$true"
+      unstyled: false
     }
   },
   {
@@ -43,6 +49,7 @@ const InputFrame = styled(
 const Input = focusableInputHOC(InputFrame);
 export {
   Input,
-  InputFrame
+  InputFrame,
+  defaultStyles
 };
 //# sourceMappingURL=Input.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Input.tsx"],
-  "sourcesContent": ["import { GetProps, setupReactNative, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\nimport { TextInput } from 'react-native'\n\nimport { inputSizeVariant } from '../helpers/inputHelpers'\n\nsetupReactNative({\n  TextInput,\n})\n\nexport const InputFrame = styled(\n  TextInput,\n  {\n    name: 'Input',\n    fontFamily: '$body',\n    borderWidth: 1,\n    outlineWidth: 0,\n    color: '$color',\n    focusable: true,\n    borderColor: '$borderColor',\n    backgroundColor: '$background',\n    placeholderTextColor: '$placeholderColor',\n\n    // this fixes a flex bug where it overflows container\n    minWidth: 0,\n\n    hoverStyle: {\n      borderColor: '$borderColorHover',\n    },\n\n    focusStyle: {\n      borderColor: '$borderColorFocus',\n      borderWidth: 2,\n      marginHorizontal: -1,\n    },\n\n    variants: {\n      size: {\n        '...size': inputSizeVariant,\n      },\n    } as const,\n\n    defaultVariants: {\n      size: '$true',\n    },\n  },\n  {\n    isInput: true,\n  }\n)\n\nexport type InputProps = GetProps<typeof InputFrame>\n\nexport const Input = focusableInputHOC(InputFrame)\n"],
-  "mappings": "AAAA,SAAmB,kBAAkB,cAAc;AACnD,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAE1B,SAAS,wBAAwB;AAEjC,iBAAiB;AAAA,EACf;AACF,CAAC;AAEM,MAAM,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,cAAc;AAAA,IACd,OAAO;AAAA,IACP,WAAW;AAAA,IACX,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,sBAAsB;AAAA;AAAA,IAGtB,UAAU;AAAA,IAEV,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,IAEA,YAAY;AAAA,MACV,aAAa;AAAA,MACb,aAAa;AAAA,MACb,kBAAkB;AAAA,IACpB;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,EACX;AACF;AAIO,MAAM,QAAQ,kBAAkB,UAAU;",
+  "sourcesContent": ["import { GetProps, setupReactNative, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\nimport { TextInput } from 'react-native'\n\nimport { inputSizeVariant } from '../helpers/inputHelpers'\n\nsetupReactNative({\n  TextInput,\n})\n\nexport const defaultStyles = {\n  size: '$true',\n  fontFamily: '$body',\n  borderWidth: 1,\n  outlineWidth: 0,\n  color: '$color',\n  focusable: true,\n  borderColor: '$borderColor',\n  backgroundColor: '$background',\n  placeholderTextColor: '$placeholderColor',\n\n  // this fixes a flex bug where it overflows container\n  minWidth: 0,\n\n  hoverStyle: {\n    borderColor: '$borderColorHover',\n  },\n\n  focusStyle: {\n    borderColor: '$borderColorFocus',\n    borderWidth: 2,\n    marginHorizontal: -1,\n  },\n} as const\n\nexport const InputFrame = styled(\n  TextInput,\n  {\n    name: 'Input',\n\n    variants: {\n      unstyled: {\n        false: defaultStyles,\n      },\n\n      size: {\n        '...size': inputSizeVariant,\n      },\n    } as const,\n\n    defaultVariants: {\n      unstyled: false,\n    },\n  },\n  {\n    isInput: true,\n  }\n)\n\nexport type InputProps = GetProps<typeof InputFrame>\n\nexport const Input = focusableInputHOC(InputFrame)\n"],
+  "mappings": "AAAA,SAAmB,kBAAkB,cAAc;AACnD,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAE1B,SAAS,wBAAwB;AAEjC,iBAAiB;AAAA,EACf;AACF,CAAC;AAEM,MAAM,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,sBAAsB;AAAA;AAAA,EAGtB,UAAU;AAAA,EAEV,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,IACb,aAAa;AAAA,IACb,kBAAkB;AAAA,EACpB;AACF;AAEO,MAAM,aAAa;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,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,EACX;AACF;AAIO,MAAM,QAAQ,kBAAkB,UAAU;",
   "names": []
 }

package/dist/jsx/views/Input.mjs

@@ -5,35 +5,41 @@ import { inputSizeVariant } from "../helpers/inputHelpers";
 setupReactNative({
   TextInput
 });
+const defaultStyles = {
+  size: "$true",
+  fontFamily: "$body",
+  borderWidth: 1,
+  outlineWidth: 0,
+  color: "$color",
+  focusable: true,
+  borderColor: "$borderColor",
+  backgroundColor: "$background",
+  placeholderTextColor: "$placeholderColor",
+  // this fixes a flex bug where it overflows container
+  minWidth: 0,
+  hoverStyle: {
+    borderColor: "$borderColorHover"
+  },
+  focusStyle: {
+    borderColor: "$borderColorFocus",
+    borderWidth: 2,
+    marginHorizontal: -1
+  }
+};
 const InputFrame = styled(
   TextInput,
   {
     name: "Input",
-    fontFamily: "$body",
-    borderWidth: 1,
-    outlineWidth: 0,
-    color: "$color",
-    focusable: true,
-    borderColor: "$borderColor",
-    backgroundColor: "$background",
-    placeholderTextColor: "$placeholderColor",
-    // this fixes a flex bug where it overflows container
-    minWidth: 0,
-    hoverStyle: {
-      borderColor: "$borderColorHover"
-    },
-    focusStyle: {
-      borderColor: "$borderColorFocus",
-      borderWidth: 2,
-      marginHorizontal: -1
-    },
     variants: {
+      unstyled: {
+        false: defaultStyles
+      },
       size: {
         "...size": inputSizeVariant
       }
     },
     defaultVariants: {
-      size: "$true"
+      unstyled: false
     }
   },
   {
@@ -43,6 +49,7 @@ const InputFrame = styled(
 const Input = focusableInputHOC(InputFrame);
 export {
   Input,
-  InputFrame
+  InputFrame,
+  defaultStyles
 };
 //# sourceMappingURL=Input.mjs.map

package/dist/jsx/views/Input.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Input.tsx"],
-  "sourcesContent": ["import { GetProps, setupReactNative, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\nimport { TextInput } from 'react-native'\n\nimport { inputSizeVariant } from '../helpers/inputHelpers'\n\nsetupReactNative({\n  TextInput,\n})\n\nexport const InputFrame = styled(\n  TextInput,\n  {\n    name: 'Input',\n    fontFamily: '$body',\n    borderWidth: 1,\n    outlineWidth: 0,\n    color: '$color',\n    focusable: true,\n    borderColor: '$borderColor',\n    backgroundColor: '$background',\n    placeholderTextColor: '$placeholderColor',\n\n    // this fixes a flex bug where it overflows container\n    minWidth: 0,\n\n    hoverStyle: {\n      borderColor: '$borderColorHover',\n    },\n\n    focusStyle: {\n      borderColor: '$borderColorFocus',\n      borderWidth: 2,\n      marginHorizontal: -1,\n    },\n\n    variants: {\n      size: {\n        '...size': inputSizeVariant,\n      },\n    } as const,\n\n    defaultVariants: {\n      size: '$true',\n    },\n  },\n  {\n    isInput: true,\n  }\n)\n\nexport type InputProps = GetProps<typeof InputFrame>\n\nexport const Input = focusableInputHOC(InputFrame)\n"],
-  "mappings": "AAAA,SAAmB,kBAAkB,cAAc;AACnD,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAE1B,SAAS,wBAAwB;AAEjC,iBAAiB;AAAA,EACf;AACF,CAAC;AAEM,MAAM,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,cAAc;AAAA,IACd,OAAO;AAAA,IACP,WAAW;AAAA,IACX,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,sBAAsB;AAAA;AAAA,IAGtB,UAAU;AAAA,IAEV,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,IAEA,YAAY;AAAA,MACV,aAAa;AAAA,MACb,aAAa;AAAA,MACb,kBAAkB;AAAA,IACpB;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,EACX;AACF;AAIO,MAAM,QAAQ,kBAAkB,UAAU;",
+  "sourcesContent": ["import { GetProps, setupReactNative, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\nimport { TextInput } from 'react-native'\n\nimport { inputSizeVariant } from '../helpers/inputHelpers'\n\nsetupReactNative({\n  TextInput,\n})\n\nexport const defaultStyles = {\n  size: '$true',\n  fontFamily: '$body',\n  borderWidth: 1,\n  outlineWidth: 0,\n  color: '$color',\n  focusable: true,\n  borderColor: '$borderColor',\n  backgroundColor: '$background',\n  placeholderTextColor: '$placeholderColor',\n\n  // this fixes a flex bug where it overflows container\n  minWidth: 0,\n\n  hoverStyle: {\n    borderColor: '$borderColorHover',\n  },\n\n  focusStyle: {\n    borderColor: '$borderColorFocus',\n    borderWidth: 2,\n    marginHorizontal: -1,\n  },\n} as const\n\nexport const InputFrame = styled(\n  TextInput,\n  {\n    name: 'Input',\n\n    variants: {\n      unstyled: {\n        false: defaultStyles,\n      },\n\n      size: {\n        '...size': inputSizeVariant,\n      },\n    } as const,\n\n    defaultVariants: {\n      unstyled: false,\n    },\n  },\n  {\n    isInput: true,\n  }\n)\n\nexport type InputProps = GetProps<typeof InputFrame>\n\nexport const Input = focusableInputHOC(InputFrame)\n"],
+  "mappings": "AAAA,SAAmB,kBAAkB,cAAc;AACnD,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAE1B,SAAS,wBAAwB;AAEjC,iBAAiB;AAAA,EACf;AACF,CAAC;AAEM,MAAM,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,sBAAsB;AAAA;AAAA,EAGtB,UAAU;AAAA,EAEV,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,IACb,aAAa;AAAA,IACb,kBAAkB;AAAA,EACpB;AACF;AAEO,MAAM,aAAa;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,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,EACX;AACF;AAIO,MAAM,QAAQ,kBAAkB,UAAU;",
   "names": []
 }

package/dist/jsx/views/TextArea.js

@@ -1,19 +1,24 @@
 import { styled } from "@tamagui/core";
 import { focusableInputHOC } from "@tamagui/focusable";
 import { textAreaSizeVariant } from "../helpers/inputHelpers";
-import { InputFrame } from "./Input";
+import { InputFrame, defaultStyles } from "./Input";
 const TextAreaFrame = styled(InputFrame, {
   name: "TextArea",
   multiline: true,
-  numberOfLines: 4,
-  height: "auto",
   variants: {
+    unstyled: {
+      false: {
+        ...defaultStyles,
+        height: "auto",
+        numberOfLines: 4
+      }
+    },
     size: {
       "...size": textAreaSizeVariant
     }
   },
   defaultVariants: {
-    size: "$true"
+    unstyled: false
   }
 });
 const TextArea = focusableInputHOC(TextAreaFrame);

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/TextArea.tsx"],
-  "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\n\nimport { textAreaSizeVariant } from '../helpers/inputHelpers'\nimport { InputFrame } from './Input'\n\nexport const TextAreaFrame = styled(InputFrame, {\n  name: 'TextArea',\n  multiline: true,\n  numberOfLines: 4,\n  height: 'auto',\n\n  variants: {\n    size: {\n      '...size': textAreaSizeVariant,\n    },\n  } as const,\n\n  defaultVariants: {\n    size: '$true',\n  },\n})\n\nexport type TextAreaProps = GetProps<typeof TextArea>\n\nexport const TextArea = focusableInputHOC(TextAreaFrame)\n"],
-  "mappings": "AAAA,SAAmB,cAAc;AACjC,SAAS,yBAAyB;AAElC,SAAS,2BAA2B;AACpC,SAAS,kBAAkB;AAEpB,MAAM,gBAAgB,OAAO,YAAY;AAAA,EAC9C,MAAM;AAAA,EACN,WAAW;AAAA,EACX,eAAe;AAAA,EACf,QAAQ;AAAA,EAER,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAIM,MAAM,WAAW,kBAAkB,aAAa;",
+  "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\n\nimport { textAreaSizeVariant } from '../helpers/inputHelpers'\nimport { InputFrame, defaultStyles } from './Input'\n\nexport const TextAreaFrame = styled(InputFrame, {\n  name: 'TextArea',\n  multiline: true,\n\n  variants: {\n    unstyled: {\n      false: {\n        ...defaultStyles,\n        height: 'auto',\n        numberOfLines: 4,\n      },\n    },\n\n    size: {\n      '...size': textAreaSizeVariant,\n    },\n  } as const,\n\n  defaultVariants: {\n    unstyled: false,\n  },\n})\n\nexport type TextAreaProps = GetProps<typeof TextArea>\n\nexport const TextArea = focusableInputHOC(TextAreaFrame)\n"],
+  "mappings": "AAAA,SAAmB,cAAc;AACjC,SAAS,yBAAyB;AAElC,SAAS,2BAA2B;AACpC,SAAS,YAAY,qBAAqB;AAEnC,MAAM,gBAAgB,OAAO,YAAY;AAAA,EAC9C,MAAM;AAAA,EACN,WAAW;AAAA,EAEX,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,GAAG;AAAA,QACH,QAAQ;AAAA,QACR,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAIM,MAAM,WAAW,kBAAkB,aAAa;",
   "names": []
 }

package/dist/jsx/views/TextArea.mjs

@@ -1,19 +1,24 @@
 import { styled } from "@tamagui/core";
 import { focusableInputHOC } from "@tamagui/focusable";
 import { textAreaSizeVariant } from "../helpers/inputHelpers";
-import { InputFrame } from "./Input";
+import { InputFrame, defaultStyles } from "./Input";
 const TextAreaFrame = styled(InputFrame, {
   name: "TextArea",
   multiline: true,
-  numberOfLines: 4,
-  height: "auto",
   variants: {
+    unstyled: {
+      false: {
+        ...defaultStyles,
+        height: "auto",
+        numberOfLines: 4
+      }
+    },
     size: {
       "...size": textAreaSizeVariant
     }
   },
   defaultVariants: {
-    size: "$true"
+    unstyled: false
   }
 });
 const TextArea = focusableInputHOC(TextAreaFrame);

package/dist/jsx/views/TextArea.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/TextArea.tsx"],
-  "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\n\nimport { textAreaSizeVariant } from '../helpers/inputHelpers'\nimport { InputFrame } from './Input'\n\nexport const TextAreaFrame = styled(InputFrame, {\n  name: 'TextArea',\n  multiline: true,\n  numberOfLines: 4,\n  height: 'auto',\n\n  variants: {\n    size: {\n      '...size': textAreaSizeVariant,\n    },\n  } as const,\n\n  defaultVariants: {\n    size: '$true',\n  },\n})\n\nexport type TextAreaProps = GetProps<typeof TextArea>\n\nexport const TextArea = focusableInputHOC(TextAreaFrame)\n"],
-  "mappings": "AAAA,SAAmB,cAAc;AACjC,SAAS,yBAAyB;AAElC,SAAS,2BAA2B;AACpC,SAAS,kBAAkB;AAEpB,MAAM,gBAAgB,OAAO,YAAY;AAAA,EAC9C,MAAM;AAAA,EACN,WAAW;AAAA,EACX,eAAe;AAAA,EACf,QAAQ;AAAA,EAER,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAIM,MAAM,WAAW,kBAAkB,aAAa;",
+  "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\n\nimport { textAreaSizeVariant } from '../helpers/inputHelpers'\nimport { InputFrame, defaultStyles } from './Input'\n\nexport const TextAreaFrame = styled(InputFrame, {\n  name: 'TextArea',\n  multiline: true,\n\n  variants: {\n    unstyled: {\n      false: {\n        ...defaultStyles,\n        height: 'auto',\n        numberOfLines: 4,\n      },\n    },\n\n    size: {\n      '...size': textAreaSizeVariant,\n    },\n  } as const,\n\n  defaultVariants: {\n    unstyled: false,\n  },\n})\n\nexport type TextAreaProps = GetProps<typeof TextArea>\n\nexport const TextArea = focusableInputHOC(TextAreaFrame)\n"],
+  "mappings": "AAAA,SAAmB,cAAc;AACjC,SAAS,yBAAyB;AAElC,SAAS,2BAA2B;AACpC,SAAS,YAAY,qBAAqB;AAEnC,MAAM,gBAAgB,OAAO,YAAY;AAAA,EAC9C,MAAM;AAAA,EACN,WAAW;AAAA,EAEX,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,GAAG;AAAA,QACH,QAAQ;AAAA,QACR,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAIM,MAAM,WAAW,kBAAkB,aAAa;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tamagui",
-  "version": "1.5.8",
+  "version": "1.5.10",
   "sideEffects": [
     "*.css",
     "*setup.js"
@@ -40,51 +40,51 @@
     }
   },
   "dependencies": {
-    "@tamagui/adapt": "^1.5.8",
-    "@tamagui/alert-dialog": "^1.5.8",
-    "@tamagui/animate-presence": "^1.5.8",
-    "@tamagui/avatar": "^1.5.8",
-    "@tamagui/button": "^1.5.8",
-    "@tamagui/card": "^1.5.8",
-    "@tamagui/checkbox": "^1.5.8",
-    "@tamagui/compose-refs": "^1.5.8",
-    "@tamagui/core": "^1.5.8",
-    "@tamagui/create-context": "^1.5.8",
-    "@tamagui/dialog": "^1.5.8",
-    "@tamagui/fake-react-native": "^1.5.8",
-    "@tamagui/font-size": "^1.5.8",
-    "@tamagui/form": "^1.5.8",
-    "@tamagui/get-button-sized": "^1.5.8",
-    "@tamagui/get-font-sized": "^1.5.8",
-    "@tamagui/get-size": "^1.5.8",
-    "@tamagui/helpers": "^1.5.8",
-    "@tamagui/helpers-tamagui": "^1.5.8",
-    "@tamagui/image": "^1.5.8",
-    "@tamagui/label": "^1.5.8",
-    "@tamagui/linear-gradient": "^1.5.8",
-    "@tamagui/list-item": "^1.5.8",
-    "@tamagui/popover": "^1.5.8",
-    "@tamagui/popper": "^1.5.8",
-    "@tamagui/portal": "^1.5.8",
-    "@tamagui/progress": "^1.5.8",
-    "@tamagui/radio-group": "^1.5.8",
-    "@tamagui/react-native-media-driver": "^1.5.8",
-    "@tamagui/scroll-view": "^1.5.8",
-    "@tamagui/select": "^1.5.8",
-    "@tamagui/separator": "^1.5.8",
-    "@tamagui/shapes": "^1.5.8",
-    "@tamagui/sheet": "^1.5.8",
-    "@tamagui/slider": "^1.5.8",
-    "@tamagui/stacks": "^1.5.8",
-    "@tamagui/switch": "^1.5.8",
-    "@tamagui/text": "^1.5.8",
-    "@tamagui/tooltip": "^1.5.8",
-    "@tamagui/use-controllable-state": "^1.5.8",
-    "@tamagui/use-debounce": "^1.5.8",
-    "@tamagui/use-event": "^1.5.8",
-    "@tamagui/use-force-update": "^1.5.8",
-    "@tamagui/use-window-dimensions": "^1.5.8",
-    "@tamagui/visually-hidden": "^1.5.8"
+    "@tamagui/adapt": "^1.5.10",
+    "@tamagui/alert-dialog": "^1.5.10",
+    "@tamagui/animate-presence": "^1.5.10",
+    "@tamagui/avatar": "^1.5.10",
+    "@tamagui/button": "^1.5.10",
+    "@tamagui/card": "^1.5.10",
+    "@tamagui/checkbox": "^1.5.10",
+    "@tamagui/compose-refs": "^1.5.10",
+    "@tamagui/core": "^1.5.10",
+    "@tamagui/create-context": "^1.5.10",
+    "@tamagui/dialog": "^1.5.10",
+    "@tamagui/fake-react-native": "^1.5.10",
+    "@tamagui/font-size": "^1.5.10",
+    "@tamagui/form": "^1.5.10",
+    "@tamagui/get-button-sized": "^1.5.10",
+    "@tamagui/get-font-sized": "^1.5.10",
+    "@tamagui/get-size": "^1.5.10",
+    "@tamagui/helpers": "^1.5.10",
+    "@tamagui/helpers-tamagui": "^1.5.10",
+    "@tamagui/image": "^1.5.10",
+    "@tamagui/label": "^1.5.10",
+    "@tamagui/linear-gradient": "^1.5.10",
+    "@tamagui/list-item": "^1.5.10",
+    "@tamagui/popover": "^1.5.10",
+    "@tamagui/popper": "^1.5.10",
+    "@tamagui/portal": "^1.5.10",
+    "@tamagui/progress": "^1.5.10",
+    "@tamagui/radio-group": "^1.5.10",
+    "@tamagui/react-native-media-driver": "^1.5.10",
+    "@tamagui/scroll-view": "^1.5.10",
+    "@tamagui/select": "^1.5.10",
+    "@tamagui/separator": "^1.5.10",
+    "@tamagui/shapes": "^1.5.10",
+    "@tamagui/sheet": "^1.5.10",
+    "@tamagui/slider": "^1.5.10",
+    "@tamagui/stacks": "^1.5.10",
+    "@tamagui/switch": "^1.5.10",
+    "@tamagui/text": "^1.5.10",
+    "@tamagui/tooltip": "^1.5.10",
+    "@tamagui/use-controllable-state": "^1.5.10",
+    "@tamagui/use-debounce": "^1.5.10",
+    "@tamagui/use-event": "^1.5.10",
+    "@tamagui/use-force-update": "^1.5.10",
+    "@tamagui/use-window-dimensions": "^1.5.10",
+    "@tamagui/visually-hidden": "^1.5.10"
   },
   "peerDependencies": {
     "react": "*",
@@ -92,7 +92,7 @@
     "react-native-web": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.5.8",
+    "@tamagui/build": "^1.5.10",
     "@types/node": "^16.11.9",
     "@types/react": "^18.0.15",
     "react": "^18.2.0",

package/src/views/Input.tsx

@@ -8,40 +8,48 @@ setupReactNative({
   TextInput,
 })
 
+export const defaultStyles = {
+  size: '$true',
+  fontFamily: '$body',
+  borderWidth: 1,
+  outlineWidth: 0,
+  color: '$color',
+  focusable: true,
+  borderColor: '$borderColor',
+  backgroundColor: '$background',
+  placeholderTextColor: '$placeholderColor',
+
+  // this fixes a flex bug where it overflows container
+  minWidth: 0,
+
+  hoverStyle: {
+    borderColor: '$borderColorHover',
+  },
+
+  focusStyle: {
+    borderColor: '$borderColorFocus',
+    borderWidth: 2,
+    marginHorizontal: -1,
+  },
+} as const
+
 export const InputFrame = styled(
   TextInput,
   {
     name: 'Input',
-    fontFamily: '$body',
-    borderWidth: 1,
-    outlineWidth: 0,
-    color: '$color',
-    focusable: true,
-    borderColor: '$borderColor',
-    backgroundColor: '$background',
-    placeholderTextColor: '$placeholderColor',
-
-    // this fixes a flex bug where it overflows container
-    minWidth: 0,
-
-    hoverStyle: {
-      borderColor: '$borderColorHover',
-    },
-
-    focusStyle: {
-      borderColor: '$borderColorFocus',
-      borderWidth: 2,
-      marginHorizontal: -1,
-    },
 
     variants: {
+      unstyled: {
+        false: defaultStyles,
+      },
+
       size: {
         '...size': inputSizeVariant,
       },
     } as const,
 
     defaultVariants: {
-      size: '$true',
+      unstyled: false,
     },
   },
   {

package/src/views/TextArea.tsx

@@ -2,22 +2,28 @@ import { GetProps, styled } from '@tamagui/core'
 import { focusableInputHOC } from '@tamagui/focusable'
 
 import { textAreaSizeVariant } from '../helpers/inputHelpers'
-import { InputFrame } from './Input'
+import { InputFrame, defaultStyles } from './Input'
 
 export const TextAreaFrame = styled(InputFrame, {
   name: 'TextArea',
   multiline: true,
-  numberOfLines: 4,
-  height: 'auto',
 
   variants: {
+    unstyled: {
+      false: {
+        ...defaultStyles,
+        height: 'auto',
+        numberOfLines: 4,
+      },
+    },
+
     size: {
       '...size': textAreaSizeVariant,
     },
   } as const,
 
   defaultVariants: {
-    size: '$true',
+    unstyled: false,
   },
 })
 

package/types/views/Input.d.ts

@@ -1,21 +1,49 @@
 import { GetProps } from '@tamagui/core';
-export declare const InputFrame: import("@tamagui/core").TamaguiComponent<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{}, "size"> & {
-    readonly size?: import("@tamagui/core").SizeTokens | undefined;
-} & import("@tamagui/core").MediaProps<Partial<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{}, "size"> & {
-    readonly size?: import("@tamagui/core").SizeTokens | undefined;
-}>> & import("@tamagui/core").PseudoProps<Partial<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{}, "size"> & {
+export declare const defaultStyles: {
+    readonly size: "$true";
+    readonly fontFamily: "$body";
+    readonly borderWidth: 1;
+    readonly outlineWidth: 0;
+    readonly color: "$color";
+    readonly focusable: true;
+    readonly borderColor: "$borderColor";
+    readonly backgroundColor: "$background";
+    readonly placeholderTextColor: "$placeholderColor";
+    readonly minWidth: 0;
+    readonly hoverStyle: {
+        readonly borderColor: "$borderColorHover";
+    };
+    readonly focusStyle: {
+        readonly borderColor: "$borderColorFocus";
+        readonly borderWidth: 2;
+        readonly marginHorizontal: -1;
+    };
+};
+export declare const InputFrame: import("@tamagui/core").TamaguiComponent<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{}, "size" | "unstyled"> & {
+    readonly unstyled?: boolean | undefined;
+    readonly size?: import("@tamagui/core").SizeTokens | undefined;
+} & import("@tamagui/core").MediaProps<Partial<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{}, "size" | "unstyled"> & {
+    readonly unstyled?: boolean | undefined;
+    readonly size?: import("@tamagui/core").SizeTokens | undefined;
+}>> & import("@tamagui/core").PseudoProps<Partial<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{}, "size" | "unstyled"> & {
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/core").SizeTokens | undefined;
 }>>, import("@tamagui/core").TamaguiElement, import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps>, {
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/core").SizeTokens | undefined;
 }>;
 export type InputProps = GetProps<typeof InputFrame>;
-export declare const Input: import("@tamagui/core").TamaguiComponent<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{}, "size"> & {
+export declare const Input: import("@tamagui/core").TamaguiComponent<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{}, "size" | "unstyled"> & {
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/core").SizeTokens | undefined;
-} & import("@tamagui/core").MediaProps<Partial<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{}, "size"> & {
+} & import("@tamagui/core").MediaProps<Partial<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{}, "size" | "unstyled"> & {
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/core").SizeTokens | undefined;
-}>> & import("@tamagui/core").PseudoProps<Partial<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{}, "size"> & {
+}>> & import("@tamagui/core").PseudoProps<Partial<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{}, "size" | "unstyled"> & {
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/core").SizeTokens | undefined;
 }>>, import("@tamagui/core").TamaguiElement, import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps>, {
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/core").SizeTokens | undefined;
 }>;
 //# sourceMappingURL=Input.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/views/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAA4B,MAAM,eAAe,CAAA;AAUlE,eAAO,MAAM,UAAU;;;;;;;;EAuCtB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAEpD,eAAO,MAAM,KAAK;;;;;;;;EAAgC,CAAA"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/views/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAA4B,MAAM,eAAe,CAAA;AAUlE,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;CAuBhB,CAAA;AAEV,eAAO,MAAM,UAAU;;;;;;;;;;;;EAsBtB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAEpD,eAAO,MAAM,KAAK;;;;;;;;;;;;EAAgC,CAAA"}

package/types/views/TextArea.d.ts

@@ -1,37 +1,53 @@
 import { GetProps } from '@tamagui/core';
 export declare const TextAreaFrame: import("@tamagui/core").TamaguiComponent<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/core").SizeTokens | undefined;
-}, "size"> & {
+}, "size" | "unstyled"> & {
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/core").SizeTokens | undefined;
 } & import("@tamagui/core").MediaProps<Partial<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/core").SizeTokens | undefined;
-}, "size"> & {
+}, "size" | "unstyled"> & {
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/core").SizeTokens | undefined;
 }>> & import("@tamagui/core").PseudoProps<Partial<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/core").SizeTokens | undefined;
-}, "size"> & {
+}, "size" | "unstyled"> & {
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/core").SizeTokens | undefined;
 }>>, import("@tamagui/core").TamaguiElement, import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps>, {
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/core").SizeTokens | undefined;
 } & {
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/core").SizeTokens | undefined;
 }>;
 export type TextAreaProps = GetProps<typeof TextArea>;
 export declare const TextArea: import("@tamagui/core").TamaguiComponent<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/core").SizeTokens | undefined;
-}, "size"> & {
+}, "size" | "unstyled"> & {
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/core").SizeTokens | undefined;
 } & import("@tamagui/core").MediaProps<Partial<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/core").SizeTokens | undefined;
-}, "size"> & {
+}, "size" | "unstyled"> & {
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/core").SizeTokens | undefined;
 }>> & import("@tamagui/core").PseudoProps<Partial<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/core").SizeTokens | undefined;
-}, "size"> & {
+}, "size" | "unstyled"> & {
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/core").SizeTokens | undefined;
 }>>, import("@tamagui/core").TamaguiElement, import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps>, {
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/core").SizeTokens | undefined;
 } & {
+    readonly unstyled?: boolean | undefined;
     readonly size?: import("@tamagui/core").SizeTokens | undefined;
 }>;
 //# sourceMappingURL=TextArea.d.ts.map

package/types/views/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../src/views/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAU,MAAM,eAAe,CAAA;AAMhD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;EAexB,CAAA;AAEF,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAErD,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;EAAmC,CAAA"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../src/views/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAU,MAAM,eAAe,CAAA;AAMhD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;EAqBxB,CAAA;AAEF,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAErD,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;EAAmC,CAAA"}