@tamagui/demos 1.88.1 → 1.88.2

package/dist/jsx/GroupDemo.native.js

@@ -1,30 +1,44 @@
-import { Activity, Airplay } from "@tamagui/lucide-icons";
-import { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from "tamagui";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var GroupDemo_exports = {};
+__export(GroupDemo_exports, {
+  GroupDemo: () => GroupDemo
+});
+module.exports = __toCommonJS(GroupDemo_exports);
+var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
 function GroupDemo() {
-  return <YStack padding="$3" space="$2" alignItems="center">
-    <Group orientation="horizontal">
-      <Group.Item><Button>First</Button></Group.Item>
-      <Group.Item><Button>Second</Button></Group.Item>
-      <Group.Item><Button>Third</Button></Group.Item>
-    </Group>
-    {
-      /* responsive + size */
-    }
-    <XGroup size="$3" $gtSm={{ size: "$5" }}>
-      <XGroup.Item><Button size="$3" icon={Activity}>First</Button></XGroup.Item>
-      <XGroup.Item><Button size="$3" icon={Airplay}>Second</Button></XGroup.Item>
-    </XGroup>
-    {
-      /* Separator */
-    }
-    <YGroup separator={<Separator />}>
-      <YGroup.Item><ListItem title="First" /></YGroup.Item>
-      <YGroup.Item><ListItem title="Second" subTitle="Second subtitle" /></YGroup.Item>
-      <YGroup.Item><ListItem>Third</ListItem></YGroup.Item>
-    </YGroup>
-  </YStack>;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { padding: "$3", space: "$2", alignItems: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Group, { orientation: "horizontal", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Group.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "First" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Group.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Second" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Group.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Third" }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XGroup, { size: "$3", $gtSm: { size: "$5" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$3", icon: import_lucide_icons.Activity, children: "First" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$3", icon: import_lucide_icons.Airplay, children: "Second" }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YGroup, { separator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, { title: "First" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, { title: "Second", subTitle: "Second subtitle" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, { children: "Third" }) })
+    ] })
+  ] });
 }
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   GroupDemo
-};
+});
 //# sourceMappingURL=GroupDemo.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/GroupDemo.tsx"],
-  "mappings": "AAAA,SAAS,UAAU,eAAe;AAClC,SAAS,QAAQ,OAAO,UAAU,WAAW,QAAQ,QAAQ,cAAc;AAEpE,SAAS,YAAY;AAC1B,SACE,CAAC,OAAO,QAAQ,KAAK,MAAM,KAAK,WAAW;AAAA,IACzC,CAAC,MAAM,YAAY;AAAA,MACjB,CAAC,MAAM,KACL,CAAC,OAAO,KAAK,EAAZ,OACH,EAFC,MAAM;AAAA,MAGP,CAAC,MAAM,KACL,CAAC,OAAO,MAAM,EAAb,OACH,EAFC,MAAM;AAAA,MAGP,CAAC,MAAM,KACL,CAAC,OAAO,KAAK,EAAZ,OACH,EAFC,MAAM;AAAA,IAGT,EAVC;AAAA;AAAA;AAAA;AAAA,IAaD,CAAC,OAAO,KAAK,KAAK,OAAO,EAAE,MAAM,KAAK;AAAA,MACpC,CAAC,OAAO,KACN,CAAC,OAAO,KAAK,KAAK,MAAM,UAAU,KAElC,EAFC,OAGH,EAJC,OAAO;AAAA,MAKR,CAAC,OAAO,KACN,CAAC,OAAO,KAAK,KAAK,MAAM,SAAS,MAEjC,EAFC,OAGH,EAJC,OAAO;AAAA,IAKV,EAXC;AAAA;AAAA;AAAA;AAAA,IAcD,CAAC,OAAO,WAAW,CAAC,UAAU;AAAA,MAC5B,CAAC,OAAO,KACN,CAAC,SAAS,MAAM,QAAQ,EAC1B,EAFC,OAAO;AAAA,MAGR,CAAC,OAAO,KACN,CAAC,SAAS,MAAM,SAAS,SAAS,kBAAkB,EACtD,EAFC,OAAO;AAAA,MAGR,CAAC,OAAO,KACN,CAAC,SAAS,KAAK,EAAd,SACH,EAFC,OAAO;AAAA,IAGV,EAVC;AAAA,EAWH,EAvCC;AAyCL;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAkC,kCAClC,iBAA2E,oBAKrE;AAHC,SAAS,YAAY;AAC1B,SACE,6CAAC,yBAAO,SAAQ,MAAK,OAAM,MAAK,YAAW,UACzC;AAAA,iDAAC,wBAAM,aAAY,cACjB;AAAA,kDAAC,qBAAM,MAAN,EACC,sDAAC,yBAAO,mBAAK,GACf;AAAA,MACA,4CAAC,qBAAM,MAAN,EACC,sDAAC,yBAAO,oBAAM,GAChB;AAAA,MACA,4CAAC,qBAAM,MAAN,EACC,sDAAC,yBAAO,mBAAK,GACf;AAAA,OACF;AAAA,IAGA,6CAAC,yBAAO,MAAK,MAAK,OAAO,EAAE,MAAM,KAAK,GACpC;AAAA,kDAAC,sBAAO,MAAP,EACC,sDAAC,yBAAO,MAAK,MAAK,MAAM,8BAAU,mBAElC,GACF;AAAA,MACA,4CAAC,sBAAO,MAAP,EACC,sDAAC,yBAAO,MAAK,MAAK,MAAM,6BAAS,oBAEjC,GACF;AAAA,OACF;AAAA,IAGA,6CAAC,yBAAO,WAAW,4CAAC,4BAAU,GAC5B;AAAA,kDAAC,sBAAO,MAAP,EACC,sDAAC,2BAAS,OAAM,SAAQ,GAC1B;AAAA,MACA,4CAAC,sBAAO,MAAP,EACC,sDAAC,2BAAS,OAAM,UAAS,UAAS,mBAAkB,GACtD;AAAA,MACA,4CAAC,sBAAO,MAAP,EACC,sDAAC,2BAAS,mBAAK,GACjB;AAAA,OACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/jsx/HeadingsDemo.js

