@tamagui/demos 2.7.7 → 3.0.0-beta.1091.1

package/dist/cjs/ListItemDemo.native.cjs

@@ -0,0 +1,102 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ListItemDemo_exports = {};
+__export(ListItemDemo_exports, { ListItemDemo: () => ListItemDemo });
+module.exports = __toCommonJS(ListItemDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
+var import_tamagui = require("tamagui");
+function ListItemDemo() {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
+		name: "level2",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+			flexDirection: "max-md:column",
+			px: "4",
+			gap: "4",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemDemo1, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemDemo2, {})]
+		})
+	});
+}
+function ListItemDemo1() {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YGroup, {
+		self: "center",
+		borderWidth: 1,
+		borderColor: "border-color",
+		rounded: "4",
+		overflow: "hidden",
+		width: 240,
+		size: "4",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
+				gap: "3",
+				icon: import_lucide_icons_2.Star,
+				title: "Star",
+				subTitle: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem.Subtitle, { children: "Twinkles" }),
+				iconAfter: import_lucide_icons_2.ChevronRight
+			}) }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
+				gap: "3",
+				icon: import_lucide_icons_2.Moon,
+				children: "Moon"
+			}) }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
+				gap: "3",
+				icon: import_lucide_icons_2.Sun,
+				children: "Sun"
+			}) }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
+				gap: "3",
+				icon: import_lucide_icons_2.Cloud,
+				children: "Cloud"
+			}) })
+		]
+	});
+}
+function ListItemDemo2() {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YGroup, {
+		self: "center",
+		borderWidth: 1,
+		borderColor: "border-color",
+		rounded: "4",
+		overflow: "hidden",
+		width: 240,
+		size: "5",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
+				gap: "3",
+				title: "Star",
+				subTitle: "Subtitle",
+				icon: import_lucide_icons_2.Star,
+				iconAfter: import_lucide_icons_2.ChevronRight
+			}) }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
+				gap: "3",
+				title: "Moon",
+				subTitle: "Subtitle",
+				icon: import_lucide_icons_2.Moon,
+				iconAfter: import_lucide_icons_2.ChevronRight
+			}) })
+		]
+	});
+}

package/dist/cjs/ListItemDemo.native.js

@@ -5,110 +5,100 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ListItemDemo_exports = {};
-__export(ListItemDemo_exports, {
-  ListItemDemo: () => ListItemDemo
-});
+__export(ListItemDemo_exports, { ListItemDemo: () => ListItemDemo });
 module.exports = __toCommonJS(ListItemDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
 var import_tamagui = require("tamagui");
 function ListItemDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
-    name: "surface1",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-      $maxMd: {
-        flexDirection: "column"
-      },
-      px: "$4",
-      gap: "$4",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ListItemDemo1, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ListItemDemo2, {})]
-    })
-  });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
+		name: "level2",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+			flexDirection: "max-md:column",
+			px: "4",
+			gap: "4",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemDemo1, {}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemDemo2, {})]
+		})
+	});
 }
 function ListItemDemo1() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YGroup, {
-    self: "center",
-    borderWidth: 1,
-    borderColor: "$borderColor",
-    rounded: "$4",
-    overflow: "hidden",
-    width: 240,
-    size: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, {
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
-        gap: "$3",
-        icon: import_lucide_icons_2.Star,
-        title: "Star",
-        subTitle: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ListItem.Subtitle, {
-          children: "Twinkles"
-        }),
-        iconAfter: import_lucide_icons_2.ChevronRight
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, {
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
-        gap: "$3",
-        icon: import_lucide_icons_2.Moon,
-        children: "Moon"
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, {
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
-        gap: "$3",
-        icon: import_lucide_icons_2.Sun,
-        children: "Sun"
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, {
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
-        gap: "$3",
-        icon: import_lucide_icons_2.Cloud,
-        children: "Cloud"
-      })
-    })]
-  });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YGroup, {
+		self: "center",
+		borderWidth: 1,
+		borderColor: "border-color",
+		rounded: "4",
+		overflow: "hidden",
+		width: 240,
+		size: "4",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
+				gap: "3",
+				icon: import_lucide_icons_2.Star,
+				title: "Star",
+				subTitle: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem.Subtitle, { children: "Twinkles" }),
+				iconAfter: import_lucide_icons_2.ChevronRight
+			}) }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
+				gap: "3",
+				icon: import_lucide_icons_2.Moon,
+				children: "Moon"
+			}) }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
+				gap: "3",
+				icon: import_lucide_icons_2.Sun,
+				children: "Sun"
+			}) }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
+				gap: "3",
+				icon: import_lucide_icons_2.Cloud,
+				children: "Cloud"
+			}) })
+		]
+	});
 }
 function ListItemDemo2() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YGroup, {
-    self: "center",
-    borderWidth: 1,
-    borderColor: "$borderColor",
-    rounded: "$4",
-    overflow: "hidden",
-    width: 240,
-    size: "$5",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, {
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
-        gap: "$3",
-        title: "Star",
-        subTitle: "Subtitle",
-        icon: import_lucide_icons_2.Star,
-        iconAfter: import_lucide_icons_2.ChevronRight
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, {
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
-        gap: "$3",
-        title: "Moon",
-        subTitle: "Subtitle",
-        icon: import_lucide_icons_2.Moon,
-        iconAfter: import_lucide_icons_2.ChevronRight
-      })
-    })]
-  });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YGroup, {
+		self: "center",
+		borderWidth: 1,
+		borderColor: "border-color",
+		rounded: "4",
+		overflow: "hidden",
+		width: 240,
+		size: "5",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
+				gap: "3",
+				title: "Star",
+				subTitle: "Subtitle",
+				icon: import_lucide_icons_2.Star,
+				iconAfter: import_lucide_icons_2.ChevronRight
+			}) }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
+				gap: "3",
+				title: "Moon",
+				subTitle: "Subtitle",
+				icon: import_lucide_icons_2.Moon,
+				iconAfter: import_lucide_icons_2.ChevronRight
+			}) })
+		]
+	});
 }
