@tamagui/demos 1.135.4-1761749240853 → 1.135.4

package/dist/cjs/AnimationsDemo.native.js

@@ -1,105 +1,107 @@
 "use strict";
-
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-    return to;
-  };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
-}), mod);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var AnimationsDemo_exports = {};
 __export(AnimationsDemo_exports, {
   AnimationsDemo: () => AnimationsDemo,
   positions: () => positions
 });
 module.exports = __toCommonJS(AnimationsDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_logo = require("@tamagui/logo"),
-  import_lucide_icons = require("@tamagui/lucide-icons"),
-  import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime"), import_logo = require("@tamagui/logo"), import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui");
 function AnimationsDemo(props) {
   var [positionI, setPositionI] = (0, import_tamagui.useControllableState)({
-      strategy: "most-recent-wins",
-      prop: props.position,
-      defaultProp: 0
-    }),
-    position = positions[positionI],
-    onPress = (0, import_tamagui.useEvent)(function () {
-      setPositionI(function (x) {
-        return (x + 1) % positions.length;
-      });
+    strategy: "most-recent-wins",
+    prop: props.position,
+    defaultProp: 0
+  }), position = positions[positionI], onPress = (0, import_tamagui.useEvent)(function() {
+    setPositionI(function(x) {
+      return (x + 1) % positions.length;
     });
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
-      animation: props.animation || "bouncy",
-      animateOnly: ["transform"],
-      onPress,
-      size: 104,
-      borderColor: "$borderColor",
-      borderWidth: 1,
-      borderRadius: "$9",
-      backgroundColor: "$color9",
-      hoverStyle: {
-        scale: 1.01
-      },
-      pressStyle: {
-        scale: 0.9
-      },
-      ...position,
-      children: props.children || /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
-        downscale: 0.75
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+        animation: props.animation || "bouncy",
+        animateOnly: [
+          "transform"
+        ],
+        onPress,
+        size: 104,
+        borderColor: "$borderColor",
+        borderWidth: 1,
+        borderRadius: "$9",
+        backgroundColor: "$color9",
+        hoverStyle: {
+          scale: 1.01
+        },
+        pressStyle: {
+          scale: 0.9
+        },
+        ...position,
+        children: props.children || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
+          downscale: 0.75
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+        position: "absolute",
+        bottom: 20,
+        left: 20,
+        icon: import_lucide_icons.Play,
+        theme: props.tint,
+        size: "$5",
+        circular: !0,
+        onPress
       })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-      position: "absolute",
-      bottom: 20,
-      left: 20,
-      icon: import_lucide_icons.Play,
-      theme: props.tint,
-      size: "$5",
-      circular: !0,
-      onPress
-    })]
+    ]
   });
 }
