@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/HeadingsDemo.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","HeadingsDemo_exports","__export","HeadingsDemo","module","exports","import_jsx_runtime","require","import_tamagui","jsxs","YStack","self","children","jsx","H1","H2"],"sources":["../../src/HeadingsDemo.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,YAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA+C,CAAAK,oBAAA;AAI3C,IAAAK,kBAAA,GAAAC,OAAA;AAFG,IAAAC,cAAS,GAAAD,OAAe;AAC7B,SACEJ,aAAA;EACE,0BAAAG,kBAAA,CAACG,IAAA,EAAAD,cAAA,CAAGE,MAAA;IACJC,IAAA;IACAC,QAAA,GACA,mBAAAN,kBAAA,CAAAO,GAAC,EAAAL,cAAA,CAAAM,EAAA,EAAG;MACJF,QAAA;IACA,IACF,mBAAAN,kBAAA,CAAAO,GAAA,EAAAL,cAAA,CAAAO,EAAA;MAEJH,QAAA","ignoreList":[]}
+{"version":3,"file":"HeadingsDemo.native.js","names":[],"sources":["cjs/HeadingsDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar HeadingsDemo_exports = {};\n__export(HeadingsDemo_exports, {\n  HeadingsDemo: () => HeadingsDemo\n});\nmodule.exports = __toCommonJS(HeadingsDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_tamagui = require(\"tamagui\");\nfunction HeadingsDemo() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n    self: \"center\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H1, {\n        children: \"Heading 1\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, {\n        children: \"Heading 2\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H3, {\n        children: \"Heading 3\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H4, {\n        children: \"Heading 4\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, {\n        children: \"Heading 5\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H6, {\n        children: \"Heading 6\"\n      })\n    ]\n  });\n}\n//# sourceMappingURL=HeadingsDemo.js.map\n"],"mappings":";;;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,uBAAuB,CAAC;AAC5B,SAAS,sBAAsB,EAC7B,oBAAoB,aACtB,CAAC;AACD,OAAO,UAAU,aAAa,oBAAoB;AAClD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,iBAAiB,QAAQ,SAAS;AACtC,SAAS,eAAe;CACtB,OAAuB,iBAAC,GAAG,mBAAmB,MAAM,eAAe,QAAQ;EACzE,MAAM;EACN,UAAU;GACQ,iBAAC,GAAG,mBAAmB,KAAK,eAAe,IAAI,EAC7D,UAAU,YACZ,CAAC;GACe,iBAAC,GAAG,mBAAmB,KAAK,eAAe,IAAI,EAC7D,UAAU,YACZ,CAAC;GACe,iBAAC,GAAG,mBAAmB,KAAK,eAAe,IAAI,EAC7D,UAAU,YACZ,CAAC;GACe,iBAAC,GAAG,mBAAmB,KAAK,eAAe,IAAI,EAC7D,UAAU,YACZ,CAAC;GACe,iBAAC,GAAG,mBAAmB,KAAK,eAAe,IAAI,EAC7D,UAAU,YACZ,CAAC;GACe,iBAAC,GAAG,mBAAmB,KAAK,eAAe,IAAI,EAC7D,UAAU,YACZ,CAAC;EACH;CACF,CAAC;AACH"}

package/dist/cjs/ImageDemo.cjs

@@ -1,40 +1,35 @@
+
 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: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__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: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ImageDemo_exports = {};
-__export(ImageDemo_exports, {
-  ImageDemo: () => ImageDemo
-});
+__export(ImageDemo_exports, { ImageDemo: () => ImageDemo });
 module.exports = __toCommonJS(ImageDemo_exports);
 var import_image = require("@tamagui/image");
 var import_jsx_runtime = require("react/jsx-runtime");
 function ImageDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_image.Image, {
-      src: "https://picsum.photos/200/300",
-      width: 200,
-      height: 300,
-      onLoad: () => {},
-      onLayout: e => {}
-    })
-  });
-}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.Image, {
+		src: "https://picsum.photos/200/300",
+		width: 200,
+		height: 300,
+		onLoad: () => {},
+		onLayout: (e) => {}
+	}) });
+}

package/dist/cjs/ImageDemo.native.cjs

@@ -0,0 +1,37 @@
+"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: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__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: true }), mod);
+var ImageDemo_exports = {};
+__export(ImageDemo_exports, { ImageDemo: () => ImageDemo });
+module.exports = __toCommonJS(ImageDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_image = require("@tamagui/image");
+function ImageDemo() {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.Image, {
+		src: "https://picsum.photos/200/300",
+		width: 200,
+		height: 300,
+		onLoad: function() {},
+		onLayout: function(e) {}
+	}) });
+}

package/dist/cjs/ImageDemo.native.js

@@ -1,43 +1,39 @@
 "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: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__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: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ImageDemo_exports = {};
