@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/FormsDemo.native.js

@@ -1,5 +1,6 @@
 "use strict";
 
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -7,89 +8,111 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var FormsDemo_exports = {};
-__export(FormsDemo_exports, {
-  FormsDemo: () => FormsDemo
-});
+__export(FormsDemo_exports, { FormsDemo: () => FormsDemo });
 module.exports = __toCommonJS(FormsDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = __toESM(require("react"), 1);
+var React = __toESM(require("react"), 1);
 var import_tamagui = require("tamagui");
-function FormsDemo(props) {
-  var [status, setStatus] = import_react.default.useState("off");
-  import_react.default.useEffect(function () {
-    if (status === "submitting") {
-      var timer = setTimeout(function () {
-        return setStatus("off");
-      }, 2e3);
-      return function () {
-        clearTimeout(timer);
-      };
-    }
-  }, [status]);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Form, {
-    items: "center",
-    gap: "$2",
-    onSubmit: function () {
-      return setStatus("submitting");
-    },
-    borderWidth: 1,
-    rounded: "$4",
-    bg: "$color2",
-    borderColor: "$borderColor",
-    minW: 350,
-    p: "$6",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Form.Trigger, {
-      asChild: true,
-      disabled: status !== "off",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-        gap: "$4",
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-          children: "Submit"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-          width: "100%",
-          height: 40,
-          justifyContent: "center",
-          alignItems: "center",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, {
-            children: status === "submitting" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {
-              transition: "medium",
-              enterStyle: {
-                opacity: 0
-              },
-              alignSelf: "center",
-              width: 8
-            }, "spinner") : null
-          })
-        })]
-      })
-    })
-  });
+var import_FieldDemo = require("./FieldDemo.native.js");
+function FormsDemo() {
+	var [status, setStatus] = React.useState("idle");
+	React.useEffect(function() {
+		if (status !== "submitting") {
+			return;
+		}
+		var timer = setTimeout(function() {
+			return setStatus("idle");
+		}, 1200);
+		return function() {
+			return clearTimeout(timer);
+		};
+	}, [status]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Form, {
+		width: 350,
+		maxW: "90%",
+		gap: "4",
+		borderWidth: 1,
+		rounded: "7",
+		bg: "color2",
+		borderColor: "border-color",
+		p: "6",
+		boxShadow: "0 2px 3px rgba(0, 0, 0, 0.06), 0 14px 30px rgba(0, 0, 0, 0.10), 0 36px 72px rgba(0, 0, 0, 0.12)",
+		onSubmit: function() {
+			return setStatus("submitting");
+		},
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Field, {
+				name: "email",
+				gap: "2",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Field.Label, {
+						color: "color11",
+						fontWeight: "500",
+						children: "Email"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FieldDemo.FieldInput, {
+						type: "email",
+						placeholder: "ada@example.com",
+						required: true
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Field.Description, {
+						color: "color9",
+						fontSize: "2",
+						children: "Form collects this value by field name."
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Field.Error, {
+						color: "red10",
+						fontSize: "2"
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Form.Trigger, {
+				asChild: true,
+				disabled: status !== "idle",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+					self: "flex-end",
+					height: 40,
+					px: "5",
+					rounded: "5",
+					bg: "color11 hover:color10",
+					color: "color1",
+					fontSize: "2",
+					fontWeight: "500",
+					children: "Submit"
+				})
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+				height: 24,
+				items: "center",
+				justify: "center",
+				children: status === "submitting" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spinner, { size: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+					color: "color9",
+					size: "2",
+					children: "Ready"
+				})
+			})
+		]
+	});
 }
