@tamagui/demos 2.0.0-rc.9 → 2.0.0

package/dist/cjs/InputsDemo.native.js

@@ -5,28 +5,30 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var InputsDemo_exports = {};
 __export(InputsDemo_exports, {
   InputsDemo: () => InputsDemo
 });
 module.exports = __toCommonJS(InputsDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
 function InputsDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     width: 200,

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","InputsDemo_exports","__export","InputsDemo","module","exports","import_jsx_runtime","require","import_tamagui","jsxs","YStack","width","minH","overflow","gap","m","p","children","jsx","InputDemo","size","TextArea","theme","placeholder"],"sources":["../../src/InputsDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAAwD,CAAAK,kBAIpD;AAFG,IAAAK,kBAAsB,GAAAC,OAAA;EAAAC,cAAA,GAAAD,OAAA;AAC3B,SACEJ,WAAA;EACE,0BAAAG,kBAAA,CAACG,IAAA,EAAAD,cAAe,CAAAE,MAAK;IACrBC,KAAA;IACAC,IAAA;IACAC,QAAA;IAA+DC,GACjE;IAEJC,CAAA;IAEAC,CAAA,MAAS;IACPC,QACE,GACE,mBAAAX,kBAAA,CAAAY,GAAA,EAAAC,SAAA;MAACC,IAAA;IAAA,mBACO,IAAAd,kBAAA,CAAAY,GAAA,EAAAC,SAAA;MACNC,IAAA,EAAM;IAAA,EACN,EAAY,eACC,IAAAd,kBAAkB,CAAAY,GAAA,EAAAC,SAAA;MAAAC,IAAA;IACjC,IACA,mBAAAd,kBAAA,CAAAY,GAAC,EAAAV,cAAA,CAAAa,QAAO;MACVC,KAAA;MAEJC,WAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","InputsDemo_exports","__export","InputsDemo","module","exports","import_jsx_runtime","require","import_tamagui","jsxs","YStack","width","minH","overflow","gap","m","p","children","jsx","InputDemo","size","TextArea","theme","placeholder"],"sources":["../../src/InputsDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAAwD,CAAAK,kBAAA;AAIpD,IAAAK,kBAAA,GAAAC,OAAA;AAFG,IAAAC,cAAS,GAAAD,OAAa;AAC3B,SACEJ,WAAA;EACE,0BAAAG,kBAAA,CAACG,IAAA,EAAAD,cAAe,CAAAE,MAAK;IACrBC,KAAA;IACAC,IAAA;IACAC,QAAA;IAA+DC,GACjE;IAEJC,CAAA;IAEAC,CAAA,MAAS;IACPC,QACE,GACE,mBAAAX,kBAAA,CAAAY,GAAA,EAAAC,SAAA;MAACC,IAAA;IAAA,mBACO,IAAAd,kBAAA,CAAAY,GAAA,EAAAC,SAAA;MACNC,IAAA,EAAM;IAAA,EACN,EAAY,eACC,IAAAd,kBAAkB,CAAAY,GAAA,EAAAC,SAAA;MAAAC,IAAA;IACjC,IACA,mBAAAd,kBAAA,CAAAY,GAAC,EAAAV,cAAA,CAAAa,QAAO;MACVC,KAAA;MAEJC,WAAA","ignoreList":[]}

package/dist/cjs/LabelDemo.cjs

@@ -3,28 +3,30 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var LabelDemo_exports = {};
 __export(LabelDemo_exports, {
   LabelDemo: () => LabelDemo
 });
 module.exports = __toCommonJS(LabelDemo_exports);
-var import_tamagui = require("tamagui"),
-  import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
 function LabelDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     $maxMd: {

package/dist/cjs/LabelDemo.native.js

@@ -5,28 +5,30 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var LabelDemo_exports = {};
 __export(LabelDemo_exports, {
   LabelDemo: () => LabelDemo
 });
 module.exports = __toCommonJS(LabelDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
 function LabelDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     $maxMd: {

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","LabelDemo_exports","__export","LabelDemo","module","exports","import_jsx_runtime","require","import_tamagui","jsxs","YStack","$maxMd","width","minW","gap","children","XStack","items","jsx","Label","htmlFor","Input","flex","id"],"sources":["../../src/LabelDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,iBAAA;AAAAC,QAAA,CAAAD,iBAAA;EAAAE,SAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAqD,CAAAK,iBAK/C;AAHC,IAAAK,kBAAqB,GAAAC,OAAA;EAAAC,cAAA,GAAAD,OAAA;AAC1B,SACEJ,UAAA;EACE,0BAAAG,kBAAA,CAAAG,IAAC,EAAAD,cAAA,CAAAE,MAAO;IACNC,MAAA;MAGAC,KAAA;IAAsD;IAGxDC,IAAA;IACEC,GAAA;IAEAC,QACA,kBAAC,IAAAT,kBAAA,CAAAG,IAAA,EAAAD,cAAA,CAAAQ,MAAA;MAAAC,KAAA;MAAAH,GACC;MAAaC,QACX,GACF,mBAAAT,kBAAA,CAAAY,GAAA,EAAAV,cAAA,CAAAW,KAAA;QACAP,KAAG;QAEHQ,OAAA;QAAoCL,QAAA;MACtC,IACF,mBAAAT,kBAAA,CAAAY,GAAA,EAAAV,cAAA,CAAAa,KAAA;QACFC,IAAA;QAEJC,EAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","LabelDemo_exports","__export","LabelDemo","module","exports","import_jsx_runtime","require","import_tamagui","jsxs","YStack","$maxMd","width","minW","gap","children","XStack","items","jsx","Label","htmlFor","Input","flex","id"],"sources":["../../src/LabelDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,iBAAA;AAAAC,QAAA,CAAAD,iBAAA;EAAAE,SAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAqD,CAAAK,iBAAA;AAK/C,IAAAK,kBAAA,GAAAC,OAAA;AAHC,IAAAC,cAAS,GAAYD,OAAA;AAC1B,SACEJ,UAAA;EACE,0BAAAG,kBAAA,CAAAG,IAAC,EAAAD,cAAA,CAAAE,MAAO;IACNC,MAAA;MAGAC,KAAA;IAAsD;IAGxDC,IAAA;IACEC,GAAA;IAEAC,QACA,kBAAC,IAAAT,kBAAA,CAAAG,IAAA,EAAAD,cAAA,CAAAQ,MAAA;MAAAC,KAAA;MAAAH,GACC;MAAaC,QACX,GACF,mBAAAT,kBAAA,CAAAY,GAAA,EAAAV,cAAA,CAAAW,KAAA;QACAP,KAAG;QAEHQ,OAAA;QAAoCL,QAAA;MACtC,IACF,mBAAAT,kBAAA,CAAAY,GAAA,EAAAV,cAAA,CAAAa,KAAA;QACFC,IAAA;QAEJC,EAAA","ignoreList":[]}

package/dist/cjs/LinearGradientDemo.cjs

@@ -3,29 +3,31 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var LinearGradientDemo_exports = {};
 __export(LinearGradientDemo_exports, {
   LinearGradientDemo: () => LinearGradientDemo
 });
 module.exports = __toCommonJS(LinearGradientDemo_exports);
-var import_tamagui = require("tamagui"),
-  import_linear_gradient = require("@tamagui/linear-gradient"),
-  import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+var import_linear_gradient = require("@tamagui/linear-gradient");
+var import_jsx_runtime = require("react/jsx-runtime");
 function LinearGradientDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
     gap: "$4",

package/dist/cjs/LinearGradientDemo.native.js

@@ -5,29 +5,31 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var LinearGradientDemo_exports = {};
 __export(LinearGradientDemo_exports, {
   LinearGradientDemo: () => LinearGradientDemo
 });
 module.exports = __toCommonJS(LinearGradientDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_tamagui = require("tamagui"),
-  import_linear_gradient = require("@tamagui/linear-gradient");
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+var import_linear_gradient = require("@tamagui/linear-gradient");
 function LinearGradientDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
     gap: "$4",

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","LinearGradientDemo_exports","__export","LinearGradientDemo","module","exports","import_jsx_runtime","require","import_tamagui","import_linear_gradient","jsxs","XStack","gap","children","jsx","LinearGradient","width","height","rounded","colors","start","end"],"sources":["../../src/LinearGradientDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,0BAAA;AAAAC,QAAA,CAAAD,0BAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAuB,CAAAK,0BACvB;AAEO,IAAAK,kBAAS,GAAAC,OAAqB;EAAAC,cAAA,GAAAD,OAAA;EAAAE,sBAAA,GAAAF,OAAA;AACnC,SACEJ,mBAAA;EAEE,0BAAAG,kBAAA,CAAAI,IAAA,EAAAF,cAAA,CAAAG,MAAA;IAAAC,GAAC;IAAAC,QAAA;IACO,eACC,IAAAP,kBAAA,CAAAQ,GAAA,EAAAL,sBAAA,CAAAM,cAAA;MACPC,KAAA,MAAQ;MACRC,MAAA,EAAQ,IAAC;MACTC,OAAO,EAAC,IAAI;MACZC,MAAM,GAAI,UACZ,YAGA;MAACC,KAAA,MACC,EACA;MACAC,GAAA,GACA,GACA;IACU,IACZ;IACF,mBAAAf,kBAAA,CAAAQ,GAAA,EAAAL,sBAAA,CAAAM,cAAA;MAEJC,KAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","LinearGradientDemo_exports","__export","LinearGradientDemo","module","exports","import_jsx_runtime","require","import_tamagui","import_linear_gradient","jsxs","XStack","gap","children","jsx","LinearGradient","width","height","rounded","colors","start","end"],"sources":["../../src/LinearGradientDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,0BAAA;AAAAC,QAAA,CAAAD,0BAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAuB,CAAAK,0BAAA;AACvB,IAAAK,kBAAA,GAAAC,OAA+B;AAI3B,IAAAC,cAAA,GAAAD,OAAA;AAFG,IAAAE,sBAAS,GAAAF,OAAqB;AACnC,SACEJ,mBAAA;EAEE,0BAAAG,kBAAA,CAAAI,IAAA,EAAAF,cAAA,CAAAG,MAAA;IAAAC,GAAC;IAAAC,QAAA;IACO,eACC,IAAAP,kBAAA,CAAAQ,GAAA,EAAAL,sBAAA,CAAAM,cAAA;MACPC,KAAA,MAAQ;MACRC,MAAA,EAAQ,IAAC;MACTC,OAAO,EAAC,IAAI;MACZC,MAAM,GAAI,UACZ,YAGA;MAACC,KAAA,MACC,EACA;MACAC,GAAA,GACA,GACA;IACU,IACZ;IACF,mBAAAf,kBAAA,CAAAQ,GAAA,EAAAL,sBAAA,CAAAM,cAAA;MAEJC,KAAA","ignoreList":[]}

package/dist/cjs/ListItemDemo.cjs

@@ -3,29 +3,31 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var ListItemDemo_exports = {};
 __export(ListItemDemo_exports, {
   ListItemDemo: () => ListItemDemo
 });
 module.exports = __toCommonJS(ListItemDemo_exports);
-var import_lucide_icons = require("@tamagui/lucide-icons"),
-  import_tamagui = require("tamagui"),
-  import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
 function ListItemDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
     name: "surface1",
@@ -45,30 +47,35 @@ function ListItemDemo1() {
     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, {
-        icon: import_lucide_icons.Star,
+        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.ChevronRight
+        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, {
-        icon: import_lucide_icons.Moon,
+        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, {
-        icon: import_lucide_icons.Sun,
+        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, {
-        icon: import_lucide_icons.Cloud,
+        gap: "$3",
+        icon: import_lucide_icons_2.Cloud,
         children: "Cloud"
       })
     })]
@@ -80,21 +87,24 @@ function ListItemDemo2() {
     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.Star,
-        iconAfter: import_lucide_icons.ChevronRight
+        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.Moon,
-        iconAfter: import_lucide_icons.ChevronRight
+        icon: import_lucide_icons_2.Moon,
+        iconAfter: import_lucide_icons_2.ChevronRight
       })
     })]
   });