-__export(ImageDemo_exports, {
-  ImageDemo: () => ImageDemo
-});
+__export(ImageDemo_exports, { ImageDemo: () => ImageDemo });
 module.exports = __toCommonJS(ImageDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_image = require("@tamagui/image");
 function ImageDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_image.Image, {
-      src: "https://picsum.photos/200/300",
-      width: 200,
-      height: 300,
-      onLoad: function () {},
-      onLayout: function (e) {}
-    })
-  });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.Image, {
+		src: "https://picsum.photos/200/300",
+		width: 200,
+		height: 300,
+		onLoad: function() {},
+		onLayout: function(e) {}
+	}) });
 }
+
 //# sourceMappingURL=ImageDemo.native.js.map

package/dist/cjs/ImageDemo.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ImageDemo_exports","__export","ImageDemo","module","exports","import_jsx_runtime","require","import_image","jsx","Fragment","children","Image","src","width","height","onLoad","onLayout","e"],"sources":["../../src/ImageDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,iBAAA;AAAAC,QAAA,CAAAD,iBAAA;EAAAE,SAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAsB,CAAAK,iBAAA;AAIlB,IAAAK,kBAAA,GAAAC,OAAA;AAFG,IAAAC,YAAS,GAAAD,OAAY;AAC1B,SACEJ,UAAA;EACE,OAAC,mBAAAG,kBAAA,CAAAG,GAAA,EAAAH,kBAAA,CAAAI,QAAA;IAAAC,QAAA,qBAAAL,kBAAA,CAAAG,GAAA,EAAAD,YAAA,CAAAI,KAAA;MACCC,GAAA,EAAI;MACJC,KAAA,EAAO;MACPC,MAAA,EAAQ;MACRC,MAAA,EAAQ,SAAAA,CAAA,EAAM,CAAC;MACfC,QAAA,EAAU,SAAAA,CAAOC,CAAA,GAAC;IAAA;EACpB;AAGN","ignoreList":[]}
+{"version":3,"file":"ImageDemo.native.js","names":[],"sources":["cjs/ImageDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar ImageDemo_exports = {};\n__export(ImageDemo_exports, {\n  ImageDemo: () => ImageDemo\n});\nmodule.exports = __toCommonJS(ImageDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_image = require(\"@tamagui/image\");\nfunction ImageDemo() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.Image, {\n      src: \"https://picsum.photos/200/300\",\n      width: 200,\n      height: 300,\n      onLoad: function() {\n      },\n      onLayout: function(e) {\n      }\n    })\n  });\n}\n//# sourceMappingURL=ImageDemo.js.map\n"],"mappings":";;;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,oBAAoB,CAAC;AACzB,SAAS,mBAAmB,EAC1B,iBAAiB,UACnB,CAAC;AACD,OAAO,UAAU,aAAa,iBAAiB;AAC/C,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,eAAe,QAAQ,gBAAgB;AAC3C,SAAS,YAAY;CACnB,OAAuB,iBAAC,GAAG,mBAAmB,KAAK,mBAAmB,UAAU,EAC9E,UAA0B,iBAAC,GAAG,mBAAmB,KAAK,aAAa,OAAO;EACxE,KAAK;EACL,OAAO;EACP,QAAQ;EACR,QAAQ,WAAW,CACnB;EACA,UAAU,SAAS,GAAG,CACtB;CACF,CAAC,EACH,CAAC;AACH"}

package/dist/cjs/InputsDemo.cjs

@@ -1,64 +1,60 @@
+
 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: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__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: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var InputsDemo_exports = {};
-__export(InputsDemo_exports, {
-  InputsDemo: () => InputsDemo
-});
+__export(InputsDemo_exports, { InputsDemo: () => InputsDemo });
 module.exports = __toCommonJS(InputsDemo_exports);
 var import_tamagui = require("tamagui");
 var import_jsx_runtime = require("react/jsx-runtime");
 function InputsDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    width: 200,
-    minH: 250,
-    overflow: "hidden",
-    gap: "$2",
-    m: "$3",
-    p: "$2",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(InputDemo, {
-      size: "$2"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(InputDemo, {
-      size: "$3"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(InputDemo, {
-      size: "$4"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.TextArea, {
-      theme: "surface1",
-      placeholder: "Enter your details..."
-    })]
-  });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+		width: 200,
+		minH: 250,
+		overflow: "hidden",
+		gap: "2",
+		m: "3",
+		p: "2",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputDemo, { size: "2" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputDemo, { size: "3" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputDemo, { size: "4" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TextArea, {
+				theme: "surface1",
+				placeholder: "Enter your details..."
+			})
+		]
+	});
 }
 function InputDemo(props) {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-    items: "center",
-    gap: "$2",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Input, {
-      theme: "surface1",
-      flex: 1,
-      size: props.size,
-      placeholder: `Size ${props.size}...`
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-      size: props.size,
-      children: "Go"
-    })]
-  });
-}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+		items: "center",
+		gap: "2",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, {
+			theme: "surface1",
+			flex: 1,
+			size: props.size,
+			placeholder: `Size ${props.size}...`
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+			size: props.size,
+			children: "Go"
+		})]
+	});
+}