+
 //# sourceMappingURL=FormsDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FormsDemo_exports","__export","FormsDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_tamagui","props","status","setStatus","default","useState","useEffect","timer","setTimeout","clearTimeout","jsx","Form","items","gap","onSubmit","borderWidth","rounded","bg","borderColor","minW","p","children","Trigger","asChild","disabled","jsxs","YStack","Button","width"],"sources":["../../src/FormsDemo.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,YAAkB,CAAAK,iBAAA;AAElB,IAAAK,kBAWO,GAAAC,OAAA;AA2BC,IAAAC,YAAA,GAAAC,OAAA,CAAAF,OAAA;AAzBD,IAAAG,cAAS,GAAUH,OAA6B;AACrD,SAAOJ,SAAQA,CAAAQ,KAAA,EAAS;EAExB,KAAAC,MAAA,EAAAC,SAAM,IAAAL,YAAgB,CAAAM,OAAA,CAAAC,QAAA;EACpBP,YAAI,CAAAM,OAAW,CAAAE,SAAA,CAAc;IAC3B,IAAAJ,MAAM,iBAAmB;MACzB,IAAAK,KAAO,GAAAC,UAAM;QACX,OAAAL,SAAa,MAAK;MACpB;MACF;QACEM,YAAO,CAAAF,KAAA;MAEX;IACG;EAAA,IAAAL,MACC,CAAM;EACF,OACJ,eAAgB,IAAAN,kBAAsB,CAAAc,GAAA,EAAAV,cAAA,CAAAW,IAAA;IAAAC,KACtC,UAAa;IAAAC,GACb;IAAQC,QACL,WAAAA,CAAA;MACH,OAAAX,SAAY;IAAA;IACNY,WACJ;IAAAC,OAEF;IAEIC,EAAA;IAAcC,WACd;IAGMC,IAAA,EAAC;IAAAC,CAAA;IAAAC,QACC,iBAAW,IAAAzB,kBAAA,CAAAc,GAAA,EAAAV,cAAA,CAAAW,IAAA,CAAAW,OAAA;MAAAC,OACX;MAAyBC,QACzB,EAAAtB,MAAA,KAAU;MAAAmB,QAEV,iBAAO,IAAAzB,kBAAA,CAAA6B,IAAA,EAAAzB,cAAA,CAAA0B,MAAA;QAAAb,GAAA;QAAAQ,QADH,GAEN,eAGN,IAAAzB,kBAAA,CAAAc,GAAA,EAAAV,cAAA,CAAA2B,MAAA;UAEJN,QAAA;QAAA,IACF,mBAAAzB,kBAAA,CAAAc,GAAA,EAAAV,cAAA,CAAA0B,MAAA;UAEJE,KAAA","ignoreList":[]}
+{"version":3,"file":"FormsDemo.native.js","names":[],"sources":["cjs/FormsDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar FormsDemo_exports = {};\n__export(FormsDemo_exports, {\n  FormsDemo: () => FormsDemo\n});\nmodule.exports = __toCommonJS(FormsDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar React = __toESM(require(\"react\"), 1);\nvar import_tamagui = require(\"tamagui\");\nvar import_FieldDemo = require(\"./FieldDemo\");\nfunction FormsDemo() {\n  var [status, setStatus] = React.useState(\"idle\");\n  React.useEffect(function() {\n    if (status !== \"submitting\") {\n      return;\n    }\n    var timer = setTimeout(function() {\n      return setStatus(\"idle\");\n    }, 1200);\n    return function() {\n      return clearTimeout(timer);\n    };\n  }, [\n    status\n  ]);\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Form, {\n    width: 350,\n    maxW: \"90%\",\n    gap: \"4\",\n    borderWidth: 1,\n    rounded: \"7\",\n    bg: \"color2\",\n    borderColor: \"border-color\",\n    p: \"6\",\n    boxShadow: \"0 2px 3px rgba(0, 0, 0, 0.06), 0 14px 30px rgba(0, 0, 0, 0.10), 0 36px 72px rgba(0, 0, 0, 0.12)\",\n    onSubmit: function() {\n      return setStatus(\"submitting\");\n    },\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Field, {\n        name: \"email\",\n        gap: \"2\",\n        children: [\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Field.Label, {\n            color: \"color11\",\n            fontWeight: \"500\",\n            children: \"Email\"\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FieldDemo.FieldInput, {\n            type: \"email\",\n            placeholder: \"ada@example.com\",\n            required: true\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Field.Description, {\n            color: \"color9\",\n            fontSize: \"2\",\n            children: \"Form collects this value by field name.\"\n          }),\n          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Field.Error, {\n            color: \"red10\",\n            fontSize: \"2\"\n          })\n        ]\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Form.Trigger, {\n        asChild: true,\n        disabled: status !== \"idle\",\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n          self: \"flex-end\",\n          height: 40,\n          px: \"5\",\n          rounded: \"5\",\n          bg: \"color11 hover:color10\",\n          color: \"color1\",\n          fontSize: \"2\",\n          fontWeight: \"500\",\n          children: \"Submit\"\n        })\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n        height: 24,\n        items: \"center\",\n        justify: \"center\",\n        children: status === \"submitting\" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {\n          size: \"small\"\n        }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {\n          color: \"color9\",\n          size: \"2\",\n          children: \"Ready\"\n        })\n      })\n    ]\n  });\n}\n//# sourceMappingURL=FormsDemo.js.map\n"],"mappings":"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"}