-var positions = [{
-  x: 0,
-  y: 0,
-  scale: 1,
-  rotate: "0deg"
-}, {
-  x: -50,
-  y: -50,
-  scale: 0.5,
-  rotate: "-45deg",
-  hoverStyle: {
-    scale: 0.6
+var positions = [
+  {
+    x: 0,
+    y: 0,
+    scale: 1,
+    rotate: "0deg"
   },
-  pressStyle: {
-    scale: 0.4
-  }
-}, {
-  x: 50,
-  y: 50,
-  scale: 1,
-  rotate: "180deg",
-  hoverStyle: {
-    scale: 1.1
+  {
+    x: -50,
+    y: -50,
+    scale: 0.5,
+    rotate: "-45deg",
+    hoverStyle: {
+      scale: 0.6
+    },
+    pressStyle: {
+      scale: 0.4
+    }
   },
-  pressStyle: {
-    scale: 0.9
+  {
+    x: 50,
+    y: 50,
+    scale: 1,
+    rotate: "180deg",
+    hoverStyle: {
+      scale: 1.1
+    },
+    pressStyle: {
+      scale: 0.9
+    }
   }
-}];
-//# sourceMappingURL=AnimationsDemo.native.js.map
+];
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AnimationsDemo,
+  positions
+});
+//# sourceMappingURL=AnimationsDemo.js.map

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

@@ -1 +1,6 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsDemo_exports","__export","AnimationsDemo","positions","module","exports","import_jsx_runtime","require","import_logo","import_lucide_icons","import_tamagui","props","positionI","setPositionI","useControllableState","strategy","prop","position","defaultProp","onPress","useEvent","x","length","jsxs","Fragment","children","jsx","Square","animation","animateOnly","size","borderColor","borderWidth","borderRadius","backgroundColor","hoverStyle","scale","pressStyle","LogoIcon","downscale","Button","bottom","left","icon","Play","theme","tint","circular","y","rotate"],"sources":["../../src/AnimationsDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,sBAAA;AAAAC,QAAA,CAAAD,sBAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,SAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAyB,CAAAK,sBACzB;AAGO,IAAAM,kBAAS,GAAeC,OAAO;EAAAC,WAAA,GAAAD,OAAA;EAAAE,mBAAA,GAAAF,OAAA;EAAAG,cAAA,GAAAH,OAAA;AACpC,SAAOL,cAAWA,CAAAS,KAAA;EAAqC,IACrD,CAAAC,SAAU,EAAAC,YAAA,QAAAH,cAAA,CAAAI,oBAAA;MACVC,QAAM,oBAAM;MACZC,IAAA,EAAAL,KAAA,CAAAM,QAAa;MACdC,WACK,EAAW;IAEf;IAAAD,QAAA,GAAad,SACH,CAAAS,SAAS;IAAAO,OAAU,IAC5B,GAAAT,cAAA,CAAAU,QAAA;MACFP,YAAA,WAAAQ,CAAA;QAED,OACE,CAAAA,CAAA,QAAAlB,SAAA,CAAAmB,MAAA;MACE;IAAA;EAAC,0BAAAhB,kBAAA,CAAAiB,IAAA,EAAAjB,kBAAA,CAAAkB,QAAA;IAAAC,QACC,GAA+B,eACjB,IAAAnB,kBAAW,CAAAoB,GAAA,EAAAhB,cAAA,CAAAiB,MAAA;MACzBC,SAAA,EAAAjB,KAAA,CAAAiB,SAAA;MACAC,WAAM,GACN,WAAY,CACZ;MACAV,OAAA;MACAW,IAAA;MACAC,WAAA,EAAY;MAAAC,WACH;MACTC,YAAA;MACAC,eAAY;MAAAC,UACH;QACTC,KAAA;MACC;MAEAC,UAAA;QAA6CD,KAAA;MAChD;MAEA,GAAAnB,QAAA;MAACQ,QAAA,EAAAd,KAAA,CAAAc,QAAA,uBAAAnB,kBAAA,CAAAoB,GAAA,EAAAlB,WAAA,CAAA8B,QAAA;QAAAC,SAAA;MACC;IAAS,EACT,EAAQ,eACF,IAAAjC,kBAAA,CAAAoB,GAAA,EAAAhB,cAAA,CAAA8B,MAAA;MACNvB,QAAM;MACNwB,MAAA,EAAO;MACPC,IAAA,EAAK;MACLC,IAAA,EAAAlC,mBAAQ,CAAAmC,IAAA;MACRC,KAAA,EAAAlC,KAAA,CAAAmC,IAAA;MAAAhB,IAAA;MACFiB,QAAA;MACF5B;IAEJ;EAGE;AAAA;AACK,IACHhB,SAAG;EAEHkB,CAAA;EACF2B,CAAA;EACAZ,KAAA;EACEa,MAAG;AAAA,GACA;EAEH5B,CAAA;EACA2B,CAAA;EAAYZ,KACV,KAAO;EACTa,MAAA;EACAd,UAAA,EAAY;IACVC,KAAA,EAAO;EACT;EACFC,UAAA;IACAD,KAAA;EACE;AAAG,GACA;EAEHf,CAAA;EACA2B,CAAA;EAAYZ,KACV;EACFa,MAAA;EACAd,UAAA,EAAY;IACVC,KAAA,EAAO;EACT;EACFC,UAAA;IACFD,KAAA","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/AnimationsDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAAkE,8BAClE,cAAyB,0BACzB,sBAAqB,kCACrB,iBAA+D;AACxD,SAAS,eAAe,OAAO;AAClC,MAAI,CAAC,WAAW,YAAY,QAAI,qCAAqB;AAAA,IACjD,UAAU;AAAA,IACV,MAAM,MAAM;AAAA,IACZ,aAAa;AAAA,EACjB,CAAC,GACG,WAAW,UAAU,SAAS,GAC9B,cAAU,yBAAS,WAAW;AAC9B,iBAAa,SAAS,GAAG;AACrB,cAAQ,IAAI,KAAK,UAAU;AAAA,IAC/B,CAAC;AAAA,EACL,CAAC;AACD,SAAqB,uCAAAA,MAAM,mBAAAC,UAAW;AAAA,IAClC,UAAU;AAAA,MACQ,uCAAAC,KAAK,uBAAQ;AAAA,QACvB,WAAW,MAAM,aAAa;AAAA,QAC9B,aAAa;AAAA,UACT;AAAA,QACJ;AAAA,QACA;AAAA,QACA,MAAM;AAAA,QACN,aAAa;AAAA,QACb,aAAa;AAAA,QACb,cAAc;AAAA,QACd,iBAAiB;AAAA,QACjB,YAAY;AAAA,UACR,OAAO;AAAA,QACX;AAAA,QACA,YAAY;AAAA,UACR,OAAO;AAAA,QACX;AAAA,QACA,GAAG;AAAA,QACH,UAAU,MAAM,YAA0B,uCAAAA,KAAK,sBAAU;AAAA,UACrD,WAAW;AAAA,QACf,CAAC;AAAA,MACL,CAAC;AAAA,MACa,uCAAAA,KAAK,uBAAQ;AAAA,QACvB,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO,MAAM;AAAA,QACb,MAAM;AAAA,QACN,UAAU;AAAA,QACV;AAAA,MACJ,CAAC;AAAA,IACL;AAAA,EACJ,CAAC;AACL;AACO,IAAI,YAAY;AAAA,EACnB;AAAA,IACI,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,EACZ;AAAA,EACA;AAAA,IACI,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,MACR,OAAO;AAAA,IACX;AAAA,IACA,YAAY;AAAA,MACR,OAAO;AAAA,IACX;AAAA,EACJ;AAAA,EACA;AAAA,IACI,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,MACR,OAAO;AAAA,IACX;AAAA,IACA,YAAY;AAAA,MACR,OAAO;AAAA,IACX;AAAA,EACJ;AACJ;",
+  "names": ["_jsxs", "_Fragment", "_jsx"]
+}

