@tamagui/demos 1.89.25 → 1.89.27-1708112217600

package/dist/esm/AddThemeDemo.native.js

@@ -1,33 +1,77 @@
 import { addTheme } from "@tamagui/theme";
 import { useState } from "react";
 import { Button, H3, Square, Theme, YStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function AddThemeDemo() {
-  const [theme, setTheme] = useState();
-  return /* @__PURE__ */ jsxs(YStack, { alignItems: "center", space: !0, children: [
-    /* @__PURE__ */ jsxs(H3, { children: [
-      "Theme: ",
-      theme ?? "none"
-    ] }),
-    /* @__PURE__ */ jsx(Theme, { name: theme ?? "red", children: /* @__PURE__ */ jsx(Square, { borderRadius: "$8", size: 100, backgroundColor: "$color" }) }),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        disabled: theme === "superblue",
-        onPress: () => {
-          addTheme({
-            name: "superblue",
-            insertCSS: !0,
-            theme: {
-              background: "#000",
-              color: "blue"
-            }
-          }), setTheme("superblue");
-        },
-        children: "Add superblue theme"
+function _array_like_to_array(arr, len) {
+  (len == null || len > arr.length) && (len = arr.length);
+  for (var i = 0, arr2 = new Array(len); i < len; i++)
+    arr2[i] = arr[i];
+  return arr2;
+}
+function _array_with_holes(arr) {
+  if (Array.isArray(arr))
+    return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
+  if (_i != null) {
+    var _arr = [], _n = !0, _d = !1, _s, _e;
+    try {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
+        ;
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        !_n && _i.return != null && _i.return();
+      } finally {
+        if (_d)
+          throw _e;
       }
-    )
-  ] });
+    }
+    return _arr;
+  }
+}
+function _non_iterable_rest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+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();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+  if (o) {
+    if (typeof o == "string")
+      return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set")
+      return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+      return _array_like_to_array(o, minLen);
+  }
+}
+function AddThemeDemo() {
+  var _useState = _sliced_to_array(useState(), 2), theme = _useState[0], setTheme = _useState[1];
+  return /* @__PURE__ */ React.createElement(YStack, {
+    alignItems: "center",
+    space: !0
+  }, /* @__PURE__ */ React.createElement(H3, null, "Theme: ", theme ?? "none"), /* @__PURE__ */ React.createElement(Theme, {
+    name: theme ?? "red"
+  }, /* @__PURE__ */ React.createElement(Square, {
+    borderRadius: "$8",
+    size: 100,
+    backgroundColor: "$color"
+  })), /* @__PURE__ */ React.createElement(Button, {
+    disabled: theme === "superblue",
+    onPress: function() {
+      addTheme({
+        name: "superblue",
+        insertCSS: !0,
+        theme: {
+          background: "#000",
+          color: "blue"
+        }
+      }), setTheme("superblue");
+    }
+  }, "Add superblue theme"));
 }
 export {
   AddThemeDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/AddThemeDemo.tsx"],
-  "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,QAAQ,OAAO,cAAc;AAO5C,SAGE,KAHF;AALC,SAAS,eAAe;AAC7B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAc;AAExC,SACE,qBAAC,UAAO,YAAW,UAAS,OAAK,IAC/B;AAAA,yBAAC,MAAG;AAAA;AAAA,MAAQ,SAAS;AAAA,OAAO;AAAA,IAE5B,oBAAC,SAAM,MAAM,SAAS,OACpB,8BAAC,UAAO,cAAa,MAAK,MAAM,KAAK,iBAAgB,UAAS,GAChE;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,UAAU;AAAA,QACpB,SAAS,MAAM;AACb,mBAAS;AAAA,YACP,MAAM;AAAA,YACN,WAAW;AAAA,YACX,OAAO;AAAA,cACL,YAAY;AAAA,cACZ,OAAO;AAAA,YACT;AAAA,UACF,CAAC,GACD,SAAS,WAAW;AAAA,QACtB;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/AddThemeDemo.tsx"],
+  "mappings": "AAAA,SAASA,gBAAgB;AACzB,SAASC,gBAAgB;AACzB,SAASC,QAAQC,IAAIC,QAAQC,OAAOC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE3C,SAASC,eAAAA;AACd,MAA0BN,YAAAA,iBAAAA,SAAAA,GAAAA,CAAAA,GAAnBO,QAAmBP,UAAAA,CAAAA,GAAZQ,WAAYR,UAAAA,CAAAA;AAE1B,SACE,sBAAA,cAACK,QAAAA;IAAOI,YAAW;IAASC,OAAAA;KAC1B,sBAAA,cAACR,IAAAA,MAAG,WAAQK,SAAS,MAAA,GAErB,sBAAA,cAACH,OAAAA;IAAMO,MAAMJ,SAAS;KACpB,sBAAA,cAACJ,QAAAA;IAAOS,cAAa;IAAKC,MAAM;IAAKC,iBAAgB;OAGvD,sBAAA,cAACb,QAAAA;IACCc,UAAUR,UAAU;IACpBS,SAAS,WAAA;AACPjB,eAAS;QACPY,MAAM;QACNM,WAAW;QACXV,OAAO;UACLW,YAAY;UACZC,OAAO;QACT;MACF,CAAA,GACAX,SAAS,WAAA;IACX;KACD,qBAAA,CAAA;AAKP;",
+  "names": ["addTheme", "useState", "Button", "H3", "Square", "Theme", "YStack", "AddThemeDemo", "theme", "setTheme", "alignItems", "space", "name", "borderRadius", "size", "backgroundColor", "disabled", "onPress", "insertCSS", "background", "color"]
 }