@@ -1,13 +1,14 @@
 import { H1, H2, H3, H4, H5, H6, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 function HeadingsDemo() {
-  return <YStack alignSelf="center">
-    <H1>Heading 1</H1>
-    <H2>Heading 2</H2>
-    <H3>Heading 3</H3>
-    <H4>Heading 4</H4>
-    <H5>Heading 5</H5>
-    <H6>Heading 6</H6>
-  </YStack>;
+  return /* @__PURE__ */ jsxs(YStack, { alignSelf: "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

package/dist/jsx/HeadingsDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/HeadingsDemo.tsx"],
-  "mappings": "AACA,SAAS,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,cAAc;AAExC,SAAS,eAAe;AAC7B,SACE,CAAC,OAAO,UAAU;AAAA,IAChB,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,EACH,EAPC;AASL;",
+  "mappings": "AACA,SAAS,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,cAAc;AAI3C,SACE,KADF;AAFG,SAAS,eAAe;AAC7B,SACE,qBAAC,UAAO,WAAU,UAChB;AAAA,wBAAC,MAAG,uBAAS;AAAA,IACb,oBAAC,MAAG,uBAAS;AAAA,IACb,oBAAC,MAAG,uBAAS;AAAA,IACb,oBAAC,MAAG,uBAAS;AAAA,IACb,oBAAC,MAAG,uBAAS;AAAA,IACb,oBAAC,MAAG,uBAAS;AAAA,KACf;AAEJ;",
   "names": []
 }

package/dist/jsx/HeadingsDemo.native.js

@@ -1,15 +1,36 @@
-import { H1, H2, H3, H4, H5, H6, YStack } from "tamagui";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var HeadingsDemo_exports = {};
+__export(HeadingsDemo_exports, {
+  HeadingsDemo: () => HeadingsDemo
+});
+module.exports = __toCommonJS(HeadingsDemo_exports);
+var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
 function HeadingsDemo() {
-  return <YStack alignSelf="center">
-    <H1>Heading 1</H1>
-    <H2>Heading 2</H2>
-    <H3>Heading 3</H3>
-    <H4>Heading 4</H4>
-    <H5>Heading 5</H5>
-    <H6>Heading 6</H6>
-  </YStack>;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { alignSelf: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H1, { children: "Heading 1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, { children: "Heading 2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H3, { children: "Heading 3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H4, { children: "Heading 4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { children: "Heading 5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H6, { children: "Heading 6" })
+  ] });
 }
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   HeadingsDemo
-};
+});
 //# sourceMappingURL=HeadingsDemo.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/HeadingsDemo.tsx"],
-  "mappings": "AACA,SAAS,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,cAAc;AAExC,SAAS,eAAe;AAC7B,SACE,CAAC,OAAO,UAAU;AAAA,IAChB,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,EACH,EAPC;AASL;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAA+C,oBAI3C;AAFG,SAAS,eAAe;AAC7B,SACE,6CAAC,yBAAO,WAAU,UAChB;AAAA,gDAAC,qBAAG,uBAAS;AAAA,IACb,4CAAC,qBAAG,uBAAS;AAAA,IACb,4CAAC,qBAAG,uBAAS;AAAA,IACb,4CAAC,qBAAG,uBAAS;AAAA,IACb,4CAAC,qBAAG,uBAAS;AAAA,IACb,4CAAC,qBAAG,uBAAS;AAAA,KACf;AAEJ;",
   "names": []
 }

