@tamagui/demos 1.89.28 → 1.89.30

package/dist/jsx/InputsDemo.native.js

@@ -1,33 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Input, TextArea, XStack, YStack } from "tamagui";
 function InputsDemo() {
-  return /* @__PURE__ */ React.createElement(YStack, {
+  return /* @__PURE__ */ _jsxs(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(TextArea, {
-    placeholder: "Enter your details..."
-  }));
+    padding: "$2",
+    children: [
+      /* @__PURE__ */ _jsx(InputDemo, {
+        size: "$2"
+      }),
+      /* @__PURE__ */ _jsx(InputDemo, {
+        size: "$3"
+      }),
+      /* @__PURE__ */ _jsx(InputDemo, {
+        size: "$4"
+      }),
+      /* @__PURE__ */ _jsx(TextArea, {
+        placeholder: "Enter your details..."
+      })
+    ]
+  });
 }
 function InputDemo(props) {
-  return /* @__PURE__ */ React.createElement(XStack, {
+  return /* @__PURE__ */ _jsxs(XStack, {
     alignItems: "center",
-    space: "$2"
-  }, /* @__PURE__ */ React.createElement(Input, {
-    flex: 1,
-    size: props.size,
-    placeholder: "Size ".concat(props.size, "...")
-  }), /* @__PURE__ */ React.createElement(Button, {
-    size: props.size
-  }, "Go"));
+    space: "$2",
+    children: [
+      /* @__PURE__ */ _jsx(Input, {
+        flex: 1,
+        size: props.size,
+        placeholder: "Size ".concat(props.size, "...")
+      }),
+      /* @__PURE__ */ _jsx(Button, {
+        size: props.size,
+        children: "Go"
+      })
+    ]
+  });
 }
 export {
   InputsDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/InputsDemo.tsx"],
-  "mappings": "AACA,SAASA,QAAQC,OAAOC,UAAUC,QAAQC,cAAc;AAEjD,SAASC,aAAAA;AACd,SACE,sBAAA,cAACD,QAAAA;IACCE,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,cAACX,UAAAA;IAASY,aAAY;;AAG5B;AAEA,SAASF,UAAUG,OAA2B;AAC5C,SACE,sBAAA,cAACZ,QAAAA;IAAOa,YAAW;IAASP,OAAM;KAChC,sBAAA,cAACR,OAAAA;IAAMgB,MAAM;IAAGJ,MAAME,MAAMF;IAAMC,aAAc,QAAkB,OAAXC,MAAMF,MAAK,KAAA;MAClE,sBAAA,cAACb,QAAAA;IAAOa,MAAME,MAAMF;KAAM,IAAA,CAAA;AAGhC;",
+  "mappings": ";AACA,SAASA,QAAQC,OAAOC,UAAUC,QAAQC,cAAc;AAEjD,SAASC,aAAAA;AACd,SACE,sBAACD,QAAAA;IACCE,OAAO;IACPC,WAAW;IACXC,UAAS;IACTC,OAAM;IACNC,QAAO;IACPC,SAAQ;;MAER,qBAACC,WAAAA;QAAUC,MAAK;;MAChB,qBAACD,WAAAA;QAAUC,MAAK;;MAChB,qBAACD,WAAAA;QAAUC,MAAK;;MAChB,qBAACX,UAAAA;QAASY,aAAY;;;;AAG5B;AAEA,SAASF,UAAUG,OAA2B;AAC5C,SACE,sBAACZ,QAAAA;IAAOa,YAAW;IAASP,OAAM;;MAChC,qBAACR,OAAAA;QAAMgB,MAAM;QAAGJ,MAAME,MAAMF;QAAMC,aAAc,QAAkB,OAAXC,MAAMF,MAAK,KAAA;;MAClE,qBAACb,QAAAA;QAAOa,MAAME,MAAMF;kBAAM;;;;AAGhC;",
   "names": ["Button", "Input", "TextArea", "XStack", "YStack", "InputsDemo", "width", "minHeight", "overflow", "space", "margin", "padding", "InputDemo", "size", "placeholder", "props", "alignItems", "flex"]
 }

