@tamagui/demos 1.1.7 → 1.1.9

package/dist/esm/ColorsDemo.js

@@ -13,99 +13,75 @@ const colorGroups = ["orange", "yellow", "green", "blue", "purple", "pink", "red
 function ColorsDemo() {
   const colors = getTokens().color;
   const [colorsLight, colorsDark] = [getColors(colors), getColors(colors, true)];
-  return /* @__PURE__ */ jsxs(YStack, {
-    mt: "$4",
-    space: "$8",
-    children: [
-      /* @__PURE__ */ jsx(ColorsRow, {
-        title: "Light",
-        colors: colorsLight
-      }),
-      /* @__PURE__ */ jsx(Separator, {}),
-      /* @__PURE__ */ jsx(ColorsRow, {
-        title: "Dark",
-        colors: colorsDark
-      })
-    ]
-  });
+  return /* @__PURE__ */ jsxs(YStack, { mt: "$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__ */ jsxs(YStack, {
-    space: true,
-    $sm: { space: "$2" },
-    children: [
-      /* @__PURE__ */ jsx(H2, {
-        size: "$2",
-        children: title
-      }),
-      /* @__PURE__ */ jsxs(XStack, {
-        space: true,
-        als: "center",
-        children: [
-          /* @__PURE__ */ jsxs(YStack, {
-            space: true,
-            $sm: { space: "$2" },
-            als: "center",
-            children: [
-              colors.map((group, index) => {
-                return /* @__PURE__ */ jsx(XStack, {
-                  space: "$2",
-                  children: group.map((color) => {
-                    return /* @__PURE__ */ jsx(Square, {
-                      br: "$2",
-                      size: "$4",
-                      h: "$4",
-                      bc: getVariableValue(color),
-                      $sm: {
-                        size: "$2"
-                      },
-                      $xs: {
-                        size: "$1"
-                      }
-                    }, `${color.key}${index}`);
-                  })
-                }, index);
-              }),
-              /* @__PURE__ */ jsx(XStack, {
-                space: "$2",
-                als: "center",
-                children: new Array(13).fill(0).slice(1).map((_, index) => {
-                  return /* @__PURE__ */ jsx(Paragraph, {
-                    col: "$color10",
-                    fow: "300",
-                    w: "$4",
-                    $sm: {
-                      w: "$2"
-                    },
-                    $xs: {
-                      w: "$1"
-                    },
-                    children: index
-                  }, index);
-                })
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsx(YStack, {
-            space: "$2",
-            children: colorGroups.map((name) => /* @__PURE__ */ jsx(Paragraph, {
-              theme: name,
+  return /* @__PURE__ */ jsxs(YStack, { space: true, $sm: { space: "$2" }, children: [
+    /* @__PURE__ */ jsx(H2, { size: "$2", children: title }),
+    /* @__PURE__ */ jsxs(XStack, { space: true, als: "center", children: [
+      /* @__PURE__ */ jsxs(YStack, { space: true, $sm: { space: "$2" }, als: "center", children: [
+        colors.map((group, index) => {
+          return /* @__PURE__ */ jsx(XStack, { space: "$2", children: group.map((color) => {
+            return /* @__PURE__ */ jsx(
+              Square,
+              {
+                br: "$2",
+                size: "$4",
+                h: "$4",
+                bc: getVariableValue(color),
+                $sm: {
+                  size: "$2"
+                },
+                $xs: {
+                  size: "$1"
+                }
+              },
+              `${color.key}${index}`
+            );
+          }) }, index);
+        }),
+        /* @__PURE__ */ jsx(XStack, { space: "$2", als: "center", children: new Array(13).fill(0).slice(1).map((_, index) => {
+          return /* @__PURE__ */ jsx(
+            Paragraph,
+            {
               col: "$color10",
-              h: "$4",
-              rotate: "-10deg",
+              fow: "300",
+              w: "$4",
               $sm: {
-                h: "$2"
+                w: "$2"
               },
               $xs: {
-                h: "$1"
+                w: "$1"
               },
-              children: name
-            }, name))
-          })
-        ]
-      })
-    ]
-  });
+              children: index
+            },
+            index
+          );
+        }) })
+      ] }),
+      /* @__PURE__ */ jsx(YStack, { space: "$2", children: colorGroups.map((name) => /* @__PURE__ */ jsx(
+        Paragraph,
+        {
+          theme: name,
+          col: "$color10",
+          h: "$4",
+          rotate: "-10deg",
+          $sm: {
+            h: "$2"
+          },
+          $xs: {
+            h: "$1"
+          },
+          children: name
+        },
+        name
+      )) })
+    ] })
+  ] });
 }
 function getColors(colors, dark = false) {
   return colorGroups.map((group) => {

package/dist/esm/ColorsDemo.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ColorsDemo.tsx"],
   "sourcesContent": ["import { Variable } from '@tamagui/core'\nimport {\n  H2,\n  Paragraph,\n  Separator,\n  Square,\n  XStack,\n  YStack,\n  getTokens,\n  getVariableValue,\n} from 'tamagui'\n\nconst colorGroups = ['orange', 'yellow', 'green', 'blue', 'purple', 'pink', 'red']\n\nexport function ColorsDemo() {\n  const colors = getTokens().color\n  const [colorsLight, colorsDark] = [getColors(colors), getColors(colors, true)]\n\n  return (\n    <YStack mt=\"$4\" space=\"$8\">\n      <ColorsRow title=\"Light\" colors={colorsLight} />\n      <Separator />\n      <ColorsRow title=\"Dark\" colors={colorsDark} />\n    </YStack>\n  )\n}\n\nfunction ColorsRow({ title, colors }: { title: string; colors: Variable[][] }) {\n  return (\n    <YStack space $sm={{ space: '$2' }}>\n      <H2 size=\"$2\">{title}</H2>\n\n      <XStack space als=\"center\">\n        <YStack space $sm={{ space: '$2' }} als=\"center\">\n          {colors.map((group, index) => {\n            return (\n              <XStack space=\"$2\" key={index}>\n                {group.map((color) => {\n                  return (\n                    <Square\n                      key={`${color.key}${index}`}\n                      br=\"$2\"\n                      size=\"$4\"\n                      h=\"$4\"\n                      bc={getVariableValue(color)}\n                      $sm={{\n                        size: '$2',\n                      }}\n                      $xs={{\n                        size: '$1',\n                      }}\n                    />\n                  )\n                })}\n              </XStack>\n            )\n          })}\n\n          <XStack space=\"$2\" als=\"center\">\n            {new Array(13)\n              .fill(0)\n              .slice(1)\n              .map((_, index) => {\n                return (\n                  <Paragraph\n                    col=\"$color10\"\n                    fow=\"300\"\n                    w=\"$4\"\n                    $sm={{\n                      w: '$2',\n                    }}\n                    $xs={{\n                      w: '$1',\n                    }}\n                    key={index}\n                  >\n                    {index}\n                  </Paragraph>\n                )\n              })}\n          </XStack>\n        </YStack>\n\n        <YStack space=\"$2\">\n          {colorGroups.map((name) => (\n            <Paragraph\n              theme={name as any}\n              col=\"$color10\"\n              h=\"$4\"\n              rotate=\"-10deg\"\n              $sm={{\n                h: '$2',\n              }}\n              $xs={{\n                h: '$1',\n              }}\n              key={name}\n            >\n              {name}\n            </Paragraph>\n          ))}\n        </YStack>\n      </XStack>\n    </YStack>\n  )\n}\n\nfunction getColors(colors: Record<string, Variable>, dark = false) {\n  return colorGroups.map((group) => {\n    return Object.keys(colors)\n      .filter(\n        (color) =>\n          color.startsWith(group) &&\n          (dark ? color.endsWith('Dark') : !color.endsWith('Dark')),\n      )\n      .map((key) => colors[key])\n  })\n}\n"],
-  "mappings": "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",
+  "mappings": "AAmBI,SACE,KADF;AAlBJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,cAAc,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAE1E,SAAS,aAAa;AAC3B,QAAM,SAAS,UAAU,EAAE;AAC3B,QAAM,CAAC,aAAa,UAAU,IAAI,CAAC,UAAU,MAAM,GAAG,UAAU,QAAQ,IAAI,CAAC;AAE7E,SACE,qBAAC,UAAO,IAAG,MAAK,OAAM,MACpB;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,MAAC,KAAK,EAAE,OAAO,KAAK,GAC/B;AAAA,wBAAC,MAAG,MAAK,MAAM,iBAAM;AAAA,IAErB,qBAAC,UAAO,OAAK,MAAC,KAAI,UAChB;AAAA,2BAAC,UAAO,OAAK,MAAC,KAAK,EAAE,OAAO,KAAK,GAAG,KAAI,UACrC;AAAA,eAAO,IAAI,CAAC,OAAO,UAAU;AAC5B,iBACE,oBAAC,UAAO,OAAM,MACX,gBAAM,IAAI,CAAC,UAAU;AACpB,mBACE;AAAA,cAAC;AAAA;AAAA,gBAEC,IAAG;AAAA,gBACH,MAAK;AAAA,gBACL,GAAE;AAAA,gBACF,IAAI,iBAAiB,KAAK;AAAA,gBAC1B,KAAK;AAAA,kBACH,MAAM;AAAA,gBACR;AAAA,gBACA,KAAK;AAAA,kBACH,MAAM;AAAA,gBACR;AAAA;AAAA,cAVK,GAAG,MAAM,MAAM;AAAA,YAWtB;AAAA,UAEJ,CAAC,KAjBqB,KAkBxB;AAAA,QAEJ,CAAC;AAAA,QAED,oBAAC,UAAO,OAAM,MAAK,KAAI,UACpB,cAAI,MAAM,EAAE,EACV,KAAK,CAAC,EACN,MAAM,CAAC,EACP,IAAI,CAAC,GAAG,UAAU;AACjB,iBACE;AAAA,YAAC;AAAA;AAAA,cACC,KAAI;AAAA,cACJ,KAAI;AAAA,cACJ,GAAE;AAAA,cACF,KAAK;AAAA,gBACH,GAAG;AAAA,cACL;AAAA,cACA,KAAK;AAAA,gBACH,GAAG;AAAA,cACL;AAAA,cAGC;AAAA;AAAA,YAFI;AAAA,UAGP;AAAA,QAEJ,CAAC,GACL;AAAA,SACF;AAAA,MAEA,oBAAC,UAAO,OAAM,MACX,sBAAY,IAAI,CAAC,SAChB;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,KAAI;AAAA,UACJ,GAAE;AAAA,UACF,QAAO;AAAA,UACP,KAAK;AAAA,YACH,GAAG;AAAA,UACL;AAAA,UACA,KAAK;AAAA,YACH,GAAG;AAAA,UACL;AAAA,UAGC;AAAA;AAAA,QAFI;AAAA,MAGP,CACD,GACH;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,SAAS,UAAU,QAAkC,OAAO,OAAO;AACjE,SAAO,YAAY,IAAI,CAAC,UAAU;AAChC,WAAO,OAAO,KAAK,MAAM,EACtB;AAAA,MACC,CAAC,UACC,MAAM,WAAW,KAAK,MACrB,OAAO,MAAM,SAAS,MAAM,IAAI,CAAC,MAAM,SAAS,MAAM;AAAA,IAC3D,EACC,IAAI,CAAC,QAAQ,OAAO,GAAG,CAAC;AAAA,EAC7B,CAAC;AACH;",
   "names": []
 }

package/dist/esm/DialogDemo.js

@@ -13,123 +13,58 @@ import {
 } from "tamagui";
 import { SelectDemo } from "./SelectDemo";
 function DialogDemo() {
-  return /* @__PURE__ */ jsxs(Dialog, {
-    modal: true,
-    children: [
-      /* @__PURE__ */ jsx(Dialog.Trigger, {
-        asChild: true,
-        children: /* @__PURE__ */ jsx(Button, {
-          children: "Edit Profile"
-        })
-      }),
-      /* @__PURE__ */ jsx(Adapt, {
-        when: "sm",
-        platform: "touch",
-        children: /* @__PURE__ */ jsxs(Sheet, {
-          zIndex: 2e5,
-          modal: true,
-          dismissOnSnapToBottom: true,
+  return /* @__PURE__ */ jsxs(Dialog, { modal: true, children: [
+    /* @__PURE__ */ jsx(Dialog.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { children: "Edit Profile" }) }),
+    /* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(Sheet, { zIndex: 2e5, modal: true, dismissOnSnapToBottom: true, children: [
+      /* @__PURE__ */ jsx(Sheet.Frame, { padding: "$4", space: true, children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }),
+      /* @__PURE__ */ jsx(Sheet.Overlay, {})
+    ] }) }),
+    /* @__PURE__ */ jsxs(Dialog.Portal, { children: [
+      /* @__PURE__ */ jsx(
+        Dialog.Overlay,
+        {
+          animation: "quick",
+          o: 0.5,
+          enterStyle: { o: 0 },
+          exitStyle: { o: 0 }
+        },
+        "overlay"
+      ),
+      /* @__PURE__ */ jsxs(
+        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__ */ jsx(Sheet.Frame, {
-              padding: "$4",
-              space: true,
-              children: /* @__PURE__ */ jsx(Adapt.Contents, {})
-            }),
-            /* @__PURE__ */ jsx(Sheet.Overlay, {})
+            /* @__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, { space: "$4", horizontal: true, children: [
+              /* @__PURE__ */ jsx(Label, { w: 160, justifyContent: "flex-end", htmlFor: "name", children: "Name" }),
+              /* @__PURE__ */ jsx(Input, { f: 1, id: "name", defaultValue: "Nate Wienert" })
+            ] }),
+            /* @__PURE__ */ jsxs(Fieldset, { space: "$4", horizontal: true, children: [
+              /* @__PURE__ */ jsx(Label, { w: 160, justifyContent: "flex-end", htmlFor: "username", children: "Food" }),
+              /* @__PURE__ */ jsx(SelectDemo, {})
+            ] }),
+            /* @__PURE__ */ jsx(YStack, { ai: "flex-end", mt: "$2", children: /* @__PURE__ */ jsx(Dialog.Close, { displayWhenAdapted: true, asChild: true, children: /* @__PURE__ */ jsx(Button, { theme: "alt1", "aria-label": "Close", children: "Save changes" }) }) }),
+            /* @__PURE__ */ jsx(Unspaced, { children: /* @__PURE__ */ jsx(Dialog.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { pos: "absolute", t: "$2", r: "$2", size: "$3", circular: true, icon: X }) }) })
           ]
-        })
-      }),
-      /* @__PURE__ */ jsxs(Dialog.Portal, {
-        children: [
-          /* @__PURE__ */ jsx(Dialog.Overlay, {
-            animation: "quick",
-            o: 0.5,
-            enterStyle: { o: 0 },
-            exitStyle: { o: 0 }
-          }, "overlay"),
-          /* @__PURE__ */ jsxs(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__ */ 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, {
-                space: "$4",
-                horizontal: true,
-                children: [
-                  /* @__PURE__ */ jsx(Label, {
-                    w: 160,
-                    justifyContent: "flex-end",
-                    htmlFor: "name",
-                    children: "Name"
-                  }),
-                  /* @__PURE__ */ jsx(Input, {
-                    f: 1,
-                    id: "name",
-                    defaultValue: "Nate Wienert"
-                  })
-                ]
-              }),
-              /* @__PURE__ */ jsxs(Fieldset, {
-                space: "$4",
-                horizontal: true,
-                children: [
-                  /* @__PURE__ */ jsx(Label, {
-                    w: 160,
-                    justifyContent: "flex-end",
-                    htmlFor: "username",
-                    children: "Food"
-                  }),
-                  /* @__PURE__ */ jsx(SelectDemo, {})
-                ]
-              }),
-              /* @__PURE__ */ jsx(YStack, {
-                ai: "flex-end",
-                mt: "$2",
-                children: /* @__PURE__ */ jsx(Dialog.Close, {
-                  displayWhenAdapted: true,
-                  asChild: true,
-                  children: /* @__PURE__ */ jsx(Button, {
-                    theme: "alt1",
-                    "aria-label": "Close",
-                    children: "Save changes"
-                  })
-                })
-              }),
-              /* @__PURE__ */ jsx(Unspaced, {
-                children: /* @__PURE__ */ jsx(Dialog.Close, {
-                  asChild: true,
-                  children: /* @__PURE__ */ jsx(Button, {
-                    pos: "absolute",
-                    t: "$2",
-                    r: "$2",
-                    size: "$3",
-                    circular: true,
-                    icon: X
-                  })
-                })
-              })
-            ]
-          }, "content")
-        ]
-      })
-    ]
-  });
+        },
+        "content"
+      )
+    ] })
+  ] });
 }
 export {
   DialogDemo

package/dist/esm/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": "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",
+  "mappings": "AAoBQ,cAIA,YAJA;AApBR,SAAS,SAAS;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,kBAAkB;AAEpB,SAAS,aAAa;AAC3B,SACE,qBAAC,UAAO,OAAK,MACX;AAAA,wBAAC,OAAO,SAAP,EAAe,SAAO,MACrB,8BAAC,UAAO,0BAAY,GACtB;AAAA,IAEA,oBAAC,SAAM,MAAK,MAAK,UAAS,SACxB,+BAAC,SAAM,QAAQ,KAAQ,OAAK,MAAC,uBAAqB,MAChD;AAAA,0BAAC,MAAM,OAAN,EAAY,SAAQ,MAAK,OAAK,MAC7B,8BAAC,MAAM,UAAN,EAAe,GAClB;AAAA,MACA,oBAAC,MAAM,SAAN,EAAc;AAAA,OACjB,GACF;AAAA,IAEA,qBAAC,OAAO,QAAP,EACC;AAAA;AAAA,QAAC,OAAO;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,OAAO;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,gCAAC,OAAO,OAAP,EAAa,0BAAY;AAAA,YAC1B,oBAAC,OAAO,aAAP,EAAmB,6EAEpB;AAAA,YACA,qBAAC,YAAS,OAAM,MAAK,YAAU,MAC7B;AAAA,kCAAC,SAAM,GAAG,KAAK,gBAAe,YAAW,SAAQ,QAAO,kBAExD;AAAA,cACA,oBAAC,SAAM,GAAG,GAAG,IAAG,QAAO,cAAa,gBAAe;AAAA,eACrD;AAAA,YACA,qBAAC,YAAS,OAAM,MAAK,YAAU,MAC7B;AAAA,kCAAC,SAAM,GAAG,KAAK,gBAAe,YAAW,SAAQ,YAAW,kBAE5D;AAAA,cACA,oBAAC,cAAW;AAAA,eACd;AAAA,YAEA,oBAAC,UAAO,IAAG,YAAW,IAAG,MACvB,8BAAC,OAAO,OAAP,EAAa,oBAAkB,MAAC,SAAO,MACtC,8BAAC,UAAO,OAAM,QAAO,cAAW,SAAQ,0BAExC,GACF,GACF;AAAA,YAEA,oBAAC,YACC,8BAAC,OAAO,OAAP,EAAa,SAAO,MACnB,8BAAC,UAAO,KAAI,YAAW,GAAE,MAAK,GAAE,MAAK,MAAK,MAAK,UAAQ,MAAC,MAAM,GAAG,GACnE,GACF;AAAA;AAAA;AAAA,QA1CI;AAAA,MA2CN;AAAA,OACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/esm/FeatherIconsDemo.js

@@ -15,46 +15,17 @@ function FeatherIconsDemo() {
   const iconsMemo = useMemo(() => {
     const icons = featherIcons.filter((x) => x.key.startsWith(search.toLowerCase()));
     return icons.map(({ Icon, name }) => {
-      return /* @__PURE__ */ jsxs(YStack, {
-        h: size,
-        ai: "center",
-        jc: "center",
-        children: [
-          /* @__PURE__ */ jsx(Icon, {
-            size: size * 0.25
-          }),
-          /* @__PURE__ */ jsx(Spacer, {}),
-          /* @__PURE__ */ jsx(Paragraph, {
-            size: "$2",
-            o: 0.5,
-            children: name
-          })
-        ]
-      }, name);
+      return /* @__PURE__ */ jsxs(YStack, { h: size, ai: "center", jc: "center", children: [
+        /* @__PURE__ */ jsx(Icon, { size: size * 0.25 }),
+        /* @__PURE__ */ jsx(Spacer, {}),
+        /* @__PURE__ */ jsx(Paragraph, { size: "$2", o: 0.5, children: name })
+      ] }, name);
     });
   }, [search]);
-  return /* @__PURE__ */ jsxs(YStack, {
-    als: "stretch",
-    p: "$4",
-    pb: "$0",
-    space: true,
-    children: [
-      /* @__PURE__ */ jsx(Input, {
-        value: searchRaw,
-        onChangeText: setSearch,
-        placeholder: "Search..."
-      }),
-      /* @__PURE__ */ jsx(YStack, {
-        h: 420,
-        children: /* @__PURE__ */ jsx(ScrollView, {
-          children: /* @__PURE__ */ jsx(Grid, {
-            itemMinWidth: size,
-            children: iconsMemo
-          })
-        })
-      })
-    ]
-  });
+  return /* @__PURE__ */ jsxs(YStack, { als: "stretch", p: "$4", pb: "$0", space: true, children: [
+    /* @__PURE__ */ jsx(Input, { value: searchRaw, onChangeText: setSearch, placeholder: "Search..." }),
+    /* @__PURE__ */ jsx(YStack, { h: 420, children: /* @__PURE__ */ jsx(ScrollView, { children: /* @__PURE__ */ jsx(Grid, { itemMinWidth: size, children: iconsMemo }) }) })
+  ] });
 }
 export {
   FeatherIconsDemo

package/dist/esm/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": "AAsBQ,SACE,KADF;AAtBR,YAAY,kBAAkB;AAE9B,SAAS,SAAS,gBAAgB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,MAAM,OAAO,WAAW,QAAQ,QAAQ,wBAAwB;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,IAAI,SAAS,EAAE;AAC1C,QAAM,SAAS,iBAAiB,WAAW,GAAG;AAE9C,QAAM,OAAO;AAEb,QAAM,YAAY,QAAQ,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,qBAAC;AAAA,QAAO,GAAG;AAAA,QAAM,IAAG;AAAA,QAAS,IAAG;AAAA,QAC9B;AAAA,8BAAC;AAAA,YAAK,MAAM,OAAO;AAAA,WAAM;AAAA,UACzB,oBAAC,UAAO;AAAA,UACR,oBAAC;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,qBAAC;AAAA,IAAO,KAAI;AAAA,IAAU,GAAE;AAAA,IAAK,IAAG;AAAA,IAAK,OAAK;AAAA,IACxC;AAAA,0BAAC;AAAA,QAAM,OAAO;AAAA,QAAW,cAAc;AAAA,QAAW,aAAY;AAAA,OAAY;AAAA,MAE1E,oBAAC;AAAA,QAAO,GAAG;AAAA,QACT,8BAAC;AAAA,UACC,8BAAC;AAAA,YAAK,cAAc;AAAA,YAAO;AAAA,WAAU;AAAA,SACvC;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;",
+  "mappings": "AAsBQ,SACE,KADF;AAtBR,YAAY,kBAAkB;AAE9B,SAAS,SAAS,gBAAgB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,MAAM,OAAO,WAAW,QAAQ,QAAQ,wBAAwB;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,IAAI,SAAS,EAAE;AAC1C,QAAM,SAAS,iBAAiB,WAAW,GAAG;AAE9C,QAAM,OAAO;AAEb,QAAM,YAAY,QAAQ,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,qBAAC,UAAO,GAAG,MAAM,IAAG,UAAS,IAAG,UAC9B;AAAA,4BAAC,QAAK,MAAM,OAAO,MAAM;AAAA,QACzB,oBAAC,UAAO;AAAA,QACR,oBAAC,aAAU,MAAK,MAAK,GAAG,KACrB,gBACH;AAAA,WAL4C,IAM9C;AAAA,IAEJ,CAAC;AAAA,EACH,GAAG,CAAC,MAAM,CAAC;AAEX,SACE,qBAAC,UAAO,KAAI,WAAU,GAAE,MAAK,IAAG,MAAK,OAAK,MACxC;AAAA,wBAAC,SAAM,OAAO,WAAW,cAAc,WAAW,aAAY,aAAY;AAAA,IAE1E,oBAAC,UAAO,GAAG,KACT,8BAAC,cACC,8BAAC,QAAK,cAAc,MAAO,qBAAU,GACvC,GACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/esm/FormsDemo.js

@@ -1,47 +1,18 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Button, Input, TextArea, XStack, YStack } from "tamagui";
 function FormsDemo() {
-  return /* @__PURE__ */ jsxs(YStack, {
-    w: 200,
-    mih: 250,
-    overflow: "hidden",
-    space: "$2",
-    m: "$3",
-    p: "$2",
-    children: [
-      /* @__PURE__ */ jsx(FormDemo, {
-        size: "$2"
-      }),
-      /* @__PURE__ */ jsx(FormDemo, {
-        size: "$3"
-      }),
-      /* @__PURE__ */ jsx(FormDemo, {
-        size: "$4"
-      }),
-      /* @__PURE__ */ jsx(TextArea, {
-        mih: 140,
-        placeholder: "Enter your details...",
-        numberOfLines: 4
-      })
-    ]
-  });
+  return /* @__PURE__ */ jsxs(YStack, { w: 200, mih: 250, overflow: "hidden", space: "$2", m: "$3", p: "$2", children: [
+    /* @__PURE__ */ jsx(FormDemo, { size: "$2" }),
+    /* @__PURE__ */ jsx(FormDemo, { size: "$3" }),
+    /* @__PURE__ */ jsx(FormDemo, { size: "$4" }),
+    /* @__PURE__ */ jsx(TextArea, { mih: 140, placeholder: "Enter your details...", numberOfLines: 4 })
+  ] });
 }
 function FormDemo(props) {
-  return /* @__PURE__ */ jsxs(XStack, {
-    ai: "center",
-    space: "$2",
-    children: [
-      /* @__PURE__ */ jsx(Input, {
-        f: 1,
-        size: props.size,
-        placeholder: `Size ${props.size}...`
-      }),
-      /* @__PURE__ */ jsx(Button, {
-        size: props.size,
-        children: "Go"
-      })
-    ]
-  });
+  return /* @__PURE__ */ jsxs(XStack, { ai: "center", space: "$2", children: [
+    /* @__PURE__ */ jsx(Input, { f: 1, size: props.size, placeholder: `Size ${props.size}...` }),
+    /* @__PURE__ */ jsx(Button, { size: props.size, children: "Go" })
+  ] });
 }
 export {
   FormsDemo

package/dist/esm/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": "AAII,SACE,KADF;AAJJ,SAAS,QAAQ,OAAmB,UAAU,QAAQ,cAAc;AAE7D,SAAS,YAAY;AAC1B,SACE,qBAAC;AAAA,IAAO,GAAG;AAAA,IAAK,KAAK;AAAA,IAAK,UAAS;AAAA,IAAS,OAAM;AAAA,IAAK,GAAE;AAAA,IAAK,GAAE;AAAA,IAC9D;AAAA,0BAAC;AAAA,QAAS,MAAK;AAAA,OAAK;AAAA,MACpB,oBAAC;AAAA,QAAS,MAAK;AAAA,OAAK;AAAA,MACpB,oBAAC;AAAA,QAAS,MAAK;AAAA,OAAK;AAAA,MACpB,oBAAC;AAAA,QAAS,KAAK;AAAA,QAAK,aAAY;AAAA,QAAwB,eAAe;AAAA,OAAG;AAAA;AAAA,GAC5E;AAEJ;AAEA,SAAS,SAAS,OAA6B;AAC7C,SACE,qBAAC;AAAA,IAAO,IAAG;AAAA,IAAS,OAAM;AAAA,IACxB;AAAA,0BAAC;AAAA,QAAM,GAAG;AAAA,QAAG,MAAM,MAAM;AAAA,QAAM,aAAa,QAAQ,MAAM;AAAA,OAAW;AAAA,MACrE,oBAAC;AAAA,QAAO,MAAM,MAAM;AAAA,QAAM;AAAA,OAAE;AAAA;AAAA,GAC9B;AAEJ;",
+  "mappings": "AAII,SACE,KADF;AAJJ,SAAS,QAAQ,OAAmB,UAAU,QAAQ,cAAc;AAE7D,SAAS,YAAY;AAC1B,SACE,qBAAC,UAAO,GAAG,KAAK,KAAK,KAAK,UAAS,UAAS,OAAM,MAAK,GAAE,MAAK,GAAE,MAC9D;AAAA,wBAAC,YAAS,MAAK,MAAK;AAAA,IACpB,oBAAC,YAAS,MAAK,MAAK;AAAA,IACpB,oBAAC,YAAS,MAAK,MAAK;AAAA,IACpB,oBAAC,YAAS,KAAK,KAAK,aAAY,yBAAwB,eAAe,GAAG;AAAA,KAC5E;AAEJ;AAEA,SAAS,SAAS,OAA6B;AAC7C,SACE,qBAAC,UAAO,IAAG,UAAS,OAAM,MACxB;AAAA,wBAAC,SAAM,GAAG,GAAG,MAAM,MAAM,MAAM,aAAa,QAAQ,MAAM,WAAW;AAAA,IACrE,oBAAC,UAAO,MAAM,MAAM,MAAM,gBAAE;AAAA,KAC9B;AAEJ;",
   "names": []
 }

package/dist/esm/GroupDemo.js

@@ -2,57 +2,22 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Activity, Airplay } from "@tamagui/lucide-icons";
 import { Button, ListItem, Separator, XGroup, YGroup, YStack } from "tamagui";
 function GroupDemo() {
-  return /* @__PURE__ */ jsxs(YStack, {
-    p: "$3",
-    space: "$2",
-    ai: "center",
-    children: [
-      /* @__PURE__ */ jsxs(XGroup, {
-        children: [
-          /* @__PURE__ */ jsx(Button, {
-            children: "First"
-          }),
-          /* @__PURE__ */ jsx(Button, {
-            children: "Second"
-          }),
-          /* @__PURE__ */ jsx(Button, {
-            children: "Third"
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs(XGroup, {
-        size: "$3",
-        $gtSm: { size: "$5" },
-        children: [
-          /* @__PURE__ */ jsx(Button, {
-            size: "$3",
-            icon: Activity,
-            children: "First"
-          }),
-          /* @__PURE__ */ jsx(Button, {
-            size: "$3",
-            icon: Airplay,
-            children: "Second"
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs(YGroup, {
-        separator: /* @__PURE__ */ jsx(Separator, {}),
-        children: [
-          /* @__PURE__ */ jsx(ListItem, {
-            title: "First"
-          }),
-          /* @__PURE__ */ jsx(ListItem, {
-            title: "Second",
-            subTitle: "Second subtitle"
-          }),
-          /* @__PURE__ */ jsx(ListItem, {
-            children: "Third"
-          })
-        ]
-      })
-    ]
-  });
+  return /* @__PURE__ */ jsxs(YStack, { p: "$3", space: "$2", ai: "center", children: [
+    /* @__PURE__ */ jsxs(XGroup, { children: [
+      /* @__PURE__ */ jsx(Button, { children: "First" }),
+      /* @__PURE__ */ jsx(Button, { children: "Second" }),
+      /* @__PURE__ */ jsx(Button, { children: "Third" })
+    ] }),
+    /* @__PURE__ */ jsxs(XGroup, { size: "$3", $gtSm: { size: "$5" }, children: [
+      /* @__PURE__ */ jsx(Button, { size: "$3", icon: Activity, children: "First" }),
+      /* @__PURE__ */ jsx(Button, { size: "$3", icon: Airplay, children: "Second" })
+    ] }),
+    /* @__PURE__ */ jsxs(YGroup, { separator: /* @__PURE__ */ jsx(Separator, {}), children: [
+      /* @__PURE__ */ jsx(ListItem, { title: "First" }),
+      /* @__PURE__ */ jsx(ListItem, { title: "Second", subTitle: "Second subtitle" }),
+      /* @__PURE__ */ jsx(ListItem, { children: "Third" })
+    ] })
+  ] });
 }
 export {
   GroupDemo

package/dist/esm/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": "AAMM,SACE,KADF;AANN,SAAS,UAAU,eAAe;AAClC,SAAS,QAAQ,UAAU,WAAW,QAAQ,QAAQ,cAAc;AAE7D,SAAS,YAAY;AAC1B,SACE,qBAAC;AAAA,IAAO,GAAE;AAAA,IAAK,OAAM;AAAA,IAAK,IAAG;AAAA,IAC3B;AAAA,2BAAC;AAAA,QACC;AAAA,8BAAC;AAAA,YAAO;AAAA,WAAK;AAAA,UACb,oBAAC;AAAA,YAAO;AAAA,WAAM;AAAA,UACd,oBAAC;AAAA,YAAO;AAAA,WAAK;AAAA;AAAA,OACf;AAAA,MAGA,qBAAC;AAAA,QAAO,MAAK;AAAA,QAAK,OAAO,EAAE,MAAM,KAAK;AAAA,QACpC;AAAA,8BAAC;AAAA,YAAO,MAAK;AAAA,YAAK,MAAM;AAAA,YAAU;AAAA,WAElC;AAAA,UACA,oBAAC;AAAA,YAAO,MAAK;AAAA,YAAK,MAAM;AAAA,YAAS;AAAA,WAEjC;AAAA;AAAA,OACF;AAAA,MAEA,qBAAC;AAAA,QAAO,WAAW,oBAAC,aAAU;AAAA,QAC5B;AAAA,8BAAC;AAAA,YAAS,OAAM;AAAA,WAAQ;AAAA,UACxB,oBAAC;AAAA,YAAS,OAAM;AAAA,YAAS,UAAS;AAAA,WAAkB;AAAA,UACpD,oBAAC;AAAA,YAAS;AAAA,WAAK;AAAA;AAAA,OACjB;AAAA;AAAA,GACF;AAEJ;",
+  "mappings": "AAMM,SACE,KADF;AANN,SAAS,UAAU,eAAe;AAClC,SAAS,QAAQ,UAAU,WAAW,QAAQ,QAAQ,cAAc;AAE7D,SAAS,YAAY;AAC1B,SACE,qBAAC,UAAO,GAAE,MAAK,OAAM,MAAK,IAAG,UAC3B;AAAA,yBAAC,UACC;AAAA,0BAAC,UAAO,mBAAK;AAAA,MACb,oBAAC,UAAO,oBAAM;AAAA,MACd,oBAAC,UAAO,mBAAK;AAAA,OACf;AAAA,IAGA,qBAAC,UAAO,MAAK,MAAK,OAAO,EAAE,MAAM,KAAK,GACpC;AAAA,0BAAC,UAAO,MAAK,MAAK,MAAM,UAAU,mBAElC;AAAA,MACA,oBAAC,UAAO,MAAK,MAAK,MAAM,SAAS,oBAEjC;AAAA,OACF;AAAA,IAEA,qBAAC,UAAO,WAAW,oBAAC,aAAU,GAC5B;AAAA,0BAAC,YAAS,OAAM,SAAQ;AAAA,MACxB,oBAAC,YAAS,OAAM,UAAS,UAAS,mBAAkB;AAAA,MACpD,oBAAC,YAAS,mBAAK;AAAA,OACjB;AAAA,KACF;AAEJ;",
   "names": []
 }