@tamagui/demos 1.89.28 → 1.89.30

package/dist/jsx/AlertDialogDemo.native.js

@@ -1,59 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AlertDialog, Button, XStack, YStack } from "tamagui";
 function AlertDialogDemo() {
-  return /* @__PURE__ */ React.createElement(AlertDialog, {
-    native: !0
-  }, /* @__PURE__ */ React.createElement(AlertDialog.Trigger, {
-    asChild: !0
-  }, /* @__PURE__ */ React.createElement(Button, null, "Show Alert")), /* @__PURE__ */ React.createElement(AlertDialog.Portal, null, /* @__PURE__ */ React.createElement(AlertDialog.Overlay, {
-    key: "overlay",
-    animation: "quick",
-    opacity: 0.5,
-    enterStyle: {
-      opacity: 0
-    },
-    exitStyle: {
-      opacity: 0
-    }
-  }), /* @__PURE__ */ React.createElement(AlertDialog.Content, {
-    bordered: !0,
-    elevate: !0,
-    key: "content",
-    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
-    },
-    x: 0,
-    scale: 1,
-    opacity: 1,
-    y: 0
-  }, /* @__PURE__ */ React.createElement(YStack, {
-    space: !0
-  }, /* @__PURE__ */ React.createElement(AlertDialog.Title, null, "Accept"), /* @__PURE__ */ React.createElement(AlertDialog.Description, null, "By pressing yes, you accept our terms and conditions."), /* @__PURE__ */ React.createElement(XStack, {
-    space: "$3",
-    justifyContent: "flex-end"
-  }, /* @__PURE__ */ React.createElement(AlertDialog.Cancel, {
-    asChild: !0
-  }, /* @__PURE__ */ React.createElement(Button, null, "Cancel")), /* @__PURE__ */ React.createElement(AlertDialog.Action, {
-    asChild: !0
-  }, /* @__PURE__ */ React.createElement(Button, {
-    theme: "active"
-  }, "Accept")))))));
+  return /* @__PURE__ */ _jsxs(AlertDialog, {
+    native: !0,
+    children: [
+      /* @__PURE__ */ _jsx(AlertDialog.Trigger, {
+        asChild: !0,
+        children: /* @__PURE__ */ _jsx(Button, {
+          children: "Show Alert"
+        })
+      }),
+      /* @__PURE__ */ _jsxs(AlertDialog.Portal, {
+        children: [
+          /* @__PURE__ */ _jsx(AlertDialog.Overlay, {
+            animation: "quick",
+            opacity: 0.5,
+            enterStyle: {
+              opacity: 0
+            },
+            exitStyle: {
+              opacity: 0
+            }
+          }, "overlay"),
+          /* @__PURE__ */ _jsx(AlertDialog.Content, {
+            bordered: !0,
+            elevate: !0,
+            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
+            },
+            x: 0,
+            scale: 1,
+            opacity: 1,
+            y: 0,
+            children: /* @__PURE__ */ _jsxs(YStack, {
+              space: !0,
+              children: [
+                /* @__PURE__ */ _jsx(AlertDialog.Title, {
+                  children: "Accept"
+                }),
+                /* @__PURE__ */ _jsx(AlertDialog.Description, {
+                  children: "By pressing yes, you accept our terms and conditions."
+                }),
+                /* @__PURE__ */ _jsxs(XStack, {
+                  space: "$3",
+                  justifyContent: "flex-end",
+                  children: [
+                    /* @__PURE__ */ _jsx(AlertDialog.Cancel, {
+                      asChild: !0,
+                      children: /* @__PURE__ */ _jsx(Button, {
+                        children: "Cancel"
+                      })
+                    }),
+                    /* @__PURE__ */ _jsx(AlertDialog.Action, {
+                      asChild: !0,
+                      children: /* @__PURE__ */ _jsx(Button, {
+                        theme: "active",
+                        children: "Accept"
+                      })
+                    })
+                  ]
+                })
+              ]
+            })
+          }, "content")
+        ]
+      })
+    ]
+  });
 }
 export {
   AlertDialogDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/AlertDialogDemo.tsx"],
-  "mappings": "AAAA,SAASA,aAAaC,QAAQC,QAAQC,cAAc;AAE7C,SAASC,kBAAAA;AACd,SACE,sBAAA,cAACJ,aAAAA;IAAYK,QAAAA;KACX,sBAAA,cAACL,YAAYM,SAAO;IAACC,SAAAA;KACnB,sBAAA,cAACN,QAAAA,MAAO,YAAA,CAAA,GAGV,sBAAA,cAACD,YAAYQ,QAAM,MACjB,sBAAA,cAACR,YAAYS,SAAO;IAClBC,KAAI;IACJC,WAAU;IACVC,SAAS;IACTC,YAAY;MAAED,SAAS;IAAE;IACzBE,WAAW;MAAEF,SAAS;IAAE;MAE1B,sBAAA,cAACZ,YAAYe,SAAO;IAClBC,UAAAA;IACAC,SAAAA;IACAP,KAAI;IACJC,WAAW;MACT;MACA;QACEC,SAAS;UACPM,mBAAmB;QACrB;MACF;;IAEFL,YAAY;MAAEM,GAAG;MAAGC,GAAG;MAAKR,SAAS;MAAGS,OAAO;IAAI;IACnDP,WAAW;MAAEK,GAAG;MAAGC,GAAG;MAAIR,SAAS;MAAGS,OAAO;IAAK;IAClDF,GAAG;IACHE,OAAO;IACPT,SAAS;IACTQ,GAAG;KAEH,sBAAA,cAACjB,QAAAA;IAAOmB,OAAAA;KACN,sBAAA,cAACtB,YAAYuB,OAAK,MAAC,QAAA,GACnB,sBAAA,cAACvB,YAAYwB,aAAW,MAAC,uDAAA,GAIzB,sBAAA,cAACtB,QAAAA;IAAOoB,OAAM;IAAKG,gBAAe;KAChC,sBAAA,cAACzB,YAAY0B,QAAM;IAACnB,SAAAA;KAClB,sBAAA,cAACN,QAAAA,MAAO,QAAA,CAAA,GAEV,sBAAA,cAACD,YAAY2B,QAAM;IAACpB,SAAAA;KAClB,sBAAA,cAACN,QAAAA;IAAO2B,OAAM;KAAS,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAQvC;",
-  "names": ["AlertDialog", "Button", "XStack", "YStack", "AlertDialogDemo", "native", "Trigger", "asChild", "Portal", "Overlay", "key", "animation", "opacity", "enterStyle", "exitStyle", "Content", "bordered", "elevate", "overshootClamping", "x", "y", "scale", "space", "Title", "Description", "justifyContent", "Cancel", "Action", "theme"]
+  "mappings": ";AAAA,SAASA,aAAaC,QAAQC,QAAQC,cAAc;AAE7C,SAASC,kBAAAA;AACd,SACE,sBAACJ,aAAAA;IAAYK,QAAM;;MACjB,qBAACL,YAAYM,SAAO;QAACC,SAAO;kBAC1B,qBAACN,QAAAA;oBAAO;;;MAGV,sBAACD,YAAYQ,QAAM;;UACjB,qBAACR,YAAYS,SAAO;YAElBC,WAAU;YACVC,SAAS;YACTC,YAAY;cAAED,SAAS;YAAE;YACzBE,WAAW;cAAEF,SAAS;YAAE;aAJpB,SAAA;UAMN,qBAACX,YAAYc,SAAO;YAClBC,UAAQ;YACRC,SAAO;YAEPN,WAAW;cACT;cACA;gBACEC,SAAS;kBACPM,mBAAmB;gBACrB;cACF;;YAEFL,YAAY;cAAEM,GAAG;cAAGC,GAAG;cAAKR,SAAS;cAAGS,OAAO;YAAI;YACnDP,WAAW;cAAEK,GAAG;cAAGC,GAAG;cAAIR,SAAS;cAAGS,OAAO;YAAK;YAClDF,GAAG;YACHE,OAAO;YACPT,SAAS;YACTQ,GAAG;sBAEH,sBAAChB,QAAAA;cAAOkB,OAAK;;gBACX,qBAACrB,YAAYsB,OAAK;4BAAC;;gBACnB,qBAACtB,YAAYuB,aAAW;4BAAC;;gBAIzB,sBAACrB,QAAAA;kBAAOmB,OAAM;kBAAKG,gBAAe;;oBAChC,qBAACxB,YAAYyB,QAAM;sBAAClB,SAAO;gCACzB,qBAACN,QAAAA;kCAAO;;;oBAEV,qBAACD,YAAY0B,QAAM;sBAACnB,SAAO;gCACzB,qBAACN,QAAAA;wBAAO0B,OAAM;kCAAS;;;;;;;aA3BzB,SAAA;;;;;AAmCd;",
+  "names": ["AlertDialog", "Button", "XStack", "YStack", "AlertDialogDemo", "native", "Trigger", "asChild", "Portal", "Overlay", "animation", "opacity", "enterStyle", "exitStyle", "Content", "bordered", "elevate", "overshootClamping", "x", "y", "scale", "space", "Title", "Description", "justifyContent", "Cancel", "Action", "theme"]
 }