package/dist/cjs/AnimationsEnterDemo.cjs

@@ -34,7 +34,7 @@ __export(AnimationsEnterDemo_exports, {
   AnimationsEnterDemo: () => AnimationsEnterDemo
 });
 module.exports = __toCommonJS(AnimationsEnterDemo_exports);
-var import_react = __toESM(require("react"), 1),
+var import_react = __toESM(require("react")),
   import_logo = require("@tamagui/logo"),
   import_tamagui = require("tamagui"),
   import_useOnIntersecting = require("./useOnIntersecting.cjs"),

package/dist/cjs/AnimationsEnterDemo.js

@@ -25,7 +25,7 @@ __export(AnimationsEnterDemo_exports, {
   AnimationsEnterDemo: () => AnimationsEnterDemo
 });
 module.exports = __toCommonJS(AnimationsEnterDemo_exports);
-var import_react = __toESM(require("react"), 1), import_logo = require("@tamagui/logo"), import_tamagui = require("tamagui"), import_useOnIntersecting = require("./useOnIntersecting"), import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react")), import_logo = require("@tamagui/logo"), import_tamagui = require("tamagui"), import_useOnIntersecting = require("./useOnIntersecting"), import_jsx_runtime = require("react/jsx-runtime");
 function AnimationsEnterDemo(props) {
   const ref = import_react.default.useRef(null), [key, setKey] = import_react.default.useState(0);
   return import_tamagui.isWeb && !(0, import_useOnIntersecting.useIsIntersecting)(ref, { once: !0 }) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { ref }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [

package/dist/cjs/AnimationsEnterDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/AnimationsEnterDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,8BAClB,cAAyB,0BAEzB,iBAA8C,oBAE9C,2BAAkC,gCAUrB;AARN,SAAS,oBAAoB,OAAY;AAC9C,QAAM,MAAM,aAAAA,QAAM,OAAoB,IAAI,GACpC,CAAC,KAAK,MAAM,IAAI,aAAAA,QAAM,SAAS,CAAC;AAEtC,SAAI,wBAGE,KAFmB,4CAAkB,KAAK,EAAE,MAAM,GAAK,CAAC,IAGnD,4CAAC,yBAAO,KAAU,IAK3B,4EACE;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,4CAAC,wBAAS,WAAW,MAAM;AAAA;AAAA,MAfzC;AAAA,IAgBP;AAAA,IAEA,4CAAC,yBAAO,MAAK,MAAK,WAAU,MAAK,SAAS,MAAM,OAAO,KAAK,OAAO,CAAC,GAAG,sBAEvE;AAAA,KACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAClB,cAAyB,0BAEzB,iBAA8C,oBAE9C,2BAAkC,gCAUrB;AARN,SAAS,oBAAoB,OAAY;AAC9C,QAAM,MAAM,aAAAA,QAAM,OAAoB,IAAI,GACpC,CAAC,KAAK,MAAM,IAAI,aAAAA,QAAM,SAAS,CAAC;AAEtC,SAAI,wBAGE,KAFmB,4CAAkB,KAAK,EAAE,MAAM,GAAK,CAAC,IAGnD,4CAAC,yBAAO,KAAU,IAK3B,4EACE;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,4CAAC,wBAAS,WAAW,MAAM;AAAA;AAAA,MAfzC;AAAA,IAgBP;AAAA,IAEA,4CAAC,yBAAO,MAAK,MAAK,WAAU,MAAK,SAAS,MAAM,OAAO,KAAK,OAAO,CAAC,GAAG,sBAEvE;AAAA,KACF;AAEJ;",
   "names": ["React"]
 }

package/dist/cjs/AnimationsEnterDemo.native.js

@@ -1,84 +1,77 @@
 "use strict";
-
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-    return to;
-  };
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
   // compatible transform (i.e. "__esModule" has not been set), then set
   // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var AnimationsEnterDemo_exports = {};
 __export(AnimationsEnterDemo_exports, {
   AnimationsEnterDemo: () => AnimationsEnterDemo
 });
 module.exports = __toCommonJS(AnimationsEnterDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_react = __toESM(require("react"), 1),
-  import_logo = require("@tamagui/logo"),
-  import_tamagui = require("tamagui"),
-  import_useOnIntersecting = require("./useOnIntersecting.native.js");
+var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(require("react")), import_logo = require("@tamagui/logo"), import_tamagui = require("tamagui"), import_useOnIntersecting = require("./useOnIntersecting");
 function AnimationsEnterDemo(props) {
-  var ref = import_react.default.useRef(null),
-    [key, setKey] = import_react.default.useState(0);
+  var ref = import_react.default.useRef(null), [key, setKey] = import_react.default.useState(0);
   if (import_tamagui.isWeb) {
     var hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {
       once: !0
     });
-    if (!hasIntersected) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-      ref
-    });
+    if (!hasIntersected)
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        ref
+      });
   }
   var _props_children;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.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__ */(0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
-        downscale: 0.75
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.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__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
+          downscale: 0.75
+        })
+      }, key),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+        size: "$3",
+        marginTop: "$4",
+        onPress: function() {
+          return setKey(Math.random());
+        },
+        children: "Re-mount"
       })
