@tamagui/demos 1.89.28 → 1.89.29

package/dist/cjs/DialogDemo.native.js

@@ -18,113 +18,164 @@ __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");
+var import_jsx_runtime = require("react/jsx-runtime"), import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_SelectDemo = require("./SelectDemo");
 function DialogDemo() {
-  return /* @__PURE__ */ React.createElement(DialogInstance, null);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogInstance, {});
 }
 function DialogInstance() {
-  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,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog, {
     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
-        }
-      }
-    ],
-    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
-  }))))));
+    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
+              }
+            })
+          ]
+        })
+      }),
+      /* @__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")
+        ]
+      })
+    ]
+  });
 }
 // 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/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"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,sBAAkB,kCAClB,iBAYO,oBAEP,oBAA+B;AAExB,SAASA,aAAAA;AACd,SAAO,uCAAAC,KAACC,gBAAAA,CAAAA,CAAAA;AACV;AAEA,SAASA,iBAAAA;AACP,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,OAAK;;MACX,uCAAAJ,KAACG,sBAAOE,SAAO;QAACC,SAAO;kBACrB,uCAAAN,KAACO,uBAAAA;oBAAO;;;MAGV,uCAAAP,KAACQ,sBAAAA;QAAMC,MAAK;QAAKC,UAAS;kBACxB,uCAAAR,MAACS,sBAAAA;UAAMC,WAAU;UAASC,QAAQ;UAAQT,OAAK;UAACU,uBAAqB;;YACnE,uCAAAd,KAACW,qBAAMI,OAAK;cAACC,SAAQ;cAAKC,KAAI;wBAC5B,uCAAAjB,KAACQ,qBAAMU,UAAQ,CAAA,CAAA;;YAEjB,uCAAAlB,KAACW,qBAAMQ,SAAO;cACZP,WAAU;cACVQ,YAAY;gBAAEC,SAAS;cAAE;cACzBC,WAAW;gBAAED,SAAS;cAAE;;;;;MAK9B,uCAAAnB,MAACC,sBAAOoB,QAAM;;UACZ,uCAAAvB,KAACG,sBAAOgB,SAAO;YAEbP,WAAU;YACVS,SAAS;YACTD,YAAY;cAAEC,SAAS;YAAE;YACzBC,WAAW;cAAED,SAAS;YAAE;aAJpB,SAAA;UAON,uCAAAnB,MAACC,sBAAOqB,SAAO;YACbC,UAAQ;YACRC,SAAO;YAEPC,aAAa;cAAC;cAAa;;YAC3Bf,WAAW;cACT;cACA;gBACES,SAAS;kBACPO,mBAAmB;gBACrB;cACF;;YAEFR,YAAY;cAAES,GAAG;cAAGC,GAAG;cAAKT,SAAS;cAAGU,OAAO;YAAI;YACnDT,WAAW;cAAEO,GAAG;cAAGC,GAAG;cAAIT,SAAS;cAAGU,OAAO;YAAK;YAClDd,KAAI;;cAEJ,uCAAAjB,KAACG,sBAAO6B,OAAK;0BAAC;;cACd,uCAAAhC,KAACG,sBAAO8B,aAAW;0BAAC;;cAGpB,uCAAA/B,MAACgC,yBAAAA;gBAASjB,KAAI;gBAAKkB,YAAU;;kBAC3B,uCAAAnC,KAACoC,sBAAAA;oBAAMC,OAAO;oBAAKC,gBAAe;oBAAWC,SAAQ;8BAAO;;kBAG5D,uCAAAvC,KAACwC,sBAAAA;oBAAMC,MAAM;oBAAGC,IAAG;oBAAOC,cAAa;;;;cAEzC,uCAAAzC,MAACgC,yBAAAA;gBAASjB,KAAI;gBAAKkB,YAAU;;kBAC3B,uCAAAnC,KAACoC,sBAAAA;oBAAMC,OAAO;oBAAKC,gBAAe;oBAAWC,SAAQ;8BACnD,uCAAAvC,KAAC4C,8BAAAA;sBAAcC,OAAM;sBAAqBC,WAAU;gCAClD,uCAAA9C,KAAC+C,0BAAAA;kCAAU;;;;kBAGf,uCAAA/C,KAACgD,kCAAAA,CAAAA,CAAAA;;;cAGH,uCAAA9C,MAAC+C,uBAAAA;gBAAOC,WAAU;gBAAWjC,KAAI;;kBAC/B,uCAAAjB,KAACC,gBAAAA,CAAAA,CAAAA;kBAED,uCAAAD,KAACG,sBAAOgD,OAAK;oBAACC,oBAAkB;oBAAC9C,SAAO;8BACtC,uCAAAN,KAACO,uBAAAA;sBAAO8C,OAAM;sBAASC,cAAW;gCAAQ;;;;;cAM9C,uCAAAtD,KAACuD,yBAAAA;0BACC,uCAAAvD,KAACG,sBAAOgD,OAAK;kBAAC7C,SAAO;4BACnB,uCAAAN,KAACO,uBAAAA;oBACCiD,UAAS;oBACTC,KAAI;oBACJC,OAAM;oBACNC,MAAK;oBACLC,UAAQ;oBACRC,MAAMC;;;;;aAnDR,SAAA;;;;;AA2Dd;",
+  "names": ["DialogDemo", "_jsx", "DialogInstance", "_jsxs", "Dialog", "modal", "Trigger", "asChild", "Button", "Adapt", "when", "platform", "Sheet", "animation", "zIndex", "dismissOnSnapToBottom", "Frame", "padding", "gap", "Contents", "Overlay", "enterStyle", "opacity", "exitStyle", "Portal", "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,7 +18,7 @@ __export(FormsDemo_exports, {
   FormsDemo: () => FormsDemo
 });
 module.exports = __toCommonJS(FormsDemo_exports);
-var import_react = require("react"), import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime"), 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++)
@@ -79,7 +79,7 @@ function FormsDemo(props) {
     }
   }, [
     status
-  ]), /* @__PURE__ */ React.createElement(import_tamagui.Form, {
+  ]), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Form, {
     alignItems: "center",
     minWidth: 300,
     gap: "$2",
@@ -90,15 +90,23 @@ function FormsDemo(props) {
     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")));
+    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" ? function() {
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {});
+          } : void 0,
+          children: "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/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"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,eAAoC,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,uCAAAM,MAACC,qBAAAA;IACCC,YAAW;IACXC,UAAU;IACVC,KAAI;IACJC,UAAU,WAAA;aAAMV,UAAU,YAAA;;IAC1BW,aAAa;IACbC,cAAa;IACbC,iBAAgB;IAChBC,aAAY;IACZC,SAAQ;;MAER,uCAAAC,KAACC,mBAAAA;kBAAIlB,OAAO,CAAA,EAAGmB,YAAW,IAAKnB,OAAOoB,MAAM,CAAA;;MAE5C,uCAAAH,KAACV,oBAAKc,SAAO;QAACC,SAAO;QAACC,UAAUvB,WAAW;kBACzC,uCAAAiB,KAACO,uBAAAA;UAAOC,MAAMzB,WAAW,eAAe,WAAA;mBAAM,uCAAAiB,KAACS,wBAAAA,CAAAA,CAAAA;cAAaC;oBAAW;;;;;AAM/E;",
+  "names": ["FormsDemo", "props", "useState", "status", "setStatus", "useEffect", "timer", "setTimeout", "clearTimeout", "_jsxs", "Form", "alignItems", "minWidth", "gap", "onSubmit", "borderWidth", "borderRadius", "backgroundColor", "borderColor", "padding", "_jsx", "H4", "toUpperCase", "slice", "Trigger", "asChild", "disabled", "Button", "icon", "Spinner", "undefined"]
 }