package/dist/jsx/AnimationsDemo.native.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { LogoIcon } from "@tamagui/logo";
 import { Play } from "@tamagui/lucide-icons";
 import { Button, Square, useControllableState, useEvent } from "tamagui";
@@ -44,15 +45,30 @@ function _non_iterable_rest() {
 }
 function _object_spread(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {}, ownKeys = Object.keys(source);
-    typeof Object.getOwnPropertySymbols == "function" && (ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+    var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
+    typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
       return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-    }))), ownKeys.forEach(function(key) {
+    }))), ownKeys2.forEach(function(key) {
       _define_property(target, key, source[key]);
     });
   }
   return target;
 }
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _object_spread_props(target, source) {
+  return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+    Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+  }), target;
+}
 function _sliced_to_array(arr, i) {
   return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
 }
@@ -77,35 +93,42 @@ function AnimationsDemo(props) {
       return (x + 1) % positions.length;
     });
   });
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Square, _object_spread({
-    animation: props.animation || "bouncy",
-    animateOnly: [
-      "transform"
-    ],
-    onPress,
-    size: 104,
-    borderColor: "$borderColor",
-    borderWidth: 1,
-    borderRadius: "$9",
-    backgroundColor: "$color9",
-    hoverStyle: {
-      scale: 1.5
-    },
-    pressStyle: {
-      scale: 0.9
-    }
-  }, position), props.children || /* @__PURE__ */ React.createElement(LogoIcon, {
-    downscale: 0.75
-  })), /* @__PURE__ */ React.createElement(Button, {
-    position: "absolute",
-    bottom: 20,
-    left: 20,
-    icon: Play,
-    theme: props.tint,
-    size: "$5",
-    circular: !0,
-    onPress
-  }));
+  return /* @__PURE__ */ _jsxs(_Fragment, {
+    children: [
+      /* @__PURE__ */ _jsx(Square, _object_spread_props(_object_spread({
+        animation: props.animation || "bouncy",
+        animateOnly: [
+          "transform"
+        ],
+        onPress,
+        size: 104,
+        borderColor: "$borderColor",
+        borderWidth: 1,
+        borderRadius: "$9",
+        backgroundColor: "$color9",
+        hoverStyle: {
+          scale: 1.5
+        },
+        pressStyle: {
+          scale: 0.9
+        }
+      }, position), {
+        children: props.children || /* @__PURE__ */ _jsx(LogoIcon, {
+          downscale: 0.75
+        })
+      })),
+      /* @__PURE__ */ _jsx(Button, {
+        position: "absolute",
+        bottom: 20,
+        left: 20,
+        icon: Play,
+        theme: props.tint,
+        size: "$5",
+        circular: !0,
+        onPress
+      })
+    ]
+  });
 }
 var positions = [
   {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/AnimationsDemo.tsx"],
-  "mappings": "AAAA,SAASA,gBAAgB;AACzB,SAASC,YAAY;AACrB,SAASC,QAAQC,QAAQC,sBAAsBC,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAExD,SAASC,eAAeC,OAAK;AAClC,MAAkCH,wBAAAA,iBAAAA,qBAAqB;IACrDI,UAAU;IACVC,MAAMF,MAAMG;IACZC,aAAa;EACf,CAAA,GAAA,CAAA,GAJOC,YAA2BR,sBAAAA,CAAAA,GAAhBS,eAAgBT,sBAAAA,CAAAA,GAK5BM,WAAWI,UAAUF,SAAAA,GACrBG,UAAUV,SAAS,WAAA;AACvBQ,iBAAa,SAACG,GAAAA;AACZ,cAAQA,IAAI,KAAKF,UAAUG;IAC7B,CAAA;EACF,CAAA;AAEA,SACE,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACd,QAAAA,eAAAA;IACCe,WAAWX,MAAMW,aAAa;IAC9BC,aAAa;MAAC;;IACdJ;IACAK,MAAM;IACNC,aAAY;IACZC,aAAa;IACbC,cAAa;IACbC,iBAAgB;IAChBC,YAAY;MACVC,OAAO;IACT;IACAC,YAAY;MACVD,OAAO;IACT;KACIhB,QAAAA,GAEHH,MAAMqB,YAAY,sBAAA,cAAC5B,UAAAA;IAAS6B,WAAW;OAG1C,sBAAA,cAAC3B,QAAAA;IACCQ,UAAS;IACToB,QAAQ;IACRC,MAAM;IACNC,MAAM/B;IACNgC,OAAO1B,MAAM2B;IACbd,MAAK;IACLe,UAAAA;IACApB;;AAIR;AAEO,IAAMD,YAAY;EACvB;IACEE,GAAG;IACHoB,GAAG;IACHV,OAAO;IACPW,QAAQ;EACV;EACA;IACErB,GAAG;IACHoB,GAAG;IACHV,OAAO;IACPW,QAAQ;IACRZ,YAAY;MACVC,OAAO;IACT;IACAC,YAAY;MACVD,OAAO;IACT;EACF;EACA;IACEV,GAAG;IACHoB,GAAG;IACHV,OAAO;IACPW,QAAQ;IACRZ,YAAY;MACVC,OAAO;IACT;IACAC,YAAY;MACVD,OAAO;IACT;EACF;;",
+  "mappings": ";AAAA,SAASA,gBAAgB;AACzB,SAASC,YAAY;AACrB,SAASC,QAAQC,QAAQC,sBAAsBC,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAExD,SAASC,eAAeC,OAAK;AAClC,MAAkCH,wBAAAA,iBAAAA,qBAAqB;IACrDI,UAAU;IACVC,MAAMF,MAAMG;IACZC,aAAa;EACf,CAAA,GAAA,CAAA,GAJOC,YAA2BR,sBAAAA,CAAAA,GAAhBS,eAAgBT,sBAAAA,CAAAA,GAK5BM,WAAWI,UAAUF,SAAAA,GACrBG,UAAUV,SAAS,WAAA;AACvBQ,iBAAa,SAACG,GAAAA;AACZ,cAAQA,IAAI,KAAKF,UAAUG;IAC7B,CAAA;EACF,CAAA;AAEA,SACE,sBAAA,WAAA;;MACE,qBAACd,QAAAA,qBAAAA,eAAAA;QACCe,WAAWX,MAAMW,aAAa;QAC9BC,aAAa;UAAC;;QACdJ;QACAK,MAAM;QACNC,aAAY;QACZC,aAAa;QACbC,cAAa;QACbC,iBAAgB;QAChBC,YAAY;UACVC,OAAO;QACT;QACAC,YAAY;UACVD,OAAO;QACT;SACIhB,QAAAA,GAAAA;kBAEHH,MAAMqB,YAAY,qBAAC5B,UAAAA;UAAS6B,WAAW;;;MAG1C,qBAAC3B,QAAAA;QACCQ,UAAS;QACToB,QAAQ;QACRC,MAAM;QACNC,MAAM/B;QACNgC,OAAO1B,MAAM2B;QACbd,MAAK;QACLe,UAAQ;QACRpB;;;;AAIR;AAEO,IAAMD,YAAY;EACvB;IACEE,GAAG;IACHoB,GAAG;IACHV,OAAO;IACPW,QAAQ;EACV;EACA;IACErB,GAAG;IACHoB,GAAG;IACHV,OAAO;IACPW,QAAQ;IACRZ,YAAY;MACVC,OAAO;IACT;IACAC,YAAY;MACVD,OAAO;IACT;EACF;EACA;IACEV,GAAG;IACHoB,GAAG;IACHV,OAAO;IACPW,QAAQ;IACRZ,YAAY;MACVC,OAAO;IACT;IACAC,YAAY;MACVD,OAAO;IACT;EACF;;",
   "names": ["LogoIcon", "Play", "Button", "Square", "useControllableState", "useEvent", "AnimationsDemo", "props", "strategy", "prop", "position", "defaultProp", "positionI", "setPositionI", "positions", "onPress", "x", "length", "animation", "animateOnly", "size", "borderColor", "borderWidth", "borderRadius", "backgroundColor", "hoverStyle", "scale", "pressStyle", "children", "downscale", "bottom", "left", "icon", "theme", "tint", "circular", "y", "rotate"]
 }

package/dist/jsx/AnimationsEnterDemo.native.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { LogoIcon } from "@tamagui/logo";
 import { useRef, useState } from "react";
 import { Button, Square, YStack } from "tamagui";
@@ -54,34 +55,40 @@ function AnimationsEnterDemo(props) {
     once: !0
   }), _useState = _sliced_to_array(useState(0), 2), key = _useState[0], setKey = _useState[1];
   if (!hasIntersected)