package/dist/cjs/InputsDemo.native.cjs

@@ -0,0 +1,62 @@
+"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: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__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: true }), mod);
+var InputsDemo_exports = {};
+__export(InputsDemo_exports, { InputsDemo: () => InputsDemo });
+module.exports = __toCommonJS(InputsDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+function InputsDemo() {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+		width: 200,
+		minH: 250,
+		overflow: "hidden",
+		gap: "2",
+		m: "3",
+		p: "2",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputDemo, { size: "2" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputDemo, { size: "3" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputDemo, { size: "4" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TextArea, {
+				theme: "surface1",
+				placeholder: "Enter your details..."
+			})
+		]
+	});
+}
+function InputDemo(props) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+		items: "center",
+		gap: "2",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, {
+			theme: "surface1",
+			flex: 1,
+			size: props.size,
+			placeholder: `Size ${props.size}...`
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+			size: props.size,
+			children: "Go"
+		})]
+	});
+}

package/dist/cjs/InputsDemo.native.js

@@ -1,67 +1,64 @@
 "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: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__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: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var InputsDemo_exports = {};
-__export(InputsDemo_exports, {
-  InputsDemo: () => InputsDemo
-});
+__export(InputsDemo_exports, { InputsDemo: () => InputsDemo });
 module.exports = __toCommonJS(InputsDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_tamagui = require("tamagui");
 function InputsDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    width: 200,
-    minH: 250,
-    overflow: "hidden",
-    gap: "$2",
-    m: "$3",
-    p: "$2",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(InputDemo, {
-      size: "$2"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(InputDemo, {
-      size: "$3"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(InputDemo, {
-      size: "$4"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.TextArea, {
-      theme: "surface1",
-      placeholder: "Enter your details..."
-    })]
-  });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+		width: 200,
+		minH: 250,
+		overflow: "hidden",
+		gap: "2",
+		m: "3",
+		p: "2",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputDemo, { size: "2" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputDemo, { size: "3" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputDemo, { size: "4" }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TextArea, {
+				theme: "surface1",
+				placeholder: "Enter your details..."
+			})
+		]
+	});
 }
 function InputDemo(props) {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-    items: "center",
-    gap: "$2",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Input, {
-      theme: "surface1",
-      flex: 1,
-      size: props.size,
-      placeholder: `Size ${props.size}...`
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-      size: props.size,
-      children: "Go"
-    })]
-  });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+		items: "center",
+		gap: "2",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, {
+			theme: "surface1",
+			flex: 1,
+			size: props.size,
+			placeholder: `Size ${props.size}...`
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+			size: props.size,
+			children: "Go"
+		})]
+	});
 }
+
 //# sourceMappingURL=InputsDemo.native.js.map