package/dist/cjs/Grid.native.js

@@ -26,33 +26,38 @@ __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"));
+var import_jsx_runtime = require("react/jsx-runtime"), 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__ */ import_react.default.createElement("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
       style: {
         gap,
         display: "grid",
         justifyContent: "stretch",
         // gridTemplateRows: 'repeat(4, 1fr)',
         gridTemplateColumns: "repeat( auto-fit, minmax(".concat(itemMinWidth, "px, 1fr) )")
-      }
-    }, children);
+      },
+      children: (
+        // gridTemplateColumns: '1fr 1fr',
+        children
+      )
+    });
   var childrenList = import_react.default.Children.toArray(children);
-  return /* @__PURE__ */ import_react.default.createElement(import_stacks.XStack, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(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
-    }, child) : null;
-  }));
+    flexWrap: "wrap",
+    children: childrenList.map(function(child, i) {
+      return child ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.XStack, {
+        flex: 1,
+        minWidth: itemMinWidth,
+        marginRight: gap,
+        marginBottom: gap,
+        children: child
+      }, i) : 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/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"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,cAAsB,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,uCAAAC,KAACC,OAAAA;MACCC,OAAO;QACLJ;QACAK,SAAS;QACTC,gBAAgB;;QAEhBC,qBAAsB,4BAAwC,OAAbR,cAAa,YAAA;MAEhE;;;QAECF;;;AAKP,MAAMW,eAAeC,aAAAA,QAAMC,SAASC,QAAQd,QAAAA;AAE5C,SACE,uCAAAK,KAACU,sBAAAA;IAAOC,YAAW;IAASP,gBAAe;IAASQ,UAAS;cAC1DN,aAAaO,IAAI,SAACC,OAAOC,GAAAA;AACxB,aAAKD,QAMH,uCAAAd,KAACU,sBAAAA;QAECM,MAAM;QACNC,UAAUpB;QACVqB,aAAapB;QACbqB,cAAcrB;kBAEbgB;SANIC,CAAAA,IANA;IAeX,CAAA;;AAGN;",
+  "names": ["Grid", "children", "columns", "itemMinWidth", "gap", "isWeb", "_jsx", "div", "style", "display", "justifyContent", "gridTemplateColumns", "childrenList", "React", "Children", "toArray", "XStack", "alignItems", "flexWrap", "map", "child", "i", "flex", "minWidth", "marginRight", "marginBottom"]
 }