package/dist/esm/AlertDialogDemo.native.js

@@ -1,51 +1,59 @@
 import { AlertDialog, Button, XStack, YStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
 function AlertDialogDemo() {
-  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"
-      )
-    ] })
-  ] });
+  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")))))));
 }
 export {
   AlertDialogDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/AlertDialogDemo.tsx"],
-  "mappings": "AAAA,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAM5C,cAoCI,YApCJ;AAJD,SAAS,kBAAkB;AAChC,SACE,qBAAC,eAAY,QAAM,IACjB;AAAA,wBAAC,YAAY,SAAZ,EAAoB,SAAO,IAC1B,8BAAC,UAAO,wBAAU,GACpB;AAAA,IAEA,qBAAC,YAAY,QAAZ,EACC;AAAA;AAAA,QAAC,YAAY;AAAA,QAAZ;AAAA,UAEC,WAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,QAJpB;AAAA,MAKN;AAAA,MACA;AAAA,QAAC,YAAY;AAAA,QAAZ;AAAA,UACC,UAAQ;AAAA,UACR,SAAO;AAAA,UAEP,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,SAAS;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA,UACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,UACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,UAClD,GAAG;AAAA,UACH,OAAO;AAAA,UACP,SAAS;AAAA,UACT,GAAG;AAAA,UAEH,+BAAC,UAAO,OAAK,IACX;AAAA,gCAAC,YAAY,OAAZ,EAAkB,oBAAM;AAAA,YACzB,oBAAC,YAAY,aAAZ,EAAwB,mEAEzB;AAAA,YAEA,qBAAC,UAAO,OAAM,MAAK,gBAAe,YAChC;AAAA,kCAAC,YAAY,QAAZ,EAAmB,SAAO,IACzB,8BAAC,UAAO,oBAAM,GAChB;AAAA,cACA,oBAAC,YAAY,QAAZ,EAAmB,SAAO,IACzB,8BAAC,UAAO,OAAM,UAAS,oBAAM,GAC/B;AAAA,eACF;AAAA,aACF;AAAA;AAAA,QA9BI;AAAA,MA+BN;AAAA,OACF;AAAA,KACF;AAEJ;",
-  "names": []
+  "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"]
 }

package/dist/esm/AnimationsDemo.native.js

