@tamagui/demos 1.0.15 → 1.0.16

package/dist/cjs/DialogDemo.js

@@ -115,6 +115,7 @@ function DialogDemo() {
                 ai: "flex-end",
                 mt: "$2",
                 children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, {
+                  displayWhenAdapted: true,
                   asChild: true,
                   children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
                     theme: "alt1",

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  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;",
+  "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\n        <Dialog.Content\n          bordered\n          elevate\n          key=\"content\"\n          animation={[\n            'quick',\n            {\n              opacity: {\n                overshootClamping: true,\n              },\n            },\n          ]}\n          enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.9 }}\n          exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}\n          space\n        >\n          <Dialog.Title>Edit profile</Dialog.Title>\n          <Dialog.Description>\n            Make changes to your profile here. Click save when you're done.\n          </Dialog.Description>\n          <Fieldset space=\"$4\" horizontal>\n            <Label w={160} justifyContent=\"flex-end\" htmlFor=\"name\">\n              Name\n            </Label>\n            <Input f={1} id=\"name\" defaultValue=\"Nate Wienert\" />\n          </Fieldset>\n          <Fieldset space=\"$4\" horizontal>\n            <Label w={160} justifyContent=\"flex-end\" htmlFor=\"username\">\n              Food\n            </Label>\n            <SelectDemo />\n          </Fieldset>\n\n          <YStack ai=\"flex-end\" mt=\"$2\">\n            <Dialog.Close displayWhenAdapted asChild>\n              <Button theme=\"alt1\" aria-label=\"Close\">\n                Save changes\n              </Button>\n            </Dialog.Close>\n          </YStack>\n\n          <Unspaced>\n            <Dialog.Close asChild>\n              <Button pos=\"absolute\" t=\"$2\" r=\"$2\" size=\"$3\" circular icon={X} />\n            </Dialog.Close>\n          </Unspaced>\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog>\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBQ;AApBR,0BAAkB;AAClB,qBAWO;AAEP,wBAA2B;AAEpB,SAAS,aAAa;AAC3B,SACE,6CAAC;AAAA,IAAO,OAAK;AAAA,IACX;AAAA,kDAAC,sBAAO,SAAP;AAAA,QAAe,SAAO;AAAA,QACrB,sDAAC;AAAA,UAAO;AAAA,SAAY;AAAA,OACtB;AAAA,MAEA,4CAAC;AAAA,QAAM,MAAK;AAAA,QAAK,UAAS;AAAA,QACxB,uDAAC;AAAA,UAAM,QAAQ;AAAA,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,UAEA,6CAAC,sBAAO,SAAP;AAAA,YACC,UAAQ;AAAA,YACR,SAAO;AAAA,YAEP,WAAW;AAAA,cACT;AAAA,cACA;AAAA,gBACE,SAAS;AAAA,kBACP,mBAAmB;AAAA,gBACrB;AAAA,cACF;AAAA,YACF;AAAA,YACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,YACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,YAClD,OAAK;AAAA,YAEL;AAAA,0DAAC,sBAAO,OAAP;AAAA,gBAAa;AAAA,eAAY;AAAA,cAC1B,4CAAC,sBAAO,aAAP;AAAA,gBAAmB;AAAA,eAEpB;AAAA,cACA,6CAAC;AAAA,gBAAS,OAAM;AAAA,gBAAK,YAAU;AAAA,gBAC7B;AAAA,8DAAC;AAAA,oBAAM,GAAG;AAAA,oBAAK,gBAAe;AAAA,oBAAW,SAAQ;AAAA,oBAAO;AAAA,mBAExD;AAAA,kBACA,4CAAC;AAAA,oBAAM,GAAG;AAAA,oBAAG,IAAG;AAAA,oBAAO,cAAa;AAAA,mBAAe;AAAA;AAAA,eACrD;AAAA,cACA,6CAAC;AAAA,gBAAS,OAAM;AAAA,gBAAK,YAAU;AAAA,gBAC7B;AAAA,8DAAC;AAAA,oBAAM,GAAG;AAAA,oBAAK,gBAAe;AAAA,oBAAW,SAAQ;AAAA,oBAAW;AAAA,mBAE5D;AAAA,kBACA,4CAAC,gCAAW;AAAA;AAAA,eACd;AAAA,cAEA,4CAAC;AAAA,gBAAO,IAAG;AAAA,gBAAW,IAAG;AAAA,gBACvB,sDAAC,sBAAO,OAAP;AAAA,kBAAa,oBAAkB;AAAA,kBAAC,SAAO;AAAA,kBACtC,sDAAC;AAAA,oBAAO,OAAM;AAAA,oBAAO,cAAW;AAAA,oBAAQ;AAAA,mBAExC;AAAA,iBACF;AAAA,eACF;AAAA,cAEA,4CAAC;AAAA,gBACC,sDAAC,sBAAO,OAAP;AAAA,kBAAa,SAAO;AAAA,kBACnB,sDAAC;AAAA,oBAAO,KAAI;AAAA,oBAAW,GAAE;AAAA,oBAAK,GAAE;AAAA,oBAAK,MAAK;AAAA,oBAAK,UAAQ;AAAA,oBAAC,MAAM;AAAA,mBAAG;AAAA,iBACnE;AAAA,eACF;AAAA;AAAA,aA1CI,SA2CN;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;",
   "names": []
 }

package/dist/esm/DialogDemo.js

@@ -102,6 +102,7 @@ function DialogDemo() {
                 ai: "flex-end",
                 mt: "$2",
                 children: /* @__PURE__ */ jsx(Dialog.Close, {
+                  displayWhenAdapted: true,
                   asChild: true,
                   children: /* @__PURE__ */ jsx(Button, {
                     theme: "alt1",

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  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;",
+  "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\n        <Dialog.Content\n          bordered\n          elevate\n          key=\"content\"\n          animation={[\n            'quick',\n            {\n              opacity: {\n                overshootClamping: true,\n              },\n            },\n          ]}\n          enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.9 }}\n          exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}\n          space\n        >\n          <Dialog.Title>Edit profile</Dialog.Title>\n          <Dialog.Description>\n            Make changes to your profile here. Click save when you're done.\n          </Dialog.Description>\n          <Fieldset space=\"$4\" horizontal>\n            <Label w={160} justifyContent=\"flex-end\" htmlFor=\"name\">\n              Name\n            </Label>\n            <Input f={1} id=\"name\" defaultValue=\"Nate Wienert\" />\n          </Fieldset>\n          <Fieldset space=\"$4\" horizontal>\n            <Label w={160} justifyContent=\"flex-end\" htmlFor=\"username\">\n              Food\n            </Label>\n            <SelectDemo />\n          </Fieldset>\n\n          <YStack ai=\"flex-end\" mt=\"$2\">\n            <Dialog.Close displayWhenAdapted asChild>\n              <Button theme=\"alt1\" aria-label=\"Close\">\n                Save changes\n              </Button>\n            </Dialog.Close>\n          </YStack>\n\n          <Unspaced>\n            <Dialog.Close asChild>\n              <Button pos=\"absolute\" t=\"$2\" r=\"$2\" size=\"$3\" circular icon={X} />\n            </Dialog.Close>\n          </Unspaced>\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog>\n  )\n}\n"],
+  "mappings": "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,UAEA,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,oBAAkB;AAAA,kBAAC,SAAO;AAAA,kBACtC,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/jsx/DialogDemo.js

@@ -38,7 +38,7 @@ function DialogDemo() {
           <Label w={160} justifyContent="flex-end" htmlFor="username">Food</Label>
           <SelectDemo />
         </Fieldset>
-        <YStack ai="flex-end" mt="$2"><Dialog.Close asChild><Button theme="alt1" aria-label="Close">Save changes</Button></Dialog.Close></YStack>
+        <YStack ai="flex-end" mt="$2"><Dialog.Close displayWhenAdapted asChild><Button theme="alt1" aria-label="Close">Save changes</Button></Dialog.Close></YStack>
         <Unspaced><Dialog.Close asChild><Button pos="absolute" t="$2" r="$2" size="$3" circular icon={X} /></Dialog.Close></Unspaced>
       </Dialog.Content>
     </Dialog.Portal>

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  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;",
+  "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\n        <Dialog.Content\n          bordered\n          elevate\n          key=\"content\"\n          animation={[\n            'quick',\n            {\n              opacity: {\n                overshootClamping: true,\n              },\n            },\n          ]}\n          enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.9 }}\n          exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}\n          space\n        >\n          <Dialog.Title>Edit profile</Dialog.Title>\n          <Dialog.Description>\n            Make changes to your profile here. Click save when you're done.\n          </Dialog.Description>\n          <Fieldset space=\"$4\" horizontal>\n            <Label w={160} justifyContent=\"flex-end\" htmlFor=\"name\">\n              Name\n            </Label>\n            <Input f={1} id=\"name\" defaultValue=\"Nate Wienert\" />\n          </Fieldset>\n          <Fieldset space=\"$4\" horizontal>\n            <Label w={160} justifyContent=\"flex-end\" htmlFor=\"username\">\n              Food\n            </Label>\n            <SelectDemo />\n          </Fieldset>\n\n          <YStack ai=\"flex-end\" mt=\"$2\">\n            <Dialog.Close displayWhenAdapted asChild>\n              <Button theme=\"alt1\" aria-label=\"Close\">\n                Save changes\n              </Button>\n            </Dialog.Close>\n          </YStack>\n\n          <Unspaced>\n            <Dialog.Close asChild>\n              <Button pos=\"absolute\" t=\"$2\" r=\"$2\" size=\"$3\" circular icon={X} />\n            </Dialog.Close>\n          </Unspaced>\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog>\n  )\n}\n"],
+  "mappings": "AAAA,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,MAEA,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,mBAAmB,QAC/B,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,EAxDC,OAAO;AAAA,EAyDV,EAvEC;AAyEL;",
   "names": []
 }

package/package.json

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

package/src/DialogDemo.tsx

@@ -38,6 +38,7 @@ export function DialogDemo() {
           enterStyle={{ o: 0 }}
           exitStyle={{ o: 0 }}
         />
+
         <Dialog.Content
           bordered
           elevate
@@ -72,7 +73,7 @@ export function DialogDemo() {
           </Fieldset>
 
           <YStack ai="flex-end" mt="$2">
-            <Dialog.Close asChild>
+            <Dialog.Close displayWhenAdapted asChild>
               <Button theme="alt1" aria-label="Close">
                 Save changes
               </Button>