@tamagui/demos 1.0.1-rc.9 → 1.0.1

package/dist/cjs/DialogDemo.js

@@ -73,10 +73,6 @@ function DialogDemo() {
             ],
             enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.9 },
             exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
-            x: 0,
-            scale: 1,
-            opacity: 1,
-            y: 0,
             space: true,
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Title, {

package/dist/cjs/DialogDemo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DialogDemo.tsx"],
-  "sourcesContent": ["import { X } from '@tamagui/lucide-icons'\nimport {\n  Adapt,\n  Button,\n  Dialog,\n  Fieldset,\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={200_000} 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        <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          x={0}\n          scale={1}\n          opacity={1}\n          y={0}\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 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;AAmBQ;AAnBR,0BAAkB;AAClB,qBAUO;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,UAAS,OAAK;AAAA,UAAC,uBAAqB;AAAA,UACjD;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,UACA,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,GAAG;AAAA,YACH,OAAO;AAAA,YACP,SAAS;AAAA,YACT,GAAG;AAAA,YACH,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,SAAO;AAAA,kBACnB,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,aA9CI,SA+CN;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;",
+  "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={200_000} 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        <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 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,UAAS,OAAK;AAAA,UAAC,uBAAqB;AAAA,UACjD;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,UACA,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,SAAO;AAAA,kBACnB,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;",
   "names": []
 }

package/dist/cjs/FormsDemo.js

@@ -42,6 +42,7 @@ function FormsDemo() {
         size: "$4"
       }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TextArea, {
+        mih: 140,
         placeholder: "Enter your details...",
         numberOfLines: 4
       })

package/dist/cjs/FormsDemo.js.map

@@ -1,7 +1,7 @@
 {
   "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 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,aAAY;AAAA,QAAwB,eAAe;AAAA,OAAG;AAAA;AAAA,GAClE;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;",
+  "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;",
   "names": []
 }

package/dist/cjs/PopoverDemo.js

@@ -96,17 +96,30 @@ function Demo({ Icon, ...props }) {
             bw: 1,
             boc: "$borderColor"
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YGroup, {
             space: "$3",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
-                size: "$3",
-                htmlFor: "name",
-                children: "Name"
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+                space: "$3",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+                    size: "$3",
+                    htmlFor: "name",
+                    children: "Name"
+                  }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, {
+                    size: "$3",
+                    id: "name"
+                  })
+                ]
               }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, {
-                size: "$3",
-                id: "name"
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+                  size: "$3",
+                  onPress: () => {
+                  },
+                  children: "Submit"
+                })
               })
             ]
           })

