@tamagui/demos 1.88.18 → 1.88.20

package/dist/jsx/DialogDemo.js

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

package/dist/jsx/DialogDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/DialogDemo.tsx"],
-  "mappings": "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",
-  "names": ["open"]
+  "mappings": "AAAA,SAAS,SAAS;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,sBAAsB;AAGtB,cAWD,YAXC;AADF,SAAS,aAAa;AAC3B,SAAO,oBAAC,kBAAe;AACzB;AAEA,SAAS,iBAAiB;AACxB,SACE,qBAAC,UAAO,OAAK,IACX;AAAA,wBAAC,OAAO,SAAP,EAAe,SAAO,IACrB,8BAAC,UAAO,yBAAW,GACrB;AAAA,IAEA,oBAAC,SAAM,MAAK,MAAK,UAAS,SACxB,+BAAC,SAAM,WAAU,UAAS,QAAQ,KAAQ,OAAK,IAAC,uBAAqB,IACnE;AAAA,0BAAC,MAAM,OAAN,EAAY,SAAQ,MAAK,KAAI,MAC5B,8BAAC,MAAM,UAAN,EAAe,GAClB;AAAA,MACA;AAAA,QAAC,MAAM;AAAA,QAAN;AAAA,UACC,WAAU;AAAA,UACV,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,MAC1B;AAAA,OACF,GACF;AAAA,IAEA,qBAAC,OAAO,QAAP,EACC;AAAA;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UAEC,WAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,QAJpB;AAAA,MAKN;AAAA,MAEA;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UACC,UAAQ;AAAA,UACR,SAAO;AAAA,UAEP,aAAa,CAAC,aAAa,SAAS;AAAA,UACpC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,SAAS;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA,UACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,UACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,UAClD,KAAI;AAAA,UAEJ;AAAA,gCAAC,OAAO,OAAP,EAAa,0BAAY;AAAA,YAC1B,oBAAC,OAAO,aAAP,EAAmB,6EAEpB;AAAA,YACA,qBAAC,YAAS,KAAI,MAAK,YAAU,IAC3B;AAAA,kCAAC,SAAM,OAAO,KAAK,gBAAe,YAAW,SAAQ,QAAO,kBAE5D;AAAA,cACA,oBAAC,SAAM,MAAM,GAAG,IAAG,QAAO,cAAa,gBAAe;AAAA,eACxD;AAAA,YACA,qBAAC,YAAS,KAAI,MAAK,YAAU,IAC3B;AAAA,kCAAC,SAAM,OAAO,KAAK,gBAAe,YAAW,SAAQ,YACnD,8BAAC,iBAAc,OAAM,sBAAqB,WAAU,gBAClD,8BAAC,aAAU,kBAAI,GACjB,GACF;AAAA,cACA,oBAAC,kBAAe;AAAA,eAClB;AAAA,YAEA,qBAAC,UAAO,WAAU,YAAW,KAAI,MAC/B;AAAA,kCAAC,kBAAe;AAAA,cAEhB,oBAAC,OAAO,OAAP,EAAa,oBAAkB,IAAC,SAAO,IACtC,8BAAC,UAAO,OAAM,UAAS,cAAW,SAAQ,0BAE1C,GACF;AAAA,eACF;AAAA,YAEA,oBAAC,YACC,8BAAC,OAAO,OAAP,EAAa,SAAO,IACnB;AAAA,cAAC;AAAA;AAAA,gBACC,UAAS;AAAA,gBACT,KAAI;AAAA,gBACJ,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,UAAQ;AAAA,gBACR,MAAM;AAAA;AAAA,YACR,GACF,GACF;AAAA;AAAA;AAAA,QAtDI;AAAA,MAuDN;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "names": []
 }

package/dist/jsx/DialogDemo.mjs

@@ -1,5 +1,4 @@
 import { X } from "@tamagui/lucide-icons";