package/dist/cjs/InputsDemo.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","InputsDemo_exports","__export","InputsDemo","module","exports","import_jsx_runtime","require","import_tamagui","jsxs","YStack","width","minH","overflow","gap","m","p","children","jsx","InputDemo","size","TextArea","theme","placeholder"],"sources":["../../src/InputsDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAAwD,CAAAK,kBAAA;AAIpD,IAAAK,kBAAA,GAAAC,OAAA;AAFG,IAAAC,cAAS,GAAAD,OAAa;AAC3B,SACEJ,WAAA;EACE,0BAAAG,kBAAA,CAACG,IAAA,EAAAD,cAAe,CAAAE,MAAK;IACrBC,KAAA;IACAC,IAAA;IACAC,QAAA;IAA+DC,GACjE;IAEJC,CAAA;IAEAC,CAAA,MAAS;IACPC,QACE,GACE,mBAAAX,kBAAA,CAAAY,GAAA,EAAAC,SAAA;MAACC,IAAA;IAAA,mBACO,IAAAd,kBAAA,CAAAY,GAAA,EAAAC,SAAA;MACNC,IAAA,EAAM;IAAA,EACN,EAAY,eACC,IAAAd,kBAAkB,CAAAY,GAAA,EAAAC,SAAA;MAAAC,IAAA;IACjC,IACA,mBAAAd,kBAAA,CAAAY,GAAC,EAAAV,cAAA,CAAAa,QAAO;MACVC,KAAA;MAEJC,WAAA","ignoreList":[]}
+{"version":3,"file":"InputsDemo.native.js","names":[],"sources":["cjs/InputsDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar InputsDemo_exports = {};\n__export(InputsDemo_exports, {\n  InputsDemo: () => InputsDemo\n});\nmodule.exports = __toCommonJS(InputsDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_tamagui = require(\"tamagui\");\nfunction InputsDemo() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n    width: 200,\n    minH: 250,\n    overflow: \"hidden\",\n    gap: \"2\",\n    m: \"3\",\n    p: \"2\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputDemo, {\n        size: \"2\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputDemo, {\n        size: \"3\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputDemo, {\n        size: \"4\"\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TextArea, {\n        theme: \"surface1\",\n        placeholder: \"Enter your details...\"\n      })\n    ]\n  });\n}\nfunction InputDemo(props) {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n    items: \"center\",\n    gap: \"2\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, {\n        theme: \"surface1\",\n        flex: 1,\n        size: props.size,\n        placeholder: `Size ${props.size}...`\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n        size: props.size,\n        children: \"Go\"\n      })\n    ]\n  });\n}\n//# sourceMappingURL=InputsDemo.js.map\n"],"mappings":";;;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,qBAAqB,CAAC;AAC1B,SAAS,oBAAoB,EAC3B,kBAAkB,WACpB,CAAC;AACD,OAAO,UAAU,aAAa,kBAAkB;AAChD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,iBAAiB,QAAQ,SAAS;AACtC,SAAS,aAAa;CACpB,OAAuB,iBAAC,GAAG,mBAAmB,MAAM,eAAe,QAAQ;EACzE,OAAO;EACP,MAAM;EACN,UAAU;EACV,KAAK;EACL,GAAG;EACH,GAAG;EACH,UAAU;GACQ,iBAAC,GAAG,mBAAmB,KAAK,WAAW,EACrD,MAAM,IACR,CAAC;GACe,iBAAC,GAAG,mBAAmB,KAAK,WAAW,EACrD,MAAM,IACR,CAAC;GACe,iBAAC,GAAG,mBAAmB,KAAK,WAAW,EACrD,MAAM,IACR,CAAC;GACe,iBAAC,GAAG,mBAAmB,KAAK,eAAe,UAAU;IACnE,OAAO;IACP,aAAa;GACf,CAAC;EACH;CACF,CAAC;AACH;AACA,SAAS,UAAU,OAAO;CACxB,OAAuB,iBAAC,GAAG,mBAAmB,MAAM,eAAe,QAAQ;EACzE,OAAO;EACP,KAAK;EACL,UAAU,CACQ,iBAAC,GAAG,mBAAmB,KAAK,eAAe,OAAO;GAChE,OAAO;GACP,MAAM;GACN,MAAM,MAAM;GACZ,aAAa,QAAQ,MAAM,KAAK;EAClC,CAAC,GACe,iBAAC,GAAG,mBAAmB,KAAK,eAAe,QAAQ;GACjE,MAAM,MAAM;GACZ,UAAU;EACZ,CAAC,CACH;CACF,CAAC;AACH"}

package/dist/cjs/LabelDemo.cjs

@@ -1,67 +1,58 @@
+
 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: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__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: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var LabelDemo_exports = {};
-__export(LabelDemo_exports, {
-  LabelDemo: () => LabelDemo
-});
+__export(LabelDemo_exports, { LabelDemo: () => LabelDemo });
 module.exports = __toCommonJS(LabelDemo_exports);
 var import_tamagui = require("tamagui");
 var import_jsx_runtime = require("react/jsx-runtime");
 function LabelDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    $maxMd: {
-      width: "100%"
-    },
-    minW: 300,
-    gap: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-      items: "center",
-      gap: "$4",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
-        width: 90,
-        htmlFor: "name",
-        children: "Name"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Input, {
-        flex: 1,
-        id: "name",
-        defaultValue: "Nate Wienert"
-      })]
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-      items: "center",
-      gap: "$4",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Label, {
-        width: 90,
-        htmlFor: "notify",
-        children: "Notifications"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Switch, {
-        activeStyle: {
-          backgroundColor: "$color8"
-        },
-        id: "notify",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Switch.Thumb, {
-          transition: "quickest"
-        })
-      })]
-    })]
-  });
-}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+		width: "max-md:100%",
+		minW: 300,
+		gap: "4",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+			items: "center",
+			gap: "4",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+				width: 90,
+				htmlFor: "name",
+				children: "Name"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, {
+				flex: 1,
+				id: "name",
+				defaultValue: "Nate Wienert"
+			})]
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+			items: "center",
+			gap: "4",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+				width: 90,
+				htmlFor: "notify",
+				children: "Notifications"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Switch, {
+				activeStyle: { backgroundColor: "color8" },
+				id: "notify",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Switch.Thumb, { transition: "quickest" })
+			})]
+		})]
+	});
+}