package/dist/jsx/LabelDemo.native.js

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

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/LabelDemo.tsx"],
-  "mappings": "AAAA,SAASA,OAAOC,OAAOC,QAAQC,QAAQC,cAAc;AAE9C,SAASC,YAAAA;AACd,SACE,sBAAA,cAACD,QAAAA;IAAOE,SAAQ;IAAKC,UAAU;IAAKC,OAAM;KACxC,sBAAA,cAACL,QAAAA;IAAOM,YAAW;IAASD,OAAM;KAChC,sBAAA,cAACP,OAAAA;IAAMS,OAAO;IAAIC,SAAQ;KAAO,MAAA,GAGjC,sBAAA,cAACX,OAAAA;IAAMY,MAAM;IAAGC,IAAG;IAAOC,cAAa;OAGzC,sBAAA,cAACX,QAAAA;IAAOM,YAAW;IAASD,OAAM;KAChC,sBAAA,cAACP,OAAAA;IAAMS,OAAO;IAAIC,SAAQ;KAAS,eAAA,GAGnC,sBAAA,cAACT,QAAAA;IAAOW,IAAG;KACT,sBAAA,cAACX,OAAOa,OAAK;IAACC,WAAU;;AAKlC;",
+  "mappings": ";AAAA,SAASA,OAAOC,OAAOC,QAAQC,QAAQC,cAAc;AAE9C,SAASC,YAAAA;AACd,SACE,sBAACD,QAAAA;IAAOE,SAAQ;IAAKC,UAAU;IAAKC,OAAM;;MACxC,sBAACL,QAAAA;QAAOM,YAAW;QAASD,OAAM;;UAChC,qBAACP,OAAAA;YAAMS,OAAO;YAAIC,SAAQ;sBAAO;;UAGjC,qBAACX,OAAAA;YAAMY,MAAM;YAAGC,IAAG;YAAOC,cAAa;;;;MAGzC,sBAACX,QAAAA;QAAOM,YAAW;QAASD,OAAM;;UAChC,qBAACP,OAAAA;YAAMS,OAAO;YAAIC,SAAQ;sBAAS;;UAGnC,qBAACT,QAAAA;YAAOW,IAAG;sBACT,qBAACX,OAAOa,OAAK;cAACC,WAAU;;;;;;;AAKlC;",
   "names": ["Input", "Label", "Switch", "XStack", "YStack", "LabelDemo", "padding", "minWidth", "space", "alignItems", "width", "htmlFor", "flex", "id", "defaultValue", "Thumb", "animation"]
 }

package/dist/jsx/LinearGradientDemo.native.js

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

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/LinearGradientDemo.tsx"],
-  "mappings": "AAAA,SAASA,cAAc;AACvB,SAASC,sBAAsB;AAExB,SAASC,qBAAAA;AACd,SACE,sBAAA,cAACF,QAAAA;IAAOG,OAAAA;KAEN,sBAAA,cAACF,gBAAAA;IACCG,OAAM;IACNC,QAAO;IACPC,cAAa;IACbC,QAAQ;MAAC;MAAU;;IACnBC,OAAO;MAAC;MAAG;;IACXC,KAAK;MAAC;MAAG;;MAIX,sBAAA,cAACR,gBAAAA;IACCG,OAAM;IACNC,QAAO;IACPC,cAAa;IACbC,QAAQ;MAAC;MAAe;;IACxBC,OAAO;MAAC;MAAG;;IACXC,KAAK;MAAC;MAAG;;;AAIjB;",
+  "mappings": ";AAAA,SAASA,cAAc;AACvB,SAASC,sBAAsB;AAExB,SAASC,qBAAAA;AACd,SACE,sBAACF,QAAAA;IAAOG,OAAK;;;MAEX,qBAACF,gBAAAA;QACCG,OAAM;QACNC,QAAO;QACPC,cAAa;QACbC,QAAQ;UAAC;UAAU;;QACnBC,OAAO;UAAC;UAAG;;QACXC,KAAK;UAAC;UAAG;;;;MAIX,qBAACR,gBAAAA;QACCG,OAAM;QACNC,QAAO;QACPC,cAAa;QACbC,QAAQ;UAAC;UAAe;;QACxBC,OAAO;UAAC;UAAG;;QACXC,KAAK;UAAC;UAAG;;;;;AAIjB;",
   "names": ["XStack", "LinearGradient", "LinearGradientDemo", "space", "width", "height", "borderRadius", "colors", "start", "end"]
 }