package/dist/cjs/PopoverDemo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/PopoverDemo.tsx"],
-  "sourcesContent": ["import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from '@tamagui/lucide-icons'\nimport { Adapt, Button, Input, Label, Popover, PopoverProps, XStack } from 'tamagui'\n\nexport function PopoverDemo() {\n  return (\n    <XStack space=\"$2\">\n      <Demo placement=\"left\" Icon={ChevronLeft} />\n      <Demo placement=\"bottom\" Icon={ChevronDown} />\n      <Demo placement=\"top\" Icon={ChevronUp} />\n      <Demo placement=\"right\" Icon={ChevronRight} />\n    </XStack>\n  )\n}\n\nexport function Demo({ Icon, ...props }: PopoverProps & { Icon?: any }) {\n  return (\n    <Popover size=\"$5\" {...props}>\n      <Popover.Trigger asChild>\n        <Button icon={Icon} />\n      </Popover.Trigger>\n\n      <Adapt when=\"sm\" platform=\"touch\">\n        <Popover.Sheet modal dismissOnSnapToBottom>\n          <Popover.Sheet.Frame padding=\"$4\">\n            <Adapt.Contents />\n          </Popover.Sheet.Frame>\n          <Popover.Sheet.Overlay />\n        </Popover.Sheet>\n      </Adapt>\n\n      <Popover.Content\n        bw={1}\n        boc=\"$borderColor\"\n        enterStyle={{ x: 0, y: -10, o: 0 }}\n        exitStyle={{ x: 0, y: -10, o: 0 }}\n        x={0}\n        y={0}\n        o={1}\n        animation={[\n          'quick',\n          {\n            opacity: {\n              overshootClamping: true,\n            },\n          },\n        ]}\n        elevate\n      >\n        <Popover.Arrow bw={1} boc=\"$borderColor\" />\n\n        <XStack space=\"$3\">\n          <Label size=\"$3\" htmlFor=\"name\">\n            Name\n          </Label>\n          <Input size=\"$3\" id=\"name\" />\n        </XStack>\n      </Popover.Content>\n    </Popover>\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKI;AALJ,0BAAkE;AAClE,qBAA2E;AAEpE,SAAS,cAAc;AAC5B,SACE,6CAAC;AAAA,IAAO,OAAM;AAAA,IACZ;AAAA,kDAAC;AAAA,QAAK,WAAU;AAAA,QAAO,MAAM;AAAA,OAAa;AAAA,MAC1C,4CAAC;AAAA,QAAK,WAAU;AAAA,QAAS,MAAM;AAAA,OAAa;AAAA,MAC5C,4CAAC;AAAA,QAAK,WAAU;AAAA,QAAM,MAAM;AAAA,OAAW;AAAA,MACvC,4CAAC;AAAA,QAAK,WAAU;AAAA,QAAQ,MAAM;AAAA,OAAc;AAAA;AAAA,GAC9C;AAEJ;AAEO,SAAS,KAAK,EAAE,SAAS,MAAM,GAAkC;AACtE,SACE,6CAAC;AAAA,IAAQ,MAAK;AAAA,IAAM,GAAG;AAAA,IACrB;AAAA,kDAAC,uBAAQ,SAAR;AAAA,QAAgB,SAAO;AAAA,QACtB,sDAAC;AAAA,UAAO,MAAM;AAAA,SAAM;AAAA,OACtB;AAAA,MAEA,4CAAC;AAAA,QAAM,MAAK;AAAA,QAAK,UAAS;AAAA,QACxB,uDAAC,uBAAQ,OAAR;AAAA,UAAc,OAAK;AAAA,UAAC,uBAAqB;AAAA,UACxC;AAAA,wDAAC,uBAAQ,MAAM,OAAd;AAAA,cAAoB,SAAQ;AAAA,cAC3B,sDAAC,qBAAM,UAAN,EAAe;AAAA,aAClB;AAAA,YACA,4CAAC,uBAAQ,MAAM,SAAd,EAAsB;AAAA;AAAA,SACzB;AAAA,OACF;AAAA,MAEA,6CAAC,uBAAQ,SAAR;AAAA,QACC,IAAI;AAAA,QACJ,KAAI;AAAA,QACJ,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,GAAG,EAAE;AAAA,QACjC,WAAW,EAAE,GAAG,GAAG,GAAG,KAAK,GAAG,EAAE;AAAA,QAChC,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAG;AAAA,QACH,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QACA,SAAO;AAAA,QAEP;AAAA,sDAAC,uBAAQ,OAAR;AAAA,YAAc,IAAI;AAAA,YAAG,KAAI;AAAA,WAAe;AAAA,UAEzC,6CAAC;AAAA,YAAO,OAAM;AAAA,YACZ;AAAA,0DAAC;AAAA,gBAAM,MAAK;AAAA,gBAAK,SAAQ;AAAA,gBAAO;AAAA,eAEhC;AAAA,cACA,4CAAC;AAAA,gBAAM,MAAK;AAAA,gBAAK,IAAG;AAAA,eAAO;AAAA;AAAA,WAC7B;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;",
+  "sourcesContent": ["import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from '@tamagui/lucide-icons'\nimport {\n  Adapt,\n  Button,\n  Input,\n  Label,\n  Popover,\n  PopoverProps,\n  XStack,\n  YGroup,\n} from 'tamagui'\n\nexport function PopoverDemo() {\n  return (\n    <XStack space=\"$2\">\n      <Demo placement=\"left\" Icon={ChevronLeft} />\n      <Demo placement=\"bottom\" Icon={ChevronDown} />\n      <Demo placement=\"top\" Icon={ChevronUp} />\n      <Demo placement=\"right\" Icon={ChevronRight} />\n    </XStack>\n  )\n}\n\nexport function Demo({ Icon, ...props }: PopoverProps & { Icon?: any }) {\n  return (\n    <Popover size=\"$5\" {...props}>\n      <Popover.Trigger asChild>\n        <Button icon={Icon} />\n      </Popover.Trigger>\n\n      <Adapt when=\"sm\" platform=\"touch\">\n        <Popover.Sheet modal dismissOnSnapToBottom>\n          <Popover.Sheet.Frame padding=\"$4\">\n            <Adapt.Contents />\n          </Popover.Sheet.Frame>\n          <Popover.Sheet.Overlay />\n        </Popover.Sheet>\n      </Adapt>\n\n      <Popover.Content\n        bw={1}\n        boc=\"$borderColor\"\n        enterStyle={{ x: 0, y: -10, o: 0 }}\n        exitStyle={{ x: 0, y: -10, o: 0 }}\n        x={0}\n        y={0}\n        o={1}\n        animation={[\n          'quick',\n          {\n            opacity: {\n              overshootClamping: true,\n            },\n          },\n        ]}\n        elevate\n      >\n        <Popover.Arrow bw={1} boc=\"$borderColor\" />\n\n        <YGroup space=\"$3\">\n          <XStack space=\"$3\">\n            <Label size=\"$3\" htmlFor=\"name\">\n              Name\n            </Label>\n            <Input size=\"$3\" id=\"name\" />\n          </XStack>\n          <Popover.Trigger>\n            <Button\n              size=\"$3\"\n              onPress={() => {\n                /* Custom code goes here, does not interfere with popover closure */\n              }}\n            >\n              Submit\n            </Button>\n          </Popover.Trigger>\n        </YGroup>\n      </Popover.Content>\n    </Popover>\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcI;AAdJ,0BAAkE;AAClE,qBASO;AAEA,SAAS,cAAc;AAC5B,SACE,6CAAC;AAAA,IAAO,OAAM;AAAA,IACZ;AAAA,kDAAC;AAAA,QAAK,WAAU;AAAA,QAAO,MAAM;AAAA,OAAa;AAAA,MAC1C,4CAAC;AAAA,QAAK,WAAU;AAAA,QAAS,MAAM;AAAA,OAAa;AAAA,MAC5C,4CAAC;AAAA,QAAK,WAAU;AAAA,QAAM,MAAM;AAAA,OAAW;AAAA,MACvC,4CAAC;AAAA,QAAK,WAAU;AAAA,QAAQ,MAAM;AAAA,OAAc;AAAA;AAAA,GAC9C;AAEJ;AAEO,SAAS,KAAK,EAAE,SAAS,MAAM,GAAkC;AACtE,SACE,6CAAC;AAAA,IAAQ,MAAK;AAAA,IAAM,GAAG;AAAA,IACrB;AAAA,kDAAC,uBAAQ,SAAR;AAAA,QAAgB,SAAO;AAAA,QACtB,sDAAC;AAAA,UAAO,MAAM;AAAA,SAAM;AAAA,OACtB;AAAA,MAEA,4CAAC;AAAA,QAAM,MAAK;AAAA,QAAK,UAAS;AAAA,QACxB,uDAAC,uBAAQ,OAAR;AAAA,UAAc,OAAK;AAAA,UAAC,uBAAqB;AAAA,UACxC;AAAA,wDAAC,uBAAQ,MAAM,OAAd;AAAA,cAAoB,SAAQ;AAAA,cAC3B,sDAAC,qBAAM,UAAN,EAAe;AAAA,aAClB;AAAA,YACA,4CAAC,uBAAQ,MAAM,SAAd,EAAsB;AAAA;AAAA,SACzB;AAAA,OACF;AAAA,MAEA,6CAAC,uBAAQ,SAAR;AAAA,QACC,IAAI;AAAA,QACJ,KAAI;AAAA,QACJ,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,GAAG,EAAE;AAAA,QACjC,WAAW,EAAE,GAAG,GAAG,GAAG,KAAK,GAAG,EAAE;AAAA,QAChC,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAG;AAAA,QACH,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QACA,SAAO;AAAA,QAEP;AAAA,sDAAC,uBAAQ,OAAR;AAAA,YAAc,IAAI;AAAA,YAAG,KAAI;AAAA,WAAe;AAAA,UAEzC,6CAAC;AAAA,YAAO,OAAM;AAAA,YACZ;AAAA,2DAAC;AAAA,gBAAO,OAAM;AAAA,gBACZ;AAAA,8DAAC;AAAA,oBAAM,MAAK;AAAA,oBAAK,SAAQ;AAAA,oBAAO;AAAA,mBAEhC;AAAA,kBACA,4CAAC;AAAA,oBAAM,MAAK;AAAA,oBAAK,IAAG;AAAA,mBAAO;AAAA;AAAA,eAC7B;AAAA,cACA,4CAAC,uBAAQ,SAAR;AAAA,gBACC,sDAAC;AAAA,kBACC,MAAK;AAAA,kBACL,SAAS,MAAM;AAAA,kBAEf;AAAA,kBACD;AAAA,iBAED;AAAA,eACF;AAAA;AAAA,WACF;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;",
   "names": []
 }

package/dist/cjs/SheetDemo.js

@@ -29,7 +29,7 @@ var import_tamagui = require("tamagui");
 const SheetDemo = () => {
   const [position, setPosition] = (0, import_react.useState)(0);
   const [open, setOpen] = (0, import_react.useState)(false);
-  const [modal, setModal] = (0, import_react.useState)(true);
+  const [modal, setModal] = (0, import_react.useState)(false);
   const [innerOpen, setInnerOpen] = (0, import_react.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
     children: [
@@ -47,6 +47,7 @@ const SheetDemo = () => {
         ]
       }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sheet.Sheet, {
+        forceRemoveScrollEnabled: open,
         modal,
         open,
         onOpenChange: setOpen,

package/dist/cjs/SheetDemo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/SheetDemo.tsx"],
-  "sourcesContent": ["import { ChevronDown, ChevronUp } from '@tamagui/lucide-icons'\nimport { Sheet } from '@tamagui/sheet'\nimport { SheetProps } from '@tamagui/sheet/types/types'\nimport { useState } from 'react'\nimport { Button, H1, H2, Paragraph, PortalItem, Square, XStack } from 'tamagui'\n\nexport const SheetDemo = () => {\n  const [position, setPosition] = useState(0)\n  const [open, setOpen] = useState(false)\n  const [modal, setModal] = useState(true)\n  const [innerOpen, setInnerOpen] = useState(false)\n\n  return (\n    <>\n      <XStack space>\n        <Button onPress={() => setOpen(true)}>Open</Button>\n        <Button onPress={() => setModal((x) => !x)}>\n          {modal ? 'Type: Modal' : 'Type: Inline'}\n        </Button>\n      </XStack>\n\n      <Sheet\n        modal={modal}\n        open={open}\n        onOpenChange={setOpen}\n        snapPoints={[85, 50, 25]}\n        dismissOnSnapToBottom\n        position={position}\n        onPositionChange={setPosition}\n        zIndex={100_000}\n      >\n        <Sheet.Overlay />\n        <Sheet.Handle />\n        <Sheet.Frame f={1} p=\"$4\" jc=\"center\" ai=\"center\" space=\"$5\">\n          <Button size=\"$6\" circular icon={ChevronDown} onPress={() => setOpen(false)} />\n          <Button\n            size=\"$6\"\n            circular\n            icon={ChevronUp}\n            onPress={() => setInnerOpen(true)}\n          ></Button>\n          <InnerSheet open={innerOpen} onOpenChange={setInnerOpen} />\n        </Sheet.Frame>\n      </Sheet>\n    </>\n  )\n}\n\nfunction InnerSheet(props: SheetProps) {\n  return (\n    <Sheet modal snapPoints={[90]} dismissOnSnapToBottom {...props}>\n      <Sheet.Overlay />\n      <Sheet.Handle />\n      <Sheet.Frame f={1} jc=\"center\" ai=\"center\" space=\"$5\">\n        <Sheet.ScrollView p=\"$4\" space>\n          <Button\n            size=\"$8\"\n            circular\n            als=\"center\"\n            icon={ChevronDown}\n            onPress={() => props.onOpenChange?.(false)}\n          />\n          <H1>Hello world</H1>\n          <H2>You can scroll me</H2>\n          {[1, 2, 3].map((i) => (\n            <Paragraph key={i} size=\"$10\">\n              Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad\n              pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation\n              ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat\n              ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco\n              velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint.\n            </Paragraph>\n          ))}\n        </Sheet.ScrollView>\n      </Sheet.Frame>\n    </Sheet>\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAaI;AAbJ,0BAAuC;AACvC,mBAAsB;AAEtB,mBAAyB;AACzB,qBAAsE;AAE/D,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,CAAC;AAC1C,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AACtC,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,IAAI;AACvC,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAEhD,SACE;AAAA,IACE;AAAA,mDAAC;AAAA,QAAO,OAAK;AAAA,QACX;AAAA,sDAAC;AAAA,YAAO,SAAS,MAAM,QAAQ,IAAI;AAAA,YAAG;AAAA,WAAI;AAAA,UAC1C,4CAAC;AAAA,YAAO,SAAS,MAAM,SAAS,CAAC,MAAM,CAAC,CAAC;AAAA,YACtC,kBAAQ,gBAAgB;AAAA,WAC3B;AAAA;AAAA,OACF;AAAA,MAEA,6CAAC;AAAA,QACC;AAAA,QACA;AAAA,QACA,cAAc;AAAA,QACd,YAAY,CAAC,IAAI,IAAI,EAAE;AAAA,QACvB,uBAAqB;AAAA,QACrB;AAAA,QACA,kBAAkB;AAAA,QAClB,QAAQ;AAAA,QAER;AAAA,sDAAC,mBAAM,SAAN,EAAc;AAAA,UACf,4CAAC,mBAAM,QAAN,EAAa;AAAA,UACd,6CAAC,mBAAM,OAAN;AAAA,YAAY,GAAG;AAAA,YAAG,GAAE;AAAA,YAAK,IAAG;AAAA,YAAS,IAAG;AAAA,YAAS,OAAM;AAAA,YACtD;AAAA,0DAAC;AAAA,gBAAO,MAAK;AAAA,gBAAK,UAAQ;AAAA,gBAAC,MAAM;AAAA,gBAAa,SAAS,MAAM,QAAQ,KAAK;AAAA,eAAG;AAAA,cAC7E,4CAAC;AAAA,gBACC,MAAK;AAAA,gBACL,UAAQ;AAAA,gBACR,MAAM;AAAA,gBACN,SAAS,MAAM,aAAa,IAAI;AAAA,eACjC;AAAA,cACD,4CAAC;AAAA,gBAAW,MAAM;AAAA,gBAAW,cAAc;AAAA,eAAc;AAAA;AAAA,WAC3D;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;AAEA,SAAS,WAAW,OAAmB;AACrC,SACE,6CAAC;AAAA,IAAM,OAAK;AAAA,IAAC,YAAY,CAAC,EAAE;AAAA,IAAG,uBAAqB;AAAA,IAAE,GAAG;AAAA,IACvD;AAAA,kDAAC,mBAAM,SAAN,EAAc;AAAA,MACf,4CAAC,mBAAM,QAAN,EAAa;AAAA,MACd,4CAAC,mBAAM,OAAN;AAAA,QAAY,GAAG;AAAA,QAAG,IAAG;AAAA,QAAS,IAAG;AAAA,QAAS,OAAM;AAAA,QAC/C,uDAAC,mBAAM,YAAN;AAAA,UAAiB,GAAE;AAAA,UAAK,OAAK;AAAA,UAC5B;AAAA,wDAAC;AAAA,cACC,MAAK;AAAA,cACL,UAAQ;AAAA,cACR,KAAI;AAAA,cACJ,MAAM;AAAA,cACN,SAAS,MAAG;AA5DxB;AA4D2B,mCAAM,iBAAN,+BAAqB;AAAA;AAAA,aACtC;AAAA,YACA,4CAAC;AAAA,cAAG;AAAA,aAAW;AAAA,YACf,4CAAC;AAAA,cAAG;AAAA,aAAiB;AAAA,YACpB,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MACd,4CAAC;AAAA,cAAkB,MAAK;AAAA,cAAM;AAAA,eAAd,CAMhB,CACD;AAAA;AAAA,SACH;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;",
+  "sourcesContent": ["import { ChevronDown, ChevronUp } from '@tamagui/lucide-icons'\nimport { Sheet } from '@tamagui/sheet'\nimport { SheetProps } from '@tamagui/sheet/types/types'\nimport { useState } from 'react'\nimport { Button, H1, H2, Paragraph, XStack } from 'tamagui'\n\nexport const SheetDemo = () => {\n  const [position, setPosition] = useState(0)\n  const [open, setOpen] = useState(false)\n  const [modal, setModal] = useState(false)\n  const [innerOpen, setInnerOpen] = useState(false)\n\n  return (\n    <>\n      <XStack space>\n        <Button onPress={() => setOpen(true)}>Open</Button>\n        <Button onPress={() => setModal((x) => !x)}>\n          {modal ? 'Type: Modal' : 'Type: Inline'}\n        </Button>\n      </XStack>\n\n      <Sheet\n        forceRemoveScrollEnabled={open}\n        modal={modal}\n        open={open}\n        onOpenChange={setOpen}\n        snapPoints={[85, 50, 25]}\n        dismissOnSnapToBottom\n        position={position}\n        onPositionChange={setPosition}\n        zIndex={100_000}\n      >\n        <Sheet.Overlay />\n        <Sheet.Handle />\n        <Sheet.Frame f={1} p=\"$4\" jc=\"center\" ai=\"center\" space=\"$5\">\n          <Button size=\"$6\" circular icon={ChevronDown} onPress={() => setOpen(false)} />\n          <Button\n            size=\"$6\"\n            circular\n            icon={ChevronUp}\n            onPress={() => setInnerOpen(true)}\n          ></Button>\n          <InnerSheet open={innerOpen} onOpenChange={setInnerOpen} />\n        </Sheet.Frame>\n      </Sheet>\n    </>\n  )\n}\n\nfunction InnerSheet(props: SheetProps) {\n  return (\n    <Sheet modal snapPoints={[90]} dismissOnSnapToBottom {...props}>\n      <Sheet.Overlay />\n      <Sheet.Handle />\n      <Sheet.Frame f={1} jc=\"center\" ai=\"center\" space=\"$5\">\n        <Sheet.ScrollView p=\"$4\" space>\n          <Button\n            size=\"$8\"\n            circular\n            als=\"center\"\n            icon={ChevronDown}\n            onPress={() => props.onOpenChange?.(false)}\n          />\n          <H1>Hello world</H1>\n          <H2>You can scroll me</H2>\n          {[1, 2, 3].map((i) => (\n            <Paragraph key={i} size=\"$10\">\n              Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad\n              pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation\n              ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat\n              ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco\n              velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint.\n            </Paragraph>\n          ))}\n        </Sheet.ScrollView>\n      </Sheet.Frame>\n    </Sheet>\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAaI;AAbJ,0BAAuC;AACvC,mBAAsB;AAEtB,mBAAyB;AACzB,qBAAkD;AAE3C,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,CAAC;AAC1C,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AACtC,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,KAAK;AACxC,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAEhD,SACE;AAAA,IACE;AAAA,mDAAC;AAAA,QAAO,OAAK;AAAA,QACX;AAAA,sDAAC;AAAA,YAAO,SAAS,MAAM,QAAQ,IAAI;AAAA,YAAG;AAAA,WAAI;AAAA,UAC1C,4CAAC;AAAA,YAAO,SAAS,MAAM,SAAS,CAAC,MAAM,CAAC,CAAC;AAAA,YACtC,kBAAQ,gBAAgB;AAAA,WAC3B;AAAA;AAAA,OACF;AAAA,MAEA,6CAAC;AAAA,QACC,0BAA0B;AAAA,QAC1B;AAAA,QACA;AAAA,QACA,cAAc;AAAA,QACd,YAAY,CAAC,IAAI,IAAI,EAAE;AAAA,QACvB,uBAAqB;AAAA,QACrB;AAAA,QACA,kBAAkB;AAAA,QAClB,QAAQ;AAAA,QAER;AAAA,sDAAC,mBAAM,SAAN,EAAc;AAAA,UACf,4CAAC,mBAAM,QAAN,EAAa;AAAA,UACd,6CAAC,mBAAM,OAAN;AAAA,YAAY,GAAG;AAAA,YAAG,GAAE;AAAA,YAAK,IAAG;AAAA,YAAS,IAAG;AAAA,YAAS,OAAM;AAAA,YACtD;AAAA,0DAAC;AAAA,gBAAO,MAAK;AAAA,gBAAK,UAAQ;AAAA,gBAAC,MAAM;AAAA,gBAAa,SAAS,MAAM,QAAQ,KAAK;AAAA,eAAG;AAAA,cAC7E,4CAAC;AAAA,gBACC,MAAK;AAAA,gBACL,UAAQ;AAAA,gBACR,MAAM;AAAA,gBACN,SAAS,MAAM,aAAa,IAAI;AAAA,eACjC;AAAA,cACD,4CAAC;AAAA,gBAAW,MAAM;AAAA,gBAAW,cAAc;AAAA,eAAc;AAAA;AAAA,WAC3D;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;AAEA,SAAS,WAAW,OAAmB;AACrC,SACE,6CAAC;AAAA,IAAM,OAAK;AAAA,IAAC,YAAY,CAAC,EAAE;AAAA,IAAG,uBAAqB;AAAA,IAAE,GAAG;AAAA,IACvD;AAAA,kDAAC,mBAAM,SAAN,EAAc;AAAA,MACf,4CAAC,mBAAM,QAAN,EAAa;AAAA,MACd,4CAAC,mBAAM,OAAN;AAAA,QAAY,GAAG;AAAA,QAAG,IAAG;AAAA,QAAS,IAAG;AAAA,QAAS,OAAM;AAAA,QAC/C,uDAAC,mBAAM,YAAN;AAAA,UAAiB,GAAE;AAAA,UAAK,OAAK;AAAA,UAC5B;AAAA,wDAAC;AAAA,cACC,MAAK;AAAA,cACL,UAAQ;AAAA,cACR,KAAI;AAAA,cACJ,MAAM;AAAA,cACN,SAAS,MAAG;AA7DxB;AA6D2B,mCAAM,iBAAN,+BAAqB;AAAA;AAAA,aACtC;AAAA,YACA,4CAAC;AAAA,cAAG;AAAA,aAAW;AAAA,YACf,4CAAC;AAAA,cAAG;AAAA,aAAiB;AAAA,YACpB,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MACd,4CAAC;AAAA,cAAkB,MAAK;AAAA,cAAM;AAAA,eAAd,CAMhB,CACD;AAAA;AAAA,SACH;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;",
   "names": []
 }

package/dist/esm/DialogDemo.js

@@ -60,10 +60,6 @@ function DialogDemo() {
             ],
             enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.9 },
             exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
-            x: 0,
-            scale: 1,
-            opacity: 1,
-            y: 0,
             space: true,
             children: [
               /* @__PURE__ */ jsx(Dialog.Title, {

package/dist/esm/DialogDemo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DialogDemo.tsx"],
-  "sourcesContent": ["import { X } from '@tamagui/lucide-icons'\nimport {\n  Adapt,\n  Button,\n  Dialog,\n  Fieldset,\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={200_000} 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        <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          x={0}\n          scale={1}\n          opacity={1}\n          y={0}\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 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": "AAmBQ,cAIA,YAJA;AAnBR,SAAS,SAAS;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,kBAAkB;AAEpB,SAAS,aAAa;AAC3B,SACE,qBAAC;AAAA,IAAO,OAAK;AAAA,IACX;AAAA,0BAAC,OAAO,SAAP;AAAA,QAAe,SAAO;AAAA,QACrB,8BAAC;AAAA,UAAO;AAAA,SAAY;AAAA,OACtB;AAAA,MAEA,oBAAC;AAAA,QAAM,MAAK;AAAA,QAAK,UAAS;AAAA,QACxB,+BAAC;AAAA,UAAM,QAAQ;AAAA,UAAS,OAAK;AAAA,UAAC,uBAAqB;AAAA,UACjD;AAAA,gCAAC,MAAM,OAAN;AAAA,cAAY,SAAQ;AAAA,cAAK,OAAK;AAAA,cAC7B,8BAAC,MAAM,UAAN,EAAe;AAAA,aAClB;AAAA,YACA,oBAAC,MAAM,SAAN,EAAc;AAAA;AAAA,SACjB;AAAA,OACF;AAAA,MAEA,qBAAC,OAAO,QAAP;AAAA,QACC;AAAA,8BAAC,OAAO,SAAP;AAAA,YAEC,WAAU;AAAA,YACV,GAAG;AAAA,YACH,YAAY,EAAE,GAAG,EAAE;AAAA,YACnB,WAAW,EAAE,GAAG,EAAE;AAAA,aAJd,SAKN;AAAA,UACA,qBAAC,OAAO,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,GAAG;AAAA,YACH,OAAO;AAAA,YACP,SAAS;AAAA,YACT,GAAG;AAAA,YACH,OAAK;AAAA,YAEL;AAAA,kCAAC,OAAO,OAAP;AAAA,gBAAa;AAAA,eAAY;AAAA,cAC1B,oBAAC,OAAO,aAAP;AAAA,gBAAmB;AAAA,eAEpB;AAAA,cACA,qBAAC;AAAA,gBAAS,OAAM;AAAA,gBAAK,YAAU;AAAA,gBAC7B;AAAA,sCAAC;AAAA,oBAAM,GAAG;AAAA,oBAAK,gBAAe;AAAA,oBAAW,SAAQ;AAAA,oBAAO;AAAA,mBAExD;AAAA,kBACA,oBAAC;AAAA,oBAAM,GAAG;AAAA,oBAAG,IAAG;AAAA,oBAAO,cAAa;AAAA,mBAAe;AAAA;AAAA,eACrD;AAAA,cACA,qBAAC;AAAA,gBAAS,OAAM;AAAA,gBAAK,YAAU;AAAA,gBAC7B;AAAA,sCAAC;AAAA,oBAAM,GAAG;AAAA,oBAAK,gBAAe;AAAA,oBAAW,SAAQ;AAAA,oBAAW;AAAA,mBAE5D;AAAA,kBACA,oBAAC,cAAW;AAAA;AAAA,eACd;AAAA,cAEA,oBAAC;AAAA,gBAAO,IAAG;AAAA,gBAAW,IAAG;AAAA,gBACvB,8BAAC,OAAO,OAAP;AAAA,kBAAa,SAAO;AAAA,kBACnB,8BAAC;AAAA,oBAAO,OAAM;AAAA,oBAAO,cAAW;AAAA,oBAAQ;AAAA,mBAExC;AAAA,iBACF;AAAA,eACF;AAAA,cAEA,oBAAC;AAAA,gBACC,8BAAC,OAAO,OAAP;AAAA,kBAAa,SAAO;AAAA,kBACnB,8BAAC;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,aA9CI,SA+CN;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;",
+  "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={200_000} 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        <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 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": "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;AAAA,IAAO,OAAK;AAAA,IACX;AAAA,0BAAC,OAAO,SAAP;AAAA,QAAe,SAAO;AAAA,QACrB,8BAAC;AAAA,UAAO;AAAA,SAAY;AAAA,OACtB;AAAA,MAEA,oBAAC;AAAA,QAAM,MAAK;AAAA,QAAK,UAAS;AAAA,QACxB,+BAAC;AAAA,UAAM,QAAQ;AAAA,UAAS,OAAK;AAAA,UAAC,uBAAqB;AAAA,UACjD;AAAA,gCAAC,MAAM,OAAN;AAAA,cAAY,SAAQ;AAAA,cAAK,OAAK;AAAA,cAC7B,8BAAC,MAAM,UAAN,EAAe;AAAA,aAClB;AAAA,YACA,oBAAC,MAAM,SAAN,EAAc;AAAA;AAAA,SACjB;AAAA,OACF;AAAA,MAEA,qBAAC,OAAO,QAAP;AAAA,QACC;AAAA,8BAAC,OAAO,SAAP;AAAA,YAEC,WAAU;AAAA,YACV,GAAG;AAAA,YACH,YAAY,EAAE,GAAG,EAAE;AAAA,YACnB,WAAW,EAAE,GAAG,EAAE;AAAA,aAJd,SAKN;AAAA,UACA,qBAAC,OAAO,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,kCAAC,OAAO,OAAP;AAAA,gBAAa;AAAA,eAAY;AAAA,cAC1B,oBAAC,OAAO,aAAP;AAAA,gBAAmB;AAAA,eAEpB;AAAA,cACA,qBAAC;AAAA,gBAAS,OAAM;AAAA,gBAAK,YAAU;AAAA,gBAC7B;AAAA,sCAAC;AAAA,oBAAM,GAAG;AAAA,oBAAK,gBAAe;AAAA,oBAAW,SAAQ;AAAA,oBAAO;AAAA,mBAExD;AAAA,kBACA,oBAAC;AAAA,oBAAM,GAAG;AAAA,oBAAG,IAAG;AAAA,oBAAO,cAAa;AAAA,mBAAe;AAAA;AAAA,eACrD;AAAA,cACA,qBAAC;AAAA,gBAAS,OAAM;AAAA,gBAAK,YAAU;AAAA,gBAC7B;AAAA,sCAAC;AAAA,oBAAM,GAAG;AAAA,oBAAK,gBAAe;AAAA,oBAAW,SAAQ;AAAA,oBAAW;AAAA,mBAE5D;AAAA,kBACA,oBAAC,cAAW;AAAA;AAAA,eACd;AAAA,cAEA,oBAAC;AAAA,gBAAO,IAAG;AAAA,gBAAW,IAAG;AAAA,gBACvB,8BAAC,OAAO,OAAP;AAAA,kBAAa,SAAO;AAAA,kBACnB,8BAAC;AAAA,oBAAO,OAAM;AAAA,oBAAO,cAAW;AAAA,oBAAQ;AAAA,mBAExC;AAAA,iBACF;AAAA,eACF;AAAA,cAEA,oBAAC;AAAA,gBACC,8BAAC,OAAO,OAAP;AAAA,kBAAa,SAAO;AAAA,kBACnB,8BAAC;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;",
   "names": []
 }

package/dist/esm/FormsDemo.js

@@ -19,6 +19,7 @@ function FormsDemo() {
         size: "$4"
       }),
       /* @__PURE__ */ jsx(TextArea, {
+        mih: 140,
         placeholder: "Enter your details...",
         numberOfLines: 4
       })

package/dist/esm/FormsDemo.js.map

@@ -1,7 +1,7 @@
 {
   "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 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,aAAY;AAAA,QAAwB,eAAe;AAAA,OAAG;AAAA;AAAA,GAClE;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;",
+  "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;",
   "names": []
 }

package/dist/esm/PopoverDemo.js

@@ -1,6 +1,14 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@tamagui/lucide-icons";
-import { Adapt, Button, Input, Label, Popover, XStack } from "tamagui";
+import {
+  Adapt,
+  Button,
+  Input,
+  Label,
+  Popover,
+  XStack,
+  YGroup
+} from "tamagui";
 function PopoverDemo() {
   return /* @__PURE__ */ jsxs(XStack, {
     space: "$2",
@@ -72,17 +80,30 @@ function Demo({ Icon, ...props }) {
             bw: 1,
             boc: "$borderColor"
           }),
-          /* @__PURE__ */ jsxs(XStack, {
+          /* @__PURE__ */ jsxs(YGroup, {
             space: "$3",
             children: [
-              /* @__PURE__ */ jsx(Label, {
-                size: "$3",
-                htmlFor: "name",
-                children: "Name"
+              /* @__PURE__ */ jsxs(XStack, {
+                space: "$3",
+                children: [
+                  /* @__PURE__ */ jsx(Label, {
+                    size: "$3",
+                    htmlFor: "name",
+                    children: "Name"
+                  }),
+                  /* @__PURE__ */ jsx(Input, {
+                    size: "$3",
+                    id: "name"
+                  })
+                ]
               }),
-              /* @__PURE__ */ jsx(Input, {
-                size: "$3",
-                id: "name"
+              /* @__PURE__ */ jsx(Popover.Trigger, {
+                children: /* @__PURE__ */ jsx(Button, {
+                  size: "$3",
+                  onPress: () => {
+                  },
+                  children: "Submit"
+                })
               })
             ]
           })

package/dist/esm/PopoverDemo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/PopoverDemo.tsx"],
-  "sourcesContent": ["import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from '@tamagui/lucide-icons'\nimport { Adapt, Button, Input, Label, Popover, PopoverProps, XStack } from 'tamagui'\n\nexport function PopoverDemo() {\n  return (\n    <XStack space=\"$2\">\n      <Demo placement=\"left\" Icon={ChevronLeft} />\n      <Demo placement=\"bottom\" Icon={ChevronDown} />\n      <Demo placement=\"top\" Icon={ChevronUp} />\n      <Demo placement=\"right\" Icon={ChevronRight} />\n    </XStack>\n  )\n}\n\nexport function Demo({ Icon, ...props }: PopoverProps & { Icon?: any }) {\n  return (\n    <Popover size=\"$5\" {...props}>\n      <Popover.Trigger asChild>\n        <Button icon={Icon} />\n      </Popover.Trigger>\n\n      <Adapt when=\"sm\" platform=\"touch\">\n        <Popover.Sheet modal dismissOnSnapToBottom>\n          <Popover.Sheet.Frame padding=\"$4\">\n            <Adapt.Contents />\n          </Popover.Sheet.Frame>\n          <Popover.Sheet.Overlay />\n        </Popover.Sheet>\n      </Adapt>\n\n      <Popover.Content\n        bw={1}\n        boc=\"$borderColor\"\n        enterStyle={{ x: 0, y: -10, o: 0 }}\n        exitStyle={{ x: 0, y: -10, o: 0 }}\n        x={0}\n        y={0}\n        o={1}\n        animation={[\n          'quick',\n          {\n            opacity: {\n              overshootClamping: true,\n            },\n          },\n        ]}\n        elevate\n      >\n        <Popover.Arrow bw={1} boc=\"$borderColor\" />\n\n        <XStack space=\"$3\">\n          <Label size=\"$3\" htmlFor=\"name\">\n            Name\n          </Label>\n          <Input size=\"$3\" id=\"name\" />\n        </XStack>\n      </Popover.Content>\n    </Popover>\n  )\n}\n"],
-  "mappings": "AAKI,SACE,KADF;AALJ,SAAS,aAAa,aAAa,cAAc,iBAAiB;AAClE,SAAS,OAAO,QAAQ,OAAO,OAAO,SAAuB,cAAc;AAEpE,SAAS,cAAc;AAC5B,SACE,qBAAC;AAAA,IAAO,OAAM;AAAA,IACZ;AAAA,0BAAC;AAAA,QAAK,WAAU;AAAA,QAAO,MAAM;AAAA,OAAa;AAAA,MAC1C,oBAAC;AAAA,QAAK,WAAU;AAAA,QAAS,MAAM;AAAA,OAAa;AAAA,MAC5C,oBAAC;AAAA,QAAK,WAAU;AAAA,QAAM,MAAM;AAAA,OAAW;AAAA,MACvC,oBAAC;AAAA,QAAK,WAAU;AAAA,QAAQ,MAAM;AAAA,OAAc;AAAA;AAAA,GAC9C;AAEJ;AAEO,SAAS,KAAK,EAAE,SAAS,MAAM,GAAkC;AACtE,SACE,qBAAC;AAAA,IAAQ,MAAK;AAAA,IAAM,GAAG;AAAA,IACrB;AAAA,0BAAC,QAAQ,SAAR;AAAA,QAAgB,SAAO;AAAA,QACtB,8BAAC;AAAA,UAAO,MAAM;AAAA,SAAM;AAAA,OACtB;AAAA,MAEA,oBAAC;AAAA,QAAM,MAAK;AAAA,QAAK,UAAS;AAAA,QACxB,+BAAC,QAAQ,OAAR;AAAA,UAAc,OAAK;AAAA,UAAC,uBAAqB;AAAA,UACxC;AAAA,gCAAC,QAAQ,MAAM,OAAd;AAAA,cAAoB,SAAQ;AAAA,cAC3B,8BAAC,MAAM,UAAN,EAAe;AAAA,aAClB;AAAA,YACA,oBAAC,QAAQ,MAAM,SAAd,EAAsB;AAAA;AAAA,SACzB;AAAA,OACF;AAAA,MAEA,qBAAC,QAAQ,SAAR;AAAA,QACC,IAAI;AAAA,QACJ,KAAI;AAAA,QACJ,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,GAAG,EAAE;AAAA,QACjC,WAAW,EAAE,GAAG,GAAG,GAAG,KAAK,GAAG,EAAE;AAAA,QAChC,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAG;AAAA,QACH,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QACA,SAAO;AAAA,QAEP;AAAA,8BAAC,QAAQ,OAAR;AAAA,YAAc,IAAI;AAAA,YAAG,KAAI;AAAA,WAAe;AAAA,UAEzC,qBAAC;AAAA,YAAO,OAAM;AAAA,YACZ;AAAA,kCAAC;AAAA,gBAAM,MAAK;AAAA,gBAAK,SAAQ;AAAA,gBAAO;AAAA,eAEhC;AAAA,cACA,oBAAC;AAAA,gBAAM,MAAK;AAAA,gBAAK,IAAG;AAAA,eAAO;AAAA;AAAA,WAC7B;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;",
+  "sourcesContent": ["import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from '@tamagui/lucide-icons'\nimport {\n  Adapt,\n  Button,\n  Input,\n  Label,\n  Popover,\n  PopoverProps,\n  XStack,\n  YGroup,\n} from 'tamagui'\n\nexport function PopoverDemo() {\n  return (\n    <XStack space=\"$2\">\n      <Demo placement=\"left\" Icon={ChevronLeft} />\n      <Demo placement=\"bottom\" Icon={ChevronDown} />\n      <Demo placement=\"top\" Icon={ChevronUp} />\n      <Demo placement=\"right\" Icon={ChevronRight} />\n    </XStack>\n  )\n}\n\nexport function Demo({ Icon, ...props }: PopoverProps & { Icon?: any }) {\n  return (\n    <Popover size=\"$5\" {...props}>\n      <Popover.Trigger asChild>\n        <Button icon={Icon} />\n      </Popover.Trigger>\n\n      <Adapt when=\"sm\" platform=\"touch\">\n        <Popover.Sheet modal dismissOnSnapToBottom>\n          <Popover.Sheet.Frame padding=\"$4\">\n            <Adapt.Contents />\n          </Popover.Sheet.Frame>\n          <Popover.Sheet.Overlay />\n        </Popover.Sheet>\n      </Adapt>\n\n      <Popover.Content\n        bw={1}\n        boc=\"$borderColor\"\n        enterStyle={{ x: 0, y: -10, o: 0 }}\n        exitStyle={{ x: 0, y: -10, o: 0 }}\n        x={0}\n        y={0}\n        o={1}\n        animation={[\n          'quick',\n          {\n            opacity: {\n              overshootClamping: true,\n            },\n          },\n        ]}\n        elevate\n      >\n        <Popover.Arrow bw={1} boc=\"$borderColor\" />\n\n        <YGroup space=\"$3\">\n          <XStack space=\"$3\">\n            <Label size=\"$3\" htmlFor=\"name\">\n              Name\n            </Label>\n            <Input size=\"$3\" id=\"name\" />\n          </XStack>\n          <Popover.Trigger>\n            <Button\n              size=\"$3\"\n              onPress={() => {\n                /* Custom code goes here, does not interfere with popover closure */\n              }}\n            >\n              Submit\n            </Button>\n          </Popover.Trigger>\n        </YGroup>\n      </Popover.Content>\n    </Popover>\n  )\n}\n"],
+  "mappings": "AAcI,SACE,KADF;AAdJ,SAAS,aAAa,aAAa,cAAc,iBAAiB;AAClE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AAEA,SAAS,cAAc;AAC5B,SACE,qBAAC;AAAA,IAAO,OAAM;AAAA,IACZ;AAAA,0BAAC;AAAA,QAAK,WAAU;AAAA,QAAO,MAAM;AAAA,OAAa;AAAA,MAC1C,oBAAC;AAAA,QAAK,WAAU;AAAA,QAAS,MAAM;AAAA,OAAa;AAAA,MAC5C,oBAAC;AAAA,QAAK,WAAU;AAAA,QAAM,MAAM;AAAA,OAAW;AAAA,MACvC,oBAAC;AAAA,QAAK,WAAU;AAAA,QAAQ,MAAM;AAAA,OAAc;AAAA;AAAA,GAC9C;AAEJ;AAEO,SAAS,KAAK,EAAE,SAAS,MAAM,GAAkC;AACtE,SACE,qBAAC;AAAA,IAAQ,MAAK;AAAA,IAAM,GAAG;AAAA,IACrB;AAAA,0BAAC,QAAQ,SAAR;AAAA,QAAgB,SAAO;AAAA,QACtB,8BAAC;AAAA,UAAO,MAAM;AAAA,SAAM;AAAA,OACtB;AAAA,MAEA,oBAAC;AAAA,QAAM,MAAK;AAAA,QAAK,UAAS;AAAA,QACxB,+BAAC,QAAQ,OAAR;AAAA,UAAc,OAAK;AAAA,UAAC,uBAAqB;AAAA,UACxC;AAAA,gCAAC,QAAQ,MAAM,OAAd;AAAA,cAAoB,SAAQ;AAAA,cAC3B,8BAAC,MAAM,UAAN,EAAe;AAAA,aAClB;AAAA,YACA,oBAAC,QAAQ,MAAM,SAAd,EAAsB;AAAA;AAAA,SACzB;AAAA,OACF;AAAA,MAEA,qBAAC,QAAQ,SAAR;AAAA,QACC,IAAI;AAAA,QACJ,KAAI;AAAA,QACJ,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,GAAG,EAAE;AAAA,QACjC,WAAW,EAAE,GAAG,GAAG,GAAG,KAAK,GAAG,EAAE;AAAA,QAChC,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAG;AAAA,QACH,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QACA,SAAO;AAAA,QAEP;AAAA,8BAAC,QAAQ,OAAR;AAAA,YAAc,IAAI;AAAA,YAAG,KAAI;AAAA,WAAe;AAAA,UAEzC,qBAAC;AAAA,YAAO,OAAM;AAAA,YACZ;AAAA,mCAAC;AAAA,gBAAO,OAAM;AAAA,gBACZ;AAAA,sCAAC;AAAA,oBAAM,MAAK;AAAA,oBAAK,SAAQ;AAAA,oBAAO;AAAA,mBAEhC;AAAA,kBACA,oBAAC;AAAA,oBAAM,MAAK;AAAA,oBAAK,IAAG;AAAA,mBAAO;AAAA;AAAA,eAC7B;AAAA,cACA,oBAAC,QAAQ,SAAR;AAAA,gBACC,8BAAC;AAAA,kBACC,MAAK;AAAA,kBACL,SAAS,MAAM;AAAA,kBAEf;AAAA,kBACD;AAAA,iBAED;AAAA,eACF;AAAA;AAAA,WACF;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;",
   "names": []
 }

package/dist/esm/SheetDemo.js

@@ -6,7 +6,7 @@ import { Button, H1, H2, Paragraph, XStack } from "tamagui";
 const SheetDemo = () => {
   const [position, setPosition] = useState(0);
   const [open, setOpen] = useState(false);
-  const [modal, setModal] = useState(true);
+  const [modal, setModal] = useState(false);
   const [innerOpen, setInnerOpen] = useState(false);
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [
@@ -24,6 +24,7 @@ const SheetDemo = () => {
         ]
       }),
       /* @__PURE__ */ jsxs(Sheet, {
+        forceRemoveScrollEnabled: open,
         modal,
         open,
         onOpenChange: setOpen,

package/dist/esm/SheetDemo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/SheetDemo.tsx"],
-  "sourcesContent": ["import { ChevronDown, ChevronUp } from '@tamagui/lucide-icons'\nimport { Sheet } from '@tamagui/sheet'\nimport { SheetProps } from '@tamagui/sheet/types/types'\nimport { useState } from 'react'\nimport { Button, H1, H2, Paragraph, PortalItem, Square, XStack } from 'tamagui'\n\nexport const SheetDemo = () => {\n  const [position, setPosition] = useState(0)\n  const [open, setOpen] = useState(false)\n  const [modal, setModal] = useState(true)\n  const [innerOpen, setInnerOpen] = useState(false)\n\n  return (\n    <>\n      <XStack space>\n        <Button onPress={() => setOpen(true)}>Open</Button>\n        <Button onPress={() => setModal((x) => !x)}>\n          {modal ? 'Type: Modal' : 'Type: Inline'}\n        </Button>\n      </XStack>\n\n      <Sheet\n        modal={modal}\n        open={open}\n        onOpenChange={setOpen}\n        snapPoints={[85, 50, 25]}\n        dismissOnSnapToBottom\n        position={position}\n        onPositionChange={setPosition}\n        zIndex={100_000}\n      >\n        <Sheet.Overlay />\n        <Sheet.Handle />\n        <Sheet.Frame f={1} p=\"$4\" jc=\"center\" ai=\"center\" space=\"$5\">\n          <Button size=\"$6\" circular icon={ChevronDown} onPress={() => setOpen(false)} />\n          <Button\n            size=\"$6\"\n            circular\n            icon={ChevronUp}\n            onPress={() => setInnerOpen(true)}\n          ></Button>\n          <InnerSheet open={innerOpen} onOpenChange={setInnerOpen} />\n        </Sheet.Frame>\n      </Sheet>\n    </>\n  )\n}\n\nfunction InnerSheet(props: SheetProps) {\n  return (\n    <Sheet modal snapPoints={[90]} dismissOnSnapToBottom {...props}>\n      <Sheet.Overlay />\n      <Sheet.Handle />\n      <Sheet.Frame f={1} jc=\"center\" ai=\"center\" space=\"$5\">\n        <Sheet.ScrollView p=\"$4\" space>\n          <Button\n            size=\"$8\"\n            circular\n            als=\"center\"\n            icon={ChevronDown}\n            onPress={() => props.onOpenChange?.(false)}\n          />\n          <H1>Hello world</H1>\n          <H2>You can scroll me</H2>\n          {[1, 2, 3].map((i) => (\n            <Paragraph key={i} size=\"$10\">\n              Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad\n              pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation\n              ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat\n              ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco\n              velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint.\n            </Paragraph>\n          ))}\n        </Sheet.ScrollView>\n      </Sheet.Frame>\n    </Sheet>\n  )\n}\n"],
-  "mappings": "AAaI,mBAEI,KADF,YADF;AAbJ,SAAS,aAAa,iBAAiB;AACvC,SAAS,aAAa;AAEtB,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,IAAI,WAA+B,cAAc;AAE/D,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,CAAC;AAC1C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,IAAI;AACvC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,SACE;AAAA,IACE;AAAA,2BAAC;AAAA,QAAO,OAAK;AAAA,QACX;AAAA,8BAAC;AAAA,YAAO,SAAS,MAAM,QAAQ,IAAI;AAAA,YAAG;AAAA,WAAI;AAAA,UAC1C,oBAAC;AAAA,YAAO,SAAS,MAAM,SAAS,CAAC,MAAM,CAAC,CAAC;AAAA,YACtC,kBAAQ,gBAAgB;AAAA,WAC3B;AAAA;AAAA,OACF;AAAA,MAEA,qBAAC;AAAA,QACC;AAAA,QACA;AAAA,QACA,cAAc;AAAA,QACd,YAAY,CAAC,IAAI,IAAI,EAAE;AAAA,QACvB,uBAAqB;AAAA,QACrB;AAAA,QACA,kBAAkB;AAAA,QAClB,QAAQ;AAAA,QAER;AAAA,8BAAC,MAAM,SAAN,EAAc;AAAA,UACf,oBAAC,MAAM,QAAN,EAAa;AAAA,UACd,qBAAC,MAAM,OAAN;AAAA,YAAY,GAAG;AAAA,YAAG,GAAE;AAAA,YAAK,IAAG;AAAA,YAAS,IAAG;AAAA,YAAS,OAAM;AAAA,YACtD;AAAA,kCAAC;AAAA,gBAAO,MAAK;AAAA,gBAAK,UAAQ;AAAA,gBAAC,MAAM;AAAA,gBAAa,SAAS,MAAM,QAAQ,KAAK;AAAA,eAAG;AAAA,cAC7E,oBAAC;AAAA,gBACC,MAAK;AAAA,gBACL,UAAQ;AAAA,gBACR,MAAM;AAAA,gBACN,SAAS,MAAM,aAAa,IAAI;AAAA,eACjC;AAAA,cACD,oBAAC;AAAA,gBAAW,MAAM;AAAA,gBAAW,cAAc;AAAA,eAAc;AAAA;AAAA,WAC3D;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;AAEA,SAAS,WAAW,OAAmB;AACrC,SACE,qBAAC;AAAA,IAAM,OAAK;AAAA,IAAC,YAAY,CAAC,EAAE;AAAA,IAAG,uBAAqB;AAAA,IAAE,GAAG;AAAA,IACvD;AAAA,0BAAC,MAAM,SAAN,EAAc;AAAA,MACf,oBAAC,MAAM,QAAN,EAAa;AAAA,MACd,oBAAC,MAAM,OAAN;AAAA,QAAY,GAAG;AAAA,QAAG,IAAG;AAAA,QAAS,IAAG;AAAA,QAAS,OAAM;AAAA,QAC/C,+BAAC,MAAM,YAAN;AAAA,UAAiB,GAAE;AAAA,UAAK,OAAK;AAAA,UAC5B;AAAA,gCAAC;AAAA,cACC,MAAK;AAAA,cACL,UAAQ;AAAA,cACR,KAAI;AAAA,cACJ,MAAM;AAAA,cACN,SAAS,MAAG;AA5DxB;AA4D2B,mCAAM,iBAAN,+BAAqB;AAAA;AAAA,aACtC;AAAA,YACA,oBAAC;AAAA,cAAG;AAAA,aAAW;AAAA,YACf,oBAAC;AAAA,cAAG;AAAA,aAAiB;AAAA,YACpB,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MACd,oBAAC;AAAA,cAAkB,MAAK;AAAA,cAAM;AAAA,eAAd,CAMhB,CACD;AAAA;AAAA,SACH;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;",
+  "sourcesContent": ["import { ChevronDown, ChevronUp } from '@tamagui/lucide-icons'\nimport { Sheet } from '@tamagui/sheet'\nimport { SheetProps } from '@tamagui/sheet/types/types'\nimport { useState } from 'react'\nimport { Button, H1, H2, Paragraph, XStack } from 'tamagui'\n\nexport const SheetDemo = () => {\n  const [position, setPosition] = useState(0)\n  const [open, setOpen] = useState(false)\n  const [modal, setModal] = useState(false)\n  const [innerOpen, setInnerOpen] = useState(false)\n\n  return (\n    <>\n      <XStack space>\n        <Button onPress={() => setOpen(true)}>Open</Button>\n        <Button onPress={() => setModal((x) => !x)}>\n          {modal ? 'Type: Modal' : 'Type: Inline'}\n        </Button>\n      </XStack>\n\n      <Sheet\n        forceRemoveScrollEnabled={open}\n        modal={modal}\n        open={open}\n        onOpenChange={setOpen}\n        snapPoints={[85, 50, 25]}\n        dismissOnSnapToBottom\n        position={position}\n        onPositionChange={setPosition}\n        zIndex={100_000}\n      >\n        <Sheet.Overlay />\n        <Sheet.Handle />\n        <Sheet.Frame f={1} p=\"$4\" jc=\"center\" ai=\"center\" space=\"$5\">\n          <Button size=\"$6\" circular icon={ChevronDown} onPress={() => setOpen(false)} />\n          <Button\n            size=\"$6\"\n            circular\n            icon={ChevronUp}\n            onPress={() => setInnerOpen(true)}\n          ></Button>\n          <InnerSheet open={innerOpen} onOpenChange={setInnerOpen} />\n        </Sheet.Frame>\n      </Sheet>\n    </>\n  )\n}\n\nfunction InnerSheet(props: SheetProps) {\n  return (\n    <Sheet modal snapPoints={[90]} dismissOnSnapToBottom {...props}>\n      <Sheet.Overlay />\n      <Sheet.Handle />\n      <Sheet.Frame f={1} jc=\"center\" ai=\"center\" space=\"$5\">\n        <Sheet.ScrollView p=\"$4\" space>\n          <Button\n            size=\"$8\"\n            circular\n            als=\"center\"\n            icon={ChevronDown}\n            onPress={() => props.onOpenChange?.(false)}\n          />\n          <H1>Hello world</H1>\n          <H2>You can scroll me</H2>\n          {[1, 2, 3].map((i) => (\n            <Paragraph key={i} size=\"$10\">\n              Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad\n              pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation\n              ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat\n              ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco\n              velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint.\n            </Paragraph>\n          ))}\n        </Sheet.ScrollView>\n      </Sheet.Frame>\n    </Sheet>\n  )\n}\n"],
+  "mappings": "AAaI,mBAEI,KADF,YADF;AAbJ,SAAS,aAAa,iBAAiB;AACvC,SAAS,aAAa;AAEtB,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,IAAI,WAAW,cAAc;AAE3C,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,CAAC;AAC1C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK;AACxC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,SACE;AAAA,IACE;AAAA,2BAAC;AAAA,QAAO,OAAK;AAAA,QACX;AAAA,8BAAC;AAAA,YAAO,SAAS,MAAM,QAAQ,IAAI;AAAA,YAAG;AAAA,WAAI;AAAA,UAC1C,oBAAC;AAAA,YAAO,SAAS,MAAM,SAAS,CAAC,MAAM,CAAC,CAAC;AAAA,YACtC,kBAAQ,gBAAgB;AAAA,WAC3B;AAAA;AAAA,OACF;AAAA,MAEA,qBAAC;AAAA,QACC,0BAA0B;AAAA,QAC1B;AAAA,QACA;AAAA,QACA,cAAc;AAAA,QACd,YAAY,CAAC,IAAI,IAAI,EAAE;AAAA,QACvB,uBAAqB;AAAA,QACrB;AAAA,QACA,kBAAkB;AAAA,QAClB,QAAQ;AAAA,QAER;AAAA,8BAAC,MAAM,SAAN,EAAc;AAAA,UACf,oBAAC,MAAM,QAAN,EAAa;AAAA,UACd,qBAAC,MAAM,OAAN;AAAA,YAAY,GAAG;AAAA,YAAG,GAAE;AAAA,YAAK,IAAG;AAAA,YAAS,IAAG;AAAA,YAAS,OAAM;AAAA,YACtD;AAAA,kCAAC;AAAA,gBAAO,MAAK;AAAA,gBAAK,UAAQ;AAAA,gBAAC,MAAM;AAAA,gBAAa,SAAS,MAAM,QAAQ,KAAK;AAAA,eAAG;AAAA,cAC7E,oBAAC;AAAA,gBACC,MAAK;AAAA,gBACL,UAAQ;AAAA,gBACR,MAAM;AAAA,gBACN,SAAS,MAAM,aAAa,IAAI;AAAA,eACjC;AAAA,cACD,oBAAC;AAAA,gBAAW,MAAM;AAAA,gBAAW,cAAc;AAAA,eAAc;AAAA;AAAA,WAC3D;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;AAEA,SAAS,WAAW,OAAmB;AACrC,SACE,qBAAC;AAAA,IAAM,OAAK;AAAA,IAAC,YAAY,CAAC,EAAE;AAAA,IAAG,uBAAqB;AAAA,IAAE,GAAG;AAAA,IACvD;AAAA,0BAAC,MAAM,SAAN,EAAc;AAAA,MACf,oBAAC,MAAM,QAAN,EAAa;AAAA,MACd,oBAAC,MAAM,OAAN;AAAA,QAAY,GAAG;AAAA,QAAG,IAAG;AAAA,QAAS,IAAG;AAAA,QAAS,OAAM;AAAA,QAC/C,+BAAC,MAAM,YAAN;AAAA,UAAiB,GAAE;AAAA,UAAK,OAAK;AAAA,UAC5B;AAAA,gCAAC;AAAA,cACC,MAAK;AAAA,cACL,UAAQ;AAAA,cACR,KAAI;AAAA,cACJ,MAAM;AAAA,cACN,SAAS,MAAG;AA7DxB;AA6D2B,mCAAM,iBAAN,+BAAqB;AAAA;AAAA,aACtC;AAAA,YACA,oBAAC;AAAA,cAAG;AAAA,aAAW;AAAA,YACf,oBAAC;AAAA,cAAG;AAAA,aAAiB;AAAA,YACpB,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MACd,oBAAC;AAAA,cAAkB,MAAK;AAAA,cAAM;AAAA,eAAd,CAMhB,CACD;AAAA;AAAA,SACH;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;",
   "names": []
 }

package/dist/jsx/DialogDemo.js

@@ -27,7 +27,7 @@ function DialogDemo() {
             overshootClamping: true
           }
         }
-      ]} enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.9 }} exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }} x={0} scale={1} opacity={1} y={0} space>
+      ]} enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.9 }} exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }} space>
         <Dialog.Title>Edit profile</Dialog.Title>
         <Dialog.Description>Make changes to your profile here. Click save when you're done.</Dialog.Description>
         <Fieldset space="$4" horizontal>

package/dist/jsx/DialogDemo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DialogDemo.tsx"],
-  "sourcesContent": ["import { X } from '@tamagui/lucide-icons'\nimport {\n  Adapt,\n  Button,\n  Dialog,\n  Fieldset,\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={200_000} 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        <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          x={0}\n          scale={1}\n          opacity={1}\n          y={0}\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 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,SAAS,SAAS;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,kBAAkB;AAEpB,SAAS,aAAa;AAC3B,SACE,CAAC,OAAO;AAAA,IACN,CAAC,OAAO,QAAQ,QACd,CAAC,OAAO,YAAY,EAAnB,OACH,EAFC,OAAO;AAAA,IAIR,CAAC,MAAM,KAAK,KAAK,SAAS,QACxB,CAAC,MAAM,QAAQ,KAAS,MAAM;AAAA,MAC5B,CAAC,MAAM,MAAM,QAAQ,KAAK,MACxB,CAAC,MAAM,SAAS,EAClB,EAFC,MAAM;AAAA,MAGP,CAAC,MAAM,QAAQ;AAAA,IACjB,EALC,MAMH,EAPC;AAAA,IASD,CAAC,OAAO;AAAA,MACN,CAAC,OAAO,QACN,IAAI,UACJ,UAAU,QACV,GAAG,KACH,YAAY,EAAE,GAAG,EAAE,GACnB,WAAW,EAAE,GAAG,EAAE,GACpB;AAAA,MACA,CAAC,OAAO,QACN,SACA,QACA,IAAI,UACJ,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF,GACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI,GACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK,GAClD,GAAG,GACH,OAAO,GACP,SAAS,GACT,GAAG,GACH;AAAA,QAEA,CAAC,OAAO,MAAM,YAAY,EAAzB,OAAO;AAAA,QACR,CAAC,OAAO,YAAY,+DAEpB,EAFC,OAAO;AAAA,QAGR,CAAC,SAAS,MAAM,KAAK;AAAA,UACnB,CAAC,MAAM,GAAG,KAAK,eAAe,WAAW,QAAQ,OAAO,IAExD,EAFC;AAAA,UAGD,CAAC,MAAM,GAAG,GAAG,GAAG,OAAO,aAAa,eAAe;AAAA,QACrD,EALC;AAAA,QAMD,CAAC,SAAS,MAAM,KAAK;AAAA,UACnB,CAAC,MAAM,GAAG,KAAK,eAAe,WAAW,QAAQ,WAAW,IAE5D,EAFC;AAAA,UAGD,CAAC,WAAW;AAAA,QACd,EALC;AAAA,QAOD,CAAC,OAAO,GAAG,WAAW,GAAG,KACvB,CAAC,OAAO,MAAM,QACZ,CAAC,OAAO,MAAM,OAAO,WAAW,QAAQ,YAExC,EAFC,OAGH,EAJC,OAAO,MAKV,EANC;AAAA,QAQD,CAAC,SACC,CAAC,OAAO,MAAM,QACZ,CAAC,OAAO,IAAI,WAAW,EAAE,KAAK,EAAE,KAAK,KAAK,KAAK,SAAS,MAAM,GAAG,EACnE,EAFC,OAAO,MAGV,EAJC;AAAA,MAKH,EAlDC,OAAO;AAAA,IAmDV,EA3DC,OAAO;AAAA,EA4DV,EA1EC;AA4EL;",
+  "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={200_000} 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        <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 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,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,CAAC,OAAO;AAAA,IACN,CAAC,OAAO,QAAQ,QACd,CAAC,OAAO,YAAY,EAAnB,OACH,EAFC,OAAO;AAAA,IAIR,CAAC,MAAM,KAAK,KAAK,SAAS,QACxB,CAAC,MAAM,QAAQ,KAAS,MAAM;AAAA,MAC5B,CAAC,MAAM,MAAM,QAAQ,KAAK,MACxB,CAAC,MAAM,SAAS,EAClB,EAFC,MAAM;AAAA,MAGP,CAAC,MAAM,QAAQ;AAAA,IACjB,EALC,MAMH,EAPC;AAAA,IASD,CAAC,OAAO;AAAA,MACN,CAAC,OAAO,QACN,IAAI,UACJ,UAAU,QACV,GAAG,KACH,YAAY,EAAE,GAAG,EAAE,GACnB,WAAW,EAAE,GAAG,EAAE,GACpB;AAAA,MACA,CAAC,OAAO,QACN,SACA,QACA,IAAI,UACJ,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF,GACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI,GACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK,GAClD;AAAA,QAEA,CAAC,OAAO,MAAM,YAAY,EAAzB,OAAO;AAAA,QACR,CAAC,OAAO,YAAY,+DAEpB,EAFC,OAAO;AAAA,QAGR,CAAC,SAAS,MAAM,KAAK;AAAA,UACnB,CAAC,MAAM,GAAG,KAAK,eAAe,WAAW,QAAQ,OAAO,IAExD,EAFC;AAAA,UAGD,CAAC,MAAM,GAAG,GAAG,GAAG,OAAO,aAAa,eAAe;AAAA,QACrD,EALC;AAAA,QAMD,CAAC,SAAS,MAAM,KAAK;AAAA,UACnB,CAAC,MAAM,GAAG,KAAK,eAAe,WAAW,QAAQ,WAAW,IAE5D,EAFC;AAAA,UAGD,CAAC,WAAW;AAAA,QACd,EALC;AAAA,QAOD,CAAC,OAAO,GAAG,WAAW,GAAG,KACvB,CAAC,OAAO,MAAM,QACZ,CAAC,OAAO,MAAM,OAAO,WAAW,QAAQ,YAExC,EAFC,OAGH,EAJC,OAAO,MAKV,EANC;AAAA,QAQD,CAAC,SACC,CAAC,OAAO,MAAM,QACZ,CAAC,OAAO,IAAI,WAAW,EAAE,KAAK,EAAE,KAAK,KAAK,KAAK,SAAS,MAAM,GAAG,EACnE,EAFC,OAAO,MAGV,EAJC;AAAA,MAKH,EA9CC,OAAO;AAAA,IA+CV,EAvDC,OAAO;AAAA,EAwDV,EAtEC;AAwEL;",
   "names": []
 }

package/dist/jsx/FormsDemo.js

@@ -4,7 +4,7 @@ function FormsDemo() {
     <FormDemo size="$2" />
     <FormDemo size="$3" />
     <FormDemo size="$4" />
-    <TextArea placeholder="Enter your details..." numberOfLines={4} />
+    <TextArea mih={140} placeholder="Enter your details..." numberOfLines={4} />
   </YStack>;
 }
 function FormDemo(props) {

package/dist/jsx/FormsDemo.js.map

@@ -1,7 +1,7 @@
 {
   "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 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,SAAS,QAAQ,OAAmB,UAAU,QAAQ,cAAc;AAE7D,SAAS,YAAY;AAC1B,SACE,CAAC,OAAO,GAAG,KAAK,KAAK,KAAK,SAAS,SAAS,MAAM,KAAK,EAAE,KAAK,EAAE;AAAA,IAC9D,CAAC,SAAS,KAAK,KAAK;AAAA,IACpB,CAAC,SAAS,KAAK,KAAK;AAAA,IACpB,CAAC,SAAS,KAAK,KAAK;AAAA,IACpB,CAAC,SAAS,YAAY,wBAAwB,eAAe,GAAG;AAAA,EAClE,EALC;AAOL;AAEA,SAAS,SAAS,OAA6B;AAC7C,SACE,CAAC,OAAO,GAAG,SAAS,MAAM;AAAA,IACxB,CAAC,MAAM,GAAG,GAAG,MAAM,MAAM,MAAM,aAAa,QAAQ,MAAM,WAAW;AAAA,IACrE,CAAC,OAAO,MAAM,MAAM,MAAM,EAAE,EAA3B;AAAA,EACH,EAHC;AAKL;",
+  "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,SAAS,QAAQ,OAAmB,UAAU,QAAQ,cAAc;AAE7D,SAAS,YAAY;AAC1B,SACE,CAAC,OAAO,GAAG,KAAK,KAAK,KAAK,SAAS,SAAS,MAAM,KAAK,EAAE,KAAK,EAAE;AAAA,IAC9D,CAAC,SAAS,KAAK,KAAK;AAAA,IACpB,CAAC,SAAS,KAAK,KAAK;AAAA,IACpB,CAAC,SAAS,KAAK,KAAK;AAAA,IACpB,CAAC,SAAS,KAAK,KAAK,YAAY,wBAAwB,eAAe,GAAG;AAAA,EAC5E,EALC;AAOL;AAEA,SAAS,SAAS,OAA6B;AAC7C,SACE,CAAC,OAAO,GAAG,SAAS,MAAM;AAAA,IACxB,CAAC,MAAM,GAAG,GAAG,MAAM,MAAM,MAAM,aAAa,QAAQ,MAAM,WAAW;AAAA,IACrE,CAAC,OAAO,MAAM,MAAM,MAAM,EAAE,EAA3B;AAAA,EACH,EAHC;AAKL;",
   "names": []
 }

package/dist/jsx/PopoverDemo.js

@@ -1,5 +1,13 @@
 import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@tamagui/lucide-icons";
-import { Adapt, Button, Input, Label, Popover, XStack } from "tamagui";
+import {
+  Adapt,
+  Button,
+  Input,
+  Label,
+  Popover,
+  XStack,
+  YGroup
+} from "tamagui";
 function PopoverDemo() {
   return <XStack space="$2">
     <Demo placement="left" Icon={ChevronLeft} />
@@ -24,10 +32,14 @@ function Demo({ Icon, ...props }) {
       }
     ]} elevate>
       <Popover.Arrow bw={1} boc="$borderColor" />
-      <XStack space="$3">
-        <Label size="$3" htmlFor="name">Name</Label>
-        <Input size="$3" id="name" />
-      </XStack>
+      <YGroup space="$3">
+        <XStack space="$3">
+          <Label size="$3" htmlFor="name">Name</Label>
+          <Input size="$3" id="name" />
+        </XStack>
+        <Popover.Trigger><Button size="$3" onPress={() => {
+        }}>Submit</Button></Popover.Trigger>
+      </YGroup>
     </Popover.Content>
   </Popover>;
 }

package/dist/jsx/PopoverDemo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/PopoverDemo.tsx"],
-  "sourcesContent": ["import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from '@tamagui/lucide-icons'\nimport { Adapt, Button, Input, Label, Popover, PopoverProps, XStack } from 'tamagui'\n\nexport function PopoverDemo() {\n  return (\n    <XStack space=\"$2\">\n      <Demo placement=\"left\" Icon={ChevronLeft} />\n      <Demo placement=\"bottom\" Icon={ChevronDown} />\n      <Demo placement=\"top\" Icon={ChevronUp} />\n      <Demo placement=\"right\" Icon={ChevronRight} />\n    </XStack>\n  )\n}\n\nexport function Demo({ Icon, ...props }: PopoverProps & { Icon?: any }) {\n  return (\n    <Popover size=\"$5\" {...props}>\n      <Popover.Trigger asChild>\n        <Button icon={Icon} />\n      </Popover.Trigger>\n\n      <Adapt when=\"sm\" platform=\"touch\">\n        <Popover.Sheet modal dismissOnSnapToBottom>\n          <Popover.Sheet.Frame padding=\"$4\">\n            <Adapt.Contents />\n          </Popover.Sheet.Frame>\n          <Popover.Sheet.Overlay />\n        </Popover.Sheet>\n      </Adapt>\n\n      <Popover.Content\n        bw={1}\n        boc=\"$borderColor\"\n        enterStyle={{ x: 0, y: -10, o: 0 }}\n        exitStyle={{ x: 0, y: -10, o: 0 }}\n        x={0}\n        y={0}\n        o={1}\n        animation={[\n          'quick',\n          {\n            opacity: {\n              overshootClamping: true,\n            },\n          },\n        ]}\n        elevate\n      >\n        <Popover.Arrow bw={1} boc=\"$borderColor\" />\n\n        <XStack space=\"$3\">\n          <Label size=\"$3\" htmlFor=\"name\">\n            Name\n          </Label>\n          <Input size=\"$3\" id=\"name\" />\n        </XStack>\n      </Popover.Content>\n    </Popover>\n  )\n}\n"],
-  "mappings": "AAAA,SAAS,aAAa,aAAa,cAAc,iBAAiB;AAClE,SAAS,OAAO,QAAQ,OAAO,OAAO,SAAuB,cAAc;AAEpE,SAAS,cAAc;AAC5B,SACE,CAAC,OAAO,MAAM;AAAA,IACZ,CAAC,KAAK,UAAU,OAAO,MAAM,aAAa;AAAA,IAC1C,CAAC,KAAK,UAAU,SAAS,MAAM,aAAa;AAAA,IAC5C,CAAC,KAAK,UAAU,MAAM,MAAM,WAAW;AAAA,IACvC,CAAC,KAAK,UAAU,QAAQ,MAAM,cAAc;AAAA,EAC9C,EALC;AAOL;AAEO,SAAS,KAAK,EAAE,SAAS,MAAM,GAAkC;AACtE,SACE,CAAC,QAAQ,KAAK,SAAS;AAAA,IACrB,CAAC,QAAQ,QAAQ,QACf,CAAC,OAAO,MAAM,MAAM,EACtB,EAFC,QAAQ;AAAA,IAIT,CAAC,MAAM,KAAK,KAAK,SAAS,QACxB,CAAC,QAAQ,MAAM,MAAM;AAAA,MACnB,CAAC,QAAQ,MAAM,MAAM,QAAQ,KAC3B,CAAC,MAAM,SAAS,EAClB,EAFC,QAAQ,MAAM;AAAA,MAGf,CAAC,QAAQ,MAAM,QAAQ;AAAA,IACzB,EALC,QAAQ,MAMX,EAPC;AAAA,IASD,CAAC,QAAQ,QACP,IAAI,GACJ,IAAI,eACJ,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,GAAG,EAAE,GACjC,WAAW,EAAE,GAAG,GAAG,GAAG,KAAK,GAAG,EAAE,GAChC,GAAG,GACH,GAAG,GACH,GAAG,GACH,WAAW;AAAA,MACT;AAAA,MACA;AAAA,QACE,SAAS;AAAA,UACP,mBAAmB;AAAA,QACrB;AAAA,MACF;AAAA,IACF,GACA;AAAA,MAEA,CAAC,QAAQ,MAAM,IAAI,GAAG,IAAI,eAAe;AAAA,MAEzC,CAAC,OAAO,MAAM;AAAA,QACZ,CAAC,MAAM,KAAK,KAAK,QAAQ,OAAO,IAEhC,EAFC;AAAA,QAGD,CAAC,MAAM,KAAK,KAAK,GAAG,OAAO;AAAA,MAC7B,EALC;AAAA,IAMH,EA1BC,QAAQ;AAAA,EA2BX,EAzCC;AA2CL;",
+  "sourcesContent": ["import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from '@tamagui/lucide-icons'\nimport {\n  Adapt,\n  Button,\n  Input,\n  Label,\n  Popover,\n  PopoverProps,\n  XStack,\n  YGroup,\n} from 'tamagui'\n\nexport function PopoverDemo() {\n  return (\n    <XStack space=\"$2\">\n      <Demo placement=\"left\" Icon={ChevronLeft} />\n      <Demo placement=\"bottom\" Icon={ChevronDown} />\n      <Demo placement=\"top\" Icon={ChevronUp} />\n      <Demo placement=\"right\" Icon={ChevronRight} />\n    </XStack>\n  )\n}\n\nexport function Demo({ Icon, ...props }: PopoverProps & { Icon?: any }) {\n  return (\n    <Popover size=\"$5\" {...props}>\n      <Popover.Trigger asChild>\n        <Button icon={Icon} />\n      </Popover.Trigger>\n\n      <Adapt when=\"sm\" platform=\"touch\">\n        <Popover.Sheet modal dismissOnSnapToBottom>\n          <Popover.Sheet.Frame padding=\"$4\">\n            <Adapt.Contents />\n          </Popover.Sheet.Frame>\n          <Popover.Sheet.Overlay />\n        </Popover.Sheet>\n      </Adapt>\n\n      <Popover.Content\n        bw={1}\n        boc=\"$borderColor\"\n        enterStyle={{ x: 0, y: -10, o: 0 }}\n        exitStyle={{ x: 0, y: -10, o: 0 }}\n        x={0}\n        y={0}\n        o={1}\n        animation={[\n          'quick',\n          {\n            opacity: {\n              overshootClamping: true,\n            },\n          },\n        ]}\n        elevate\n      >\n        <Popover.Arrow bw={1} boc=\"$borderColor\" />\n\n        <YGroup space=\"$3\">\n          <XStack space=\"$3\">\n            <Label size=\"$3\" htmlFor=\"name\">\n              Name\n            </Label>\n            <Input size=\"$3\" id=\"name\" />\n          </XStack>\n          <Popover.Trigger>\n            <Button\n              size=\"$3\"\n              onPress={() => {\n                /* Custom code goes here, does not interfere with popover closure */\n              }}\n            >\n              Submit\n            </Button>\n          </Popover.Trigger>\n        </YGroup>\n      </Popover.Content>\n    </Popover>\n  )\n}\n"],
+  "mappings": "AAAA,SAAS,aAAa,aAAa,cAAc,iBAAiB;AAClE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AAEA,SAAS,cAAc;AAC5B,SACE,CAAC,OAAO,MAAM;AAAA,IACZ,CAAC,KAAK,UAAU,OAAO,MAAM,aAAa;AAAA,IAC1C,CAAC,KAAK,UAAU,SAAS,MAAM,aAAa;AAAA,IAC5C,CAAC,KAAK,UAAU,MAAM,MAAM,WAAW;AAAA,IACvC,CAAC,KAAK,UAAU,QAAQ,MAAM,cAAc;AAAA,EAC9C,EALC;AAOL;AAEO,SAAS,KAAK,EAAE,SAAS,MAAM,GAAkC;AACtE,SACE,CAAC,QAAQ,KAAK,SAAS;AAAA,IACrB,CAAC,QAAQ,QAAQ,QACf,CAAC,OAAO,MAAM,MAAM,EACtB,EAFC,QAAQ;AAAA,IAIT,CAAC,MAAM,KAAK,KAAK,SAAS,QACxB,CAAC,QAAQ,MAAM,MAAM;AAAA,MACnB,CAAC,QAAQ,MAAM,MAAM,QAAQ,KAC3B,CAAC,MAAM,SAAS,EAClB,EAFC,QAAQ,MAAM;AAAA,MAGf,CAAC,QAAQ,MAAM,QAAQ;AAAA,IACzB,EALC,QAAQ,MAMX,EAPC;AAAA,IASD,CAAC,QAAQ,QACP,IAAI,GACJ,IAAI,eACJ,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,GAAG,EAAE,GACjC,WAAW,EAAE,GAAG,GAAG,GAAG,KAAK,GAAG,EAAE,GAChC,GAAG,GACH,GAAG,GACH,GAAG,GACH,WAAW;AAAA,MACT;AAAA,MACA;AAAA,QACE,SAAS;AAAA,UACP,mBAAmB;AAAA,QACrB;AAAA,MACF;AAAA,IACF,GACA;AAAA,MAEA,CAAC,QAAQ,MAAM,IAAI,GAAG,IAAI,eAAe;AAAA,MAEzC,CAAC,OAAO,MAAM;AAAA,QACZ,CAAC,OAAO,MAAM;AAAA,UACZ,CAAC,MAAM,KAAK,KAAK,QAAQ,OAAO,IAEhC,EAFC;AAAA,UAGD,CAAC,MAAM,KAAK,KAAK,GAAG,OAAO;AAAA,QAC7B,EALC;AAAA,QAMD,CAAC,QAAQ,QACP,CAAC,OACC,KAAK,KACL,SAAS,MAAM;AAAA,QAEf,GACD,MAED,EAPC,OAQH,EATC,QAAQ;AAAA,MAUX,EAjBC;AAAA,IAkBH,EAtCC,QAAQ;AAAA,EAuCX,EArDC;AAuDL;",
   "names": []
 }