package/dist/cjs/GroupDemo.native.js

@@ -18,33 +18,80 @@ __export(GroupDemo_exports, {
   GroupDemo: () => GroupDemo
 });
 module.exports = __toCommonJS(GroupDemo_exports);
-var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime"), import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui");
 function GroupDemo() {
-  return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(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"))));
+    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"
+            })
+          })
+        ]
+      }),
+      /* responsive + size */
+      /* @__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"
+            })
+          })
+        ]
+      }),
+      /* Separator */
+      /* @__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"
+            })
+          })
+        ]
+      })
+    ]
+  });
 }
 // 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/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"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,sBAAkC,kCAClC,iBAA2E;AAEpE,SAASA,YAAAA;AACd,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,SAAQ;IAAKC,OAAM;IAAKC,YAAW;;MACzC,uCAAAJ,MAACK,sBAAAA;QAAMC,aAAY;;UACjB,uCAAAC,KAACF,qBAAMG,MAAI;sBACT,uCAAAD,KAACE,uBAAAA;wBAAO;;;UAEV,uCAAAF,KAACF,qBAAMG,MAAI;sBACT,uCAAAD,KAACE,uBAAAA;wBAAO;;;UAEV,uCAAAF,KAACF,qBAAMG,MAAI;sBACT,uCAAAD,KAACE,uBAAAA;wBAAO;;;;;;MAKZ,uCAAAT,MAACU,uBAAAA;QAAOC,MAAK;QAAKC,OAAO;UAAED,MAAM;QAAK;;UACpC,uCAAAJ,KAACG,sBAAOF,MAAI;sBACV,uCAAAD,KAACE,uBAAAA;cAAOE,MAAK;cAAKE,MAAMC;wBAAU;;;UAIpC,uCAAAP,KAACG,sBAAOF,MAAI;sBACV,uCAAAD,KAACE,uBAAAA;cAAOE,MAAK;cAAKE,MAAME;wBAAS;;;;;;MAOrC,uCAAAf,MAACgB,uBAAAA;QAAOC,WAAW,uCAAAV,KAACW,0BAAAA,CAAAA,CAAAA;;UAClB,uCAAAX,KAACS,sBAAOR,MAAI;sBACV,uCAAAD,KAACY,yBAAAA;cAASC,OAAM;;;UAElB,uCAAAb,KAACS,sBAAOR,MAAI;sBACV,uCAAAD,KAACY,yBAAAA;cAASC,OAAM;cAASC,UAAS;;;UAEpC,uCAAAd,KAACS,sBAAOR,MAAI;sBACV,uCAAAD,KAACY,yBAAAA;wBAAS;;;;;;;AAKpB;",
+  "names": ["GroupDemo", "_jsxs", "YStack", "padding", "space", "alignItems", "Group", "orientation", "_jsx", "Item", "Button", "XGroup", "size", "$gtSm", "icon", "Activity", "Airplay", "YGroup", "separator", "Separator", "ListItem", "title", "subTitle"]
 }

package/dist/cjs/HeadingsDemo.native.js

@@ -1,9 +1,8 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: !0 });
@@ -13,24 +12,37 @@ 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 __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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var HeadingsDemo_exports = {};
 __export(HeadingsDemo_exports, {
   HeadingsDemo: () => HeadingsDemo
 });
 module.exports = __toCommonJS(HeadingsDemo_exports);
-var import_react = __toESM(require("react")), import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime"), import_react = require("react"), import_tamagui = require("tamagui");
 function HeadingsDemo() {
-  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"));
+  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"
+      })
+    ]
+  });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {