@tamagui/demos 1.89.27 → 1.89.29

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "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"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,kBAClB,iBAA+C;AAExC,SAASA,eAAAA;AACd,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,WAAU;;MAChB,uCAAAC,KAACC,mBAAAA;kBAAG;;MACJ,uCAAAD,KAACE,mBAAAA;kBAAG;;MACJ,uCAAAF,KAACG,mBAAAA;kBAAG;;MACJ,uCAAAH,KAACI,mBAAAA;kBAAG;;MACJ,uCAAAJ,KAACK,mBAAAA;kBAAG;;MACJ,uCAAAL,KAACM,mBAAAA;kBAAG;;;;AAGV;",
+  "names": ["HeadingsDemo", "_jsxs", "YStack", "alignSelf", "_jsx", "H1", "H2", "H3", "H4", "H5", "H6"]
 }

package/dist/cjs/ImageDemo.native.js

@@ -18,9 +18,9 @@ __export(ImageDemo_exports, {
   ImageDemo: () => ImageDemo
 });
 module.exports = __toCommonJS(ImageDemo_exports);
-var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime"), import_tamagui = require("tamagui");
 function ImageDemo() {
-  return /* @__PURE__ */ React.createElement(import_tamagui.Image, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Image, {
     source: {
       uri: "https://placekitten.com/200/300",
       width: 200,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "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"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,iBAAsB;AAEf,SAASA,YAAAA;AACd,SACE,uCAAAC,KAACC,sBAAAA;IACCC,QAAQ;MACNC,KAAK;MACLC,OAAO;MACPC,QAAQ;IACV;;AAGN;",
+  "names": ["ImageDemo", "_jsx", "Image", "source", "uri", "width", "height"]
 }

package/dist/cjs/InputsDemo.native.js

@@ -18,36 +18,47 @@ __export(InputsDemo_exports, {
   InputsDemo: () => InputsDemo
 });
 module.exports = __toCommonJS(InputsDemo_exports);
-var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime"), import_tamagui = require("tamagui");
 function InputsDemo() {
-  return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     width: 200,
     minHeight: 250,
     overflow: "hidden",
     space: "$2",
     margin: "$3",
-    padding: "$2"
-  }, /* @__PURE__ */ React.createElement(InputDemo, {
-    size: "$2"
-  }), /* @__PURE__ */ React.createElement(InputDemo, {
-    size: "$3"
-  }), /* @__PURE__ */ React.createElement(InputDemo, {
-    size: "$4"
-  }), /* @__PURE__ */ React.createElement(import_tamagui.TextArea, {
-    placeholder: "Enter your details..."
-  }));
+    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 /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
     alignItems: "center",
-    space: "$2"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Input, {
-    flex: 1,
-    size: props.size,
-    placeholder: "Size ".concat(props.size, "...")
-  }), /* @__PURE__ */ React.createElement(import_tamagui.Button, {
-    size: props.size
-  }, "Go"));
+    space: "$2",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, {
+        flex: 1,
+        size: props.size,
+        placeholder: "Size ".concat(props.size, "...")
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+        size: props.size,
+        children: "Go"
+      })
+    ]
+  });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/InputsDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AACA;;;;;qBAAwD;AAEjD,SAASA,aAAAA;AACd,SACE,sBAAA,cAACC,uBAAAA;IACCC,OAAO;IACPC,WAAW;IACXC,UAAS;IACTC,OAAM;IACNC,QAAO;IACPC,SAAQ;KAER,sBAAA,cAACC,WAAAA;IAAUC,MAAK;MAChB,sBAAA,cAACD,WAAAA;IAAUC,MAAK;MAChB,sBAAA,cAACD,WAAAA;IAAUC,MAAK;MAChB,sBAAA,cAACC,yBAAAA;IAASC,aAAY;;AAG5B;AAEA,SAASH,UAAUI,OAA2B;AAC5C,SACE,sBAAA,cAACC,uBAAAA;IAAOC,YAAW;IAAST,OAAM;KAChC,sBAAA,cAACU,sBAAAA;IAAMC,MAAM;IAAGP,MAAMG,MAAMH;IAAME,aAAc,QAAkB,OAAXC,MAAMH,MAAK,KAAA;MAClE,sBAAA,cAACQ,uBAAAA;IAAOR,MAAMG,MAAMH;KAAM,IAAA,CAAA;AAGhC;",
-  "names": ["InputsDemo", "YStack", "width", "minHeight", "overflow", "space", "margin", "padding", "InputDemo", "size", "TextArea", "placeholder", "props", "XStack", "alignItems", "Input", "flex", "Button"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDACA,iBAAwD;AAEjD,SAASA,aAAAA;AACd,SACE,uCAAAC,MAACC,uBAAAA;IACCC,OAAO;IACPC,WAAW;IACXC,UAAS;IACTC,OAAM;IACNC,QAAO;IACPC,SAAQ;;MAER,uCAAAC,KAACC,WAAAA;QAAUC,MAAK;;MAChB,uCAAAF,KAACC,WAAAA;QAAUC,MAAK;;MAChB,uCAAAF,KAACC,WAAAA;QAAUC,MAAK;;MAChB,uCAAAF,KAACG,yBAAAA;QAASC,aAAY;;;;AAG5B;AAEA,SAASH,UAAUI,OAA2B;AAC5C,SACE,uCAAAb,MAACc,uBAAAA;IAAOC,YAAW;IAASV,OAAM;;MAChC,uCAAAG,KAACQ,sBAAAA;QAAMC,MAAM;QAAGP,MAAMG,MAAMH;QAAME,aAAc,QAAkB,OAAXC,MAAMH,MAAK,KAAA;;MAClE,uCAAAF,KAACU,uBAAAA;QAAOR,MAAMG,MAAMH;kBAAM;;;;AAGhC;",
+  "names": ["InputsDemo", "_jsxs", "YStack", "width", "minHeight", "overflow", "space", "margin", "padding", "_jsx", "InputDemo", "size", "TextArea", "placeholder", "props", "XStack", "alignItems", "Input", "flex", "Button"]
 }