-    return /* @__PURE__ */ React.createElement(YStack, {
+    return /* @__PURE__ */ _jsx(YStack, {
       ref
     });
   var _props_children;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Square, {
-    key,
-    enterStyle: {
-      scale: 1.5,
-      y: -10,
-      opacity: 0
-    },
-    animation: "bouncy",
-    elevation: "$4",
-    size: 110,
-    opacity: 1,
-    scale: 1,
-    y: 0,
-    backgroundColor: "$pink10",
-    borderRadius: "$9"
-  }, (_props_children = props.children) !== null && _props_children !== void 0 ? _props_children : /* @__PURE__ */ React.createElement(LogoIcon, {
-    downscale: 0.75
-  })), /* @__PURE__ */ React.createElement(Button, {
-    size: "$3",
-    marginTop: "$4",
-    onPress: function() {
-      return setKey(Math.random());
-    }
-  }, "Re-mount"));
+  return /* @__PURE__ */ _jsxs(_Fragment, {
+    children: [
+      /* @__PURE__ */ _jsx(Square, {
+        enterStyle: {
+          scale: 1.5,
+          y: -10,
+          opacity: 0
+        },
+        animation: "bouncy",
+        elevation: "$4",
+        size: 110,
+        opacity: 1,
+        scale: 1,
+        y: 0,
+        backgroundColor: "$pink10",
+        borderRadius: "$9",
+        children: (_props_children = props.children) !== null && _props_children !== void 0 ? _props_children : /* @__PURE__ */ _jsx(LogoIcon, {
+          downscale: 0.75
+        })
+      }, key),
+      /* @__PURE__ */ _jsx(Button, {
+        size: "$3",
+        marginTop: "$4",
+        onPress: function() {
+          return setKey(Math.random());
+        },
+        children: "Re-mount"
+      })
+    ]
+  });
 }
 export {
   AnimationsEnterDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/AnimationsEnterDemo.tsx"],
-  "mappings": "AAAA,SAASA,gBAAgB;AACzB,SAASC,QAAQC,gBAAgB;AACjC,SAASC,QAAQC,QAAQC,cAAc;AAEvC,SAASC,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE3B,SAASC,oBAAoBC,OAAU;AAC5C,MAAMC,MAAMR,OAAoB,IAAA,GAC1BS,iBAAiBJ,kBAAkBG,KAAK;IAAEE,MAAM;EAAK,CAAA,GACrCT,YAAAA,iBAAAA,SAAS,CAAA,GAAA,CAAA,GAAxBU,MAAeV,UAAAA,CAAAA,GAAVW,SAAUX,UAAAA,CAAAA;AAEtB,MAAI,CAACQ;AACH,WAAO,sBAAA,cAACL,QAAAA;MAAOI;;MAqBVD;AAlBP,SACE,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACJ,QAAAA;IACCQ;IACAE,YAAY;MACVC,OAAO;MACPC,GAAG;MACHC,SAAS;IACX;IACAC,WAAU;IACVC,WAAU;IACVC,MAAM;IACNH,SAAS;IACTF,OAAO;IACPC,GAAG;IACHK,iBAAgB;IAChBC,cAAa;MAEZd,kBAAAA,MAAMe,cAAQ,QAAdf,oBAAAA,SAAAA,kBAAkB,sBAAA,cAACR,UAAAA;IAASwB,WAAW;OAG1C,sBAAA,cAACrB,QAAAA;IAAOiB,MAAK;IAAKK,WAAU;IAAKC,SAAS,WAAA;aAAMb,OAAOc,KAAKC,OAAM,CAAA;;KAAK,UAAA,CAAA;AAK7E;",
+  "mappings": ";AAAA,SAASA,gBAAgB;AACzB,SAASC,QAAQC,gBAAgB;AACjC,SAASC,QAAQC,QAAQC,cAAc;AAEvC,SAASC,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE3B,SAASC,oBAAoBC,OAAU;AAC5C,MAAMC,MAAMR,OAAoB,IAAA,GAC1BS,iBAAiBJ,kBAAkBG,KAAK;IAAEE,MAAM;EAAK,CAAA,GACrCT,YAAAA,iBAAAA,SAAS,CAAA,GAAA,CAAA,GAAxBU,MAAeV,UAAAA,CAAAA,GAAVW,SAAUX,UAAAA,CAAAA;AAEtB,MAAI,CAACQ;AACH,WAAO,qBAACL,QAAAA;MAAOI;;MAqBVD;AAlBP,SACE,sBAAA,WAAA;;MACE,qBAACJ,QAAAA;QAECU,YAAY;UACVC,OAAO;UACPC,GAAG;UACHC,SAAS;QACX;QACAC,WAAU;QACVC,WAAU;QACVC,MAAM;QACNH,SAAS;QACTF,OAAO;QACPC,GAAG;QACHK,iBAAgB;QAChBC,cAAa;mBAEZd,kBAAAA,MAAMe,cAAQ,QAAdf,oBAAAA,SAAAA,kBAAkB,qBAACR,UAAAA;UAASwB,WAAW;;SAfnCZ,GAAAA;MAkBP,qBAACT,QAAAA;QAAOiB,MAAK;QAAKK,WAAU;QAAKC,SAAS,WAAA;iBAAMb,OAAOc,KAAKC,OAAM,CAAA;;kBAAK;;;;AAK7E;",
   "names": ["LogoIcon", "useRef", "useState", "Button", "Square", "YStack", "useIsIntersecting", "AnimationsEnterDemo", "props", "ref", "hasIntersected", "once", "key", "setKey", "enterStyle", "scale", "y", "opacity", "animation", "elevation", "size", "backgroundColor", "borderRadius", "children", "downscale", "marginTop", "onPress", "Math", "random"]
 }