package/dist/jsx/ImageDemo.js

@@ -1,12 +1,16 @@
 import { Image } from "tamagui";
+import { jsx } from "react/jsx-runtime";
 function ImageDemo() {
-  return <Image
-    source={{
-      uri: "https://placekitten.com/200/300",
-      width: 200,
-      height: 300
-    }}
-  />;
+  return /* @__PURE__ */ jsx(
+    Image,
+    {
+      source: {
+        uri: "https://placekitten.com/200/300",
+        width: 200,
+        height: 300
+      }
+    }
+  );
 }
 export {
   ImageDemo

package/dist/jsx/ImageDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ImageDemo.tsx"],
-  "mappings": "AAAA,SAAS,aAAa;AAEf,SAAS,YAAY;AAC1B,SACE,CAAC;AAAA,IACC,QAAQ;AAAA,MACN,KAAK;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,EACF;AAEJ;",
+  "mappings": "AAAA,SAAS,aAAa;AAIlB;AAFG,SAAS,YAAY;AAC1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ;AAAA,QACN,KAAK;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/dist/jsx/ImageDemo.native.js

@@ -1,14 +1,38 @@
-import { Image } from "tamagui";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var ImageDemo_exports = {};
+__export(ImageDemo_exports, {
+  ImageDemo: () => ImageDemo
+});
+module.exports = __toCommonJS(ImageDemo_exports);
+var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
 function ImageDemo() {
-  return <Image
-    source={{
-      uri: "https://placekitten.com/200/300",
-      width: 200,
-      height: 300
-    }}
-  />;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_tamagui.Image,
+    {
+      source: {
+        uri: "https://placekitten.com/200/300",
+        width: 200,
+        height: 300
+      }
+    }
+  );
 }
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   ImageDemo
-};
+});
 //# sourceMappingURL=ImageDemo.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ImageDemo.tsx"],
-  "mappings": "AAAA,SAAS,aAAa;AAEf,SAAS,YAAY;AAC1B,SACE,CAAC;AAAA,IACC,QAAQ;AAAA,MACN,KAAK;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,EACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAsB,oBAIlB;AAFG,SAAS,YAAY;AAC1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ;AAAA,QACN,KAAK;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/dist/jsx/InputsDemo.js