package/dist/cjs/LabelDemo.native.js

@@ -18,33 +18,48 @@ __export(LabelDemo_exports, {
   LabelDemo: () => LabelDemo
 });
 module.exports = __toCommonJS(LabelDemo_exports);
-var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime"), import_tamagui = require("tamagui");
 function LabelDemo() {
-  return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     padding: "$3",
     minWidth: 300,
-    space: "$4"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
-    alignItems: "center",
-    space: "$4"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Label, {
-    width: 90,
-    htmlFor: "name"
-  }, "Name"), /* @__PURE__ */ React.createElement(import_tamagui.Input, {
-    flex: 1,
-    id: "name",
-    defaultValue: "Nate Wienert"
-  })), /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
-    alignItems: "center",
-    space: "$4"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Label, {
-    width: 90,
-    htmlFor: "notify"
-  }, "Notifications"), /* @__PURE__ */ React.createElement(import_tamagui.Switch, {
-    id: "notify"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Switch.Thumb, {
-    animation: "quick"
-  }))));
+    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"
+            })
+          })
+        ]
+      })
+    ]
+  });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/LabelDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;qBAAqD;AAE9C,SAASA,YAAAA;AACd,SACE,sBAAA,cAACC,uBAAAA;IAAOC,SAAQ;IAAKC,UAAU;IAAKC,OAAM;KACxC,sBAAA,cAACC,uBAAAA;IAAOC,YAAW;IAASF,OAAM;KAChC,sBAAA,cAACG,sBAAAA;IAAMC,OAAO;IAAIC,SAAQ;KAAO,MAAA,GAGjC,sBAAA,cAACC,sBAAAA;IAAMC,MAAM;IAAGC,IAAG;IAAOC,cAAa;OAGzC,sBAAA,cAACR,uBAAAA;IAAOC,YAAW;IAASF,OAAM;KAChC,sBAAA,cAACG,sBAAAA;IAAMC,OAAO;IAAIC,SAAQ;KAAS,eAAA,GAGnC,sBAAA,cAACK,uBAAAA;IAAOF,IAAG;KACT,sBAAA,cAACE,sBAAOC,OAAK;IAACC,WAAU;;AAKlC;",
-  "names": ["LabelDemo", "YStack", "padding", "minWidth", "space", "XStack", "alignItems", "Label", "width", "htmlFor", "Input", "flex", "id", "defaultValue", "Switch", "Thumb", "animation"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,iBAAqD;AAE9C,SAASA,YAAAA;AACd,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,SAAQ;IAAKC,UAAU;IAAKC,OAAM;;MACxC,uCAAAJ,MAACK,uBAAAA;QAAOC,YAAW;QAASF,OAAM;;UAChC,uCAAAG,KAACC,sBAAAA;YAAMC,OAAO;YAAIC,SAAQ;sBAAO;;UAGjC,uCAAAH,KAACI,sBAAAA;YAAMC,MAAM;YAAGC,IAAG;YAAOC,cAAa;;;;MAGzC,uCAAAd,MAACK,uBAAAA;QAAOC,YAAW;QAASF,OAAM;;UAChC,uCAAAG,KAACC,sBAAAA;YAAMC,OAAO;YAAIC,SAAQ;sBAAS;;UAGnC,uCAAAH,KAACQ,uBAAAA;YAAOF,IAAG;sBACT,uCAAAN,KAACQ,sBAAOC,OAAK;cAACC,WAAU;;;;;;;AAKlC;",
+  "names": ["LabelDemo", "_jsxs", "YStack", "padding", "minWidth", "space", "XStack", "alignItems", "_jsx", "Label", "width", "htmlFor", "Input", "flex", "id", "defaultValue", "Switch", "Thumb", "animation"]
 }