package/dist/jsx/AnimationsHoverDemo.native.js

@@ -1,7 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { LogoIcon } from "@tamagui/logo";
 import { Square } from "tamagui";
 function AnimationsHoverDemo() {
-  return /* @__PURE__ */ React.createElement(Square, {
+  return /* @__PURE__ */ _jsx(Square, {
     borderColor: "$borderColor",
     animation: "bouncy",
     elevation: "$4",
@@ -13,10 +14,11 @@ function AnimationsHoverDemo() {
     },
     pressStyle: {
       scale: 0.9
-    }
-  }, /* @__PURE__ */ React.createElement(LogoIcon, {
-    downscale: 0.75
-  }));
+    },
+    children: /* @__PURE__ */ _jsx(LogoIcon, {
+      downscale: 0.75
+    })
+  });
 }
 export {
   AnimationsHoverDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/AnimationsHoverDemo.tsx"],
-  "mappings": "AAAA,SAASA,gBAAgB;AACzB,SAASC,cAAc;AAEhB,SAASC,sBAAAA;AACd,SACE,sBAAA,cAACD,QAAAA;IACCE,aAAY;IACZC,WAAU;IACVC,WAAU;IACVC,iBAAgB;IAChBC,MAAM;IACNC,cAAa;IACbC,YAAY;MACVC,OAAO;IACT;IACAC,YAAY;MACVD,OAAO;IACT;KAEA,sBAAA,cAACV,UAAAA;IAASY,WAAW;;AAG3B;",
+  "mappings": ";AAAA,SAASA,gBAAgB;AACzB,SAASC,cAAc;AAEhB,SAASC,sBAAAA;AACd,SACE,qBAACD,QAAAA;IACCE,aAAY;IACZC,WAAU;IACVC,WAAU;IACVC,iBAAgB;IAChBC,MAAM;IACNC,cAAa;IACbC,YAAY;MACVC,OAAO;IACT;IACAC,YAAY;MACVD,OAAO;IACT;cAEA,qBAACV,UAAAA;MAASY,WAAW;;;AAG3B;",
   "names": ["LogoIcon", "Square", "AnimationsHoverDemo", "borderColor", "animation", "elevation", "backgroundColor", "size", "borderRadius", "hoverStyle", "scale", "pressStyle", "downscale"]
 }

