@tamagui/demos 1.89.0-1706483140977 → 1.89.0

package/dist/esm/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/esm/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/esm/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/esm/DialogDemo.native.js

@@ -1,114 +1,98 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var DialogDemo_exports = {};
-__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");
+import { X } from "@tamagui/lucide-icons";
+import {
+  Adapt,
+  Button,
+  Dialog,
+  Fieldset,
+  Input,
+  Label,
+  Paragraph,
+  Sheet,
+  TooltipSimple,
+  Unspaced,
+  XStack
+} from "tamagui";
+import { SelectDemoItem } from "./SelectDemo";
+import { jsx, jsxs } from "react/jsx-runtime";
 function DialogDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogInstance, {});
+  return /* @__PURE__ */ 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__ */ 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__ */ (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__ */ 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"
+      )
+    ] })
+  ] });
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   DialogDemo
-});
+};
 //# sourceMappingURL=DialogDemo.js.map

package/dist/esm/DialogDemo.native.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/esm/FormsDemo.native.js

@@ -1,35 +1,17 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var FormsDemo_exports = {};
-__export(FormsDemo_exports, {
-  FormsDemo: () => FormsDemo
-});
-module.exports = __toCommonJS(FormsDemo_exports);
-var import_react = require("react"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+import { useEffect, useState } from "react";
+import { Button, Form, H4, Spinner } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 function FormsDemo(props) {
-  const [status, setStatus] = (0, import_react.useState)("off");
-  return (0, import_react.useEffect)(() => {
+  const [status, setStatus] = useState("off");
+  return useEffect(() => {
     if (status === "submitting") {
       const timer = setTimeout(() => setStatus("off"), 2e3);
       return () => {
         clearTimeout(timer);
       };
     }
-  }, [status]), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_tamagui.Form,
+  }, [status]), /* @__PURE__ */ jsxs(
+    Form,
     {
       alignItems: "center",
       minWidth: 300,
@@ -41,14 +23,13 @@ function FormsDemo(props) {
       borderColor: "$borderColor",
       padding: "$8",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H4, { children: status[0].toUpperCase() + status.slice(1) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Form.Trigger, { asChild: !0, disabled: status !== "off", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { icon: status === "submitting" ? () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {}) : void 0, children: "Submit" }) })
+        /* @__PURE__ */ jsx(H4, { children: status[0].toUpperCase() + status.slice(1) }),
+        /* @__PURE__ */ jsx(Form.Trigger, { asChild: !0, disabled: status !== "off", children: /* @__PURE__ */ jsx(Button, { icon: status === "submitting" ? () => /* @__PURE__ */ jsx(Spinner, {}) : void 0, children: "Submit" }) })
       ]
     }
   );
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   FormsDemo
-});
+};
 //# sourceMappingURL=FormsDemo.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/FormsDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC,kBAEpC,iBAA0C,oBAetC;AAbG,SAAS,UAAU,OAA6B;AACrD,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAA6C,KAAK;AAE9E,qCAAU,MAAM;AACd,QAAI,WAAW,cAAc;AAC3B,YAAM,QAAQ,WAAW,MAAM,UAAU,KAAK,GAAG,GAAI;AACrD,aAAO,MAAM;AACX,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,CAAC,GAGT;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,UAAU;AAAA,MACV,KAAI;AAAA,MACJ,UAAU,MAAM,UAAU,YAAY;AAAA,MACtC,aAAa;AAAA,MACb,cAAa;AAAA,MACb,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,SAAQ;AAAA,MAER;AAAA,oDAAC,qBAAI,iBAAO,CAAC,EAAE,YAAY,IAAI,OAAO,MAAM,CAAC,GAAE;AAAA,QAE/C,4CAAC,oBAAK,SAAL,EAAa,SAAO,IAAC,UAAU,WAAW,OACzC,sDAAC,yBAAO,MAAM,WAAW,eAAe,MAAM,4CAAC,0BAAQ,IAAK,QAAW,oBAEvE,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "mappings": "AAAA,SAAS,WAAW,gBAAgB;AAEpC,SAAS,QAAQ,MAAM,IAAI,eAAe;AAetC,SAWE,KAXF;AAbG,SAAS,UAAU,OAA6B;AACrD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA6C,KAAK;AAE9E,mBAAU,MAAM;AACd,QAAI,WAAW,cAAc;AAC3B,YAAM,QAAQ,WAAW,MAAM,UAAU,KAAK,GAAG,GAAI;AACrD,aAAO,MAAM;AACX,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,CAAC,GAGT;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,UAAU;AAAA,MACV,KAAI;AAAA,MACJ,UAAU,MAAM,UAAU,YAAY;AAAA,MACtC,aAAa;AAAA,MACb,cAAa;AAAA,MACb,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,SAAQ;AAAA,MAER;AAAA,4BAAC,MAAI,iBAAO,CAAC,EAAE,YAAY,IAAI,OAAO,MAAM,CAAC,GAAE;AAAA,QAE/C,oBAAC,KAAK,SAAL,EAAa,SAAO,IAAC,UAAU,WAAW,OACzC,8BAAC,UAAO,MAAM,WAAW,eAAe,MAAM,oBAAC,WAAQ,IAAK,QAAW,oBAEvE,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/dist/esm/Grid.native.js

