@tamagui/demos 1.135.3 → 1.135.4-1761748186554

package/dist/cjs/AnimationsDemo.native.js

@@ -1,107 +1,105 @@
 "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
-        })
-      }),
-      /* @__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
+  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
+    })]
   });
 }
-var positions = [
-  {
-    x: 0,
-    y: 0,
-    scale: 1,
-    rotate: "0deg"
+var positions = [{
+  x: 0,
+  y: 0,
+  scale: 1,
+  rotate: "0deg"
+}, {
+  x: -50,
+  y: -50,
+  scale: 0.5,
+  rotate: "-45deg",
+  hoverStyle: {
+    scale: 0.6
   },
-  {
-    x: -50,
-    y: -50,
-    scale: 0.5,
-    rotate: "-45deg",
-    hoverStyle: {
-      scale: 0.6
-    },
-    pressStyle: {
-      scale: 0.4
-    }
+  pressStyle: {
+    scale: 0.4
+  }
+}, {
+  x: 50,
+  y: 50,
+  scale: 1,
+  rotate: "180deg",
+  hoverStyle: {
+    scale: 1.1
   },
-  {
-    x: 50,
-    y: 50,
-    scale: 1,
-    rotate: "180deg",
-    hoverStyle: {
-      scale: 1.1
-    },
-    pressStyle: {
-      scale: 0.9
-    }
+  pressStyle: {
+    scale: 0.9
   }
-];
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  AnimationsDemo,
-  positions
-});
-//# sourceMappingURL=AnimationsDemo.js.map
+}];
+//# sourceMappingURL=AnimationsDemo.native.js.map

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

@@ -1,6 +1 @@
-{
-  "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"]
-}
+{"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":[]}

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")),
+var import_react = __toESM(require("react"), 1),
   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")), 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"), 1), 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,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;",
+  "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;",
   "names": ["React"]
 }

package/dist/cjs/AnimationsEnterDemo.native.js

@@ -1,77 +1,84 @@
 "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")), import_logo = require("@tamagui/logo"), import_tamagui = require("tamagui"), import_useOnIntersecting = require("./useOnIntersecting");
+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");
 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
-        })
-      }, key),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-        size: "$3",
-        marginTop: "$4",
-        onPress: function() {
-          return setKey(Math.random());
-        },
-        children: "Re-mount"
+  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"
+    })]
   });
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  AnimationsEnterDemo
-});
-//# sourceMappingURL=AnimationsEnterDemo.js.map
+//# sourceMappingURL=AnimationsEnterDemo.native.js.map

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

@@ -1,6 +1 @@
-{
-  "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"]
-}
+{"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":[]}

package/dist/cjs/AnimationsHoverDemo.native.js

@@ -1,26 +1,35 @@
 "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",
@@ -33,13 +42,9 @@ 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
     })
   });
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  AnimationsHoverDemo
-});
-//# sourceMappingURL=AnimationsHoverDemo.js.map
+//# sourceMappingURL=AnimationsHoverDemo.native.js.map

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

@@ -1,6 +1 @@
-{
-  "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"]
-}
+{"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":[]}

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")),
+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")),
-  import_photo2 = __toESM(require("../../public/photo2.jpg")),
-  import_photo3 = __toESM(require("../../public/photo3.jpg")),
+  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");
 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")), 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");
+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");
 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,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;",
+  "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;",
   "names": ["photo1", "photo2", "photo3", "React", "going"]
 }