-    }, key), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-      size: "$3",
-      marginTop: "$4",
-      onPress: function () {
-        return setKey(Math.random());
-      },
-      children: "Re-mount"
-    })]
+    ]
   });
 }
-//# sourceMappingURL=AnimationsEnterDemo.native.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AnimationsEnterDemo
+});
+//# sourceMappingURL=AnimationsEnterDemo.js.map

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

@@ -1 +1,6 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsEnterDemo_exports","__export","AnimationsEnterDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_logo","import_tamagui","import_useOnIntersecting","props","ref","default","useRef","key","setKey","useState","isWeb","hasIntersected","useIsIntersecting","once","jsx","YStack","_props_children","jsxs","Fragment","children","Square","enterStyle","scale","y","opacity","animation","elevation","size"],"sources":["../../src/AnimationsEnterDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,2BAClB;AAMO,IAAAK,kBAAS,GAAAC,OAAoB,oBAAY;EAAAC,YAAA,GAAAC,OAAA,CAAAF,OAAA;EAAAG,WAAA,GAAAH,OAAA;EAAAI,cAAA,GAAAJ,OAAA;EAAAK,wBAAA,GAAAL,OAAA;AAC9C,SAAMJ,mBAAMA,CAAAU,KAAA,EAAM;EAGlB,IAAAC,GAAI,GAAAN,YAAA,CAAAO,OAAA,CAGEC,MAFmB;IAAA,CAAAC,GAAA,EAAAC,MAAA,IAAAV,YAAA,CAAAO,OAAkB,CAAAI,QAAO,GAAM;EASpD,IAAAR,cAAA,CAAAS,KAAA;IAAA,IAACC,cAAA,OAAAT,wBAAA,CAAAU,iBAAA,EAAAR,GAAA;MAAAS,IAAA;IAAA;IAEa,KAAAF,cACH,SACJ,mBAAAf,kBAAA,CAAAkB,GAAA,EAAAb,cAAA,CAAAc,MAAA;MAAAX;IACM,EACX;EAAA;EACU,IAAAY,eACA;EAAA,OACV,eAAM,IAAApB,kBAAA,CAAAqB,IAAA,EAAArB,kBAAA,CAAAsB,QAAA;IAAAC,QACN,GAAS,eACF,IAAAvB,kBAAA,CAAAkB,GAAA,EAAAb,cAAA,CAAAmB,MAAA;MACPC,UAAG;QACHC,KAAA;QACAC,CAAA;QAECC,OAAA;MAA6C;MAfzCC,SAAA;MAgBPC,SAAA;MAEAC,IAAA;MAGFH,OAAA;MAEJF,KAAA","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/AnimationsEnterDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAAkE,8BAClE,eAAkB,2BAClB,cAAyB,0BACzB,iBAA8C,oBAC9C,2BAAkC;AAC3B,SAAS,oBAAoB,OAAO;AACvC,MAAI,MAAM,aAAAA,QAAM,OAAO,IAAI,GACvB,CAAC,KAAK,MAAM,IAAI,aAAAA,QAAM,SAAS,CAAC;AACpC,MAAI,sBAAO;AACP,QAAI,qBAAiB,4CAAkB,KAAK;AAAA,MACxC,MAAM;AAAA,IACV,CAAC;AACD,QAAI,CAAC;AACD,aAAqB,uCAAAC,KAAK,uBAAQ;AAAA,QAC9B;AAAA,MACJ,CAAC;AAAA,EAET;AACA,MAAI;AACJ,SAAqB,uCAAAC,MAAM,mBAAAC,UAAW;AAAA,IAClC,UAAU;AAAA,MACQ,uCAAAF,KAAK,uBAAQ;AAAA,QACvB,YAAY;AAAA,UACR,OAAO;AAAA,UACP,GAAG;AAAA,UACH,SAAS;AAAA,QACb;AAAA,QACA,WAAW;AAAA,QACX,WAAW;AAAA,QACX,MAAM;AAAA,QACN,SAAS;AAAA,QACT,OAAO;AAAA,QACP,GAAG;AAAA,QACH,iBAAiB;AAAA,QACjB,cAAc;AAAA,QACd,WAAW,kBAAkB,MAAM,cAAc,QAAQ,oBAAoB,SAAS,kBAAgC,uCAAAA,KAAK,sBAAU;AAAA,UACjI,WAAW;AAAA,QACf,CAAC;AAAA,MACL,GAAG,GAAG;AAAA,MACQ,uCAAAA,KAAK,uBAAQ;AAAA,QACvB,MAAM;AAAA,QACN,WAAW;AAAA,QACX,SAAS,WAAW;AAChB,iBAAO,OAAO,KAAK,OAAO,CAAC;AAAA,QAC/B;AAAA,QACA,UAAU;AAAA,MACd,CAAC;AAAA,IACL;AAAA,EACJ,CAAC;AACL;",
+  "names": ["React", "_jsx", "_jsxs", "_Fragment"]
+}