package/dist/jsx/SheetDemo.js

@@ -5,14 +5,14 @@ import { Button, H1, H2, Paragraph, XStack } from "tamagui";
 const SheetDemo = () => {
   const [position, setPosition] = useState(0);
   const [open, setOpen] = useState(false);
-  const [modal, setModal] = useState(true);
+  const [modal, setModal] = useState(false);
   const [innerOpen, setInnerOpen] = useState(false);
   return <>
     <XStack space>
       <Button onPress={() => setOpen(true)}>Open</Button>
       <Button onPress={() => setModal((x) => !x)}>{modal ? "Type: Modal" : "Type: Inline"}</Button>
     </XStack>
-    <Sheet modal={modal} open={open} onOpenChange={setOpen} snapPoints={[85, 50, 25]} dismissOnSnapToBottom position={position} onPositionChange={setPosition} zIndex={1e5}>
+    <Sheet forceRemoveScrollEnabled={open} modal={modal} open={open} onOpenChange={setOpen} snapPoints={[85, 50, 25]} dismissOnSnapToBottom position={position} onPositionChange={setPosition} zIndex={1e5}>
       <Sheet.Overlay />
       <Sheet.Handle />
       <Sheet.Frame f={1} p="$4" jc="center" ai="center" space="$5">

package/dist/jsx/SheetDemo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/SheetDemo.tsx"],
-  "sourcesContent": ["import { ChevronDown, ChevronUp } from '@tamagui/lucide-icons'\nimport { Sheet } from '@tamagui/sheet'\nimport { SheetProps } from '@tamagui/sheet/types/types'\nimport { useState } from 'react'\nimport { Button, H1, H2, Paragraph, PortalItem, Square, XStack } from 'tamagui'\n\nexport const SheetDemo = () => {\n  const [position, setPosition] = useState(0)\n  const [open, setOpen] = useState(false)\n  const [modal, setModal] = useState(true)\n  const [innerOpen, setInnerOpen] = useState(false)\n\n  return (\n    <>\n      <XStack space>\n        <Button onPress={() => setOpen(true)}>Open</Button>\n        <Button onPress={() => setModal((x) => !x)}>\n          {modal ? 'Type: Modal' : 'Type: Inline'}\n        </Button>\n      </XStack>\n\n      <Sheet\n        modal={modal}\n        open={open}\n        onOpenChange={setOpen}\n        snapPoints={[85, 50, 25]}\n        dismissOnSnapToBottom\n        position={position}\n        onPositionChange={setPosition}\n        zIndex={100_000}\n      >\n        <Sheet.Overlay />\n        <Sheet.Handle />\n        <Sheet.Frame f={1} p=\"$4\" jc=\"center\" ai=\"center\" space=\"$5\">\n          <Button size=\"$6\" circular icon={ChevronDown} onPress={() => setOpen(false)} />\n          <Button\n            size=\"$6\"\n            circular\n            icon={ChevronUp}\n            onPress={() => setInnerOpen(true)}\n          ></Button>\n          <InnerSheet open={innerOpen} onOpenChange={setInnerOpen} />\n        </Sheet.Frame>\n      </Sheet>\n    </>\n  )\n}\n\nfunction InnerSheet(props: SheetProps) {\n  return (\n    <Sheet modal snapPoints={[90]} dismissOnSnapToBottom {...props}>\n      <Sheet.Overlay />\n      <Sheet.Handle />\n      <Sheet.Frame f={1} jc=\"center\" ai=\"center\" space=\"$5\">\n        <Sheet.ScrollView p=\"$4\" space>\n          <Button\n            size=\"$8\"\n            circular\n            als=\"center\"\n            icon={ChevronDown}\n            onPress={() => props.onOpenChange?.(false)}\n          />\n          <H1>Hello world</H1>\n          <H2>You can scroll me</H2>\n          {[1, 2, 3].map((i) => (\n            <Paragraph key={i} size=\"$10\">\n              Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad\n              pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation\n              ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat\n              ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco\n              velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint.\n            </Paragraph>\n          ))}\n        </Sheet.ScrollView>\n      </Sheet.Frame>\n    </Sheet>\n  )\n}\n"],
-  "mappings": "AAAA,SAAS,aAAa,iBAAiB;AACvC,SAAS,aAAa;AAEtB,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,IAAI,WAA+B,cAAc;AAE/D,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,CAAC;AAC1C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,IAAI;AACvC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,SACE;AAAA,IACE,CAAC,OAAO;AAAA,MACN,CAAC,OAAO,SAAS,MAAM,QAAQ,IAAI,GAAG,IAAI,EAAzC;AAAA,MACD,CAAC,OAAO,SAAS,MAAM,SAAS,CAAC,MAAM,CAAC,CAAC,IACtC,QAAQ,gBAAgB,eAC3B,EAFC;AAAA,IAGH,EALC;AAAA,IAOD,CAAC,MACC,OAAO,OACP,MAAM,MACN,cAAc,SACd,YAAY,CAAC,IAAI,IAAI,EAAE,GACvB,sBACA,UAAU,UACV,kBAAkB,aAClB,QAAQ;AAAA,MAER,CAAC,MAAM,QAAQ;AAAA,MACf,CAAC,MAAM,OAAO;AAAA,MACd,CAAC,MAAM,MAAM,GAAG,GAAG,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,MAAM;AAAA,QACtD,CAAC,OAAO,KAAK,KAAK,SAAS,MAAM,aAAa,SAAS,MAAM,QAAQ,KAAK,GAAG;AAAA,QAC7E,CAAC,OACC,KAAK,KACL,SACA,MAAM,WACN,SAAS,MAAM,aAAa,IAAI,GACjC;AAAA,QACD,CAAC,WAAW,MAAM,WAAW,cAAc,cAAc;AAAA,MAC3D,EATC,MAAM;AAAA,IAUT,EAtBC;AAAA,EAuBH;AAEJ;AAEA,SAAS,WAAW,OAAmB;AACrC,SACE,CAAC,MAAM,MAAM,YAAY,CAAC,EAAE,GAAG,0BAA0B;AAAA,IACvD,CAAC,MAAM,QAAQ;AAAA,IACf,CAAC,MAAM,OAAO;AAAA,IACd,CAAC,MAAM,MAAM,GAAG,GAAG,GAAG,SAAS,GAAG,SAAS,MAAM,KAC/C,CAAC,MAAM,WAAW,EAAE,KAAK;AAAA,MACvB,CAAC,OACC,KAAK,KACL,SACA,IAAI,SACJ,MAAM,aACN,SAAS,MAAM,MAAM,eAAe,KAAK,GAC3C;AAAA,MACA,CAAC,GAAG,WAAW,EAAd;AAAA,MACD,CAAC,GAAG,iBAAiB,EAApB;AAAA,OACA,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MACd,CAAC,UAAU,KAAK,GAAG,KAAK,MAAM,0WAM9B,EANC,UAOF;AAAA,IACH,EAnBC,MAAM,WAoBT,EArBC,MAAM;AAAA,EAsBT,EAzBC;AA2BL;",
+  "sourcesContent": ["import { ChevronDown, ChevronUp } from '@tamagui/lucide-icons'\nimport { Sheet } from '@tamagui/sheet'\nimport { SheetProps } from '@tamagui/sheet/types/types'\nimport { useState } from 'react'\nimport { Button, H1, H2, Paragraph, XStack } from 'tamagui'\n\nexport const SheetDemo = () => {\n  const [position, setPosition] = useState(0)\n  const [open, setOpen] = useState(false)\n  const [modal, setModal] = useState(false)\n  const [innerOpen, setInnerOpen] = useState(false)\n\n  return (\n    <>\n      <XStack space>\n        <Button onPress={() => setOpen(true)}>Open</Button>\n        <Button onPress={() => setModal((x) => !x)}>\n          {modal ? 'Type: Modal' : 'Type: Inline'}\n        </Button>\n      </XStack>\n\n      <Sheet\n        forceRemoveScrollEnabled={open}\n        modal={modal}\n        open={open}\n        onOpenChange={setOpen}\n        snapPoints={[85, 50, 25]}\n        dismissOnSnapToBottom\n        position={position}\n        onPositionChange={setPosition}\n        zIndex={100_000}\n      >\n        <Sheet.Overlay />\n        <Sheet.Handle />\n        <Sheet.Frame f={1} p=\"$4\" jc=\"center\" ai=\"center\" space=\"$5\">\n          <Button size=\"$6\" circular icon={ChevronDown} onPress={() => setOpen(false)} />\n          <Button\n            size=\"$6\"\n            circular\n            icon={ChevronUp}\n            onPress={() => setInnerOpen(true)}\n          ></Button>\n          <InnerSheet open={innerOpen} onOpenChange={setInnerOpen} />\n        </Sheet.Frame>\n      </Sheet>\n    </>\n  )\n}\n\nfunction InnerSheet(props: SheetProps) {\n  return (\n    <Sheet modal snapPoints={[90]} dismissOnSnapToBottom {...props}>\n      <Sheet.Overlay />\n      <Sheet.Handle />\n      <Sheet.Frame f={1} jc=\"center\" ai=\"center\" space=\"$5\">\n        <Sheet.ScrollView p=\"$4\" space>\n          <Button\n            size=\"$8\"\n            circular\n            als=\"center\"\n            icon={ChevronDown}\n            onPress={() => props.onOpenChange?.(false)}\n          />\n          <H1>Hello world</H1>\n          <H2>You can scroll me</H2>\n          {[1, 2, 3].map((i) => (\n            <Paragraph key={i} size=\"$10\">\n              Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad\n              pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation\n              ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat\n              ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco\n              velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint.\n            </Paragraph>\n          ))}\n        </Sheet.ScrollView>\n      </Sheet.Frame>\n    </Sheet>\n  )\n}\n"],
+  "mappings": "AAAA,SAAS,aAAa,iBAAiB;AACvC,SAAS,aAAa;AAEtB,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,IAAI,WAAW,cAAc;AAE3C,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,CAAC;AAC1C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK;AACxC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,SACE;AAAA,IACE,CAAC,OAAO;AAAA,MACN,CAAC,OAAO,SAAS,MAAM,QAAQ,IAAI,GAAG,IAAI,EAAzC;AAAA,MACD,CAAC,OAAO,SAAS,MAAM,SAAS,CAAC,MAAM,CAAC,CAAC,IACtC,QAAQ,gBAAgB,eAC3B,EAFC;AAAA,IAGH,EALC;AAAA,IAOD,CAAC,MACC,0BAA0B,MAC1B,OAAO,OACP,MAAM,MACN,cAAc,SACd,YAAY,CAAC,IAAI,IAAI,EAAE,GACvB,sBACA,UAAU,UACV,kBAAkB,aAClB,QAAQ;AAAA,MAER,CAAC,MAAM,QAAQ;AAAA,MACf,CAAC,MAAM,OAAO;AAAA,MACd,CAAC,MAAM,MAAM,GAAG,GAAG,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,MAAM;AAAA,QACtD,CAAC,OAAO,KAAK,KAAK,SAAS,MAAM,aAAa,SAAS,MAAM,QAAQ,KAAK,GAAG;AAAA,QAC7E,CAAC,OACC,KAAK,KACL,SACA,MAAM,WACN,SAAS,MAAM,aAAa,IAAI,GACjC;AAAA,QACD,CAAC,WAAW,MAAM,WAAW,cAAc,cAAc;AAAA,MAC3D,EATC,MAAM;AAAA,IAUT,EAvBC;AAAA,EAwBH;AAEJ;AAEA,SAAS,WAAW,OAAmB;AACrC,SACE,CAAC,MAAM,MAAM,YAAY,CAAC,EAAE,GAAG,0BAA0B;AAAA,IACvD,CAAC,MAAM,QAAQ;AAAA,IACf,CAAC,MAAM,OAAO;AAAA,IACd,CAAC,MAAM,MAAM,GAAG,GAAG,GAAG,SAAS,GAAG,SAAS,MAAM,KAC/C,CAAC,MAAM,WAAW,EAAE,KAAK;AAAA,MACvB,CAAC,OACC,KAAK,KACL,SACA,IAAI,SACJ,MAAM,aACN,SAAS,MAAM,MAAM,eAAe,KAAK,GAC3C;AAAA,MACA,CAAC,GAAG,WAAW,EAAd;AAAA,MACD,CAAC,GAAG,iBAAiB,EAApB;AAAA,OACA,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MACd,CAAC,UAAU,KAAK,GAAG,KAAK,MAAM,0WAM9B,EANC,UAOF;AAAA,IACH,EAnBC,MAAM,WAoBT,EArBC,MAAM;AAAA,EAsBT,EAzBC;AA2BL;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/demos",
-  "version": "1.0.1-rc.9",
+  "version": "1.0.1",
   "sideEffects": [
     "*.css"
   ],
@@ -28,27 +28,27 @@
     }
   },
   "dependencies": {
-    "@tamagui/avatar": "^1.0.1-rc.9",
-    "@tamagui/button": "^1.0.1-rc.9",
-    "@tamagui/config-base": "^1.0.1-rc.9",
-    "@tamagui/core": "^1.0.1-rc.9",
-    "@tamagui/list-item": "^1.0.1-rc.9",
-    "@tamagui/logo": "^1.0.1-rc.9",
-    "@tamagui/menu": "^1.0.1-rc.9",
-    "@tamagui/popover": "^1.0.1-rc.9",
-    "@tamagui/progress": "^1.0.1-rc.9",
-    "@tamagui/select": "^1.0.1-rc.9",
-    "@tamagui/sheet": "^1.0.1-rc.9",
-    "@tamagui/slider": "^1.0.1-rc.9",
-    "@tamagui/stacks": "^1.0.1-rc.9",
-    "tamagui": "^1.0.1-rc.9"
+    "@tamagui/avatar": "^1.0.1",
+    "@tamagui/button": "^1.0.1",
+    "@tamagui/config-base": "^1.0.1",
+    "@tamagui/core": "^1.0.1",
+    "@tamagui/list-item": "^1.0.1",
+    "@tamagui/logo": "^1.0.1",
+    "@tamagui/menu": "^1.0.1",
+    "@tamagui/popover": "^1.0.1",
+    "@tamagui/progress": "^1.0.1",
+    "@tamagui/select": "^1.0.1",
+    "@tamagui/sheet": "^1.0.1",
+    "@tamagui/slider": "^1.0.1",
+    "@tamagui/stacks": "^1.0.1",
+    "tamagui": "^1.0.1"
   },
   "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "*",
