@tamagui/demos 1.61.3 → 1.62.0

package/dist/jsx/ColorsDemo.js

@@ -10,8 +10,7 @@ import {
 } from "tamagui";
 const colorGroups = ["orange", "yellow", "green", "blue", "purple", "pink", "red"];
 function ColorsDemo() {
-  const colors = getTokens({ prefixed: false }).color;
-  const [colorsLight, colorsDark] = [getColors(colors), getColors(colors, true)];
+  const colors = getTokens({ prefixed: !1 }).color, [colorsLight, colorsDark] = [getColors(colors), getColors(colors, !0)];
   return <YStack marginTop="$4" space="$8">
     <ColorsRow title="Light" colors={colorsLight} />
     <Separator />
@@ -23,39 +22,33 @@ function ColorsRow({ title, colors }) {
     <H2 size="$2">{title}</H2>
     <XStack space alignSelf="center">
       <YStack space $sm={{ space: "$2" }} alignSelf="center">
-        {colors.map((group, index) => {
-          return <XStack space="$2" key={index}>{group.map((color) => {
-            return <Square
-              key={`${color.key}${index}`}
-              borderRadius="$2"
-              size="$4"
-              height="$4"
-              borderWidth={1}
-              backgroundColor={getVariableValue(color)}
-              borderColor="$color7"
-              $sm={{
-                size: "$2"
-              }}
-              $xs={{
-                size: "$1"
-              }}
-            />;
-          })}</XStack>;
-        })}
-        <XStack space="$2" alignSelf="center">{new Array(13).fill(0).slice(1).map((_, index) => {
-          return <Paragraph
-            color="$color10"
-            textAlign="center"
-            width="$4"
-            $sm={{
-              width: "$2"
-            }}
-            $xs={{
-              width: "$1"
-            }}
-            key={index}
-          >{index}</Paragraph>;
-        })}</XStack>
+        {colors.map((group, index) => <XStack space="$2" key={index}>{group.map((color) => <Square
+          key={`${color.key}${index}`}
+          borderRadius="$2"
+          size="$4"
+          height="$4"
+          borderWidth={1}
+          backgroundColor={getVariableValue(color)}
+          borderColor="$color7"
+          $sm={{
+            size: "$2"
+          }}
+          $xs={{
+            size: "$1"
+          }}
+        />)}</XStack>)}
+        <XStack space="$2" alignSelf="center">{new Array(13).fill(0).slice(1).map((_, index) => <Paragraph
+          color="$color10"
+          textAlign="center"
+          width="$4"
+          $sm={{
+            width: "$2"
+          }}
+          $xs={{
+            width: "$1"
+          }}
+          key={index}
+        >{index}</Paragraph>)}</XStack>
       </YStack>
       <YStack space="$4" marginTop="$2">{colorGroups.map((name) => <Paragraph
         theme={name}
@@ -73,12 +66,10 @@ function ColorsRow({ title, colors }) {
     </XStack>
   </YStack>;
 }
-function getColors(colors, dark = false) {
-  return colorGroups.map((group) => {
-    return Object.keys(colors).filter(
-      (color) => color.startsWith(group) && (dark ? color.endsWith("Dark") : !color.endsWith("Dark"))
-    ).map((key) => colors[key]);
-  });
+function getColors(colors, dark = !1) {
+  return colorGroups.map((group) => Object.keys(colors).filter(
+    (color) => color.startsWith(group) && (dark ? color.endsWith("Dark") : !color.endsWith("Dark"))
+  ).map((key) => colors[key]));
 }
 export {
   ColorsDemo

package/dist/jsx/ColorsDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ColorsDemo.tsx"],
-  "mappings": "AACA;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,UAAU,MAAM,CAAC,EAAE;AAC9C,QAAM,CAAC,aAAa,UAAU,IAAI,CAAC,UAAU,MAAM,GAAG,UAAU,QAAQ,IAAI,CAAC;AAE7E,SACE,CAAC,OAAO,UAAU,KAAK,MAAM;AAAA,IAC3B,CAAC,UAAU,MAAM,QAAQ,QAAQ,aAAa;AAAA,IAC9C,CAAC,UAAU;AAAA,IACX,CAAC,UAAU,MAAM,OAAO,QAAQ,YAAY;AAAA,EAC9C,EAJC;AAML;AAEA,SAAS,UAAU,EAAE,OAAO,OAAO,GAA4C;AAC7E,SACE,CAAC,OAAO,MAAM,KAAK,EAAE,OAAO,KAAK;AAAA,IAC/B,CAAC,GAAG,KAAK,MAAM,MAAM,EAApB;AAAA,IAED,CAAC,OAAO,MAAM,UAAU;AAAA,MACtB,CAAC,OAAO,MAAM,KAAK,EAAE,OAAO,KAAK,GAAG,UAAU;AAAA,SAC3C,OAAO,IAAI,CAAC,OAAO,UAAU;AAC5B,iBACE,CAAC,OAAO,MAAM,KAAK,KAAK,QACrB,MAAM,IAAI,CAAC,UAAU;AACpB,mBACE,CAAC;AAAA,cACC,KAAK,GAAG,MAAM,GAAG,GAAG,KAAK;AAAA,cACzB,aAAa;AAAA,cACb,KAAK;AAAA,cACL,OAAO;AAAA,cACP,aAAa;AAAA,cACb,iBAAiB,iBAAiB,KAAK;AAAA,cACvC,YAAY;AAAA,cACZ,KAAK;AAAA,gBACH,MAAM;AAAA,cACR;AAAA,cACA,KAAK;AAAA,gBACH,MAAM;AAAA,cACR;AAAA,YACF;AAAA,UAEJ,CAAC,EACH,EApBC;AAAA,QAsBL,CAAC;AAAA,QAED,CAAC,OAAO,MAAM,KAAK,UAAU,UAC1B,IAAI,MAAM,EAAE,EACV,KAAK,CAAC,EACN,MAAM,CAAC,EACP,IAAI,CAAC,GAAG,UAAU;AACjB,iBACE,CAAC;AAAA,YACC,MAAM;AAAA,YACN,UAAU;AAAA,YACV,MAAM;AAAA,YACN,KAAK;AAAA,cACH,OAAO;AAAA,YACT;AAAA,YACA,KAAK;AAAA,cACH,OAAO;AAAA,YACT;AAAA,YACA,KAAK;AAAA,YAEJ,MACH,EAbC;AAAA,QAeL,CAAC,EACL,EAtBC;AAAA,MAuBH,EAlDC;AAAA,MAoDD,CAAC,OAAO,MAAM,KAAK,UAAU,MAC1B,YAAY,IAAI,CAAC,SAChB,CAAC;AAAA,QACC,OAAO;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,QACP,OAAO;AAAA,QACP,KAAK;AAAA,UACH,QAAQ;AAAA,QACV;AAAA,QACA,KAAK;AAAA,UACH,QAAQ;AAAA,QACV;AAAA,QACA,KAAK;AAAA,QAEJ,KACH,EAdC,UAeF,EACH,EAlBC;AAAA,IAmBH,EAxEC;AAAA,EAyEH,EA5EC;AA8EL;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;",
+  "mappings": "AACA;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,UAAU,GAAM,CAAC,EAAE,OACxC,CAAC,aAAa,UAAU,IAAI,CAAC,UAAU,MAAM,GAAG,UAAU,QAAQ,EAAI,CAAC;AAE7E,SACE,CAAC,OAAO,UAAU,KAAK,MAAM;AAAA,IAC3B,CAAC,UAAU,MAAM,QAAQ,QAAQ,aAAa;AAAA,IAC9C,CAAC,UAAU;AAAA,IACX,CAAC,UAAU,MAAM,OAAO,QAAQ,YAAY;AAAA,EAC9C,EAJC;AAML;AAEA,SAAS,UAAU,EAAE,OAAO,OAAO,GAA4C;AAC7E,SACE,CAAC,OAAO,MAAM,KAAK,EAAE,OAAO,KAAK;AAAA,IAC/B,CAAC,GAAG,KAAK,MAAM,MAAM,EAApB;AAAA,IAED,CAAC,OAAO,MAAM,UAAU;AAAA,MACtB,CAAC,OAAO,MAAM,KAAK,EAAE,OAAO,KAAK,GAAG,UAAU;AAAA,SAC3C,OAAO,IAAI,CAAC,OAAO,UAEhB,CAAC,OAAO,MAAM,KAAK,KAAK,QACrB,MAAM,IAAI,CAAC,UAER,CAAC;AAAA,UACC,KAAK,GAAG,MAAM,GAAG,GAAG,KAAK;AAAA,UACzB,aAAa;AAAA,UACb,KAAK;AAAA,UACL,OAAO;AAAA,UACP,aAAa;AAAA,UACb,iBAAiB,iBAAiB,KAAK;AAAA,UACvC,YAAY;AAAA,UACZ,KAAK;AAAA,YACH,MAAM;AAAA,UACR;AAAA,UACA,KAAK;AAAA,YACH,MAAM;AAAA,UACR;AAAA,QACF,EAEH,EACH,EApBC,OAsBJ;AAAA,QAED,CAAC,OAAO,MAAM,KAAK,UAAU,UAC1B,IAAI,MAAM,EAAE,EACV,KAAK,CAAC,EACN,MAAM,CAAC,EACP,IAAI,CAAC,GAAG,UAEL,CAAC;AAAA,UACC,MAAM;AAAA,UACN,UAAU;AAAA,UACV,MAAM;AAAA,UACN,KAAK;AAAA,YACH,OAAO;AAAA,UACT;AAAA,UACA,KAAK;AAAA,YACH,OAAO;AAAA,UACT;AAAA,UACA,KAAK;AAAA,UAEJ,MACH,EAbC,UAeJ,EACL,EAtBC;AAAA,MAuBH,EAlDC;AAAA,MAoDD,CAAC,OAAO,MAAM,KAAK,UAAU,MAC1B,YAAY,IAAI,CAAC,SAChB,CAAC;AAAA,QACC,OAAO;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,QACP,OAAO;AAAA,QACP,KAAK;AAAA,UACH,QAAQ;AAAA,QACV;AAAA,QACA,KAAK;AAAA,UACH,QAAQ;AAAA,QACV;AAAA,QACA,KAAK;AAAA,QAEJ,KACH,EAdC,UAeF,EACH,EAlBC;AAAA,IAmBH,EAxEC;AAAA,EAyEH,EA5EC;AA8EL;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/ColorsDemo.native.js

@@ -0,0 +1,77 @@
+import {
+  H2,
+  Paragraph,
+  Separator,
+  Square,
+  XStack,
+  YStack,
+  getTokens,
+  getVariableValue
+} from "tamagui";
+const colorGroups = ["orange", "yellow", "green", "blue", "purple", "pink", "red"];
+function ColorsDemo() {
+  const colors = getTokens({ prefixed: !1 }).color, [colorsLight, colorsDark] = [getColors(colors), getColors(colors, !0)];
+  return <YStack marginTop="$4" space="$8">
+    <ColorsRow title="Light" colors={colorsLight} />
+    <Separator />
+    <ColorsRow title="Dark" colors={colorsDark} />
+  </YStack>;
+}
+function ColorsRow({ title, colors }) {
+  return <YStack space $sm={{ space: "$2" }}>
+    <H2 size="$2">{title}</H2>
+    <XStack space alignSelf="center">
+      <YStack space $sm={{ space: "$2" }} alignSelf="center">
+        {colors.map((group, index) => <XStack space="$2" key={index}>{group.map((color) => <Square
+          key={`${color.key}${index}`}
+          borderRadius="$2"
+          size="$4"
+          height="$4"
+          borderWidth={1}
+          backgroundColor={getVariableValue(color)}
+          borderColor="$color7"
+          $sm={{
+            size: "$2"
+          }}
+          $xs={{
+            size: "$1"
+          }}
+        />)}</XStack>)}
+        <XStack space="$2" alignSelf="center">{new Array(13).fill(0).slice(1).map((_, index) => <Paragraph
+          color="$color10"
+          textAlign="center"
+          width="$4"
+          $sm={{
+            width: "$2"
+          }}
+          $xs={{
+            width: "$1"
+          }}
+          key={index}
+        >{index}</Paragraph>)}</XStack>
+      </YStack>
+      <YStack space="$4" marginTop="$2">{colorGroups.map((name) => <Paragraph
+        theme={name}
+        color="$color10"
+        height="$4"
+        rotate="-10deg"
+        $sm={{
+          height: "$2"
+        }}
+        $xs={{
+          height: "$1"
+        }}
+        key={name}
+      >{name}</Paragraph>)}</YStack>
+    </XStack>
+  </YStack>;
+}
+function getColors(colors, dark = !1) {
+  return colorGroups.map((group) => Object.keys(colors).filter(
+    (color) => color.startsWith(group) && (dark ? color.endsWith("Dark") : !color.endsWith("Dark"))
+  ).map((key) => colors[key]));
+}
+export {
+  ColorsDemo
+};
+//# sourceMappingURL=ColorsDemo.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/ColorsDemo.tsx"],
+  "mappings": "AACA;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,UAAU,GAAM,CAAC,EAAE,OACxC,CAAC,aAAa,UAAU,IAAI,CAAC,UAAU,MAAM,GAAG,UAAU,QAAQ,EAAI,CAAC;AAE7E,SACE,CAAC,OAAO,UAAU,KAAK,MAAM;AAAA,IAC3B,CAAC,UAAU,MAAM,QAAQ,QAAQ,aAAa;AAAA,IAC9C,CAAC,UAAU;AAAA,IACX,CAAC,UAAU,MAAM,OAAO,QAAQ,YAAY;AAAA,EAC9C,EAJC;AAML;AAEA,SAAS,UAAU,EAAE,OAAO,OAAO,GAA4C;AAC7E,SACE,CAAC,OAAO,MAAM,KAAK,EAAE,OAAO,KAAK;AAAA,IAC/B,CAAC,GAAG,KAAK,MAAM,MAAM,EAApB;AAAA,IAED,CAAC,OAAO,MAAM,UAAU;AAAA,MACtB,CAAC,OAAO,MAAM,KAAK,EAAE,OAAO,KAAK,GAAG,UAAU;AAAA,SAC3C,OAAO,IAAI,CAAC,OAAO,UAEhB,CAAC,OAAO,MAAM,KAAK,KAAK,QACrB,MAAM,IAAI,CAAC,UAER,CAAC;AAAA,UACC,KAAK,GAAG,MAAM,GAAG,GAAG,KAAK;AAAA,UACzB,aAAa;AAAA,UACb,KAAK;AAAA,UACL,OAAO;AAAA,UACP,aAAa;AAAA,UACb,iBAAiB,iBAAiB,KAAK;AAAA,UACvC,YAAY;AAAA,UACZ,KAAK;AAAA,YACH,MAAM;AAAA,UACR;AAAA,UACA,KAAK;AAAA,YACH,MAAM;AAAA,UACR;AAAA,QACF,EAEH,EACH,EApBC,OAsBJ;AAAA,QAED,CAAC,OAAO,MAAM,KAAK,UAAU,UAC1B,IAAI,MAAM,EAAE,EACV,KAAK,CAAC,EACN,MAAM,CAAC,EACP,IAAI,CAAC,GAAG,UAEL,CAAC;AAAA,UACC,MAAM;AAAA,UACN,UAAU;AAAA,UACV,MAAM;AAAA,UACN,KAAK;AAAA,YACH,OAAO;AAAA,UACT;AAAA,UACA,KAAK;AAAA,YACH,OAAO;AAAA,UACT;AAAA,UACA,KAAK;AAAA,UAEJ,MACH,EAbC,UAeJ,EACL,EAtBC;AAAA,MAuBH,EAlDC;AAAA,MAoDD,CAAC,OAAO,MAAM,KAAK,UAAU,MAC1B,YAAY,IAAI,CAAC,SAChB,CAAC;AAAA,QACC,OAAO;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,QACP,OAAO;AAAA,QACP,KAAK;AAAA,UACH,QAAQ;AAAA,QACV;AAAA,QACA,KAAK;AAAA,UACH,QAAQ;AAAA,QACV;AAAA,QACA,KAAK;AAAA,QAEJ,KACH,EAdC,UAeF,EACH,EAlBC;AAAA,IAmBH,EAxEC;AAAA,EAyEH,EA5EC;AA8EL;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.js

@@ -18,7 +18,7 @@ function DialogDemo() {
   return <DialogInstance />;
 }
 function DialogInstance() {
-  const [open, setOpen] = useState(false);
+  const [open, setOpen] = useState(!1);
   return <Dialog
     modal
     onOpenChange={(open2) => {
@@ -26,7 +26,7 @@ function DialogInstance() {
     }}
   >
     <Dialog.Trigger asChild><Button>Show Dialog</Button></Dialog.Trigger>
-    <Adapt when="sm" platform="touch"><Sheet zIndex={2e5} modal dismissOnSnapToBottom>
+    <Adapt when="sm" platform="touch"><Sheet animation="medium" zIndex={2e5} modal dismissOnSnapToBottom>
       <Sheet.Frame padding="$4" gap="$4"><Adapt.Contents /></Sheet.Frame>
       <Sheet.Overlay
         animation="lazy"
@@ -51,7 +51,7 @@ function DialogInstance() {
           "quick",
           {
             opacity: {
-              overshootClamping: true
+              overshootClamping: !0
             }
           }
         ]}

package/dist/jsx/DialogDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/DialogDemo.tsx"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["open"]
 }

package/dist/jsx/DialogDemo.native.js

@@ -0,0 +1,91 @@
+import { X } from "@tamagui/lucide-icons";
+import { useState } from "react";
+import {
+  Adapt,
+  Button,
+  Dialog,
+  Fieldset,
+  Input,
+  Label,
+  Paragraph,
+  Sheet,
+  TooltipSimple,
+  Unspaced,
+  XStack
+} from "tamagui";
+import { SelectDemoItem } from "./SelectDemo";
+function DialogDemo() {
+  return <DialogInstance />;
+}
+function DialogInstance() {
+  const [open, setOpen] = useState(!1);
+  return <Dialog
+    modal
+    onOpenChange={(open2) => {
+      setOpen(open2);
+    }}
+  >
+    <Dialog.Trigger asChild><Button>Show Dialog</Button></Dialog.Trigger>
+    <Adapt when="sm" platform="touch"><Sheet animation="medium" zIndex={2e5} modal dismissOnSnapToBottom>
+      <Sheet.Frame padding="$4" gap="$4"><Adapt.Contents /></Sheet.Frame>
+      <Sheet.Overlay
+        animation="lazy"
+        enterStyle={{ opacity: 0 }}
+        exitStyle={{ opacity: 0 }}
+      />
+    </Sheet></Adapt>
+    <Dialog.Portal>
+      <Dialog.Overlay
+        key="overlay"
+        animation="quick"
+        opacity={0.5}
+        enterStyle={{ opacity: 0 }}
+        exitStyle={{ opacity: 0 }}
+      />
+      <Dialog.Content
+        bordered
+        elevate
+        key="content"
+        animateOnly={["transform", "opacity"]}
+        animation={[
+          "quick",
+          {
+            opacity: {
+              overshootClamping: !0
+            }
+          }
+        ]}
+        enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.9 }}
+        exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}
+        gap="$4"
+      >
+        <Dialog.Title>Edit profile</Dialog.Title>
+        <Dialog.Description>Make changes to your profile here. Click save when you're done.</Dialog.Description>
+        <Fieldset gap="$4" horizontal>
+          <Label width={160} justifyContent="flex-end" htmlFor="name">Name</Label>
+          <Input flex={1} id="name" defaultValue="Nate Wienert" />
+        </Fieldset>
+        <Fieldset gap="$4" horizontal>
+          <Label width={160} justifyContent="flex-end" htmlFor="username"><TooltipSimple label="Pick your favorite" placement="bottom-start"><Paragraph>Food</Paragraph></TooltipSimple></Label>
+          <SelectDemoItem />
+        </Fieldset>
+        <XStack alignSelf="flex-end" gap="$4">
+          <DialogInstance />
+          <Dialog.Close displayWhenAdapted asChild><Button theme="alt1" aria-label="Close">Save changes</Button></Dialog.Close>
+        </XStack>
+        <Unspaced><Dialog.Close asChild><Button
+          position="absolute"
+          top="$3"
+          right="$3"
+          size="$2"
+          circular
+          icon={X}
+        /></Dialog.Close></Unspaced>
+      </Dialog.Content>
+    </Dialog.Portal>
+  </Dialog>;
+}
+export {
+  DialogDemo
+};
+//# sourceMappingURL=DialogDemo.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/DialogDemo.tsx"],
+  "mappings": "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",
+  "names": ["open"]
+}

package/dist/jsx/FormsDemo.js

@@ -2,15 +2,14 @@ import { useEffect, useState } from "react";
 import { Button, Form, H4, Spinner } from "tamagui";
 function FormsDemo(props) {
   const [status, setStatus] = useState("off");
-  useEffect(() => {
+  return useEffect(() => {
     if (status === "submitting") {
       const timer = setTimeout(() => setStatus("off"), 2e3);
       return () => {
         clearTimeout(timer);
       };
     }
-  }, [status]);
-  return <Form
+  }, [status]), <Form
     alignItems="center"
     minWidth={300}
     gap

package/dist/jsx/FormsDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/FormsDemo.tsx"],
-  "mappings": "AAAA,SAAS,WAAW,gBAAgB;AACpC,SAAS,QAAQ,MAAM,IAAgB,eAAe;AAE/C,SAAS,UAAU,OAA6B;AACrD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA6C,KAAK;AAE9E,YAAU,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;AAEX,SACE,CAAC;AAAA,IACC,WAAW;AAAA,IACX,UAAU;AAAA,IACV;AAAA,IACA,UAAU,MAAM,UAAU,YAAY;AAAA,IACtC,aAAa;AAAA,IACb,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,QAAQ;AAAA;AAAA,IAER,CAAC,IAAI,OAAO,CAAC,EAAE,YAAY,IAAI,OAAO,MAAM,CAAC,EAAE,EAA9C;AAAA,IAED,CAAC,KAAK,QAAQ,QAAQ,UAAU,WAAW,OACzC,CAAC,OAAO,MAAM,WAAW,eAAe,MAAM,CAAC,QAAQ,KAAK,QAAW,MAEvE,EAFC,OAGH,EAJC,KAAK;AAAA,EAKR,EAlBC;AAoBL;",
+  "mappings": "AAAA,SAAS,WAAW,gBAAgB;AACpC,SAAS,QAAQ,MAAM,IAAgB,eAAe;AAE/C,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,CAAC;AAAA,IACC,WAAW;AAAA,IACX,UAAU;AAAA,IACV;AAAA,IACA,UAAU,MAAM,UAAU,YAAY;AAAA,IACtC,aAAa;AAAA,IACb,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,QAAQ;AAAA;AAAA,IAER,CAAC,IAAI,OAAO,CAAC,EAAE,YAAY,IAAI,OAAO,MAAM,CAAC,EAAE,EAA9C;AAAA,IAED,CAAC,KAAK,QAAQ,QAAQ,UAAU,WAAW,OACzC,CAAC,OAAO,MAAM,WAAW,eAAe,MAAM,CAAC,QAAQ,KAAK,QAAW,MAEvE,EAFC,OAGH,EAJC,KAAK;AAAA,EAKR,EAlBC;AAoBL;",
   "names": []
 }

package/dist/jsx/FormsDemo.native.js

@@ -0,0 +1,30 @@
+import { useEffect, useState } from "react";
+import { Button, Form, H4, Spinner } from "tamagui";
+function FormsDemo(props) {
+  const [status, setStatus] = useState("off");
+  return useEffect(() => {
+    if (status === "submitting") {
+      const timer = setTimeout(() => setStatus("off"), 2e3);
+      return () => {
+        clearTimeout(timer);
+      };
+    }
+  }, [status]), <Form
+    alignItems="center"
+    minWidth={300}
+    gap
+    onSubmit={() => setStatus("submitting")}
+    borderWidth={1}
+    borderRadius="$4"
+    backgroundColor="$background"
+    borderColor="$borderColor"
+    padding="$8"
+  >
+    <H4>{status[0].toUpperCase() + status.slice(1)}</H4>
+    <Form.Trigger asChild disabled={status !== "off"}><Button icon={status === "submitting" ? () => <Spinner /> : void 0}>Submit</Button></Form.Trigger>
+  </Form>;
+}
+export {
+  FormsDemo
+};
+//# sourceMappingURL=FormsDemo.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/FormsDemo.tsx"],
+  "mappings": "AAAA,SAAS,WAAW,gBAAgB;AACpC,SAAS,QAAQ,MAAM,IAAgB,eAAe;AAE/C,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,CAAC;AAAA,IACC,WAAW;AAAA,IACX,UAAU;AAAA,IACV;AAAA,IACA,UAAU,MAAM,UAAU,YAAY;AAAA,IACtC,aAAa;AAAA,IACb,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,QAAQ;AAAA;AAAA,IAER,CAAC,IAAI,OAAO,CAAC,EAAE,YAAY,IAAI,OAAO,MAAM,CAAC,EAAE,EAA9C;AAAA,IAED,CAAC,KAAK,QAAQ,QAAQ,UAAU,WAAW,OACzC,CAAC,OAAO,MAAM,WAAW,eAAe,MAAM,CAAC,QAAQ,KAAK,QAAW,MAEvE,EAFC,OAGH,EAJC,KAAK;AAAA,EAKR,EAlBC;AAoBL;",
+  "names": []
+}

package/dist/jsx/Grid.js

@@ -2,7 +2,7 @@ import { isWeb } from "@tamagui/core";
 import { XStack } from "@tamagui/stacks";
 import React from "react";
 function Grid({ children, columns, itemMinWidth = 200, gap }) {
-  if (isWeb) {
+  if (isWeb)
     return <div
       style={{
         gap,
@@ -13,20 +13,14 @@ function Grid({ children, columns, itemMinWidth = 200, gap }) {
         // gridTemplateColumns: '1fr 1fr',
       }}
     >{children}</div>;
-  }
   const childrenList = React.Children.toArray(children);
-  return <XStack alignItems="center" justifyContent="center" flexWrap="wrap">{childrenList.map((child, i) => {
-    if (!child) {
-      return null;
-    }
-    return <XStack
-      key={i}
-      flex={1}
-      minWidth={itemMinWidth}
-      marginRight={gap}
-      marginBottom={gap}
-    >{child}</XStack>;
-  })}</XStack>;
+  return <XStack alignItems="center" justifyContent="center" flexWrap="wrap">{childrenList.map((child, i) => child ? <XStack
+    key={i}
+    flex={1}
+    minWidth={itemMinWidth}
+    marginRight={gap}
+    marginBottom={gap}
+  >{child}</XStack> : null)}</XStack>;
 }
 export {
   Grid

package/dist/jsx/Grid.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Grid.tsx"],
-  "mappings": "AAAA,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,OAAO,WAAW;AASX,SAAS,KAAK,EAAE,UAAU,SAAS,eAAe,KAAK,IAAI,GAAc;AAC9E,MAAI,OAAO;AACT,WACE,CAAC;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA,SAAS;AAAA,QACT,gBAAgB;AAAA;AAAA,QAEhB,qBAAqB,4BAA4B,YAAY;AAAA;AAAA,MAE/D;AAAA,MAEC,SACH,EAXC;AAAA,EAaL;AAEA,QAAM,eAAe,MAAM,SAAS,QAAQ,QAAQ;AAEpD,SACE,CAAC,OAAO,WAAW,SAAS,eAAe,SAAS,SAAS,QAC1D,aAAa,IAAI,CAAC,OAAO,MAAM;AAC9B,QAAI,CAAC,OAAO;AACV,aAAO;AAAA,IACT;AAGA,WACE,CAAC;AAAA,MACC,KAAK;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa;AAAA,MACb,cAAc;AAAA,MAEb,MACH,EARC;AAAA,EAUL,CAAC,EACH,EAnBC;AAqBL;",
+  "mappings": "AAAA,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,OAAO,WAAW;AASX,SAAS,KAAK,EAAE,UAAU,SAAS,eAAe,KAAK,IAAI,GAAc;AAC9E,MAAI;AACF,WACE,CAAC;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA,SAAS;AAAA,QACT,gBAAgB;AAAA;AAAA,QAEhB,qBAAqB,4BAA4B,YAAY;AAAA;AAAA,MAE/D;AAAA,MAEC,SACH,EAXC;AAeL,QAAM,eAAe,MAAM,SAAS,QAAQ,QAAQ;AAEpD,SACE,CAAC,OAAO,WAAW,SAAS,eAAe,SAAS,SAAS,QAC1D,aAAa,IAAI,CAAC,OAAO,MACnB,QAMH,CAAC;AAAA,IACC,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,aAAa;AAAA,IACb,cAAc;AAAA,IAEb,MACH,EARC,UALM,IAeV,EACH,EAnBC;AAqBL;",
   "names": []
 }

package/dist/jsx/Grid.native.js

@@ -0,0 +1,28 @@
+import { isWeb } from "@tamagui/core";
+import { XStack } from "@tamagui/stacks";
+import React from "react";
+function Grid({ children, columns, itemMinWidth = 200, gap }) {
+  if (isWeb)
+    return <div
+      style={{
+        gap,
+        display: "grid",
+        justifyContent: "stretch",
+        // gridTemplateRows: 'repeat(4, 1fr)',
+        gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
+        // gridTemplateColumns: '1fr 1fr',
+      }}
+    >{children}</div>;
+  const childrenList = React.Children.toArray(children);
+  return <XStack alignItems="center" justifyContent="center" flexWrap="wrap">{childrenList.map((child, i) => child ? <XStack
+    key={i}
+    flex={1}
+    minWidth={itemMinWidth}
+    marginRight={gap}
+    marginBottom={gap}
+  >{child}</XStack> : null)}</XStack>;
+}
+export {
+  Grid
+};
+//# sourceMappingURL=Grid.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Grid.tsx"],
+  "mappings": "AAAA,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,OAAO,WAAW;AASX,SAAS,KAAK,EAAE,UAAU,SAAS,eAAe,KAAK,IAAI,GAAc;AAC9E,MAAI;AACF,WACE,CAAC;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA,SAAS;AAAA,QACT,gBAAgB;AAAA;AAAA,QAEhB,qBAAqB,4BAA4B,YAAY;AAAA;AAAA,MAE/D;AAAA,MAEC,SACH,EAXC;AAeL,QAAM,eAAe,MAAM,SAAS,QAAQ,QAAQ;AAEpD,SACE,CAAC,OAAO,WAAW,SAAS,eAAe,SAAS,SAAS,QAC1D,aAAa,IAAI,CAAC,OAAO,MACnB,QAMH,CAAC;AAAA,IACC,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,aAAa;AAAA,IACb,cAAc;AAAA,IAEb,MACH,EARC,UALM,IAeV,EACH,EAnBC;AAqBL;",
+  "names": []
+}

package/dist/jsx/GroupDemo.native.js

@@ -0,0 +1,30 @@
+import { Activity, Airplay } from "@tamagui/lucide-icons";
+import { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from "tamagui";
+function GroupDemo() {
+  return <YStack padding="$3" space="$2" alignItems="center">
+    <Group orientation="horizontal">
+      <Group.Item><Button>First</Button></Group.Item>
+      <Group.Item><Button>Second</Button></Group.Item>
+      <Group.Item><Button>Third</Button></Group.Item>
+    </Group>
+    {
+      /* responsive + size */
+    }
+    <XGroup size="$3" $gtSm={{ size: "$5" }}>
+      <XGroup.Item><Button size="$3" icon={Activity}>First</Button></XGroup.Item>
+      <XGroup.Item><Button size="$3" icon={Airplay}>Second</Button></XGroup.Item>
+    </XGroup>
+    {
+      /* Separator */
+    }
+    <YGroup separator={<Separator />}>
+      <YGroup.Item><ListItem title="First" /></YGroup.Item>
+      <YGroup.Item><ListItem title="Second" subTitle="Second subtitle" /></YGroup.Item>
+      <YGroup.Item><ListItem>Third</ListItem></YGroup.Item>
+    </YGroup>
+  </YStack>;
+}
+export {
+  GroupDemo
+};
+//# sourceMappingURL=GroupDemo.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/GroupDemo.tsx"],
+  "mappings": "AAAA,SAAS,UAAU,eAAe;AAClC,SAAS,QAAQ,OAAO,UAAU,WAAW,QAAQ,QAAQ,cAAc;AAEpE,SAAS,YAAY;AAC1B,SACE,CAAC,OAAO,QAAQ,KAAK,MAAM,KAAK,WAAW;AAAA,IACzC,CAAC,MAAM,YAAY;AAAA,MACjB,CAAC,MAAM,KACL,CAAC,OAAO,KAAK,EAAZ,OACH,EAFC,MAAM;AAAA,MAGP,CAAC,MAAM,KACL,CAAC,OAAO,MAAM,EAAb,OACH,EAFC,MAAM;AAAA,MAGP,CAAC,MAAM,KACL,CAAC,OAAO,KAAK,EAAZ,OACH,EAFC,MAAM;AAAA,IAGT,EAVC;AAAA;AAAA;AAAA;AAAA,IAaD,CAAC,OAAO,KAAK,KAAK,OAAO,EAAE,MAAM,KAAK;AAAA,MACpC,CAAC,OAAO,KACN,CAAC,OAAO,KAAK,KAAK,MAAM,UAAU,KAElC,EAFC,OAGH,EAJC,OAAO;AAAA,MAKR,CAAC,OAAO,KACN,CAAC,OAAO,KAAK,KAAK,MAAM,SAAS,MAEjC,EAFC,OAGH,EAJC,OAAO;AAAA,IAKV,EAXC;AAAA;AAAA;AAAA;AAAA,IAcD,CAAC,OAAO,WAAW,CAAC,UAAU;AAAA,MAC5B,CAAC,OAAO,KACN,CAAC,SAAS,MAAM,QAAQ,EAC1B,EAFC,OAAO;AAAA,MAGR,CAAC,OAAO,KACN,CAAC,SAAS,MAAM,SAAS,SAAS,kBAAkB,EACtD,EAFC,OAAO;AAAA,MAGR,CAAC,OAAO,KACN,CAAC,SAAS,KAAK,EAAd,SACH,EAFC,OAAO;AAAA,IAGV,EAVC;AAAA,EAWH,EAvCC;AAyCL;",
+  "names": []
+}

package/dist/jsx/HeadingsDemo.native.js

@@ -0,0 +1,15 @@
+import { H1, H2, H3, H4, H5, H6, YStack } from "tamagui";
+function HeadingsDemo() {
+  return <YStack alignSelf="center">
+    <H1>Heading 1</H1>
+    <H2>Heading 2</H2>
+    <H3>Heading 3</H3>
+    <H4>Heading 4</H4>
+    <H5>Heading 5</H5>
+    <H6>Heading 6</H6>
+  </YStack>;
+}
+export {
+  HeadingsDemo
+};
+//# sourceMappingURL=HeadingsDemo.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/HeadingsDemo.tsx"],
+  "mappings": "AACA,SAAS,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,cAAc;AAExC,SAAS,eAAe;AAC7B,SACE,CAAC,OAAO,UAAU;AAAA,IAChB,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,IACD,CAAC,GAAG,SAAS,EAAZ;AAAA,EACH,EAPC;AASL;",
+  "names": []
+}