-import { useState } from "react";
 import { Adapt, Button, Dialog, Fieldset, Input, Label, Paragraph, Sheet, TooltipSimple, Unspaced, XStack } from "tamagui";
 import { SelectDemoItem } from "./SelectDemo.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -7,12 +6,8 @@ function DialogDemo() {
   return /* @__PURE__ */jsx(DialogInstance, {});
 }
 function DialogInstance() {
-  const [open, setOpen] = useState(!1);
   return /* @__PURE__ */jsxs(Dialog, {
     modal: !0,
-    onOpenChange: open2 => {
-      setOpen(open2);
-    },
     children: [/* @__PURE__ */jsx(Dialog.Trigger, {
       asChild: !0,
       children: /* @__PURE__ */jsx(Button, {
@@ -42,7 +37,7 @@ function DialogInstance() {
       })
     }), /* @__PURE__ */jsxs(Dialog.Portal, {
       children: [/* @__PURE__ */jsx(Dialog.Overlay, {
-        animation: "quick",
+        animation: "slow",
         opacity: 0.5,
         enterStyle: {
           opacity: 0
@@ -54,7 +49,7 @@ function DialogInstance() {
         bordered: !0,
         elevate: !0,
         animateOnly: ["transform", "opacity"],
-        animation: ["quick", {
+        animation: ["quicker", {
           opacity: {
             overshootClamping: !0
           }

package/dist/jsx/DialogDemo.native.js

@@ -18,94 +18,84 @@ __export(DialogDemo_exports, {
   DialogDemo: () => DialogDemo
 });
 module.exports = __toCommonJS(DialogDemo_exports);
-var import_lucide_icons = require("@tamagui/lucide-icons"), import_react = require("react"), import_tamagui = require("tamagui"), import_SelectDemo = require("./SelectDemo"), import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_SelectDemo = require("./SelectDemo"), import_jsx_runtime = require("react/jsx-runtime");
 function DialogDemo() {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogInstance, {});
 }
 function DialogInstance() {
-  const [open, setOpen] = (0, import_react.useState)(!1);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_tamagui.Dialog,
-    {
-      modal: !0,
-      onOpenChange: (open2) => {
-        setOpen(open2);
-      },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Trigger, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Show Dialog" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, { animation: "medium", zIndex: 2e5, modal: !0, dismissOnSnapToBottom: !0, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, { padding: "$4", gap: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_tamagui.Sheet.Overlay,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog, { modal: !0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Trigger, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Show Dialog" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, { animation: "medium", zIndex: 2e5, modal: !0, dismissOnSnapToBottom: !0, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, { padding: "$4", gap: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_tamagui.Sheet.Overlay,
+        {
+          animation: "lazy",
+          enterStyle: { opacity: 0 },
+          exitStyle: { opacity: 0 }
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Portal, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_tamagui.Dialog.Overlay,
+        {
+          animation: "slow",
+          opacity: 0.5,
+          enterStyle: { opacity: 0 },
+          exitStyle: { opacity: 0 }
+        },
+        "overlay"
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_tamagui.Dialog.Content,
+        {
+          bordered: !0,
+          elevate: !0,
+          animateOnly: ["transform", "opacity"],
+          animation: [
+            "quicker",
             {
-              animation: "lazy",
-              enterStyle: { opacity: 0 },
-              exitStyle: { opacity: 0 }
+              opacity: {
+                overshootClamping: !0
+              }
             }
-          )
-        ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Portal, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_tamagui.Dialog.Overlay,
-            {
-              animation: "quick",
-              opacity: 0.5,
-              enterStyle: { opacity: 0 },
-              exitStyle: { opacity: 0 }
-            },
-            "overlay"
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-            import_tamagui.Dialog.Content,
-            {
-              bordered: !0,
-              elevate: !0,
-              animateOnly: ["transform", "opacity"],
-              animation: [
-                "quick",
-                {
-                  opacity: {
-                    overshootClamping: !0
-                  }
-                }
-              ],
-              enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.9 },
-              exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
-              gap: "$4",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Title, { children: "Edit profile" }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Description, { children: "Make changes to your profile here. Click save when you're done." }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Fieldset, { gap: "$4", horizontal: !0, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { width: 160, justifyContent: "flex-end", htmlFor: "name", children: "Name" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { flex: 1, id: "name", defaultValue: "Nate Wienert" })
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Fieldset, { gap: "$4", horizontal: !0, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { width: 160, justifyContent: "flex-end", htmlFor: "username", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TooltipSimple, { label: "Pick your favorite", placement: "bottom-start", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "Food" }) }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectDemo.SelectDemoItem, {})
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { alignSelf: "flex-end", gap: "$4", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogInstance, {}),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, { displayWhenAdapted: !0, asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: "active", "aria-label": "Close", children: "Save changes" }) })
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Unspaced, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  import_tamagui.Button,
-                  {
-                    position: "absolute",
-                    top: "$3",
-                    right: "$3",
-                    size: "$2",
-                    circular: !0,
-                    icon: import_lucide_icons.X
-                  }
-                ) }) })
-              ]
-            },
-            "content"
-          )
-        ] })
-      ]
-    }
-  );
+          ],
+          enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.9 },
+          exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
+          gap: "$4",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Title, { children: "Edit profile" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Description, { children: "Make changes to your profile here. Click save when you're done." }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Fieldset, { gap: "$4", horizontal: !0, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { width: 160, justifyContent: "flex-end", htmlFor: "name", children: "Name" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { flex: 1, id: "name", defaultValue: "Nate Wienert" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Fieldset, { gap: "$4", horizontal: !0, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { width: 160, justifyContent: "flex-end", htmlFor: "username", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TooltipSimple, { label: "Pick your favorite", placement: "bottom-start", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "Food" }) }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SelectDemo.SelectDemoItem, {})
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { alignSelf: "flex-end", gap: "$4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogInstance, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, { displayWhenAdapted: !0, asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: "active", "aria-label": "Close", children: "Save changes" }) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Unspaced, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_tamagui.Button,
+              {
+                position: "absolute",
+                top: "$3",
+                right: "$3",
+                size: "$2",
+                circular: !0,
+                icon: import_lucide_icons.X
+              }
+            ) }) })
+          ]
+        },
+        "content"
+      )
+    ] })
+  ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/DialogDemo.tsx"],
-  "mappings": "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",
-  "names": ["open"]
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAkB,kCAClB,iBAYO,oBAEP,oBAA+B,yBAGtB;AADF,SAAS,aAAa;AAC3B,SAAO,4CAAC,kBAAe;AACzB;AAEA,SAAS,iBAAiB;AACxB,SACE,6CAAC,yBAAO,OAAK,IACX;AAAA,gDAAC,sBAAO,SAAP,EAAe,SAAO,IACrB,sDAAC,yBAAO,yBAAW,GACrB;AAAA,IAEA,4CAAC,wBAAM,MAAK,MAAK,UAAS,SACxB,uDAAC,wBAAM,WAAU,UAAS,QAAQ,KAAQ,OAAK,IAAC,uBAAqB,IACnE;AAAA,kDAAC,qBAAM,OAAN,EAAY,SAAQ,MAAK,KAAI,MAC5B,sDAAC,qBAAM,UAAN,EAAe,GAClB;AAAA,MACA;AAAA,QAAC,qBAAM;AAAA,QAAN;AAAA,UACC,WAAU;AAAA,UACV,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,MAC1B;AAAA,OACF,GACF;AAAA,IAEA,6CAAC,sBAAO,QAAP,EACC;AAAA;AAAA,QAAC,sBAAO;AAAA,QAAP;AAAA,UAEC,WAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,QAJpB;AAAA,MAKN;AAAA,MAEA;AAAA,QAAC,sBAAO;AAAA,QAAP;AAAA,UACC,UAAQ;AAAA,UACR,SAAO;AAAA,UAEP,aAAa,CAAC,aAAa,SAAS;AAAA,UACpC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,SAAS;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA,UACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,UACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,UAClD,KAAI;AAAA,UAEJ;AAAA,wDAAC,sBAAO,OAAP,EAAa,0BAAY;AAAA,YAC1B,4CAAC,sBAAO,aAAP,EAAmB,6EAEpB;AAAA,YACA,6CAAC,2BAAS,KAAI,MAAK,YAAU,IAC3B;AAAA,0DAAC,wBAAM,OAAO,KAAK,gBAAe,YAAW,SAAQ,QAAO,kBAE5D;AAAA,cACA,4CAAC,wBAAM,MAAM,GAAG,IAAG,QAAO,cAAa,gBAAe;AAAA,eACxD;AAAA,YACA,6CAAC,2BAAS,KAAI,MAAK,YAAU,IAC3B;AAAA,0DAAC,wBAAM,OAAO,KAAK,gBAAe,YAAW,SAAQ,YACnD,sDAAC,gCAAc,OAAM,sBAAqB,WAAU,gBAClD,sDAAC,4BAAU,kBAAI,GACjB,GACF;AAAA,cACA,4CAAC,oCAAe;AAAA,eAClB;AAAA,YAEA,6CAAC,yBAAO,WAAU,YAAW,KAAI,MAC/B;AAAA,0DAAC,kBAAe;AAAA,cAEhB,4CAAC,sBAAO,OAAP,EAAa,oBAAkB,IAAC,SAAO,IACtC,sDAAC,yBAAO,OAAM,UAAS,cAAW,SAAQ,0BAE1C,GACF;AAAA,eACF;AAAA,YAEA,4CAAC,2BACC,sDAAC,sBAAO,OAAP,EAAa,SAAO,IACnB;AAAA,cAAC;AAAA;AAAA,gBACC,UAAS;AAAA,gBACT,KAAI;AAAA,gBACJ,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,UAAQ;AAAA,gBACR,MAAM;AAAA;AAAA,YACR,GACF,GACF;AAAA;AAAA;AAAA,QAtDI;AAAA,MAuDN;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "names": []
 }