@tamagui/demos 1.89.26 → 1.89.27-1708112217600

package/dist/cjs/DialogDemo.native.js

@@ -18,84 +18,113 @@ __export(DialogDemo_exports, {
   DialogDemo: () => DialogDemo
 });
 module.exports = __toCommonJS(DialogDemo_exports);
-var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_SelectDemo = require("./SelectDemo"), import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_SelectDemo = require("./SelectDemo");
 function DialogDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogInstance, {});
+  return /* @__PURE__ */ React.createElement(DialogInstance, null);
 }
 function DialogInstance() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog, { modal: !0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Trigger, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Show Dialog" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, { animation: "medium", zIndex: 2e5, modal: !0, dismissOnSnapToBottom: !0, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, { padding: "$4", gap: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_tamagui.Sheet.Overlay,
-        {
-          animation: "lazy",
-          enterStyle: { opacity: 0 },
-          exitStyle: { opacity: 0 }
+  return /* @__PURE__ */ React.createElement(import_tamagui.Dialog, {
+    modal: !0
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Dialog.Trigger, {
+    asChild: !0
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Button, null, "Show Dialog")), /* @__PURE__ */ React.createElement(import_tamagui.Adapt, {
+    when: "sm",
+    platform: "touch"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Sheet, {
+    animation: "medium",
+    zIndex: 2e5,
+    modal: !0,
+    dismissOnSnapToBottom: !0
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Sheet.Frame, {
+    padding: "$4",
+    gap: "$4"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Adapt.Contents, null)), /* @__PURE__ */ React.createElement(import_tamagui.Sheet.Overlay, {
+    animation: "lazy",
+    enterStyle: {
+      opacity: 0
+    },
+    exitStyle: {
+      opacity: 0
+    }
+  }))), /* @__PURE__ */ React.createElement(import_tamagui.Dialog.Portal, null, /* @__PURE__ */ React.createElement(import_tamagui.Dialog.Overlay, {
+    key: "overlay",
+    animation: "slow",
+    opacity: 0.5,
+    enterStyle: {
+      opacity: 0
+    },
+    exitStyle: {
+      opacity: 0
+    }
+  }), /* @__PURE__ */ React.createElement(import_tamagui.Dialog.Content, {
+    bordered: !0,
+    elevate: !0,
+    key: "content",
+    animateOnly: [
+      "transform",
+      "opacity"
+    ],
+    animation: [
+      "quicker",
+      {
+        opacity: {
+          overshootClamping: !0
         }
-      )
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Portal, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_tamagui.Dialog.Overlay,
-        {
-          animation: "slow",
-          opacity: 0.5,
-          enterStyle: { opacity: 0 },
-          exitStyle: { opacity: 0 }
-        },
-        "overlay"
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-        import_tamagui.Dialog.Content,
-        {
-          bordered: !0,
-          elevate: !0,
-          animateOnly: ["transform", "opacity"],
-          animation: [
-            "quicker",
-            {
-              opacity: {
-                overshootClamping: !0
-              }
-            }
-          ],
-          enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.9 },
-          exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
-          gap: "$4",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Title, { children: "Edit profile" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Description, { children: "Make changes to your profile here. Click save when you're done." }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Fieldset, { gap: "$4", horizontal: !0, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { width: 160, justifyContent: "flex-end", 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.Fieldset, { gap: "$4", horizontal: !0, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { width: 160, justifyContent: "flex-end", htmlFor: "username", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TooltipSimple, { label: "Pick your favorite", placement: "bottom-start", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "Food" }) }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectDemo.SelectDemoItem, {})
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { alignSelf: "flex-end", gap: "$4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogInstance, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, { displayWhenAdapted: !0, asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: "active", "aria-label": "Close", children: "Save changes" }) })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Unspaced, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_tamagui.Button,
-              {
-                position: "absolute",
-                top: "$3",
-                right: "$3",
-                size: "$2",
-                circular: !0,
-                icon: import_lucide_icons.X
-              }
-            ) }) })
-          ]
-        },
-        "content"
-      )
-    ] })
-  ] });
+      }
+    ],
+    enterStyle: {
+      x: 0,
+      y: -20,
+      opacity: 0,
+      scale: 0.9
+    },
+    exitStyle: {
+      x: 0,
+      y: 10,
+      opacity: 0,
+      scale: 0.95
+    },
+    gap: "$4"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Dialog.Title, null, "Edit profile"), /* @__PURE__ */ React.createElement(import_tamagui.Dialog.Description, null, "Make changes to your profile here. Click save when you're done."), /* @__PURE__ */ React.createElement(import_tamagui.Fieldset, {
+    gap: "$4",
+    horizontal: !0
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Label, {
+    width: 160,
+    justifyContent: "flex-end",
+    htmlFor: "name"
+  }, "Name"), /* @__PURE__ */ React.createElement(import_tamagui.Input, {
+    flex: 1,
+    id: "name",
+    defaultValue: "Nate Wienert"
+  })), /* @__PURE__ */ React.createElement(import_tamagui.Fieldset, {
+    gap: "$4",
+    horizontal: !0
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Label, {
+    width: 160,
+    justifyContent: "flex-end",
+    htmlFor: "username"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.TooltipSimple, {
+    label: "Pick your favorite",
+    placement: "bottom-start"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Paragraph, null, "Food"))), /* @__PURE__ */ React.createElement(import_SelectDemo.SelectDemoItem, null)), /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+    alignSelf: "flex-end",
+    gap: "$4"
+  }, /* @__PURE__ */ React.createElement(DialogInstance, null), /* @__PURE__ */ React.createElement(import_tamagui.Dialog.Close, {
+    displayWhenAdapted: !0,
+    asChild: !0
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Button, {
+    theme: "active",
+    "aria-label": "Close"
+  }, "Save changes"))), /* @__PURE__ */ React.createElement(import_tamagui.Unspaced, null, /* @__PURE__ */ React.createElement(import_tamagui.Dialog.Close, {
+    asChild: !0
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Button, {
+    position: "absolute",
+    top: "$3",
+    right: "$3",
+    size: "$2",
+    circular: !0,
+    icon: import_lucide_icons.X
+  }))))));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/DialogDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAkB,kCAClB,iBAYO,oBAEP,oBAA+B,yBAGtB;AADF,SAAS,aAAa;AAC3B,SAAO,4CAAC,kBAAe;AACzB;AAEA,SAAS,iBAAiB;AACxB,SACE,6CAAC,yBAAO,OAAK,IACX;AAAA,gDAAC,sBAAO,SAAP,EAAe,SAAO,IACrB,sDAAC,yBAAO,yBAAW,GACrB;AAAA,IAEA,4CAAC,wBAAM,MAAK,MAAK,UAAS,SACxB,uDAAC,wBAAM,WAAU,UAAS,QAAQ,KAAQ,OAAK,IAAC,uBAAqB,IACnE;AAAA,kDAAC,qBAAM,OAAN,EAAY,SAAQ,MAAK,KAAI,MAC5B,sDAAC,qBAAM,UAAN,EAAe,GAClB;AAAA,MACA;AAAA,QAAC,qBAAM;AAAA,QAAN;AAAA,UACC,WAAU;AAAA,UACV,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,MAC1B;AAAA,OACF,GACF;AAAA,IAEA,6CAAC,sBAAO,QAAP,EACC;AAAA;AAAA,QAAC,sBAAO;AAAA,QAAP;AAAA,UAEC,WAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,QAJpB;AAAA,MAKN;AAAA,MAEA;AAAA,QAAC,sBAAO;AAAA,QAAP;AAAA,UACC,UAAQ;AAAA,UACR,SAAO;AAAA,UAEP,aAAa,CAAC,aAAa,SAAS;AAAA,UACpC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,SAAS;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA,UACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,UACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,UAClD,KAAI;AAAA,UAEJ;AAAA,wDAAC,sBAAO,OAAP,EAAa,0BAAY;AAAA,YAC1B,4CAAC,sBAAO,aAAP,EAAmB,6EAEpB;AAAA,YACA,6CAAC,2BAAS,KAAI,MAAK,YAAU,IAC3B;AAAA,0DAAC,wBAAM,OAAO,KAAK,gBAAe,YAAW,SAAQ,QAAO,kBAE5D;AAAA,cACA,4CAAC,wBAAM,MAAM,GAAG,IAAG,QAAO,cAAa,gBAAe;AAAA,eACxD;AAAA,YACA,6CAAC,2BAAS,KAAI,MAAK,YAAU,IAC3B;AAAA,0DAAC,wBAAM,OAAO,KAAK,gBAAe,YAAW,SAAQ,YACnD,sDAAC,gCAAc,OAAM,sBAAqB,WAAU,gBAClD,sDAAC,4BAAU,kBAAI,GACjB,GACF;AAAA,cACA,4CAAC,oCAAe;AAAA,eAClB;AAAA,YAEA,6CAAC,yBAAO,WAAU,YAAW,KAAI,MAC/B;AAAA,0DAAC,kBAAe;AAAA,cAEhB,4CAAC,sBAAO,OAAP,EAAa,oBAAkB,IAAC,SAAO,IACtC,sDAAC,yBAAO,OAAM,UAAS,cAAW,SAAQ,0BAE1C,GACF;AAAA,eACF;AAAA,YAEA,4CAAC,2BACC,sDAAC,sBAAO,OAAP,EAAa,SAAO,IACnB;AAAA,cAAC;AAAA;AAAA,gBACC,UAAS;AAAA,gBACT,KAAI;AAAA,gBACJ,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,UAAQ;AAAA,gBACR,MAAM;AAAA;AAAA,YACR,GACF,GACF;AAAA;AAAA;AAAA,QAtDI;AAAA,MAuDN;AAAA,OACF;AAAA,KACF;AAEJ;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/DialogDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;0BAAkB,kCAClB,iBAYO,oBAEP,oBAA+B;AAExB,SAASA,aAAAA;AACd,SAAO,sBAAA,cAACC,gBAAAA,IAAAA;AACV;AAEA,SAASA,iBAAAA;AACP,SACE,sBAAA,cAACC,uBAAAA;IAAOC,OAAAA;KACN,sBAAA,cAACD,sBAAOE,SAAO;IAACC,SAAAA;KACd,sBAAA,cAACC,uBAAAA,MAAO,aAAA,CAAA,GAGV,sBAAA,cAACC,sBAAAA;IAAMC,MAAK;IAAKC,UAAS;KACxB,sBAAA,cAACC,sBAAAA;IAAMC,WAAU;IAASC,QAAQ;IAAQT,OAAAA;IAAMU,uBAAAA;KAC9C,sBAAA,cAACH,qBAAMI,OAAK;IAACC,SAAQ;IAAKC,KAAI;KAC5B,sBAAA,cAACT,qBAAMU,UAAQ,IAAA,CAAA,GAEjB,sBAAA,cAACP,qBAAMQ,SAAO;IACZP,WAAU;IACVQ,YAAY;MAAEC,SAAS;IAAE;IACzBC,WAAW;MAAED,SAAS;IAAE;QAK9B,sBAAA,cAAClB,sBAAOoB,QAAM,MACZ,sBAAA,cAACpB,sBAAOgB,SAAO;IACbK,KAAI;IACJZ,WAAU;IACVS,SAAS;IACTD,YAAY;MAAEC,SAAS;IAAE;IACzBC,WAAW;MAAED,SAAS;IAAE;MAG1B,sBAAA,cAAClB,sBAAOsB,SAAO;IACbC,UAAAA;IACAC,SAAAA;IACAH,KAAI;IACJI,aAAa;MAAC;MAAa;;IAC3BhB,WAAW;MACT;MACA;QACES,SAAS;UACPQ,mBAAmB;QACrB;MACF;;IAEFT,YAAY;MAAEU,GAAG;MAAGC,GAAG;MAAKV,SAAS;MAAGW,OAAO;IAAI;IACnDV,WAAW;MAAEQ,GAAG;MAAGC,GAAG;MAAIV,SAAS;MAAGW,OAAO;IAAK;IAClDf,KAAI;KAEJ,sBAAA,cAACd,sBAAO8B,OAAK,MAAC,cAAA,GACd,sBAAA,cAAC9B,sBAAO+B,aAAW,MAAC,iEAAA,GAGpB,sBAAA,cAACC,yBAAAA;IAASlB,KAAI;IAAKmB,YAAAA;KACjB,sBAAA,cAACC,sBAAAA;IAAMC,OAAO;IAAKC,gBAAe;IAAWC,SAAQ;KAAO,MAAA,GAG5D,sBAAA,cAACC,sBAAAA;IAAMC,MAAM;IAAGC,IAAG;IAAOC,cAAa;OAEzC,sBAAA,cAACT,yBAAAA;IAASlB,KAAI;IAAKmB,YAAAA;KACjB,sBAAA,cAACC,sBAAAA;IAAMC,OAAO;IAAKC,gBAAe;IAAWC,SAAQ;KACnD,sBAAA,cAACK,8BAAAA;IAAcC,OAAM;IAAqBC,WAAU;KAClD,sBAAA,cAACC,0BAAAA,MAAU,MAAA,CAAA,CAAA,GAGf,sBAAA,cAACC,kCAAAA,IAAAA,CAAAA,GAGH,sBAAA,cAACC,uBAAAA;IAAOC,WAAU;IAAWlC,KAAI;KAC/B,sBAAA,cAACf,gBAAAA,IAAAA,GAED,sBAAA,cAACC,sBAAOiD,OAAK;IAACC,oBAAAA;IAAmB/C,SAAAA;KAC/B,sBAAA,cAACC,uBAAAA;IAAO+C,OAAM;IAASC,cAAW;KAAQ,cAAA,CAAA,CAAA,GAM9C,sBAAA,cAACC,yBAAAA,MACC,sBAAA,cAACrD,sBAAOiD,OAAK;IAAC9C,SAAAA;KACZ,sBAAA,cAACC,uBAAAA;IACCkD,UAAS;IACTC,KAAI;IACJC,OAAM;IACNC,MAAK;IACLC,UAAAA;IACAC,MAAMC;;AAQtB;",
+  "names": ["DialogDemo", "DialogInstance", "Dialog", "modal", "Trigger", "asChild", "Button", "Adapt", "when", "platform", "Sheet", "animation", "zIndex", "dismissOnSnapToBottom", "Frame", "padding", "gap", "Contents", "Overlay", "enterStyle", "opacity", "exitStyle", "Portal", "key", "Content", "bordered", "elevate", "animateOnly", "overshootClamping", "x", "y", "scale", "Title", "Description", "Fieldset", "horizontal", "Label", "width", "justifyContent", "htmlFor", "Input", "flex", "id", "defaultValue", "TooltipSimple", "label", "placement", "Paragraph", "SelectDemoItem", "XStack", "alignSelf", "Close", "displayWhenAdapted", "theme", "aria-label", "Unspaced", "position", "top", "right", "size", "circular", "icon", "X"]
 }