package/dist/jsx/ImageDemo.native.js

@@ -0,0 +1,14 @@
+import { Image } from "tamagui";
+function ImageDemo() {
+  return <Image
+    source={{
+      uri: "https://placekitten.com/200/300",
+      width: 200,
+      height: 300
+    }}
+  />;
+}
+export {
+  ImageDemo
+};
+//# sourceMappingURL=ImageDemo.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/ImageDemo.tsx"],
+  "mappings": "AAAA,SAAS,aAAa;AAEf,SAAS,YAAY;AAC1B,SACE,CAAC;AAAA,IACC,QAAQ;AAAA,MACN,KAAK;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/jsx/InputsDemo.native.js

@@ -0,0 +1,26 @@
+import { Button, Input, TextArea, XStack, YStack } from "tamagui";
+function InputsDemo() {
+  return <YStack
+    width={200}
+    minHeight={250}
+    overflow="hidden"
+    space="$2"
+    margin="$3"
+    padding="$2"
+  >
+    <InputDemo size="$2" />
+    <InputDemo size="$3" />
+    <InputDemo size="$4" />
+    <TextArea placeholder="Enter your details..." />
+  </YStack>;
+}
+function InputDemo(props) {
+  return <XStack alignItems="center" space="$2">
+    <Input flex={1} size={props.size} placeholder={`Size ${props.size}...`} />
+    <Button size={props.size}>Go</Button>
+  </XStack>;
+}
+export {
+  InputsDemo
+};
+//# sourceMappingURL=InputsDemo.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/InputsDemo.tsx"],
+  "mappings": "AAAA,SAAS,QAAQ,OAAmB,UAAU,QAAQ,cAAc;AAE7D,SAAS,aAAa;AAC3B,SACE,CAAC;AAAA,IACC,OAAO;AAAA,IACP,WAAW;AAAA,IACX,SAAS;AAAA,IACT,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA;AAAA,IAER,CAAC,UAAU,KAAK,KAAK;AAAA,IACrB,CAAC,UAAU,KAAK,KAAK;AAAA,IACrB,CAAC,UAAU,KAAK,KAAK;AAAA,IACrB,CAAC,SAAS,YAAY,wBAAwB;AAAA,EAChD,EAZC;AAcL;AAEA,SAAS,UAAU,OAA6B;AAC9C,SACE,CAAC,OAAO,WAAW,SAAS,MAAM;AAAA,IAChC,CAAC,MAAM,MAAM,GAAG,MAAM,MAAM,MAAM,aAAa,QAAQ,MAAM,IAAI,OAAO;AAAA,IACxE,CAAC,OAAO,MAAM,MAAM,MAAM,EAAE,EAA3B;AAAA,EACH,EAHC;AAKL;",
+  "names": []
+}

package/dist/jsx/LabelDemo.native.js

@@ -0,0 +1,17 @@
+import { Input, Label, Switch, XStack, YStack } from "tamagui";
+function LabelDemo() {
+  return <YStack padding="$3" minWidth={300} space="$4">
+    <XStack alignItems="center" space="$4">
+      <Label width={90} htmlFor="name">Name</Label>
+      <Input flex={1} id="name" defaultValue="Nate Wienert" />
+    </XStack>
+    <XStack alignItems="center" space="$4">
+      <Label width={90} htmlFor="notify">Notifications</Label>
+      <Switch id="notify"><Switch.Thumb animation="quick" /></Switch>
+    </XStack>
+  </YStack>;
+}
+export {
+  LabelDemo
+};
+//# sourceMappingURL=LabelDemo.js.map