package/dist/cjs/LinearGradientDemo.native.js

@@ -18,43 +18,49 @@ __export(LinearGradientDemo_exports, {
   LinearGradientDemo: () => LinearGradientDemo
 });
 module.exports = __toCommonJS(LinearGradientDemo_exports);
-var import_tamagui = require("tamagui"), import_linear_gradient = require("tamagui/linear-gradient");
+var import_jsx_runtime = require("react/jsx-runtime"), import_tamagui = require("tamagui"), import_linear_gradient = require("tamagui/linear-gradient");
 function LinearGradientDemo() {
-  return /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
-    space: !0
-  }, /* @__PURE__ */ React.createElement(import_linear_gradient.LinearGradient, {
-    width: "$6",
-    height: "$6",
-    borderRadius: "$4",
-    colors: [
-      "$red10",
-      "$yellow10"
-    ],
-    start: [
-      0,
-      1
-    ],
-    end: [
-      0,
-      0
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+    space: !0,
+    children: [
+      /* tokens */
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {
+        width: "$6",
+        height: "$6",
+        borderRadius: "$4",
+        colors: [
+          "$red10",
+          "$yellow10"
+        ],
+        start: [
+          0,
+          1
+        ],
+        end: [
+          0,
+          0
+        ]
+      }),
+      /* theme values */
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {
+        width: "$6",
+        height: "$6",
+        borderRadius: "$4",
+        colors: [
+          "$background",
+          "$color"
+        ],
+        start: [
+          1,
+          1
+        ],
+        end: [
+          0,
+          0
+        ]
+      })
     ]
-  }), /* @__PURE__ */ React.createElement(import_linear_gradient.LinearGradient, {
-    width: "$6",
-    height: "$6",
-    borderRadius: "$4",
-    colors: [
-      "$background",
-      "$color"
-    ],
-    start: [
-      1,
-      1
-    ],
-    end: [
-      0,
-      0
-    ]
-  }));
+  });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/LinearGradientDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;qBAAuB,oBACvB,yBAA+B;AAExB,SAASA,qBAAAA;AACd,SACE,sBAAA,cAACC,uBAAAA;IAAOC,OAAAA;KAEN,sBAAA,cAACC,uCAAAA;IACCC,OAAM;IACNC,QAAO;IACPC,cAAa;IACbC,QAAQ;MAAC;MAAU;;IACnBC,OAAO;MAAC;MAAG;;IACXC,KAAK;MAAC;MAAG;;MAIX,sBAAA,cAACN,uCAAAA;IACCC,OAAM;IACNC,QAAO;IACPC,cAAa;IACbC,QAAQ;MAAC;MAAe;;IACxBC,OAAO;MAAC;MAAG;;IACXC,KAAK;MAAC;MAAG;;;AAIjB;",
-  "names": ["LinearGradientDemo", "XStack", "space", "LinearGradient", "width", "height", "borderRadius", "colors", "start", "end"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,iBAAuB,oBACvB,yBAA+B;AAExB,SAASA,qBAAAA;AACd,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,OAAK;;;MAEX,uCAAAC,KAACC,uCAAAA;QACCC,OAAM;QACNC,QAAO;QACPC,cAAa;QACbC,QAAQ;UAAC;UAAU;;QACnBC,OAAO;UAAC;UAAG;;QACXC,KAAK;UAAC;UAAG;;;;MAIX,uCAAAP,KAACC,uCAAAA;QACCC,OAAM;QACNC,QAAO;QACPC,cAAa;QACbC,QAAQ;UAAC;UAAe;;QACxBC,OAAO;UAAC;UAAG;;QACXC,KAAK;UAAC;UAAG;;;;;AAIjB;",
+  "names": ["LinearGradientDemo", "_jsxs", "XStack", "space", "_jsx", "LinearGradient", "width", "height", "borderRadius", "colors", "start", "end"]
 }