package/dist/cjs/AnimationsHoverDemo.native.js

@@ -1,35 +1,26 @@
 "use strict";
-
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-    return to;
-  };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
-}), mod);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var AnimationsHoverDemo_exports = {};
 __export(AnimationsHoverDemo_exports, {
   AnimationsHoverDemo: () => AnimationsHoverDemo
 });
 module.exports = __toCommonJS(AnimationsHoverDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_logo = require("@tamagui/logo"),
-  import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime"), import_logo = require("@tamagui/logo"), import_tamagui = require("tamagui");
 function AnimationsHoverDemo() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
     borderColor: "$borderColor",
     animation: "bouncy",
     elevation: "$4",
@@ -42,9 +33,13 @@ function AnimationsHoverDemo() {
     pressStyle: {
       scale: 0.9
     },
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
       downscale: 0.75
     })
   });
 }
-//# sourceMappingURL=AnimationsHoverDemo.native.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AnimationsHoverDemo
+});
+//# sourceMappingURL=AnimationsHoverDemo.js.map

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

@@ -1 +1,6 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsHoverDemo_exports","__export","AnimationsHoverDemo","module","exports","import_jsx_runtime","require","import_logo","import_tamagui","jsx","Square","borderColor","animation","elevation","backgroundColor","size","borderRadius","hoverStyle","scale","pressStyle","children","LogoIcon","downscale"],"sources":["../../src/AnimationsHoverDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAyB,CAAAK,2BACzB;AAEO,IAAAK,kBAAS,GAAAC,OAAsB;EAAAC,WAAA,GAAAD,OAAA;EAAAE,cAAA,GAAAF,OAAA;AACpC,SACEJ,oBAAA;EAAA,OAAC,mBAAAG,kBAAA,CAAAI,GAAA,EAAAD,cAAA,CAAAE,MAAA;IAAAC,WAAA;IAAAC,SACC,UAAY;IAAAC,SACZ,MAAU;IAAAC,eACA;IAAAC,IACV;IAAgBC,YACV;IAAAC,UACN;MACAC,KAAA;IAAY;IACHC,UACT;MACAD,KAAA;IAAY;IACHE,QACT,qBAAAf,kBAAA,CAAAI,GAAA,EAAAF,WAAA,CAAAc,QAAA;MAEAC,SAAA;IAA2B;EAC7B;AAEJ","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/AnimationsHoverDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAA4B,8BAC5B,cAAyB,0BACzB,iBAAuB;AAChB,SAAS,sBAAsB;AAClC,SAAqB,uCAAAA,KAAK,uBAAQ;AAAA,IAC9B,aAAa;AAAA,IACb,WAAW;AAAA,IACX,WAAW;AAAA,IACX,iBAAiB;AAAA,IACjB,MAAM;AAAA,IACN,cAAc;AAAA,IACd,YAAY;AAAA,MACR,OAAO;AAAA,IACX;AAAA,IACA,YAAY;AAAA,MACR,OAAO;AAAA,IACX;AAAA,IACA,UAAwB,uCAAAA,KAAK,sBAAU;AAAA,MACnC,WAAW;AAAA,IACf,CAAC;AAAA,EACL,CAAC;AACL;",
+  "names": ["_jsx"]
+}