package/dist/cjs/FormsDemo.native.js

@@ -18,34 +18,87 @@ __export(FormsDemo_exports, {
   FormsDemo: () => FormsDemo
 });
 module.exports = __toCommonJS(FormsDemo_exports);
-var import_react = require("react"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react"), import_tamagui = require("tamagui");
+function _array_like_to_array(arr, len) {
+  (len == null || len > arr.length) && (len = arr.length);
+  for (var i = 0, arr2 = new Array(len); i < len; i++)
+    arr2[i] = arr[i];
+  return arr2;
+}
+function _array_with_holes(arr) {
+  if (Array.isArray(arr))
+    return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
+  if (_i != null) {
+    var _arr = [], _n = !0, _d = !1, _s, _e;
+    try {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
+        ;
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        !_n && _i.return != null && _i.return();
+      } finally {
+        if (_d)
+          throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+function _non_iterable_rest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+  return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+  if (o) {
+    if (typeof o == "string")
+      return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set")
+      return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+      return _array_like_to_array(o, minLen);
+  }
+}
 function FormsDemo(props) {
-  const [status, setStatus] = (0, import_react.useState)("off");
-  return (0, import_react.useEffect)(() => {
+  var _useState = _sliced_to_array((0, import_react.useState)("off"), 2), status = _useState[0], setStatus = _useState[1];
+  return (0, import_react.useEffect)(function() {
     if (status === "submitting") {
-      const timer = setTimeout(() => setStatus("off"), 2e3);
-      return () => {
+      var timer = setTimeout(function() {
+        return setStatus("off");
+      }, 2e3);
+      return function() {
         clearTimeout(timer);
       };
     }
-  }, [status]), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_tamagui.Form,
-    {
-      alignItems: "center",
-      minWidth: 300,
-      gap: "$2",
-      onSubmit: () => setStatus("submitting"),
-      borderWidth: 1,
-      borderRadius: "$4",
-      backgroundColor: "$background",
-      borderColor: "$borderColor",
-      padding: "$8",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H4, { children: status[0].toUpperCase() + status.slice(1) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Form.Trigger, { asChild: !0, disabled: status !== "off", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { icon: status === "submitting" ? () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {}) : void 0, children: "Submit" }) })
-      ]
-    }
-  );
+  }, [
+    status
+  ]), /* @__PURE__ */ React.createElement(import_tamagui.Form, {
+    alignItems: "center",
+    minWidth: 300,
+    gap: "$2",
+    onSubmit: function() {
+      return setStatus("submitting");
+    },
+    borderWidth: 1,
+    borderRadius: "$4",
+    backgroundColor: "$background",
+    borderColor: "$borderColor",
+    padding: "$8"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.H4, null, status[0].toUpperCase() + status.slice(1)), /* @__PURE__ */ React.createElement(import_tamagui.Form.Trigger, {
+    asChild: !0,
+    disabled: status !== "off"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Button, {
+    icon: status === "submitting" ? function() {
+      return /* @__PURE__ */ React.createElement(import_tamagui.Spinner, null);
+    } : void 0
+  }, "Submit")));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/FormsDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC,kBAEpC,iBAA0C,oBAetC;AAbG,SAAS,UAAU,OAA6B;AACrD,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAA6C,KAAK;AAE9E,qCAAU,MAAM;AACd,QAAI,WAAW,cAAc;AAC3B,YAAM,QAAQ,WAAW,MAAM,UAAU,KAAK,GAAG,GAAI;AACrD,aAAO,MAAM;AACX,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,CAAC,GAGT;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,UAAU;AAAA,MACV,KAAI;AAAA,MACJ,UAAU,MAAM,UAAU,YAAY;AAAA,MACtC,aAAa;AAAA,MACb,cAAa;AAAA,MACb,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,SAAQ;AAAA,MAER;AAAA,oDAAC,qBAAI,iBAAO,CAAC,EAAE,YAAY,IAAI,OAAO,MAAM,CAAC,GAAE;AAAA,QAE/C,4CAAC,oBAAK,SAAL,EAAa,SAAO,IAAC,UAAU,WAAW,OACzC,sDAAC,yBAAO,MAAM,WAAW,eAAe,MAAM,4CAAC,0BAAQ,IAAK,QAAW,oBAEvE,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/FormsDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA,mBAAoC,kBAEpC,iBAA0C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEnC,SAASA,UAAUC,OAA2B;AACnD,MAA4BC,YAAAA,qBAAAA,uBAA6C,KAAA,GAAA,CAAA,GAAlEC,SAAqBD,UAAAA,CAAAA,GAAbE,YAAaF,UAAAA,CAAAA;AAE5BG,qCAAU,WAAA;AACR,QAAIF,WAAW,cAAc;AAC3B,UAAMG,QAAQC,WAAW,WAAA;eAAMH,UAAU,KAAA;SAAQ,GAAA;AACjD,aAAO,WAAA;AACLI,qBAAaF,KAAAA;MACf;IACF;EACF,GAAG;IAACH;GAAO,GAGT,sBAAA,cAACM,qBAAAA;IACCC,YAAW;IACXC,UAAU;IACVC,KAAI;IACJC,UAAU,WAAA;aAAMT,UAAU,YAAA;;IAC1BU,aAAa;IACbC,cAAa;IACbC,iBAAgB;IAChBC,aAAY;IACZC,SAAQ;KAER,sBAAA,cAACC,mBAAAA,MAAIhB,OAAO,CAAA,EAAGiB,YAAW,IAAKjB,OAAOkB,MAAM,CAAA,CAAA,GAE5C,sBAAA,cAACZ,oBAAKa,SAAO;IAACC,SAAAA;IAAQC,UAAUrB,WAAW;KACzC,sBAAA,cAACsB,uBAAAA;IAAOC,MAAMvB,WAAW,eAAe,WAAA;aAAM,sBAAA,cAACwB,wBAAAA,IAAAA;QAAaC;KAAW,QAAA,CAAA,CAAA;AAM/E;",
+  "names": ["FormsDemo", "props", "useState", "status", "setStatus", "useEffect", "timer", "setTimeout", "clearTimeout", "Form", "alignItems", "minWidth", "gap", "onSubmit", "borderWidth", "borderRadius", "backgroundColor", "borderColor", "padding", "H4", "toUpperCase", "slice", "Trigger", "asChild", "disabled", "Button", "icon", "Spinner", "undefined"]
 }