+
 //# sourceMappingURL=ListItemDemo.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ListItemDemo_exports","__export","ListItemDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_tamagui","jsx","Theme","name","children","jsxs","XStack","$maxMd","flexDirection","px","gap","ListItemDemo1","ListItemDemo2","YGroup","self","borderWidth","borderColor","rounded","overflow","width","size","Item","ListItem","icon","Star","title","subTitle","Subtitle","iconAfter","ChevronRight","Moon","Sun","Cloud"],"sources":["../../src/ListItemDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAqD,CAAAK,oBAAA;AACrD,IAAAK,kBAA2D,GAAAC,OAAA;AAKrD,IAAAC,qBAAA,GAAAD,OAAA;AAHC,IAAAE,cAAS,GAAAF,OAAe;AAC7B,SACEJ,aAAA;EAEI,0BAAAG,kBAAA,CAACI,GAAA,EAAAD,cAAc,CAAAE,KAAA;IACfC,IAAA;IAAeC,QAEnB,qBAAAP,kBAAA,CAAAQ,IAAA,EAAAL,cAAA,CAAAM,MAAA;MAEJC,MAAA;QAEAC,aAAS;MACP;MACGC,EAAA;MAAAC,GAAA;MACCN,QAAK,GACL,eAAa,IAAAP,kBAAA,CAAAI,GAAA,EAAAU,aAAA,OACb,eAAY,IAAAd,kBAAA,CAAAI,GAAA,EAAAW,aAAA;IACJ;EACC;AACF;AACF,SAELD,cAAA;EAAA,0BAAAd,kBAAA,CAAAQ,IAAC,EAAAL,cAAA,CAAAa,MAAO;IACNC,IAAA,EAAC;IAAAC,WAAA;IAAAC,WACC,EAAI;IAAAC,OAAA,EACJ;IAAMC,QACN,UAAM;IAAAC,KAAA,KACN;IAAqCC,IAAA,MACrC;IAAWhB,QAAA,kBAEf,IAAAP,kBAAA,CAAAI,GAAA,EAAAD,cAAA,CAAAa,MAAA,CAAAQ,IAAA;MACAjB,QAAA,qBAAAP,kBAAC,CAAAI,GAAA,EAAAD,cAAO,CAAAsB,QACN;QAIFZ,GAAA;QAKAa,IAAA,EAAAxB,qBAAA,CAAAyB,IAAA;QAIAC,KAAA;QAAAC,QAAA,qBAAA7B,kBAAA,CAAAI,GAAA,EAAAD,cAAA,CAAAsB,QAAA,CAAAK,QAAA;UACFvB,QAAA;QAEJ;QAESwB,SAAA,EAAA7B,qBAAgB,CAAA8B;MACvB,CACE;IAAC,uBAAAhC,kBAAA,CAAAI,GAAA,EAAAD,cAAA,CAAAa,MAAA,CAAAQ,IAAA;MACCjB,QAAK,qBAAAP,kBAAA,CAAAI,GAAA,EAAAD,cAAA,CAAAsB,QAAA;QACLZ,GAAA,MAAa;QACba,IAAA,EAAAxB,qBAAY,CAAA+B,IAAA;QACZ1B,QAAQ;MACR;IACA,IACA,eAAK,IAAAP,kBAAA,CAAAI,GAAA,EAAAD,cAAA,CAAAa,MAAA,CAAAQ,IAAA;MAELjB,QAAA,qBAAAP,kBAAA,CAAAI,GAAA,EAAAD,cAAA,CAAAsB,QAAA;QAAAZ,GAAA;QACGa,IAAA,EAAAxB,qBAAA,CAAAgC,GAAA;QAAA3B,QAAA;MAAA;IACK,IACE,eACG,IAAAP,kBAAA,CAAAI,GAAA,EAAAD,cAAA,CAAAa,MAAA,CAAAQ,IAAA;MAAAjB,QACT,EAAM,mBAAAP,kBAAA,CAAAI,GAAA,EAAAD,cAAA,CAAAsB,QAAA;QAAAZ,GACN;QAAWa,IAAA,EAAAxB,qBAAA,CAAAiC,KAAA;QACb5B,QACF;MACA;IAAW,EACX;EACG;AAAA;AACK,SAAAQ,aACEA,CAAA;EAAA,sBACG,IAAAf,kBAAA,CAAAQ,IAAA,EAAAL,cAAA,CAAAa,MAAA;IAAAC,IAAA,UACH;IAAAC,WACN;IAAWC,WAAA;IAAAC,OAEf;IAAAC,QAAA;IAAAC,KAAA;IACFC,IAAA;IAEJhB,QAAA,G","ignoreList":[]}