@@ -1,24 +1,29 @@
 import { Button, Input, TextArea, XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 function InputsDemo() {
-  return <YStack
-    width={200}
-    minHeight={250}
-    overflow="hidden"
-    space="$2"
-    margin="$3"
-    padding="$2"
-  >
-    <InputDemo size="$2" />
-    <InputDemo size="$3" />
-    <InputDemo size="$4" />
-    <TextArea placeholder="Enter your details..." />
-  </YStack>;
+  return /* @__PURE__ */ jsxs(
+    YStack,
+    {
+      width: 200,
+      minHeight: 250,
+      overflow: "hidden",
+      space: "$2",
+      margin: "$3",
+      padding: "$2",
+      children: [
+        /* @__PURE__ */ jsx(InputDemo, { size: "$2" }),
+        /* @__PURE__ */ jsx(InputDemo, { size: "$3" }),
+        /* @__PURE__ */ jsx(InputDemo, { size: "$4" }),
+        /* @__PURE__ */ jsx(TextArea, { placeholder: "Enter your details..." })
+      ]
+    }
+  );
 }
 function InputDemo(props) {
-  return <XStack alignItems="center" space="$2">
-    <Input flex={1} size={props.size} placeholder={`Size ${props.size}...`} />
-    <Button size={props.size}>Go</Button>
-  </XStack>;
+  return /* @__PURE__ */ jsxs(XStack, { alignItems: "center", space: "$2", children: [
+    /* @__PURE__ */ jsx(Input, { flex: 1, size: props.size, placeholder: `Size ${props.size}...` }),
+    /* @__PURE__ */ jsx(Button, { size: props.size, children: "Go" })
+  ] });
 }
 export {
   InputsDemo

package/dist/jsx/InputsDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/InputsDemo.tsx"],
-  "mappings": "AAAA,SAAS,QAAQ,OAAmB,UAAU,QAAQ,cAAc;AAE7D,SAAS,aAAa;AAC3B,SACE,CAAC;AAAA,IACC,OAAO;AAAA,IACP,WAAW;AAAA,IACX,SAAS;AAAA,IACT,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA;AAAA,IAER,CAAC,UAAU,KAAK,KAAK;AAAA,IACrB,CAAC,UAAU,KAAK,KAAK;AAAA,IACrB,CAAC,UAAU,KAAK,KAAK;AAAA,IACrB,CAAC,SAAS,YAAY,wBAAwB;AAAA,EAChD,EAZC;AAcL;AAEA,SAAS,UAAU,OAA6B;AAC9C,SACE,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,IAChC,CAAC,MAAM,MAAM,GAAG,MAAM,MAAM,MAAM,aAAa,QAAQ,MAAM,IAAI,OAAO;AAAA,IACxE,CAAC,OAAO,MAAM,MAAM,MAAM,EAAE,EAA3B;AAAA,EACH,EAHC;AAKL;",
+  "mappings": "AAAA,SAAS,QAAQ,OAAmB,UAAU,QAAQ,cAAc;AAIhE,SAQE,KARF;AAFG,SAAS,aAAa;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,WAAW;AAAA,MACX,UAAS;AAAA,MACT,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MAER;AAAA,4BAAC,aAAU,MAAK,MAAK;AAAA,QACrB,oBAAC,aAAU,MAAK,MAAK;AAAA,QACrB,oBAAC,aAAU,MAAK,MAAK;AAAA,QACrB,oBAAC,YAAS,aAAY,yBAAwB;AAAA;AAAA;AAAA,EAChD;AAEJ;AAEA,SAAS,UAAU,OAA6B;AAC9C,SACE,qBAAC,UAAO,YAAW,UAAS,OAAM,MAChC;AAAA,wBAAC,SAAM,MAAM,GAAG,MAAM,MAAM,MAAM,aAAa,QAAQ,MAAM,IAAI,OAAO;AAAA,IACxE,oBAAC,UAAO,MAAM,MAAM,MAAM,gBAAE;AAAA,KAC9B;AAEJ;",
   "names": []
 }

package/dist/jsx/InputsDemo.native.js

@@ -1,26 +1,51 @@
-import { Button, Input, TextArea, XStack, YStack } from "tamagui";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var InputsDemo_exports = {};
+__export(InputsDemo_exports, {
+  InputsDemo: () => InputsDemo
+});
+module.exports = __toCommonJS(InputsDemo_exports);
+var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
 function InputsDemo() {
-  return <YStack
-    width={200}
-    minHeight={250}
-    overflow="hidden"
-    space="$2"
-    margin="$3"
-    padding="$2"
-  >
-    <InputDemo size="$2" />
-    <InputDemo size="$3" />
-    <InputDemo size="$4" />
-    <TextArea placeholder="Enter your details..." />
-  </YStack>;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_tamagui.YStack,
+    {
+      width: 200,
+      minHeight: 250,
+      overflow: "hidden",
+      space: "$2",
+      margin: "$3",
+      padding: "$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, { placeholder: "Enter your details..." })
+      ]
+    }
+  );
 }
 function InputDemo(props) {
-  return <XStack alignItems="center" space="$2">
-    <Input flex={1} size={props.size} placeholder={`Size ${props.size}...`} />
-    <Button size={props.size}>Go</Button>
-  </XStack>;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { alignItems: "center", space: "$2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { flex: 1, size: props.size, placeholder: `Size ${props.size}...` }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: props.size, children: "Go" })
+  ] });
 }
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   InputsDemo
-};
+});
 //# sourceMappingURL=InputsDemo.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/InputsDemo.tsx"],