@@ -1,53 +1,113 @@
 import { LogoIcon } from "@tamagui/logo";
 import { Play } from "@tamagui/lucide-icons";
 import { Button, Square, useControllableState, useEvent } from "tamagui";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function _array_like_to_array(arr, len) {
+  (len == null || len > arr.length) && (len = arr.length);
+  for (var i = 0, arr2 = new Array(len); i < len; i++)
+    arr2[i] = arr[i];
+  return arr2;
+}
+function _array_with_holes(arr) {
+  if (Array.isArray(arr))
+    return arr;
+}
+function _define_property(obj, key, value) {
+  return key in obj ? Object.defineProperty(obj, key, {
+    value,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : obj[key] = value, obj;
+}
+function _iterable_to_array_limit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
+  if (_i != null) {
+    var _arr = [], _n = !0, _d = !1, _s, _e;
+    try {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
+        ;
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        !_n && _i.return != null && _i.return();
+      } finally {
+        if (_d)
+          throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+function _non_iterable_rest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+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) {
+      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+    }))), ownKeys.forEach(function(key) {
+      _define_property(target, key, source[key]);
+    });
+  }
+  return 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();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+  if (o) {
+    if (typeof o == "string")
+      return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set")
+      return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+      return _array_like_to_array(o, minLen);
+  }
+}
 function AnimationsDemo(props) {
-  const [positionI, setPositionI] = useControllableState({
+  var _useControllableState = _sliced_to_array(useControllableState({
     strategy: "most-recent-wins",
     prop: props.position,
     defaultProp: 0
-  }), position = positions[positionI], onPress = useEvent(() => {
-    setPositionI((x) => (x + 1) % positions.length);
+  }), 2), positionI = _useControllableState[0], setPositionI = _useControllableState[1], position = positions[positionI], onPress = useEvent(function() {
+    setPositionI(function(x) {
+      return (x + 1) % positions.length;
+    });
   });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Square,
-      {
-        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
-      }
-    )
-  ] });
+  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
+  }));
 }