package/dist/cjs/Grid.native.js

@@ -26,35 +26,33 @@ __export(Grid_exports, {
   Grid: () => Grid
 });
 module.exports = __toCommonJS(Grid_exports);
-var import_core = require("@tamagui/core"), import_stacks = require("@tamagui/stacks"), import_react = __toESM(require("react")), import_jsx_runtime = require("react/jsx-runtime");
-function Grid({ children, columns, itemMinWidth = 200, gap }) {
+var import_core = require("@tamagui/core"), import_stacks = require("@tamagui/stacks"), import_react = __toESM(require("react"));
+function Grid(param) {
+  var children = param.children, columns = param.columns, _param_itemMinWidth = param.itemMinWidth, itemMinWidth = _param_itemMinWidth === void 0 ? 200 : _param_itemMinWidth, gap = param.gap;
   if (import_core.isWeb)
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "div",
-      {
-        style: {
-          gap,
-          display: "grid",
-          justifyContent: "stretch",
-          // gridTemplateRows: 'repeat(4, 1fr)',
-          gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
-          // gridTemplateColumns: '1fr 1fr',
-        },
-        children
+    return /* @__PURE__ */ import_react.default.createElement("div", {
+      style: {
+        gap,
+        display: "grid",
+        justifyContent: "stretch",
+        // gridTemplateRows: 'repeat(4, 1fr)',
+        gridTemplateColumns: "repeat( auto-fit, minmax(".concat(itemMinWidth, "px, 1fr) )")
       }
-    );
-  const childrenList = import_react.default.Children.toArray(children);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.XStack, { alignItems: "center", justifyContent: "center", flexWrap: "wrap", children: childrenList.map((child, i) => child ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_stacks.XStack,
-    {
+    }, children);
+  var childrenList = import_react.default.Children.toArray(children);
+  return /* @__PURE__ */ import_react.default.createElement(import_stacks.XStack, {
+    alignItems: "center",
+    justifyContent: "center",
+    flexWrap: "wrap"
+  }, childrenList.map(function(child, i) {
+    return child ? /* @__PURE__ */ import_react.default.createElement(import_stacks.XStack, {
+      key: i,
       flex: 1,
       minWidth: itemMinWidth,
       marginRight: gap,
-      marginBottom: gap,
-      children: child
-    },
-    i
-  ) : null) });
+      marginBottom: gap
+    }, child) : null;
+  }));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/Grid.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAsB,0BACtB,gBAAuB,4BACvB,eAAkB,2BAYZ;AAHC,SAAS,KAAK,EAAE,UAAU,SAAS,eAAe,KAAK,IAAI,GAAc;AAC9E,MAAI;AACF,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL;AAAA,UACA,SAAS;AAAA,UACT,gBAAgB;AAAA;AAAA,UAEhB,qBAAqB,4BAA4B,YAAY;AAAA;AAAA,QAE/D;AAAA,QAEC;AAAA;AAAA,IACH;AAIJ,QAAM,eAAe,aAAAA,QAAM,SAAS,QAAQ,QAAQ;AAEpD,SACE,4CAAC,wBAAO,YAAW,UAAS,gBAAe,UAAS,UAAS,QAC1D,uBAAa,IAAI,CAAC,OAAO,MACnB,QAMH;AAAA,IAAC;AAAA;AAAA,MAEC,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa;AAAA,MACb,cAAc;AAAA,MAEb;AAAA;AAAA,IANI;AAAA,EAOP,IAbO,IAeV,GACH;AAEJ;",
-  "names": ["React"]
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/Grid.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;kBAAsB,0BACtB,gBAAuB,4BACvB,eAAkB;AASX,SAASA,KAAK,OAAyD;MAAvDC,WAAF,MAAEA,UAAUC,UAAZ,MAAYA,SAAAA,sBAAZ,MAAqBC,cAAAA,eAAAA,wBAAAA,SAAe,MAAA,qBAAKC,MAAzC,MAAyCA;AAC5D,MAAIC;AACF,WACE,6BAAAC,QAAA,cAACC,OAAAA;MACCC,OAAO;QACLJ;QACAK,SAAS;QACTC,gBAAgB;;QAEhBC,qBAAsB,4BAAwC,OAAbR,cAAa,YAAA;MAEhE;OAECF,QAAAA;AAKP,MAAMW,eAAeN,aAAAA,QAAMO,SAASC,QAAQb,QAAAA;AAE5C,SACE,6BAAAK,QAAA,cAACS,sBAAAA;IAAOC,YAAW;IAASN,gBAAe;IAASO,UAAS;KAC1DL,aAAaM,IAAI,SAACC,OAAOC,GAAAA;AACxB,WAAKD,QAMH,6BAAAb,QAAA,cAACS,sBAAAA;MACCM,KAAKD;MACLE,MAAM;MACNC,UAAUpB;MACVqB,aAAapB;MACbqB,cAAcrB;OAEbe,KAAAA,IAZI;EAeX,CAAA,CAAA;AAGN;",
+  "names": ["Grid", "children", "columns", "itemMinWidth", "gap", "isWeb", "React", "div", "style", "display", "justifyContent", "gridTemplateColumns", "childrenList", "Children", "toArray", "XStack", "alignItems", "flexWrap", "map", "child", "i", "key", "flex", "minWidth", "marginRight", "marginBottom"]
 }