package/dist/cjs/ListItemDemo.native.js

@@ -18,60 +18,89 @@ __export(ListItemDemo_exports, {
   ListItemDemo: () => ListItemDemo
 });
 module.exports = __toCommonJS(ListItemDemo_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 ListItemDemo() {
-  return /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
     $sm: {
       flexDirection: "column"
     },
     paddingHorizontal: "$4",
-    space: !0
-  }, /* @__PURE__ */ React.createElement(ListItemDemo1, null), /* @__PURE__ */ React.createElement(ListItemDemo2, null));
+    space: !0,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemDemo1, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemDemo2, {})
+    ]
+  });
 }
 function ListItemDemo1() {
-  return /* @__PURE__ */ React.createElement(import_tamagui.YGroup, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YGroup, {
     alignSelf: "center",
     bordered: !0,
     width: 240,
-    size: "$4"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.YGroup.Item, null, /* @__PURE__ */ React.createElement(import_tamagui.ListItem, {
-    hoverTheme: !0,
-    icon: import_lucide_icons.Star,
-    title: "Star",
-    subTitle: "Twinkles"
-  })), /* @__PURE__ */ React.createElement(import_tamagui.YGroup.Item, null, /* @__PURE__ */ React.createElement(import_tamagui.ListItem, {
-    hoverTheme: !0,
-    icon: import_lucide_icons.Moon
-  }, "Moon")), /* @__PURE__ */ React.createElement(import_tamagui.YGroup.Item, null, /* @__PURE__ */ React.createElement(import_tamagui.ListItem, {
-    hoverTheme: !0,
-    icon: import_lucide_icons.Sun
-  }, "Sun")), /* @__PURE__ */ React.createElement(import_tamagui.YGroup.Item, null, /* @__PURE__ */ React.createElement(import_tamagui.ListItem, {
-    hoverTheme: !0,
-    icon: import_lucide_icons.Cloud
-  }, "Cloud")));
+    size: "$4",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
+          hoverTheme: !0,
+          icon: import_lucide_icons.Star,
+          title: "Star",
+          subTitle: "Twinkles"
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
+          hoverTheme: !0,
+          icon: import_lucide_icons.Moon,
+          children: "Moon"
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
+          hoverTheme: !0,
+          icon: import_lucide_icons.Sun,
+          children: "Sun"
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
+          hoverTheme: !0,
+          icon: import_lucide_icons.Cloud,
+          children: "Cloud"
+        })
+      })
+    ]
+  });
 }
 function ListItemDemo2() {
-  return /* @__PURE__ */ React.createElement(import_tamagui.YGroup, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YGroup, {
     alignSelf: "center",
     bordered: !0,
     width: 240,
     size: "$5",
-    separator: /* @__PURE__ */ React.createElement(import_tamagui.Separator, null)
-  }, /* @__PURE__ */ React.createElement(import_tamagui.YGroup.Item, null, /* @__PURE__ */ React.createElement(import_tamagui.ListItem, {
-    hoverTheme: !0,
-    pressTheme: !0,
-    title: "Star",
-    subTitle: "Subtitle",
-    icon: import_lucide_icons.Star,
-    iconAfter: import_lucide_icons.ChevronRight
-  })), /* @__PURE__ */ React.createElement(import_tamagui.YGroup.Item, null, /* @__PURE__ */ React.createElement(import_tamagui.ListItem, {
-    hoverTheme: !0,
-    pressTheme: !0,
-    title: "Moon",
-    subTitle: "Subtitle",
-    icon: import_lucide_icons.Moon,
-    iconAfter: import_lucide_icons.ChevronRight
-  })));
+    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, {
+          hoverTheme: !0,
+          pressTheme: !0,
+          title: "Star",
+          subTitle: "Subtitle",
+          icon: import_lucide_icons.Star,
+          iconAfter: import_lucide_icons.ChevronRight
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
+          hoverTheme: !0,
+          pressTheme: !0,
+          title: "Moon",
+          subTitle: "Subtitle",
+          icon: import_lucide_icons.Moon,
+          iconAfter: import_lucide_icons.ChevronRight
+        })
+      })
+    ]
+  });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/ListItemDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;0BAAqD,kCACrD,iBAAoD;AAE7C,SAASA,eAAAA;AACd,SACE,sBAAA,cAACC,uBAAAA;IAAOC,KAAK;MAAEC,eAAe;IAAS;IAAGC,mBAAkB;IAAKC,OAAAA;KAC/D,sBAAA,cAACC,eAAAA,IAAAA,GACD,sBAAA,cAACC,eAAAA,IAAAA,CAAAA;AAGP;AAEA,SAASD,gBAAAA;AACP,SACE,sBAAA,cAACE,uBAAAA;IAAOC,WAAU;IAASC,UAAAA;IAASC,OAAO;IAAKC,MAAK;KACnD,sBAAA,cAACJ,sBAAOK,MAAI,MACV,sBAAA,cAACC,yBAAAA;IAASC,YAAAA;IAAWC,MAAMC;IAAMC,OAAM;IAAOC,UAAS;OAEzD,sBAAA,cAACX,sBAAOK,MAAI,MACV,sBAAA,cAACC,yBAAAA;IAASC,YAAAA;IAAWC,MAAMI;KAAM,MAAA,CAAA,GAInC,sBAAA,cAACZ,sBAAOK,MAAI,MACV,sBAAA,cAACC,yBAAAA;IAASC,YAAAA;IAAWC,MAAMK;KAAK,KAAA,CAAA,GAIlC,sBAAA,cAACb,sBAAOK,MAAI,MACV,sBAAA,cAACC,yBAAAA;IAASC,YAAAA;IAAWC,MAAMM;KAAO,OAAA,CAAA,CAAA;AAM1C;AAEA,SAASf,gBAAAA;AACP,SACE,sBAAA,cAACC,uBAAAA;IAAOC,WAAU;IAASC,UAAAA;IAASC,OAAO;IAAKC,MAAK;IAAKW,WAAW,sBAAA,cAACC,0BAAAA,IAAAA;KACpE,sBAAA,cAAChB,sBAAOK,MAAI,MACV,sBAAA,cAACC,yBAAAA;IACCC,YAAAA;IACAU,YAAAA;IACAP,OAAM;IACNC,UAAS;IACTH,MAAMC;IACNS,WAAWC;OAGf,sBAAA,cAACnB,sBAAOK,MAAI,MACV,sBAAA,cAACC,yBAAAA;IACCC,YAAAA;IACAU,YAAAA;IACAP,OAAM;IACNC,UAAS;IACTH,MAAMI;IACNM,WAAWC;;AAKrB;",
-  "names": ["ListItemDemo", "XStack", "$sm", "flexDirection", "paddingHorizontal", "space", "ListItemDemo1", "ListItemDemo2", "YGroup", "alignSelf", "bordered", "width", "size", "Item", "ListItem", "hoverTheme", "icon", "Star", "title", "subTitle", "Moon", "Sun", "Cloud", "separator", "Separator", "pressTheme", "iconAfter", "ChevronRight"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,sBAAqD,kCACrD,iBAAoD;AAE7C,SAASA,eAAAA;AACd,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,KAAK;MAAEC,eAAe;IAAS;IAAGC,mBAAkB;IAAKC,OAAK;;MACpE,uCAAAC,KAACC,eAAAA,CAAAA,CAAAA;MACD,uCAAAD,KAACE,eAAAA,CAAAA,CAAAA;;;AAGP;AAEA,SAASD,gBAAAA;AACP,SACE,uCAAAP,MAACS,uBAAAA;IAAOC,WAAU;IAASC,UAAQ;IAACC,OAAO;IAAKC,MAAK;;MACnD,uCAAAP,KAACG,sBAAOK,MAAI;kBACV,uCAAAR,KAACS,yBAAAA;UAASC,YAAU;UAACC,MAAMC;UAAMC,OAAM;UAAOC,UAAS;;;MAEzD,uCAAAd,KAACG,sBAAOK,MAAI;kBACV,uCAAAR,KAACS,yBAAAA;UAASC,YAAU;UAACC,MAAMI;oBAAM;;;MAInC,uCAAAf,KAACG,sBAAOK,MAAI;kBACV,uCAAAR,KAACS,yBAAAA;UAASC,YAAU;UAACC,MAAMK;oBAAK;;;MAIlC,uCAAAhB,KAACG,sBAAOK,MAAI;kBACV,uCAAAR,KAACS,yBAAAA;UAASC,YAAU;UAACC,MAAMM;oBAAO;;;;;AAM1C;AAEA,SAASf,gBAAAA;AACP,SACE,uCAAAR,MAACS,uBAAAA;IAAOC,WAAU;IAASC,UAAQ;IAACC,OAAO;IAAKC,MAAK;IAAKW,WAAW,uCAAAlB,KAACmB,0BAAAA,CAAAA,CAAAA;;MACpE,uCAAAnB,KAACG,sBAAOK,MAAI;kBACV,uCAAAR,KAACS,yBAAAA;UACCC,YAAU;UACVU,YAAU;UACVP,OAAM;UACNC,UAAS;UACTH,MAAMC;UACNS,WAAWC;;;MAGf,uCAAAtB,KAACG,sBAAOK,MAAI;kBACV,uCAAAR,KAACS,yBAAAA;UACCC,YAAU;UACVU,YAAU;UACVP,OAAM;UACNC,UAAS;UACTH,MAAMI;UACNM,WAAWC;;;;;AAKrB;",
+  "names": ["ListItemDemo", "_jsxs", "XStack", "$sm", "flexDirection", "paddingHorizontal", "space", "_jsx", "ListItemDemo1", "ListItemDemo2", "YGroup", "alignSelf", "bordered", "width", "size", "Item", "ListItem", "hoverTheme", "icon", "Star", "title", "subTitle", "Moon", "Sun", "Cloud", "separator", "Separator", "pressTheme", "iconAfter", "ChevronRight"]
 }