-  "mappings": "AAAA,SAAS,QAAQ,OAAmB,UAAU,QAAQ,cAAc;AAE7D,SAAS,aAAa;AAC3B,SACE,CAAC;AAAA,IACC,OAAO;AAAA,IACP,WAAW;AAAA,IACX,SAAS;AAAA,IACT,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA;AAAA,IAER,CAAC,UAAU,KAAK,KAAK;AAAA,IACrB,CAAC,UAAU,KAAK,KAAK;AAAA,IACrB,CAAC,UAAU,KAAK,KAAK;AAAA,IACrB,CAAC,SAAS,YAAY,wBAAwB;AAAA,EAChD,EAZC;AAcL;AAEA,SAAS,UAAU,OAA6B;AAC9C,SACE,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,IAChC,CAAC,MAAM,MAAM,GAAG,MAAM,MAAM,MAAM,aAAa,QAAQ,MAAM,IAAI,OAAO;AAAA,IACxE,CAAC,OAAO,MAAM,MAAM,MAAM,EAAE,EAA3B;AAAA,EACH,EAHC;AAKL;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAoE,oBAIhE;AAFG,SAAS,aAAa;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,WAAW;AAAA,MACX,UAAS;AAAA,MACT,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MAER;AAAA,oDAAC,aAAU,MAAK,MAAK;AAAA,QACrB,4CAAC,aAAU,MAAK,MAAK;AAAA,QACrB,4CAAC,aAAU,MAAK,MAAK;AAAA,QACrB,4CAAC,2BAAS,aAAY,yBAAwB;AAAA;AAAA;AAAA,EAChD;AAEJ;AAEA,SAAS,UAAU,OAA6B;AAC9C,SACE,6CAAC,yBAAO,YAAW,UAAS,OAAM,MAChC;AAAA,gDAAC,wBAAM,MAAM,GAAG,MAAM,MAAM,MAAM,aAAa,QAAQ,MAAM,IAAI,OAAO;AAAA,IACxE,4CAAC,yBAAO,MAAM,MAAM,MAAM,gBAAE;AAAA,KAC9B;AAEJ;",
   "names": []
 }

package/dist/jsx/LabelDemo.js