package/dist/jsx/ListItemDemo.native.js

@@ -1,58 +1,88 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronRight, Cloud, Moon, Star, Sun } from "@tamagui/lucide-icons";
 import { ListItem, Separator, XStack, YGroup } from "tamagui";
 function ListItemDemo() {
-  return /* @__PURE__ */ React.createElement(XStack, {
+  return /* @__PURE__ */ _jsxs(XStack, {
     $sm: {
       flexDirection: "column"
     },
     paddingHorizontal: "$4",
-    space: !0
-  }, /* @__PURE__ */ React.createElement(ListItemDemo1, null), /* @__PURE__ */ React.createElement(ListItemDemo2, null));
+    space: !0,
+    children: [
+      /* @__PURE__ */ _jsx(ListItemDemo1, {}),
+      /* @__PURE__ */ _jsx(ListItemDemo2, {})
+    ]
+  });
 }
 function ListItemDemo1() {
-  return /* @__PURE__ */ React.createElement(YGroup, {
+  return /* @__PURE__ */ _jsxs(YGroup, {
     alignSelf: "center",
     bordered: !0,
     width: 240,
-    size: "$4"
-  }, /* @__PURE__ */ React.createElement(YGroup.Item, null, /* @__PURE__ */ React.createElement(ListItem, {
-    hoverTheme: !0,
-    icon: Star,
-    title: "Star",
-    subTitle: "Twinkles"
-  })), /* @__PURE__ */ React.createElement(YGroup.Item, null, /* @__PURE__ */ React.createElement(ListItem, {
-    hoverTheme: !0,
-    icon: Moon
-  }, "Moon")), /* @__PURE__ */ React.createElement(YGroup.Item, null, /* @__PURE__ */ React.createElement(ListItem, {
-    hoverTheme: !0,
-    icon: Sun
-  }, "Sun")), /* @__PURE__ */ React.createElement(YGroup.Item, null, /* @__PURE__ */ React.createElement(ListItem, {
-    hoverTheme: !0,
-    icon: Cloud
-  }, "Cloud")));
+    size: "$4",
+    children: [
+      /* @__PURE__ */ _jsx(YGroup.Item, {
+        children: /* @__PURE__ */ _jsx(ListItem, {
+          hoverTheme: !0,
+          icon: Star,
+          title: "Star",
+          subTitle: "Twinkles"
+        })
+      }),
+      /* @__PURE__ */ _jsx(YGroup.Item, {
+        children: /* @__PURE__ */ _jsx(ListItem, {
+          hoverTheme: !0,
+          icon: Moon,
+          children: "Moon"
+        })
+      }),
+      /* @__PURE__ */ _jsx(YGroup.Item, {
+        children: /* @__PURE__ */ _jsx(ListItem, {
+          hoverTheme: !0,
+          icon: Sun,
+          children: "Sun"
+        })
+      }),
+      /* @__PURE__ */ _jsx(YGroup.Item, {
+        children: /* @__PURE__ */ _jsx(ListItem, {
+          hoverTheme: !0,
+          icon: Cloud,
+          children: "Cloud"
+        })
+      })
+    ]
+  });
 }
 function ListItemDemo2() {
-  return /* @__PURE__ */ React.createElement(YGroup, {
+  return /* @__PURE__ */ _jsxs(YGroup, {
     alignSelf: "center",
     bordered: !0,
     width: 240,
     size: "$5",
-    separator: /* @__PURE__ */ React.createElement(Separator, null)
-  }, /* @__PURE__ */ React.createElement(YGroup.Item, null, /* @__PURE__ */ React.createElement(ListItem, {
-    hoverTheme: !0,
-    pressTheme: !0,
-    title: "Star",
-    subTitle: "Subtitle",
-    icon: Star,
-    iconAfter: ChevronRight
-  })), /* @__PURE__ */ React.createElement(YGroup.Item, null, /* @__PURE__ */ React.createElement(ListItem, {
-    hoverTheme: !0,
-    pressTheme: !0,
-    title: "Moon",
-    subTitle: "Subtitle",
-    icon: Moon,
-    iconAfter: ChevronRight
-  })));
+    separator: /* @__PURE__ */ _jsx(Separator, {}),
+    children: [
+      /* @__PURE__ */ _jsx(YGroup.Item, {
+        children: /* @__PURE__ */ _jsx(ListItem, {
+          hoverTheme: !0,
+          pressTheme: !0,
+          title: "Star",
+          subTitle: "Subtitle",
+          icon: Star,
+          iconAfter: ChevronRight
+        })
+      }),
+      /* @__PURE__ */ _jsx(YGroup.Item, {
+        children: /* @__PURE__ */ _jsx(ListItem, {
+          hoverTheme: !0,
+          pressTheme: !0,
+          title: "Moon",
+          subTitle: "Subtitle",
+          icon: Moon,
+          iconAfter: ChevronRight
+        })
+      })
+    ]
+  });
 }
 export {
   ListItemDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/ListItemDemo.tsx"],
-  "mappings": "AAAA,SAASA,cAAcC,OAAOC,MAAMC,MAAMC,WAAW;AACrD,SAASC,UAAUC,WAAWC,QAAQC,cAAc;AAE7C,SAASC,eAAAA;AACd,SACE,sBAAA,cAACF,QAAAA;IAAOG,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,cAACN,QAAAA;IAAOQ,WAAU;IAASC,UAAAA;IAASC,OAAO;IAAKC,MAAK;KACnD,sBAAA,cAACX,OAAOY,MAAI,MACV,sBAAA,cAACf,UAAAA;IAASgB,YAAAA;IAAWC,MAAMnB;IAAMoB,OAAM;IAAOC,UAAS;OAEzD,sBAAA,cAAChB,OAAOY,MAAI,MACV,sBAAA,cAACf,UAAAA;IAASgB,YAAAA;IAAWC,MAAMpB;KAAM,MAAA,CAAA,GAInC,sBAAA,cAACM,OAAOY,MAAI,MACV,sBAAA,cAACf,UAAAA;IAASgB,YAAAA;IAAWC,MAAMlB;KAAK,KAAA,CAAA,GAIlC,sBAAA,cAACI,OAAOY,MAAI,MACV,sBAAA,cAACf,UAAAA;IAASgB,YAAAA;IAAWC,MAAMrB;KAAO,OAAA,CAAA,CAAA;AAM1C;AAEA,SAASc,gBAAAA;AACP,SACE,sBAAA,cAACP,QAAAA;IAAOQ,WAAU;IAASC,UAAAA;IAASC,OAAO;IAAKC,MAAK;IAAKM,WAAW,sBAAA,cAACnB,WAAAA,IAAAA;KACpE,sBAAA,cAACE,OAAOY,MAAI,MACV,sBAAA,cAACf,UAAAA;IACCgB,YAAAA;IACAK,YAAAA;IACAH,OAAM;IACNC,UAAS;IACTF,MAAMnB;IACNwB,WAAW3B;OAGf,sBAAA,cAACQ,OAAOY,MAAI,MACV,sBAAA,cAACf,UAAAA;IACCgB,YAAAA;IACAK,YAAAA;IACAH,OAAM;IACNC,UAAS;IACTF,MAAMpB;IACNyB,WAAW3B;;AAKrB;",
+  "mappings": ";AAAA,SAASA,cAAcC,OAAOC,MAAMC,MAAMC,WAAW;AACrD,SAASC,UAAUC,WAAWC,QAAQC,cAAc;AAE7C,SAASC,eAAAA;AACd,SACE,sBAACF,QAAAA;IAAOG,KAAK;MAAEC,eAAe;IAAS;IAAGC,mBAAkB;IAAKC,OAAK;;MACpE,qBAACC,eAAAA,CAAAA,CAAAA;MACD,qBAACC,eAAAA,CAAAA,CAAAA;;;AAGP;AAEA,SAASD,gBAAAA;AACP,SACE,sBAACN,QAAAA;IAAOQ,WAAU;IAASC,UAAQ;IAACC,OAAO;IAAKC,MAAK;;MACnD,qBAACX,OAAOY,MAAI;kBACV,qBAACf,UAAAA;UAASgB,YAAU;UAACC,MAAMnB;UAAMoB,OAAM;UAAOC,UAAS;;;MAEzD,qBAAChB,OAAOY,MAAI;kBACV,qBAACf,UAAAA;UAASgB,YAAU;UAACC,MAAMpB;oBAAM;;;MAInC,qBAACM,OAAOY,MAAI;kBACV,qBAACf,UAAAA;UAASgB,YAAU;UAACC,MAAMlB;oBAAK;;;MAIlC,qBAACI,OAAOY,MAAI;kBACV,qBAACf,UAAAA;UAASgB,YAAU;UAACC,MAAMrB;oBAAO;;;;;AAM1C;AAEA,SAASc,gBAAAA;AACP,SACE,sBAACP,QAAAA;IAAOQ,WAAU;IAASC,UAAQ;IAACC,OAAO;IAAKC,MAAK;IAAKM,WAAW,qBAACnB,WAAAA,CAAAA,CAAAA;;MACpE,qBAACE,OAAOY,MAAI;kBACV,qBAACf,UAAAA;UACCgB,YAAU;UACVK,YAAU;UACVH,OAAM;UACNC,UAAS;UACTF,MAAMnB;UACNwB,WAAW3B;;;MAGf,qBAACQ,OAAOY,MAAI;kBACV,qBAACf,UAAAA;UACCgB,YAAU;UACVK,YAAU;UACVH,OAAM;UACNC,UAAS;UACTF,MAAMpB;UACNyB,WAAW3B;;;;;AAKrB;",
   "names": ["ChevronRight", "Cloud", "Moon", "Star", "Sun", "ListItem", "Separator", "XStack", "YGroup", "ListItemDemo", "$sm", "flexDirection", "paddingHorizontal", "space", "ListItemDemo1", "ListItemDemo2", "alignSelf", "bordered", "width", "size", "Item", "hoverTheme", "icon", "title", "subTitle", "separator", "pressTheme", "iconAfter"]
 }

