@tamagui/demos 1.89.0-1706483140977 → 1.89.0

package/dist/esm/GroupDemo.native.js

@@ -1,44 +1,25 @@
-"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: !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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var GroupDemo_exports = {};
-__export(GroupDemo_exports, {
-  GroupDemo: () => GroupDemo
-});
-module.exports = __toCommonJS(GroupDemo_exports);
-var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+import { Activity, Airplay } from "@tamagui/lucide-icons";
+import { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 function GroupDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { padding: "$3", space: "$2", alignItems: "center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Group, { orientation: "horizontal", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Group.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "First" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Group.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Second" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Group.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Third" }) })
+  return /* @__PURE__ */ jsxs(YStack, { padding: "$3", space: "$2", alignItems: "center", children: [
+    /* @__PURE__ */ jsxs(Group, { orientation: "horizontal", children: [
+      /* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(Button, { children: "First" }) }),
+      /* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(Button, { children: "Second" }) }),
+      /* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(Button, { children: "Third" }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XGroup, { size: "$3", $gtSm: { size: "$5" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$3", icon: import_lucide_icons.Activity, children: "First" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$3", icon: import_lucide_icons.Airplay, children: "Second" }) })
+    /* @__PURE__ */ jsxs(XGroup, { size: "$3", $gtSm: { size: "$5" }, children: [
+      /* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(Button, { size: "$3", icon: Activity, children: "First" }) }),
+      /* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(Button, { size: "$3", icon: Airplay, children: "Second" }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YGroup, { separator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, { title: "First" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, { title: "Second", subTitle: "Second subtitle" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, { children: "Third" }) })
+    /* @__PURE__ */ jsxs(YGroup, { separator: /* @__PURE__ */ jsx(Separator, {}), children: [
+      /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, { title: "First" }) }),
+      /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, { title: "Second", subTitle: "Second subtitle" }) }),
+      /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, { children: "Third" }) })
     ] })
   ] });
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   GroupDemo
-});
+};
 //# sourceMappingURL=GroupDemo.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/GroupDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAkC,kCAClC,iBAA2E,oBAKrE;AAHC,SAAS,YAAY;AAC1B,SACE,6CAAC,yBAAO,SAAQ,MAAK,OAAM,MAAK,YAAW,UACzC;AAAA,iDAAC,wBAAM,aAAY,cACjB;AAAA,kDAAC,qBAAM,MAAN,EACC,sDAAC,yBAAO,mBAAK,GACf;AAAA,MACA,4CAAC,qBAAM,MAAN,EACC,sDAAC,yBAAO,oBAAM,GAChB;AAAA,MACA,4CAAC,qBAAM,MAAN,EACC,sDAAC,yBAAO,mBAAK,GACf;AAAA,OACF;AAAA,IAGA,6CAAC,yBAAO,MAAK,MAAK,OAAO,EAAE,MAAM,KAAK,GACpC;AAAA,kDAAC,sBAAO,MAAP,EACC,sDAAC,yBAAO,MAAK,MAAK,MAAM,8BAAU,mBAElC,GACF;AAAA,MACA,4CAAC,sBAAO,MAAP,EACC,sDAAC,yBAAO,MAAK,MAAK,MAAM,6BAAS,oBAEjC,GACF;AAAA,OACF;AAAA,IAGA,6CAAC,yBAAO,WAAW,4CAAC,4BAAU,GAC5B;AAAA,kDAAC,sBAAO,MAAP,EACC,sDAAC,2BAAS,OAAM,SAAQ,GAC1B;AAAA,MACA,4CAAC,sBAAO,MAAP,EACC,sDAAC,2BAAS,OAAM,UAAS,UAAS,mBAAkB,GACtD;AAAA,MACA,4CAAC,sBAAO,MAAP,EACC,sDAAC,2BAAS,mBAAK,GACjB;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "mappings": "AAAA,SAAS,UAAU,eAAe;AAClC,SAAS,QAAQ,OAAO,UAAU,WAAW,QAAQ,QAAQ,cAAc;AAKrE,SAEI,KAFJ;AAHC,SAAS,YAAY;AAC1B,SACE,qBAAC,UAAO,SAAQ,MAAK,OAAM,MAAK,YAAW,UACzC;AAAA,yBAAC,SAAM,aAAY,cACjB;AAAA,0BAAC,MAAM,MAAN,EACC,8BAAC,UAAO,mBAAK,GACf;AAAA,MACA,oBAAC,MAAM,MAAN,EACC,8BAAC,UAAO,oBAAM,GAChB;AAAA,MACA,oBAAC,MAAM,MAAN,EACC,8BAAC,UAAO,mBAAK,GACf;AAAA,OACF;AAAA,IAGA,qBAAC,UAAO,MAAK,MAAK,OAAO,EAAE,MAAM,KAAK,GACpC;AAAA,0BAAC,OAAO,MAAP,EACC,8BAAC,UAAO,MAAK,MAAK,MAAM,UAAU,mBAElC,GACF;AAAA,MACA,oBAAC,OAAO,MAAP,EACC,8BAAC,UAAO,MAAK,MAAK,MAAM,SAAS,oBAEjC,GACF;AAAA,OACF;AAAA,IAGA,qBAAC,UAAO,WAAW,oBAAC,aAAU,GAC5B;AAAA,0BAAC,OAAO,MAAP,EACC,8BAAC,YAAS,OAAM,SAAQ,GAC1B;AAAA,MACA,oBAAC,OAAO,MAAP,EACC,8BAAC,YAAS,OAAM,UAAS,UAAS,mBAAkB,GACtD;AAAA,MACA,oBAAC,OAAO,MAAP,EACC,8BAAC,YAAS,mBAAK,GACjB;AAAA,OACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/esm/HeadingsDemo.native.js

