@tamagui/demos 2.7.7 → 3.0.0-beta.1091.1

package/dist/esm/ListItemDemo.native.js

@@ -1,86 +1,81 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight, Cloud, Moon, Star, Sun } from "@tamagui/lucide-icons-2";
 import { ListItem, Separator, Theme, XStack, YGroup } from "tamagui";
+
 function ListItemDemo() {
-  return /* @__PURE__ */_jsx(Theme, {
-    name: "surface1",
-    children: /* @__PURE__ */_jsxs(XStack, {
-      $maxMd: {
-        flexDirection: "column"
-      },
-      px: "$4",
-      gap: "$4",
-      children: [/* @__PURE__ */_jsx(ListItemDemo1, {}), /* @__PURE__ */_jsx(ListItemDemo2, {})]
-    })
-  });
+	return /* @__PURE__ */ jsx(Theme, {
+		name: "level2",
+		children: /* @__PURE__ */ jsxs(XStack, {
+			flexDirection: "max-md:column",
+			px: "4",
+			gap: "4",
+			children: [/* @__PURE__ */ jsx(ListItemDemo1, {}), /* @__PURE__ */ jsx(ListItemDemo2, {})]
+		})
+	});
 }
 function ListItemDemo1() {
-  return /* @__PURE__ */_jsxs(YGroup, {
-    self: "center",
-    borderWidth: 1,
-    borderColor: "$borderColor",
-    rounded: "$4",
-    overflow: "hidden",
-    width: 240,
-    size: "$4",
-    children: [/* @__PURE__ */_jsx(YGroup.Item, {
-      children: /* @__PURE__ */_jsx(ListItem, {
-        gap: "$3",
-        icon: Star,
-        title: "Star",
-        subTitle: /* @__PURE__ */_jsx(ListItem.Subtitle, {
-          children: "Twinkles"
-        }),
-        iconAfter: ChevronRight
-      })
-    }), /* @__PURE__ */_jsx(YGroup.Item, {
-      children: /* @__PURE__ */_jsx(ListItem, {
-        gap: "$3",
-        icon: Moon,
-        children: "Moon"
-      })
-    }), /* @__PURE__ */_jsx(YGroup.Item, {
-      children: /* @__PURE__ */_jsx(ListItem, {
-        gap: "$3",
-        icon: Sun,
-        children: "Sun"
-      })
-    }), /* @__PURE__ */_jsx(YGroup.Item, {
-      children: /* @__PURE__ */_jsx(ListItem, {
-        gap: "$3",
-        icon: Cloud,
-        children: "Cloud"
-      })
-    })]
-  });
+	return /* @__PURE__ */ jsxs(YGroup, {
+		self: "center",
+		borderWidth: 1,
+		borderColor: "border-color",
+		rounded: "4",
+		overflow: "hidden",
+		width: 240,
+		size: "4",
+		children: [
+			/* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, {
+				gap: "3",
+				icon: Star,
+				title: "Star",
+				subTitle: /* @__PURE__ */ jsx(ListItem.Subtitle, { children: "Twinkles" }),
+				iconAfter: ChevronRight
+			}) }),
+			/* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, {
+				gap: "3",
+				icon: Moon,
+				children: "Moon"
+			}) }),
+			/* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, {
+				gap: "3",
+				icon: Sun,
+				children: "Sun"
+			}) }),
+			/* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, {
+				gap: "3",
+				icon: Cloud,
+				children: "Cloud"
+			}) })
+		]
+	});
 }
 function ListItemDemo2() {
-  return /* @__PURE__ */_jsxs(YGroup, {
-    self: "center",
-    borderWidth: 1,
-    borderColor: "$borderColor",
-    rounded: "$4",
-    overflow: "hidden",
-    width: 240,
-    size: "$5",
-    children: [/* @__PURE__ */_jsx(YGroup.Item, {
-      children: /* @__PURE__ */_jsx(ListItem, {
-        gap: "$3",
-        title: "Star",
-        subTitle: "Subtitle",
-        icon: Star,
-        iconAfter: ChevronRight
-      })
-    }), /* @__PURE__ */_jsx(Separator, {}), /* @__PURE__ */_jsx(YGroup.Item, {
-      children: /* @__PURE__ */_jsx(ListItem, {
-        gap: "$3",
-        title: "Moon",
-        subTitle: "Subtitle",
-        icon: Moon,
-        iconAfter: ChevronRight
-      })
-    })]
-  });
+	return /* @__PURE__ */ jsxs(YGroup, {
+		self: "center",
+		borderWidth: 1,
+		borderColor: "border-color",
+		rounded: "4",
+		overflow: "hidden",
+		width: 240,
+		size: "5",
+		children: [
+			/* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, {
+				gap: "3",
+				title: "Star",
+				subTitle: "Subtitle",
+				icon: Star,
+				iconAfter: ChevronRight
+			}) }),
+			/* @__PURE__ */ jsx(Separator, {}),
+			/* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, {
+				gap: "3",
+				title: "Moon",
+				subTitle: "Subtitle",
+				icon: Moon,
+				iconAfter: ChevronRight
+			}) })
+		]
+	});
 }
+
 export { ListItemDemo };
 //# sourceMappingURL=ListItemDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronRight","Cloud","Moon","Star","Sun","ListItem","Separator","Theme","XStack","YGroup","ListItemDemo","name","children","$maxMd","flexDirection","px","gap","ListItemDemo1","ListItemDemo2","self","borderWidth","borderColor","rounded","overflow","width","size","Item","icon","title","subTitle","Subtitle","iconAfter"],"sources":["../../src/ListItemDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAc,IAAOC,KAAA,QAAY,mBAAW;AACrD,SAASC,YAAU,EAAAC,KAAA,EAAWC,IAAA,EAAAC,IAAO,EAAAC,GAAQ,iCAAc;AAKrD,SACEC,QADF,EAAAC,SAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA;AAHC,SAASC,aAAA,EAAe;EAC7B,OACE,eAAAb,IAAC,CAAAU,KAAA;IAEGI,IAAA;IACAC,QAAA,iBAACb,KAAA,CAAAS,MAAc;MACjBK,MACF;QAEJC,aAAA;MAEA;MACEC,EAAA,EACE;MAACC,GAAA;MAAAJ,QAAA,GACC,eAAKf,IAAA,CAAAoB,aAAA,OACL,eAAapB,IAAA,CAAAqB,aAAA;IACD;EACJ;AACC;AACF,SACPD,aAAKA,CAAA;EAAA,OAEL,eAAAlB,KAAA,CAAAU,MAAA;IAAAU,IAAA;IACEC,WAAC;IAAAC,WAAA;IAAAC,OAAA,EACC,IAAI;IAAAC,QACJ,UAAM;IAAAC,KAAA,KACN;IAAMC,IAAA,MACN;IAAqCb,QACrC,GAAW,eAAAf,IAAA,CAAAY,MAAA,CAAAiB,IAAA;MACbd,QACF,iBAAAf,IAAA,CAAAQ,QAAA;QACAW,GAAA;QAKAW,IAAA,EAAAxB,IAAA;QAKAyB,KAAA;QAIAC,QAAA,iBAAAhC,IAAA,CAAAQ,QAAA,CAAAyB,QAAA;UAAAlB,QAAA;QACF;QAEJmB,SAAA,EAAA/B;MAEA,CAAS;IACP,IACG,eAAAH,IAAA,CAAAY,MAAA,CAAAiB,IAAA;MAAAd,QAAA,iBAAAf,IAAA,CAAAQ,QAAA;QACCW,GAAK;QACLW,IAAA,EAAAzB,IAAa;QACbU,QAAA,EAAY;MACZ;IACA,IACA,eAAOf,IAAA,CAAAY,MAAA,CAAAiB,IAAA;MACPd,QAAK,iBAAAf,IAAA,CAAAQ,QAAA;QAELW,GAAA;QAAAW,IAAA,EAAAvB,GAAA;QACGQ,QAAA;MAAA;IAAA,IACK,eACEf,IAAA,CAAAY,MAAA,CAAAiB,IAAA;MAAAd,QACN,iBAASf,IAAA,CAAAQ,QAAA;QAAAW,GACT,MAAM;QAAAW,IACN,EAAA1B,KAAA;QAAWW,QAAA;MACb;IACF,EACA;EAEE;AAAC;AAAA,SAAAM,aACKA,CAAA;EAAA,sBACEnB,KAAA,CAAAU,MAAA;IAAAU,IAAA,UACN;IAASC,WACT,GAAM;IAAAC,WACN,gBAAW;IAAAC,OAAA;IAAAC,QAEf;IAAAC,KAAA;IAAAC,IAAA;IACFb,QAAA,GAEJ,eAAAf,IAAA,CAAAY,MAAA,CAAAiB,IAAA","ignoreList":[]}
+{"version":3,"file":"ListItemDemo.native.js","names":[],"sources":["esm/ListItemDemo.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { ChevronRight, Cloud, Moon, Star, Sun } from \"@tamagui/lucide-icons-2\";\nimport { ListItem, Separator, Theme, XStack, YGroup } from \"tamagui\";\nfunction ListItemDemo() {\n  return /* @__PURE__ */ _jsx(Theme, {\n    name: \"level2\",\n    children: /* @__PURE__ */ _jsxs(XStack, {\n      flexDirection: \"max-md:column\",\n      px: \"4\",\n      gap: \"4\",\n      children: [\n        /* @__PURE__ */ _jsx(ListItemDemo1, {}),\n        /* @__PURE__ */ _jsx(ListItemDemo2, {})\n      ]\n    })\n  });\n}\nfunction ListItemDemo1() {\n  return /* @__PURE__ */ _jsxs(YGroup, {\n    self: \"center\",\n    borderWidth: 1,\n    borderColor: \"border-color\",\n    rounded: \"4\",\n    overflow: \"hidden\",\n    width: 240,\n    size: \"4\",\n    children: [\n      /* @__PURE__ */ _jsx(YGroup.Item, {\n        children: /* @__PURE__ */ _jsx(ListItem, {\n          gap: \"3\",\n          icon: Star,\n          title: \"Star\",\n          subTitle: /* @__PURE__ */ _jsx(ListItem.Subtitle, {\n            children: \"Twinkles\"\n          }),\n          iconAfter: ChevronRight\n        })\n      }),\n      /* @__PURE__ */ _jsx(YGroup.Item, {\n        children: /* @__PURE__ */ _jsx(ListItem, {\n          gap: \"3\",\n          icon: Moon,\n          children: \"Moon\"\n        })\n      }),\n      /* @__PURE__ */ _jsx(YGroup.Item, {\n        children: /* @__PURE__ */ _jsx(ListItem, {\n          gap: \"3\",\n          icon: Sun,\n          children: \"Sun\"\n        })\n      }),\n      /* @__PURE__ */ _jsx(YGroup.Item, {\n        children: /* @__PURE__ */ _jsx(ListItem, {\n          gap: \"3\",\n          icon: Cloud,\n          children: \"Cloud\"\n        })\n      })\n    ]\n  });\n}\nfunction ListItemDemo2() {\n  return /* @__PURE__ */ _jsxs(YGroup, {\n    self: \"center\",\n    borderWidth: 1,\n    borderColor: \"border-color\",\n    rounded: \"4\",\n    overflow: \"hidden\",\n    width: 240,\n    size: \"5\",\n    children: [\n      /* @__PURE__ */ _jsx(YGroup.Item, {\n        children: /* @__PURE__ */ _jsx(ListItem, {\n          gap: \"3\",\n          title: \"Star\",\n          subTitle: \"Subtitle\",\n          icon: Star,\n          iconAfter: ChevronRight\n        })\n      }),\n      /* @__PURE__ */ _jsx(Separator, {}),\n      /* @__PURE__ */ _jsx(YGroup.Item, {\n        children: /* @__PURE__ */ _jsx(ListItem, {\n          gap: \"3\",\n          title: \"Moon\",\n          subTitle: \"Subtitle\",\n          icon: Moon,\n          iconAfter: ChevronRight\n        })\n      })\n    ]\n  });\n}\nexport {\n  ListItemDemo\n};\n//# sourceMappingURL=ListItemDemo.js.map\n"],"mappings":";;;;;AAGA,SAAS,eAAe;CACtB,OAAuB,oBAAK,OAAO;EACjC,MAAM;EACN,UAA0B,qBAAM,QAAQ;GACtC,eAAe;GACf,IAAI;GACJ,KAAK;GACL,UAAU,CACQ,oBAAK,eAAe,CAAC,CAAC,GACtB,oBAAK,eAAe,CAAC,CAAC,CACxC;EACF,CAAC;CACH,CAAC;AACH;AACA,SAAS,gBAAgB;CACvB,OAAuB,qBAAM,QAAQ;EACnC,MAAM;EACN,aAAa;EACb,aAAa;EACb,SAAS;EACT,UAAU;EACV,OAAO;EACP,MAAM;EACN,UAAU;GACQ,oBAAK,OAAO,MAAM,EAChC,UAA0B,oBAAK,UAAU;IACvC,KAAK;IACL,MAAM;IACN,OAAO;IACP,UAA0B,oBAAK,SAAS,UAAU,EAChD,UAAU,WACZ,CAAC;IACD,WAAW;GACb,CAAC,EACH,CAAC;GACe,oBAAK,OAAO,MAAM,EAChC,UAA0B,oBAAK,UAAU;IACvC,KAAK;IACL,MAAM;IACN,UAAU;GACZ,CAAC,EACH,CAAC;GACe,oBAAK,OAAO,MAAM,EAChC,UAA0B,oBAAK,UAAU;IACvC,KAAK;IACL,MAAM;IACN,UAAU;GACZ,CAAC,EACH,CAAC;GACe,oBAAK,OAAO,MAAM,EAChC,UAA0B,oBAAK,UAAU;IACvC,KAAK;IACL,MAAM;IACN,UAAU;GACZ,CAAC,EACH,CAAC;EACH;CACF,CAAC;AACH;AACA,SAAS,gBAAgB;CACvB,OAAuB,qBAAM,QAAQ;EACnC,MAAM;EACN,aAAa;EACb,aAAa;EACb,SAAS;EACT,UAAU;EACV,OAAO;EACP,MAAM;EACN,UAAU;GACQ,oBAAK,OAAO,MAAM,EAChC,UAA0B,oBAAK,UAAU;IACvC,KAAK;IACL,OAAO;IACP,UAAU;IACV,MAAM;IACN,WAAW;GACb,CAAC,EACH,CAAC;GACe,oBAAK,WAAW,CAAC,CAAC;GAClB,oBAAK,OAAO,MAAM,EAChC,UAA0B,oBAAK,UAAU;IACvC,KAAK;IACL,OAAO;IACP,UAAU;IACV,MAAM;IACN,WAAW;GACb,CAAC,EACH,CAAC;EACH;CACF,CAAC;AACH"}

package/dist/esm/LucideIconsDemo.mjs

@@ -1,59 +1,62 @@
 import React from "react";
-import * as LucideIcons from "@tamagui/lucide-icons-2";
 import { ScrollView } from "react-native-web";
 import { Input, Paragraph, Spacer, YStack, useDebounceValue } from "tamagui";
 import { Grid } from "./Grid.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-const lucideIcons = Object.keys(
-// vite tree shaking workaround
-typeof LucideIcons !== "undefined" ? LucideIcons : {}).map(name => ({
-  key: name.toLowerCase(),
-  name,
-  Icon: LucideIcons[name]
-}));
+
 function LucideIconsDemo() {
-  const [searchRaw, setSearch] = React.useState("");
-  const search = useDebounceValue(searchRaw, 400);
-  const size = 100;
-  const iconsMemo = React.useMemo(() => lucideIcons.filter(x => x.key.includes(search.toLowerCase())).map(({
-    Icon,
-    name
-  }) => /* @__PURE__ */jsxs(YStack, {
-    height: size + 20,
-    items: "center",
-    justify: "center",
-    children: [/* @__PURE__ */jsx(Icon, {
-      size: size * 0.25
-    }), /* @__PURE__ */jsx(Spacer, {}), /* @__PURE__ */jsx(Paragraph, {
-      height: "$6",
-      wordWrap: "break-word",
-      maxW: "100%",
-      text: "center",
-      px: "$2",
-      size: "$1",
-      opacity: 0.5,
-      children: name
-    })]
-  }, name)), [search]);
-  return /* @__PURE__ */jsxs(YStack, {
-    minW: "100%",
-    p: "$4",
-    pb: "$0",
-    gap: "$4",
-    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
-        })
-      })
-    })]
-  });
+	const [searchRaw, setSearch] = React.useState("");
+	const search = useDebounceValue(searchRaw, 400);
+	const [lucideIcons, setLucideIcons] = React.useState([]);
+	React.useEffect(() => {
+		import("@tamagui/lucide-icons-2/all").then(({ allIcons }) => {
+			setLucideIcons(Object.keys(allIcons).map((name) => ({
+				key: name.toLowerCase(),
+				name,
+				Icon: allIcons[name]
+			})));
+		});
+	}, []);
+	const size = 100;
+	const iconsMemo = React.useMemo(() => lucideIcons.filter((x) => x.key.includes(search.toLowerCase())).map(({ Icon, name }) => /* @__PURE__ */ jsxs(YStack, {
+		height: size + 20,
+		items: "center",
+		justify: "center",
+		children: [
+			/* @__PURE__ */ jsx(Icon, { size: size * .25 }),
+			/* @__PURE__ */ jsx(Spacer, {}),
+			/* @__PURE__ */ jsx(Paragraph, {
+				height: "6",
+				wordWrap: "break-word",
+				maxW: "100%",
+				text: "center",
+				px: "2",
+				opacity: .5,
+				size: "1",
+				children: name
+			})
+		]
+	}, name)), [search, lucideIcons]);
+	return /* @__PURE__ */ jsxs(YStack, {
+		minW: "100%",
+		paddingTop: "4",
+		paddingRight: "4",
+		paddingLeft: "4",
+		pb: "0",
+		gap: "4",
+		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 };
 //# sourceMappingURL=LucideIconsDemo.mjs.map

package/dist/esm/LucideIconsDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["React","LucideIcons","ScrollView","Input","Paragraph","Spacer","YStack","useDebounceValue","Grid","jsx","jsxs","lucideIcons","Object","keys","map","name","key","toLowerCase","Icon","LucideIconsDemo","searchRaw","setSearch","useState","search","size","iconsMemo","useMemo","filter","x","includes","height","items","justify","children","wordWrap","maxW","text","px","opacity","minW","p","pb","gap","value","onChangeText","placeholder","itemMinWidth"],"sources":["../../src/LucideIconsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,YAAYC,WAAA,MAAiB;AAE7B,SAASC,UAAA,QAAkB;AAC3B,SAASC,KAAA,EAAOC,SAAA,EAAWC,MAAA,EAAQC,MAAA,EAAQC,gBAAA,QAAwB;AAEnE,SAASC,IAAA,QAAY;AAsBX,SACEC,GAAA,EADFC,IAAA;AApBV,MAAMC,WAAA,GAAcC,MAAA,CAAOC,IAAA;AAAA;AAEzB,OAAOZ,WAAA,KAAgB,cAAcA,WAAA,GAAc,CAAC,CACtD,EAAEa,GAAA,CAAKC,IAAA,KAAU;EACfC,GAAA,EAAKD,IAAA,CAAKE,WAAA,CAAY;EACtBF,IAAA;EACAG,IAAA,EAAMjB,WAAA,CAAYc,IAAI;AACxB,EAAE;AAEK,SAASI,gBAAA,EAAkB;EAChC,MAAM,CAACC,SAAA,EAAWC,SAAS,IAAIrB,KAAA,CAAMsB,QAAA,CAAS,EAAE;EAChD,MAAMC,MAAA,GAAShB,gBAAA,CAAiBa,SAAA,EAAW,GAAG;EAE9C,MAAMI,IAAA,GAAO;EAEb,MAAMC,SAAA,GAAYzB,KAAA,CAAM0B,OAAA,CACtB,MACEf,WAAA,CACGgB,MAAA,CAAQC,CAAA,IAAMA,CAAA,CAAEZ,GAAA,CAAIa,QAAA,CAASN,MAAA,CAAON,WAAA,CAAY,CAAC,CAAC,EAClDH,GAAA,CAAI,CAAC;IAAEI,IAAA;IAAMH;EAAK,MACjB,eAAAL,IAAA,CAACJ,MAAA;IAAOwB,MAAA,EAAQN,IAAA,GAAO;IAAIO,KAAA,EAAM;IAASC,OAAA,EAAQ;IAChDC,QAAA,kBAAAxB,GAAA,CAACS,IAAA;MAAKM,IAAA,EAAMA,IAAA,GAAO;IAAA,CAAM,GACzB,eAAAf,GAAA,CAACJ,MAAA,IAAO,GACR,eAAAI,GAAA,CAACL,SAAA;MACC0B,MAAA,EAAO;MACPI,QAAA,EAAS;MACTC,IAAA,EAAK;MACLC,IAAA,EAAK;MACLC,EAAA,EAAG;MACHb,IAAA,EAAK;MACLc,OAAA,EAAS;MAERL,QAAA,EAAAlB;IAAA,CACH;EAAA,GAb8DA,IAchE,CACD,GACL,CAACQ,MAAM,CACT;EAEA,OACE,eAAAb,IAAA,CAACJ,MAAA;IAAOiC,IAAA,EAAK;IAAOC,CAAA,EAAE;IAAKC,EAAA,EAAG;IAAKC,GAAA,EAAI;IACrCT,QAAA,kBAAAxB,GAAA,CAACN,KAAA;MAAMwC,KAAA,EAAOvB,SAAA;MAAWwB,YAAA,EAAcvB,SAAA;MAAkBwB,WAAA,EAAY;IAAA,CAAY,GAEjF,eAAApC,GAAA,CAACH,MAAA;MAAOwB,MAAA,EAAQ;MACdG,QAAA,iBAAAxB,GAAA,CAACP,UAAA;QACC+B,QAAA,iBAAAxB,GAAA,CAACD,IAAA;UAAKsC,YAAA,EAActB,IAAA;UAAOS,QAAA,EAAAR;QAAA,CAAU;MAAA,CACvC;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"file":"LucideIconsDemo.js","names":[],"sources":["esm/LucideIconsDemo.js"],"sourcesContent":["import React from \"react\";\nimport { ScrollView } from \"react-native-web\";\nimport { Input, Paragraph, Spacer, YStack, useDebounceValue } from \"tamagui\";\nimport { Grid } from \"./Grid\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nfunction LucideIconsDemo() {\n  const [searchRaw, setSearch] = React.useState(\"\");\n  const search = useDebounceValue(searchRaw, 400);\n  const [lucideIcons, setLucideIcons] = React.useState([]);\n  React.useEffect(() => {\n    import(\"@tamagui/lucide-icons-2/all\").then(({ allIcons }) => {\n      setLucideIcons(\n        Object.keys(allIcons).map((name) => ({\n          key: name.toLowerCase(),\n          name,\n          Icon: allIcons[name]\n        }))\n      );\n    });\n  }, []);\n  const size = 100;\n  const iconsMemo = React.useMemo(\n    () => lucideIcons.filter((x) => x.key.includes(search.toLowerCase())).map(({ Icon, name }) => /* @__PURE__ */ jsxs(YStack, { height: size + 20, items: \"center\", justify: \"center\", children: [\n      /* @__PURE__ */ jsx(Icon, { size: size * 0.25 }),\n      /* @__PURE__ */ jsx(Spacer, {}),\n      /* @__PURE__ */ jsx(\n        Paragraph,\n        {\n          height: \"6\",\n          wordWrap: \"break-word\",\n          maxW: \"100%\",\n          text: \"center\",\n          px: \"2\",\n          opacity: 0.5,\n          size: \"1\",\n          children: name\n        }\n      )\n    ] }, name)),\n    [search, lucideIcons]\n  );\n  return /* @__PURE__ */ jsxs(YStack, { minW: \"100%\", paddingTop: \"4\", paddingRight: \"4\", paddingLeft: \"4\", pb: \"0\", gap: \"4\", children: [\n    /* @__PURE__ */ jsx(Input, { value: searchRaw, onChangeText: setSearch, placeholder: \"Search...\" }),\n    /* @__PURE__ */ jsx(YStack, { height: 420, children: /* @__PURE__ */ jsx(ScrollView, { children: /* @__PURE__ */ jsx(Grid, { itemMinWidth: size, children: iconsMemo }) }) })\n  ] });\n}\nexport {\n  LucideIconsDemo\n};\n//# sourceMappingURL=LucideIconsDemo.js.map\n"],"mappings":";;;;;;;AAKA,SAAS,kBAAkB;CACzB,MAAM,CAAC,WAAW,aAAa,MAAM,SAAS,EAAE;CAChD,MAAM,SAAS,iBAAiB,WAAW,GAAG;CAC9C,MAAM,CAAC,aAAa,kBAAkB,MAAM,SAAS,CAAC,CAAC;CACvD,MAAM,gBAAgB;EACpB,OAAO,8BAA8B,CAAC,MAAM,EAAE,eAAe;GAC3D,eACE,OAAO,KAAK,QAAQ,CAAC,CAAC,KAAK,UAAU;IACnC,KAAK,KAAK,YAAY;IACtB;IACA,MAAM,SAAS;GACjB,EAAE,CACJ;EACF,CAAC;CACH,GAAG,CAAC,CAAC;CACL,MAAM,OAAO;CACb,MAAM,YAAY,MAAM,cAChB,YAAY,QAAQ,MAAM,EAAE,IAAI,SAAS,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,WAA2B,qBAAK,QAAQ;EAAE,QAAQ,OAAO;EAAI,OAAO;EAAU,SAAS;EAAU,UAAU;GAC5K,oBAAI,MAAM,EAAE,MAAM,OAAO,IAAK,CAAC;GAC/B,oBAAI,QAAQ,CAAC,CAAC;GACd,oBACd,WACA;IACE,QAAQ;IACR,UAAU;IACV,MAAM;IACN,MAAM;IACN,IAAI;IACJ,SAAS;IACT,MAAM;IACN,UAAU;GACZ,CACF;EACF;CAAE,GAAG,IAAI,CAAC,GACV,CAAC,QAAQ,WAAW,CACtB;CACA,OAAuB,qBAAK,QAAQ;EAAE,MAAM;EAAQ,YAAY;EAAK,cAAc;EAAK,aAAa;EAAK,IAAI;EAAK,KAAK;EAAK,UAAU,CACrH,oBAAI,OAAO;GAAE,OAAO;GAAW,cAAc;GAAW,aAAa;EAAY,CAAC,GAClF,oBAAI,QAAQ;GAAE,QAAQ;GAAK,UAA0B,oBAAI,YAAY,EAAE,UAA0B,oBAAI,MAAM;IAAE,cAAc;IAAM,UAAU;GAAU,CAAC,EAAE,CAAC;EAAE,CAAC,CAC9K;CAAE,CAAC;AACL"}