package/dist/cjs/Grid.cjs

@@ -1,3 +1,4 @@
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -5,74 +6,60 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Grid_exports = {};
-__export(Grid_exports, {
-  Grid: () => Grid
-});
+__export(Grid_exports, { Grid: () => Grid });
 module.exports = __toCommonJS(Grid_exports);
 var import_core = require("@tamagui/core");
 var import_stacks = require("@tamagui/stacks");
 var import_react = __toESM(require("react"), 1);
 var import_jsx_runtime = require("react/jsx-runtime");
-function Grid({
-  children,
-  columns,
-  itemMinWidth = 200,
-  gap
-}) {
-  if (import_core.isWeb) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
-      style: {
-        gap,
-        display: "grid",
-        justifyContent: "stretch",
-        gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
-      },
-      children
-    });
-  }
-  const childrenList = import_react.default.Children.toArray(children);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.XStack, {
-    items: "center",
-    justify: "center",
-    flexWrap: "wrap",
-    children: childrenList.map((child, i) => {
-      if (!child) {
-        return null;
-      }
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.XStack, {
-        flex: 1,
-        minW: itemMinWidth,
-        mr: gap,
-        mb: gap,
-        children: child
-      }, i);
-    })
-  });
-}
+function Grid({ children, columns, itemMinWidth = 200, gap }) {
+	if (import_core.isWeb) {
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			style: {
+				gap,
+				display: "grid",
+				justifyContent: "stretch",
+				gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
+			},
+			children
+		});
+	}
+	const childrenList = import_react.default.Children.toArray(children);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.XStack, {
+		items: "center",
+		justify: "center",
+		flexWrap: "wrap",
+		children: childrenList.map((child, i) => {
+			if (!child) {
+				return null;
+			}
+			return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.XStack, {
+				flex: 1,
+				minW: itemMinWidth,
+				mr: gap,
+				mb: gap,
+				children: child
+			}, i);
+		})
+	});
+}

package/dist/cjs/Grid.native.cjs

@@ -0,0 +1,68 @@
+"use strict";
+
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Grid_exports = {};
+__export(Grid_exports, { Grid: () => Grid });
+module.exports = __toCommonJS(Grid_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@tamagui/core");
+var import_stacks = require("@tamagui/stacks");
+var import_react = __toESM(require("react"), 1);
+function Grid(param) {
+	var { children, columns, itemMinWidth = 200, gap } = param;
+	if (import_core.isWeb) {
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			style: {
+				gap,
+				display: "grid",
+				justifyContent: "stretch",
+				gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
+			},
+			children
+		});
+	}
+	var childrenList = import_react.default.Children.toArray(children);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.XStack, {
+		items: "center",
+		justify: "center",
+		flexWrap: "wrap",
+		children: childrenList.map(function(child, i) {
+			if (!child) {
+				return null;
+			}
+			return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.XStack, {
+				flex: 1,
+				minW: itemMinWidth,
+				mr: gap,
+				mb: gap,
+				children: child
+			}, i);
+		})
+	});
+}