-const positions = [
+var positions = [
   {
     x: 0,
     y: 0,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/AnimationsDemo.tsx"],
-  "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,QAAQ,QAAQ,sBAAsB,gBAAgB;AAgB3D,mBAkBuB,KAlBvB;AAdG,SAAS,eAAe,OAAO;AACpC,QAAM,CAAC,WAAW,YAAY,IAAI,qBAAqB;AAAA,IACrD,UAAU;AAAA,IACV,MAAM,MAAM;AAAA,IACZ,aAAa;AAAA,EACf,CAAC,GACK,WAAW,UAAU,SAAS,GAC9B,UAAU,SAAS,MAAM;AAC7B,iBAAa,CAAC,OACJ,IAAI,KAAK,UAAU,MAC5B;AAAA,EACH,CAAC;AAED,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,MAAM,aAAa;AAAA,QAC9B,aAAa,CAAC,WAAW;AAAA,QACzB;AAAA,QACA,MAAM;AAAA,QACN,aAAY;AAAA,QACZ,aAAa;AAAA,QACb,cAAa;AAAA,QACb,iBAAgB;AAAA,QAChB,YAAY;AAAA,UACV,OAAO;AAAA,QACT;AAAA,QACA,YAAY;AAAA,UACV,OAAO;AAAA,QACT;AAAA,QACC,GAAG;AAAA,QAEH,gBAAM,YAAY,oBAAC,YAAS,WAAW,MAAM;AAAA;AAAA,IAChD;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO,MAAM;AAAA,QACb,MAAK;AAAA,QACL,UAAQ;AAAA,QACR;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEO,MAAM,YAAY;AAAA,EACvB;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,EACF;AACF;",
-  "names": []
+  "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;;",
+  "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/esm/AnimationsEnterDemo.native.js

@@ -2,32 +2,86 @@ import { LogoIcon } from "@tamagui/logo";
 import { useRef, useState } from "react";
 import { Button, Square, YStack } from "tamagui";
 import { useIsIntersecting } from "./useOnIntersecting";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function _array_like_to_array(arr, len) {
+  (len == null || len > arr.length) && (len = arr.length);
+  for (var i = 0, arr2 = new Array(len); i < len; i++)
+    arr2[i] = arr[i];
+  return arr2;
+}
+function _array_with_holes(arr) {
+  if (Array.isArray(arr))
+    return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
+  if (_i != null) {
+    var _arr = [], _n = !0, _d = !1, _s, _e;
+    try {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
+        ;
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        !_n && _i.return != null && _i.return();
+      } finally {
+        if (_d)
+          throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+function _non_iterable_rest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+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();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+  if (o) {
+    if (typeof o == "string")
+      return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set")
+      return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+      return _array_like_to_array(o, minLen);
+  }
+}
 function AnimationsEnterDemo(props) {
-  const ref = useRef(null), hasIntersected = useIsIntersecting(ref, { once: !0 }), [key, setKey] = useState(0);
-  return hasIntersected ? /* @__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 ?? /* @__PURE__ */ jsx(LogoIcon, { downscale: 0.75 })
-      },
-      key
-    ),
-    /* @__PURE__ */ jsx(Button, { size: "$3", marginTop: "$4", onPress: () => setKey(Math.random()), children: "Re-mount" })
-  ] }) : /* @__PURE__ */ jsx(YStack, { ref });
+  var ref = useRef(null), hasIntersected = useIsIntersecting(ref, {
+    once: !0
+  }), _useState = _sliced_to_array(useState(0), 2), key = _useState[0], setKey = _useState[1];
+  if (!hasIntersected)
+    return /* @__PURE__ */ React.createElement(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"));
 }
 export {
   AnimationsEnterDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/AnimationsEnterDemo.tsx"],
-  "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,QAAQ,gBAAgB;AACjC,SAAS,QAAQ,QAAQ,cAAc;AAEvC,SAAS,yBAAyB;AAQvB,SAIP,UAJO,KAIP,YAJO;AANJ,SAAS,oBAAoB,OAAY;AAC9C,QAAM,MAAM,OAAoB,IAAI,GAC9B,iBAAiB,kBAAkB,KAAK,EAAE,MAAM,GAAK,CAAC,GACtD,CAAC,KAAK,MAAM,IAAI,SAAS,CAAC;AAEhC,SAAK,iBAKH,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QAEC,YAAY;AAAA,UACV,OAAO;AAAA,UACP,GAAG;AAAA,UACH,SAAS;AAAA,QACX;AAAA,QACA,WAAU;AAAA,QACV,WAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,OAAO;AAAA,QACP,GAAG;AAAA,QACH,iBAAgB;AAAA,QAChB,cAAa;AAAA,QAEZ,gBAAM,YAAY,oBAAC,YAAS,WAAW,MAAM;AAAA;AAAA,MAfzC;AAAA,IAgBP;AAAA,IAEA,oBAAC,UAAO,MAAK,MAAK,WAAU,MAAK,SAAS,MAAM,OAAO,KAAK,OAAO,CAAC,GAAG,sBAEvE;AAAA,KACF,IA3BO,oBAAC,UAAO,KAAU;AA6B7B;",
-  "names": []
+  "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;",
+  "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/esm/AnimationsHoverDemo.native.js

@@ -1,25 +1,22 @@
 import { LogoIcon } from "@tamagui/logo";
 import { Square } from "tamagui";
-import { jsx } from "react/jsx-runtime";
 function AnimationsHoverDemo() {
-  return /* @__PURE__ */ jsx(
-    Square,
-    {
-      borderColor: "$borderColor",
-      animation: "bouncy",
-      elevation: "$4",
-      backgroundColor: "$color9",
-      size: 104,
-      borderRadius: "$9",
-      hoverStyle: {
-        scale: 1.2
-      },
-      pressStyle: {
-        scale: 0.9
-      },
-      children: /* @__PURE__ */ jsx(LogoIcon, { downscale: 0.75 })
+  return /* @__PURE__ */ React.createElement(Square, {
+    borderColor: "$borderColor",
+    animation: "bouncy",
+    elevation: "$4",
+    backgroundColor: "$color9",
+    size: 104,
+    borderRadius: "$9",
+    hoverStyle: {
+      scale: 1.2
+    },
+    pressStyle: {
+      scale: 0.9
     }
-  );
+  }, /* @__PURE__ */ React.createElement(LogoIcon, {
+    downscale: 0.75
+  }));
 }
 export {
   AnimationsHoverDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/AnimationsHoverDemo.tsx"],
-  "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,cAAc;AAkBjB;AAhBC,SAAS,sBAAsB;AACpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAY;AAAA,MACZ,WAAU;AAAA,MACV,WAAU;AAAA,MACV,iBAAgB;AAAA,MAChB,MAAM;AAAA,MACN,cAAa;AAAA,MACb,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MAEA,8BAAC,YAAS,WAAW,MAAM;AAAA;AAAA,EAC7B;AAEJ;",
-  "names": []
+  "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;",
+  "names": ["LogoIcon", "Square", "AnimationsHoverDemo", "borderColor", "animation", "elevation", "backgroundColor", "size", "borderRadius", "hoverStyle", "scale", "pressStyle", "downscale"]
 }