@@ -1,36 +1,16 @@
-"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: !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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var HeadingsDemo_exports = {};
-__export(HeadingsDemo_exports, {
-  HeadingsDemo: () => HeadingsDemo
-});
-module.exports = __toCommonJS(HeadingsDemo_exports);
-var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+import { H1, H2, H3, H4, H5, H6, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 function HeadingsDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { alignSelf: "center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H1, { children: "Heading 1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, { children: "Heading 2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H3, { children: "Heading 3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H4, { children: "Heading 4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, { children: "Heading 5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H6, { children: "Heading 6" })
+  return /* @__PURE__ */ jsxs(YStack, { alignSelf: "center", children: [
+    /* @__PURE__ */ jsx(H1, { children: "Heading 1" }),
+    /* @__PURE__ */ jsx(H2, { children: "Heading 2" }),
+    /* @__PURE__ */ jsx(H3, { children: "Heading 3" }),
+    /* @__PURE__ */ jsx(H4, { children: "Heading 4" }),
+    /* @__PURE__ */ jsx(H5, { children: "Heading 5" }),
+    /* @__PURE__ */ jsx(H6, { children: "Heading 6" })
   ] });
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   HeadingsDemo
-});
+};
 //# sourceMappingURL=HeadingsDemo.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/HeadingsDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAA+C,oBAI3C;AAFG,SAAS,eAAe;AAC7B,SACE,6CAAC,yBAAO,WAAU,UAChB;AAAA,gDAAC,qBAAG,uBAAS;AAAA,IACb,4CAAC,qBAAG,uBAAS;AAAA,IACb,4CAAC,qBAAG,uBAAS;AAAA,IACb,4CAAC,qBAAG,uBAAS;AAAA,IACb,4CAAC,qBAAG,uBAAS;AAAA,IACb,4CAAC,qBAAG,uBAAS;AAAA,KACf;AAEJ;",
+  "mappings": "AACA,SAAS,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,cAAc;AAI3C,SACE,KADF;AAFG,SAAS,eAAe;AAC7B,SACE,qBAAC,UAAO,WAAU,UAChB;AAAA,wBAAC,MAAG,uBAAS;AAAA,IACb,oBAAC,MAAG,uBAAS;AAAA,IACb,oBAAC,MAAG,uBAAS;AAAA,IACb,oBAAC,MAAG,uBAAS;AAAA,IACb,oBAAC,MAAG,uBAAS;AAAA,IACb,oBAAC,MAAG,uBAAS;AAAA,KACf;AAEJ;",
   "names": []
 }

package/dist/esm/ImageDemo.native.js