package/dist/cjs/Grid.native.js

@@ -1,5 +1,6 @@
 "use strict";
 
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -7,76 +8,63 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Grid_exports = {};
-__export(Grid_exports, {
-  Grid: () => Grid
-});
+__export(Grid_exports, { Grid: () => Grid });
 module.exports = __toCommonJS(Grid_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_core = require("@tamagui/core");
 var import_stacks = require("@tamagui/stacks");
 var import_react = __toESM(require("react"), 1);
 function Grid(param) {
-  var {
-    children,
-    columns,
-    itemMinWidth = 200,
-    gap
-  } = param;
-  if (import_core.isWeb) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
-      style: {
-        gap,
-        display: "grid",
-        justifyContent: "stretch",
-        gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
-      },
-      children
-    });
-  }
-  var childrenList = import_react.default.Children.toArray(children);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.XStack, {
-    items: "center",
-    justify: "center",
-    flexWrap: "wrap",
-    children: childrenList.map(function (child, i) {
-      if (!child) {
-        return null;
-      }
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.XStack, {
-        flex: 1,
-        minW: itemMinWidth,
-        mr: gap,
-        mb: gap,
-        children: child
-      }, i);
-    })
-  });
+	var { children, columns, itemMinWidth = 200, gap } = param;
+	if (import_core.isWeb) {
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			style: {
+				gap,
+				display: "grid",
+				justifyContent: "stretch",
+				gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
+			},
+			children
+		});
+	}
+	var childrenList = import_react.default.Children.toArray(children);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.XStack, {
+		items: "center",
+		justify: "center",
+		flexWrap: "wrap",
+		children: childrenList.map(function(child, i) {
+			if (!child) {
+				return null;
+			}
+			return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.XStack, {
+				flex: 1,
+				minW: itemMinWidth,
+				mr: gap,
+				mb: gap,
+				children: child
+			}, i);
+		})
+	});
 }
+
 //# sourceMappingURL=Grid.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Grid_exports","__export","Grid","module","exports","import_jsx_runtime","require","import_core","import_stacks","import_react","__toESM","param","children","columns","itemMinWidth","gap","isWeb","jsx","style","display","justifyContent","gridTemplateColumns","childrenList","default","Children","toArray","XStack","items","justify","flexWrap","map","child","i"],"sources":["../../src/Grid.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,YAAA;AAAAC,QAAA,CAAAD,YAAA;EAAAE,IAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAsB,CAAAK,YAAA;AACtB,IAAAK,kBAAuB,GAAAC,OAAA;AACvB,IAAAC,WAAA,GAAAD,OAAkB;AAYZ,IAAAE,aAAA,GAAAF,OAAA;AAHC,IAAAG,YAAgB,GAAAC,OAAU,CAAAJ,OAAA,CAAS;AACxC,SAAIJ,KAAAS,KAAA;EACF;IAAAC,QACE;IAAAC,OAAA;IAAAC,YAAA;IAAAC;EAAA,IAAAJ,KAAA;EAAA,IAACJ,WAAA,CAAAS,KAAA;IAAA,0BAAAX,kBAAA,CAAAY,GAAA;MAAAC,KACC;QAAOH,GACL;QAAAI,OACA,QAAS;QAAAC,cACT,WAAgB;QAAAC,mBAChB,8BAAqBP,YAA4B;MAAY;MAC/DF;IAEC;EAAA;EAGP,IAAAU,YAAA,GAAAb,YAAA,CAAAc,OAAA,CAAAC,QAAA,CAAAC,OAAA,CAAAb,QAAA;EAEA,OAAM,eAAe,IAAAP,kBAAM,CAAAY,GAAA,EAAST,aAAQ,CAAAkB,MAAQ;IAEpDC,KACE;IAEIC,OAAK,UAAO;IACVC,QAAA,EAAO;IACTjB,QAAA,EAAAU,YAAA,CAAAQ,GAAA,WAAAC,KAAA,EAAAC,CAAA;MAGA,KACED,KAAA;QAKN;MAEJ","ignoreList":[]}