package/dist/jsx/AnimationsPresenceDemo.native.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AnimatePresence } from "@tamagui/animate-presence";
 import { ArrowLeft, ArrowRight } from "@tamagui/lucide-icons";
 import { useState } from "react";
@@ -95,53 +96,59 @@ function AnimationsPresenceDemo() {
       going2
     ]);
   };
-  return /* @__PURE__ */ React.createElement(XStack, {
+  return /* @__PURE__ */ _jsxs(XStack, {
     overflow: "hidden",
     backgroundColor: "#000",
     position: "relative",
     height: 300,
     width: "100%",
-    alignItems: "center"
-  }, /* @__PURE__ */ React.createElement(AnimatePresence, {
-    initial: !1,
-    custom: {
-      going
-    }
-  }, /* @__PURE__ */ React.createElement(GalleryItem, {
-    key: page,
-    animation: "slowest",
-    going
-  }, /* @__PURE__ */ React.createElement(Image, {
-    source: {
-      uri: images[imageIndex],
-      width: 780,
-      height: 300
-    }
-  }))), /* @__PURE__ */ React.createElement(Button, {
-    accessibilityLabel: "Carousel left",
-    icon: ArrowLeft,
-    size: "$5",
-    position: "absolute",
-    left: "$4",
-    circular: !0,
-    elevate: !0,
-    onPress: function() {
-      return paginate(-1);
-    },
-    zi: 100
-  }), /* @__PURE__ */ React.createElement(Button, {
-    accessibilityLabel: "Carousel right",
-    icon: ArrowRight,
-    size: "$5",
-    position: "absolute",
-    right: "$4",
-    circular: !0,
-    elevate: !0,
-    onPress: function() {
-      return paginate(1);
-    },
-    zi: 100
-  }));
+    alignItems: "center",
+    children: [
+      /* @__PURE__ */ _jsx(AnimatePresence, {
+        initial: !1,
+        custom: {
+          going
+        },
+        children: /* @__PURE__ */ _jsx(GalleryItem, {
+          animation: "slowest",
+          going,
+          children: /* @__PURE__ */ _jsx(Image, {
+            source: {
+              uri: images[imageIndex],
+              width: 780,
+              height: 300
+            }
+          })
+        }, page)
+      }),
+      /* @__PURE__ */ _jsx(Button, {
+        accessibilityLabel: "Carousel left",
+        icon: ArrowLeft,
+        size: "$5",
+        position: "absolute",
+        left: "$4",
+        circular: !0,
+        elevate: !0,
+        onPress: function() {
+          return paginate(-1);
+        },
+        zi: 100
+      }),
+      /* @__PURE__ */ _jsx(Button, {
+        accessibilityLabel: "Carousel right",
+        icon: ArrowRight,
+        size: "$5",
+        position: "absolute",
+        right: "$4",
+        circular: !0,
+        elevate: !0,
+        onPress: function() {
+          return paginate(1);
+        },
+        zi: 100
+      })
+    ]
+  });
 }
 export {
   AnimationsPresenceDemo,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/AnimationsPresenceDemo.tsx"],
-  "mappings": "AAAA,SAASA,uBAAuB;AAChC,SAASC,WAAWC,kBAAkB;AACtC,SAASC,gBAAgB;AACzB,SAASC,QAAQC,OAAOC,QAAQC,QAAQC,cAAc;AAGtD,OAAOC,YAAY;AAEnB,OAAOC,YAAY;AAEnB,OAAOC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEZ,IAAMC,SAAS;EAACH;EAAQC;EAAQC;EAAQE,IAAI,SAACC,GAAAA;SAAMA,EAAEC,OAAOD;IAE7DE,cAAcR,OAAOD,QAAQ;EACjCU,QAAQ;EACRH,GAAG;EACHI,SAAS;EACTC,YAAY;EAEZC,UAAU;;IAERC,OAAO;MACL,WAAW,SAACA,OAAAA;eAAW;UACrBC,YAAY;YACVR,GAAGO,QAAQ,IAAI,MAAO;YACtBH,SAAS;UACX;UACAK,WAAW;YACTN,QAAQ;YACRH,GAAGO,QAAQ,IAAI,MAAO;YACtBH,SAAS;UACX;QACF;;IACF;EACF;AACF,CAAA,GAEMM,OAAO,SAACC,KAAaC,KAAaC,GAAAA;AACtC,MAAMC,YAAYF,MAAMD;AACxB,WAAWE,IAAIF,OAAOG,YAAaA,aAAaA,YAAaH;AAC/D;AAEO,SAASI,yBAAAA;AACd,MAAiC1B,YAAAA,iBAAAA,SAAS;IAAC;IAAG;GAAE,GAAA,CAAA,GAAA,aAAA,iBAAfA,UAAAA,CAAAA,GAAAA,CAAAA,GAAzB2B,OAAAA,WAAAA,CAAAA,GAAMT,QAAAA,WAAAA,CAAAA,GAAQU,UAAW5B,UAAAA,CAAAA,GAE3B6B,aAAaR,KAAK,GAAGZ,OAAOqB,QAAQH,IAAAA,GACpCI,WAAW,SAACb,QAAAA;AAChBU,YAAQ;MAACD,OAAOT;MAAOA;KAAM;EAC/B;AAEA,SACE,sBAAA,cAACf,QAAAA;IACC6B,UAAS;IACTC,iBAAgB;IAChBC,UAAS;IACTC,QAAQ;IACRC,OAAM;IACNC,YAAW;KAEX,sBAAA,cAACxC,iBAAAA;IAAgByC,SAAS;IAAOC,QAAQ;MAAErB;IAAM;KAC/C,sBAAA,cAACL,aAAAA;IAAY2B,KAAKb;IAAMc,WAAU;IAAUvB;KAC1C,sBAAA,cAAChB,OAAAA;IAAMwC,QAAQ;MAAEC,KAAKlC,OAAOoB,UAAAA;MAAaO,OAAO;MAAKD,QAAQ;IAAI;QAItE,sBAAA,cAAClC,QAAAA;IACC2C,oBAAmB;IACnBC,MAAM/C;IACNgD,MAAK;IACLZ,UAAS;IACTa,MAAK;IACLC,UAAAA;IACAC,SAAAA;IACAC,SAAS,WAAA;aAAMnB,SAAS,EAAC;;IACzBoB,IAAI;MAEN,sBAAA,cAAClD,QAAAA;IACC2C,oBAAmB;IACnBC,MAAM9C;IACN+C,MAAK;IACLZ,UAAS;IACTkB,OAAM;IACNJ,UAAAA;IACAC,SAAAA;IACAC,SAAS,WAAA;aAAMnB,SAAS,CAAA;;IACxBoB,IAAI;;AAIZ;",
-  "names": ["AnimatePresence", "ArrowLeft", "ArrowRight", "useState", "Button", "Image", "XStack", "YStack", "styled", "photo1", "photo2", "photo3", "images", "map", "x", "src", "GalleryItem", "zIndex", "opacity", "fullscreen", "variants", "going", "enterStyle", "exitStyle", "wrap", "min", "max", "v", "rangeSize", "AnimationsPresenceDemo", "page", "setPage", "imageIndex", "length", "paginate", "overflow", "backgroundColor", "position", "height", "width", "alignItems", "initial", "custom", "key", "animation", "source", "uri", "accessibilityLabel", "icon", "size", "left", "circular", "elevate", "onPress", "zi", "right"]
+  "mappings": ";AAAA,SAASA,uBAAuB;AAChC,SAASC,WAAWC,kBAAkB;AACtC,SAASC,gBAAgB;AACzB,SAASC,QAAQC,OAAOC,QAAQC,QAAQC,cAAc;AAGtD,OAAOC,YAAY;AAEnB,OAAOC,YAAY;AAEnB,OAAOC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEZ,IAAMC,SAAS;EAACH;EAAQC;EAAQC;EAAQE,IAAI,SAACC,GAAAA;SAAMA,EAAEC,OAAOD;IAE7DE,cAAcR,OAAOD,QAAQ;EACjCU,QAAQ;EACRH,GAAG;EACHI,SAAS;EACTC,YAAY;EAEZC,UAAU;;IAERC,OAAO;MACL,WAAW,SAACA,OAAAA;eAAW;UACrBC,YAAY;YACVR,GAAGO,QAAQ,IAAI,MAAO;YACtBH,SAAS;UACX;UACAK,WAAW;YACTN,QAAQ;YACRH,GAAGO,QAAQ,IAAI,MAAO;YACtBH,SAAS;UACX;QACF;;IACF;EACF;AACF,CAAA,GAEMM,OAAO,SAACC,KAAaC,KAAaC,GAAAA;AACtC,MAAMC,YAAYF,MAAMD;AACxB,WAAWE,IAAIF,OAAOG,YAAaA,aAAaA,YAAaH;AAC/D;AAEO,SAASI,yBAAAA;AACd,MAAiC1B,YAAAA,iBAAAA,SAAS;IAAC;IAAG;GAAE,GAAA,CAAA,GAAA,aAAA,iBAAfA,UAAAA,CAAAA,GAAAA,CAAAA,GAAzB2B,OAAAA,WAAAA,CAAAA,GAAMT,QAAAA,WAAAA,CAAAA,GAAQU,UAAW5B,UAAAA,CAAAA,GAE3B6B,aAAaR,KAAK,GAAGZ,OAAOqB,QAAQH,IAAAA,GACpCI,WAAW,SAACb,QAAAA;AAChBU,YAAQ;MAACD,OAAOT;MAAOA;KAAM;EAC/B;AAEA,SACE,sBAACf,QAAAA;IACC6B,UAAS;IACTC,iBAAgB;IAChBC,UAAS;IACTC,QAAQ;IACRC,OAAM;IACNC,YAAW;;MAEX,qBAACxC,iBAAAA;QAAgByC,SAAS;QAAOC,QAAQ;UAAErB;QAAM;kBAC/C,qBAACL,aAAAA;UAAuB2B,WAAU;UAAUtB;oBAC1C,qBAAChB,OAAAA;YAAMuC,QAAQ;cAAEC,KAAKjC,OAAOoB,UAAAA;cAAaO,OAAO;cAAKD,QAAQ;YAAI;;WADlDR,IAAAA;;MAKpB,qBAAC1B,QAAAA;QACC0C,oBAAmB;QACnBC,MAAM9C;QACN+C,MAAK;QACLX,UAAS;QACTY,MAAK;QACLC,UAAQ;QACRC,SAAO;QACPC,SAAS,WAAA;iBAAMlB,SAAS,EAAC;;QACzBmB,IAAI;;MAEN,qBAACjD,QAAAA;QACC0C,oBAAmB;QACnBC,MAAM7C;QACN8C,MAAK;QACLX,UAAS;QACTiB,OAAM;QACNJ,UAAQ;QACRC,SAAO;QACPC,SAAS,WAAA;iBAAMlB,SAAS,CAAA;;QACxBmB,IAAI;;;;AAIZ;",
+  "names": ["AnimatePresence", "ArrowLeft", "ArrowRight", "useState", "Button", "Image", "XStack", "YStack", "styled", "photo1", "photo2", "photo3", "images", "map", "x", "src", "GalleryItem", "zIndex", "opacity", "fullscreen", "variants", "going", "enterStyle", "exitStyle", "wrap", "min", "max", "v", "rangeSize", "AnimationsPresenceDemo", "page", "setPage", "imageIndex", "length", "paginate", "overflow", "backgroundColor", "position", "height", "width", "alignItems", "initial", "custom", "animation", "source", "uri", "accessibilityLabel", "icon", "size", "left", "circular", "elevate", "onPress", "zi", "right"]
 }