+    "react-dom": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-rc.9",
+    "@tamagui/build": "^1.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

package/src/DialogDemo.tsx

@@ -4,6 +4,7 @@ import {
   Button,
   Dialog,
   Fieldset,
+  H2,
   Input,
   Label,
   Sheet,
@@ -51,10 +52,6 @@ export function DialogDemo() {
           ]}
           enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.9 }}
           exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}
-          x={0}
-          scale={1}
-          opacity={1}
-          y={0}
           space
         >
           <Dialog.Title>Edit profile</Dialog.Title>

package/src/FormsDemo.tsx

@@ -6,7 +6,7 @@ export function FormsDemo() {
       <FormDemo size="$2" />
       <FormDemo size="$3" />
       <FormDemo size="$4" />
-      <TextArea placeholder="Enter your details..." numberOfLines={4} />
+      <TextArea mih={140} placeholder="Enter your details..." numberOfLines={4} />
     </YStack>
   )
 }

package/src/PopoverDemo.tsx

@@ -1,5 +1,14 @@
 import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from '@tamagui/lucide-icons'
-import { Adapt, Button, Input, Label, Popover, PopoverProps, XStack } from 'tamagui'
+import {
+  Adapt,
+  Button,
+  Input,
+  Label,
+  Popover,
+  PopoverProps,
+  XStack,
+  YGroup,
+} from 'tamagui'
 
 export function PopoverDemo() {
   return (
@@ -48,12 +57,24 @@ export function Demo({ Icon, ...props }: PopoverProps & { Icon?: any }) {
       >
         <Popover.Arrow bw={1} boc="$borderColor" />
 
-        <XStack space="$3">
-          <Label size="$3" htmlFor="name">
-            Name
-          </Label>
-          <Input size="$3" id="name" />
-        </XStack>
+        <YGroup space="$3">
+          <XStack space="$3">
+            <Label size="$3" htmlFor="name">
+              Name
+            </Label>
+            <Input size="$3" id="name" />
+          </XStack>
+          <Popover.Trigger>
+            <Button
+              size="$3"
+              onPress={() => {
+                /* Custom code goes here, does not interfere with popover closure */
+              }}
+            >
+              Submit
+            </Button>
+          </Popover.Trigger>
+        </YGroup>
       </Popover.Content>
     </Popover>
   )

package/src/SheetDemo.tsx

@@ -2,12 +2,12 @@ import { ChevronDown, ChevronUp } from '@tamagui/lucide-icons'
 import { Sheet } from '@tamagui/sheet'
 import { SheetProps } from '@tamagui/sheet/types/types'
 import { useState } from 'react'
-import { Button, H1, H2, Paragraph, PortalItem, Square, XStack } from 'tamagui'
+import { Button, H1, H2, Paragraph, XStack } from 'tamagui'
 
 export const SheetDemo = () => {
   const [position, setPosition] = useState(0)
   const [open, setOpen] = useState(false)
-  const [modal, setModal] = useState(true)
+  const [modal, setModal] = useState(false)
   const [innerOpen, setInnerOpen] = useState(false)
 
   return (
@@ -20,6 +20,7 @@ export const SheetDemo = () => {
       </XStack>
 
       <Sheet
+        forceRemoveScrollEnabled={open}
         modal={modal}
         open={open}
         onOpenChange={setOpen}