package/dist/cjs/GroupDemo.native.js

@@ -18,24 +18,33 @@ __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");
+var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui");
 function GroupDemo() {
-  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" }) })
-    ] })
-  ] });
+  return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+    padding: "$3",
+    space: "$2",
+    alignItems: "center"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Group, {
+    orientation: "horizontal"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Group.Item, null, /* @__PURE__ */ React.createElement(import_tamagui.Button, null, "First")), /* @__PURE__ */ React.createElement(import_tamagui.Group.Item, null, /* @__PURE__ */ React.createElement(import_tamagui.Button, null, "Second")), /* @__PURE__ */ React.createElement(import_tamagui.Group.Item, null, /* @__PURE__ */ React.createElement(import_tamagui.Button, null, "Third"))), /* @__PURE__ */ React.createElement(import_tamagui.XGroup, {
+    size: "$3",
+    $gtSm: {
+      size: "$5"
+    }
+  }, /* @__PURE__ */ React.createElement(import_tamagui.XGroup.Item, null, /* @__PURE__ */ React.createElement(import_tamagui.Button, {
+    size: "$3",
+    icon: import_lucide_icons.Activity
+  }, "First")), /* @__PURE__ */ React.createElement(import_tamagui.XGroup.Item, null, /* @__PURE__ */ React.createElement(import_tamagui.Button, {
+    size: "$3",
+    icon: import_lucide_icons.Airplay
+  }, "Second"))), /* @__PURE__ */ React.createElement(import_tamagui.YGroup, {
+    separator: /* @__PURE__ */ React.createElement(import_tamagui.Separator, null)
+  }, /* @__PURE__ */ React.createElement(import_tamagui.YGroup.Item, null, /* @__PURE__ */ React.createElement(import_tamagui.ListItem, {
+    title: "First"
+  })), /* @__PURE__ */ React.createElement(import_tamagui.YGroup.Item, null, /* @__PURE__ */ React.createElement(import_tamagui.ListItem, {
+    title: "Second",
+    subTitle: "Second subtitle"
+  })), /* @__PURE__ */ React.createElement(import_tamagui.YGroup.Item, null, /* @__PURE__ */ React.createElement(import_tamagui.ListItem, null, "Third"))));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/GroupDemo.tsx"],
-  "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": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/GroupDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;0BAAkC,kCAClC,iBAA2E;AAEpE,SAASA,YAAAA;AACd,SACE,sBAAA,cAACC,uBAAAA;IAAOC,SAAQ;IAAKC,OAAM;IAAKC,YAAW;KACzC,sBAAA,cAACC,sBAAAA;IAAMC,aAAY;KACjB,sBAAA,cAACD,qBAAME,MAAI,MACT,sBAAA,cAACC,uBAAAA,MAAO,OAAA,CAAA,GAEV,sBAAA,cAACH,qBAAME,MAAI,MACT,sBAAA,cAACC,uBAAAA,MAAO,QAAA,CAAA,GAEV,sBAAA,cAACH,qBAAME,MAAI,MACT,sBAAA,cAACC,uBAAAA,MAAO,OAAA,CAAA,CAAA,GAKZ,sBAAA,cAACC,uBAAAA;IAAOC,MAAK;IAAKC,OAAO;MAAED,MAAM;IAAK;KACpC,sBAAA,cAACD,sBAAOF,MAAI,MACV,sBAAA,cAACC,uBAAAA;IAAOE,MAAK;IAAKE,MAAMC;KAAU,OAAA,CAAA,GAIpC,sBAAA,cAACJ,sBAAOF,MAAI,MACV,sBAAA,cAACC,uBAAAA;IAAOE,MAAK;IAAKE,MAAME;KAAS,QAAA,CAAA,CAAA,GAOrC,sBAAA,cAACC,uBAAAA;IAAOC,WAAW,sBAAA,cAACC,0BAAAA,IAAAA;KAClB,sBAAA,cAACF,sBAAOR,MAAI,MACV,sBAAA,cAACW,yBAAAA;IAASC,OAAM;OAElB,sBAAA,cAACJ,sBAAOR,MAAI,MACV,sBAAA,cAACW,yBAAAA;IAASC,OAAM;IAASC,UAAS;OAEpC,sBAAA,cAACL,sBAAOR,MAAI,MACV,sBAAA,cAACW,yBAAAA,MAAS,OAAA,CAAA,CAAA,CAAA;AAKpB;",
+  "names": ["GroupDemo", "YStack", "padding", "space", "alignItems", "Group", "orientation", "Item", "Button", "XGroup", "size", "$gtSm", "icon", "Activity", "Airplay", "YGroup", "separator", "Separator", "ListItem", "title", "subTitle"]
 }