@@ -1,27 +1,8 @@
-"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: !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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var ImageDemo_exports = {};
-__export(ImageDemo_exports, {
-  ImageDemo: () => ImageDemo
-});
-module.exports = __toCommonJS(ImageDemo_exports);
-var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+import { Image } from "tamagui";
+import { jsx } from "react/jsx-runtime";
 function ImageDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_tamagui.Image,
+  return /* @__PURE__ */ jsx(
+    Image,
     {
       source: {
         uri: "https://placekitten.com/200/300",
@@ -31,8 +12,7 @@ function ImageDemo() {
     }
   );
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   ImageDemo
-});
+};
 //# sourceMappingURL=ImageDemo.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ImageDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAsB,oBAIlB;AAFG,SAAS,YAAY;AAC1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ;AAAA,QACN,KAAK;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA;AAAA,EACF;AAEJ;",
+  "mappings": "AAAA,SAAS,aAAa;AAIlB;AAFG,SAAS,YAAY;AAC1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ;AAAA,QACN,KAAK;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/dist/esm/InputsDemo.native.js

@@ -1,27 +1,8 @@
-"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: !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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var InputsDemo_exports = {};
-__export(InputsDemo_exports, {
-  InputsDemo: () => InputsDemo
-});
-module.exports = __toCommonJS(InputsDemo_exports);
-var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+import { Button, Input, TextArea, XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 function InputsDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_tamagui.YStack,
+  return /* @__PURE__ */ jsxs(
+    YStack,
     {
       width: 200,
       minHeight: 250,
@@ -30,22 +11,21 @@ function InputsDemo() {
       margin: "$3",
       padding: "$2",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputDemo, { size: "$2" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputDemo, { size: "$3" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputDemo, { size: "$4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TextArea, { placeholder: "Enter your details..." })
+        /* @__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__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { alignItems: "center", space: "$2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { flex: 1, size: props.size, placeholder: `Size ${props.size}...` }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: props.size, children: "Go" })
+  return /* @__PURE__ */ jsxs(XStack, { alignItems: "center", space: "$2", children: [
+    /* @__PURE__ */ jsx(Input, { flex: 1, size: props.size, placeholder: `Size ${props.size}...` }),
+    /* @__PURE__ */ jsx(Button, { size: props.size, children: "Go" })
   ] });
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   InputsDemo
-});
+};
 //# sourceMappingURL=InputsDemo.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/InputsDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAAwD,oBAIpD;AAFG,SAAS,aAAa;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,WAAW;AAAA,MACX,UAAS;AAAA,MACT,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MAER;AAAA,oDAAC,aAAU,MAAK,MAAK;AAAA,QACrB,4CAAC,aAAU,MAAK,MAAK;AAAA,QACrB,4CAAC,aAAU,MAAK,MAAK;AAAA,QACrB,4CAAC,2BAAS,aAAY,yBAAwB;AAAA;AAAA;AAAA,EAChD;AAEJ;AAEA,SAAS,UAAU,OAA6B;AAC9C,SACE,6CAAC,yBAAO,YAAW,UAAS,OAAM,MAChC;AAAA,gDAAC,wBAAM,MAAM,GAAG,MAAM,MAAM,MAAM,aAAa,QAAQ,MAAM,IAAI,OAAO;AAAA,IACxE,4CAAC,yBAAO,MAAM,MAAM,MAAM,gBAAE;AAAA,KAC9B;AAEJ;",
+  "mappings": "AACA,SAAS,QAAQ,OAAO,UAAU,QAAQ,cAAc;AAIpD,SAQE,KARF;AAFG,SAAS,aAAa;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,WAAW;AAAA,MACX,UAAS;AAAA,MACT,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MAER;AAAA,4BAAC,aAAU,MAAK,MAAK;AAAA,QACrB,oBAAC,aAAU,MAAK,MAAK;AAAA,QACrB,oBAAC,aAAU,MAAK,MAAK;AAAA,QACrB,oBAAC,YAAS,aAAY,yBAAwB;AAAA;AAAA;AAAA,EAChD;AAEJ;AAEA,SAAS,UAAU,OAA6B;AAC9C,SACE,qBAAC,UAAO,YAAW,UAAS,OAAM,MAChC;AAAA,wBAAC,SAAM,MAAM,GAAG,MAAM,MAAM,MAAM,aAAa,QAAQ,MAAM,IAAI,OAAO;AAAA,IACxE,oBAAC,UAAO,MAAM,MAAM,MAAM,gBAAE;AAAA,KAC9B;AAEJ;",
   "names": []
 }

package/dist/esm/LabelDemo.native.js

@@ -1,38 +1,18 @@
-"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: !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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), 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");
+import { Input, Label, Switch, XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 function LabelDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { padding: "$3", minWidth: 300, space: "$4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { alignItems: "center", space: "$4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { width: 90, htmlFor: "name", children: "Name" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { flex: 1, id: "name", defaultValue: "Nate Wienert" })
+  return /* @__PURE__ */ jsxs(YStack, { padding: "$3", minWidth: 300, 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__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { alignItems: "center", space: "$4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { width: 90, htmlFor: "notify", children: "Notifications" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Switch, { id: "notify", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Switch.Thumb, { animation: "quick" }) })
+    /* @__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" }) })
     ] })
   ] });
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   LabelDemo
-});
+};
 //# sourceMappingURL=LabelDemo.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/LabelDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAqD,oBAK/C;AAHC,SAAS,YAAY;AAC1B,SACE,6CAAC,yBAAO,SAAQ,MAAK,UAAU,KAAK,OAAM,MACxC;AAAA,iDAAC,yBAAO,YAAW,UAAS,OAAM,MAChC;AAAA,kDAAC,wBAAM,OAAO,IAAI,SAAQ,QAAO,kBAEjC;AAAA,MACA,4CAAC,wBAAM,MAAM,GAAG,IAAG,QAAO,cAAa,gBAAe;AAAA,OACxD;AAAA,IAEA,6CAAC,yBAAO,YAAW,UAAS,OAAM,MAChC;AAAA,kDAAC,wBAAM,OAAO,IAAI,SAAQ,UAAS,2BAEnC;AAAA,MACA,4CAAC,yBAAO,IAAG,UACT,sDAAC,sBAAO,OAAP,EAAa,WAAU,SAAQ,GAClC;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "mappings": "AAAA,SAAS,OAAO,OAAO,QAAQ,QAAQ,cAAc;AAK/C,SACE,KADF;AAHC,SAAS,YAAY;AAC1B,SACE,qBAAC,UAAO,SAAQ,MAAK,UAAU,KAAK,OAAM,MACxC;AAAA,yBAAC,UAAO,YAAW,UAAS,OAAM,MAChC;AAAA,0BAAC,SAAM,OAAO,IAAI,SAAQ,QAAO,kBAEjC;AAAA,MACA,oBAAC,SAAM,MAAM,GAAG,IAAG,QAAO,cAAa,gBAAe;AAAA,OACxD;AAAA,IAEA,qBAAC,UAAO,YAAW,UAAS,OAAM,MAChC;AAAA,0BAAC,SAAM,OAAO,IAAI,SAAQ,UAAS,2BAEnC;AAAA,MACA,oBAAC,UAAO,IAAG,UACT,8BAAC,OAAO,OAAP,EAAa,WAAU,SAAQ,GAClC;AAAA,OACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/esm/LinearGradientDemo.native.js

@@ -1,28 +1,10 @@
-"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: !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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), 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");
+import { XStack } from "tamagui";
+import { LinearGradient } from "tamagui/linear-gradient";
+import { jsx, jsxs } from "react/jsx-runtime";
 function LinearGradientDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: !0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_linear_gradient.LinearGradient,
+  return /* @__PURE__ */ jsxs(XStack, { space: !0, children: [
+    /* @__PURE__ */ jsx(
+      LinearGradient,
       {
         width: "$6",
         height: "$6",
@@ -32,8 +14,8 @@ function LinearGradientDemo() {
         end: [0, 0]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_linear_gradient.LinearGradient,
+    /* @__PURE__ */ jsx(
+      LinearGradient,
       {
         width: "$6",
         height: "$6",
@@ -45,8 +27,7 @@ function LinearGradientDemo() {
     )
   ] });
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   LinearGradientDemo
-});
+};
 //# sourceMappingURL=LinearGradientDemo.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/LinearGradientDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAuB,oBACvB,yBAA+B,oCAI3B;AAFG,SAAS,qBAAqB;AACnC,SACE,6CAAC,yBAAO,OAAK,IAEX;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO;AAAA,QACP,cAAa;AAAA,QACb,QAAQ,CAAC,UAAU,WAAW;AAAA,QAC9B,OAAO,CAAC,GAAG,CAAC;AAAA,QACZ,KAAK,CAAC,GAAG,CAAC;AAAA;AAAA,IACZ;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO;AAAA,QACP,cAAa;AAAA,QACb,QAAQ,CAAC,eAAe,QAAQ;AAAA,QAChC,OAAO,CAAC,GAAG,CAAC;AAAA,QACZ,KAAK,CAAC,GAAG,CAAC;AAAA;AAAA,IACZ;AAAA,KACF;AAEJ;",
+  "mappings": "AAAA,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAI3B,SAEE,KAFF;AAFG,SAAS,qBAAqB;AACnC,SACE,qBAAC,UAAO,OAAK,IAEX;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO;AAAA,QACP,cAAa;AAAA,QACb,QAAQ,CAAC,UAAU,WAAW;AAAA,QAC9B,OAAO,CAAC,GAAG,CAAC;AAAA,QACZ,KAAK,CAAC,GAAG,CAAC;AAAA;AAAA,IACZ;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO;AAAA,QACP,cAAa;AAAA,QACb,QAAQ,CAAC,eAAe,QAAQ;AAAA,QAChC,OAAO,CAAC,GAAG,CAAC;AAAA,QACZ,KAAK,CAAC,GAAG,CAAC;AAAA;AAAA,IACZ;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/esm/ListItemDemo.native.js

@@ -1,66 +1,47 @@
-"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: !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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), 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");
+import { ChevronRight, Cloud, Moon, Star, Sun } from "@tamagui/lucide-icons";
+import { ListItem, Separator, XStack, YGroup } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 function ListItemDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { $sm: { flexDirection: "column" }, paddingHorizontal: "$4", space: !0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemDemo1, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemDemo2, {})
+  return /* @__PURE__ */ jsxs(XStack, { $sm: { flexDirection: "column" }, paddingHorizontal: "$4", space: !0, children: [
+    /* @__PURE__ */ jsx(ListItemDemo1, {}),
+    /* @__PURE__ */ jsx(ListItemDemo2, {})
   ] });
 }
 function ListItemDemo1() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YGroup, { alignSelf: "center", bordered: !0, 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, { hoverTheme: !0, icon: import_lucide_icons.Star, title: "Star", subTitle: "Twinkles" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, { hoverTheme: !0, icon: import_lucide_icons.Moon, children: "Moon" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, { hoverTheme: !0, icon: import_lucide_icons.Sun, children: "Sun" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, { hoverTheme: !0, icon: import_lucide_icons.Cloud, children: "Cloud" }) })
+  return /* @__PURE__ */ jsxs(YGroup, { alignSelf: "center", bordered: !0, width: 240, 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__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YGroup, { alignSelf: "center", bordered: !0, width: 240, size: "$5", separator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.ListItem,
+  return /* @__PURE__ */ jsxs(YGroup, { alignSelf: "center", bordered: !0, width: 240, size: "$5", separator: /* @__PURE__ */ jsx(Separator, {}), children: [
+    /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(
+      ListItem,
       {
         hoverTheme: !0,
         pressTheme: !0,
         title: "Star",
         subTitle: "Subtitle",
-        icon: import_lucide_icons.Star,
-        iconAfter: import_lucide_icons.ChevronRight
+        icon: Star,
+        iconAfter: ChevronRight
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_tamagui.ListItem,
+    /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(
+      ListItem,
       {
         hoverTheme: !0,
         pressTheme: !0,
         title: "Moon",
         subTitle: "Subtitle",
-        icon: import_lucide_icons.Moon,
-        iconAfter: import_lucide_icons.ChevronRight
+        icon: Moon,
+        iconAfter: ChevronRight
       }
     ) })
   ] });
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   ListItemDemo
-});
+};
 //# sourceMappingURL=ListItemDemo.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ListItemDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAqD,kCACrD,iBAAoD,oBAIhD;AAFG,SAAS,eAAe;AAC7B,SACE,6CAAC,yBAAO,KAAK,EAAE,eAAe,SAAS,GAAG,mBAAkB,MAAK,OAAK,IACpE;AAAA,gDAAC,iBAAc;AAAA,IACf,4CAAC,iBAAc;AAAA,KACjB;AAEJ;AAEA,SAAS,gBAAgB;AACvB,SACE,6CAAC,yBAAO,WAAU,UAAS,UAAQ,IAAC,OAAO,KAAK,MAAK,MACnD;AAAA,gDAAC,sBAAO,MAAP,EACC,sDAAC,2BAAS,YAAU,IAAC,MAAM,0BAAM,OAAM,QAAO,UAAS,YAAW,GACpE;AAAA,IACA,4CAAC,sBAAO,MAAP,EACC,sDAAC,2BAAS,YAAU,IAAC,MAAM,0BAAM,kBAEjC,GACF;AAAA,IACA,4CAAC,sBAAO,MAAP,EACC,sDAAC,2BAAS,YAAU,IAAC,MAAM,yBAAK,iBAEhC,GACF;AAAA,IACA,4CAAC,sBAAO,MAAP,EACC,sDAAC,2BAAS,YAAU,IAAC,MAAM,2BAAO,mBAElC,GACF;AAAA,KACF;AAEJ;AAEA,SAAS,gBAAgB;AACvB,SACE,6CAAC,yBAAO,WAAU,UAAS,UAAQ,IAAC,OAAO,KAAK,MAAK,MAAK,WAAW,4CAAC,4BAAU,GAC9E;AAAA,gDAAC,sBAAO,MAAP,EACC;AAAA,MAAC;AAAA;AAAA,QACC,YAAU;AAAA,QACV,YAAU;AAAA,QACV,OAAM;AAAA,QACN,UAAS;AAAA,QACT,MAAM;AAAA,QACN,WAAW;AAAA;AAAA,IACb,GACF;AAAA,IACA,4CAAC,sBAAO,MAAP,EACC;AAAA,MAAC;AAAA;AAAA,QACC,YAAU;AAAA,QACV,YAAU;AAAA,QACV,OAAM;AAAA,QACN,UAAS;AAAA,QACT,MAAM;AAAA,QACN,WAAW;AAAA;AAAA,IACb,GACF;AAAA,KACF;AAEJ;",
+  "mappings": "AAAA,SAAS,cAAc,OAAO,MAAM,MAAM,WAAW;AACrD,SAAS,UAAU,WAAW,QAAQ,cAAc;AAIhD,SACE,KADF;AAFG,SAAS,eAAe;AAC7B,SACE,qBAAC,UAAO,KAAK,EAAE,eAAe,SAAS,GAAG,mBAAkB,MAAK,OAAK,IACpE;AAAA,wBAAC,iBAAc;AAAA,IACf,oBAAC,iBAAc;AAAA,KACjB;AAEJ;AAEA,SAAS,gBAAgB;AACvB,SACE,qBAAC,UAAO,WAAU,UAAS,UAAQ,IAAC,OAAO,KAAK,MAAK,MACnD;AAAA,wBAAC,OAAO,MAAP,EACC,8BAAC,YAAS,YAAU,IAAC,MAAM,MAAM,OAAM,QAAO,UAAS,YAAW,GACpE;AAAA,IACA,oBAAC,OAAO,MAAP,EACC,8BAAC,YAAS,YAAU,IAAC,MAAM,MAAM,kBAEjC,GACF;AAAA,IACA,oBAAC,OAAO,MAAP,EACC,8BAAC,YAAS,YAAU,IAAC,MAAM,KAAK,iBAEhC,GACF;AAAA,IACA,oBAAC,OAAO,MAAP,EACC,8BAAC,YAAS,YAAU,IAAC,MAAM,OAAO,mBAElC,GACF;AAAA,KACF;AAEJ;AAEA,SAAS,gBAAgB;AACvB,SACE,qBAAC,UAAO,WAAU,UAAS,UAAQ,IAAC,OAAO,KAAK,MAAK,MAAK,WAAW,oBAAC,aAAU,GAC9E;AAAA,wBAAC,OAAO,MAAP,EACC;AAAA,MAAC;AAAA;AAAA,QACC,YAAU;AAAA,QACV,YAAU;AAAA,QACV,OAAM;AAAA,QACN,UAAS;AAAA,QACT,MAAM;AAAA,QACN,WAAW;AAAA;AAAA,IACb,GACF;AAAA,IACA,oBAAC,OAAO,MAAP,EACC;AAAA,MAAC;AAAA;AAAA,QACC,YAAU;AAAA,QACV,YAAU;AAAA,QACV,OAAM;AAAA,QACN,UAAS;AAAA,QACT,MAAM;AAAA,QACN,WAAW;AAAA;AAAA,IACb,GACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/esm/LucideIconsDemo.native.js

@@ -1,32 +1,9 @@
-"use strict";
-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 __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, { 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: !0 }) : target,
-  mod
-)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var LucideIconsDemo_exports = {};
-__export(LucideIconsDemo_exports, {
-  LucideIconsDemo: () => LucideIconsDemo
-});
-module.exports = __toCommonJS(LucideIconsDemo_exports);
-var LucideIcons = __toESM(require("@tamagui/lucide-icons")), import_react = require("react"), import_react_native = require("react-native"), import_tamagui = require("tamagui"), import_Grid = require("./Grid"), import_jsx_runtime = require("react/jsx-runtime");
+import * as LucideIcons from "@tamagui/lucide-icons";
+import { useMemo, useState } from "react";
+import { ScrollView } from "react-native";
+import { Input, Paragraph, Spacer, YStack, useDebounceValue } from "tamagui";
+import { Grid } from "./Grid";
+import { jsx, jsxs } from "react/jsx-runtime";
 const lucideIcons = Object.keys(
   // vite tree shaking workaround
   typeof LucideIcons < "u" ? LucideIcons : {}
@@ -36,18 +13,18 @@ const lucideIcons = Object.keys(
   Icon: LucideIcons[name]
 }));
 function LucideIconsDemo() {
-  const [searchRaw, setSearch] = (0, import_react.useState)(""), search = (0, import_tamagui.useDebounceValue)(searchRaw, 400), size = 100, iconsMemo = (0, import_react.useMemo)(
-    () => lucideIcons.filter((x) => x.key.includes(search.toLowerCase())).map(({ Icon, name }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      import_tamagui.YStack,
+  const [searchRaw, setSearch] = useState(""), search = useDebounceValue(searchRaw, 400), size = 100, iconsMemo = useMemo(
+    () => lucideIcons.filter((x) => x.key.includes(search.toLowerCase())).map(({ Icon, name }) => /* @__PURE__ */ jsxs(
+      YStack,
       {
         height: size + 20,
         alignItems: "center",
         justifyContent: "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,
+          /* @__PURE__ */ jsx(Icon, { size: size * 0.25 }),
+          /* @__PURE__ */ jsx(Spacer, {}),
+          /* @__PURE__ */ jsx(
+            Paragraph,
             {
               height: "$6",
               wordWrap: "break-word",
@@ -65,13 +42,12 @@ function LucideIconsDemo() {
     )),
     [search]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { minWidth: "100%", padding: "$4", paddingBottom: "$0", space: !0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { value: searchRaw, onChangeText: setSearch, placeholder: "Search..." }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { height: 420, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.ScrollView, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Grid.Grid, { itemMinWidth: size, children: iconsMemo }) }) })
+  return /* @__PURE__ */ jsxs(YStack, { minWidth: "100%", padding: "$4", paddingBottom: "$0", 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 }) }) })
   ] });
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   LucideIconsDemo
-});
+};
 //# sourceMappingURL=LucideIconsDemo.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/LucideIconsDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA6B,2CAC7B,eAAkC,kBAClC,sBAA2B,yBAC3B,iBAAmE,oBAEnE,cAAqB,mBAsBX;AApBV,MAAM,cAAc,OAAO;AAAA;AAAA,EAEzB,OAAO,cAAgB,MAAc,cAAc,CAAC;AACtD,EAAE,IAAI,CAAC,UAAU;AAAA,EACf,KAAK,KAAK,YAAY;AAAA,EACtB;AAAA,EACA,MAAM,YAAY,IAAI;AACxB,EAAE;AAEK,SAAS,kBAAkB;AAChC,QAAM,CAAC,WAAW,SAAS,QAAI,uBAAS,EAAE,GACpC,aAAS,iCAAiB,WAAW,GAAG,GAExC,OAAO,KAEP,gBAAY;AAAA,IAChB,MACE,YACG,OAAO,CAAC,MAAM,EAAE,IAAI,SAAS,OAAO,YAAY,CAAC,CAAC,EAClD,IAAI,CAAC,EAAE,MAAM,KAAK,MACjB;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,OAAO;AAAA,QACf,YAAW;AAAA,QACX,gBAAe;AAAA,QAGf;AAAA,sDAAC,QAAK,MAAM,OAAO,MAAM;AAAA,UACzB,4CAAC,yBAAO;AAAA,UACR;AAAA,YAAC;AAAA;AAAA,cACC,QAAO;AAAA,cACP,UAAS;AAAA,cACT,UAAS;AAAA,cACT,WAAU;AAAA,cACV,mBAAkB;AAAA,cAClB,MAAK;AAAA,cACL,SAAS;AAAA,cAER;AAAA;AAAA,UACH;AAAA;AAAA;AAAA,MAdK;AAAA,IAeP,CACD;AAAA,IACL,CAAC,MAAM;AAAA,EACT;AAEA,SACE,6CAAC,yBAAO,UAAS,QAAO,SAAQ,MAAK,eAAc,MAAK,OAAK,IAC3D;AAAA,gDAAC,wBAAM,OAAO,WAAW,cAAc,WAAW,aAAY,aAAY;AAAA,IAE1E,4CAAC,yBAAO,QAAQ,KACd,sDAAC,kCACC,sDAAC,oBAAK,cAAc,MAAO,qBAAU,GACvC,GACF;AAAA,KACF;AAEJ;",
+  "mappings": "AAAA,YAAY,iBAAiB;AAC7B,SAAS,SAAS,gBAAgB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,OAAO,WAAW,QAAQ,QAAQ,wBAAwB;AAEnE,SAAS,YAAY;AAsBX,SAME,KANF;AApBV,MAAM,cAAc,OAAO;AAAA;AAAA,EAEzB,OAAO,cAAgB,MAAc,cAAc,CAAC;AACtD,EAAE,IAAI,CAAC,UAAU;AAAA,EACf,KAAK,KAAK,YAAY;AAAA,EACtB;AAAA,EACA,MAAM,YAAY,IAAI;AACxB,EAAE;AAEK,SAAS,kBAAkB;AAChC,QAAM,CAAC,WAAW,SAAS,IAAI,SAAS,EAAE,GACpC,SAAS,iBAAiB,WAAW,GAAG,GAExC,OAAO,KAEP,YAAY;AAAA,IAChB,MACE,YACG,OAAO,CAAC,MAAM,EAAE,IAAI,SAAS,OAAO,YAAY,CAAC,CAAC,EAClD,IAAI,CAAC,EAAE,MAAM,KAAK,MACjB;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,OAAO;AAAA,QACf,YAAW;AAAA,QACX,gBAAe;AAAA,QAGf;AAAA,8BAAC,QAAK,MAAM,OAAO,MAAM;AAAA,UACzB,oBAAC,UAAO;AAAA,UACR;AAAA,YAAC;AAAA;AAAA,cACC,QAAO;AAAA,cACP,UAAS;AAAA,cACT,UAAS;AAAA,cACT,WAAU;AAAA,cACV,mBAAkB;AAAA,cAClB,MAAK;AAAA,cACL,SAAS;AAAA,cAER;AAAA;AAAA,UACH;AAAA;AAAA;AAAA,MAdK;AAAA,IAeP,CACD;AAAA,IACL,CAAC,MAAM;AAAA,EACT;AAEA,SACE,qBAAC,UAAO,UAAS,QAAO,SAAQ,MAAK,eAAc,MAAK,OAAK,IAC3D;AAAA,wBAAC,SAAM,OAAO,WAAW,cAAc,WAAW,aAAY,aAAY;AAAA,IAE1E,oBAAC,UAAO,QAAQ,KACd,8BAAC,cACC,8BAAC,QAAK,cAAc,MAAO,qBAAU,GACvC,GACF;AAAA,KACF;AAEJ;",
   "names": []
 }