+{"version":3,"file":"ListItemDemo.native.js","names":[],"sources":["cjs/ListItemDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar ListItemDemo_exports = {};\n__export(ListItemDemo_exports, {\n  ListItemDemo: () => ListItemDemo\n});\nmodule.exports = __toCommonJS(ListItemDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_lucide_icons_2 = require(\"@tamagui/lucide-icons-2\");\nvar import_tamagui = require(\"tamagui\");\nfunction ListItemDemo() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, {\n    name: \"level2\",\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n      flexDirection: \"max-md:column\",\n      px: \"4\",\n      gap: \"4\",\n      children: [\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemDemo1, {}),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemDemo2, {})\n      ]\n    })\n  });\n}\nfunction ListItemDemo1() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.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__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, {\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {\n          gap: \"3\",\n          icon: import_lucide_icons_2.Star,\n          title: \"Star\",\n          subTitle: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem.Subtitle, {\n            children: \"Twinkles\"\n          }),\n          iconAfter: import_lucide_icons_2.ChevronRight\n        })\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, {\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {\n          gap: \"3\",\n          icon: import_lucide_icons_2.Moon,\n          children: \"Moon\"\n        })\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, {\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {\n          gap: \"3\",\n          icon: import_lucide_icons_2.Sun,\n          children: \"Sun\"\n        })\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, {\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {\n          gap: \"3\",\n          icon: import_lucide_icons_2.Cloud,\n          children: \"Cloud\"\n        })\n      })\n    ]\n  });\n}\nfunction ListItemDemo2() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.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__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, {\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {\n          gap: \"3\",\n          title: \"Star\",\n          subTitle: \"Subtitle\",\n          icon: import_lucide_icons_2.Star,\n          iconAfter: import_lucide_icons_2.ChevronRight\n        })\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, {\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {\n          gap: \"3\",\n          title: \"Moon\",\n          subTitle: \"Subtitle\",\n          icon: import_lucide_icons_2.Moon,\n          iconAfter: import_lucide_icons_2.ChevronRight\n        })\n      })\n    ]\n  });\n}\n//# sourceMappingURL=ListItemDemo.js.map\n"],"mappings":"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"}

