@tamagui/demos 1.1.8 → 1.1.9

package/dist/cjs/DialogDemo.js

@@ -26,123 +26,58 @@ var import_lucide_icons = require("@tamagui/lucide-icons");
 var import_tamagui = require("tamagui");
 var import_SelectDemo = require("./SelectDemo");
 function DialogDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog, {
-    modal: true,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Trigger, {
-        asChild: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-          children: "Edit Profile"
-        })
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, {
-        when: "sm",
-        platform: "touch",
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, {
-          zIndex: 2e5,
-          modal: true,
-          dismissOnSnapToBottom: true,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog, { modal: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Edit Profile" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, { zIndex: 2e5, modal: true, dismissOnSnapToBottom: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, { padding: "$4", space: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Overlay, {})
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Portal, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_tamagui.Dialog.Overlay,
+        {
+          animation: "quick",
+          o: 0.5,
+          enterStyle: { o: 0 },
+          exitStyle: { o: 0 }
+        },
+        "overlay"
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_tamagui.Dialog.Content,
+        {
+          bordered: true,
+          elevate: true,
+          animation: [
+            "quick",
+            {
+              opacity: {
+                overshootClamping: true
+              }
+            }
+          ],
+          enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.9 },
+          exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
+          space: true,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, {
-              padding: "$4",
-              space: true,
-              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {})
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Overlay, {})
+            /* @__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, { space: "$4", horizontal: true, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { w: 160, justifyContent: "flex-end", htmlFor: "name", children: "Name" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { f: 1, id: "name", defaultValue: "Nate Wienert" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Fieldset, { space: "$4", horizontal: true, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { w: 160, justifyContent: "flex-end", htmlFor: "username", children: "Food" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectDemo.SelectDemo, {})
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { ai: "flex-end", mt: "$2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, { displayWhenAdapted: true, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: "alt1", "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: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { pos: "absolute", t: "$2", r: "$2", size: "$3", circular: true, icon: import_lucide_icons.X }) }) })
           ]
-        })
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Portal, {
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Overlay, {
-            animation: "quick",
-            o: 0.5,
-            enterStyle: { o: 0 },
-            exitStyle: { o: 0 }
-          }, "overlay"),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Content, {
-            bordered: true,
-            elevate: true,
-            animation: [
-              "quick",
-              {
-                opacity: {
-                  overshootClamping: true
-                }
-              }
-            ],
-            enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.9 },
-            exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
-            space: true,
-            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, {
-                space: "$4",
-                horizontal: true,
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
-                    w: 160,
-                    justifyContent: "flex-end",
-                    htmlFor: "name",
-                    children: "Name"
-                  }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, {
-                    f: 1,
-                    id: "name",
-                    defaultValue: "Nate Wienert"
-                  })
-                ]
-              }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Fieldset, {
-                space: "$4",
-                horizontal: true,
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
-                    w: 160,
-                    justifyContent: "flex-end",
-                    htmlFor: "username",
-                    children: "Food"
-                  }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectDemo.SelectDemo, {})
-                ]
-              }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-                ai: "flex-end",
-                mt: "$2",
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, {
-                  displayWhenAdapted: true,
-                  asChild: true,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-                    theme: "alt1",
-                    "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: true,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-                    pos: "absolute",
-                    t: "$2",
-                    r: "$2",
-                    size: "$3",
-                    circular: true,
-                    icon: import_lucide_icons.X
-                  })
-                })
-              })
-            ]
-          }, "content")
-        ]
-      })
-    ]
-  });
+        },
+        "content"
+      )
+    ] })
+  ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/DialogDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/DialogDemo.tsx"],
   "sourcesContent": ["import { X } from '@tamagui/lucide-icons'\nimport {\n  Adapt,\n  Button,\n  Dialog,\n  Fieldset,\n  H2,\n  Input,\n  Label,\n  Sheet,\n  Unspaced,\n  YStack,\n} from 'tamagui'\n\nimport { SelectDemo } from './SelectDemo'\n\nexport function DialogDemo() {\n  return (\n    <Dialog modal>\n      <Dialog.Trigger asChild>\n        <Button>Edit Profile</Button>\n      </Dialog.Trigger>\n\n      <Adapt when=\"sm\" platform=\"touch\">\n        <Sheet zIndex={200000} modal dismissOnSnapToBottom>\n          <Sheet.Frame padding=\"$4\" space>\n            <Adapt.Contents />\n          </Sheet.Frame>\n          <Sheet.Overlay />\n        </Sheet>\n      </Adapt>\n\n      <Dialog.Portal>\n        <Dialog.Overlay\n          key=\"overlay\"\n          animation=\"quick\"\n          o={0.5}\n          enterStyle={{ o: 0 }}\n          exitStyle={{ o: 0 }}\n        />\n\n        <Dialog.Content\n          bordered\n          elevate\n          key=\"content\"\n          animation={[\n            'quick',\n            {\n              opacity: {\n                overshootClamping: true,\n              },\n            },\n          ]}\n          enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.9 }}\n          exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}\n          space\n        >\n          <Dialog.Title>Edit profile</Dialog.Title>\n          <Dialog.Description>\n            Make changes to your profile here. Click save when you're done.\n          </Dialog.Description>\n          <Fieldset space=\"$4\" horizontal>\n            <Label w={160} justifyContent=\"flex-end\" htmlFor=\"name\">\n              Name\n            </Label>\n            <Input f={1} id=\"name\" defaultValue=\"Nate Wienert\" />\n          </Fieldset>\n          <Fieldset space=\"$4\" horizontal>\n            <Label w={160} justifyContent=\"flex-end\" htmlFor=\"username\">\n              Food\n            </Label>\n            <SelectDemo />\n          </Fieldset>\n\n          <YStack ai=\"flex-end\" mt=\"$2\">\n            <Dialog.Close displayWhenAdapted asChild>\n              <Button theme=\"alt1\" aria-label=\"Close\">\n                Save changes\n              </Button>\n            </Dialog.Close>\n          </YStack>\n\n          <Unspaced>\n            <Dialog.Close asChild>\n              <Button pos=\"absolute\" t=\"$2\" r=\"$2\" size=\"$3\" circular icon={X} />\n            </Dialog.Close>\n          </Unspaced>\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog>\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBQ;AApBR,0BAAkB;AAClB,qBAWO;AAEP,wBAA2B;AAEpB,SAAS,aAAa;AAC3B,SACE,6CAAC;AAAA,IAAO,OAAK;AAAA,IACX;AAAA,kDAAC,sBAAO,SAAP;AAAA,QAAe,SAAO;AAAA,QACrB,sDAAC;AAAA,UAAO;AAAA,SAAY;AAAA,OACtB;AAAA,MAEA,4CAAC;AAAA,QAAM,MAAK;AAAA,QAAK,UAAS;AAAA,QACxB,uDAAC;AAAA,UAAM,QAAQ;AAAA,UAAQ,OAAK;AAAA,UAAC,uBAAqB;AAAA,UAChD;AAAA,wDAAC,qBAAM,OAAN;AAAA,cAAY,SAAQ;AAAA,cAAK,OAAK;AAAA,cAC7B,sDAAC,qBAAM,UAAN,EAAe;AAAA,aAClB;AAAA,YACA,4CAAC,qBAAM,SAAN,EAAc;AAAA;AAAA,SACjB;AAAA,OACF;AAAA,MAEA,6CAAC,sBAAO,QAAP;AAAA,QACC;AAAA,sDAAC,sBAAO,SAAP;AAAA,YAEC,WAAU;AAAA,YACV,GAAG;AAAA,YACH,YAAY,EAAE,GAAG,EAAE;AAAA,YACnB,WAAW,EAAE,GAAG,EAAE;AAAA,aAJd,SAKN;AAAA,UAEA,6CAAC,sBAAO,SAAP;AAAA,YACC,UAAQ;AAAA,YACR,SAAO;AAAA,YAEP,WAAW;AAAA,cACT;AAAA,cACA;AAAA,gBACE,SAAS;AAAA,kBACP,mBAAmB;AAAA,gBACrB;AAAA,cACF;AAAA,YACF;AAAA,YACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,YACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,YAClD,OAAK;AAAA,YAEL;AAAA,0DAAC,sBAAO,OAAP;AAAA,gBAAa;AAAA,eAAY;AAAA,cAC1B,4CAAC,sBAAO,aAAP;AAAA,gBAAmB;AAAA,eAEpB;AAAA,cACA,6CAAC;AAAA,gBAAS,OAAM;AAAA,gBAAK,YAAU;AAAA,gBAC7B;AAAA,8DAAC;AAAA,oBAAM,GAAG;AAAA,oBAAK,gBAAe;AAAA,oBAAW,SAAQ;AAAA,oBAAO;AAAA,mBAExD;AAAA,kBACA,4CAAC;AAAA,oBAAM,GAAG;AAAA,oBAAG,IAAG;AAAA,oBAAO,cAAa;AAAA,mBAAe;AAAA;AAAA,eACrD;AAAA,cACA,6CAAC;AAAA,gBAAS,OAAM;AAAA,gBAAK,YAAU;AAAA,gBAC7B;AAAA,8DAAC;AAAA,oBAAM,GAAG;AAAA,oBAAK,gBAAe;AAAA,oBAAW,SAAQ;AAAA,oBAAW;AAAA,mBAE5D;AAAA,kBACA,4CAAC,gCAAW;AAAA;AAAA,eACd;AAAA,cAEA,4CAAC;AAAA,gBAAO,IAAG;AAAA,gBAAW,IAAG;AAAA,gBACvB,sDAAC,sBAAO,OAAP;AAAA,kBAAa,oBAAkB;AAAA,kBAAC,SAAO;AAAA,kBACtC,sDAAC;AAAA,oBAAO,OAAM;AAAA,oBAAO,cAAW;AAAA,oBAAQ;AAAA,mBAExC;AAAA,iBACF;AAAA,eACF;AAAA,cAEA,4CAAC;AAAA,gBACC,sDAAC,sBAAO,OAAP;AAAA,kBAAa,SAAO;AAAA,kBACnB,sDAAC;AAAA,oBAAO,KAAI;AAAA,oBAAW,GAAE;AAAA,oBAAK,GAAE;AAAA,oBAAK,MAAK;AAAA,oBAAK,UAAQ;AAAA,oBAAC,MAAM;AAAA,mBAAG;AAAA,iBACnE;AAAA,eACF;AAAA;AAAA,aA1CI,SA2CN;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBQ;AApBR,0BAAkB;AAClB,qBAWO;AAEP,wBAA2B;AAEpB,SAAS,aAAa;AAC3B,SACE,6CAAC,yBAAO,OAAK,MACX;AAAA,gDAAC,sBAAO,SAAP,EAAe,SAAO,MACrB,sDAAC,yBAAO,0BAAY,GACtB;AAAA,IAEA,4CAAC,wBAAM,MAAK,MAAK,UAAS,SACxB,uDAAC,wBAAM,QAAQ,KAAQ,OAAK,MAAC,uBAAqB,MAChD;AAAA,kDAAC,qBAAM,OAAN,EAAY,SAAQ,MAAK,OAAK,MAC7B,sDAAC,qBAAM,UAAN,EAAe,GAClB;AAAA,MACA,4CAAC,qBAAM,SAAN,EAAc;AAAA,OACjB,GACF;AAAA,IAEA,6CAAC,sBAAO,QAAP,EACC;AAAA;AAAA,QAAC,sBAAO;AAAA,QAAP;AAAA,UAEC,WAAU;AAAA,UACV,GAAG;AAAA,UACH,YAAY,EAAE,GAAG,EAAE;AAAA,UACnB,WAAW,EAAE,GAAG,EAAE;AAAA;AAAA,QAJd;AAAA,MAKN;AAAA,MAEA;AAAA,QAAC,sBAAO;AAAA,QAAP;AAAA,UACC,UAAQ;AAAA,UACR,SAAO;AAAA,UAEP,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,OAAK;AAAA,UAEL;AAAA,wDAAC,sBAAO,OAAP,EAAa,0BAAY;AAAA,YAC1B,4CAAC,sBAAO,aAAP,EAAmB,6EAEpB;AAAA,YACA,6CAAC,2BAAS,OAAM,MAAK,YAAU,MAC7B;AAAA,0DAAC,wBAAM,GAAG,KAAK,gBAAe,YAAW,SAAQ,QAAO,kBAExD;AAAA,cACA,4CAAC,wBAAM,GAAG,GAAG,IAAG,QAAO,cAAa,gBAAe;AAAA,eACrD;AAAA,YACA,6CAAC,2BAAS,OAAM,MAAK,YAAU,MAC7B;AAAA,0DAAC,wBAAM,GAAG,KAAK,gBAAe,YAAW,SAAQ,YAAW,kBAE5D;AAAA,cACA,4CAAC,gCAAW;AAAA,eACd;AAAA,YAEA,4CAAC,yBAAO,IAAG,YAAW,IAAG,MACvB,sDAAC,sBAAO,OAAP,EAAa,oBAAkB,MAAC,SAAO,MACtC,sDAAC,yBAAO,OAAM,QAAO,cAAW,SAAQ,0BAExC,GACF,GACF;AAAA,YAEA,4CAAC,2BACC,sDAAC,sBAAO,OAAP,EAAa,SAAO,MACnB,sDAAC,yBAAO,KAAI,YAAW,GAAE,MAAK,GAAE,MAAK,MAAK,MAAK,UAAQ,MAAC,MAAM,uBAAG,GACnE,GACF;AAAA;AAAA;AAAA,QA1CI;AAAA,MA2CN;AAAA,OACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/cjs/FeatherIconsDemo.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -44,46 +48,17 @@ function FeatherIconsDemo() {
   const iconsMemo = (0, import_react2.useMemo)(() => {
     const icons = featherIcons.filter((x) => x.key.startsWith(search.toLowerCase()));
     return icons.map(({ Icon, name }) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-        h: size,
-        ai: "center",
-        jc: "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, {
-            size: "$2",
-            o: 0.5,
-            children: name
-          })
-        ]
-      }, name);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { h: size, ai: "center", jc: "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, { size: "$2", o: 0.5, children: name })
+      ] }, name);
     });
   }, [search]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    als: "stretch",
-    p: "$4",
-    pb: "$0",
-    space: true,
-    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, {
-        h: 420,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.ScrollView, {
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Grid, {
-            itemMinWidth: size,
-            children: iconsMemo
-          })
-        })
-      })
-    ]
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { als: "stretch", p: "$4", pb: "$0", space: true, 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, { h: 420, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.ScrollView, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Grid, { itemMinWidth: size, children: iconsMemo }) }) })
+  ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/FeatherIconsDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/FeatherIconsDemo.tsx"],
   "sourcesContent": ["import * as FeatherIcons from '@tamagui/lucide-icons'\nimport React from 'react'\nimport { useMemo, useState } from 'react'\nimport { ScrollView } from 'react-native'\nimport { Grid, Input, Paragraph, Spacer, YStack, useDebounceValue } from 'tamagui'\n\nconst featherIcons = Object.keys(FeatherIcons).map((name) => ({\n  key: name.toLowerCase(),\n  name,\n  Icon: FeatherIcons[name],\n}))\n\nexport function FeatherIconsDemo() {\n  const [searchRaw, setSearch] = useState('')\n  const search = useDebounceValue(searchRaw, 400)\n\n  const size = 100\n\n  const iconsMemo = useMemo(() => {\n    const icons = featherIcons.filter((x) => x.key.startsWith(search.toLowerCase()))\n    return icons.map(({ Icon, name }) => {\n      return (\n        <YStack h={size} ai=\"center\" jc=\"center\" key={name}>\n          <Icon size={size * 0.25} />\n          <Spacer />\n          <Paragraph size=\"$2\" o={0.5}>\n            {name}\n          </Paragraph>\n        </YStack>\n      )\n    })\n  }, [search])\n\n  return (\n    <YStack als=\"stretch\" p=\"$4\" pb=\"$0\" space>\n      <Input value={searchRaw} onChangeText={setSearch} placeholder=\"Search...\" />\n\n      <YStack h={420}>\n        <ScrollView>\n          <Grid itemMinWidth={size}>{iconsMemo}</Grid>\n        </ScrollView>\n      </YStack>\n    </YStack>\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBQ;AAtBR,mBAA8B;AAE9B,IAAAA,gBAAkC;AAClC,0BAA2B;AAC3B,qBAAyE;AAEzE,MAAM,eAAe,OAAO,KAAK,YAAY,EAAE,IAAI,CAAC,UAAU;AAAA,EAC5D,KAAK,KAAK,YAAY;AAAA,EACtB;AAAA,EACA,MAAM,aAAa;AACrB,EAAE;AAEK,SAAS,mBAAmB;AACjC,QAAM,CAAC,WAAW,SAAS,QAAI,wBAAS,EAAE;AAC1C,QAAM,aAAS,iCAAiB,WAAW,GAAG;AAE9C,QAAM,OAAO;AAEb,QAAM,gBAAY,uBAAQ,MAAM;AAC9B,UAAM,QAAQ,aAAa,OAAO,CAAC,MAAM,EAAE,IAAI,WAAW,OAAO,YAAY,CAAC,CAAC;AAC/E,WAAO,MAAM,IAAI,CAAC,EAAE,MAAM,KAAK,MAAM;AACnC,aACE,6CAAC;AAAA,QAAO,GAAG;AAAA,QAAM,IAAG;AAAA,QAAS,IAAG;AAAA,QAC9B;AAAA,sDAAC;AAAA,YAAK,MAAM,OAAO;AAAA,WAAM;AAAA,UACzB,4CAAC,yBAAO;AAAA,UACR,4CAAC;AAAA,YAAU,MAAK;AAAA,YAAK,GAAG;AAAA,YACrB;AAAA,WACH;AAAA;AAAA,SAL4C,IAM9C;AAAA,IAEJ,CAAC;AAAA,EACH,GAAG,CAAC,MAAM,CAAC;AAEX,SACE,6CAAC;AAAA,IAAO,KAAI;AAAA,IAAU,GAAE;AAAA,IAAK,IAAG;AAAA,IAAK,OAAK;AAAA,IACxC;AAAA,kDAAC;AAAA,QAAM,OAAO;AAAA,QAAW,cAAc;AAAA,QAAW,aAAY;AAAA,OAAY;AAAA,MAE1E,4CAAC;AAAA,QAAO,GAAG;AAAA,QACT,sDAAC;AAAA,UACC,sDAAC;AAAA,YAAK,cAAc;AAAA,YAAO;AAAA,WAAU;AAAA,SACvC;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBQ;AAtBR,mBAA8B;AAE9B,IAAAA,gBAAkC;AAClC,0BAA2B;AAC3B,qBAAyE;AAEzE,MAAM,eAAe,OAAO,KAAK,YAAY,EAAE,IAAI,CAAC,UAAU;AAAA,EAC5D,KAAK,KAAK,YAAY;AAAA,EACtB;AAAA,EACA,MAAM,aAAa,IAAI;AACzB,EAAE;AAEK,SAAS,mBAAmB;AACjC,QAAM,CAAC,WAAW,SAAS,QAAI,wBAAS,EAAE;AAC1C,QAAM,aAAS,iCAAiB,WAAW,GAAG;AAE9C,QAAM,OAAO;AAEb,QAAM,gBAAY,uBAAQ,MAAM;AAC9B,UAAM,QAAQ,aAAa,OAAO,CAAC,MAAM,EAAE,IAAI,WAAW,OAAO,YAAY,CAAC,CAAC;AAC/E,WAAO,MAAM,IAAI,CAAC,EAAE,MAAM,KAAK,MAAM;AACnC,aACE,6CAAC,yBAAO,GAAG,MAAM,IAAG,UAAS,IAAG,UAC9B;AAAA,oDAAC,QAAK,MAAM,OAAO,MAAM;AAAA,QACzB,4CAAC,yBAAO;AAAA,QACR,4CAAC,4BAAU,MAAK,MAAK,GAAG,KACrB,gBACH;AAAA,WAL4C,IAM9C;AAAA,IAEJ,CAAC;AAAA,EACH,GAAG,CAAC,MAAM,CAAC;AAEX,SACE,6CAAC,yBAAO,KAAI,WAAU,GAAE,MAAK,IAAG,MAAK,OAAK,MACxC;AAAA,gDAAC,wBAAM,OAAO,WAAW,cAAc,WAAW,aAAY,aAAY;AAAA,IAE1E,4CAAC,yBAAO,GAAG,KACT,sDAAC,kCACC,sDAAC,uBAAK,cAAc,MAAO,qBAAU,GACvC,GACF;AAAA,KACF;AAEJ;",
   "names": ["import_react"]
 }

package/dist/cjs/FormsDemo.js

@@ -24,47 +24,18 @@ module.exports = __toCommonJS(FormsDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_tamagui = require("tamagui");
 function FormsDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    w: 200,
-    mih: 250,
-    overflow: "hidden",
-    space: "$2",
-    m: "$3",
-    p: "$2",
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormDemo, {
-        size: "$2"
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormDemo, {
-        size: "$3"
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormDemo, {
-        size: "$4"
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TextArea, {
-        mih: 140,
-        placeholder: "Enter your details...",
-        numberOfLines: 4
-      })
-    ]
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { w: 200, mih: 250, overflow: "hidden", space: "$2", m: "$3", p: "$2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormDemo, { size: "$2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormDemo, { size: "$3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormDemo, { size: "$4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TextArea, { mih: 140, placeholder: "Enter your details...", numberOfLines: 4 })
+  ] });
 }
 function FormDemo(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-    ai: "center",
-    space: "$2",
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, {
-        f: 1,
-        size: props.size,
-        placeholder: `Size ${props.size}...`
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-        size: props.size,
-        children: "Go"
-      })
-    ]
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { ai: "center", space: "$2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { f: 1, size: props.size, placeholder: `Size ${props.size}...` }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: props.size, children: "Go" })
+  ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/FormsDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/FormsDemo.tsx"],
   "sourcesContent": ["import { Button, Input, SizeTokens, TextArea, XStack, YStack } from 'tamagui'\n\nexport function FormsDemo() {\n  return (\n    <YStack w={200} mih={250} overflow=\"hidden\" space=\"$2\" m=\"$3\" p=\"$2\">\n      <FormDemo size=\"$2\" />\n      <FormDemo size=\"$3\" />\n      <FormDemo size=\"$4\" />\n      <TextArea mih={140} placeholder=\"Enter your details...\" numberOfLines={4} />\n    </YStack>\n  )\n}\n\nfunction FormDemo(props: { size: SizeTokens }) {\n  return (\n    <XStack ai=\"center\" space=\"$2\">\n      <Input f={1} size={props.size} placeholder={`Size ${props.size}...`} />\n      <Button size={props.size}>Go</Button>\n    </XStack>\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAII;AAJJ,qBAAoE;AAE7D,SAAS,YAAY;AAC1B,SACE,6CAAC;AAAA,IAAO,GAAG;AAAA,IAAK,KAAK;AAAA,IAAK,UAAS;AAAA,IAAS,OAAM;AAAA,IAAK,GAAE;AAAA,IAAK,GAAE;AAAA,IAC9D;AAAA,kDAAC;AAAA,QAAS,MAAK;AAAA,OAAK;AAAA,MACpB,4CAAC;AAAA,QAAS,MAAK;AAAA,OAAK;AAAA,MACpB,4CAAC;AAAA,QAAS,MAAK;AAAA,OAAK;AAAA,MACpB,4CAAC;AAAA,QAAS,KAAK;AAAA,QAAK,aAAY;AAAA,QAAwB,eAAe;AAAA,OAAG;AAAA;AAAA,GAC5E;AAEJ;AAEA,SAAS,SAAS,OAA6B;AAC7C,SACE,6CAAC;AAAA,IAAO,IAAG;AAAA,IAAS,OAAM;AAAA,IACxB;AAAA,kDAAC;AAAA,QAAM,GAAG;AAAA,QAAG,MAAM,MAAM;AAAA,QAAM,aAAa,QAAQ,MAAM;AAAA,OAAW;AAAA,MACrE,4CAAC;AAAA,QAAO,MAAM,MAAM;AAAA,QAAM;AAAA,OAAE;AAAA;AAAA,GAC9B;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAII;AAJJ,qBAAoE;AAE7D,SAAS,YAAY;AAC1B,SACE,6CAAC,yBAAO,GAAG,KAAK,KAAK,KAAK,UAAS,UAAS,OAAM,MAAK,GAAE,MAAK,GAAE,MAC9D;AAAA,gDAAC,YAAS,MAAK,MAAK;AAAA,IACpB,4CAAC,YAAS,MAAK,MAAK;AAAA,IACpB,4CAAC,YAAS,MAAK,MAAK;AAAA,IACpB,4CAAC,2BAAS,KAAK,KAAK,aAAY,yBAAwB,eAAe,GAAG;AAAA,KAC5E;AAEJ;AAEA,SAAS,SAAS,OAA6B;AAC7C,SACE,6CAAC,yBAAO,IAAG,UAAS,OAAM,MACxB;AAAA,gDAAC,wBAAM,GAAG,GAAG,MAAM,MAAM,MAAM,aAAa,QAAQ,MAAM,WAAW;AAAA,IACrE,4CAAC,yBAAO,MAAM,MAAM,MAAM,gBAAE;AAAA,KAC9B;AAEJ;",
   "names": []
 }

package/dist/cjs/GroupDemo.js

@@ -25,57 +25,22 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_lucide_icons = require("@tamagui/lucide-icons");
 var import_tamagui = require("tamagui");
 function GroupDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    p: "$3",
-    space: "$2",
-    ai: "center",
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XGroup, {
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-            children: "First"
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-            children: "Second"
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.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.Button, {
-            size: "$3",
-            icon: import_lucide_icons.Activity,
-            children: "First"
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-            size: "$3",
-            icon: import_lucide_icons.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.ListItem, {
-            title: "First"
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
-            title: "Second",
-            subTitle: "Second subtitle"
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, {
-            children: "Third"
-          })
-        ]
-      })
-    ]
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { p: "$3", space: "$2", ai: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XGroup, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "First" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Second" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.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.Button, { size: "$3", icon: import_lucide_icons.Activity, children: "First" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$3", icon: import_lucide_icons.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.ListItem, { title: "First" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, { title: "Second", subTitle: "Second subtitle" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ListItem, { children: "Third" })
+    ] })
+  ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/GroupDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/GroupDemo.tsx"],
   "sourcesContent": ["import { Activity, Airplay } from '@tamagui/lucide-icons'\nimport { Button, ListItem, Separator, XGroup, YGroup, YStack } from 'tamagui'\n\nexport function GroupDemo() {\n  return (\n    <YStack p=\"$3\" space=\"$2\" ai=\"center\">\n      <XGroup>\n        <Button>First</Button>\n        <Button>Second</Button>\n        <Button>Third</Button>\n      </XGroup>\n\n      {/* responsive + size */}\n      <XGroup size=\"$3\" $gtSm={{ size: '$5' }}>\n        <Button size=\"$3\" icon={Activity}>\n          First\n        </Button>\n        <Button size=\"$3\" icon={Airplay}>\n          Second\n        </Button>\n      </XGroup>\n\n      <YGroup separator={<Separator />}>\n        <ListItem title=\"First\" />\n        <ListItem title=\"Second\" subTitle=\"Second subtitle\" />\n        <ListItem>Third</ListItem>\n      </YGroup>\n    </YStack>\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMM;AANN,0BAAkC;AAClC,qBAAoE;AAE7D,SAAS,YAAY;AAC1B,SACE,6CAAC;AAAA,IAAO,GAAE;AAAA,IAAK,OAAM;AAAA,IAAK,IAAG;AAAA,IAC3B;AAAA,mDAAC;AAAA,QACC;AAAA,sDAAC;AAAA,YAAO;AAAA,WAAK;AAAA,UACb,4CAAC;AAAA,YAAO;AAAA,WAAM;AAAA,UACd,4CAAC;AAAA,YAAO;AAAA,WAAK;AAAA;AAAA,OACf;AAAA,MAGA,6CAAC;AAAA,QAAO,MAAK;AAAA,QAAK,OAAO,EAAE,MAAM,KAAK;AAAA,QACpC;AAAA,sDAAC;AAAA,YAAO,MAAK;AAAA,YAAK,MAAM;AAAA,YAAU;AAAA,WAElC;AAAA,UACA,4CAAC;AAAA,YAAO,MAAK;AAAA,YAAK,MAAM;AAAA,YAAS;AAAA,WAEjC;AAAA;AAAA,OACF;AAAA,MAEA,6CAAC;AAAA,QAAO,WAAW,4CAAC,4BAAU;AAAA,QAC5B;AAAA,sDAAC;AAAA,YAAS,OAAM;AAAA,WAAQ;AAAA,UACxB,4CAAC;AAAA,YAAS,OAAM;AAAA,YAAS,UAAS;AAAA,WAAkB;AAAA,UACpD,4CAAC;AAAA,YAAS;AAAA,WAAK;AAAA;AAAA,OACjB;AAAA;AAAA,GACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMM;AANN,0BAAkC;AAClC,qBAAoE;AAE7D,SAAS,YAAY;AAC1B,SACE,6CAAC,yBAAO,GAAE,MAAK,OAAM,MAAK,IAAG,UAC3B;AAAA,iDAAC,yBACC;AAAA,kDAAC,yBAAO,mBAAK;AAAA,MACb,4CAAC,yBAAO,oBAAM;AAAA,MACd,4CAAC,yBAAO,mBAAK;AAAA,OACf;AAAA,IAGA,6CAAC,yBAAO,MAAK,MAAK,OAAO,EAAE,MAAM,KAAK,GACpC;AAAA,kDAAC,yBAAO,MAAK,MAAK,MAAM,8BAAU,mBAElC;AAAA,MACA,4CAAC,yBAAO,MAAK,MAAK,MAAM,6BAAS,oBAEjC;AAAA,OACF;AAAA,IAEA,6CAAC,yBAAO,WAAW,4CAAC,4BAAU,GAC5B;AAAA,kDAAC,2BAAS,OAAM,SAAQ;AAAA,MACxB,4CAAC,2BAAS,OAAM,UAAS,UAAS,mBAAkB;AAAA,MACpD,4CAAC,2BAAS,mBAAK;AAAA,OACjB;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/cjs/HeadingsDemo.js

@@ -24,29 +24,14 @@ module.exports = __toCommonJS(HeadingsDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_tamagui = require("tamagui");
 function HeadingsDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    als: "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__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { als: "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" })
+  ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/HeadingsDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/HeadingsDemo.tsx"],
   "sourcesContent": ["import React from 'react'\nimport { H1, H2, H3, H4, H5, H6, YStack } from 'tamagui'\n\nexport function HeadingsDemo() {\n  return (\n    <YStack als=\"center\">\n      <H1>Heading 1</H1>\n      <H2>Heading 2</H2>\n      <H3>Heading 3</H3>\n      <H4>Heading 4</H4>\n      <H5>Heading 5</H5>\n      <H6>Heading 6</H6>\n    </YStack>\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKI;AAJJ,qBAA+C;AAExC,SAAS,eAAe;AAC7B,SACE,6CAAC;AAAA,IAAO,KAAI;AAAA,IACV;AAAA,kDAAC;AAAA,QAAG;AAAA,OAAS;AAAA,MACb,4CAAC;AAAA,QAAG;AAAA,OAAS;AAAA,MACb,4CAAC;AAAA,QAAG;AAAA,OAAS;AAAA,MACb,4CAAC;AAAA,QAAG;AAAA,OAAS;AAAA,MACb,4CAAC;AAAA,QAAG;AAAA,OAAS;AAAA,MACb,4CAAC;AAAA,QAAG;AAAA,OAAS;AAAA;AAAA,GACf;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKI;AAJJ,qBAA+C;AAExC,SAAS,eAAe;AAC7B,SACE,6CAAC,yBAAO,KAAI,UACV;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;",
   "names": []
 }

package/dist/cjs/ImageDemo.js

@@ -24,11 +24,7 @@ module.exports = __toCommonJS(ImageDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_tamagui = require("tamagui");
 function ImageDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Image, {
-    src: "https://placekitten.com/200/300",
-    width: 200,
-    height: 300
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Image, { src: "https://placekitten.com/200/300", width: 200, height: 300 });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/ImageDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ImageDemo.tsx"],
   "sourcesContent": ["import { Image } from 'tamagui'\n\nexport function ImageDemo() {\n  return <Image src=\"https://placekitten.com/200/300\" width={200} height={300} />\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGS;AAHT,qBAAsB;AAEf,SAAS,YAAY;AAC1B,SAAO,4CAAC;AAAA,IAAM,KAAI;AAAA,IAAkC,OAAO;AAAA,IAAK,QAAQ;AAAA,GAAK;AAC/E;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGS;AAHT,qBAAsB;AAEf,SAAS,YAAY;AAC1B,SAAO,4CAAC,wBAAM,KAAI,mCAAkC,OAAO,KAAK,QAAQ,KAAK;AAC/E;",
   "names": []
 }

package/dist/cjs/LabelDemo.js

@@ -24,46 +24,16 @@ module.exports = __toCommonJS(LabelDemo_exports);
 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, {
-    p: "$3",
-    miw: 300,
-    space: "$4",
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-        ai: "center",
-        space: "$4",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
-            w: 90,
-            htmlFor: "name",
-            children: "Name"
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, {
-            f: 1,
-            id: "name",
-            defaultValue: "Nate Wienert"
-          })
-        ]
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-        ai: "center",
-        space: "$4",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
-            w: 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"
-            })
-          })
-        ]
-      })
-    ]
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { p: "$3", miw: 300, space: "$4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { ai: "center", space: "$4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { w: 90, htmlFor: "name", children: "Name" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { f: 1, id: "name", defaultValue: "Nate Wienert" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { ai: "center", space: "$4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { w: 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" }) })
+    ] })
+  ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/LabelDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/LabelDemo.tsx"],
   "sourcesContent": ["import { Input, Label, Switch, XStack, YStack } from 'tamagui'\n\nexport function LabelDemo() {\n  return (\n    <YStack p=\"$3\" miw={300} space=\"$4\">\n      <XStack ai=\"center\" space=\"$4\">\n        <Label w={90} htmlFor=\"name\">\n          Name\n        </Label>\n        <Input f={1} id=\"name\" defaultValue=\"Nate Wienert\" />\n      </XStack>\n\n      <XStack ai=\"center\" space=\"$4\">\n        <Label w={90} htmlFor=\"notify\">\n          Notifications\n        </Label>\n        <Switch id=\"notify\">\n          <Switch.Thumb animation=\"quick\" />\n        </Switch>\n      </XStack>\n    </YStack>\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKM;AALN,qBAAqD;AAE9C,SAAS,YAAY;AAC1B,SACE,6CAAC;AAAA,IAAO,GAAE;AAAA,IAAK,KAAK;AAAA,IAAK,OAAM;AAAA,IAC7B;AAAA,mDAAC;AAAA,QAAO,IAAG;AAAA,QAAS,OAAM;AAAA,QACxB;AAAA,sDAAC;AAAA,YAAM,GAAG;AAAA,YAAI,SAAQ;AAAA,YAAO;AAAA,WAE7B;AAAA,UACA,4CAAC;AAAA,YAAM,GAAG;AAAA,YAAG,IAAG;AAAA,YAAO,cAAa;AAAA,WAAe;AAAA;AAAA,OACrD;AAAA,MAEA,6CAAC;AAAA,QAAO,IAAG;AAAA,QAAS,OAAM;AAAA,QACxB;AAAA,sDAAC;AAAA,YAAM,GAAG;AAAA,YAAI,SAAQ;AAAA,YAAS;AAAA,WAE/B;AAAA,UACA,4CAAC;AAAA,YAAO,IAAG;AAAA,YACT,sDAAC,sBAAO,OAAP;AAAA,cAAa,WAAU;AAAA,aAAQ;AAAA,WAClC;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKM;AALN,qBAAqD;AAE9C,SAAS,YAAY;AAC1B,SACE,6CAAC,yBAAO,GAAE,MAAK,KAAK,KAAK,OAAM,MAC7B;AAAA,iDAAC,yBAAO,IAAG,UAAS,OAAM,MACxB;AAAA,kDAAC,wBAAM,GAAG,IAAI,SAAQ,QAAO,kBAE7B;AAAA,MACA,4CAAC,wBAAM,GAAG,GAAG,IAAG,QAAO,cAAa,gBAAe;AAAA,OACrD;AAAA,IAEA,6CAAC,yBAAO,IAAG,UAAS,OAAM,MACxB;AAAA,kDAAC,wBAAM,GAAG,IAAI,SAAQ,UAAS,2BAE/B;AAAA,MACA,4CAAC,yBAAO,IAAG,UACT,sDAAC,sBAAO,OAAP,EAAa,WAAU,SAAQ,GAClC;AAAA,OACF;AAAA,KACF;AAEJ;",
   "names": []
 }