@@ -1,15 +1,16 @@
 import { Input, Label, Switch, XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 function LabelDemo() {
-  return <YStack padding="$3" minWidth={300} space="$4">
-    <XStack alignItems="center" space="$4">
-      <Label width={90} htmlFor="name">Name</Label>
-      <Input flex={1} id="name" defaultValue="Nate Wienert" />
-    </XStack>
-    <XStack alignItems="center" space="$4">
-      <Label width={90} htmlFor="notify">Notifications</Label>
-      <Switch id="notify"><Switch.Thumb animation="quick" /></Switch>
-    </XStack>
-  </YStack>;
+  return /* @__PURE__ */ jsxs(YStack, { padding: "$3", minWidth: 300, space: "$4", children: [
+    /* @__PURE__ */ jsxs(XStack, { alignItems: "center", space: "$4", children: [
+      /* @__PURE__ */ jsx(Label, { width: 90, htmlFor: "name", children: "Name" }),
+      /* @__PURE__ */ jsx(Input, { flex: 1, id: "name", defaultValue: "Nate Wienert" })
+    ] }),
+    /* @__PURE__ */ jsxs(XStack, { alignItems: "center", space: "$4", children: [
+      /* @__PURE__ */ jsx(Label, { width: 90, htmlFor: "notify", children: "Notifications" }),
+      /* @__PURE__ */ jsx(Switch, { id: "notify", children: /* @__PURE__ */ jsx(Switch.Thumb, { animation: "quick" }) })
+    ] })
+  ] });
 }
 export {
   LabelDemo

package/dist/jsx/LabelDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/LabelDemo.tsx"],
-  "mappings": "AAAA,SAAS,OAAO,OAAO,QAAQ,QAAQ,cAAc;AAE9C,SAAS,YAAY;AAC1B,SACE,CAAC,OAAO,QAAQ,KAAK,UAAU,KAAK,MAAM;AAAA,IACxC,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,MAChC,CAAC,MAAM,OAAO,IAAI,QAAQ,OAAO,IAEjC,EAFC;AAAA,MAGD,CAAC,MAAM,MAAM,GAAG,GAAG,OAAO,aAAa,eAAe;AAAA,IACxD,EALC;AAAA,IAOD,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,MAChC,CAAC,MAAM,OAAO,IAAI,QAAQ,SAAS,aAEnC,EAFC;AAAA,MAGD,CAAC,OAAO,GAAG,SACT,CAAC,OAAO,MAAM,UAAU,QAAQ,EAClC,EAFC;AAAA,IAGH,EAPC;AAAA,EAQH,EAhBC;AAkBL;",
+  "mappings": "AAAA,SAAS,OAAO,OAAO,QAAQ,QAAQ,cAAc;AAK/C,SACE,KADF;AAHC,SAAS,YAAY;AAC1B,SACE,qBAAC,UAAO,SAAQ,MAAK,UAAU,KAAK,OAAM,MACxC;AAAA,yBAAC,UAAO,YAAW,UAAS,OAAM,MAChC;AAAA,0BAAC,SAAM,OAAO,IAAI,SAAQ,QAAO,kBAEjC;AAAA,MACA,oBAAC,SAAM,MAAM,GAAG,IAAG,QAAO,cAAa,gBAAe;AAAA,OACxD;AAAA,IAEA,qBAAC,UAAO,YAAW,UAAS,OAAM,MAChC;AAAA,0BAAC,SAAM,OAAO,IAAI,SAAQ,UAAS,2BAEnC;AAAA,MACA,oBAAC,UAAO,IAAG,UACT,8BAAC,OAAO,OAAP,EAAa,WAAU,SAAQ,GAClC;AAAA,OACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/jsx/LabelDemo.native.js

@@ -1,17 +1,38 @@
-import { Input, Label, Switch, XStack, YStack } from "tamagui";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var LabelDemo_exports = {};
+__export(LabelDemo_exports, {
+  LabelDemo: () => LabelDemo
+});
+module.exports = __toCommonJS(LabelDemo_exports);
+var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
 function LabelDemo() {
-  return <YStack padding="$3" minWidth={300} space="$4">
-    <XStack alignItems="center" space="$4">
-      <Label width={90} htmlFor="name">Name</Label>
-      <Input flex={1} id="name" defaultValue="Nate Wienert" />
-    </XStack>
-    <XStack alignItems="center" space="$4">
-      <Label width={90} htmlFor="notify">Notifications</Label>
-      <Switch id="notify"><Switch.Thumb animation="quick" /></Switch>
-    </XStack>
-  </YStack>;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { padding: "$3", minWidth: 300, space: "$4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { alignItems: "center", space: "$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, { alignItems: "center", space: "$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, { id: "notify", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Switch.Thumb, { animation: "quick" }) })
+    ] })
+  ] });
 }
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   LabelDemo
-};
+});
 //# sourceMappingURL=LabelDemo.js.map

package/dist/jsx/LabelDemo.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/LabelDemo.tsx"],
-  "mappings": "AAAA,SAAS,OAAO,OAAO,QAAQ,QAAQ,cAAc;AAE9C,SAAS,YAAY;AAC1B,SACE,CAAC,OAAO,QAAQ,KAAK,UAAU,KAAK,MAAM;AAAA,IACxC,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,MAChC,CAAC,MAAM,OAAO,IAAI,QAAQ,OAAO,IAEjC,EAFC;AAAA,MAGD,CAAC,MAAM,MAAM,GAAG,GAAG,OAAO,aAAa,eAAe;AAAA,IACxD,EALC;AAAA,IAOD,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,MAChC,CAAC,MAAM,OAAO,IAAI,QAAQ,SAAS,aAEnC,EAFC;AAAA,MAGD,CAAC,OAAO,GAAG,SACT,CAAC,OAAO,MAAM,UAAU,QAAQ,EAClC,EAFC;AAAA,IAGH,EAPC;AAAA,EAQH,EAhBC;AAkBL;",
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAqD,oBAK/C;AAHC,SAAS,YAAY;AAC1B,SACE,6CAAC,yBAAO,SAAQ,MAAK,UAAU,KAAK,OAAM,MACxC;AAAA,iDAAC,yBAAO,YAAW,UAAS,OAAM,MAChC;AAAA,kDAAC,wBAAM,OAAO,IAAI,SAAQ,QAAO,kBAEjC;AAAA,MACA,4CAAC,wBAAM,MAAM,GAAG,IAAG,QAAO,cAAa,gBAAe;AAAA,OACxD;AAAA,IAEA,6CAAC,yBAAO,YAAW,UAAS,OAAM,MAChC;AAAA,kDAAC,wBAAM,OAAO,IAAI,SAAQ,UAAS,2BAEnC;AAAA,MACA,4CAAC,yBAAO,IAAG,UACT,sDAAC,sBAAO,OAAP,EAAa,WAAU,SAAQ,GAClC;AAAA,OACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/jsx/LinearGradientDemo.js