package/dist/cjs/LucideIconsDemo.cjs

@@ -5,91 +5,83 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__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: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var LucideIconsDemo_exports = {};
-__export(LucideIconsDemo_exports, {
-  LucideIconsDemo: () => LucideIconsDemo
-});
+__export(LucideIconsDemo_exports, { LucideIconsDemo: () => LucideIconsDemo });
 module.exports = __toCommonJS(LucideIconsDemo_exports);
 var import_react = __toESM(require("react"), 1);
-var LucideIcons = __toESM(require("@tamagui/lucide-icons-2"), 1);
 var import_react_native = require("react-native-web");
 var import_tamagui = require("tamagui");
 var import_Grid = require("./Grid.cjs");
 var import_jsx_runtime = require("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] = import_react.default.useState("");
-  const search = (0, import_tamagui.useDebounceValue)(searchRaw, 400);
-  const size = 100;
-  const iconsMemo = import_react.default.useMemo(() => lucideIcons.filter(x => x.key.includes(search.toLowerCase())).map(({
-    Icon,
-    name
-  }) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    height: size + 20,
-    items: "center",
-    justify: "center",
-    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",
-      maxW: "100%",
-      text: "center",
-      px: "$2",
-      size: "$1",
-      opacity: 0.5,
-      children: name
-    })]
-  }, name)), [search]);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    minW: "100%",
-    p: "$4",
-    pb: "$0",
-    gap: "$4",
-    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
-        })
-      })
-    })]
-  });
-}
+	const [searchRaw, setSearch] = import_react.default.useState("");
+	const search = (0, import_tamagui.useDebounceValue)(searchRaw, 400);
+	const [lucideIcons, setLucideIcons] = import_react.default.useState([]);
+	import_react.default.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 = import_react.default.useMemo(() => lucideIcons.filter((x) => x.key.includes(search.toLowerCase())).map(({ Icon, name }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+		height: size + 20,
+		items: "center",
+		justify: "center",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { size: size * .25 }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spacer, {}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+				height: "6",
+				wordWrap: "break-word",
+				maxW: "100%",
+				text: "center",
+				px: "2",
+				opacity: .5,
+				size: "1",
+				children: name
+			})
+		]
+	}, name)), [search, lucideIcons]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+		minW: "100%",
+		paddingTop: "4",
+		paddingRight: "4",
+		paddingLeft: "4",
+		pb: "0",
+		gap: "4",
+		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
+			}) })
+		})]
+	});
+}

package/dist/cjs/LucideIconsDemo.native.cjs

@@ -0,0 +1,99 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var LucideIconsDemo_exports = {};
+__export(LucideIconsDemo_exports, { LucideIconsDemo: () => LucideIconsDemo });
+module.exports = __toCommonJS(LucideIconsDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"), 1);
+var import_react_native = require("react-native");
+var import_tamagui = require("tamagui");
+var import_Grid = require("./Grid.native.js");
+function LucideIconsDemo() {
+	var [searchRaw, setSearch] = import_react.default.useState("");
+	var search = (0, import_tamagui.useDebounceValue)(searchRaw, 400);
+	var [lucideIcons, setLucideIcons] = import_react.default.useState([]);
+	import_react.default.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 = import_react.default.useMemo(function() {
+		return lucideIcons.filter(function(x) {
+			return x.key.includes(search.toLowerCase());
+		}).map(function(param) {
+			var { Icon, name } = param;
+			return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+				height: size + 20,
+				items: "center",
+				justify: "center",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { size: size * .25 }),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spacer, {}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+						height: "6",
+						wordWrap: "break-word",
+						maxW: "100%",
+						text: "center",
+						px: "2",
+						opacity: .5,
+						size: "1",
+						children: name
+					})
+				]
+			}, name);
+		});
+	}, [search, lucideIcons]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+		minW: "100%",
+		paddingTop: "4",
+		paddingRight: "4",
+		paddingLeft: "4",
+		pb: "0",
+		gap: "4",
+		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
+			}) })
+		})]
+	});
+}