package/dist/jsx/AnimationsTimingDemo.native.js

@@ -1,7 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { LogoIcon } from "@tamagui/logo";
 import { Square } from "tamagui";
 function AnimationsTimingDemo() {
-  return /* @__PURE__ */ React.createElement(Square, {
+  return /* @__PURE__ */ _jsx(Square, {
     backgroundColor: "$pink10",
     animation: "100ms",
     elevation: "$4",
@@ -12,10 +13,11 @@ function AnimationsTimingDemo() {
     },
     pressStyle: {
       scale: 0.9
-    }
-  }, /* @__PURE__ */ React.createElement(LogoIcon, {
-    downscale: 0.75
-  }));
+    },
+    children: /* @__PURE__ */ _jsx(LogoIcon, {
+      downscale: 0.75
+    })
+  });
 }
 export {
   AnimationsTimingDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/AnimationsTimingDemo.tsx"],
-  "mappings": "AAAA,SAASA,gBAAgB;AACzB,SAASC,cAAc;AAEhB,SAASC,uBAAAA;AACd,SACE,sBAAA,cAACD,QAAAA;IACCE,iBAAgB;IAChBC,WAAU;IACVC,WAAU;IACVC,MAAM;IACNC,cAAa;IACbC,YAAY;MACVC,OAAO;IACT;IACAC,YAAY;MACVD,OAAO;IACT;KAEA,sBAAA,cAACT,UAAAA;IAASW,WAAW;;AAG3B;",
+  "mappings": ";AAAA,SAASA,gBAAgB;AACzB,SAASC,cAAc;AAEhB,SAASC,uBAAAA;AACd,SACE,qBAACD,QAAAA;IACCE,iBAAgB;IAChBC,WAAU;IACVC,WAAU;IACVC,MAAM;IACNC,cAAa;IACbC,YAAY;MACVC,OAAO;IACT;IACAC,YAAY;MACVD,OAAO;IACT;cAEA,qBAACT,UAAAA;MAASW,WAAW;;;AAG3B;",
   "names": ["LogoIcon", "Square", "AnimationsTimingDemo", "backgroundColor", "animation", "elevation", "size", "borderRadius", "hoverStyle", "scale", "pressStyle", "downscale"]
 }

