@tamagui/demos 1.111.9 → 1.111.11

package/dist/cjs/PopoverDemo.js

@@ -18,23 +18,63 @@ __export(PopoverDemo_exports, {
   PopoverDemo: () => PopoverDemo
 });
 module.exports = __toCommonJS(PopoverDemo_exports);
-var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons = require("@tamagui/lucide-icons"), import_react = require("react"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
 function PopoverDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$2", flex: 1, justifyContent: "center", alignItems: "center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, { placement: "left", Icon: import_lucide_icons.ChevronLeft, Name: "left-popover" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, { placement: "bottom", Icon: import_lucide_icons.ChevronDown, Name: "bottom-popover" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, { placement: "top", Icon: import_lucide_icons.ChevronUp, Name: "top-popover" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, { placement: "right", Icon: import_lucide_icons.ChevronRight, Name: "right-popover" })
+  const [shouldAdapt, setShouldAdapt] = (0, import_react.useState)(!0);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { gap: "$4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$2", flex: 1, justifyContent: "center", alignItems: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        Demo,
+        {
+          shouldAdapt,
+          placement: "left",
+          Icon: import_lucide_icons.ChevronLeft,
+          Name: "left-popover"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        Demo,
+        {
+          shouldAdapt,
+          placement: "bottom",
+          Icon: import_lucide_icons.ChevronDown,
+          Name: "bottom-popover"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        Demo,
+        {
+          shouldAdapt,
+          placement: "top",
+          Icon: import_lucide_icons.ChevronUp,
+          Name: "top-popover"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        Demo,
+        {
+          shouldAdapt,
+          placement: "right",
+          Icon: import_lucide_icons.ChevronRight,
+          Name: "right-popover"
+        }
+      )
+    ] }),
+    !import_tamagui.isWeb && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Button, { onPress: () => setShouldAdapt(!shouldAdapt), children: [
+      "Adapt to Sheet: ",
+      `${shouldAdapt}`
+    ] })
   ] });
 }
 function Demo({
   Icon,
   Name,
+  shouldAdapt,
   ...props
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover, { size: "$5", allowFlip: !0, ...props, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { icon: Icon }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Sheet, { modal: !0, dismissOnSnapToBottom: !0, children: [
+    shouldAdapt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Sheet, { modal: !0, dismissOnSnapToBottom: !0, children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Sheet.Frame, { padding: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {}) }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_tamagui.Popover.Sheet.Overlay,
@@ -66,7 +106,7 @@ function Demo({
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { gap: "$3", children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$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, { f: 1, size: "$3", id: Name })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Close, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               import_tamagui.Button,

package/dist/cjs/PopoverDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/PopoverDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAkE,kCAElE,iBAAqE,oBAIjE;AAFG,SAAS,cAAc;AAC5B,SACE,6CAAC,yBAAO,KAAI,MAAK,MAAM,GAAG,gBAAe,UAAS,YAAW,UAC3D;AAAA,gDAAC,QAAK,WAAU,QAAO,MAAM,iCAAa,MAAK,gBAAe;AAAA,IAC9D,4CAAC,QAAK,WAAU,UAAS,MAAM,iCAAa,MAAK,kBAAiB;AAAA,IAClE,4CAAC,QAAK,WAAU,OAAM,MAAM,+BAAW,MAAK,eAAc;AAAA,IAC1D,4CAAC,QAAK,WAAU,SAAQ,MAAM,kCAAc,MAAK,iBAAgB;AAAA,KACnE;AAEJ;AAEO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiD;AAC/C,SACE,6CAAC,0BAAQ,MAAK,MAAK,WAAS,IAAE,GAAG,OAC/B;AAAA,gDAAC,uBAAQ,SAAR,EAAgB,SAAO,IACtB,sDAAC,yBAAO,MAAM,MAAM,GACtB;AAAA,IAEA,4CAAC,wBAAM,MAAK,MAAK,UAAS,SACxB,uDAAC,uBAAQ,OAAR,EAAc,OAAK,IAAC,uBAAqB,IACxC;AAAA,kDAAC,uBAAQ,MAAM,OAAd,EAAoB,SAAQ,MAC3B,sDAAC,qBAAM,UAAN,EAAe,GAClB;AAAA,MACA;AAAA,QAAC,uBAAQ,MAAM;AAAA,QAAd;AAAA,UACC,WAAU;AAAA,UACV,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,MAC1B;AAAA,OACF,GACF;AAAA,IAEA;AAAA,MAAC,uBAAQ;AAAA,MAAR;AAAA,QACC,aAAa;AAAA,QACb,aAAY;AAAA,QACZ,YAAY,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QACjC,WAAW,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QAChC,SAAO;AAAA,QACP,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QAEA;AAAA,sDAAC,uBAAQ,OAAR,EAAc,aAAa,GAAG,aAAY,gBAAe;AAAA,UAE1D,6CAAC,yBAAO,KAAI,MACV;AAAA,yDAAC,yBAAO,KAAI,MACV;AAAA,0DAAC,wBAAM,MAAK,MAAK,SAAS,MAAM,kBAEhC;AAAA,cACA,4CAAC,wBAAM,MAAK,MAAK,IAAI,MAAM;AAAA,eAC7B;AAAA,YAEA,4CAAC,uBAAQ,OAAR,EAAc,SAAO,IACpB;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM;AAAA,gBAEf;AAAA,gBACD;AAAA;AAAA,YAED,GACF;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAkE,kCAClE,eAAyB,kBAEzB,iBAA4E,oBAOtE;AALC,SAAS,cAAc;AAC5B,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,EAAI;AAEnD,SACE,6CAAC,yBAAO,KAAI,MACV;AAAA,iDAAC,yBAAO,KAAI,MAAK,MAAM,GAAG,gBAAe,UAAS,YAAW,UAC3D;AAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,UACV,MAAM;AAAA,UACN,MAAK;AAAA;AAAA,MACP;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,UACV,MAAM;AAAA,UACN,MAAK;AAAA;AAAA,MACP;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,UACV,MAAM;AAAA,UACN,MAAK;AAAA;AAAA,MACP;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,UACV,MAAM;AAAA,UACN,MAAK;AAAA;AAAA,MACP;AAAA,OACF;AAAA,IAEC,CAAC,wBACA,6CAAC,yBAAO,SAAS,MAAM,eAAe,CAAC,WAAW,GAAG;AAAA;AAAA,MAClC,GAAG,WAAW;AAAA,OACjC;AAAA,KAEJ;AAEJ;AAEO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwE;AACtE,SACE,6CAAC,0BAAQ,MAAK,MAAK,WAAS,IAAE,GAAG,OAC/B;AAAA,gDAAC,uBAAQ,SAAR,EAAgB,SAAO,IACtB,sDAAC,yBAAO,MAAM,MAAM,GACtB;AAAA,IAEC,eACC,4CAAC,wBAAM,MAAK,MAAK,UAAS,SACxB,uDAAC,uBAAQ,OAAR,EAAc,OAAK,IAAC,uBAAqB,IACxC;AAAA,kDAAC,uBAAQ,MAAM,OAAd,EAAoB,SAAQ,MAC3B,sDAAC,qBAAM,UAAN,EAAe,GAClB;AAAA,MACA;AAAA,QAAC,uBAAQ,MAAM;AAAA,QAAd;AAAA,UACC,WAAU;AAAA,UACV,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,MAC1B;AAAA,OACF,GACF;AAAA,IAGF;AAAA,MAAC,uBAAQ;AAAA,MAAR;AAAA,QACC,aAAa;AAAA,QACb,aAAY;AAAA,QACZ,YAAY,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QACjC,WAAW,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QAChC,SAAO;AAAA,QACP,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QAEA;AAAA,sDAAC,uBAAQ,OAAR,EAAc,aAAa,GAAG,aAAY,gBAAe;AAAA,UAE1D,6CAAC,yBAAO,KAAI,MACV;AAAA,yDAAC,yBAAO,KAAI,MACV;AAAA,0DAAC,wBAAM,MAAK,MAAK,SAAS,MAAM,kBAEhC;AAAA,cACA,4CAAC,wBAAM,GAAG,GAAG,MAAK,MAAK,IAAI,MAAM;AAAA,eACnC;AAAA,YAEA,4CAAC,uBAAQ,OAAR,EAAc,SAAO,IACpB;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM;AAAA,gBAEf;AAAA,gBACD;AAAA;AAAA,YAED,GACF;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/cjs/PopoverDemo.native.js

@@ -19,39 +19,58 @@ __export(PopoverDemo_exports, {
   PopoverDemo: () => PopoverDemo
 });
 module.exports = __toCommonJS(PopoverDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"), import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime"), import_lucide_icons = require("@tamagui/lucide-icons"), import_react = require("react"), import_tamagui = require("tamagui");
 function PopoverDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-    gap: "$2",
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
+  var [shouldAdapt, setShouldAdapt] = (0, import_react.useState)(!0);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    gap: "$4",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
-        placement: "left",
-        Icon: import_lucide_icons.ChevronLeft,
-        Name: "left-popover"
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
-        placement: "bottom",
-        Icon: import_lucide_icons.ChevronDown,
-        Name: "bottom-popover"
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
-        placement: "top",
-        Icon: import_lucide_icons.ChevronUp,
-        Name: "top-popover"
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        gap: "$2",
+        flex: 1,
+        justifyContent: "center",
+        alignItems: "center",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+            shouldAdapt,
+            placement: "left",
+            Icon: import_lucide_icons.ChevronLeft,
+            Name: "left-popover"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+            shouldAdapt,
+            placement: "bottom",
+            Icon: import_lucide_icons.ChevronDown,
+            Name: "bottom-popover"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+            shouldAdapt,
+            placement: "top",
+            Icon: import_lucide_icons.ChevronUp,
+            Name: "top-popover"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
+            shouldAdapt,
+            placement: "right",
+            Icon: import_lucide_icons.ChevronRight,
+            Name: "right-popover"
+          })
+        ]
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
-        placement: "right",
-        Icon: import_lucide_icons.ChevronRight,
-        Name: "right-popover"
+      !import_tamagui.isWeb && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Button, {
+        onPress: function() {
+          return setShouldAdapt(!shouldAdapt);
+        },
+        children: [
+          "Adapt to Sheet: ",
+          `${shouldAdapt}`
+        ]
       })
     ]
   });
 }
 function Demo(param) {
-  var { Icon, Name, ...props } = param;
+  var { Icon, Name, shouldAdapt, ...props } = param;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
     size: "$5",
     allowFlip: !0,
@@ -63,7 +82,7 @@ function Demo(param) {
           icon: Icon
         })
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, {
+      shouldAdapt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, {
         when: "sm",
         platform: "touch",
         children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Sheet, {
@@ -123,6 +142,7 @@ function Demo(param) {
                     children: "Name"
                   }),
                   /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, {
+                    f: 1,
                     size: "$3",
                     id: Name
                   })

package/dist/cjs/PopoverDemo.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/PopoverDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;uDAAA,sBAAkE,kCAElE,iBAAqE;AAE9D,SAASA,cAAAA;AACd,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,KAAI;IAAKC,MAAM;IAAGC,gBAAe;IAASC,YAAW;;MAC3D,uCAAAC,KAACC,MAAAA;QAAKC,WAAU;QAAOC,MAAMC;QAAaC,MAAK;;MAC/C,uCAAAL,KAACC,MAAAA;QAAKC,WAAU;QAASC,MAAMG;QAAaD,MAAK;;MACjD,uCAAAL,KAACC,MAAAA;QAAKC,WAAU;QAAMC,MAAMI;QAAWF,MAAK;;MAC5C,uCAAAL,KAACC,MAAAA;QAAKC,WAAU;QAAQC,MAAMK;QAAcH,MAAK;;;;AAGvD;AAEO,SAASJ,KAAK,OAI0B;MAJ1B,EACnBE,MACAE,MACA,GAAGI,MAAAA,IAHgB;AAKnB,SACE,uCAAAf,MAACgB,wBAAAA;IAAQC,MAAK;IAAKC,WAAS;IAAE,GAAGH;;MAC/B,uCAAAT,KAACU,uBAAQG,SAAO;QAACC,SAAO;kBACtB,uCAAAd,KAACe,uBAAAA;UAAOC,MAAMb;;;MAGhB,uCAAAH,KAACiB,sBAAAA;QAAMC,MAAK;QAAKC,UAAS;kBACxB,uCAAAzB,MAACgB,uBAAQU,OAAK;UAACC,OAAK;UAACC,uBAAqB;;YACxC,uCAAAtB,KAACU,uBAAQU,MAAMG,OAAK;cAACC,SAAQ;wBAC3B,uCAAAxB,KAACiB,qBAAMQ,UAAQ,CAAA,CAAA;;YAEjB,uCAAAzB,KAACU,uBAAQU,MAAMM,SAAO;cACpBC,WAAU;cACVC,YAAY;gBAAEC,SAAS;cAAE;cACzBC,WAAW;gBAAED,SAAS;cAAE;;;;;MAK9B,uCAAAnC,MAACgB,uBAAQqB,SAAO;QACdC,aAAa;QACbC,aAAY;QACZL,YAAY;UAAEM,GAAG;UAAKL,SAAS;QAAE;QACjCC,WAAW;UAAEI,GAAG;UAAKL,SAAS;QAAE;QAChCM,SAAO;QACPR,WAAW;UACT;UACA;YACEE,SAAS;cACPO,mBAAmB;YACrB;UACF;;;UAGF,uCAAApC,KAACU,uBAAQ2B,OAAK;YAACL,aAAa;YAAGC,aAAY;;UAE3C,uCAAAvC,MAAC4C,uBAAAA;YAAO1C,KAAI;;cACV,uCAAAF,MAACC,uBAAAA;gBAAOC,KAAI;;kBACV,uCAAAI,KAACuC,sBAAAA;oBAAM5B,MAAK;oBAAK6B,SAASnC;8BAAM;;kBAGhC,uCAAAL,KAACyC,sBAAAA;oBAAM9B,MAAK;oBAAK+B,IAAIrC;;;;cAGvB,uCAAAL,KAACU,uBAAQiC,OAAK;gBAAC7B,SAAO;0BACpB,uCAAAd,KAACe,uBAAAA;kBACCJ,MAAK;kBACLiC,SAAS,WAAA;kBAET;;;oBACD;;;;;;;;;;AAQb;",
-  "names": ["PopoverDemo", "_jsxs", "XStack", "gap", "flex", "justifyContent", "alignItems", "_jsx", "Demo", "placement", "Icon", "ChevronLeft", "Name", "ChevronDown", "ChevronUp", "ChevronRight", "props", "Popover", "size", "allowFlip", "Trigger", "asChild", "Button", "icon", "Adapt", "when", "platform", "Sheet", "modal", "dismissOnSnapToBottom", "Frame", "padding", "Contents", "Overlay", "animation", "enterStyle", "opacity", "exitStyle", "Content", "borderWidth", "borderColor", "y", "elevate", "overshootClamping", "Arrow", "YStack", "Label", "htmlFor", "Input", "id", "Close", "onPress"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;uDAAA,sBAAkE,kCAClE,eAAyB,kBAEzB,iBAA4E;AAErE,SAASA,cAAAA;AACd,MAAM,CAACC,aAAaC,cAAAA,QAAkBC,uBAAS,EAAA;AAE/C,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,KAAI;;MACV,uCAAAF,MAACG,uBAAAA;QAAOD,KAAI;QAAKE,MAAM;QAAGC,gBAAe;QAASC,YAAW;;UAC3D,uCAAAC,KAACC,MAAAA;YACCX;YACAY,WAAU;YACVC,MAAMC;YACNC,MAAK;;UAEP,uCAAAL,KAACC,MAAAA;YACCX;YACAY,WAAU;YACVC,MAAMG;YACND,MAAK;;UAEP,uCAAAL,KAACC,MAAAA;YACCX;YACAY,WAAU;YACVC,MAAMI;YACNF,MAAK;;UAEP,uCAAAL,KAACC,MAAAA;YACCX;YACAY,WAAU;YACVC,MAAMK;YACNH,MAAK;;;;MAIR,CAACI,wBACA,uCAAAhB,MAACiB,uBAAAA;QAAOC,SAAS,WAAA;iBAAMpB,eAAe,CAACD,WAAAA;;;UAAc;UAClC,GAAGA,WAAAA;;;;;AAK9B;AAEO,SAASW,KAAK,OAKiD;MALjD,EACnBE,MACAE,MACAf,aACA,GAAGsB,MAAAA,IAJgB;AAMnB,SACE,uCAAAnB,MAACoB,wBAAAA;IAAQC,MAAK;IAAKC,WAAS;IAAE,GAAGH;;MAC/B,uCAAAZ,KAACa,uBAAQG,SAAO;QAACC,SAAO;kBACtB,uCAAAjB,KAACU,uBAAAA;UAAOQ,MAAMf;;;MAGfb,eACC,uCAAAU,KAACmB,sBAAAA;QAAMC,MAAK;QAAKC,UAAS;kBACxB,uCAAA5B,MAACoB,uBAAQS,OAAK;UAACC,OAAK;UAACC,uBAAqB;;YACxC,uCAAAxB,KAACa,uBAAQS,MAAMG,OAAK;cAACC,SAAQ;wBAC3B,uCAAA1B,KAACmB,qBAAMQ,UAAQ,CAAA,CAAA;;YAEjB,uCAAA3B,KAACa,uBAAQS,MAAMM,SAAO;cACpBC,WAAU;cACVC,YAAY;gBAAEC,SAAS;cAAE;cACzBC,WAAW;gBAAED,SAAS;cAAE;;;;;MAMhC,uCAAAtC,MAACoB,uBAAQoB,SAAO;QACdC,aAAa;QACbC,aAAY;QACZL,YAAY;UAAEM,GAAG;UAAKL,SAAS;QAAE;QACjCC,WAAW;UAAEI,GAAG;UAAKL,SAAS;QAAE;QAChCM,SAAO;QACPR,WAAW;UACT;UACA;YACEE,SAAS;cACPO,mBAAmB;YACrB;UACF;;;UAGF,uCAAAtC,KAACa,uBAAQ0B,OAAK;YAACL,aAAa;YAAGC,aAAY;;UAE3C,uCAAA1C,MAACC,uBAAAA;YAAOC,KAAI;;cACV,uCAAAF,MAACG,uBAAAA;gBAAOD,KAAI;;kBACV,uCAAAK,KAACwC,sBAAAA;oBAAM1B,MAAK;oBAAK2B,SAASpC;8BAAM;;kBAGhC,uCAAAL,KAAC0C,sBAAAA;oBAAMC,GAAG;oBAAG7B,MAAK;oBAAK8B,IAAIvC;;;;cAG7B,uCAAAL,KAACa,uBAAQgC,OAAK;gBAAC5B,SAAO;0BACpB,uCAAAjB,KAACU,uBAAAA;kBACCI,MAAK;kBACLH,SAAS,WAAA;kBAET;;;oBACD;;;;;;;;;;AAQb;",
+  "names": ["PopoverDemo", "shouldAdapt", "setShouldAdapt", "useState", "_jsxs", "YStack", "gap", "XStack", "flex", "justifyContent", "alignItems", "_jsx", "Demo", "placement", "Icon", "ChevronLeft", "Name", "ChevronDown", "ChevronUp", "ChevronRight", "isWeb", "Button", "onPress", "props", "Popover", "size", "allowFlip", "Trigger", "asChild", "icon", "Adapt", "when", "platform", "Sheet", "modal", "dismissOnSnapToBottom", "Frame", "padding", "Contents", "Overlay", "animation", "enterStyle", "opacity", "exitStyle", "Content", "borderWidth", "borderColor", "y", "elevate", "overshootClamping", "Arrow", "Label", "htmlFor", "Input", "f", "id", "Close"]
 }

package/dist/esm/PopoverDemo.js

@@ -1,22 +1,63 @@
 import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@tamagui/lucide-icons";
-import { Adapt, Button, Input, Label, Popover, XStack, YStack } from "tamagui";
+import { useState } from "react";
+import { Adapt, Button, Input, isWeb, Label, Popover, XStack, YStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function PopoverDemo() {
-  return /* @__PURE__ */ jsxs(XStack, { gap: "$2", flex: 1, justifyContent: "center", alignItems: "center", children: [
-    /* @__PURE__ */ jsx(Demo, { placement: "left", Icon: ChevronLeft, Name: "left-popover" }),
-    /* @__PURE__ */ jsx(Demo, { placement: "bottom", Icon: ChevronDown, Name: "bottom-popover" }),
-    /* @__PURE__ */ jsx(Demo, { placement: "top", Icon: ChevronUp, Name: "top-popover" }),
-    /* @__PURE__ */ jsx(Demo, { placement: "right", Icon: ChevronRight, Name: "right-popover" })
+  const [shouldAdapt, setShouldAdapt] = useState(!0);
+  return /* @__PURE__ */ jsxs(YStack, { gap: "$4", children: [
+    /* @__PURE__ */ jsxs(XStack, { gap: "$2", flex: 1, justifyContent: "center", alignItems: "center", children: [
+      /* @__PURE__ */ jsx(
+        Demo,
+        {
+          shouldAdapt,
+          placement: "left",
+          Icon: ChevronLeft,
+          Name: "left-popover"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Demo,
+        {
+          shouldAdapt,
+          placement: "bottom",
+          Icon: ChevronDown,
+          Name: "bottom-popover"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Demo,
+        {
+          shouldAdapt,
+          placement: "top",
+          Icon: ChevronUp,
+          Name: "top-popover"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Demo,
+        {
+          shouldAdapt,
+          placement: "right",
+          Icon: ChevronRight,
+          Name: "right-popover"
+        }
+      )
+    ] }),
+    !isWeb && /* @__PURE__ */ jsxs(Button, { onPress: () => setShouldAdapt(!shouldAdapt), children: [
+      "Adapt to Sheet: ",
+      `${shouldAdapt}`
+    ] })
   ] });
 }
 function Demo({
   Icon,
   Name,
+  shouldAdapt,
   ...props
 }) {
   return /* @__PURE__ */ jsxs(Popover, { size: "$5", allowFlip: !0, ...props, children: [
     /* @__PURE__ */ jsx(Popover.Trigger, { asChild: !0, children: /* @__PURE__ */ jsx(Button, { icon: Icon }) }),
-    /* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(Popover.Sheet, { modal: !0, dismissOnSnapToBottom: !0, children: [
+    shouldAdapt && /* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(Popover.Sheet, { modal: !0, dismissOnSnapToBottom: !0, children: [
       /* @__PURE__ */ jsx(Popover.Sheet.Frame, { padding: "$4", children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }),
       /* @__PURE__ */ jsx(
         Popover.Sheet.Overlay,
@@ -48,7 +89,7 @@ function Demo({
           /* @__PURE__ */ jsxs(YStack, { gap: "$3", children: [
             /* @__PURE__ */ jsxs(XStack, { gap: "$3", children: [
               /* @__PURE__ */ jsx(Label, { size: "$3", htmlFor: Name, children: "Name" }),
-              /* @__PURE__ */ jsx(Input, { size: "$3", id: Name })
+              /* @__PURE__ */ jsx(Input, { f: 1, size: "$3", id: Name })
             ] }),
             /* @__PURE__ */ jsx(Popover.Close, { asChild: !0, children: /* @__PURE__ */ jsx(
               Button,

package/dist/esm/PopoverDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/PopoverDemo.tsx"],
-  "mappings": "AAAA,SAAS,aAAa,aAAa,cAAc,iBAAiB;AAElE,SAAS,OAAO,QAAQ,OAAO,OAAO,SAAS,QAAQ,cAAc;AAIjE,SACE,KADF;AAFG,SAAS,cAAc;AAC5B,SACE,qBAAC,UAAO,KAAI,MAAK,MAAM,GAAG,gBAAe,UAAS,YAAW,UAC3D;AAAA,wBAAC,QAAK,WAAU,QAAO,MAAM,aAAa,MAAK,gBAAe;AAAA,IAC9D,oBAAC,QAAK,WAAU,UAAS,MAAM,aAAa,MAAK,kBAAiB;AAAA,IAClE,oBAAC,QAAK,WAAU,OAAM,MAAM,WAAW,MAAK,eAAc;AAAA,IAC1D,oBAAC,QAAK,WAAU,SAAQ,MAAM,cAAc,MAAK,iBAAgB;AAAA,KACnE;AAEJ;AAEO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiD;AAC/C,SACE,qBAAC,WAAQ,MAAK,MAAK,WAAS,IAAE,GAAG,OAC/B;AAAA,wBAAC,QAAQ,SAAR,EAAgB,SAAO,IACtB,8BAAC,UAAO,MAAM,MAAM,GACtB;AAAA,IAEA,oBAAC,SAAM,MAAK,MAAK,UAAS,SACxB,+BAAC,QAAQ,OAAR,EAAc,OAAK,IAAC,uBAAqB,IACxC;AAAA,0BAAC,QAAQ,MAAM,OAAd,EAAoB,SAAQ,MAC3B,8BAAC,MAAM,UAAN,EAAe,GAClB;AAAA,MACA;AAAA,QAAC,QAAQ,MAAM;AAAA,QAAd;AAAA,UACC,WAAU;AAAA,UACV,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,MAC1B;AAAA,OACF,GACF;AAAA,IAEA;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC,aAAa;AAAA,QACb,aAAY;AAAA,QACZ,YAAY,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QACjC,WAAW,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QAChC,SAAO;AAAA,QACP,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QAEA;AAAA,8BAAC,QAAQ,OAAR,EAAc,aAAa,GAAG,aAAY,gBAAe;AAAA,UAE1D,qBAAC,UAAO,KAAI,MACV;AAAA,iCAAC,UAAO,KAAI,MACV;AAAA,kCAAC,SAAM,MAAK,MAAK,SAAS,MAAM,kBAEhC;AAAA,cACA,oBAAC,SAAM,MAAK,MAAK,IAAI,MAAM;AAAA,eAC7B;AAAA,YAEA,oBAAC,QAAQ,OAAR,EAAc,SAAO,IACpB;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM;AAAA,gBAEf;AAAA,gBACD;AAAA;AAAA,YAED,GACF;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
+  "mappings": "AAAA,SAAS,aAAa,aAAa,cAAc,iBAAiB;AAClE,SAAS,gBAAgB;AAEzB,SAAS,OAAO,QAAQ,OAAO,OAAO,OAAO,SAAS,QAAQ,cAAc;AAOtE,SACE,KADF;AALC,SAAS,cAAc;AAC5B,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,EAAI;AAEnD,SACE,qBAAC,UAAO,KAAI,MACV;AAAA,yBAAC,UAAO,KAAI,MAAK,MAAM,GAAG,gBAAe,UAAS,YAAW,UAC3D;AAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,UACV,MAAM;AAAA,UACN,MAAK;AAAA;AAAA,MACP;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,UACV,MAAM;AAAA,UACN,MAAK;AAAA;AAAA,MACP;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,UACV,MAAM;AAAA,UACN,MAAK;AAAA;AAAA,MACP;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,UACV,MAAM;AAAA,UACN,MAAK;AAAA;AAAA,MACP;AAAA,OACF;AAAA,IAEC,CAAC,SACA,qBAAC,UAAO,SAAS,MAAM,eAAe,CAAC,WAAW,GAAG;AAAA;AAAA,MAClC,GAAG,WAAW;AAAA,OACjC;AAAA,KAEJ;AAEJ;AAEO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwE;AACtE,SACE,qBAAC,WAAQ,MAAK,MAAK,WAAS,IAAE,GAAG,OAC/B;AAAA,wBAAC,QAAQ,SAAR,EAAgB,SAAO,IACtB,8BAAC,UAAO,MAAM,MAAM,GACtB;AAAA,IAEC,eACC,oBAAC,SAAM,MAAK,MAAK,UAAS,SACxB,+BAAC,QAAQ,OAAR,EAAc,OAAK,IAAC,uBAAqB,IACxC;AAAA,0BAAC,QAAQ,MAAM,OAAd,EAAoB,SAAQ,MAC3B,8BAAC,MAAM,UAAN,EAAe,GAClB;AAAA,MACA;AAAA,QAAC,QAAQ,MAAM;AAAA,QAAd;AAAA,UACC,WAAU;AAAA,UACV,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,MAC1B;AAAA,OACF,GACF;AAAA,IAGF;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC,aAAa;AAAA,QACb,aAAY;AAAA,QACZ,YAAY,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QACjC,WAAW,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QAChC,SAAO;AAAA,QACP,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QAEA;AAAA,8BAAC,QAAQ,OAAR,EAAc,aAAa,GAAG,aAAY,gBAAe;AAAA,UAE1D,qBAAC,UAAO,KAAI,MACV;AAAA,iCAAC,UAAO,KAAI,MACV;AAAA,kCAAC,SAAM,MAAK,MAAK,SAAS,MAAM,kBAEhC;AAAA,cACA,oBAAC,SAAM,GAAG,GAAG,MAAK,MAAK,IAAI,MAAM;AAAA,eACnC;AAAA,YAEA,oBAAC,QAAQ,OAAR,EAAc,SAAO,IACpB;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM;AAAA,gBAEf;AAAA,gBACD;AAAA;AAAA,YAED,GACF;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/esm/PopoverDemo.mjs

@@ -1,34 +1,47 @@
 import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@tamagui/lucide-icons";
-import { Adapt, Button, Input, Label, Popover, XStack, YStack } from "tamagui";
+import { useState } from "react";
+import { Adapt, Button, Input, isWeb, Label, Popover, XStack, YStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function PopoverDemo() {
-  return /* @__PURE__ */jsxs(XStack, {
-    gap: "$2",
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-    children: [/* @__PURE__ */jsx(Demo, {
-      placement: "left",
-      Icon: ChevronLeft,
-      Name: "left-popover"
-    }), /* @__PURE__ */jsx(Demo, {
-      placement: "bottom",
-      Icon: ChevronDown,
-      Name: "bottom-popover"
-    }), /* @__PURE__ */jsx(Demo, {
-      placement: "top",
-      Icon: ChevronUp,
-      Name: "top-popover"
-    }), /* @__PURE__ */jsx(Demo, {
-      placement: "right",
-      Icon: ChevronRight,
-      Name: "right-popover"
+  const [shouldAdapt, setShouldAdapt] = useState(!0);
+  return /* @__PURE__ */jsxs(YStack, {
+    gap: "$4",
+    children: [/* @__PURE__ */jsxs(XStack, {
+      gap: "$2",
+      flex: 1,
+      justifyContent: "center",
+      alignItems: "center",
+      children: [/* @__PURE__ */jsx(Demo, {
+        shouldAdapt,
+        placement: "left",
+        Icon: ChevronLeft,
+        Name: "left-popover"
+      }), /* @__PURE__ */jsx(Demo, {
+        shouldAdapt,
+        placement: "bottom",
+        Icon: ChevronDown,
+        Name: "bottom-popover"
+      }), /* @__PURE__ */jsx(Demo, {
+        shouldAdapt,
+        placement: "top",
+        Icon: ChevronUp,
+        Name: "top-popover"
+      }), /* @__PURE__ */jsx(Demo, {
+        shouldAdapt,
+        placement: "right",
+        Icon: ChevronRight,
+        Name: "right-popover"
+      })]
+    }), !isWeb && /* @__PURE__ */jsxs(Button, {
+      onPress: () => setShouldAdapt(!shouldAdapt),
+      children: ["Adapt to Sheet: ", `${shouldAdapt}`]
     })]
   });
 }
 function Demo({
   Icon,
   Name,
+  shouldAdapt,
   ...props
 }) {
   return /* @__PURE__ */jsxs(Popover, {
@@ -40,7 +53,7 @@ function Demo({
       children: /* @__PURE__ */jsx(Button, {
         icon: Icon
       })
-    }), /* @__PURE__ */jsx(Adapt, {
+    }), shouldAdapt && /* @__PURE__ */jsx(Adapt, {
       when: "sm",
       platform: "touch",
       children: /* @__PURE__ */jsxs(Popover.Sheet, {
@@ -88,6 +101,7 @@ function Demo({
             htmlFor: Name,
             children: "Name"
           }), /* @__PURE__ */jsx(Input, {
+            f: 1,
             size: "$3",
             id: Name
           })]

package/dist/esm/PopoverDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["ChevronDown","ChevronLeft","ChevronRight","ChevronUp","Adapt","Button","Input","Label","Popover","XStack","YStack","jsx","jsxs","PopoverDemo","gap","flex","justifyContent","alignItems","children","Demo","placement","Icon","Name","props","size","allowFlip","Trigger","asChild","icon","when","platform","Sheet","modal","dismissOnSnapToBottom","Frame","padding","Contents","Overlay","animation","enterStyle","opacity","exitStyle","Content","borderWidth","borderColor","y","elevate","overshootClamping","Arrow","htmlFor","id","Close","onPress"],"sources":["../../src/PopoverDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,WAAA,EAAaC,WAAA,EAAaC,YAAA,EAAcC,SAAA,QAAiB;AAElE,SAASC,KAAA,EAAOC,MAAA,EAAQC,KAAA,EAAOC,KAAA,EAAOC,OAAA,EAASC,MAAA,EAAQC,MAAA,QAAc;AAIjE,SACEC,GAAA,EADFC,IAAA;AAFG,SAASC,YAAA,EAAc;EAC5B,OACE,eAAAD,IAAA,CAACH,MAAA;IAAOK,GAAA,EAAI;IAAKC,IAAA,EAAM;IAAGC,cAAA,EAAe;IAASC,UAAA,EAAW;IAC3DC,QAAA,kBAAAP,GAAA,CAACQ,IAAA;MAAKC,SAAA,EAAU;MAAOC,IAAA,EAAMpB,WAAA;MAAaqB,IAAA,EAAK;IAAA,CAAe,GAC9D,eAAAX,GAAA,CAACQ,IAAA;MAAKC,SAAA,EAAU;MAASC,IAAA,EAAMrB,WAAA;MAAasB,IAAA,EAAK;IAAA,CAAiB,GAClE,eAAAX,GAAA,CAACQ,IAAA;MAAKC,SAAA,EAAU;MAAMC,IAAA,EAAMlB,SAAA;MAAWmB,IAAA,EAAK;IAAA,CAAc,GAC1D,eAAAX,GAAA,CAACQ,IAAA;MAAKC,SAAA,EAAU;MAAQC,IAAA,EAAMnB,YAAA;MAAcoB,IAAA,EAAK;IAAA,CAAgB;EAAA,CACnE;AAEJ;AAEO,SAASH,KAAK;EACnBE,IAAA;EACAC,IAAA;EACA,GAAGC;AACL,GAAiD;EAC/C,OACE,eAAAX,IAAA,CAACJ,OAAA;IAAQgB,IAAA,EAAK;IAAKC,SAAA,EAAS;IAAE,GAAGF,KAAA;IAC/BL,QAAA,kBAAAP,GAAA,CAACH,OAAA,CAAQkB,OAAA,EAAR;MAAgBC,OAAA,EAAO;MACtBT,QAAA,iBAAAP,GAAA,CAACN,MAAA;QAAOuB,IAAA,EAAMP;MAAA,CAAM;IAAA,CACtB,GAEA,eAAAV,GAAA,CAACP,KAAA;MAAMyB,IAAA,EAAK;MAAKC,QAAA,EAAS;MACxBZ,QAAA,iBAAAN,IAAA,CAACJ,OAAA,CAAQuB,KAAA,EAAR;QAAcC,KAAA,EAAK;QAACC,qBAAA,EAAqB;QACxCf,QAAA,kBAAAP,GAAA,CAACH,OAAA,CAAQuB,KAAA,CAAMG,KAAA,EAAd;UAAoBC,OAAA,EAAQ;UAC3BjB,QAAA,iBAAAP,GAAA,CAACP,KAAA,CAAMgC,QAAA,EAAN,EAAe;QAAA,CAClB,GACA,eAAAzB,GAAA,CAACH,OAAA,CAAQuB,KAAA,CAAMM,OAAA,EAAd;UACCC,SAAA,EAAU;UACVC,UAAA,EAAY;YAAEC,OAAA,EAAS;UAAE;UACzBC,SAAA,EAAW;YAAED,OAAA,EAAS;UAAE;QAAA,CAC1B;MAAA,CACF;IAAA,CACF,GAEA,eAAA5B,IAAA,CAACJ,OAAA,CAAQkC,OAAA,EAAR;MACCC,WAAA,EAAa;MACbC,WAAA,EAAY;MACZL,UAAA,EAAY;QAAEM,CAAA,EAAG;QAAKL,OAAA,EAAS;MAAE;MACjCC,SAAA,EAAW;QAAEI,CAAA,EAAG;QAAKL,OAAA,EAAS;MAAE;MAChCM,OAAA,EAAO;MACPR,SAAA,EAAW,CACT,SACA;QACEE,OAAA,EAAS;UACPO,iBAAA,EAAmB;QACrB;MACF,EACF;MAEA7B,QAAA,kBAAAP,GAAA,CAACH,OAAA,CAAQwC,KAAA,EAAR;QAAcL,WAAA,EAAa;QAAGC,WAAA,EAAY;MAAA,CAAe,GAE1D,eAAAhC,IAAA,CAACF,MAAA;QAAOI,GAAA,EAAI;QACVI,QAAA,kBAAAN,IAAA,CAACH,MAAA;UAAOK,GAAA,EAAI;UACVI,QAAA,kBAAAP,GAAA,CAACJ,KAAA;YAAMiB,IAAA,EAAK;YAAKyB,OAAA,EAAS3B,IAAA;YAAMJ,QAAA;UAAA,CAEhC,GACA,eAAAP,GAAA,CAACL,KAAA;YAAMkB,IAAA,EAAK;YAAK0B,EAAA,EAAI5B;UAAA,CAAM;QAAA,CAC7B,GAEA,eAAAX,GAAA,CAACH,OAAA,CAAQ2C,KAAA,EAAR;UAAcxB,OAAA,EAAO;UACpBT,QAAA,iBAAAP,GAAA,CAACN,MAAA;YACCmB,IAAA,EAAK;YACL4B,OAAA,EAASA,CAAA,KAAM,CAEf;YACDlC,QAAA;UAAA,CAED;QAAA,CACF;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"names":["ChevronDown","ChevronLeft","ChevronRight","ChevronUp","useState","Adapt","Button","Input","isWeb","Label","Popover","XStack","YStack","jsx","jsxs","PopoverDemo","shouldAdapt","setShouldAdapt","gap","children","flex","justifyContent","alignItems","Demo","placement","Icon","Name","onPress","props","size","allowFlip","Trigger","asChild","icon","when","platform","Sheet","modal","dismissOnSnapToBottom","Frame","padding","Contents","Overlay","animation","enterStyle","opacity","exitStyle","Content","borderWidth","borderColor","y","elevate","overshootClamping","Arrow","htmlFor","f","id","Close"],"sources":["../../src/PopoverDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/PopoverDemo.native.js

@@ -1,28 +1,42 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@tamagui/lucide-icons";
-import { Adapt, Button, Input, Label, Popover, XStack, YStack } from "tamagui";
+import { useState } from "react";
+import { Adapt, Button, Input, isWeb, Label, Popover, XStack, YStack } from "tamagui";
 function PopoverDemo() {
-  return /* @__PURE__ */_jsxs(XStack, {
-    gap: "$2",
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-    children: [/* @__PURE__ */_jsx(Demo, {
-      placement: "left",
-      Icon: ChevronLeft,
-      Name: "left-popover"
-    }), /* @__PURE__ */_jsx(Demo, {
-      placement: "bottom",
-      Icon: ChevronDown,
-      Name: "bottom-popover"
-    }), /* @__PURE__ */_jsx(Demo, {
-      placement: "top",
-      Icon: ChevronUp,
-      Name: "top-popover"
-    }), /* @__PURE__ */_jsx(Demo, {
-      placement: "right",
-      Icon: ChevronRight,
-      Name: "right-popover"
+  var [shouldAdapt, setShouldAdapt] = useState(!0);
+  return /* @__PURE__ */_jsxs(YStack, {
+    gap: "$4",
+    children: [/* @__PURE__ */_jsxs(XStack, {
+      gap: "$2",
+      flex: 1,
+      justifyContent: "center",
+      alignItems: "center",
+      children: [/* @__PURE__ */_jsx(Demo, {
+        shouldAdapt,
+        placement: "left",
+        Icon: ChevronLeft,
+        Name: "left-popover"
+      }), /* @__PURE__ */_jsx(Demo, {
+        shouldAdapt,
+        placement: "bottom",
+        Icon: ChevronDown,
+        Name: "bottom-popover"
+      }), /* @__PURE__ */_jsx(Demo, {
+        shouldAdapt,
+        placement: "top",
+        Icon: ChevronUp,
+        Name: "top-popover"
+      }), /* @__PURE__ */_jsx(Demo, {
+        shouldAdapt,
+        placement: "right",
+        Icon: ChevronRight,
+        Name: "right-popover"
+      })]
+    }), !isWeb && /* @__PURE__ */_jsxs(Button, {
+      onPress: function () {
+        return setShouldAdapt(!shouldAdapt);
+      },
+      children: ["Adapt to Sheet: ", `${shouldAdapt}`]
     })]
   });
 }
@@ -30,6 +44,7 @@ function Demo(param) {
   var {
     Icon,
     Name,
+    shouldAdapt,
     ...props
   } = param;
   return /* @__PURE__ */_jsxs(Popover, {
@@ -41,7 +56,7 @@ function Demo(param) {
       children: /* @__PURE__ */_jsx(Button, {
         icon: Icon
       })
-    }), /* @__PURE__ */_jsx(Adapt, {
+    }), shouldAdapt && /* @__PURE__ */_jsx(Adapt, {
       when: "sm",
       platform: "touch",
       children: /* @__PURE__ */_jsxs(Popover.Sheet, {
@@ -89,6 +104,7 @@ function Demo(param) {
             htmlFor: Name,
             children: "Name"
           }), /* @__PURE__ */_jsx(Input, {
+            f: 1,
             size: "$3",
             id: Name
           })]

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronDown","ChevronLeft","ChevronRight","ChevronUp","Adapt","Button","Input","Label","Popover","XStack","YStack","PopoverDemo","gap","flex","justifyContent","alignItems","children","Demo","placement","Icon","Name","param","props","size","allowFlip","Trigger","asChild","icon","when","platform","Sheet","modal","dismissOnSnapToBottom","Frame","padding","Contents","Overlay","animation","enterStyle","opacity","exitStyle"],"sources":["../../src/PopoverDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAAC,KAAa,2BAAc;AAEjD,SAASC,WAAO,EAAAC,WAAe,EAAAC,YAAgB,EAAAC,SAAQ,+BAAc;AAIjE,SACEC,KADF,EAAAC,MAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,OAAA,EAAAC,MAAA,EAAAC,MAAA;AAFG,SAASC,YAAA,EAAc;EAC5B,OACE,eAAAZ,KAAC,CAAAU,MAAA;IACCG,GAAA;IACAC,IAAA;IACAC,cAAA,UAAC;IACDC,UAAA,UAAC;IAAgEC,QACnE,GAEJ,eAAAnB,IAAA,CAAAoB,IAAA;MAEOC,SAAc;MACnBC,IAAA,EAAAlB,WAAA;MACAmB,IAAA;IACG,IAC4C,eAAAvB,IAAA,CAAAoB,IAAA;MAC/CC,SACE;MACEC,IAAA,EAAAnB,WAAC;MAIDoB,IAAA;IAEI,IAGA,eAAAvB,IAAA,CAAAoB,IAAA;MAACC,SAAQ,OAAM;MAAdC,IAAA,EAAAhB,SAAA;MAAAiB,IACC;IAAU,IACe,eACdvB,IAAE,CAAAoB,IAAA,EAAS;MAAEC,SAAA;MAC1BC,IAAA,EAAAjB,YAAA;MACFkB,IACF;IAEA;EAAS;AAAR;AACc,SACbH,KAAAI,KAAA,EAAY;EAAA;IACZF,IAAA;IAAAC,IAAA;IAAY,GAAEE;EAAG,CAAK,GAAAD,KAAA;EAAW,OACjC,eAAgBtB,KAAK,CAAAS,OAAS,EAAE;IAAAe,IAChC;IAAOC,SACP;IAAW,GAAAF,KACT;IAAAN,QACA,kBACWnB,IAAA,CAAAW,OAAA,CAAAiB,OAAA;MAAAC,OACP;MAAmBV,QACrB,iBAAAnB,IAAA,CAAAQ,MAAA;QACFsB,IAAA,EAAAR;MACF;IAAA,EAEA,iBAAAtB,IAAA,CAAAO,KAAC;MAAyDwB,IAE1D;MACEC,QAAA;MACEb,QAAA,iBAACjB,KAAA,CAAAS,OAAM,CAAAsB,KAAK,EAAK;QAEjBC,KACA;QAA2BC,qBAC7B;QAAAhB,QAEA,GACE,eAACnB,IAAA,CAAAW,OAAA,CAAAsB,KAAA,CAAAG,KAAA;UAAAC,OAAA;UAAAlB,QACM,iBAAAnB,IAAA,CAAAO,KAAA,CAAA+B,QAAA;QAAA,IACU,eAEftC,IAAA,CAAAW,OAAA,CAAAsB,KAAA,CAAAM,OAAA;UAAAC,SACD;UAAAC,UAAA;YAGHC,OAAA;UACF;UAAAC,SAAA;YAAAD,OAAA;UACF;QACF","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronDown","ChevronLeft","ChevronRight","ChevronUp","useState","Adapt","Button","Input","isWeb","Label","Popover","XStack","YStack","PopoverDemo","shouldAdapt","setShouldAdapt","gap","children","flex","justifyContent","alignItems","Demo","placement","Icon","Name","onPress","param","props","size","allowFlip","Trigger","asChild","icon","when","platform","Sheet","modal","dismissOnSnapToBottom","Frame","padding","Contents","Overlay","animation","enterStyle","opacity","exitStyle","Content","borderWidth","borderColor","y","elevate","overshootClamping"],"sources":["../../src/PopoverDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAAC,KAAa,2BAAc;AACjD,SAASC,WAAA,EAAAC,WAAgB,EAAAC,YAAA,EAAAC,SAAA;AAEzB,SAASC,QAAO,QAAQ,OAAO;AAOzB,SACEC,KADF,EAAAC,MAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,OAAA,EAAAC,MAAA,EAAAC,MAAA;AALC,SAASC,YAAA,EAAc;EAC5B,KAAAC,WAAO,EAAAC,cAAa,IAAcX,QAAI,GAAS;EAE/C,OACE,eAAAL,KAAC,CAAAa,MAAA;IACCI,GAAA;IACEC,QAAA,kBAAClB,KAAA,CAAAY,MAAA;MAAAK,GAAA;MAAAE,IACC;MAAAC,cACU;MAAAC,UACJ;MAAAH,QACD,kBAAApB,IAAA,CAAAwB,IAAA;QACPP,WAAA;QACAQ,SAAA;QAACC,IAAA,EAAAtB,WAAA;QAAAuB,IAAA;MACC,IACA,eAAU3B,IAAA,CAAAwB,IAAA;QACVP,WAAM;QACNQ,SAAK;QAAAC,IAAA,EAAAvB,WAAA;QACPwB,IAAA;MACA,IAAC,eAAA3B,IAAA,CAAAwB,IAAA;QAAAP,WAAA;QACCQ,SAAA;QACAC,IAAA,EAAApB,SAAU;QACVqB,IAAM;MACN,IAAK,eAAA3B,IAAA,CAAAwB,IAAA;QACPP,WAAA;QACAQ,SAAA;QAACC,IAAA,EAAArB,YAAA;QAAAsB,IAAA;MACC;IACU,IACJ,CAAAhB,KACN,IAAK,eAAAT,KAAA,CAAAO,MAAA;MAAAmB,OAAA,WAAAA,CAAA;QACP,OAAAV,cAAA,EAAAD,WAAA;MACF;MAEEG,QACA,GAAqD,oBAC/B,GAAAH,WAAW;IAGrC;EAIG;AAAc;AACnB,SACAO,KAAAK,KAAA;EACA;IAAAH,IAAA;IAAAC,IAAA;IAAAV,WAAA;IAAA,GAAAa;EAAA,IAAAD,KAAA;EACA,OAAG,eAAA3B,KAAA,CAAAW,OAAA;IACmEkB,IAAA;IACtEC,SACE;IACE,GAAAF,KAAA;IAICV,QAAA,GAGK,eAAApB,IAAC,CAAAa,OAAQ,CAAAoB,OAAM;MAGfC,OAAA;MAACd,QAAQ,iBAAMpB,IAAA,CAAAS,MAAA;QAAd0B,IAAA,EAAAT;MAAA;IACW,IACeT,WACzB,IAAW,eAAajB,IAAA,CAAAQ,KAAA;MAAA4B,IAAA;MAC1BC,QAAA;MACFjB,QACF,iBAAAlB,KAAA,CAAAW,OAAA,CAAAyB,KAAA;QAGFC,KAAA;QAACC,qBAAQ;QAARpB,QAAA,GACC,eAAapB,IAAA,CAAAa,OAAA,CAAAyB,KAAA,CAAAG,KAAA;UACbC,OAAY;UACZtB,QAAc,iBAAiBpB,IAAE,CAAAQ,KAAA,CAAAmC,QAAA;QACjC,IACA,eAAO3C,IAAA,CAAAa,OAAA,CAAAyB,KAAA,CAAAM,OAAA;UACPC,SAAW;UACTC,UAAA;YACAC,OAAA;UACE;UACEC,SAAA;YACFD,OAAA;UACF;QACF;MAEA;IAA0D,IAGxD,eAAA7C,KAAA,CAAAW,OAAC,CAAAoC,OAAO;MACNC,WAAA;MAEAC,WACA,gBAAC;MAAgCL,UACnC;QAAAM,CAAA,EAEA;QACEL,OAAC;MAAA;MAAAC,SACC;QAAKI,CAAA,KACL;QAAeL,OAEf;MAAA;MACDM,OAAA;MAAAR,SAGH,UACF;QAAAE,OAAA;UACFO,iBAAA;QACF;MAEJ,E","ignoreList":[]}

package/dist/jsx/PopoverDemo.js

@@ -1,22 +1,63 @@
 import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@tamagui/lucide-icons";
-import { Adapt, Button, Input, Label, Popover, XStack, YStack } from "tamagui";
+import { useState } from "react";
+import { Adapt, Button, Input, isWeb, Label, Popover, XStack, YStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function PopoverDemo() {
-  return /* @__PURE__ */ jsxs(XStack, { gap: "$2", flex: 1, justifyContent: "center", alignItems: "center", children: [
-    /* @__PURE__ */ jsx(Demo, { placement: "left", Icon: ChevronLeft, Name: "left-popover" }),
-    /* @__PURE__ */ jsx(Demo, { placement: "bottom", Icon: ChevronDown, Name: "bottom-popover" }),
-    /* @__PURE__ */ jsx(Demo, { placement: "top", Icon: ChevronUp, Name: "top-popover" }),
-    /* @__PURE__ */ jsx(Demo, { placement: "right", Icon: ChevronRight, Name: "right-popover" })
+  const [shouldAdapt, setShouldAdapt] = useState(!0);
+  return /* @__PURE__ */ jsxs(YStack, { gap: "$4", children: [
+    /* @__PURE__ */ jsxs(XStack, { gap: "$2", flex: 1, justifyContent: "center", alignItems: "center", children: [
+      /* @__PURE__ */ jsx(
+        Demo,
+        {
+          shouldAdapt,
+          placement: "left",
+          Icon: ChevronLeft,
+          Name: "left-popover"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Demo,
+        {
+          shouldAdapt,
+          placement: "bottom",
+          Icon: ChevronDown,
+          Name: "bottom-popover"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Demo,
+        {
+          shouldAdapt,
+          placement: "top",
+          Icon: ChevronUp,
+          Name: "top-popover"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Demo,
+        {
+          shouldAdapt,
+          placement: "right",
+          Icon: ChevronRight,
+          Name: "right-popover"
+        }
+      )
+    ] }),
+    !isWeb && /* @__PURE__ */ jsxs(Button, { onPress: () => setShouldAdapt(!shouldAdapt), children: [
+      "Adapt to Sheet: ",
+      `${shouldAdapt}`
+    ] })
   ] });
 }
 function Demo({
   Icon,
   Name,
+  shouldAdapt,
   ...props
 }) {
   return /* @__PURE__ */ jsxs(Popover, { size: "$5", allowFlip: !0, ...props, children: [
     /* @__PURE__ */ jsx(Popover.Trigger, { asChild: !0, children: /* @__PURE__ */ jsx(Button, { icon: Icon }) }),
-    /* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(Popover.Sheet, { modal: !0, dismissOnSnapToBottom: !0, children: [
+    shouldAdapt && /* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(Popover.Sheet, { modal: !0, dismissOnSnapToBottom: !0, children: [
       /* @__PURE__ */ jsx(Popover.Sheet.Frame, { padding: "$4", children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }),
       /* @__PURE__ */ jsx(
         Popover.Sheet.Overlay,
@@ -48,7 +89,7 @@ function Demo({
           /* @__PURE__ */ jsxs(YStack, { gap: "$3", children: [
             /* @__PURE__ */ jsxs(XStack, { gap: "$3", children: [
               /* @__PURE__ */ jsx(Label, { size: "$3", htmlFor: Name, children: "Name" }),
-              /* @__PURE__ */ jsx(Input, { size: "$3", id: Name })
+              /* @__PURE__ */ jsx(Input, { f: 1, size: "$3", id: Name })
             ] }),
             /* @__PURE__ */ jsx(Popover.Close, { asChild: !0, children: /* @__PURE__ */ jsx(
               Button,

package/dist/jsx/PopoverDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/PopoverDemo.tsx"],
-  "mappings": "AAAA,SAAS,aAAa,aAAa,cAAc,iBAAiB;AAElE,SAAS,OAAO,QAAQ,OAAO,OAAO,SAAS,QAAQ,cAAc;AAIjE,SACE,KADF;AAFG,SAAS,cAAc;AAC5B,SACE,qBAAC,UAAO,KAAI,MAAK,MAAM,GAAG,gBAAe,UAAS,YAAW,UAC3D;AAAA,wBAAC,QAAK,WAAU,QAAO,MAAM,aAAa,MAAK,gBAAe;AAAA,IAC9D,oBAAC,QAAK,WAAU,UAAS,MAAM,aAAa,MAAK,kBAAiB;AAAA,IAClE,oBAAC,QAAK,WAAU,OAAM,MAAM,WAAW,MAAK,eAAc;AAAA,IAC1D,oBAAC,QAAK,WAAU,SAAQ,MAAM,cAAc,MAAK,iBAAgB;AAAA,KACnE;AAEJ;AAEO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiD;AAC/C,SACE,qBAAC,WAAQ,MAAK,MAAK,WAAS,IAAE,GAAG,OAC/B;AAAA,wBAAC,QAAQ,SAAR,EAAgB,SAAO,IACtB,8BAAC,UAAO,MAAM,MAAM,GACtB;AAAA,IAEA,oBAAC,SAAM,MAAK,MAAK,UAAS,SACxB,+BAAC,QAAQ,OAAR,EAAc,OAAK,IAAC,uBAAqB,IACxC;AAAA,0BAAC,QAAQ,MAAM,OAAd,EAAoB,SAAQ,MAC3B,8BAAC,MAAM,UAAN,EAAe,GAClB;AAAA,MACA;AAAA,QAAC,QAAQ,MAAM;AAAA,QAAd;AAAA,UACC,WAAU;AAAA,UACV,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,MAC1B;AAAA,OACF,GACF;AAAA,IAEA;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC,aAAa;AAAA,QACb,aAAY;AAAA,QACZ,YAAY,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QACjC,WAAW,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QAChC,SAAO;AAAA,QACP,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QAEA;AAAA,8BAAC,QAAQ,OAAR,EAAc,aAAa,GAAG,aAAY,gBAAe;AAAA,UAE1D,qBAAC,UAAO,KAAI,MACV;AAAA,iCAAC,UAAO,KAAI,MACV;AAAA,kCAAC,SAAM,MAAK,MAAK,SAAS,MAAM,kBAEhC;AAAA,cACA,oBAAC,SAAM,MAAK,MAAK,IAAI,MAAM;AAAA,eAC7B;AAAA,YAEA,oBAAC,QAAQ,OAAR,EAAc,SAAO,IACpB;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM;AAAA,gBAEf;AAAA,gBACD;AAAA;AAAA,YAED,GACF;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
+  "mappings": "AAAA,SAAS,aAAa,aAAa,cAAc,iBAAiB;AAClE,SAAS,gBAAgB;AAEzB,SAAS,OAAO,QAAQ,OAAO,OAAO,OAAO,SAAS,QAAQ,cAAc;AAOtE,SACE,KADF;AALC,SAAS,cAAc;AAC5B,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,EAAI;AAEnD,SACE,qBAAC,UAAO,KAAI,MACV;AAAA,yBAAC,UAAO,KAAI,MAAK,MAAM,GAAG,gBAAe,UAAS,YAAW,UAC3D;AAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,UACV,MAAM;AAAA,UACN,MAAK;AAAA;AAAA,MACP;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,UACV,MAAM;AAAA,UACN,MAAK;AAAA;AAAA,MACP;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,UACV,MAAM;AAAA,UACN,MAAK;AAAA;AAAA,MACP;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,UACV,MAAM;AAAA,UACN,MAAK;AAAA;AAAA,MACP;AAAA,OACF;AAAA,IAEC,CAAC,SACA,qBAAC,UAAO,SAAS,MAAM,eAAe,CAAC,WAAW,GAAG;AAAA;AAAA,MAClC,GAAG,WAAW;AAAA,OACjC;AAAA,KAEJ;AAEJ;AAEO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwE;AACtE,SACE,qBAAC,WAAQ,MAAK,MAAK,WAAS,IAAE,GAAG,OAC/B;AAAA,wBAAC,QAAQ,SAAR,EAAgB,SAAO,IACtB,8BAAC,UAAO,MAAM,MAAM,GACtB;AAAA,IAEC,eACC,oBAAC,SAAM,MAAK,MAAK,UAAS,SACxB,+BAAC,QAAQ,OAAR,EAAc,OAAK,IAAC,uBAAqB,IACxC;AAAA,0BAAC,QAAQ,MAAM,OAAd,EAAoB,SAAQ,MAC3B,8BAAC,MAAM,UAAN,EAAe,GAClB;AAAA,MACA;AAAA,QAAC,QAAQ,MAAM;AAAA,QAAd;AAAA,UACC,WAAU;AAAA,UACV,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,MAC1B;AAAA,OACF,GACF;AAAA,IAGF;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC,aAAa;AAAA,QACb,aAAY;AAAA,QACZ,YAAY,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QACjC,WAAW,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QAChC,SAAO;AAAA,QACP,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QAEA;AAAA,8BAAC,QAAQ,OAAR,EAAc,aAAa,GAAG,aAAY,gBAAe;AAAA,UAE1D,qBAAC,UAAO,KAAI,MACV;AAAA,iCAAC,UAAO,KAAI,MACV;AAAA,kCAAC,SAAM,MAAK,MAAK,SAAS,MAAM,kBAEhC;AAAA,cACA,oBAAC,SAAM,GAAG,GAAG,MAAK,MAAK,IAAI,MAAM;AAAA,eACnC;AAAA,YAEA,oBAAC,QAAQ,OAAR,EAAc,SAAO,IACpB;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM;AAAA,gBAEf;AAAA,gBACD;AAAA;AAAA,YAED,GACF;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/jsx/PopoverDemo.mjs

@@ -1,34 +1,47 @@
 import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@tamagui/lucide-icons";
-import { Adapt, Button, Input, Label, Popover, XStack, YStack } from "tamagui";
+import { useState } from "react";
+import { Adapt, Button, Input, isWeb, Label, Popover, XStack, YStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function PopoverDemo() {
-  return /* @__PURE__ */jsxs(XStack, {
-    gap: "$2",
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-    children: [/* @__PURE__ */jsx(Demo, {
-      placement: "left",
-      Icon: ChevronLeft,
-      Name: "left-popover"
-    }), /* @__PURE__ */jsx(Demo, {
-      placement: "bottom",
-      Icon: ChevronDown,
-      Name: "bottom-popover"
-    }), /* @__PURE__ */jsx(Demo, {
-      placement: "top",
-      Icon: ChevronUp,
-      Name: "top-popover"
-    }), /* @__PURE__ */jsx(Demo, {
-      placement: "right",
-      Icon: ChevronRight,
-      Name: "right-popover"
+  const [shouldAdapt, setShouldAdapt] = useState(!0);
+  return /* @__PURE__ */jsxs(YStack, {
+    gap: "$4",
+    children: [/* @__PURE__ */jsxs(XStack, {
+      gap: "$2",
+      flex: 1,
+      justifyContent: "center",
+      alignItems: "center",
+      children: [/* @__PURE__ */jsx(Demo, {
+        shouldAdapt,
+        placement: "left",
+        Icon: ChevronLeft,
+        Name: "left-popover"
+      }), /* @__PURE__ */jsx(Demo, {
+        shouldAdapt,
+        placement: "bottom",
+        Icon: ChevronDown,
+        Name: "bottom-popover"
+      }), /* @__PURE__ */jsx(Demo, {
+        shouldAdapt,
+        placement: "top",
+        Icon: ChevronUp,
+        Name: "top-popover"
+      }), /* @__PURE__ */jsx(Demo, {
+        shouldAdapt,
+        placement: "right",
+        Icon: ChevronRight,
+        Name: "right-popover"
+      })]
+    }), !isWeb && /* @__PURE__ */jsxs(Button, {
+      onPress: () => setShouldAdapt(!shouldAdapt),
+      children: ["Adapt to Sheet: ", `${shouldAdapt}`]
     })]
   });
 }
 function Demo({
   Icon,
   Name,
+  shouldAdapt,
   ...props
 }) {
   return /* @__PURE__ */jsxs(Popover, {
@@ -40,7 +53,7 @@ function Demo({
       children: /* @__PURE__ */jsx(Button, {
         icon: Icon
       })
-    }), /* @__PURE__ */jsx(Adapt, {
+    }), shouldAdapt && /* @__PURE__ */jsx(Adapt, {
       when: "sm",
       platform: "touch",
       children: /* @__PURE__ */jsxs(Popover.Sheet, {
@@ -88,6 +101,7 @@ function Demo({
             htmlFor: Name,
             children: "Name"
           }), /* @__PURE__ */jsx(Input, {
+            f: 1,
             size: "$3",
             id: Name
           })]

package/dist/jsx/PopoverDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["ChevronDown","ChevronLeft","ChevronRight","ChevronUp","Adapt","Button","Input","Label","Popover","XStack","YStack","jsx","jsxs","PopoverDemo","gap","flex","justifyContent","alignItems","children","Demo","placement","Icon","Name","props","size","allowFlip","Trigger","asChild","icon","when","platform","Sheet","modal","dismissOnSnapToBottom","Frame","padding","Contents","Overlay","animation","enterStyle","opacity","exitStyle","Content","borderWidth","borderColor","y","elevate","overshootClamping","Arrow","htmlFor","id","Close","onPress"],"sources":["../../src/PopoverDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["ChevronDown","ChevronLeft","ChevronRight","ChevronUp","useState","Adapt","Button","Input","isWeb","Label","Popover","XStack","YStack","jsx","jsxs","PopoverDemo","shouldAdapt","setShouldAdapt","gap","children","flex","justifyContent","alignItems","Demo","placement","Icon","Name","onPress","props","size","allowFlip","Trigger","asChild","icon","when","platform","Sheet","modal","dismissOnSnapToBottom","Frame","padding","Contents","Overlay","animation","enterStyle","opacity","exitStyle","Content","borderWidth","borderColor","y","elevate","overshootClamping","Arrow","htmlFor","f","id","Close"],"sources":["../../src/PopoverDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/PopoverDemo.native.js

@@ -1,38 +1,58 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@tamagui/lucide-icons";
-import { Adapt, Button, Input, Label, Popover, XStack, YStack } from "tamagui";
+import { useState } from "react";
+import { Adapt, Button, Input, isWeb, Label, Popover, XStack, YStack } from "tamagui";
 function PopoverDemo() {
-  return /* @__PURE__ */ _jsxs(XStack, {
-    gap: "$2",
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
+  var [shouldAdapt, setShouldAdapt] = useState(!0);
+  return /* @__PURE__ */ _jsxs(YStack, {
+    gap: "$4",
     children: [
-      /* @__PURE__ */ _jsx(Demo, {
-        placement: "left",
-        Icon: ChevronLeft,
-        Name: "left-popover"
-      }),
-      /* @__PURE__ */ _jsx(Demo, {
-        placement: "bottom",
-        Icon: ChevronDown,
-        Name: "bottom-popover"
-      }),
-      /* @__PURE__ */ _jsx(Demo, {
-        placement: "top",
-        Icon: ChevronUp,
-        Name: "top-popover"
+      /* @__PURE__ */ _jsxs(XStack, {
+        gap: "$2",
+        flex: 1,
+        justifyContent: "center",
+        alignItems: "center",
+        children: [
+          /* @__PURE__ */ _jsx(Demo, {
+            shouldAdapt,
+            placement: "left",
+            Icon: ChevronLeft,
+            Name: "left-popover"
+          }),
+          /* @__PURE__ */ _jsx(Demo, {
+            shouldAdapt,
+            placement: "bottom",
+            Icon: ChevronDown,
+            Name: "bottom-popover"
+          }),
+          /* @__PURE__ */ _jsx(Demo, {
+            shouldAdapt,
+            placement: "top",
+            Icon: ChevronUp,
+            Name: "top-popover"
+          }),
+          /* @__PURE__ */ _jsx(Demo, {
+            shouldAdapt,
+            placement: "right",
+            Icon: ChevronRight,
+            Name: "right-popover"
+          })
+        ]
       }),
-      /* @__PURE__ */ _jsx(Demo, {
-        placement: "right",
-        Icon: ChevronRight,
-        Name: "right-popover"
+      !isWeb && /* @__PURE__ */ _jsxs(Button, {
+        onPress: function() {
+          return setShouldAdapt(!shouldAdapt);
+        },
+        children: [
+          "Adapt to Sheet: ",
+          `${shouldAdapt}`
+        ]
       })
     ]
   });
 }
 function Demo(param) {
-  var { Icon, Name, ...props } = param;
+  var { Icon, Name, shouldAdapt, ...props } = param;
   return /* @__PURE__ */ _jsxs(Popover, {
     size: "$5",
     allowFlip: !0,
@@ -44,7 +64,7 @@ function Demo(param) {
           icon: Icon
         })
       }),
-      /* @__PURE__ */ _jsx(Adapt, {
+      shouldAdapt && /* @__PURE__ */ _jsx(Adapt, {
         when: "sm",
         platform: "touch",
         children: /* @__PURE__ */ _jsxs(Popover.Sheet, {
@@ -104,6 +124,7 @@ function Demo(param) {
                     children: "Name"
                   }),
                   /* @__PURE__ */ _jsx(Input, {
+                    f: 1,
                     size: "$3",
                     id: Name
                   })

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/PopoverDemo.tsx"],
-  "mappings": ";AAAA,SAASA,aAAaC,aAAaC,cAAcC,iBAAiB;AAElE,SAASC,OAAOC,QAAQC,OAAOC,OAAOC,SAASC,QAAQC,cAAc;AAE9D,SAASC,cAAAA;AACd,SACE,sBAACF,QAAAA;IAAOG,KAAI;IAAKC,MAAM;IAAGC,gBAAe;IAASC,YAAW;;MAC3D,qBAACC,MAAAA;QAAKC,WAAU;QAAOC,MAAMjB;QAAakB,MAAK;;MAC/C,qBAACH,MAAAA;QAAKC,WAAU;QAASC,MAAMlB;QAAamB,MAAK;;MACjD,qBAACH,MAAAA;QAAKC,WAAU;QAAMC,MAAMf;QAAWgB,MAAK;;MAC5C,qBAACH,MAAAA;QAAKC,WAAU;QAAQC,MAAMhB;QAAciB,MAAK;;;;AAGvD;AAEO,SAASH,KAAK,OAI0B;MAJ1B,EACnBE,MACAC,MACA,GAAGC,MAAAA,IAHgB;AAKnB,SACE,sBAACZ,SAAAA;IAAQa,MAAK;IAAKC,WAAS;IAAE,GAAGF;;MAC/B,qBAACZ,QAAQe,SAAO;QAACC,SAAO;kBACtB,qBAACnB,QAAAA;UAAOoB,MAAMP;;;MAGhB,qBAACd,OAAAA;QAAMsB,MAAK;QAAKC,UAAS;kBACxB,sBAACnB,QAAQoB,OAAK;UAACC,OAAK;UAACC,uBAAqB;;YACxC,qBAACtB,QAAQoB,MAAMG,OAAK;cAACC,SAAQ;wBAC3B,qBAAC5B,MAAM6B,UAAQ,CAAA,CAAA;;YAEjB,qBAACzB,QAAQoB,MAAMM,SAAO;cACpBC,WAAU;cACVC,YAAY;gBAAEC,SAAS;cAAE;cACzBC,WAAW;gBAAED,SAAS;cAAE;;;;;MAK9B,sBAAC7B,QAAQ+B,SAAO;QACdC,aAAa;QACbC,aAAY;QACZL,YAAY;UAAEM,GAAG;UAAKL,SAAS;QAAE;QACjCC,WAAW;UAAEI,GAAG;UAAKL,SAAS;QAAE;QAChCM,SAAO;QACPR,WAAW;UACT;UACA;YACEE,SAAS;cACPO,mBAAmB;YACrB;UACF;;;UAGF,qBAACpC,QAAQqC,OAAK;YAACL,aAAa;YAAGC,aAAY;;UAE3C,sBAAC/B,QAAAA;YAAOE,KAAI;;cACV,sBAACH,QAAAA;gBAAOG,KAAI;;kBACV,qBAACL,OAAAA;oBAAMc,MAAK;oBAAKyB,SAAS3B;8BAAM;;kBAGhC,qBAACb,OAAAA;oBAAMe,MAAK;oBAAK0B,IAAI5B;;;;cAGvB,qBAACX,QAAQwC,OAAK;gBAACxB,SAAO;0BACpB,qBAACnB,QAAAA;kBACCgB,MAAK;kBACL4B,SAAS,WAAA;kBAET;;;oBACD;;;;;;;;;;AAQb;",
-  "names": ["ChevronDown", "ChevronLeft", "ChevronRight", "ChevronUp", "Adapt", "Button", "Input", "Label", "Popover", "XStack", "YStack", "PopoverDemo", "gap", "flex", "justifyContent", "alignItems", "Demo", "placement", "Icon", "Name", "props", "size", "allowFlip", "Trigger", "asChild", "icon", "when", "platform", "Sheet", "modal", "dismissOnSnapToBottom", "Frame", "padding", "Contents", "Overlay", "animation", "enterStyle", "opacity", "exitStyle", "Content", "borderWidth", "borderColor", "y", "elevate", "overshootClamping", "Arrow", "htmlFor", "id", "Close", "onPress"]
+  "mappings": ";AAAA,SAASA,aAAaC,aAAaC,cAAcC,iBAAiB;AAClE,SAASC,gBAAgB;AAEzB,SAASC,OAAOC,QAAQC,OAAOC,OAAOC,OAAOC,SAASC,QAAQC,cAAc;AAErE,SAASC,cAAAA;AACd,MAAM,CAACC,aAAaC,cAAAA,IAAkBX,SAAS,EAAA;AAE/C,SACE,sBAACQ,QAAAA;IAAOI,KAAI;;MACV,sBAACL,QAAAA;QAAOK,KAAI;QAAKC,MAAM;QAAGC,gBAAe;QAASC,YAAW;;UAC3D,qBAACC,MAAAA;YACCN;YACAO,WAAU;YACVC,MAAMrB;YACNsB,MAAK;;UAEP,qBAACH,MAAAA;YACCN;YACAO,WAAU;YACVC,MAAMtB;YACNuB,MAAK;;UAEP,qBAACH,MAAAA;YACCN;YACAO,WAAU;YACVC,MAAMnB;YACNoB,MAAK;;UAEP,qBAACH,MAAAA;YACCN;YACAO,WAAU;YACVC,MAAMpB;YACNqB,MAAK;;;;MAIR,CAACf,SACA,sBAACF,QAAAA;QAAOkB,SAAS,WAAA;iBAAMT,eAAe,CAACD,WAAAA;;;UAAc;UAClC,GAAGA,WAAAA;;;;;AAK9B;AAEO,SAASM,KAAK,OAKiD;MALjD,EACnBE,MACAC,MACAT,aACA,GAAGW,MAAAA,IAJgB;AAMnB,SACE,sBAACf,SAAAA;IAAQgB,MAAK;IAAKC,WAAS;IAAE,GAAGF;;MAC/B,qBAACf,QAAQkB,SAAO;QAACC,SAAO;kBACtB,qBAACvB,QAAAA;UAAOwB,MAAMR;;;MAGfR,eACC,qBAACT,OAAAA;QAAM0B,MAAK;QAAKC,UAAS;kBACxB,sBAACtB,QAAQuB,OAAK;UAACC,OAAK;UAACC,uBAAqB;;YACxC,qBAACzB,QAAQuB,MAAMG,OAAK;cAACC,SAAQ;wBAC3B,qBAAChC,MAAMiC,UAAQ,CAAA,CAAA;;YAEjB,qBAAC5B,QAAQuB,MAAMM,SAAO;cACpBC,WAAU;cACVC,YAAY;gBAAEC,SAAS;cAAE;cACzBC,WAAW;gBAAED,SAAS;cAAE;;;;;MAMhC,sBAAChC,QAAQkC,SAAO;QACdC,aAAa;QACbC,aAAY;QACZL,YAAY;UAAEM,GAAG;UAAKL,SAAS;QAAE;QACjCC,WAAW;UAAEI,GAAG;UAAKL,SAAS;QAAE;QAChCM,SAAO;QACPR,WAAW;UACT;UACA;YACEE,SAAS;cACPO,mBAAmB;YACrB;UACF;;;UAGF,qBAACvC,QAAQwC,OAAK;YAACL,aAAa;YAAGC,aAAY;;UAE3C,sBAAClC,QAAAA;YAAOI,KAAI;;cACV,sBAACL,QAAAA;gBAAOK,KAAI;;kBACV,qBAACP,OAAAA;oBAAMiB,MAAK;oBAAKyB,SAAS5B;8BAAM;;kBAGhC,qBAAChB,OAAAA;oBAAM6C,GAAG;oBAAG1B,MAAK;oBAAK2B,IAAI9B;;;;cAG7B,qBAACb,QAAQ4C,OAAK;gBAACzB,SAAO;0BACpB,qBAACvB,QAAAA;kBACCoB,MAAK;kBACLF,SAAS,WAAA;kBAET;;;oBACD;;;;;;;;;;AAQb;",
+  "names": ["ChevronDown", "ChevronLeft", "ChevronRight", "ChevronUp", "useState", "Adapt", "Button", "Input", "isWeb", "Label", "Popover", "XStack", "YStack", "PopoverDemo", "shouldAdapt", "setShouldAdapt", "gap", "flex", "justifyContent", "alignItems", "Demo", "placement", "Icon", "Name", "onPress", "props", "size", "allowFlip", "Trigger", "asChild", "icon", "when", "platform", "Sheet", "modal", "dismissOnSnapToBottom", "Frame", "padding", "Contents", "Overlay", "animation", "enterStyle", "opacity", "exitStyle", "Content", "borderWidth", "borderColor", "y", "elevate", "overshootClamping", "Arrow", "htmlFor", "f", "id", "Close"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/demos",
-  "version": "1.111.9",
+  "version": "1.111.11",
   "sideEffects": [
     "*.css"
   ],
@@ -17,8 +17,8 @@
   "scripts": {
     "build": "tamagui-build",
     "watch": "tamagui-build --watch",
-    "lint": "npx biome check src",
-    "lint:fix": "npx biome check --apply-unsafe src",
+    "lint": "biome check src",
+    "lint:fix": "biome check --write src",
     "clean": "tamagui-build clean",
     "clean:build": "tamagui-build clean:build"
   },
@@ -41,29 +41,29 @@
     }
   },
   "dependencies": {
-    "@tamagui/avatar": "1.111.9",
-    "@tamagui/button": "1.111.9",
-    "@tamagui/config": "1.111.9",
-    "@tamagui/core": "1.111.9",
-    "@tamagui/list-item": "1.111.9",
-    "@tamagui/logo": "1.111.9",
-    "@tamagui/lucide-icons": "1.111.9",
-    "@tamagui/menu": "1.111.9",
-    "@tamagui/popover": "1.111.9",
-    "@tamagui/progress": "1.111.9",
-    "@tamagui/radio-group": "1.111.9",
-    "@tamagui/select": "1.111.9",
-    "@tamagui/sheet": "1.111.9",
-    "@tamagui/slider": "1.111.9",
-    "@tamagui/stacks": "1.111.9",
-    "@tamagui/toast": "1.111.9",
-    "tamagui": "1.111.9"
+    "@tamagui/avatar": "1.111.11",
+    "@tamagui/button": "1.111.11",
+    "@tamagui/config": "1.111.11",
+    "@tamagui/core": "1.111.11",
+    "@tamagui/list-item": "1.111.11",
+    "@tamagui/logo": "1.111.11",
+    "@tamagui/lucide-icons": "1.111.11",
+    "@tamagui/menu": "1.111.11",
+    "@tamagui/popover": "1.111.11",
+    "@tamagui/progress": "1.111.11",
+    "@tamagui/radio-group": "1.111.11",
+    "@tamagui/select": "1.111.11",
+    "@tamagui/sheet": "1.111.11",
+    "@tamagui/slider": "1.111.11",
+    "@tamagui/stacks": "1.111.11",
+    "@tamagui/toast": "1.111.11",
+    "tamagui": "1.111.11"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.111.9",
+    "@tamagui/build": "1.111.11",
     "react": "^18.2.0 || ^19.0.0",
     "react-dom": "^18.2.0 || ^19.0.0"
   },

package/src/PopoverDemo.tsx

@@ -1,41 +1,75 @@
 import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from '@tamagui/lucide-icons'
+import { useState } from 'react'
 import type { PopoverProps } from 'tamagui'
-import { Adapt, Button, Input, Label, Popover, XStack, YStack } from 'tamagui'
+import { Adapt, Button, Input, isWeb, Label, Popover, XStack, YStack } from 'tamagui'
 
 export function PopoverDemo() {
+  const [shouldAdapt, setShouldAdapt] = useState(true)
+
   return (
-    <XStack gap="$2" flex={1} justifyContent="center" alignItems="center">
-      <Demo placement="left" Icon={ChevronLeft} Name="left-popover" />
-      <Demo placement="bottom" Icon={ChevronDown} Name="bottom-popover" />
-      <Demo placement="top" Icon={ChevronUp} Name="top-popover" />
-      <Demo placement="right" Icon={ChevronRight} Name="right-popover" />
-    </XStack>
+    <YStack gap="$4">
+      <XStack gap="$2" flex={1} justifyContent="center" alignItems="center">
+        <Demo
+          shouldAdapt={shouldAdapt}
+          placement="left"
+          Icon={ChevronLeft}
+          Name="left-popover"
+        />
+        <Demo
+          shouldAdapt={shouldAdapt}
+          placement="bottom"
+          Icon={ChevronDown}
+          Name="bottom-popover"
+        />
+        <Demo
+          shouldAdapt={shouldAdapt}
+          placement="top"
+          Icon={ChevronUp}
+          Name="top-popover"
+        />
+        <Demo
+          shouldAdapt={shouldAdapt}
+          placement="right"
+          Icon={ChevronRight}
+          Name="right-popover"
+        />
+      </XStack>
+
+      {!isWeb && (
+        <Button onPress={() => setShouldAdapt(!shouldAdapt)}>
+          Adapt to Sheet: {`${shouldAdapt}`}
+        </Button>
+      )}
+    </YStack>
   )
 }
 
 export function Demo({
   Icon,
   Name,
+  shouldAdapt,
   ...props
-}: PopoverProps & { Icon?: any; Name?: string }) {
+}: PopoverProps & { Icon?: any; Name?: string; shouldAdapt?: boolean }) {
   return (
     <Popover size="$5" allowFlip {...props}>
       <Popover.Trigger asChild>
         <Button icon={Icon} />
       </Popover.Trigger>
 
-      <Adapt when="sm" platform="touch">
-        <Popover.Sheet modal dismissOnSnapToBottom>
-          <Popover.Sheet.Frame padding="$4">
-            <Adapt.Contents />
-          </Popover.Sheet.Frame>
-          <Popover.Sheet.Overlay
-            animation="lazy"
-            enterStyle={{ opacity: 0 }}
-            exitStyle={{ opacity: 0 }}
-          />
-        </Popover.Sheet>
-      </Adapt>
+      {shouldAdapt && (
+        <Adapt when="sm" platform="touch">
+          <Popover.Sheet modal dismissOnSnapToBottom>
+            <Popover.Sheet.Frame padding="$4">
+              <Adapt.Contents />
+            </Popover.Sheet.Frame>
+            <Popover.Sheet.Overlay
+              animation="lazy"
+              enterStyle={{ opacity: 0 }}
+              exitStyle={{ opacity: 0 }}
+            />
+          </Popover.Sheet>
+        </Adapt>
+      )}
 
       <Popover.Content
         borderWidth={1}
@@ -59,7 +93,7 @@ export function Demo({
             <Label size="$3" htmlFor={Name}>
               Name
             </Label>
-            <Input size="$3" id={Name} />
+            <Input f={1} size="$3" id={Name} />
           </XStack>
 
           <Popover.Close asChild>

package/types/PopoverDemo.d.ts

@@ -1,7 +1,8 @@
 import type { PopoverProps } from 'tamagui';
 export declare function PopoverDemo(): import("react/jsx-runtime").JSX.Element;
-export declare function Demo({ Icon, Name, ...props }: PopoverProps & {
+export declare function Demo({ Icon, Name, shouldAdapt, ...props }: PopoverProps & {
     Icon?: any;
     Name?: string;
+    shouldAdapt?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PopoverDemo.d.ts.map

package/types/PopoverDemo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverDemo.d.ts","sourceRoot":"","sources":["../src/PopoverDemo.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C,wBAAgB,WAAW,4CAS1B;AAED,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,YAAY,GAAG;IAAE,IAAI,CAAC,EAAE,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,2CA2D9C"}
+{"version":3,"file":"PopoverDemo.d.ts","sourceRoot":"","sources":["../src/PopoverDemo.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C,wBAAgB,WAAW,4CAuC1B;AAED,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,GAAG,KAAK,EACT,EAAE,YAAY,GAAG;IAAE,IAAI,CAAC,EAAE,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,2CA6DrE"}