+{"version":3,"file":"Grid.native.js","names":[],"sources":["cjs/Grid.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Grid_exports = {};\n__export(Grid_exports, {\n  Grid: () => Grid\n});\nmodule.exports = __toCommonJS(Grid_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar import_stacks = require(\"@tamagui/stacks\");\nvar import_react = __toESM(require(\"react\"), 1);\nfunction Grid(param) {\n  var { children, columns, itemMinWidth = 200, gap } = param;\n  if (import_core.isWeb) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", {\n      style: {\n        gap,\n        display: \"grid\",\n        justifyContent: \"stretch\",\n        gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`\n      },\n      children\n    });\n  }\n  var childrenList = import_react.default.Children.toArray(children);\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.XStack, {\n    items: \"center\",\n    justify: \"center\",\n    flexWrap: \"wrap\",\n    children: childrenList.map(function(child, i) {\n      if (!child) {\n        return null;\n      }\n      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.XStack, {\n        flex: 1,\n        minW: itemMinWidth,\n        mr: gap,\n        mb: gap,\n        children: child\n      }, i);\n    })\n  });\n}\n//# sourceMappingURL=Grid.js.map\n"],"mappings":";;;;AACA,IAAI,WAAW,OAAO;AACtB,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO;AAC1B,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,WAAW,KAAK,YAAY,YAAY,SAAS,OAAO,OAAO,SAAS,aAAa,GAAG,CAAC,IAAI,CAAC,GAAG,YAKnG,cAAc,CAAC,OAAO,CAAC,IAAI,aAAa,UAAU,QAAQ,WAAW;CAAE,OAAO;CAAK,YAAY;AAAK,CAAC,IAAI,QACzG,GACF;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,eAAe,CAAC;AACpB,SAAS,cAAc,EACrB,YAAY,KACd,CAAC;AACD,OAAO,UAAU,aAAa,YAAY;AAC1C,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,gBAAgB,QAAQ,iBAAiB;AAC7C,IAAI,eAAe,QAAQ,QAAQ,OAAO,GAAG,CAAC;AAC9C,SAAS,KAAK,OAAO;CACnB,IAAI,EAAE,UAAU,SAAS,eAAe,KAAK,QAAQ;CACrD,IAAI,YAAY,OAAO;EACrB,OAAuB,iBAAC,GAAG,mBAAmB,KAAK,OAAO;GACxD,OAAO;IACL;IACA,SAAS;IACT,gBAAgB;IAChB,qBAAqB,4BAA4B,aAAa;GAChE;GACA;EACF,CAAC;CACH;CACA,IAAI,eAAe,aAAa,QAAQ,SAAS,QAAQ,QAAQ;CACjE,OAAuB,iBAAC,GAAG,mBAAmB,KAAK,cAAc,QAAQ;EACvE,OAAO;EACP,SAAS;EACT,UAAU;EACV,UAAU,aAAa,IAAI,SAAS,OAAO,GAAG;GAC5C,IAAI,CAAC,OAAO;IACV,OAAO;GACT;GACA,OAAuB,iBAAC,GAAG,mBAAmB,KAAK,cAAc,QAAQ;IACvE,MAAM;IACN,MAAM;IACN,IAAI;IACJ,IAAI;IACJ,UAAU;GACZ,GAAG,CAAC;EACN,CAAC;CACH,CAAC;AACH"}