@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/Grid.native.js

@@ -1,43 +1,40 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { isWeb } from "@tamagui/core";
 import { XStack } from "@tamagui/stacks";
 import React from "react";
+
 function Grid(param) {
-  var {
-    children,
-    columns,
-    itemMinWidth = 200,
-    gap
-  } = param;
-  if (isWeb) {
-    return /* @__PURE__ */_jsx("div", {
-      style: {
-        gap,
-        display: "grid",
-        justifyContent: "stretch",
-        gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
-      },
-      children
-    });
-  }
-  var childrenList = React.Children.toArray(children);
-  return /* @__PURE__ */_jsx(XStack, {
-    items: "center",
-    justify: "center",
-    flexWrap: "wrap",
-    children: childrenList.map(function (child, i) {
-      if (!child) {
-        return null;
-      }
-      return /* @__PURE__ */_jsx(XStack, {
-        flex: 1,
-        minW: itemMinWidth,
-        mr: gap,
-        mb: gap,
-        children: child
-      }, i);
-    })
-  });
+	var { children, columns, itemMinWidth = 200, gap } = param;
+	if (isWeb) {
+		return /* @__PURE__ */ jsx("div", {
+			style: {
+				gap,
+				display: "grid",
+				justifyContent: "stretch",
+				gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
+			},
+			children
+		});
+	}
+	var childrenList = React.Children.toArray(children);
+	return /* @__PURE__ */ jsx(XStack, {
+		items: "center",
+		justify: "center",
+		flexWrap: "wrap",
+		children: childrenList.map(function(child, i) {
+			if (!child) {
+				return null;
+			}
+			return /* @__PURE__ */ jsx(XStack, {
+				flex: 1,
+				minW: itemMinWidth,
+				mr: gap,
+				mb: gap,
+				children: child
+			}, i);
+		})
+	});
 }
+
 export { Grid };
 //# sourceMappingURL=Grid.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","isWeb","XStack","React","Grid","param","children","columns","itemMinWidth","gap","style","display","justifyContent","gridTemplateColumns","childrenList","Children","toArray","items","justify","flexWrap","map","child","i"],"sources":["../../src/Grid.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAa;AACtB,SAASC,KAAA,uBAAc;AACvB,SAAOC,MAAA,QAAW;AAYZ,OAAAC,KAAA;AAHC,SAASC,KAAKC,KAAE;EACrB,IAAI;IAAAC,QAAO;IAAAC,OAAA;IAAAC,YAAA;IAAAC;EAAA,IAAAJ,KAAA;EACT,IAAAJ,KACE;IAAA,OAAC,eAAAD,IAAA;MAAAU,KAAA;QACCD,GAAA;QAAOE,OACL;QAAAC,cACS;QAAAC,mBACO,8BAAAL,YAAA;MAAA;MAC6CF;IAC/D;EAEC;EAAA,IACHQ,YAAA,GAAAX,KAAA,CAAAY,QAAA,CAAAC,OAAA,CAAAV,QAAA;EAEJ,sBAAAN,IAAA,CAAAE,MAAA;IAEAe,KAAM;IAENC,OACE;IAEIC,QAAK,QAAO;IACVb,QAAA,EAAOQ,YAAA,CAAAM,GAAA,WAAAC,KAAA,EAAAC,CAAA;MACT,KAAAD,KAAA;QAGA,OACE;MAKN;MAEJ,sBAAArB,IAAA,CAAAE,MAAA","ignoreList":[]}
+{"version":3,"file":"Grid.native.js","names":[],"sources":["esm/Grid.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { isWeb } from \"@tamagui/core\";\nimport { XStack } from \"@tamagui/stacks\";\nimport React from \"react\";\nfunction Grid(param) {\n  var { children, columns, itemMinWidth = 200, gap } = param;\n  if (isWeb) {\n    return /* @__PURE__ */ _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 = React.Children.toArray(children);\n  return /* @__PURE__ */ _jsx(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__ */ _jsx(XStack, {\n        flex: 1,\n        minW: itemMinWidth,\n        mr: gap,\n        mb: gap,\n        children: child\n      }, i);\n    })\n  });\n}\nexport {\n  Grid\n};\n//# sourceMappingURL=Grid.js.map\n"],"mappings":";;;;;;AAIA,SAAS,KAAK,OAAO;CACnB,IAAI,EAAE,UAAU,SAAS,eAAe,KAAK,QAAQ;CACrD,IAAI,OAAO;EACT,OAAuB,oBAAK,OAAO;GACjC,OAAO;IACL;IACA,SAAS;IACT,gBAAgB;IAChB,qBAAqB,4BAA4B,aAAa;GAChE;GACA;EACF,CAAC;CACH;CACA,IAAI,eAAe,MAAM,SAAS,QAAQ,QAAQ;CAClD,OAAuB,oBAAK,QAAQ;EAClC,OAAO;EACP,SAAS;EACT,UAAU;EACV,UAAU,aAAa,IAAI,SAAS,OAAO,GAAG;GAC5C,IAAI,CAAC,OAAO;IACV,OAAO;GACT;GACA,OAAuB,oBAAK,QAAQ;IAClC,MAAM;IACN,MAAM;IACN,IAAI;IACJ,IAAI;IACJ,UAAU;GACZ,GAAG,CAAC;EACN,CAAC;CACH,CAAC;AACH"}

package/dist/esm/GroupDemo.mjs