package/dist/cjs/HeadingsDemo.native.js

@@ -1,8 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: !0 });
@@ -12,22 +13,24 @@ var __export = (target, all) => {
       !__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 __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: !0 }) : target,
+  mod
+)), __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");
+var import_react = __toESM(require("react")), import_tamagui = require("tamagui");
 function HeadingsDemo() {
-  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" })
-  ] });
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+    alignSelf: "center"
+  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.H1, null, "Heading 1"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.H2, null, "Heading 2"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.H3, null, "Heading 3"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.H4, null, "Heading 4"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.H5, null, "Heading 5"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.H6, null, "Heading 6"));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/HeadingsDemo.tsx"],
-  "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": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/HeadingsDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;mBAAkB,2BAClB,iBAA+C;AAExC,SAASA,eAAAA;AACd,SACE,6BAAAC,QAAA,cAACC,uBAAAA;IAAOC,WAAU;KAChB,6BAAAF,QAAA,cAACG,mBAAAA,MAAG,WAAA,GACJ,6BAAAH,QAAA,cAACI,mBAAAA,MAAG,WAAA,GACJ,6BAAAJ,QAAA,cAACK,mBAAAA,MAAG,WAAA,GACJ,6BAAAL,QAAA,cAACM,mBAAAA,MAAG,WAAA,GACJ,6BAAAN,QAAA,cAACO,mBAAAA,MAAG,WAAA,GACJ,6BAAAP,QAAA,cAACQ,mBAAAA,MAAG,WAAA,CAAA;AAGV;",
+  "names": ["HeadingsDemo", "React", "YStack", "alignSelf", "H1", "H2", "H3", "H4", "H5", "H6"]
 }

package/dist/cjs/ImageDemo.native.js

@@ -18,18 +18,15 @@ __export(ImageDemo_exports, {
   ImageDemo: () => ImageDemo
 });
 module.exports = __toCommonJS(ImageDemo_exports);
-var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
 function ImageDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_tamagui.Image,
-    {
-      source: {
-        uri: "https://placekitten.com/200/300",
-        width: 200,
-        height: 300
-      }
+  return /* @__PURE__ */ React.createElement(import_tamagui.Image, {
+    source: {
+      uri: "https://placekitten.com/200/300",
+      width: 200,
+      height: 300
     }
-  );
+  });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/ImageDemo.tsx"],
-  "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": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/ImageDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;qBAAsB;AAEf,SAASA,YAAAA;AACd,SACE,sBAAA,cAACC,sBAAAA;IACCC,QAAQ;MACNC,KAAK;MACLC,OAAO;MACPC,QAAQ;IACV;;AAGN;",
+  "names": ["ImageDemo", "Image", "source", "uri", "width", "height"]
 }