@tamagui/demos 1.88.21 → 1.88.23

package/dist/jsx/ColorsDemo.native.js

@@ -1,46 +1,36 @@
-"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 ColorsDemo_exports = {};
-__export(ColorsDemo_exports, {
-  ColorsDemo: () => ColorsDemo
-});
-module.exports = __toCommonJS(ColorsDemo_exports);
-var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+import {
+  H2,
+  Paragraph,
+  Separator,
+  Square,
+  XStack,
+  YStack,
+  getTokens,
+  getVariableValue
+} from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 const colorGroups = ["orange", "yellow", "green", "blue", "purple", "pink", "red"];
 function ColorsDemo() {
-  const colors = (0, import_tamagui.getTokens)({ prefixed: !1 }).color, [colorsLight, colorsDark] = [getColors(colors), getColors(colors, !0)];
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { marginTop: "$4", space: "$8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ColorsRow, { title: "Light", colors: colorsLight }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ColorsRow, { title: "Dark", colors: colorsDark })
+  const colors = getTokens({ prefixed: !1 }).color, [colorsLight, colorsDark] = [getColors(colors), getColors(colors, !0)];
+  return /* @__PURE__ */ jsxs(YStack, { marginTop: "$4", space: "$8", children: [
+    /* @__PURE__ */ jsx(ColorsRow, { title: "Light", colors: colorsLight }),
+    /* @__PURE__ */ jsx(Separator, {}),
+    /* @__PURE__ */ jsx(ColorsRow, { title: "Dark", colors: colorsDark })
   ] });
 }
 function ColorsRow({ title, colors }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: !0, $sm: { space: "$2" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, { size: "$2", children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: !0, alignSelf: "center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: !0, $sm: { space: "$2" }, alignSelf: "center", children: [
-        colors.map((group, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, { space: "$2", children: group.map((color) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_tamagui.Square,
+  return /* @__PURE__ */ jsxs(YStack, { space: !0, $sm: { space: "$2" }, children: [
+    /* @__PURE__ */ jsx(H2, { size: "$2", children: title }),
+    /* @__PURE__ */ jsxs(XStack, { space: !0, alignSelf: "center", children: [
+      /* @__PURE__ */ jsxs(YStack, { space: !0, $sm: { space: "$2" }, alignSelf: "center", children: [
+        colors.map((group, index) => /* @__PURE__ */ jsx(XStack, { space: "$2", children: group.map((color) => /* @__PURE__ */ jsx(
+          Square,
           {
             borderRadius: "$2",
             size: "$4",
             height: "$4",
             borderWidth: 1,
-            backgroundColor: (0, import_tamagui.getVariableValue)(color),
+            backgroundColor: getVariableValue(color),
             borderColor: "$color7",
             $sm: {
               size: "$2"
@@ -51,8 +41,8 @@ function ColorsRow({ title, colors }) {
           },
           `${color.key}${index}`
         )) }, index)),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, { space: "$2", alignSelf: "center", children: new Array(13).fill(0).slice(1).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_tamagui.Paragraph,
+        /* @__PURE__ */ jsx(XStack, { space: "$2", alignSelf: "center", children: new Array(13).fill(0).slice(1).map((_, index) => /* @__PURE__ */ jsx(
+          Paragraph,
           {
             color: "$color10",
             textAlign: "center",
@@ -68,8 +58,8 @@ function ColorsRow({ title, colors }) {
           index
         )) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { space: "$4", marginTop: "$2", children: colorGroups.map((name) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_tamagui.Paragraph,
+      /* @__PURE__ */ jsx(YStack, { space: "$4", marginTop: "$2", children: colorGroups.map((name) => /* @__PURE__ */ jsx(
+        Paragraph,
         {
           theme: name,
           color: "$color10",
@@ -93,8 +83,7 @@ function getColors(colors, dark = !1) {
     (color) => color.startsWith(group) && (dark ? color.endsWith("Dark") : !color.endsWith("Dark"))
   ).map((key) => colors[key]));
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   ColorsDemo
-});
+};
 //# sourceMappingURL=ColorsDemo.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ColorsDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBASO,oBASH;AAPJ,MAAM,cAAc,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAE1E,SAAS,aAAa;AAC3B,QAAM,aAAS,0BAAU,EAAE,UAAU,GAAM,CAAC,EAAE,OACxC,CAAC,aAAa,UAAU,IAAI,CAAC,UAAU,MAAM,GAAG,UAAU,QAAQ,EAAI,CAAC;AAE7E,SACE,6CAAC,yBAAO,WAAU,MAAK,OAAM,MAC3B;AAAA,gDAAC,aAAU,OAAM,SAAQ,QAAQ,aAAa;AAAA,IAC9C,4CAAC,4BAAU;AAAA,IACX,4CAAC,aAAU,OAAM,QAAO,QAAQ,YAAY;AAAA,KAC9C;AAEJ;AAEA,SAAS,UAAU,EAAE,OAAO,OAAO,GAA4C;AAC7E,SACE,6CAAC,yBAAO,OAAK,IAAC,KAAK,EAAE,OAAO,KAAK,GAC/B;AAAA,gDAAC,qBAAG,MAAK,MAAM,iBAAM;AAAA,IAErB,6CAAC,yBAAO,OAAK,IAAC,WAAU,UACtB;AAAA,mDAAC,yBAAO,OAAK,IAAC,KAAK,EAAE,OAAO,KAAK,GAAG,WAAU,UAC3C;AAAA,eAAO,IAAI,CAAC,OAAO,UAEhB,4CAAC,yBAAO,OAAM,MACX,gBAAM,IAAI,CAAC,UAER;AAAA,UAAC;AAAA;AAAA,YAEC,cAAa;AAAA,YACb,MAAK;AAAA,YACL,QAAO;AAAA,YACP,aAAa;AAAA,YACb,qBAAiB,iCAAiB,KAAK;AAAA,YACvC,aAAY;AAAA,YACZ,KAAK;AAAA,cACH,MAAM;AAAA,YACR;AAAA,YACA,KAAK;AAAA,cACH,MAAM;AAAA,YACR;AAAA;AAAA,UAZK,GAAG,MAAM,GAAG,GAAG,KAAK;AAAA,QAa3B,CAEH,KAnBqB,KAoBxB,CAEH;AAAA,QAED,4CAAC,yBAAO,OAAM,MAAK,WAAU,UAC1B,cAAI,MAAM,EAAE,EACV,KAAK,CAAC,EACN,MAAM,CAAC,EACP,IAAI,CAAC,GAAG,UAEL;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,WAAU;AAAA,YACV,OAAM;AAAA,YACN,KAAK;AAAA,cACH,OAAO;AAAA,YACT;AAAA,YACA,KAAK;AAAA,cACH,OAAO;AAAA,YACT;AAAA,YAGC;AAAA;AAAA,UAFI;AAAA,QAGP,CAEH,GACL;AAAA,SACF;AAAA,MAEA,4CAAC,yBAAO,OAAM,MAAK,WAAU,MAC1B,sBAAY,IAAI,CAAC,SAChB;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,OAAM;AAAA,UACN,QAAO;AAAA,UACP,QAAO;AAAA,UACP,KAAK;AAAA,YACH,QAAQ;AAAA,UACV;AAAA,UACA,KAAK;AAAA,YACH,QAAQ;AAAA,UACV;AAAA,UAGC;AAAA;AAAA,QAFI;AAAA,MAGP,CACD,GACH;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,SAAS,UAAU,QAAkC,OAAO,IAAO;AACjE,SAAO,YAAY,IAAI,CAAC,UACf,OAAO,KAAK,MAAM,EACtB;AAAA,IACC,CAAC,UACC,MAAM,WAAW,KAAK,MACrB,OAAO,MAAM,SAAS,MAAM,IAAI,CAAC,MAAM,SAAS,MAAM;AAAA,EAC3D,EACC,IAAI,CAAC,QAAQ,OAAO,GAAG,CAAC,CAC5B;AACH;",
+  "mappings": "AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AASH,SACE,KADF;AAPJ,MAAM,cAAc,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAE1E,SAAS,aAAa;AAC3B,QAAM,SAAS,UAAU,EAAE,UAAU,GAAM,CAAC,EAAE,OACxC,CAAC,aAAa,UAAU,IAAI,CAAC,UAAU,MAAM,GAAG,UAAU,QAAQ,EAAI,CAAC;AAE7E,SACE,qBAAC,UAAO,WAAU,MAAK,OAAM,MAC3B;AAAA,wBAAC,aAAU,OAAM,SAAQ,QAAQ,aAAa;AAAA,IAC9C,oBAAC,aAAU;AAAA,IACX,oBAAC,aAAU,OAAM,QAAO,QAAQ,YAAY;AAAA,KAC9C;AAEJ;AAEA,SAAS,UAAU,EAAE,OAAO,OAAO,GAA4C;AAC7E,SACE,qBAAC,UAAO,OAAK,IAAC,KAAK,EAAE,OAAO,KAAK,GAC/B;AAAA,wBAAC,MAAG,MAAK,MAAM,iBAAM;AAAA,IAErB,qBAAC,UAAO,OAAK,IAAC,WAAU,UACtB;AAAA,2BAAC,UAAO,OAAK,IAAC,KAAK,EAAE,OAAO,KAAK,GAAG,WAAU,UAC3C;AAAA,eAAO,IAAI,CAAC,OAAO,UAEhB,oBAAC,UAAO,OAAM,MACX,gBAAM,IAAI,CAAC,UAER;AAAA,UAAC;AAAA;AAAA,YAEC,cAAa;AAAA,YACb,MAAK;AAAA,YACL,QAAO;AAAA,YACP,aAAa;AAAA,YACb,iBAAiB,iBAAiB,KAAK;AAAA,YACvC,aAAY;AAAA,YACZ,KAAK;AAAA,cACH,MAAM;AAAA,YACR;AAAA,YACA,KAAK;AAAA,cACH,MAAM;AAAA,YACR;AAAA;AAAA,UAZK,GAAG,MAAM,GAAG,GAAG,KAAK;AAAA,QAa3B,CAEH,KAnBqB,KAoBxB,CAEH;AAAA,QAED,oBAAC,UAAO,OAAM,MAAK,WAAU,UAC1B,cAAI,MAAM,EAAE,EACV,KAAK,CAAC,EACN,MAAM,CAAC,EACP,IAAI,CAAC,GAAG,UAEL;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,WAAU;AAAA,YACV,OAAM;AAAA,YACN,KAAK;AAAA,cACH,OAAO;AAAA,YACT;AAAA,YACA,KAAK;AAAA,cACH,OAAO;AAAA,YACT;AAAA,YAGC;AAAA;AAAA,UAFI;AAAA,QAGP,CAEH,GACL;AAAA,SACF;AAAA,MAEA,oBAAC,UAAO,OAAM,MAAK,WAAU,MAC1B,sBAAY,IAAI,CAAC,SAChB;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,OAAM;AAAA,UACN,QAAO;AAAA,UACP,QAAO;AAAA,UACP,KAAK;AAAA,YACH,QAAQ;AAAA,UACV;AAAA,UACA,KAAK;AAAA,YACH,QAAQ;AAAA,UACV;AAAA,UAGC;AAAA;AAAA,QAFI;AAAA,MAGP,CACD,GACH;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,SAAS,UAAU,QAAkC,OAAO,IAAO;AACjE,SAAO,YAAY,IAAI,CAAC,UACf,OAAO,KAAK,MAAM,EACtB;AAAA,IACC,CAAC,UACC,MAAM,WAAW,KAAK,MACrB,OAAO,MAAM,SAAS,MAAM,IAAI,CAAC,MAAM,SAAS,MAAM;AAAA,EAC3D,EACC,IAAI,CAAC,QAAQ,OAAO,GAAG,CAAC,CAC5B;AACH;",
   "names": []
 }

package/dist/jsx/DialogDemo.native.js

@@ -1,34 +1,29 @@
-"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 DialogDemo_exports = {};
-__export(DialogDemo_exports, {
-  DialogDemo: () => DialogDemo
-});
-module.exports = __toCommonJS(DialogDemo_exports);
-var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_SelectDemo = require("./SelectDemo"), import_jsx_runtime = require("react/jsx-runtime");
+import { X } from "@tamagui/lucide-icons";
+import {
+  Adapt,
+  Button,
+  Dialog,
+  Fieldset,
+  Input,
+  Label,
+  Paragraph,
+  Sheet,
+  TooltipSimple,
+  Unspaced,
+  XStack
+} from "tamagui";
+import { SelectDemoItem } from "./SelectDemo";
+import { jsx, jsxs } from "react/jsx-runtime";
 function DialogDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogInstance, {});
+  return /* @__PURE__ */ jsx(DialogInstance, {});
 }
 function DialogInstance() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog, { modal: !0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Trigger, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Show Dialog" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, { animation: "medium", zIndex: 2e5, modal: !0, dismissOnSnapToBottom: !0, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, { padding: "$4", gap: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_tamagui.Sheet.Overlay,
+  return /* @__PURE__ */ jsxs(Dialog, { modal: !0, children: [
+    /* @__PURE__ */ jsx(Dialog.Trigger, { asChild: !0, children: /* @__PURE__ */ jsx(Button, { children: "Show Dialog" }) }),
+    /* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(Sheet, { animation: "medium", zIndex: 2e5, modal: !0, dismissOnSnapToBottom: !0, children: [
+      /* @__PURE__ */ jsx(Sheet.Frame, { padding: "$4", gap: "$4", children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }),
+      /* @__PURE__ */ jsx(
+        Sheet.Overlay,
         {
           animation: "lazy",
           enterStyle: { opacity: 0 },
@@ -36,9 +31,9 @@ function DialogInstance() {
         }
       )
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Portal, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_tamagui.Dialog.Overlay,
+    /* @__PURE__ */ jsxs(Dialog.Portal, { children: [
+      /* @__PURE__ */ jsx(
+        Dialog.Overlay,
         {
           animation: "slow",
           opacity: 0.5,
@@ -47,8 +42,8 @@ function DialogInstance() {
         },
         "overlay"
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-        import_tamagui.Dialog.Content,
+      /* @__PURE__ */ jsxs(
+        Dialog.Content,
         {
           bordered: !0,
           elevate: !0,
@@ -65,29 +60,29 @@ function DialogInstance() {
           exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
           gap: "$4",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Title, { children: "Edit profile" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Description, { children: "Make changes to your profile here. Click save when you're done." }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Fieldset, { gap: "$4", horizontal: !0, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { width: 160, justifyContent: "flex-end", htmlFor: "name", children: "Name" }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { flex: 1, id: "name", defaultValue: "Nate Wienert" })
+            /* @__PURE__ */ jsx(Dialog.Title, { children: "Edit profile" }),
+            /* @__PURE__ */ jsx(Dialog.Description, { children: "Make changes to your profile here. Click save when you're done." }),
+            /* @__PURE__ */ jsxs(Fieldset, { gap: "$4", horizontal: !0, children: [
+              /* @__PURE__ */ jsx(Label, { width: 160, justifyContent: "flex-end", htmlFor: "name", children: "Name" }),
+              /* @__PURE__ */ jsx(Input, { flex: 1, id: "name", defaultValue: "Nate Wienert" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Fieldset, { gap: "$4", horizontal: !0, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { width: 160, justifyContent: "flex-end", htmlFor: "username", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TooltipSimple, { label: "Pick your favorite", placement: "bottom-start", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "Food" }) }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectDemo.SelectDemoItem, {})
+            /* @__PURE__ */ jsxs(Fieldset, { gap: "$4", horizontal: !0, children: [
+              /* @__PURE__ */ jsx(Label, { width: 160, justifyContent: "flex-end", htmlFor: "username", children: /* @__PURE__ */ jsx(TooltipSimple, { label: "Pick your favorite", placement: "bottom-start", children: /* @__PURE__ */ jsx(Paragraph, { children: "Food" }) }) }),
+              /* @__PURE__ */ jsx(SelectDemoItem, {})
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { alignSelf: "flex-end", gap: "$4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogInstance, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, { displayWhenAdapted: !0, asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: "active", "aria-label": "Close", children: "Save changes" }) })
+            /* @__PURE__ */ jsxs(XStack, { alignSelf: "flex-end", gap: "$4", children: [
+              /* @__PURE__ */ jsx(DialogInstance, {}),
+              /* @__PURE__ */ jsx(Dialog.Close, { displayWhenAdapted: !0, asChild: !0, children: /* @__PURE__ */ jsx(Button, { theme: "active", "aria-label": "Close", children: "Save changes" }) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Unspaced, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_tamagui.Button,
+            /* @__PURE__ */ jsx(Unspaced, { children: /* @__PURE__ */ jsx(Dialog.Close, { asChild: !0, children: /* @__PURE__ */ jsx(
+              Button,
               {
                 position: "absolute",
                 top: "$3",
                 right: "$3",
                 size: "$2",
                 circular: !0,
-                icon: import_lucide_icons.X
+                icon: X
               }
             ) }) })
           ]
@@ -97,8 +92,7 @@ function DialogInstance() {
     ] })
   ] });
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   DialogDemo
-});
+};
 //# sourceMappingURL=DialogDemo.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/DialogDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAkB,kCAClB,iBAYO,oBAEP,oBAA+B,yBAGtB;AADF,SAAS,aAAa;AAC3B,SAAO,4CAAC,kBAAe;AACzB;AAEA,SAAS,iBAAiB;AACxB,SACE,6CAAC,yBAAO,OAAK,IACX;AAAA,gDAAC,sBAAO,SAAP,EAAe,SAAO,IACrB,sDAAC,yBAAO,yBAAW,GACrB;AAAA,IAEA,4CAAC,wBAAM,MAAK,MAAK,UAAS,SACxB,uDAAC,wBAAM,WAAU,UAAS,QAAQ,KAAQ,OAAK,IAAC,uBAAqB,IACnE;AAAA,kDAAC,qBAAM,OAAN,EAAY,SAAQ,MAAK,KAAI,MAC5B,sDAAC,qBAAM,UAAN,EAAe,GAClB;AAAA,MACA;AAAA,QAAC,qBAAM;AAAA,QAAN;AAAA,UACC,WAAU;AAAA,UACV,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,MAC1B;AAAA,OACF,GACF;AAAA,IAEA,6CAAC,sBAAO,QAAP,EACC;AAAA;AAAA,QAAC,sBAAO;AAAA,QAAP;AAAA,UAEC,WAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,QAJpB;AAAA,MAKN;AAAA,MAEA;AAAA,QAAC,sBAAO;AAAA,QAAP;AAAA,UACC,UAAQ;AAAA,UACR,SAAO;AAAA,UAEP,aAAa,CAAC,aAAa,SAAS;AAAA,UACpC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,SAAS;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA,UACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,UACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,UAClD,KAAI;AAAA,UAEJ;AAAA,wDAAC,sBAAO,OAAP,EAAa,0BAAY;AAAA,YAC1B,4CAAC,sBAAO,aAAP,EAAmB,6EAEpB;AAAA,YACA,6CAAC,2BAAS,KAAI,MAAK,YAAU,IAC3B;AAAA,0DAAC,wBAAM,OAAO,KAAK,gBAAe,YAAW,SAAQ,QAAO,kBAE5D;AAAA,cACA,4CAAC,wBAAM,MAAM,GAAG,IAAG,QAAO,cAAa,gBAAe;AAAA,eACxD;AAAA,YACA,6CAAC,2BAAS,KAAI,MAAK,YAAU,IAC3B;AAAA,0DAAC,wBAAM,OAAO,KAAK,gBAAe,YAAW,SAAQ,YACnD,sDAAC,gCAAc,OAAM,sBAAqB,WAAU,gBAClD,sDAAC,4BAAU,kBAAI,GACjB,GACF;AAAA,cACA,4CAAC,oCAAe;AAAA,eAClB;AAAA,YAEA,6CAAC,yBAAO,WAAU,YAAW,KAAI,MAC/B;AAAA,0DAAC,kBAAe;AAAA,cAEhB,4CAAC,sBAAO,OAAP,EAAa,oBAAkB,IAAC,SAAO,IACtC,sDAAC,yBAAO,OAAM,UAAS,cAAW,SAAQ,0BAE1C,GACF;AAAA,eACF;AAAA,YAEA,4CAAC,2BACC,sDAAC,sBAAO,OAAP,EAAa,SAAO,IACnB;AAAA,cAAC;AAAA;AAAA,gBACC,UAAS;AAAA,gBACT,KAAI;AAAA,gBACJ,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,UAAQ;AAAA,gBACR,MAAM;AAAA;AAAA,YACR,GACF,GACF;AAAA;AAAA;AAAA,QAtDI;AAAA,MAuDN;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "mappings": "AAAA,SAAS,SAAS;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,sBAAsB;AAGtB,cAWD,YAXC;AADF,SAAS,aAAa;AAC3B,SAAO,oBAAC,kBAAe;AACzB;AAEA,SAAS,iBAAiB;AACxB,SACE,qBAAC,UAAO,OAAK,IACX;AAAA,wBAAC,OAAO,SAAP,EAAe,SAAO,IACrB,8BAAC,UAAO,yBAAW,GACrB;AAAA,IAEA,oBAAC,SAAM,MAAK,MAAK,UAAS,SACxB,+BAAC,SAAM,WAAU,UAAS,QAAQ,KAAQ,OAAK,IAAC,uBAAqB,IACnE;AAAA,0BAAC,MAAM,OAAN,EAAY,SAAQ,MAAK,KAAI,MAC5B,8BAAC,MAAM,UAAN,EAAe,GAClB;AAAA,MACA;AAAA,QAAC,MAAM;AAAA,QAAN;AAAA,UACC,WAAU;AAAA,UACV,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,MAC1B;AAAA,OACF,GACF;AAAA,IAEA,qBAAC,OAAO,QAAP,EACC;AAAA;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UAEC,WAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,QAJpB;AAAA,MAKN;AAAA,MAEA;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UACC,UAAQ;AAAA,UACR,SAAO;AAAA,UAEP,aAAa,CAAC,aAAa,SAAS;AAAA,UACpC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,SAAS;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA,UACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,UACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,UAClD,KAAI;AAAA,UAEJ;AAAA,gCAAC,OAAO,OAAP,EAAa,0BAAY;AAAA,YAC1B,oBAAC,OAAO,aAAP,EAAmB,6EAEpB;AAAA,YACA,qBAAC,YAAS,KAAI,MAAK,YAAU,IAC3B;AAAA,kCAAC,SAAM,OAAO,KAAK,gBAAe,YAAW,SAAQ,QAAO,kBAE5D;AAAA,cACA,oBAAC,SAAM,MAAM,GAAG,IAAG,QAAO,cAAa,gBAAe;AAAA,eACxD;AAAA,YACA,qBAAC,YAAS,KAAI,MAAK,YAAU,IAC3B;AAAA,kCAAC,SAAM,OAAO,KAAK,gBAAe,YAAW,SAAQ,YACnD,8BAAC,iBAAc,OAAM,sBAAqB,WAAU,gBAClD,8BAAC,aAAU,kBAAI,GACjB,GACF;AAAA,cACA,oBAAC,kBAAe;AAAA,eAClB;AAAA,YAEA,qBAAC,UAAO,WAAU,YAAW,KAAI,MAC/B;AAAA,kCAAC,kBAAe;AAAA,cAEhB,oBAAC,OAAO,OAAP,EAAa,oBAAkB,IAAC,SAAO,IACtC,8BAAC,UAAO,OAAM,UAAS,cAAW,SAAQ,0BAE1C,GACF;AAAA,eACF;AAAA,YAEA,oBAAC,YACC,8BAAC,OAAO,OAAP,EAAa,SAAO,IACnB;AAAA,cAAC;AAAA;AAAA,gBACC,UAAS;AAAA,gBACT,KAAI;AAAA,gBACJ,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,UAAQ;AAAA,gBACR,MAAM;AAAA;AAAA,YACR,GACF,GACF;AAAA;AAAA;AAAA,QAtDI;AAAA,MAuDN;AAAA,OACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/jsx/FormsDemo.native.js

@@ -1,35 +1,17 @@
-"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 FormsDemo_exports = {};
-__export(FormsDemo_exports, {
-  FormsDemo: () => FormsDemo
-});
-module.exports = __toCommonJS(FormsDemo_exports);
-var import_react = require("react"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+import { useEffect, useState } from "react";
+import { Button, Form, H4, Spinner } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 function FormsDemo(props) {
-  const [status, setStatus] = (0, import_react.useState)("off");
-  return (0, import_react.useEffect)(() => {
+  const [status, setStatus] = useState("off");
+  return useEffect(() => {
     if (status === "submitting") {
       const timer = setTimeout(() => setStatus("off"), 2e3);
       return () => {
         clearTimeout(timer);
       };
     }
-  }, [status]), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_tamagui.Form,
+  }, [status]), /* @__PURE__ */ jsxs(
+    Form,
     {
       alignItems: "center",
       minWidth: 300,
@@ -41,14 +23,13 @@ function FormsDemo(props) {
       borderColor: "$borderColor",
       padding: "$8",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H4, { children: status[0].toUpperCase() + status.slice(1) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Form.Trigger, { asChild: !0, disabled: status !== "off", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { icon: status === "submitting" ? () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {}) : void 0, children: "Submit" }) })
+        /* @__PURE__ */ jsx(H4, { children: status[0].toUpperCase() + status.slice(1) }),
+        /* @__PURE__ */ jsx(Form.Trigger, { asChild: !0, disabled: status !== "off", children: /* @__PURE__ */ jsx(Button, { icon: status === "submitting" ? () => /* @__PURE__ */ jsx(Spinner, {}) : void 0, children: "Submit" }) })
       ]
     }
   );
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   FormsDemo
-});
+};
 //# sourceMappingURL=FormsDemo.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/FormsDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC,kBAEpC,iBAA0C,oBAetC;AAbG,SAAS,UAAU,OAA6B;AACrD,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAA6C,KAAK;AAE9E,qCAAU,MAAM;AACd,QAAI,WAAW,cAAc;AAC3B,YAAM,QAAQ,WAAW,MAAM,UAAU,KAAK,GAAG,GAAI;AACrD,aAAO,MAAM;AACX,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,CAAC,GAGT;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,UAAU;AAAA,MACV,KAAI;AAAA,MACJ,UAAU,MAAM,UAAU,YAAY;AAAA,MACtC,aAAa;AAAA,MACb,cAAa;AAAA,MACb,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,SAAQ;AAAA,MAER;AAAA,oDAAC,qBAAI,iBAAO,CAAC,EAAE,YAAY,IAAI,OAAO,MAAM,CAAC,GAAE;AAAA,QAE/C,4CAAC,oBAAK,SAAL,EAAa,SAAO,IAAC,UAAU,WAAW,OACzC,sDAAC,yBAAO,MAAM,WAAW,eAAe,MAAM,4CAAC,0BAAQ,IAAK,QAAW,oBAEvE,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "mappings": "AAAA,SAAS,WAAW,gBAAgB;AAEpC,SAAS,QAAQ,MAAM,IAAI,eAAe;AAetC,SAWE,KAXF;AAbG,SAAS,UAAU,OAA6B;AACrD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA6C,KAAK;AAE9E,mBAAU,MAAM;AACd,QAAI,WAAW,cAAc;AAC3B,YAAM,QAAQ,WAAW,MAAM,UAAU,KAAK,GAAG,GAAI;AACrD,aAAO,MAAM;AACX,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,CAAC,GAGT;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,UAAU;AAAA,MACV,KAAI;AAAA,MACJ,UAAU,MAAM,UAAU,YAAY;AAAA,MACtC,aAAa;AAAA,MACb,cAAa;AAAA,MACb,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,SAAQ;AAAA,MAER;AAAA,4BAAC,MAAI,iBAAO,CAAC,EAAE,YAAY,IAAI,OAAO,MAAM,CAAC,GAAE;AAAA,QAE/C,oBAAC,KAAK,SAAL,EAAa,SAAO,IAAC,UAAU,WAAW,OACzC,8BAAC,UAAO,MAAM,WAAW,eAAe,MAAM,oBAAC,WAAQ,IAAK,QAAW,oBAEvE,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/dist/jsx/Grid.native.js

@@ -1,35 +1,10 @@
-"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 Grid_exports = {};
-__export(Grid_exports, {
-  Grid: () => Grid
-});
-module.exports = __toCommonJS(Grid_exports);
-var import_core = require("@tamagui/core"), import_stacks = require("@tamagui/stacks"), import_react = __toESM(require("react")), import_jsx_runtime = require("react/jsx-runtime");
+import { isWeb } from "@tamagui/core";
+import { XStack } from "@tamagui/stacks";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
 function Grid({ children, columns, itemMinWidth = 200, gap }) {
-  if (import_core.isWeb)
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  if (isWeb)
+    return /* @__PURE__ */ jsx(
       "div",
       {
         style: {
@@ -43,9 +18,9 @@ function Grid({ children, columns, itemMinWidth = 200, gap }) {
         children
       }
     );
-  const childrenList = import_react.default.Children.toArray(children);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.XStack, { alignItems: "center", justifyContent: "center", flexWrap: "wrap", children: childrenList.map((child, i) => child ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_stacks.XStack,
+  const childrenList = React.Children.toArray(children);
+  return /* @__PURE__ */ jsx(XStack, { alignItems: "center", justifyContent: "center", flexWrap: "wrap", children: childrenList.map((child, i) => child ? /* @__PURE__ */ jsx(
+    XStack,
     {
       flex: 1,
       minWidth: itemMinWidth,
@@ -56,8 +31,7 @@ function Grid({ children, columns, itemMinWidth = 200, gap }) {
     i
   ) : null) });
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   Grid
-});
+};
 //# sourceMappingURL=Grid.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Grid.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAsB,0BACtB,gBAAuB,4BACvB,eAAkB,2BAYZ;AAHC,SAAS,KAAK,EAAE,UAAU,SAAS,eAAe,KAAK,IAAI,GAAc;AAC9E,MAAI;AACF,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL;AAAA,UACA,SAAS;AAAA,UACT,gBAAgB;AAAA;AAAA,UAEhB,qBAAqB,4BAA4B,YAAY;AAAA;AAAA,QAE/D;AAAA,QAEC;AAAA;AAAA,IACH;AAIJ,QAAM,eAAe,aAAAA,QAAM,SAAS,QAAQ,QAAQ;AAEpD,SACE,4CAAC,wBAAO,YAAW,UAAS,gBAAe,UAAS,UAAS,QAC1D,uBAAa,IAAI,CAAC,OAAO,MACnB,QAMH;AAAA,IAAC;AAAA;AAAA,MAEC,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa;AAAA,MACb,cAAc;AAAA,MAEb;AAAA;AAAA,IANI;AAAA,EAOP,IAbO,IAeV,GACH;AAEJ;",
-  "names": ["React"]
+  "mappings": "AAAA,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,OAAO,WAAW;AAYZ;AAHC,SAAS,KAAK,EAAE,UAAU,SAAS,eAAe,KAAK,IAAI,GAAc;AAC9E,MAAI;AACF,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL;AAAA,UACA,SAAS;AAAA,UACT,gBAAgB;AAAA;AAAA,UAEhB,qBAAqB,4BAA4B,YAAY;AAAA;AAAA,QAE/D;AAAA,QAEC;AAAA;AAAA,IACH;AAIJ,QAAM,eAAe,MAAM,SAAS,QAAQ,QAAQ;AAEpD,SACE,oBAAC,UAAO,YAAW,UAAS,gBAAe,UAAS,UAAS,QAC1D,uBAAa,IAAI,CAAC,OAAO,MACnB,QAMH;AAAA,IAAC;AAAA;AAAA,MAEC,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa;AAAA,MACb,cAAc;AAAA,MAEb;AAAA;AAAA,IANI;AAAA,EAOP,IAbO,IAeV,GACH;AAEJ;",
+  "names": []
 }

package/dist/jsx/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/jsx/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/jsx/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/jsx/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/jsx/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/jsx/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": []
 }