package/dist/cjs/ListItemDemo.native.js

@@ -5,29 +5,31 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var ListItemDemo_exports = {};
 __export(ListItemDemo_exports, {
   ListItemDemo: () => ListItemDemo
 });
 module.exports = __toCommonJS(ListItemDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_lucide_icons = require("@tamagui/lucide-icons"),
-  import_tamagui = require("tamagui");
+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",
@@ -47,30 +49,35 @@ function ListItemDemo1() {
     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, {
-        icon: import_lucide_icons.Star,
+        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.ChevronRight
+        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, {
-        icon: import_lucide_icons.Moon,
+        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, {
-        icon: import_lucide_icons.Sun,
+        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, {
-        icon: import_lucide_icons.Cloud,
+        gap: "$3",
+        icon: import_lucide_icons_2.Cloud,
         children: "Cloud"
       })
     })]
@@ -82,21 +89,24 @@ function ListItemDemo2() {
     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.Star,
-        iconAfter: import_lucide_icons.ChevronRight
+        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.Moon,
-        iconAfter: import_lucide_icons.ChevronRight
+        icon: import_lucide_icons_2.Moon,
+        iconAfter: import_lucide_icons_2.ChevronRight
       })
     })]
   });

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","import_tamagui","jsx","Theme","name","children","jsxs","XStack","$maxMd","flexDirection","px","gap","ListItemDemo1","ListItemDemo2","YGroup","self","borderWidth","borderColor","rounded","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;AAG9C,IAAAK,kBAAS,GAAeC,OAAA;EAAAC,mBAAA,GAAAD,OAAA;EAAAE,cAAA,GAAAF,OAAA;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;EACD;AACF;AAEL,SAAAD,cAAA;EACE,sBAAC,IAAAd,kBAAA,CAAAQ,IAAA,EAAAL,cAAA,CAAAa,MAAA;IAAAC,IAAA;IAAAC,WACC,GAAM;IAAAC,WACN,gBAAM;IAAAC,OAAA,EACN;IAAqCC,KAAA,KACrC;IAAWC,IAAA;IAAAf,QAEf,kBACA,IAAAP,kBAAA,CAAAI,GAAA,EAAAD,cAAC,CAAAa,MAAA,CAAAO,IAAO;MAGRhB,QAAA,qBAAAP,kBAAC,CAAAI,GAAA,EAAAD,cAAO,CAAAqB,QACN;QAEFC,IAAA,EAAAvB,mBAAA,CAAAwB,IAAA;QAEAC,KAAA;QAAAC,QAAA,qBAAA5B,kBAAA,CAAAI,GAAA,EAAAD,cAAA,CAAAqB,QAAA,CAAAK,QAAA;UACFtB,QAAA;QAEJ;QAESuB,SAAA,EAAA5B,mBAAgB,CAAA6B;MACvB,CACE;IAAC,uBAAA/B,kBAAA,CAAAI,GAAA,EAAAD,cAAA,CAAAa,MAAA,CAAAO,IAAA;MACChB,QAAK,qBAAAP,kBAAA,CAAAI,GAAA,EAAAD,cAAA,CAAAqB,QAAA;QACLC,IAAA,EAAAvB,mBAAa,CAAA8B,IAAA;QACbzB,QAAA,EAAY;MACZ;IACA,IACA,eAAK,IAAAP,kBAAA,CAAAI,GAAA,EAAAD,cAAA,CAAAa,MAAA,CAAAO,IAAA;MAELhB,QAAA,qBAAAP,kBAAA,CAAAI,GAAA,EAAAD,cAAA,CAAAqB,QAAA;QAAAC,IAAA,EAAAvB,mBAAA,CAAA+B,GAAA;QAGA1B,QAAA;MACA;IAEA,uBAAAP,kBAAA,CAAAI,GAAA,EAAAD,cAAA,CAAAa,MAAA,CAAAO,IAAA;MACFhB,QAAA,qBAAAP,kBAAA,CAAAI,GAAA,EAAAD,cAAA,CAAAqB,QAAA;QAEJC,IAAA,EAAAvB,mBAAA,CAAAgC,KAAA","ignoreList":[]}
+{"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":[]}

package/dist/cjs/LucideIconsDemo.cjs

@@ -2,75 +2,77 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// 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
+}) : 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_react = __toESM(require("react"), 1),
-  LucideIcons = __toESM(require("@tamagui/lucide-icons"), 1),
-  import_react_native = require("react-native-web"),
-  import_tamagui = require("tamagui"),
-  import_Grid = require("./Grid.cjs"),
-  import_jsx_runtime = require("react/jsx-runtime");
+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 < "u" ? LucideIcons : {}).map(name => ({
+typeof LucideIcons !== "undefined" ? LucideIcons : {}).map(name => ({
   key: name.toLowerCase(),
   name,
   Icon: LucideIcons[name]
 }));
 function LucideIconsDemo() {
-  const [searchRaw, setSearch] = import_react.default.useState(""),
-    search = (0, import_tamagui.useDebounceValue)(searchRaw, 400),
-    size = 100,
-    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]);
+  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",