package/dist/jsx/LucideIconsDemo.native.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as LucideIcons from "@tamagui/lucide-icons";
 import { useMemo, useState } from "react";
 import { ScrollView } from "react-native";
@@ -66,40 +67,53 @@ function LucideIconsDemo() {
       return x.key.includes(search.toLowerCase());
     }).map(function(param) {
       var Icon = param.Icon, name = param.name;
-      return /* @__PURE__ */ React.createElement(YStack, {
+      return /* @__PURE__ */ _jsxs(YStack, {
         height: size + 20,
         alignItems: "center",
         justifyContent: "center",
-        key: name
-      }, /* @__PURE__ */ React.createElement(Icon, {
-        size: size * 0.25
-      }), /* @__PURE__ */ React.createElement(Spacer, null), /* @__PURE__ */ React.createElement(Paragraph, {
-        height: "$6",
-        wordWrap: "break-word",
-        maxWidth: "100%",
-        textAlign: "center",
-        paddingHorizontal: "$2",
-        size: "$1",
-        opacity: 0.5
-      }, name));
+        children: [
+          /* @__PURE__ */ _jsx(Icon, {
+            size: size * 0.25
+          }),
+          /* @__PURE__ */ _jsx(Spacer, {}),
+          /* @__PURE__ */ _jsx(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(YStack, {
+  return /* @__PURE__ */ _jsxs(YStack, {
     minWidth: "100%",
     padding: "$4",
     paddingBottom: "$0",
-    space: !0
-  }, /* @__PURE__ */ React.createElement(Input, {
-    value: searchRaw,
-    onChangeText: setSearch,
-    placeholder: "Search..."
-  }), /* @__PURE__ */ React.createElement(YStack, {
-    height: 420
-  }, /* @__PURE__ */ React.createElement(ScrollView, null, /* @__PURE__ */ React.createElement(Grid, {
-    itemMinWidth: size
-  }, iconsMemo))));
+    space: !0,
+    children: [
+      /* @__PURE__ */ _jsx(Input, {
+        value: searchRaw,
+        onChangeText: setSearch,
+        placeholder: "Search..."
+      }),
+      /* @__PURE__ */ _jsx(YStack, {
+        height: 420,
+        children: /* @__PURE__ */ _jsx(ScrollView, {
+          children: /* @__PURE__ */ _jsx(Grid, {
+            itemMinWidth: size,
+            children: iconsMemo
+          })
+        })
+      })
+    ]
+  });
 }
 export {
   LucideIconsDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/LucideIconsDemo.tsx"],
-  "mappings": "AAAA,YAAYA,iBAAiB;AAC7B,SAASC,SAASC,gBAAgB;AAClC,SAASC,kBAAkB;AAC3B,SAASC,OAAOC,WAAWC,QAAQC,QAAQC,wBAAwB;AAEnE,SAASC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAErB,IAAMC,cAAcC,OAAOC;;EAEzB,OAAOZ,cAAgB,MAAcA,cAAc,CAAC;AAAA,EACpDa,IAAI,SAACC,MAAAA;SAAU;IACfC,KAAKD,KAAKE,YAAW;IACrBF;IACAG,MAAMjB,YAAYc,IAAAA;EACpB;;AAEO,SAASI,kBAAAA;AACd,MAA+BhB,YAAAA,iBAAAA,SAAS,EAAA,GAAA,CAAA,GAAjCiB,YAAwBjB,UAAAA,CAAAA,GAAbkB,YAAalB,UAAAA,CAAAA,GACzBmB,SAASb,iBAAiBW,WAAW,GAAA,GAErCG,OAAO,KAEPC,YAAYtB,QAChB,WAAA;WACES,YACGc,OAAO,SAACC,GAAAA;aAAMA,EAAEV,IAAIW,SAASL,OAAOL,YAAW,CAAA;OAC/CH,IAAI,SAAA,OAAA;UAAGI,OAAAA,MAAAA,MAAMH,OAAAA,MAAAA;aACZ,sBAAA,cAACP,QAAAA;QACCoB,QAAQL,OAAO;QACfM,YAAW;QACXC,gBAAe;QACfd,KAAKD;SAEL,sBAAA,cAACG,MAAAA;QAAKK,MAAMA,OAAO;UACnB,sBAAA,cAAChB,QAAAA,IAAAA,GACD,sBAAA,cAACD,WAAAA;QACCsB,QAAO;QACPG,UAAS;QACTC,UAAS;QACTC,WAAU;QACVC,mBAAkB;QAClBX,MAAK;QACLY,SAAS;SAERpB,IAAAA,CAAAA;;KAIX;IAACO;GAAO;AAGV,SACE,sBAAA,cAACd,QAAAA;IAAO4B,UAAS;IAAOC,SAAQ;IAAKC,eAAc;IAAKC,OAAAA;KACtD,sBAAA,cAAClC,OAAAA;IAAMmC,OAAOpB;IAAWqB,cAAcpB;IAAWqB,aAAY;MAE9D,sBAAA,cAAClC,QAAAA;IAAOoB,QAAQ;KACd,sBAAA,cAACxB,YAAAA,MACC,sBAAA,cAACM,MAAAA;IAAKiC,cAAcpB;KAAOC,SAAAA,CAAAA,CAAAA,CAAAA;AAKrC;",
+  "mappings": ";AAAA,YAAYA,iBAAiB;AAC7B,SAASC,SAASC,gBAAgB;AAClC,SAASC,kBAAkB;AAC3B,SAASC,OAAOC,WAAWC,QAAQC,QAAQC,wBAAwB;AAEnE,SAASC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAErB,IAAMC,cAAcC,OAAOC;;EAEzB,OAAOZ,cAAgB,MAAcA,cAAc,CAAC;AAAA,EACpDa,IAAI,SAACC,MAAAA;SAAU;IACfC,KAAKD,KAAKE,YAAW;IACrBF;IACAG,MAAMjB,YAAYc,IAAAA;EACpB;;AAEO,SAASI,kBAAAA;AACd,MAA+BhB,YAAAA,iBAAAA,SAAS,EAAA,GAAA,CAAA,GAAjCiB,YAAwBjB,UAAAA,CAAAA,GAAbkB,YAAalB,UAAAA,CAAAA,GACzBmB,SAASb,iBAAiBW,WAAW,GAAA,GAErCG,OAAO,KAEPC,YAAYtB,QAChB,WAAA;WACES,YACGc,OAAO,SAACC,GAAAA;aAAMA,EAAEV,IAAIW,SAASL,OAAOL,YAAW,CAAA;OAC/CH,IAAI,SAAA,OAAA;UAAGI,OAAAA,MAAAA,MAAMH,OAAAA,MAAAA;aACZ,sBAACP,QAAAA;QACCoB,QAAQL,OAAO;QACfM,YAAW;QACXC,gBAAe;;UAGf,qBAACZ,MAAAA;YAAKK,MAAMA,OAAO;;UACnB,qBAAChB,QAAAA,CAAAA,CAAAA;UACD,qBAACD,WAAAA;YACCsB,QAAO;YACPG,UAAS;YACTC,UAAS;YACTC,WAAU;YACVC,mBAAkB;YAClBX,MAAK;YACLY,SAAS;sBAERpB;;;SAbEA,IAAAA;;KAiBb;IAACO;GAAO;AAGV,SACE,sBAACd,QAAAA;IAAO4B,UAAS;IAAOC,SAAQ;IAAKC,eAAc;IAAKC,OAAK;;MAC3D,qBAAClC,OAAAA;QAAMmC,OAAOpB;QAAWqB,cAAcpB;QAAWqB,aAAY;;MAE9D,qBAAClC,QAAAA;QAAOoB,QAAQ;kBACd,qBAACxB,YAAAA;oBACC,qBAACM,MAAAA;YAAKiC,cAAcpB;sBAAOC;;;;;;AAKrC;",
   "names": ["LucideIcons", "useMemo", "useState", "ScrollView", "Input", "Paragraph", "Spacer", "YStack", "useDebounceValue", "Grid", "lucideIcons", "Object", "keys", "map", "name", "key", "toLowerCase", "Icon", "LucideIconsDemo", "searchRaw", "setSearch", "search", "size", "iconsMemo", "filter", "x", "includes", "height", "alignItems", "justifyContent", "wordWrap", "maxWidth", "textAlign", "paddingHorizontal", "opacity", "minWidth", "padding", "paddingBottom", "space", "value", "onChangeText", "placeholder", "itemMinWidth"]
 }