@@ -1,35 +1,10 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
-  mod
-)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var Grid_exports = {};
-__export(Grid_exports, {
-  Grid: () => Grid
-});
-module.exports = __toCommonJS(Grid_exports);
-var import_core = require("@tamagui/core"), import_stacks = require("@tamagui/stacks"), import_react = __toESM(require("react")), import_jsx_runtime = require("react/jsx-runtime");
+import { isWeb } from "@tamagui/core";
+import { XStack } from "@tamagui/stacks";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
 function Grid({ children, columns, itemMinWidth = 200, gap }) {
-  if (import_core.isWeb)
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  if (isWeb)
+    return /* @__PURE__ */ jsx(
       "div",
       {
         style: {
@@ -43,9 +18,9 @@ function Grid({ children, columns, itemMinWidth = 200, gap }) {
         children
       }
     );
-  const childrenList = import_react.default.Children.toArray(children);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.XStack, { alignItems: "center", justifyContent: "center", flexWrap: "wrap", children: childrenList.map((child, i) => child ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_stacks.XStack,
+  const childrenList = React.Children.toArray(children);
+  return /* @__PURE__ */ jsx(XStack, { alignItems: "center", justifyContent: "center", flexWrap: "wrap", children: childrenList.map((child, i) => child ? /* @__PURE__ */ jsx(
+    XStack,
     {
       flex: 1,
       minWidth: itemMinWidth,
@@ -56,8 +31,7 @@ function Grid({ children, columns, itemMinWidth = 200, gap }) {
     i
   ) : null) });
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   Grid
-});
+};
 //# sourceMappingURL=Grid.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Grid.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAsB,0BACtB,gBAAuB,4BACvB,eAAkB,2BAYZ;AAHC,SAAS,KAAK,EAAE,UAAU,SAAS,eAAe,KAAK,IAAI,GAAc;AAC9E,MAAI;AACF,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL;AAAA,UACA,SAAS;AAAA,UACT,gBAAgB;AAAA;AAAA,UAEhB,qBAAqB,4BAA4B,YAAY;AAAA;AAAA,QAE/D;AAAA,QAEC;AAAA;AAAA,IACH;AAIJ,QAAM,eAAe,aAAAA,QAAM,SAAS,QAAQ,QAAQ;AAEpD,SACE,4CAAC,wBAAO,YAAW,UAAS,gBAAe,UAAS,UAAS,QAC1D,uBAAa,IAAI,CAAC,OAAO,MACnB,QAMH;AAAA,IAAC;AAAA;AAAA,MAEC,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa;AAAA,MACb,cAAc;AAAA,MAEb;AAAA;AAAA,IANI;AAAA,EAOP,IAbO,IAeV,GACH;AAEJ;",
-  "names": ["React"]
+  "mappings": "AAAA,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,OAAO,WAAW;AAYZ;AAHC,SAAS,KAAK,EAAE,UAAU,SAAS,eAAe,KAAK,IAAI,GAAc;AAC9E,MAAI;AACF,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL;AAAA,UACA,SAAS;AAAA,UACT,gBAAgB;AAAA;AAAA,UAEhB,qBAAqB,4BAA4B,YAAY;AAAA;AAAA,QAE/D;AAAA,QAEC;AAAA;AAAA,IACH;AAIJ,QAAM,eAAe,MAAM,SAAS,QAAQ,QAAQ;AAEpD,SACE,oBAAC,UAAO,YAAW,UAAS,gBAAe,UAAS,UAAS,QAC1D,uBAAa,IAAI,CAAC,OAAO,MACnB,QAMH;AAAA,IAAC;AAAA;AAAA,MAEC,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa;AAAA,MACb,cAAc;AAAA,MAEb;AAAA;AAAA,IANI;AAAA,EAOP,IAbO,IAeV,GACH;AAEJ;",
+  "names": []
 }