package/dist/cjs/LucideIconsDemo.native.js

@@ -26,7 +26,7 @@ __export(LucideIconsDemo_exports, {
   LucideIconsDemo: () => LucideIconsDemo
 });
 module.exports = __toCommonJS(LucideIconsDemo_exports);
-var LucideIcons = __toESM(require("@tamagui/lucide-icons")), import_react = require("react"), import_react_native = require("react-native"), import_tamagui = require("tamagui"), import_Grid = require("./Grid");
+var import_jsx_runtime = require("react/jsx-runtime"), LucideIcons = __toESM(require("@tamagui/lucide-icons")), import_react = require("react"), import_react_native = require("react-native"), import_tamagui = require("tamagui"), import_Grid = require("./Grid");
 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++)
@@ -90,40 +90,53 @@ function LucideIconsDemo() {
       return x.key.includes(search.toLowerCase());
     }).map(function(param) {
       var Icon = param.Icon, name = param.name;
-      return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
         height: size + 20,
         alignItems: "center",
         justifyContent: "center",
-        key: name
-      }, /* @__PURE__ */ React.createElement(Icon, {
-        size: size * 0.25
-      }), /* @__PURE__ */ React.createElement(import_tamagui.Spacer, null), /* @__PURE__ */ React.createElement(import_tamagui.Paragraph, {
-        height: "$6",
-        wordWrap: "break-word",
-        maxWidth: "100%",
-        textAlign: "center",
-        paddingHorizontal: "$2",
-        size: "$1",
-        opacity: 0.5
-      }, name));
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
+            size: size * 0.25
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spacer, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+            height: "$6",
+            wordWrap: "break-word",
+            maxWidth: "100%",
+            textAlign: "center",
+            paddingHorizontal: "$2",
+            size: "$1",
+            opacity: 0.5,
+            children: name
+          })
+        ]
+      }, name);
     });
   }, [
     search
   ]);