package/dist/jsx/AvatarDemo.native.js

@@ -1,27 +1,40 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "react";
 import { Avatar, XStack } from "tamagui";
 function AvatarDemo() {
-  return /* @__PURE__ */ React.createElement(XStack, {
+  return /* @__PURE__ */ _jsxs(XStack, {
     alignItems: "center",
-    space: "$6"
-  }, /* @__PURE__ */ React.createElement(Avatar, {
-    circular: !0,
-    size: "$10"
-  }, /* @__PURE__ */ React.createElement(Avatar.Image, {
-    accessibilityLabel: "Cam",
-    src: "https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80"
-  }), /* @__PURE__ */ React.createElement(Avatar.Fallback, {
-    backgroundColor: "$blue10"
-  })), /* @__PURE__ */ React.createElement(Avatar, {
-    circular: !0,
-    size: "$8"
-  }, /* @__PURE__ */ React.createElement(Avatar.Image, {
-    accessibilityLabel: "Nate Wienert",
-    src: "https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80"
-  }), /* @__PURE__ */ React.createElement(Avatar.Fallback, {
-    delayMs: 600,
-    backgroundColor: "$blue10"
-  })));
+    space: "$6",
+    children: [
+      /* @__PURE__ */ _jsxs(Avatar, {
+        circular: !0,
+        size: "$10",
+        children: [
+          /* @__PURE__ */ _jsx(Avatar.Image, {
+            accessibilityLabel: "Cam",
+            src: "https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80"
+          }),
+          /* @__PURE__ */ _jsx(Avatar.Fallback, {
+            backgroundColor: "$blue10"
+          })
+        ]
+      }),
+      /* @__PURE__ */ _jsxs(Avatar, {
+        circular: !0,
+        size: "$8",
+        children: [
+          /* @__PURE__ */ _jsx(Avatar.Image, {
+            accessibilityLabel: "Nate Wienert",
+            src: "https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80"
+          }),
+          /* @__PURE__ */ _jsx(Avatar.Fallback, {
+            delayMs: 600,
+            backgroundColor: "$blue10"
+          })
+        ]
+      })
+    ]
+  });
 }
 export {
   AvatarDemo