@@ -1,30 +1,31 @@
 import { XStack } from "tamagui";
 import { LinearGradient } from "tamagui/linear-gradient";
+import { jsx, jsxs } from "react/jsx-runtime";
 function LinearGradientDemo() {
-  return <XStack space>
-    {
-      /* tokens */
-    }
-    <LinearGradient
-      width="$6"
-      height="$6"
-      borderRadius="$4"
-      colors={["$red10", "$yellow10"]}
-      start={[0, 1]}
-      end={[0, 0]}
-    />
-    {
-      /* theme values */
-    }
-    <LinearGradient
-      width="$6"
-      height="$6"
-      borderRadius="$4"
-      colors={["$background", "$color"]}
-      start={[1, 1]}
-      end={[0, 0]}
-    />
-  </XStack>;
+  return /* @__PURE__ */ jsxs(XStack, { space: !0, children: [
+    /* @__PURE__ */ jsx(
+      LinearGradient,
+      {
+        width: "$6",
+        height: "$6",
+        borderRadius: "$4",
+        colors: ["$red10", "$yellow10"],
+        start: [0, 1],
+        end: [0, 0]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      LinearGradient,
+      {
+        width: "$6",
+        height: "$6",
+        borderRadius: "$4",
+        colors: ["$background", "$color"],
+        start: [1, 1],
+        end: [0, 0]
+      }
+    )
+  ] });
 }
 export {
   LinearGradientDemo

package/dist/jsx/LinearGradientDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/LinearGradientDemo.tsx"],
-  "mappings": "AAAA,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAExB,SAAS,qBAAqB;AACnC,SACE,CAAC,OAAO;AAAA;AAAA;AAAA;AAAA,IAEN,CAAC;AAAA,MACC,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,QAAQ,CAAC,UAAU,WAAW;AAAA,MAC9B,OAAO,CAAC,GAAG,CAAC;AAAA,MACZ,KAAK,CAAC,GAAG,CAAC;AAAA,IACZ;AAAA;AAAA;AAAA;AAAA,IAGA,CAAC;AAAA,MACC,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,MACb,QAAQ,CAAC,eAAe,QAAQ;AAAA,MAChC,OAAO,CAAC,GAAG,CAAC;AAAA,MACZ,KAAK,CAAC,GAAG,CAAC;AAAA,IACZ;AAAA,EACF,EApBC;AAsBL;",
+  "mappings": "AAAA,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAI3B,SAEE,KAFF;AAFG,SAAS,qBAAqB;AACnC,SACE,qBAAC,UAAO,OAAK,IAEX;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO;AAAA,QACP,cAAa;AAAA,QACb,QAAQ,CAAC,UAAU,WAAW;AAAA,QAC9B,OAAO,CAAC,GAAG,CAAC;AAAA,QACZ,KAAK,CAAC,GAAG,CAAC;AAAA;AAAA,IACZ;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO;AAAA,QACP,cAAa;AAAA,QACb,QAAQ,CAAC,eAAe,QAAQ;AAAA,QAChC,OAAO,CAAC,GAAG,CAAC;AAAA,QACZ,KAAK,CAAC,GAAG,CAAC;AAAA;AAAA,IACZ;AAAA,KACF;AAEJ;",
   "names": []
 }