package/dist/cjs/AnimationsPresenceDemo.cjs

@@ -35,13 +35,13 @@ __export(AnimationsPresenceDemo_exports, {
   images: () => images
 });
 module.exports = __toCommonJS(AnimationsPresenceDemo_exports);
-var import_react = __toESM(require("react"), 1),
+var import_react = __toESM(require("react")),
   import_animate_presence = require("@tamagui/animate-presence"),
   import_lucide_icons = require("@tamagui/lucide-icons"),
   import_tamagui = require("tamagui"),
-  import_photo1 = __toESM(require("../../public/photo1.jpg"), 1),
-  import_photo2 = __toESM(require("../../public/photo2.jpg"), 1),
-  import_photo3 = __toESM(require("../../public/photo3.jpg"), 1),
+  import_photo1 = __toESM(require("../../public/photo1.jpg")),
+  import_photo2 = __toESM(require("../../public/photo2.jpg")),
+  import_photo3 = __toESM(require("../../public/photo3.jpg")),
   import_jsx_runtime = require("react/jsx-runtime");
 const images = [import_photo1.default, import_photo2.default, import_photo3.default].map(x => x.src || x),
   GalleryItem = (0, import_tamagui.styled)(import_tamagui.YStack, {

package/dist/cjs/AnimationsPresenceDemo.js

@@ -26,7 +26,7 @@ __export(AnimationsPresenceDemo_exports, {
   images: () => images
 });
 module.exports = __toCommonJS(AnimationsPresenceDemo_exports);
-var import_react = __toESM(require("react"), 1), import_animate_presence = require("@tamagui/animate-presence"), import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_photo1 = __toESM(require("../../public/photo1.jpg"), 1), import_photo2 = __toESM(require("../../public/photo2.jpg"), 1), import_photo3 = __toESM(require("../../public/photo3.jpg"), 1), import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react")), import_animate_presence = require("@tamagui/animate-presence"), import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_photo1 = __toESM(require("../../public/photo1.jpg")), import_photo2 = __toESM(require("../../public/photo2.jpg")), import_photo3 = __toESM(require("../../public/photo3.jpg")), import_jsx_runtime = require("react/jsx-runtime");
 const images = [import_photo1.default, import_photo2.default, import_photo3.default].map((x) => x.src || x), GalleryItem = (0, import_tamagui.styled)(import_tamagui.YStack, {
   zIndex: 1,
   x: 0,

package/dist/cjs/AnimationsPresenceDemo.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/AnimationsPresenceDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,8BAClB,0BAAgC,sCAChC,sBAAsC,kCAEtC,iBAAsD,oBAGtD,gBAAmB,gDAEnB,gBAAmB,gDAEnB,gBAAmB,gDA0Cf;AAxCG,MAAM,SAAS,CAAC,cAAAA,SAAQ,cAAAC,SAAQ,cAAAC,OAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,GAE9D,kBAAc,uBAAO,uBAAQ;AAAA,EACjC,QAAQ;AAAA,EACR,GAAG;AAAA,EACH,SAAS;AAAA,EACT,YAAY;AAAA,EAEZ,UAAU;AAAA;AAAA,IAER,OAAO;AAAA,MACL,WAAW,CAAC,WAAW;AAAA,QACrB,YAAY;AAAA,UACV,GAAG,QAAQ,IAAI,MAAO;AAAA,UACtB,SAAS;AAAA,QACX;AAAA,QACA,WAAW;AAAA,UACT,QAAQ;AAAA,UACR,GAAG,QAAQ,IAAI,MAAO;AAAA,UACtB,SAAS;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC,GAEK,OAAO,CAAC,KAAa,KAAa,MAAc;AACpD,QAAM,YAAY,MAAM;AACxB,WAAW,IAAI,OAAO,YAAa,aAAa,YAAa;AAC/D;AAEO,SAAS,yBAAyB;AACvC,QAAM,CAAC,CAAC,MAAM,KAAK,GAAG,OAAO,IAAI,aAAAC,QAAM,SAAS,CAAC,GAAG,CAAC,CAAC,GAEhD,aAAa,KAAK,GAAG,OAAO,QAAQ,IAAI,GACxC,WAAW,CAACC,WAAkB;AAClC,YAAQ,CAAC,OAAOA,QAAOA,MAAK,CAAC;AAAA,EAC/B;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,iBAAgB;AAAA,MAChB,UAAS;AAAA,MACT,QAAQ;AAAA,MACR,OAAM;AAAA,MACN,YAAW;AAAA,MAEX;AAAA,oDAAC,2CAAgB,SAAS,IAAO,QAAQ,EAAE,MAAM,GAC/C,sDAAC,eAAuB,WAAU,QAAO,OACvC,sDAAC,wBAAM,QAAQ,EAAE,KAAK,OAAO,UAAU,GAAG,OAAO,KAAK,QAAQ,IAAI,GAAG,KADrD,IAElB,GACF;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,cAAW;AAAA,YACX,MAAM;AAAA,YACN,MAAK;AAAA,YACL,UAAS;AAAA,YACT,MAAK;AAAA,YACL,UAAQ;AAAA,YACR,SAAO;AAAA,YACP,SAAS,MAAM,SAAS,EAAE;AAAA,YAC1B,QAAQ;AAAA;AAAA,QACV;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,cAAW;AAAA,YACX,MAAM;AAAA,YACN,MAAK;AAAA,YACL,UAAS;AAAA,YACT,OAAM;AAAA,YACN,UAAQ;AAAA,YACR,SAAO;AAAA,YACP,SAAS,MAAM,SAAS,CAAC;AAAA,YACzB,QAAQ;AAAA;AAAA,QACV;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAClB,0BAAgC,sCAChC,sBAAsC,kCAEtC,iBAAsD,oBAGtD,gBAAmB,6CAEnB,gBAAmB,6CAEnB,gBAAmB,6CA0Cf;AAxCG,MAAM,SAAS,CAAC,cAAAA,SAAQ,cAAAC,SAAQ,cAAAC,OAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,GAE9D,kBAAc,uBAAO,uBAAQ;AAAA,EACjC,QAAQ;AAAA,EACR,GAAG;AAAA,EACH,SAAS;AAAA,EACT,YAAY;AAAA,EAEZ,UAAU;AAAA;AAAA,IAER,OAAO;AAAA,MACL,WAAW,CAAC,WAAW;AAAA,QACrB,YAAY;AAAA,UACV,GAAG,QAAQ,IAAI,MAAO;AAAA,UACtB,SAAS;AAAA,QACX;AAAA,QACA,WAAW;AAAA,UACT,QAAQ;AAAA,UACR,GAAG,QAAQ,IAAI,MAAO;AAAA,UACtB,SAAS;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC,GAEK,OAAO,CAAC,KAAa,KAAa,MAAc;AACpD,QAAM,YAAY,MAAM;AACxB,WAAW,IAAI,OAAO,YAAa,aAAa,YAAa;AAC/D;AAEO,SAAS,yBAAyB;AACvC,QAAM,CAAC,CAAC,MAAM,KAAK,GAAG,OAAO,IAAI,aAAAC,QAAM,SAAS,CAAC,GAAG,CAAC,CAAC,GAEhD,aAAa,KAAK,GAAG,OAAO,QAAQ,IAAI,GACxC,WAAW,CAACC,WAAkB;AAClC,YAAQ,CAAC,OAAOA,QAAOA,MAAK,CAAC;AAAA,EAC/B;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,iBAAgB;AAAA,MAChB,UAAS;AAAA,MACT,QAAQ;AAAA,MACR,OAAM;AAAA,MACN,YAAW;AAAA,MAEX;AAAA,oDAAC,2CAAgB,SAAS,IAAO,QAAQ,EAAE,MAAM,GAC/C,sDAAC,eAAuB,WAAU,QAAO,OACvC,sDAAC,wBAAM,QAAQ,EAAE,KAAK,OAAO,UAAU,GAAG,OAAO,KAAK,QAAQ,IAAI,GAAG,KADrD,IAElB,GACF;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,cAAW;AAAA,YACX,MAAM;AAAA,YACN,MAAK;AAAA,YACL,UAAS;AAAA,YACT,MAAK;AAAA,YACL,UAAQ;AAAA,YACR,SAAO;AAAA,YACP,SAAS,MAAM,SAAS,EAAE;AAAA,YAC1B,QAAQ;AAAA;AAAA,QACV;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,cAAW;AAAA,YACX,MAAM;AAAA,YACN,MAAK;AAAA,YACL,UAAS;AAAA,YACT,OAAM;AAAA,YACN,UAAQ;AAAA,YACR,SAAO;AAAA,YACP,SAAS,MAAM,SAAS,CAAC;AAAA,YACzB,QAAQ;AAAA;AAAA,QACV;AAAA;AAAA;AAAA,EACF;AAEJ;",
   "names": ["photo1", "photo2", "photo3", "React", "going"]
 }