package/dist/esm/LucideIconsDemo.native.js

@@ -1,68 +1,72 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
-import * as LucideIcons from "@tamagui/lucide-icons-2";
 import { ScrollView } from "react-native";
 import { Input, Paragraph, Spacer, YStack, useDebounceValue } from "tamagui";
 import { Grid } from "./Grid.native.js";
-var lucideIcons = Object.keys(
-// vite tree shaking workaround
-typeof LucideIcons !== "undefined" ? LucideIcons : {}).map(function (name) {
-  return {
-    key: name.toLowerCase(),
-    name,
-    Icon: LucideIcons[name]
-  };
-});
+
 function LucideIconsDemo() {
-  var [searchRaw, setSearch] = React.useState("");
-  var search = useDebounceValue(searchRaw, 400);
-  var size = 100;
-  var iconsMemo = React.useMemo(function () {
-    return lucideIcons.filter(function (x) {
-      return x.key.includes(search.toLowerCase());
-    }).map(function (param) {
-      var {
-        Icon,
-        name
-      } = param;
-      return /* @__PURE__ */_jsxs(YStack, {
-        height: size + 20,
-        items: "center",
-        justify: "center",
-        children: [/* @__PURE__ */_jsx(Icon, {
-          size: size * 0.25
-        }), /* @__PURE__ */_jsx(Spacer, {}), /* @__PURE__ */_jsx(Paragraph, {
-          height: "$6",
-          wordWrap: "break-word",
-          maxW: "100%",
-          text: "center",
-          px: "$2",
-          size: "$1",
-          opacity: 0.5,
-          children: name
-        })]
-      }, name);
-    });
-  }, [search]);
-  return /* @__PURE__ */_jsxs(YStack, {
-    minW: "100%",
-    p: "$4",
-    pb: "$0",
-    gap: "$4",
-    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
-        })
-      })
-    })]
-  });
+	var [searchRaw, setSearch] = React.useState("");
+	var search = useDebounceValue(searchRaw, 400);
+	var [lucideIcons, setLucideIcons] = React.useState([]);
+	React.useEffect(function() {
+		import("@tamagui/lucide-icons-2/all").then(function(param) {
+			var { allIcons } = param;
+			setLucideIcons(Object.keys(allIcons).map(function(name) {
+				return {
+					key: name.toLowerCase(),
+					name,
+					Icon: allIcons[name]
+				};
+			}));
+		});
+	}, []);
+	var size = 100;
+	var iconsMemo = React.useMemo(function() {
+		return lucideIcons.filter(function(x) {
+			return x.key.includes(search.toLowerCase());
+		}).map(function(param) {
+			var { Icon, name } = param;
+			return /* @__PURE__ */ jsxs(YStack, {
+				height: size + 20,
+				items: "center",
+				justify: "center",
+				children: [
+					/* @__PURE__ */ jsx(Icon, { size: size * .25 }),
+					/* @__PURE__ */ jsx(Spacer, {}),
+					/* @__PURE__ */ jsx(Paragraph, {
+						height: "6",
+						wordWrap: "break-word",
+						maxW: "100%",
+						text: "center",
+						px: "2",
+						opacity: .5,
+						size: "1",
+						children: name
+					})
+				]
+			}, name);
+		});
+	}, [search, lucideIcons]);
+	return /* @__PURE__ */ jsxs(YStack, {
+		minW: "100%",
+		paddingTop: "4",
+		paddingRight: "4",
+		paddingLeft: "4",
+		pb: "0",
+		gap: "4",
+		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 };
 //# sourceMappingURL=LucideIconsDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","LucideIcons","ScrollView","Input","Paragraph","Spacer","YStack","useDebounceValue","Grid","lucideIcons","Object","keys","map","name","key","toLowerCase","Icon","LucideIconsDemo","searchRaw","setSearch","useState","search","size","iconsMemo","useMemo","filter","x","includes","param","height","items","justify","children","wordWrap","maxW","text","px","opacity"],"sources":["../../src/LucideIconsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAClB,OAAAC,KAAY;AAEZ,YAASC,WAAA,MAAkB;AAC3B,SAASC,UAAO,QAAW,cAAQ;AAEnC,SAASC,KAAA,EAAAC,SAAY,EAAAC,MAAA,EAAAC,MAAA,EAAAC,gBAAA;AAsBX,SACEC,IAAA,QADF;AApBV,IAAAC,WAAM,GAAAC,MAAc,CAAAC,IAAO;AAAA;AAEzB,OAAOV,WAAA,KAAgB,cAAcA,WAAA,GAAc,CAAC,CACtD,EAAEW,GAAA,CAAI,UAACC,IAAU;EACf,OAAK;IACLC,GAAA,EAAAD,IAAA,CAAAE,WAAA;IACAF,IAAM;IACNG,IAAA,EAAAf,WAAA,CAAAY,IAAA;EAEK;AACL;AACA,SAAMI,eAASA,CAAA;EAEf,KAAAC,SAAa,EAAAC,SAAA,IAAAnB,KAAA,CAAAoB,QAAA;EAEb,IAAAC,MAAM,GAAAd,gBAAkB,CAAAW,SAAA;EAAA,IACtBI,IACE;EAIM,IAAAC,SAAA,GAAAvB,KAAA,CAAAwB,OAAC,aAAW;IAAa,OACzBf,WAAA,CAAAgB,MAAC,WAAOC,CAAA;MACR,OAAAA,CAAA,CAAAZ,GAAA,CAAAa,QAAA,CAAAN,MAAA,CAAAN,WAAA;IAAA,GAAAH,GAAC,WAAAgB,KAAA;MAAA;QAAAZ,IAAA;QAAAH;MAAA,IAAAe,KAAA;MAAA,OACC,eAAO7B,KAAA,CAAAO,MAAA;QAAAuB,MACP,EAAAP,IAAS;QAAAQ,KACT,UAAK;QAAAC,OACL,EAAK;QAAAC,QACF,GACH,eAAKnC,IAAA,CAAAmB,IAAA;UACLM,IAAA,EAAAA,IAAS;QAER,mBAAAzB,IAAA,CAAAQ,MAAA,OACH,eAAAR,IAAA,CAAAO,SAAA;UAb8DyB,MAejE;UACEI,QAAA;UACTC,IAAA;UAGEC,IAAA;UACEC,EAAA;UAEAd,IAAA;UAKFe,OAAA;UAEJL,QAAA,EAAAnB","ignoreList":[]}
+{"version":3,"file":"LucideIconsDemo.native.js","names":[],"sources":["esm/LucideIconsDemo.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React from \"react\";\nimport { ScrollView } from \"react-native\";\nimport { Input, Paragraph, Spacer, YStack, useDebounceValue } from \"tamagui\";\nimport { Grid } from \"./Grid\";\nfunction LucideIconsDemo() {\n  var [searchRaw, setSearch] = React.useState(\"\");\n  var search = useDebounceValue(searchRaw, 400);\n  var [lucideIcons, setLucideIcons] = React.useState([]);\n  React.useEffect(function() {\n    import(\"@tamagui/lucide-icons-2/all\").then(function(param) {\n      var { allIcons } = param;\n      setLucideIcons(Object.keys(allIcons).map(function(name) {\n        return {\n          key: name.toLowerCase(),\n          name,\n          Icon: allIcons[name]\n        };\n      }));\n    });\n  }, []);\n  var size = 100;\n  var iconsMemo = React.useMemo(function() {\n    return lucideIcons.filter(function(x) {\n      return x.key.includes(search.toLowerCase());\n    }).map(function(param) {\n      var { Icon, name } = param;\n      return /* @__PURE__ */ _jsxs(YStack, {\n        height: size + 20,\n        items: \"center\",\n        justify: \"center\",\n        children: [\n          /* @__PURE__ */ _jsx(Icon, {\n            size: size * 0.25\n          }),\n          /* @__PURE__ */ _jsx(Spacer, {}),\n          /* @__PURE__ */ _jsx(Paragraph, {\n            height: \"6\",\n            wordWrap: \"break-word\",\n            maxW: \"100%\",\n            text: \"center\",\n            px: \"2\",\n            opacity: 0.5,\n            size: \"1\",\n            children: name\n          })\n        ]\n      }, name);\n    });\n  }, [\n    search,\n    lucideIcons\n  ]);\n  return /* @__PURE__ */ _jsxs(YStack, {\n    minW: \"100%\",\n    paddingTop: \"4\",\n    paddingRight: \"4\",\n    paddingLeft: \"4\",\n    pb: \"0\",\n    gap: \"4\",\n    children: [\n      /* @__PURE__ */ _jsx(Input, {\n        value: searchRaw,\n        onChangeText: setSearch,\n        placeholder: \"Search...\"\n      }),\n      /* @__PURE__ */ _jsx(YStack, {\n        height: 420,\n        children: /* @__PURE__ */ _jsx(ScrollView, {\n          children: /* @__PURE__ */ _jsx(Grid, {\n            itemMinWidth: size,\n            children: iconsMemo\n          })\n        })\n      })\n    ]\n  });\n}\nexport {\n  LucideIconsDemo\n};\n//# sourceMappingURL=LucideIconsDemo.js.map\n"],"mappings":";;;;;;;AAKA,SAAS,kBAAkB;CACzB,IAAI,CAAC,WAAW,aAAa,MAAM,SAAS,EAAE;CAC9C,IAAI,SAAS,iBAAiB,WAAW,GAAG;CAC5C,IAAI,CAAC,aAAa,kBAAkB,MAAM,SAAS,CAAC,CAAC;CACrD,MAAM,UAAU,WAAW;EACzB,OAAO,8BAA8B,CAAC,KAAK,SAAS,OAAO;GACzD,IAAI,EAAE,aAAa;GACnB,eAAe,OAAO,KAAK,QAAQ,CAAC,CAAC,IAAI,SAAS,MAAM;IACtD,OAAO;KACL,KAAK,KAAK,YAAY;KACtB;KACA,MAAM,SAAS;IACjB;GACF,CAAC,CAAC;EACJ,CAAC;CACH,GAAG,CAAC,CAAC;CACL,IAAI,OAAO;CACX,IAAI,YAAY,MAAM,QAAQ,WAAW;EACvC,OAAO,YAAY,OAAO,SAAS,GAAG;GACpC,OAAO,EAAE,IAAI,SAAS,OAAO,YAAY,CAAC;EAC5C,CAAC,CAAC,CAAC,IAAI,SAAS,OAAO;GACrB,IAAI,EAAE,MAAM,SAAS;GACrB,OAAuB,qBAAM,QAAQ;IACnC,QAAQ,OAAO;IACf,OAAO;IACP,SAAS;IACT,UAAU;KACQ,oBAAK,MAAM,EACzB,MAAM,OAAO,IACf,CAAC;KACe,oBAAK,QAAQ,CAAC,CAAC;KACf,oBAAK,WAAW;MAC9B,QAAQ;MACR,UAAU;MACV,MAAM;MACN,MAAM;MACN,IAAI;MACJ,SAAS;MACT,MAAM;MACN,UAAU;KACZ,CAAC;IACH;GACF,GAAG,IAAI;EACT,CAAC;CACH,GAAG,CACD,QACA,WACF,CAAC;CACD,OAAuB,qBAAM,QAAQ;EACnC,MAAM;EACN,YAAY;EACZ,cAAc;EACd,aAAa;EACb,IAAI;EACJ,KAAK;EACL,UAAU,CACQ,oBAAK,OAAO;GAC1B,OAAO;GACP,cAAc;GACd,aAAa;EACf,CAAC,GACe,oBAAK,QAAQ;GAC3B,QAAQ;GACR,UAA0B,oBAAK,YAAY,EACzC,UAA0B,oBAAK,MAAM;IACnC,cAAc;IACd,UAAU;GACZ,CAAC,EACH,CAAC;EACH,CAAC,CACH;CACF,CAAC;AACH"}