@@ -1,69 +1,53 @@
 import { Activity, Airplay } from "@tamagui/lucide-icons-2";
 import { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
+
 function GroupDemo() {
-  return /* @__PURE__ */jsxs(YStack, {
-    p: "$3",
-    gap: "$2",
-    items: "center",
-    children: [/* @__PURE__ */jsxs(Group, {
-      orientation: "horizontal",
-      children: [/* @__PURE__ */jsx(Group.Item, {
-        children: /* @__PURE__ */jsx(Button, {
-          children: "First"
-        })
-      }), /* @__PURE__ */jsx(Group.Item, {
-        children: /* @__PURE__ */jsx(Button, {
-          children: "Second"
-        })
-      }), /* @__PURE__ */jsx(Group.Item, {
-        children: /* @__PURE__ */jsx(Button, {
-          children: "Third"
-        })
-      })]
-    }), /* @__PURE__ */jsxs(XGroup, {
-      children: [/* @__PURE__ */jsx(XGroup.Item, {
-        children: /* @__PURE__ */jsx(Button, {
-          size: "$3",
-          $gtSm: {
-            size: "$5"
-          },
-          icon: Activity,
-          children: "First"
-        })
-      }), /* @__PURE__ */jsx(XGroup.Item, {
-        children: /* @__PURE__ */jsx(Button, {
-          size: "$3",
-          $gtSm: {
-            size: "$5"
-          },
-          icon: Airplay,
-          children: "Second"
-        })
-      })]
-    }), /* @__PURE__ */jsxs(YGroup, {
-      children: [/* @__PURE__ */jsx(YGroup.Item, {
-        children: /* @__PURE__ */jsx(ListItem, {
-          borderRadius: "$6",
-          theme: "surface1",
-          title: "First"
-        })
-      }), /* @__PURE__ */jsx(Separator, {}), /* @__PURE__ */jsx(YGroup.Item, {
-        children: /* @__PURE__ */jsx(ListItem, {
-          borderRadius: "$6",
-          theme: "surface1",
-          title: "Second",
-          subTitle: "Second subtitle"
-        })
-      }), /* @__PURE__ */jsx(Separator, {}), /* @__PURE__ */jsx(YGroup.Item, {
-        children: /* @__PURE__ */jsx(ListItem, {
-          borderRadius: "$6",
-          theme: "surface1",
-          children: "Third"
-        })
-      })]
-    })]
-  });
+	return /* @__PURE__ */ jsxs(YStack, {
+		p: "3",
+		gap: "2",
+		items: "center",
+		children: [
+			/* @__PURE__ */ jsxs(Group, {
+				orientation: "horizontal",
+				children: [
+					/* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(Button, { children: "First" }) }),
+					/* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(Button, { children: "Second" }) }),
+					/* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(Button, { children: "Third" }) })
+				]
+			}),
+			/* @__PURE__ */ jsxs(XGroup, { children: [/* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(Button, {
+				size: "3",
+				icon: Activity,
+				children: "First"
+			}) }), /* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(Button, {
+				size: "3",
+				icon: Airplay,
+				children: "Second"
+			}) })] }),
+			/* @__PURE__ */ jsxs(YGroup, { children: [
+				/* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, {
+					borderRadius: "6",
+					theme: "level2",
+					title: "First"
+				}) }),
+				/* @__PURE__ */ jsx(Separator, {}),
+				/* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, {
+					borderRadius: "6",
+					theme: "level2",
+					title: "Second",
+					subTitle: "Second subtitle"
+				}) }),
+				/* @__PURE__ */ jsx(Separator, {}),
+				/* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, {
+					borderRadius: "6",
+					theme: "level2",
+					children: "Third"
+				}) })
+			] })
+		]
+	});
 }
+
 export { GroupDemo };
 //# sourceMappingURL=GroupDemo.mjs.map

package/dist/esm/GroupDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Activity","Airplay","Button","Group","ListItem","Separator","XGroup","YGroup","YStack","jsx","jsxs","GroupDemo","p","gap","items","children","orientation","Item","size","$gtSm","icon","borderRadius","theme","title","subTitle"],"sources":["../../src/GroupDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,EAAUC,OAAA,QAAe;AAClC,SAASC,MAAA,EAAQC,KAAA,EAAOC,QAAA,EAAUC,SAAA,EAAWC,MAAA,EAAQC,MAAA,EAAQC,MAAA,QAAc;AAKrE,SAEIC,GAAA,EAFJC,IAAA;AAHC,SAASC,UAAA,EAAY;EAC1B,OACE,eAAAD,IAAA,CAACF,MAAA;IAAOI,CAAA,EAAE;IAAKC,GAAA,EAAI;IAAKC,KAAA,EAAM;IAC5BC,QAAA,kBAAAL,IAAA,CAACP,KAAA;MAAMa,WAAA,EAAY;MACjBD,QAAA,kBAAAN,GAAA,CAACN,KAAA,CAAMc,IAAA,EAAN;QACCF,QAAA,iBAAAN,GAAA,CAACP,MAAA;UAAOa,QAAA;QAAA,CAAK;MAAA,CACf,GACA,eAAAN,GAAA,CAACN,KAAA,CAAMc,IAAA,EAAN;QACCF,QAAA,iBAAAN,GAAA,CAACP,MAAA;UAAOa,QAAA;QAAA,CAAM;MAAA,CAChB,GACA,eAAAN,GAAA,CAACN,KAAA,CAAMc,IAAA,EAAN;QACCF,QAAA,iBAAAN,GAAA,CAACP,MAAA;UAAOa,QAAA;QAAA,CAAK;MAAA,CACf;IAAA,CACF,GAGA,eAAAL,IAAA,CAACJ,MAAA;MACCS,QAAA,kBAAAN,GAAA,CAACH,MAAA,CAAOW,IAAA,EAAP;QACCF,QAAA,iBAAAN,GAAA,CAACP,MAAA;UAAOgB,IAAA,EAAK;UAAKC,KAAA,EAAO;YAAED,IAAA,EAAM;UAAK;UAAGE,IAAA,EAAMpB,QAAA;UAAUe,QAAA;QAAA,CAEzD;MAAA,CACF,GACA,eAAAN,GAAA,CAACH,MAAA,CAAOW,IAAA,EAAP;QACCF,QAAA,iBAAAN,GAAA,CAACP,MAAA;UAAOgB,IAAA,EAAK;UAAKC,KAAA,EAAO;YAAED,IAAA,EAAM;UAAK;UAAGE,IAAA,EAAMnB,OAAA;UAASc,QAAA;QAAA,CAExD;MAAA,CACF;IAAA,CACF,GAGA,eAAAL,IAAA,CAACH,MAAA;MACCQ,QAAA,kBAAAN,GAAA,CAACF,MAAA,CAAOU,IAAA,EAAP;QACCF,QAAA,iBAAAN,GAAA,CAACL,QAAA;UAASiB,YAAA,EAAa;UAAKC,KAAA,EAAM;UAAWC,KAAA,EAAM;QAAA,CAAQ;MAAA,CAC7D,GACA,eAAAd,GAAA,CAACJ,SAAA,IAAU,GACX,eAAAI,GAAA,CAACF,MAAA,CAAOU,IAAA,EAAP;QACCF,QAAA,iBAAAN,GAAA,CAACL,QAAA;UACCiB,YAAA,EAAa;UACbC,KAAA,EAAM;UACNC,KAAA,EAAM;UACNC,QAAA,EAAS;QAAA,CACX;MAAA,CACF,GACA,eAAAf,GAAA,CAACJ,SAAA,IAAU,GACX,eAAAI,GAAA,CAACF,MAAA,CAAOU,IAAA,EAAP;QACCF,QAAA,iBAAAN,GAAA,CAACL,QAAA;UAASiB,YAAA,EAAa;UAAKC,KAAA,EAAM;UAAWP,QAAA;QAAA,CAE7C;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"file":"GroupDemo.js","names":[],"sources":["esm/GroupDemo.js"],"sourcesContent":["import { Activity, Airplay } from \"@tamagui/lucide-icons-2\";\nimport { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from \"tamagui\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nfunction GroupDemo() {\n  return /* @__PURE__ */ jsxs(YStack, { p: \"3\", gap: \"2\", items: \"center\", children: [\n    /* @__PURE__ */ jsxs(Group, { orientation: \"horizontal\", children: [\n      /* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(Button, { children: \"First\" }) }),\n      /* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(Button, { children: \"Second\" }) }),\n      /* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(Button, { children: \"Third\" }) })\n    ] }),\n    /* @__PURE__ */ jsxs(XGroup, { children: [\n      /* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(Button, { size: \"3\", icon: Activity, children: \"First\" }) }),\n      /* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(Button, { size: \"3\", icon: Airplay, children: \"Second\" }) })\n    ] }),\n    /* @__PURE__ */ jsxs(YGroup, { children: [\n      /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, { borderRadius: \"6\", theme: \"level2\", title: \"First\" }) }),\n      /* @__PURE__ */ jsx(Separator, {}),\n      /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(\n        ListItem,\n        {\n          borderRadius: \"6\",\n          theme: \"level2\",\n          title: \"Second\",\n          subTitle: \"Second subtitle\"\n        }\n      ) }),\n      /* @__PURE__ */ jsx(Separator, {}),\n      /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, { borderRadius: \"6\", theme: \"level2\", children: \"Third\" }) })\n    ] })\n  ] });\n}\nexport {\n  GroupDemo\n};\n//# sourceMappingURL=GroupDemo.js.map\n"],"mappings":";;;;;AAGA,SAAS,YAAY;CACnB,OAAuB,qBAAK,QAAQ;EAAE,GAAG;EAAK,KAAK;EAAK,OAAO;EAAU,UAAU;GACjE,qBAAK,OAAO;IAAE,aAAa;IAAc,UAAU;KACjD,oBAAI,MAAM,MAAM,EAAE,UAA0B,oBAAI,QAAQ,EAAE,UAAU,QAAQ,CAAC,EAAE,CAAC;KAChF,oBAAI,MAAM,MAAM,EAAE,UAA0B,oBAAI,QAAQ,EAAE,UAAU,SAAS,CAAC,EAAE,CAAC;KACjF,oBAAI,MAAM,MAAM,EAAE,UAA0B,oBAAI,QAAQ,EAAE,UAAU,QAAQ,CAAC,EAAE,CAAC;IAClG;GAAE,CAAC;GACa,qBAAK,QAAQ,EAAE,UAAU,CACvB,oBAAI,OAAO,MAAM,EAAE,UAA0B,oBAAI,QAAQ;IAAE,MAAM;IAAK,MAAM;IAAU,UAAU;GAAQ,CAAC,EAAE,CAAC,GAC5G,oBAAI,OAAO,MAAM,EAAE,UAA0B,oBAAI,QAAQ;IAAE,MAAM;IAAK,MAAM;IAAS,UAAU;GAAS,CAAC,EAAE,CAAC,CAC9H,EAAE,CAAC;GACa,qBAAK,QAAQ,EAAE,UAAU;IACvB,oBAAI,OAAO,MAAM,EAAE,UAA0B,oBAAI,UAAU;KAAE,cAAc;KAAK,OAAO;KAAU,OAAO;IAAQ,CAAC,EAAE,CAAC;IACpH,oBAAI,WAAW,CAAC,CAAC;IACjB,oBAAI,OAAO,MAAM,EAAE,UAA0B,oBAC3D,UACA;KACE,cAAc;KACd,OAAO;KACP,OAAO;KACP,UAAU;IACZ,CACF,EAAE,CAAC;IACa,oBAAI,WAAW,CAAC,CAAC;IACjB,oBAAI,OAAO,MAAM,EAAE,UAA0B,oBAAI,UAAU;KAAE,cAAc;KAAK,OAAO;KAAU,UAAU;IAAQ,CAAC,EAAE,CAAC;GACzI,EAAE,CAAC;EACL;CAAE,CAAC;AACL"}

package/dist/esm/GroupDemo.native.js

@@ -1,71 +1,53 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Activity, Airplay } from "@tamagui/lucide-icons-2";
 import { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from "tamagui";
+
 function GroupDemo() {
-  return /* @__PURE__ */_jsxs(YStack, {
-    p: "$3",
-    gap: "$2",
-    items: "center",
-    children: [/* @__PURE__ */_jsxs(Group, {
-      orientation: "horizontal",
-      children: [/* @__PURE__ */_jsx(Group.Item, {
-        children: /* @__PURE__ */_jsx(Button, {
-          children: "First"
-        })
-      }), /* @__PURE__ */_jsx(Group.Item, {
-        children: /* @__PURE__ */_jsx(Button, {
-          children: "Second"
-        })
-      }), /* @__PURE__ */_jsx(Group.Item, {
-        children: /* @__PURE__ */_jsx(Button, {
-          children: "Third"
-        })
-      })]
-    }), /* responsive size - children control their own size/radius */
-    /* @__PURE__ */_jsxs(XGroup, {
-      children: [/* @__PURE__ */_jsx(XGroup.Item, {
-        children: /* @__PURE__ */_jsx(Button, {
-          size: "$3",
-          $gtSm: {
-            size: "$5"
-          },
-          icon: Activity,
-          children: "First"
-        })
-      }), /* @__PURE__ */_jsx(XGroup.Item, {
-        children: /* @__PURE__ */_jsx(Button, {
-          size: "$3",
-          $gtSm: {
-            size: "$5"
-          },
-          icon: Airplay,
-          children: "Second"
-        })
-      })]
-    }), /* with separators - add them between items */
-    /* @__PURE__ */_jsxs(YGroup, {
-      children: [/* @__PURE__ */_jsx(YGroup.Item, {
-        children: /* @__PURE__ */_jsx(ListItem, {
-          borderRadius: "$6",
-          theme: "surface1",
-          title: "First"
-        })
-      }), /* @__PURE__ */_jsx(Separator, {}), /* @__PURE__ */_jsx(YGroup.Item, {
-        children: /* @__PURE__ */_jsx(ListItem, {
-          borderRadius: "$6",
-          theme: "surface1",
-          title: "Second",
-          subTitle: "Second subtitle"
-        })
-      }), /* @__PURE__ */_jsx(Separator, {}), /* @__PURE__ */_jsx(YGroup.Item, {
-        children: /* @__PURE__ */_jsx(ListItem, {
-          borderRadius: "$6",
-          theme: "surface1",
-          children: "Third"
-        })
-      })]
-    })]
-  });
+	return /* @__PURE__ */ jsxs(YStack, {
+		p: "3",
+		gap: "2",
+		items: "center",
+		children: [
+			/* @__PURE__ */ jsxs(Group, {
+				orientation: "horizontal",
+				children: [
+					/* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(Button, { children: "First" }) }),
+					/* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(Button, { children: "Second" }) }),
+					/* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(Button, { children: "Third" }) })
+				]
+			}),
+			/* @__PURE__ */ jsxs(XGroup, { children: [/* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(Button, {
+				size: "3",
+				icon: Activity,
+				children: "First"
+			}) }), /* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(Button, {
+				size: "3",
+				icon: Airplay,
+				children: "Second"
+			}) })] }),
+			/* @__PURE__ */ jsxs(YGroup, { children: [
+				/* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, {
+					borderRadius: "6",
+					theme: "level2",
+					title: "First"
+				}) }),
+				/* @__PURE__ */ jsx(Separator, {}),
+				/* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, {
+					borderRadius: "6",
+					theme: "level2",
+					title: "Second",
+					subTitle: "Second subtitle"
+				}) }),
+				/* @__PURE__ */ jsx(Separator, {}),
+				/* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, {
+					borderRadius: "6",
+					theme: "level2",
+					children: "Third"
+				}) })
+			] })
+		]
+	});
 }
+
 export { GroupDemo };
 //# sourceMappingURL=GroupDemo.native.js.map

package/dist/esm/GroupDemo.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Activity","Airplay","Button","Group","ListItem","Separator","XGroup","YGroup","YStack","GroupDemo","p","gap","items","children","orientation","Item"],"sources":["../../src/GroupDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAU,EAAAC,IAAA,IAAAC,KAAe;AAClC,SAASC,QAAQ,EAAAC,OAAO,QAAU,yBAAmB;AAK/C,SAEIC,MAFJ,EAAAC,KAAA,EAAAC,QAAA,EAAAC,SAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAHC,SAASC,UAAA,EAAY;EAC1B,OACE,eAAAV,KAAC,CAAAS,MAAA;IACCE,CAAA;IACEC,GAAA;IAEAC,KACA;IAEAC,QACA,GAEA,eACFd,KAAA,CAAAI,KAAA;MAGAW,WAAA,cAAC;MACCD,QAAA,GAKA,eAAChB,IAAA,CAAAM,KAAO,CAAAY,IACN;QAIJF,QAAA,iBAAAhB,IAAA,CAAAK,MAAA;UAGAW,QAAA;QACE;MAGA,IACA,eAAChB,IAAA,CAAAM,KAAO,CAAAY,IACN;QAACF,QAAA,iBAAAhB,IAAA,CAAAK,MAAA;UAAAW,QAAA;QACC;MACA,IACA,eAAMhB,IAAA,CAAAM,KAAA,CAAAY,IAAA;QACNF,QAAS,iBAAAhB,IAAA,CAAAK,MAAA;UAAAW,QAAA;QAEb;MACA;IAKA,CACF,GACF;IAEJ,eAAAd,KAAA,CAAAO,MAAA","ignoreList":[]}
+{"version":3,"file":"GroupDemo.native.js","names":[],"sources":["esm/GroupDemo.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Activity, Airplay } from \"@tamagui/lucide-icons-2\";\nimport { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from \"tamagui\";\nfunction GroupDemo() {\n  return /* @__PURE__ */ _jsxs(YStack, {\n    p: \"3\",\n    gap: \"2\",\n    items: \"center\",\n    children: [\n      /* @__PURE__ */ _jsxs(Group, {\n        orientation: \"horizontal\",\n        children: [\n          /* @__PURE__ */ _jsx(Group.Item, {\n            children: /* @__PURE__ */ _jsx(Button, {\n              children: \"First\"\n            })\n          }),\n          /* @__PURE__ */ _jsx(Group.Item, {\n            children: /* @__PURE__ */ _jsx(Button, {\n              children: \"Second\"\n            })\n          }),\n          /* @__PURE__ */ _jsx(Group.Item, {\n            children: /* @__PURE__ */ _jsx(Button, {\n              children: \"Third\"\n            })\n          })\n        ]\n      }),\n      /* children control their own size and radius */\n      /* @__PURE__ */ _jsxs(XGroup, {\n        children: [\n          /* @__PURE__ */ _jsx(XGroup.Item, {\n            children: /* @__PURE__ */ _jsx(Button, {\n              size: \"3\",\n              icon: Activity,\n              children: \"First\"\n            })\n          }),\n          /* @__PURE__ */ _jsx(XGroup.Item, {\n            children: /* @__PURE__ */ _jsx(Button, {\n              size: \"3\",\n              icon: Airplay,\n              children: \"Second\"\n            })\n          })\n        ]\n      }),\n      /* with separators - add them between items */\n      /* @__PURE__ */ _jsxs(YGroup, {\n        children: [\n          /* @__PURE__ */ _jsx(YGroup.Item, {\n            children: /* @__PURE__ */ _jsx(ListItem, {\n              borderRadius: \"6\",\n              theme: \"level2\",\n              title: \"First\"\n            })\n          }),\n          /* @__PURE__ */ _jsx(Separator, {}),\n          /* @__PURE__ */ _jsx(YGroup.Item, {\n            children: /* @__PURE__ */ _jsx(ListItem, {\n              borderRadius: \"6\",\n              theme: \"level2\",\n              title: \"Second\",\n              subTitle: \"Second subtitle\"\n            })\n          }),\n          /* @__PURE__ */ _jsx(Separator, {}),\n          /* @__PURE__ */ _jsx(YGroup.Item, {\n            children: /* @__PURE__ */ _jsx(ListItem, {\n              borderRadius: \"6\",\n              theme: \"level2\",\n              children: \"Third\"\n            })\n          })\n        ]\n      })\n    ]\n  });\n}\nexport {\n  GroupDemo\n};\n//# sourceMappingURL=GroupDemo.js.map\n"],"mappings":";;;;;AAGA,SAAS,YAAY;CACnB,OAAuB,qBAAM,QAAQ;EACnC,GAAG;EACH,KAAK;EACL,OAAO;EACP,UAAU;GACQ,qBAAM,OAAO;IAC3B,aAAa;IACb,UAAU;KACQ,oBAAK,MAAM,MAAM,EAC/B,UAA0B,oBAAK,QAAQ,EACrC,UAAU,QACZ,CAAC,EACH,CAAC;KACe,oBAAK,MAAM,MAAM,EAC/B,UAA0B,oBAAK,QAAQ,EACrC,UAAU,SACZ,CAAC,EACH,CAAC;KACe,oBAAK,MAAM,MAAM,EAC/B,UAA0B,oBAAK,QAAQ,EACrC,UAAU,QACZ,CAAC,EACH,CAAC;IACH;GACF,CAAC;GAEe,qBAAM,QAAQ,EAC5B,UAAU,CACQ,oBAAK,OAAO,MAAM,EAChC,UAA0B,oBAAK,QAAQ;IACrC,MAAM;IACN,MAAM;IACN,UAAU;GACZ,CAAC,EACH,CAAC,GACe,oBAAK,OAAO,MAAM,EAChC,UAA0B,oBAAK,QAAQ;IACrC,MAAM;IACN,MAAM;IACN,UAAU;GACZ,CAAC,EACH,CAAC,CACH,EACF,CAAC;GAEe,qBAAM,QAAQ,EAC5B,UAAU;IACQ,oBAAK,OAAO,MAAM,EAChC,UAA0B,oBAAK,UAAU;KACvC,cAAc;KACd,OAAO;KACP,OAAO;IACT,CAAC,EACH,CAAC;IACe,oBAAK,WAAW,CAAC,CAAC;IAClB,oBAAK,OAAO,MAAM,EAChC,UAA0B,oBAAK,UAAU;KACvC,cAAc;KACd,OAAO;KACP,OAAO;KACP,UAAU;IACZ,CAAC,EACH,CAAC;IACe,oBAAK,WAAW,CAAC,CAAC;IAClB,oBAAK,OAAO,MAAM,EAChC,UAA0B,oBAAK,UAAU;KACvC,cAAc;KACd,OAAO;KACP,UAAU;IACZ,CAAC,EACH,CAAC;GACH,EACF,CAAC;EACH;CACF,CAAC;AACH"}

package/dist/esm/HeadingsDemo.mjs

@@ -1,22 +1,19 @@
 import { H1, H2, H3, H4, H5, H6, YStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
+
 function HeadingsDemo() {
-  return /* @__PURE__ */jsxs(YStack, {
-    self: "center",
-    children: [/* @__PURE__ */jsx(H1, {
-      children: "Heading 1"
-    }), /* @__PURE__ */jsx(H2, {
-      children: "Heading 2"
-    }), /* @__PURE__ */jsx(H3, {
-      children: "Heading 3"
-    }), /* @__PURE__ */jsx(H4, {
-      children: "Heading 4"
-    }), /* @__PURE__ */jsx(H5, {
-      children: "Heading 5"
-    }), /* @__PURE__ */jsx(H6, {
-      children: "Heading 6"
-    })]
-  });
+	return /* @__PURE__ */ jsxs(YStack, {
+		self: "center",
+		children: [
+			/* @__PURE__ */ jsx(H1, { children: "Heading 1" }),
+			/* @__PURE__ */ jsx(H2, { children: "Heading 2" }),
+			/* @__PURE__ */ jsx(H3, { children: "Heading 3" }),
+			/* @__PURE__ */ jsx(H4, { children: "Heading 4" }),
+			/* @__PURE__ */ jsx(H5, { children: "Heading 5" }),
+			/* @__PURE__ */ jsx(H6, { children: "Heading 6" })
+		]
+	});
 }
+
 export { HeadingsDemo };
 //# sourceMappingURL=HeadingsDemo.mjs.map

package/dist/esm/HeadingsDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["H1","H2","H3","H4","H5","H6","YStack","jsx","jsxs","HeadingsDemo","self","children"],"sources":["../../src/HeadingsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,EAAA,EAAIC,EAAA,EAAIC,EAAA,EAAIC,EAAA,EAAIC,EAAA,EAAIC,EAAA,EAAIC,MAAA,QAAc;AAI3C,SACEC,GAAA,EADFC,IAAA;AAFG,SAASC,aAAA,EAAe;EAC7B,OACE,eAAAD,IAAA,CAACF,MAAA;IAAOI,IAAA,EAAK;IACXC,QAAA,kBAAAJ,GAAA,CAACP,EAAA;MAAGW,QAAA;IAAA,CAAS,GACb,eAAAJ,GAAA,CAACN,EAAA;MAAGU,QAAA;IAAA,CAAS,GACb,eAAAJ,GAAA,CAACL,EAAA;MAAGS,QAAA;IAAA,CAAS,GACb,eAAAJ,GAAA,CAACJ,EAAA;MAAGQ,QAAA;IAAA,CAAS,GACb,eAAAJ,GAAA,CAACH,EAAA;MAAGO,QAAA;IAAA,CAAS,GACb,eAAAJ,GAAA,CAACF,EAAA;MAAGM,QAAA;IAAA,CAAS;EAAA,CACf;AAEJ","ignoreList":[]}
+{"version":3,"file":"HeadingsDemo.js","names":[],"sources":["esm/HeadingsDemo.js"],"sourcesContent":["import { H1, H2, H3, H4, H5, H6, YStack } from \"tamagui\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nfunction HeadingsDemo() {\n  return /* @__PURE__ */ jsxs(YStack, { self: \"center\", children: [\n    /* @__PURE__ */ jsx(H1, { children: \"Heading 1\" }),\n    /* @__PURE__ */ jsx(H2, { children: \"Heading 2\" }),\n    /* @__PURE__ */ jsx(H3, { children: \"Heading 3\" }),\n    /* @__PURE__ */ jsx(H4, { children: \"Heading 4\" }),\n    /* @__PURE__ */ jsx(H5, { children: \"Heading 5\" }),\n    /* @__PURE__ */ jsx(H6, { children: \"Heading 6\" })\n  ] });\n}\nexport {\n  HeadingsDemo\n};\n//# sourceMappingURL=HeadingsDemo.js.map\n"],"mappings":";;;;AAEA,SAAS,eAAe;CACtB,OAAuB,qBAAK,QAAQ;EAAE,MAAM;EAAU,UAAU;GAC9C,oBAAI,IAAI,EAAE,UAAU,YAAY,CAAC;GACjC,oBAAI,IAAI,EAAE,UAAU,YAAY,CAAC;GACjC,oBAAI,IAAI,EAAE,UAAU,YAAY,CAAC;GACjC,oBAAI,IAAI,EAAE,UAAU,YAAY,CAAC;GACjC,oBAAI,IAAI,EAAE,UAAU,YAAY,CAAC;GACjC,oBAAI,IAAI,EAAE,UAAU,YAAY,CAAC;EACnD;CAAE,CAAC;AACL"}

package/dist/esm/HeadingsDemo.native.js

@@ -1,22 +1,19 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { H1, H2, H3, H4, H5, H6, YStack } from "tamagui";
+
 function HeadingsDemo() {
-  return /* @__PURE__ */_jsxs(YStack, {
-    self: "center",
-    children: [/* @__PURE__ */_jsx(H1, {
-      children: "Heading 1"
-    }), /* @__PURE__ */_jsx(H2, {
-      children: "Heading 2"
-    }), /* @__PURE__ */_jsx(H3, {
-      children: "Heading 3"
-    }), /* @__PURE__ */_jsx(H4, {
-      children: "Heading 4"
-    }), /* @__PURE__ */_jsx(H5, {
-      children: "Heading 5"
-    }), /* @__PURE__ */_jsx(H6, {
-      children: "Heading 6"
-    })]
-  });
+	return /* @__PURE__ */ jsxs(YStack, {
+		self: "center",
+		children: [
+			/* @__PURE__ */ jsx(H1, { children: "Heading 1" }),
+			/* @__PURE__ */ jsx(H2, { children: "Heading 2" }),
+			/* @__PURE__ */ jsx(H3, { children: "Heading 3" }),
+			/* @__PURE__ */ jsx(H4, { children: "Heading 4" }),
+			/* @__PURE__ */ jsx(H5, { children: "Heading 5" }),
+			/* @__PURE__ */ jsx(H6, { children: "Heading 6" })
+		]
+	});
 }
+
 export { HeadingsDemo };
 //# sourceMappingURL=HeadingsDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","H1","H2","H3","H4","H5","H6","YStack","HeadingsDemo","self","children"],"sources":["../../src/HeadingsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAIC,IAAI,EAAIC,IAAI,IAAIC,KAAI,2BAAc;AAI3C,SACEC,EAAA,EAAAC,EADF,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,MAAA;AAFG,SAASC,aAAA,EAAe;EAC7B,OACE,eAAAR,KAAC,CAAAO,MAAA;IACCE,IAAA;IACAC,QAAA,GACA,eAAAZ,IAAC,CAAAG,EAAA,EAAG;MACJS,QAAA;IACA,IACA,eAAAZ,IAAC,CAAAI,EAAA,EAAG;MACNQ,QAAA;IAEJ,I","ignoreList":[]}
+{"version":3,"file":"HeadingsDemo.native.js","names":[],"sources":["esm/HeadingsDemo.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { H1, H2, H3, H4, H5, H6, YStack } from \"tamagui\";\nfunction HeadingsDemo() {\n  return /* @__PURE__ */ _jsxs(YStack, {\n    self: \"center\",\n    children: [\n      /* @__PURE__ */ _jsx(H1, {\n        children: \"Heading 1\"\n      }),\n      /* @__PURE__ */ _jsx(H2, {\n        children: \"Heading 2\"\n      }),\n      /* @__PURE__ */ _jsx(H3, {\n        children: \"Heading 3\"\n      }),\n      /* @__PURE__ */ _jsx(H4, {\n        children: \"Heading 4\"\n      }),\n      /* @__PURE__ */ _jsx(H5, {\n        children: \"Heading 5\"\n      }),\n      /* @__PURE__ */ _jsx(H6, {\n        children: \"Heading 6\"\n      })\n    ]\n  });\n}\nexport {\n  HeadingsDemo\n};\n//# sourceMappingURL=HeadingsDemo.js.map\n"],"mappings":";;;;AAEA,SAAS,eAAe;CACtB,OAAuB,qBAAM,QAAQ;EACnC,MAAM;EACN,UAAU;GACQ,oBAAK,IAAI,EACvB,UAAU,YACZ,CAAC;GACe,oBAAK,IAAI,EACvB,UAAU,YACZ,CAAC;GACe,oBAAK,IAAI,EACvB,UAAU,YACZ,CAAC;GACe,oBAAK,IAAI,EACvB,UAAU,YACZ,CAAC;GACe,oBAAK,IAAI,EACvB,UAAU,YACZ,CAAC;GACe,oBAAK,IAAI,EACvB,UAAU,YACZ,CAAC;EACH;CACF,CAAC;AACH"}

package/dist/esm/ImageDemo.mjs

@@ -1,15 +1,15 @@
 import { Image } from "@tamagui/image";
 import { Fragment, jsx } from "react/jsx-runtime";
+
 function ImageDemo() {
-  return /* @__PURE__ */jsx(Fragment, {
-    children: /* @__PURE__ */jsx(Image, {
-      src: "https://picsum.photos/200/300",
-      width: 200,
-      height: 300,
-      onLoad: () => {},
-      onLayout: e => {}
-    })
-  });
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Image, {
+		src: "https://picsum.photos/200/300",
+		width: 200,
+		height: 300,
+		onLoad: () => {},
+		onLayout: (e) => {}
+	}) });
 }
+
 export { ImageDemo };
 //# sourceMappingURL=ImageDemo.mjs.map

package/dist/esm/ImageDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Image","Fragment","jsx","ImageDemo","children","src","width","height","onLoad","onLayout","e"],"sources":["../../src/ImageDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,KAAA,QAAa;AAIlB,SAAAC,QAAA,EACEC,GAAA,QADF;AAFG,SAASC,UAAA,EAAY;EAC1B,OACE,eAAAD,GAAA,CAAAD,QAAA;IACEG,QAAA,iBAAAF,GAAA,CAACF,KAAA;MACCK,GAAA,EAAI;MACJC,KAAA,EAAO;MACPC,MAAA,EAAQ;MACRC,MAAA,EAAQA,CAAA,KAAM,CAAC;MACfC,QAAA,EAAWC,CAAA,IAAM,CAAC;IAAA,CACpB;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"file":"ImageDemo.js","names":[],"sources":["esm/ImageDemo.js"],"sourcesContent":["import { Image } from \"@tamagui/image\";\nimport { Fragment, jsx } from \"react/jsx-runtime\";\nfunction ImageDemo() {\n  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(\n    Image,\n    {\n      src: \"https://picsum.photos/200/300\",\n      width: 200,\n      height: 300,\n      onLoad: () => {\n      },\n      onLayout: (e) => {\n      }\n    }\n  ) });\n}\nexport {\n  ImageDemo\n};\n//# sourceMappingURL=ImageDemo.js.map\n"],"mappings":";;;;AAEA,SAAS,YAAY;CACnB,OAAuB,oBAAI,UAAU,EAAE,UAA0B,oBAC/D,OACA;EACE,KAAK;EACL,OAAO;EACP,QAAQ;EACR,cAAc,CACd;EACA,WAAW,MAAM,CACjB;CACF,CACF,EAAE,CAAC;AACL"}

package/dist/esm/ImageDemo.native.js

@@ -1,15 +1,15 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment, jsx } from "react/jsx-runtime";
 import { Image } from "@tamagui/image";
+
 function ImageDemo() {
-  return /* @__PURE__ */_jsx(_Fragment, {
-    children: /* @__PURE__ */_jsx(Image, {
-      src: "https://picsum.photos/200/300",
-      width: 200,
-      height: 300,
-      onLoad: function () {},
-      onLayout: function (e) {}
-    })
-  });
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Image, {
+		src: "https://picsum.photos/200/300",
+		width: 200,
+		height: 300,
+		onLoad: function() {},
+		onLayout: function(e) {}
+	}) });
 }
+
 export { ImageDemo };
 //# sourceMappingURL=ImageDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","Fragment","_Fragment","Image","ImageDemo","children","src","width","height","onLoad","onLayout","e"],"sources":["../../src/ImageDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAaC,QAAA,IAAAC,SAAA;AAIlB,SAAAC,KAAA,QACE,gBADF;AAFG,SAASC,UAAA,EAAY;EAC1B,OACE,eAAAJ,IAAA,CAAAE,SAAA,EACE;IAACG,QAAA,iBAAAL,IAAA,CAAAG,KAAA;MAAAG,GAAA;MACCC,KAAI;MACJC,MAAA,EAAO;MACPC,MAAA,EAAQ,SAAAA,CAAA,GACR;MAAeC,QAAA,WAAAA,CAAAC,CAAA,GACf;IAAiB;EAAC;AAAA;AAI1B,S","ignoreList":[]}
+{"version":3,"file":"ImageDemo.native.js","names":["_Fragment"],"sources":["esm/ImageDemo.native.js"],"sourcesContent":["import { jsx as _jsx, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { Image } from \"@tamagui/image\";\nfunction ImageDemo() {\n  return /* @__PURE__ */ _jsx(_Fragment, {\n    children: /* @__PURE__ */ _jsx(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}\nexport {\n  ImageDemo\n};\n//# sourceMappingURL=ImageDemo.js.map\n"],"mappings":";;;;AAEA,SAAS,YAAY;CACnB,OAAuB,oBAAKA,UAAW,EACrC,UAA0B,oBAAK,OAAO;EACpC,KAAK;EACL,OAAO;EACP,QAAQ;EACR,QAAQ,WAAW,CACnB;EACA,UAAU,SAAS,GAAG,CACtB;CACF,CAAC,EACH,CAAC;AACH"}

package/dist/esm/InputsDemo.mjs

@@ -1,39 +1,40 @@
 import { Button, Input, TextArea, XStack, YStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
+
 function InputsDemo() {
-  return /* @__PURE__ */jsxs(YStack, {
-    width: 200,
-    minH: 250,
-    overflow: "hidden",
-    gap: "$2",
-    m: "$3",
-    p: "$2",
-    children: [/* @__PURE__ */jsx(InputDemo, {
-      size: "$2"
-    }), /* @__PURE__ */jsx(InputDemo, {
-      size: "$3"
-    }), /* @__PURE__ */jsx(InputDemo, {
-      size: "$4"
-    }), /* @__PURE__ */jsx(TextArea, {
-      theme: "surface1",
-      placeholder: "Enter your details..."
-    })]
-  });
+	return /* @__PURE__ */ jsxs(YStack, {
+		width: 200,
+		minH: 250,
+		overflow: "hidden",
+		gap: "2",
+		m: "3",
+		p: "2",
+		children: [
+			/* @__PURE__ */ jsx(InputDemo, { size: "2" }),
+			/* @__PURE__ */ jsx(InputDemo, { size: "3" }),
+			/* @__PURE__ */ jsx(InputDemo, { size: "4" }),
+			/* @__PURE__ */ jsx(TextArea, {
+				theme: "surface1",
+				placeholder: "Enter your details..."
+			})
+		]
+	});
 }
 function InputDemo(props) {
-  return /* @__PURE__ */jsxs(XStack, {
-    items: "center",
-    gap: "$2",
-    children: [/* @__PURE__ */jsx(Input, {
-      theme: "surface1",
-      flex: 1,
-      size: props.size,
-      placeholder: `Size ${props.size}...`
-    }), /* @__PURE__ */jsx(Button, {
-      size: props.size,
-      children: "Go"
-    })]
-  });
+	return /* @__PURE__ */ jsxs(XStack, {
+		items: "center",
+		gap: "2",
+		children: [/* @__PURE__ */ jsx(Input, {
+			theme: "surface1",
+			flex: 1,
+			size: props.size,
+			placeholder: `Size ${props.size}...`
+		}), /* @__PURE__ */ jsx(Button, {
+			size: props.size,
+			children: "Go"
+		})]
+	});
 }
+
 export { InputsDemo };
 //# sourceMappingURL=InputsDemo.mjs.map