-  return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     minWidth: "100%",
     padding: "$4",
     paddingBottom: "$0",
-    space: !0
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Input, {
-    value: searchRaw,
-    onChangeText: setSearch,
-    placeholder: "Search..."
-  }), /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
-    height: 420
-  }, /* @__PURE__ */ React.createElement(import_react_native.ScrollView, null, /* @__PURE__ */ React.createElement(import_Grid.Grid, {
-    itemMinWidth: size
-  }, iconsMemo))));
+    space: !0,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, {
+        value: searchRaw,
+        onChangeText: setSearch,
+        placeholder: "Search..."
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        height: 420,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.ScrollView, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Grid.Grid, {
+            itemMinWidth: size,
+            children: iconsMemo
+          })
+        })
+      })
+    ]
+  });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/LucideIconsDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kBAA6B,2CAC7B,eAAkC,kBAClC,sBAA2B,yBAC3B,iBAAmE,oBAEnE,cAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAErB,IAAMA,cAAcC,OAAOC;;EAEzB,OAAOC,cAAgB,MAAcA,cAAc,CAAC;AAAA,EACpDC,IAAI,SAACC,MAAAA;SAAU;IACfC,KAAKD,KAAKE,YAAW;IACrBF;IACAG,MAAML,YAAYE,IAAAA;EACpB;;AAEO,SAASI,kBAAAA;AACd,MAA+BC,YAAAA,qBAAAA,uBAAS,EAAA,GAAA,CAAA,GAAjCC,YAAwBD,UAAAA,CAAAA,GAAbE,YAAaF,UAAAA,CAAAA,GACzBG,aAASC,iCAAiBH,WAAW,GAAA,GAErCI,OAAO,KAEPC,gBAAYC,sBAChB,WAAA;WACEjB,YACGkB,OAAO,SAACC,GAAAA;aAAMA,EAAEb,IAAIc,SAASP,OAAON,YAAW,CAAA;OAC/CH,IAAI,SAAA,OAAA;UAAGI,OAAAA,MAAAA,MAAMH,OAAAA,MAAAA;aACZ,sBAAA,cAACgB,uBAAAA;QACCC,QAAQP,OAAO;QACfQ,YAAW;QACXC,gBAAe;QACflB,KAAKD;SAEL,sBAAA,cAACG,MAAAA;QAAKO,MAAMA,OAAO;UACnB,sBAAA,cAACU,uBAAAA,IAAAA,GACD,sBAAA,cAACC,0BAAAA;QACCJ,QAAO;QACPK,UAAS;QACTC,UAAS;QACTC,WAAU;QACVC,mBAAkB;QAClBf,MAAK;QACLgB,SAAS;SAER1B,IAAAA,CAAAA;;KAIX;IAACQ;GAAO;AAGV,SACE,sBAAA,cAACQ,uBAAAA;IAAOW,UAAS;IAAOC,SAAQ;IAAKC,eAAc;IAAKC,OAAAA;KACtD,sBAAA,cAACC,sBAAAA;IAAMC,OAAO1B;IAAW2B,cAAc1B;IAAW2B,aAAY;MAE9D,sBAAA,cAAClB,uBAAAA;IAAOC,QAAQ;KACd,sBAAA,cAACkB,gCAAAA,MACC,sBAAA,cAACC,kBAAAA;IAAKC,cAAc3B;KAAOC,SAAAA,CAAAA,CAAAA,CAAAA;AAKrC;",
-  "names": ["lucideIcons", "Object", "keys", "LucideIcons", "map", "name", "key", "toLowerCase", "Icon", "LucideIconsDemo", "useState", "searchRaw", "setSearch", "search", "useDebounceValue", "size", "iconsMemo", "useMemo", "filter", "x", "includes", "YStack", "height", "alignItems", "justifyContent", "Spacer", "Paragraph", "wordWrap", "maxWidth", "textAlign", "paddingHorizontal", "opacity", "minWidth", "padding", "paddingBottom", "space", "Input", "value", "onChangeText", "placeholder", "ScrollView", "Grid", "itemMinWidth"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,cAA6B,2CAC7B,eAAkC,kBAClC,sBAA2B,yBAC3B,iBAAmE,oBAEnE,cAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAErB,IAAMA,cAAcC,OAAOC;;EAEzB,OAAOC,cAAgB,MAAcA,cAAc,CAAC;AAAA,EACpDC,IAAI,SAACC,MAAAA;SAAU;IACfC,KAAKD,KAAKE,YAAW;IACrBF;IACAG,MAAML,YAAYE,IAAAA;EACpB;;AAEO,SAASI,kBAAAA;AACd,MAA+BC,YAAAA,qBAAAA,uBAAS,EAAA,GAAA,CAAA,GAAjCC,YAAwBD,UAAAA,CAAAA,GAAbE,YAAaF,UAAAA,CAAAA,GACzBG,aAASC,iCAAiBH,WAAW,GAAA,GAErCI,OAAO,KAEPC,gBAAYC,sBAChB,WAAA;WACEjB,YACGkB,OAAO,SAACC,GAAAA;aAAMA,EAAEb,IAAIc,SAASP,OAAON,YAAW,CAAA;OAC/CH,IAAI,SAAA,OAAA;UAAGI,OAAAA,MAAAA,MAAMH,OAAAA,MAAAA;aACZ,uCAAAgB,MAACC,uBAAAA;QACCC,QAAQR,OAAO;QACfS,YAAW;QACXC,gBAAe;;UAGf,uCAAAC,KAAClB,MAAAA;YAAKO,MAAMA,OAAO;;UACnB,uCAAAW,KAACC,uBAAAA,CAAAA,CAAAA;UACD,uCAAAD,KAACE,0BAAAA;YACCL,QAAO;YACPM,UAAS;YACTC,UAAS;YACTC,WAAU;YACVC,mBAAkB;YAClBjB,MAAK;YACLkB,SAAS;sBAER5B;;;SAbEA,IAAAA;;KAiBb;IAACQ;GAAO;AAGV,SACE,uCAAAQ,MAACC,uBAAAA;IAAOY,UAAS;IAAOC,SAAQ;IAAKC,eAAc;IAAKC,OAAK;;MAC3D,uCAAAX,KAACY,sBAAAA;QAAMC,OAAO5B;QAAW6B,cAAc5B;QAAW6B,aAAY;;MAE9D,uCAAAf,KAACJ,uBAAAA;QAAOC,QAAQ;kBACd,uCAAAG,KAACgB,gCAAAA;oBACC,uCAAAhB,KAACiB,kBAAAA;YAAKC,cAAc7B;sBAAOC;;;;;;AAKrC;",
+  "names": ["lucideIcons", "Object", "keys", "LucideIcons", "map", "name", "key", "toLowerCase", "Icon", "LucideIconsDemo", "useState", "searchRaw", "setSearch", "search", "useDebounceValue", "size", "iconsMemo", "useMemo", "filter", "x", "includes", "_jsxs", "YStack", "height", "alignItems", "justifyContent", "_jsx", "Spacer", "Paragraph", "wordWrap", "maxWidth", "textAlign", "paddingHorizontal", "opacity", "minWidth", "padding", "paddingBottom", "space", "Input", "value", "onChangeText", "placeholder", "ScrollView", "Grid", "itemMinWidth"]
 }