@tamagui/animate 1.129.19 → 1.130.0

package/dist/cjs/Animate.cjs

@@ -31,28 +31,34 @@ function Animate({
   lazyMount,
   type,
   present,
+  passThrough,
   ...props
 }) {
   const [lazyMounted, setLazyMounted] = (0, import_react.useState)(lazyMount ? !1 : present);
   (0, import_react.useEffect)(() => {
-    lazyMount && present && (0, import_react.startTransition)(() => {
+    passThrough || lazyMount && present && (0, import_react.startTransition)(() => {
       setLazyMounted(present);
     });
   }, [lazyMount, present]);
   const mounted = present ? lazyMount ? lazyMounted : present : !1;
   return type === "presence" ? props.keepChildrenMounted ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_animate_presence.PresenceChild, {
-    initial: props.initial ? void 0 : !1,
-    onExitComplete: props.onExitComplete,
-    enterVariant: props.enterVariant,
-    exitVariant: props.exitVariant,
-    enterExitVariant: props.enterExitVariant,
-    presenceAffectsLayout: !1,
-    isPresent: present,
-    custom: props.custom,
+    isPresent: !0,
+    ...(!passThrough && {
+      initial: props.initial ? void 0 : !1,
+      onExitComplete: props.onExitComplete,
+      enterVariant: props.enterVariant,
+      exitVariant: props.exitVariant,
+      enterExitVariant: props.enterExitVariant,
+      // BUGFIX: this causes continous re-renders if keepChildrenMounted is true, see HeaderMenu
+      // but since we always re-render this component on open changes this should be fine to leave off?
+      presenceAffectsLayout: !1,
+      isPresent: present,
+      custom: props.custom
+    }),
     children
   }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, {
     ...props,
-    children: mounted ? children : null
+    children: mounted || passThrough ? children : null
   }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
     children
   });

package/dist/cjs/Animate.js

@@ -23,11 +23,12 @@ function Animate({
   lazyMount,
   type,
   present,
+  passThrough,
   ...props
 }) {
   const [lazyMounted, setLazyMounted] = (0, import_react.useState)(lazyMount ? !1 : present);
   (0, import_react.useEffect)(() => {
-    lazyMount && present && (0, import_react.startTransition)(() => {
+    passThrough || lazyMount && present && (0, import_react.startTransition)(() => {
       setLazyMounted(present);
     });
   }, [lazyMount, present]);
@@ -35,16 +36,21 @@ function Animate({
   return type === "presence" ? props.keepChildrenMounted ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_animate_presence.PresenceChild,
     {
-      initial: props.initial ? void 0 : !1,
-      onExitComplete: props.onExitComplete,
-      enterVariant: props.enterVariant,
-      exitVariant: props.exitVariant,
-      enterExitVariant: props.enterExitVariant,
-      presenceAffectsLayout: !1,
-      isPresent: present,
-      custom: props.custom,
+      isPresent: !0,
+      ...!passThrough && {
+        initial: props.initial ? void 0 : !1,
+        onExitComplete: props.onExitComplete,
+        enterVariant: props.enterVariant,
+        exitVariant: props.exitVariant,
+        enterExitVariant: props.enterExitVariant,
+        // BUGFIX: this causes continous re-renders if keepChildrenMounted is true, see HeaderMenu
+        // but since we always re-render this component on open changes this should be fine to leave off?
+        presenceAffectsLayout: !1,
+        isPresent: present,
+        custom: props.custom
+      },
       children
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, { ...props, children: mounted ? children : null }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+  ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, { ...props, children: mounted || passThrough ? children : null }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
 }
 //# sourceMappingURL=Animate.js.map

package/dist/cjs/Animate.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Animate.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,8BAA+C,sCAC/C,eAAqD,kBA0D7C;AAvBD,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkC;AAChC,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,YAAY,KAAQ,OAAO;AAE1E,8BAAU,MAAM;AACd,IAAK,aACA,eACL,8BAAgB,MAAM;AACpB,qBAAe,OAAO;AAAA,IACxB,CAAC;AAAA,EACH,GAAG,CAAC,WAAW,OAAO,CAAC;AAGvB,QAAM,UAAW,UAAkB,YAAY,cAAc,UAAlC;AAE3B,SAAI,SAAS,aACP,MAAM,sBAEN;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,MAAM,UAAU,SAAY;AAAA,MACrC,gBAAgB,MAAM;AAAA,MACtB,cAAc,MAAM;AAAA,MACpB,aAAa,MAAM;AAAA,MACnB,kBAAkB,MAAM;AAAA,MAGxB,uBAAuB;AAAA,MACvB,WAAW;AAAA,MACX,QAAQ,MAAM;AAAA,MAEb;AAAA;AAAA,EACH,IAIG,4CAAC,2CAAiB,GAAG,OAAQ,oBAAU,WAAW,MAAK,IAGzD,2EAAG,UAAS;AACrB;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,8BAA+C,sCAC/C,eAAqD,kBA4D7C;AAzBD,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkC;AAChC,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,YAAY,KAAQ,OAAO;AAE1E,8BAAU,MAAM;AACd,IAAI,eACC,aACA,eACL,8BAAgB,MAAM;AACpB,qBAAe,OAAO;AAAA,IACxB,CAAC;AAAA,EACH,GAAG,CAAC,WAAW,OAAO,CAAC;AAGvB,QAAM,UAAW,UAAkB,YAAY,cAAc,UAAlC;AAE3B,SAAI,SAAS,aACP,MAAM,sBAEN;AAAA,IAAC;AAAA;AAAA,MACC,WAAS;AAAA,MACR,GAAI,CAAC,eAAe;AAAA,QACnB,SAAS,MAAM,UAAU,SAAY;AAAA,QACrC,gBAAgB,MAAM;AAAA,QACtB,cAAc,MAAM;AAAA,QACpB,aAAa,MAAM;AAAA,QACnB,kBAAkB,MAAM;AAAA;AAAA;AAAA,QAGxB,uBAAuB;AAAA,QACvB,WAAW;AAAA,QACX,QAAQ,MAAM;AAAA,MAChB;AAAA,MAEC;AAAA;AAAA,EACH,IAKF,4CAAC,2CAAiB,GAAG,OAClB,qBAAW,cAAc,WAAW,MACvC,IAIG,2EAAG,UAAS;AACrB;",
   "names": []
 }

package/dist/cjs/Animate.native.js

@@ -20,9 +20,9 @@ __export(Animate_exports, {
 module.exports = __toCommonJS(Animate_exports);
 var import_jsx_runtime = require("react/jsx-runtime"), import_animate_presence = require("@tamagui/animate-presence"), import_react = require("react");
 function Animate(param) {
-  var { children, lazyMount, type, present, ...props } = param, [lazyMounted, setLazyMounted] = (0, import_react.useState)(lazyMount ? !1 : present);
+  var { children, lazyMount, type, present, passThrough, ...props } = param, [lazyMounted, setLazyMounted] = (0, import_react.useState)(lazyMount ? !1 : present);
   (0, import_react.useEffect)(function() {
-    lazyMount && present && (0, import_react.startTransition)(function() {
+    passThrough || lazyMount && present && (0, import_react.startTransition)(function() {
       setLazyMounted(present);
     });
   }, [
@@ -31,20 +31,23 @@ function Animate(param) {
   ]);
   var mounted = present ? lazyMount ? lazyMounted : present : !1;
   return type === "presence" ? props.keepChildrenMounted ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.PresenceChild, {
-    initial: props.initial ? void 0 : !1,
-    onExitComplete: props.onExitComplete,
-    enterVariant: props.enterVariant,
-    exitVariant: props.exitVariant,
-    enterExitVariant: props.enterExitVariant,
-    // BUGFIX: this causes continous re-renders if keepChildrenMounted is true, see HeaderMenu
-    // but since we always re-render this component on open changes this should be fine to leave off?
-    presenceAffectsLayout: !1,
-    isPresent: present,
-    custom: props.custom,
+    isPresent: !0,
+    ...!passThrough && {
+      initial: props.initial ? void 0 : !1,
+      onExitComplete: props.onExitComplete,
+      enterVariant: props.enterVariant,
+      exitVariant: props.exitVariant,
+      enterExitVariant: props.enterExitVariant,
+      // BUGFIX: this causes continous re-renders if keepChildrenMounted is true, see HeaderMenu
+      // but since we always re-render this component on open changes this should be fine to leave off?
+      presenceAffectsLayout: !1,
+      isPresent: present,
+      custom: props.custom
+    },
     children
   }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, {
     ...props,
-    children: mounted ? children : null
+    children: mounted || passThrough ? children : null
   }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
     children
   });

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Animate.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;uDACA,0BAA+C,sCAC/C,eAAqD;AAmC9C,SAASA,QAAQ,OAMT;MANS,EACtBC,UACAC,WACAC,MACAC,SACA,GAAGC,MAAAA,IALmB,OAOhB,CAACC,aAAaC,cAAAA,QAAkBC,uBAASN,YAAY,KAAQE,OAAAA;AAEnEK,8BAAU,WAAA;AACR,IAAKP,aACAE,eACLM,8BAAgB,WAAA;AACdH,qBAAeH,OAAAA;IACjB,CAAA;EACF,GAAG;IAACF;IAAWE;GAAQ;AAGvB,MAAMO,UAAWP,UAAkBF,YAAYI,cAAcF,UAAlC;AAE3B,SAAID,SAAS,aACPE,MAAMO,sBAEN,uCAAAC,KAACC,uCAAAA;IACCC,SAASV,MAAMU,UAAUC,SAAY;IACrCC,gBAAgBZ,MAAMY;IACtBC,cAAcb,MAAMa;IACpBC,aAAad,MAAMc;IACnBC,kBAAkBf,MAAMe;;;IAGxBC,uBAAuB;IACvBC,WAAWlB;IACXmB,QAAQlB,MAAMkB;;OAOb,uCAAAV,KAACW,yCAAAA;IAAiB,GAAGnB;cAAQM,UAAUV,WAAW;OAGpD,uCAAAY,KAAA,mBAAAY,UAAA;;;AACT;",
-  "names": ["Animate", "children", "lazyMount", "type", "present", "props", "lazyMounted", "setLazyMounted", "useState", "useEffect", "startTransition", "mounted", "keepChildrenMounted", "_jsx", "PresenceChild", "initial", "undefined", "onExitComplete", "enterVariant", "exitVariant", "enterExitVariant", "presenceAffectsLayout", "isPresent", "custom", "AnimatePresence", "_Fragment"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDACA,0BAA+C,sCAC/C,eAAqD;AAmC9C,SAASA,QAAQ,OAOT;MAPS,EACtBC,UACAC,WACAC,MACAC,SACAC,aACA,GAAGC,MAAAA,IANmB,OAQhB,CAACC,aAAaC,cAAAA,QAAkBC,uBAASP,YAAY,KAAQE,OAAAA;AAEnEM,8BAAU,WAAA;AACR,IAAIL,eACCH,aACAE,eACLO,8BAAgB,WAAA;AACdH,qBAAeJ,OAAAA;IACjB,CAAA;EACF,GAAG;IAACF;IAAWE;GAAQ;AAGvB,MAAMQ,UAAWR,UAAkBF,YAAYK,cAAcH,UAAlC;AAE3B,SAAID,SAAS,aACPG,MAAMO,sBAEN,uCAAAC,KAACC,uCAAAA;IACCC,WAAS;IACR,GAAI,CAACX,eAAe;MACnBY,SAASX,MAAMW,UAAUC,SAAY;MACrCC,gBAAgBb,MAAMa;MACtBC,cAAcd,MAAMc;MACpBC,aAAaf,MAAMe;MACnBC,kBAAkBhB,MAAMgB;;;MAGxBC,uBAAuB;MACvBP,WAAWZ;MACXoB,QAAQlB,MAAMkB;IAChB;;OAQJ,uCAAAV,KAACW,yCAAAA;IAAiB,GAAGnB;cAClBM,WAAWP,cAAcJ,WAAW;OAKpC,uCAAAa,KAAA,mBAAAY,UAAA;;;AACT;",
+  "names": ["Animate", "children", "lazyMount", "type", "present", "passThrough", "props", "lazyMounted", "setLazyMounted", "useState", "useEffect", "startTransition", "mounted", "keepChildrenMounted", "_jsx", "PresenceChild", "isPresent", "initial", "undefined", "onExitComplete", "enterVariant", "exitVariant", "enterExitVariant", "presenceAffectsLayout", "custom", "AnimatePresence", "_Fragment"]
 }

package/dist/esm/Animate.js

@@ -6,11 +6,12 @@ function Animate({
   lazyMount,
   type,
   present,
+  passThrough,
   ...props
 }) {
   const [lazyMounted, setLazyMounted] = useState(lazyMount ? !1 : present);
   useEffect(() => {
-    lazyMount && present && startTransition(() => {
+    passThrough || lazyMount && present && startTransition(() => {
       setLazyMounted(present);
     });
   }, [lazyMount, present]);
@@ -18,17 +19,22 @@ function Animate({
   return type === "presence" ? props.keepChildrenMounted ? /* @__PURE__ */ jsx(
     PresenceChild,
     {
-      initial: props.initial ? void 0 : !1,
-      onExitComplete: props.onExitComplete,
-      enterVariant: props.enterVariant,
-      exitVariant: props.exitVariant,
-      enterExitVariant: props.enterExitVariant,
-      presenceAffectsLayout: !1,
-      isPresent: present,
-      custom: props.custom,
+      isPresent: !0,
+      ...!passThrough && {
+        initial: props.initial ? void 0 : !1,
+        onExitComplete: props.onExitComplete,
+        enterVariant: props.enterVariant,
+        exitVariant: props.exitVariant,
+        enterExitVariant: props.enterExitVariant,
+        // BUGFIX: this causes continous re-renders if keepChildrenMounted is true, see HeaderMenu
+        // but since we always re-render this component on open changes this should be fine to leave off?
+        presenceAffectsLayout: !1,
+        isPresent: present,
+        custom: props.custom
+      },
       children
     }
-  ) : /* @__PURE__ */ jsx(AnimatePresence, { ...props, children: mounted ? children : null }) : /* @__PURE__ */ jsx(Fragment, { children });
+  ) : /* @__PURE__ */ jsx(AnimatePresence, { ...props, children: mounted || passThrough ? children : null }) : /* @__PURE__ */ jsx(Fragment, { children });
 }
 export {
   Animate

package/dist/esm/Animate.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Animate.tsx"],
-  "mappings": "AACA,SAAS,iBAAiB,qBAAqB;AAC/C,SAAS,iBAAiB,WAAW,gBAAgB;AA0D7C,SAoBC,UApBD;AAvBD,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkC;AAChC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,YAAY,KAAQ,OAAO;AAE1E,YAAU,MAAM;AACd,IAAK,aACA,WACL,gBAAgB,MAAM;AACpB,qBAAe,OAAO;AAAA,IACxB,CAAC;AAAA,EACH,GAAG,CAAC,WAAW,OAAO,CAAC;AAGvB,QAAM,UAAW,UAAkB,YAAY,cAAc,UAAlC;AAE3B,SAAI,SAAS,aACP,MAAM,sBAEN;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,MAAM,UAAU,SAAY;AAAA,MACrC,gBAAgB,MAAM;AAAA,MACtB,cAAc,MAAM;AAAA,MACpB,aAAa,MAAM;AAAA,MACnB,kBAAkB,MAAM;AAAA,MAGxB,uBAAuB;AAAA,MACvB,WAAW;AAAA,MACX,QAAQ,MAAM;AAAA,MAEb;AAAA;AAAA,EACH,IAIG,oBAAC,mBAAiB,GAAG,OAAQ,oBAAU,WAAW,MAAK,IAGzD,gCAAG,UAAS;AACrB;",
+  "mappings": "AACA,SAAS,iBAAiB,qBAAqB;AAC/C,SAAS,iBAAiB,WAAW,gBAAgB;AA4D7C,SA2BC,UA3BD;AAzBD,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkC;AAChC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,YAAY,KAAQ,OAAO;AAE1E,YAAU,MAAM;AACd,IAAI,eACC,aACA,WACL,gBAAgB,MAAM;AACpB,qBAAe,OAAO;AAAA,IACxB,CAAC;AAAA,EACH,GAAG,CAAC,WAAW,OAAO,CAAC;AAGvB,QAAM,UAAW,UAAkB,YAAY,cAAc,UAAlC;AAE3B,SAAI,SAAS,aACP,MAAM,sBAEN;AAAA,IAAC;AAAA;AAAA,MACC,WAAS;AAAA,MACR,GAAI,CAAC,eAAe;AAAA,QACnB,SAAS,MAAM,UAAU,SAAY;AAAA,QACrC,gBAAgB,MAAM;AAAA,QACtB,cAAc,MAAM;AAAA,QACpB,aAAa,MAAM;AAAA,QACnB,kBAAkB,MAAM;AAAA;AAAA;AAAA,QAGxB,uBAAuB;AAAA,QACvB,WAAW;AAAA,QACX,QAAQ,MAAM;AAAA,MAChB;AAAA,MAEC;AAAA;AAAA,EACH,IAKF,oBAAC,mBAAiB,GAAG,OAClB,qBAAW,cAAc,WAAW,MACvC,IAIG,gCAAG,UAAS;AACrB;",
   "names": []
 }

package/dist/esm/Animate.mjs

@@ -6,28 +6,34 @@ function Animate({
   lazyMount,
   type,
   present,
+  passThrough,
   ...props
 }) {
   const [lazyMounted, setLazyMounted] = useState(lazyMount ? !1 : present);
   useEffect(() => {
-    lazyMount && present && startTransition(() => {
+    passThrough || lazyMount && present && startTransition(() => {
       setLazyMounted(present);
     });
   }, [lazyMount, present]);
   const mounted = present ? lazyMount ? lazyMounted : present : !1;
   return type === "presence" ? props.keepChildrenMounted ? /* @__PURE__ */jsx(PresenceChild, {
-    initial: props.initial ? void 0 : !1,
-    onExitComplete: props.onExitComplete,
-    enterVariant: props.enterVariant,
-    exitVariant: props.exitVariant,
-    enterExitVariant: props.enterExitVariant,
-    presenceAffectsLayout: !1,
-    isPresent: present,
-    custom: props.custom,
+    isPresent: !0,
+    ...(!passThrough && {
+      initial: props.initial ? void 0 : !1,
+      onExitComplete: props.onExitComplete,
+      enterVariant: props.enterVariant,
+      exitVariant: props.exitVariant,
+      enterExitVariant: props.enterExitVariant,
+      // BUGFIX: this causes continous re-renders if keepChildrenMounted is true, see HeaderMenu
+      // but since we always re-render this component on open changes this should be fine to leave off?
+      presenceAffectsLayout: !1,
+      isPresent: present,
+      custom: props.custom
+    }),
     children
   }) : /* @__PURE__ */jsx(AnimatePresence, {
     ...props,
-    children: mounted ? children : null
+    children: mounted || passThrough ? children : null
   }) : /* @__PURE__ */jsx(Fragment, {
     children
   });

package/dist/esm/Animate.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["AnimatePresence","PresenceChild","startTransition","useEffect","useState","Fragment","jsx","Animate","children","lazyMount","type","present","props","lazyMounted","setLazyMounted","mounted","keepChildrenMounted","initial","onExitComplete","enterVariant","exitVariant","enterExitVariant","presenceAffectsLayout","isPresent","custom"],"sources":["../../src/Animate.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,eAAA,EAAiBC,aAAA,QAAqB;AAC/C,SAASC,eAAA,EAAiBC,SAAA,EAAWC,QAAA,QAAgB;AA0D7C,SAoBCC,QAAA,EApBDC,GAAA;AAvBD,SAASC,QAAQ;EACtBC,QAAA;EACAC,SAAA;EACAC,IAAA;EACAC,OAAA;EACA,GAAGC;AACL,GAAkC;EAChC,MAAM,CAACC,WAAA,EAAaC,cAAc,IAAIV,QAAA,CAASK,SAAA,GAAY,KAAQE,OAAO;EAE1ER,SAAA,CAAU,MAAM;IACTM,SAAA,IACAE,OAAA,IACLT,eAAA,CAAgB,MAAM;MACpBY,cAAA,CAAeH,OAAO;IACxB,CAAC;EACH,GAAG,CAACF,SAAA,EAAWE,OAAO,CAAC;EAGvB,MAAMI,OAAA,GAAWJ,OAAA,GAAkBF,SAAA,GAAYI,WAAA,GAAcF,OAAA,GAAlC;EAE3B,OAAID,IAAA,KAAS,aACPE,KAAA,CAAMI,mBAAA,GAEN,eAAAV,GAAA,CAACL,aAAA;IACCgB,OAAA,EAASL,KAAA,CAAMK,OAAA,GAAU,SAAY;IACrCC,cAAA,EAAgBN,KAAA,CAAMM,cAAA;IACtBC,YAAA,EAAcP,KAAA,CAAMO,YAAA;IACpBC,WAAA,EAAaR,KAAA,CAAMQ,WAAA;IACnBC,gBAAA,EAAkBT,KAAA,CAAMS,gBAAA;IAGxBC,qBAAA,EAAuB;IACvBC,SAAA,EAAWZ,OAAA;IACXa,MAAA,EAAQZ,KAAA,CAAMY,MAAA;IAEbhB;EAAA,CACH,IAIG,eAAAF,GAAA,CAACN,eAAA;IAAiB,GAAGY,KAAA;IAAQJ,QAAA,EAAAO,OAAA,GAAUP,QAAA,GAAW;EAAA,CAAK,IAGzD,eAAAF,GAAA,CAAAD,QAAA;IAAGG;EAAA,CAAS;AACrB","ignoreList":[]}
+{"version":3,"names":["AnimatePresence","PresenceChild","startTransition","useEffect","useState","Fragment","jsx","Animate","children","lazyMount","type","present","passThrough","props","lazyMounted","setLazyMounted","mounted","keepChildrenMounted","isPresent","initial","onExitComplete","enterVariant","exitVariant","enterExitVariant","presenceAffectsLayout","custom"],"sources":["../../src/Animate.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,eAAA,EAAiBC,aAAA,QAAqB;AAC/C,SAASC,eAAA,EAAiBC,SAAA,EAAWC,QAAA,QAAgB;AA4D7C,SA2BCC,QAAA,EA3BDC,GAAA;AAzBD,SAASC,QAAQ;EACtBC,QAAA;EACAC,SAAA;EACAC,IAAA;EACAC,OAAA;EACAC,WAAA;EACA,GAAGC;AACL,GAAkC;EAChC,MAAM,CAACC,WAAA,EAAaC,cAAc,IAAIX,QAAA,CAASK,SAAA,GAAY,KAAQE,OAAO;EAE1ER,SAAA,CAAU,MAAM;IACVS,WAAA,IACCH,SAAA,IACAE,OAAA,IACLT,eAAA,CAAgB,MAAM;MACpBa,cAAA,CAAeJ,OAAO;IACxB,CAAC;EACH,GAAG,CAACF,SAAA,EAAWE,OAAO,CAAC;EAGvB,MAAMK,OAAA,GAAWL,OAAA,GAAkBF,SAAA,GAAYK,WAAA,GAAcH,OAAA,GAAlC;EAE3B,OAAID,IAAA,KAAS,aACPG,KAAA,CAAMI,mBAAA,GAEN,eAAAX,GAAA,CAACL,aAAA;IACCiB,SAAA,EAAS;IACR,IAAI,CAACN,WAAA,IAAe;MACnBO,OAAA,EAASN,KAAA,CAAMM,OAAA,GAAU,SAAY;MACrCC,cAAA,EAAgBP,KAAA,CAAMO,cAAA;MACtBC,YAAA,EAAcR,KAAA,CAAMQ,YAAA;MACpBC,WAAA,EAAaT,KAAA,CAAMS,WAAA;MACnBC,gBAAA,EAAkBV,KAAA,CAAMU,gBAAA;MAAA;MAAA;MAGxBC,qBAAA,EAAuB;MACvBN,SAAA,EAAWP,OAAA;MACXc,MAAA,EAAQZ,KAAA,CAAMY;IAChB;IAECjB;EAAA,CACH,IAKF,eAAAF,GAAA,CAACN,eAAA;IAAiB,GAAGa,KAAA;IAClBL,QAAA,EAAAQ,OAAA,IAAWJ,WAAA,GAAcJ,QAAA,GAAW;EAAA,CACvC,IAIG,eAAAF,GAAA,CAAAD,QAAA;IAAGG;EAAA,CAAS;AACrB","ignoreList":[]}

package/dist/esm/Animate.native.js

@@ -7,30 +7,34 @@ function Animate(param) {
       lazyMount,
       type,
       present,
+      passThrough,
       ...props
     } = param,
     [lazyMounted, setLazyMounted] = useState(lazyMount ? !1 : present);
   useEffect(function () {
-    lazyMount && present && startTransition(function () {
+    passThrough || lazyMount && present && startTransition(function () {
       setLazyMounted(present);
     });
   }, [lazyMount, present]);
   var mounted = present ? lazyMount ? lazyMounted : present : !1;
   return type === "presence" ? props.keepChildrenMounted ? /* @__PURE__ */_jsx(PresenceChild, {
-    initial: props.initial ? void 0 : !1,
-    onExitComplete: props.onExitComplete,
-    enterVariant: props.enterVariant,
-    exitVariant: props.exitVariant,
-    enterExitVariant: props.enterExitVariant,
-    // BUGFIX: this causes continous re-renders if keepChildrenMounted is true, see HeaderMenu
-    // but since we always re-render this component on open changes this should be fine to leave off?
-    presenceAffectsLayout: !1,
-    isPresent: present,
-    custom: props.custom,
+    isPresent: !0,
+    ...(!passThrough && {
+      initial: props.initial ? void 0 : !1,
+      onExitComplete: props.onExitComplete,
+      enterVariant: props.enterVariant,
+      exitVariant: props.exitVariant,
+      enterExitVariant: props.enterExitVariant,
+      // BUGFIX: this causes continous re-renders if keepChildrenMounted is true, see HeaderMenu
+      // but since we always re-render this component on open changes this should be fine to leave off?
+      presenceAffectsLayout: !1,
+      isPresent: present,
+      custom: props.custom
+    }),
     children
   }) : /* @__PURE__ */_jsx(AnimatePresence, {
     ...props,
-    children: mounted ? children : null
+    children: mounted || passThrough ? children : null
   }) : /* @__PURE__ */_jsx(_Fragment, {
     children
   });

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","Fragment","_Fragment","AnimatePresence","PresenceChild","startTransition","useEffect","useState","Animate","param","children","lazyMount","type","present","props","lazyMounted","setLazyMounted","mounted","keepChildrenMounted","initial","onExitComplete","enterVariant","exitVariant","enterExitVariant","presenceAffectsLayout","isPresent","custom"],"sources":["../../src/Animate.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAA,EAAAC,QAAiB,IAAAC,SAAA,QAAqB;AAC/C,SAASC,eAAA,EAAiBC,aAAW,mCAAgB;AA0D7C,SAoBCC,eApBD,EAAAC,SAAA,EAAAC,QAAA;AAvBD,SAASC,QAAQC,KAAA;EACtB;MAAAC,QAAA;MAAAC,SAAA;MAAAC,IAAA;MAAAC,OAAA;MAAA,GAAAC;IAAA,IAAAL,KAAA;IAAA,CAAAM,WAAA,EAAAC,cAAA,IAAAT,QAAA,CAAAI,SAAA,QAAAE,OAAA;EACAP,SAAA;IACAK,SAAA,IAAAE,OAAA,IAAAR,eAAA;MACAW,cAAA,CAAAH,OAAA;IACA,CAAG;EACL,CAAkC,GAChCF,SAAO,EAEPE,OAAA,CACE,CAAK;EAGH,IAAAI,OAAA,GAAAJ,OAAe,GAAAF,SAAO,GAAAI,WAAA,GAAAF,OAAA;EAAA,OACvBD,IAAA,kBAAAE,KAAA,CAAAI,mBAAA,kBAAAlB,IAAA,CAAAI,aAAA;IACHe,OAAI,EAAAL,KAAW,CAAAK,OAAQ;IAGvBC,cAAiB,EAAAN,KAAA,CAAAM,cAA8B;IAE/CC,YAAI,EAASP,KAAA,CAAAO,YACP;IAECC,WAAA,EAAAR,KAAA,CAAAQ,WAAA;IAAAC,gBAAA,EAAAT,KAAA,CAAAS,gBAAA;IAAA;IACsC;IACfC,qBACR,EAAM;IAAAC,SACpB,EAAAZ,OAAa;IAAMa,MACnB,EAAAZ,KAAA,CAAAY,MAAkB;IAAMhB;EAGD,KACvB,eAAWV,IAAA,CAAAG,eAAA;IAAA,GACXW,KAAA;IAAcJ,QAEb,EAAAO,OAAA,GAAAP,QAAA;EAAA,oBAAAV,IAAA,CAAAE,SAAA;IACHQ;EAQR","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","Fragment","_Fragment","AnimatePresence","PresenceChild","startTransition","useEffect","useState","Animate","param","children","lazyMount","type","present","passThrough","props","lazyMounted","setLazyMounted","mounted","keepChildrenMounted","isPresent","initial","onExitComplete","enterVariant","exitVariant","enterExitVariant","presenceAffectsLayout","custom"],"sources":["../../src/Animate.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAA,EAAAC,QAAiB,IAAAC,SAAA,QAAqB;AAC/C,SAASC,eAAA,EAAiBC,aAAW,mCAAgB;AA4D7C,SA2BCC,eA3BD,EAAAC,SAAA,EAAAC,QAAA;AAzBD,SAASC,QAAQC,KAAA;EACtB;MAAAC,QAAA;MAAAC,SAAA;MAAAC,IAAA;MAAAC,OAAA;MAAAC,WAAA;MAAA,GAAAC;IAAA,IAAAN,KAAA;IAAA,CAAAO,WAAA,EAAAC,cAAA,IAAAV,QAAA,CAAAI,SAAA,QAAAE,OAAA;EACAP,SAAA;IACAQ,WAAA,IAAAH,SAAA,IAAAE,OAAA,IAAAR,eAAA;MACAY,cAAA,CAAAJ,OAAA;IACA;EACA,GAAG,CAC6BF,SAAA,EAChCE,OAAO,CAEP;EACE,IAAIK,OAAA,GAAAL,OACC,GAAAF,SACA,GAAAK,WACL,GAAAH,OAAgB;EACd,OAAAD,IAAA,eAAsB,GAAAG,KAAA,CAAAI,mBAAA,kBAAAnB,IAAA,CAAAI,aAAA;IACxBgB,SAAC;IACH,IAAI,CAAAN,WAAW;MAGfO,OAAM,EAAAN,KAAW,CAAAM,OAAkB,YAAY;MAE/CC,cAAa,EAAAP,KAAA,CAAAO,cACD;MAELC,YAAA,EAAAR,KAAA,CAAAQ,YAAA;MAAAC,WAAA,EAAAT,KAAA,CAAAS,WAAA;MACCC,gBAAS,EAAAV,KAAA,CAAAU,gBAAA;MACR;MAAoB;MACkBC,qBACrB,GAAM;MAAAN,SACtB,EAAAP,OAAc;MAAMc,MACpB,EAAAZ,KAAA,CAAAY;IAAmB;IACKjB;EAAA,oBAAAV,IAAA,CAAAG,eAAA;IAAA,GAAAY,KAGxB;IAAuBL,QACvB,EAAAQ,OAAW,IAAAJ,WAAA,GAAAJ,QAAA;EAAA,oBACGV,IAAA,CAAAE,SAAA;IAAAQ;EAChB;AAEC;AAAA,SAaXF,OAAA","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/animate",
-  "version": "1.129.19",
+  "version": "1.130.0",
   "source": "src/index.ts",
   "sideEffects": false,
   "license": "MIT",
@@ -13,10 +13,10 @@
     "dist"
   ],
   "dependencies": {
-    "@tamagui/animate-presence": "1.129.19"
+    "@tamagui/animate-presence": "1.130.0"
   },
   "devDependencies": {
-    "@tamagui/build": "1.129.19"
+    "@tamagui/build": "1.130.0"
   },
   "scripts": {
     "build": "tamagui-build",

package/src/Animate.tsx

@@ -1,10 +1,10 @@
 import type { AnimatePresenceProps } from '@tamagui/animate-presence'
 import { AnimatePresence, PresenceChild } from '@tamagui/animate-presence'
 import { startTransition, useEffect, useState } from 'react'
-import type { JSX } from 'react/jsx-runtime'
 
 type BaseProps = {
   children: React.ReactNode
+  passThrough?: boolean
 }
 
 type PresenceProps = AnimatePresenceProps & {
@@ -40,11 +40,13 @@ export function Animate({
   lazyMount,
   type,
   present,
+  passThrough,
   ...props
 }: AnimateProps): React.ReactNode {
   const [lazyMounted, setLazyMounted] = useState(lazyMount ? false : present)
 
   useEffect(() => {
+    if (passThrough) return
     if (!lazyMount) return
     if (!present) return
     startTransition(() => {
@@ -59,23 +61,30 @@ export function Animate({
     if (props.keepChildrenMounted) {
       return (
         <PresenceChild
-          initial={props.initial ? undefined : false}
-          onExitComplete={props.onExitComplete}
-          enterVariant={props.enterVariant}
-          exitVariant={props.exitVariant}
-          enterExitVariant={props.enterExitVariant}
-          // BUGFIX: this causes continous re-renders if keepChildrenMounted is true, see HeaderMenu
-          // but since we always re-render this component on open changes this should be fine to leave off?
-          presenceAffectsLayout={false}
-          isPresent={present}
-          custom={props.custom}
+          isPresent
+          {...(!passThrough && {
+            initial: props.initial ? undefined : false,
+            onExitComplete: props.onExitComplete,
+            enterVariant: props.enterVariant,
+            exitVariant: props.exitVariant,
+            enterExitVariant: props.enterExitVariant,
+            // BUGFIX: this causes continous re-renders if keepChildrenMounted is true, see HeaderMenu
+            // but since we always re-render this component on open changes this should be fine to leave off?
+            presenceAffectsLayout: false,
+            isPresent: present,
+            custom: props.custom,
+          })}
         >
           {children as any}
         </PresenceChild>
       )
     }
 
-    return <AnimatePresence {...props}>{mounted ? children : null}</AnimatePresence>
+    return (
+      <AnimatePresence {...props}>
+        {mounted || passThrough ? children : null}
+      </AnimatePresence>
+    )
   }
 
   return <>{children}</>

package/types/Animate.d.ts

@@ -1,6 +1,7 @@
 import type { AnimatePresenceProps } from "@tamagui/animate-presence";
 type BaseProps = {
 	children: React.ReactNode;
+	passThrough?: boolean;
 };
 type PresenceProps = AnimatePresenceProps & {
 	type: "presence";
@@ -27,7 +28,7 @@ export type AnimateProps = BaseProps & PresenceProps;
 *
 *
 */
-export declare function Animate({ children, lazyMount, type, present,...props }: AnimateProps): React.ReactNode;
+export declare function Animate({ children, lazyMount, type, present, passThrough,...props }: AnimateProps): React.ReactNode;
 export {};
 
 //# sourceMappingURL=Animate.d.ts.map

package/types/Animate.d.ts.map

@@ -1,11 +1,11 @@
 {
-  "mappings": "AAAA,cAAc,4BAA4B,2BAA2B;KAKhE,YAAY;CACf,UAAU,MAAM;AACjB;KAEI,gBAAgB,uBAAuB;CAC1C,MAAM;CACN;CACA;CACA;AACD;AAED,YAAY,eAAe,YAAY;;;;;;;;;;;;;;;;;;;AAqBvC,OAAO,iBAAS,QAAQ,EACtB,UACA,WACA,MACA,QACA,GAAG,OACU,EAAZ,eAAe,MAAM",
+  "mappings": "AAAA,cAAc,4BAA4B,2BAA2B;KAIhE,YAAY;CACf,UAAU,MAAM;CAChB;AACD;KAEI,gBAAgB,uBAAuB;CAC1C,MAAM;CACN;CACA;CACA;AACD;AAED,YAAY,eAAe,YAAY;;;;;;;;;;;;;;;;;;;AAqBvC,OAAO,iBAAS,QAAQ,EACtB,UACA,WACA,MACA,SACA,YACA,GAAG,OACU,EAAZ,eAAe,MAAM",
   "names": [],
   "sources": [
     "src/Animate.tsx"
   ],
   "sourcesContent": [
-    "import type { AnimatePresenceProps } from '@tamagui/animate-presence'\nimport { AnimatePresence, PresenceChild } from '@tamagui/animate-presence'\nimport { startTransition, useEffect, useState } from 'react'\nimport type { JSX } from 'react/jsx-runtime'\n\ntype BaseProps = {\n  children: React.ReactNode\n}\n\ntype PresenceProps = AnimatePresenceProps & {\n  type: 'presence'\n  present: boolean\n  keepChildrenMounted?: boolean\n  lazyMount?: boolean\n}\n\nexport type AnimateProps = BaseProps & PresenceProps\n\n/**\n * Because mounting and unmounting children can be expensive, this gives us the\n * option to avoid that.\n *\n * type: 'presence' will act just like AnimatePresence, except you use `present`\n * instead of conditional children.\n * Note that this does avoid reconciling the children even when present={false}\n * so no extra cost to perf over AnimatePresence.\n *\n * type: 'presence' with keepChildrenMounted true *always* render the children so you pay\n * the cost up-front to mount them, but then you avoid the mount cost at the start\n * of the animation.\n *\n * There's no \"right way\" it just depends on the use case, this component just makes\n * it easier to choose the strategy yourself.\n *\n *\n */\n\nexport function Animate({\n  children,\n  lazyMount,\n  type,\n  present,\n  ...props\n}: AnimateProps): React.ReactNode {\n  const [lazyMounted, setLazyMounted] = useState(lazyMount ? false : present)\n\n  useEffect(() => {\n    if (!lazyMount) return\n    if (!present) return\n    startTransition(() => {\n      setLazyMounted(present)\n    })\n  }, [lazyMount, present])\n\n  // always immediately unmount\n  const mounted = !present ? false : lazyMount ? lazyMounted : present\n\n  if (type === 'presence') {\n    if (props.keepChildrenMounted) {\n      return (\n        <PresenceChild\n          initial={props.initial ? undefined : false}\n          onExitComplete={props.onExitComplete}\n          enterVariant={props.enterVariant}\n          exitVariant={props.exitVariant}\n          enterExitVariant={props.enterExitVariant}\n          // BUGFIX: this causes continous re-renders if keepChildrenMounted is true, see HeaderMenu\n          // but since we always re-render this component on open changes this should be fine to leave off?\n          presenceAffectsLayout={false}\n          isPresent={present}\n          custom={props.custom}\n        >\n          {children as any}\n        </PresenceChild>\n      )\n    }\n\n    return <AnimatePresence {...props}>{mounted ? children : null}</AnimatePresence>\n  }\n\n  return <>{children}</>\n}\n"
+    "import type { AnimatePresenceProps } from '@tamagui/animate-presence'\nimport { AnimatePresence, PresenceChild } from '@tamagui/animate-presence'\nimport { startTransition, useEffect, useState } from 'react'\n\ntype BaseProps = {\n  children: React.ReactNode\n  passThrough?: boolean\n}\n\ntype PresenceProps = AnimatePresenceProps & {\n  type: 'presence'\n  present: boolean\n  keepChildrenMounted?: boolean\n  lazyMount?: boolean\n}\n\nexport type AnimateProps = BaseProps & PresenceProps\n\n/**\n * Because mounting and unmounting children can be expensive, this gives us the\n * option to avoid that.\n *\n * type: 'presence' will act just like AnimatePresence, except you use `present`\n * instead of conditional children.\n * Note that this does avoid reconciling the children even when present={false}\n * so no extra cost to perf over AnimatePresence.\n *\n * type: 'presence' with keepChildrenMounted true *always* render the children so you pay\n * the cost up-front to mount them, but then you avoid the mount cost at the start\n * of the animation.\n *\n * There's no \"right way\" it just depends on the use case, this component just makes\n * it easier to choose the strategy yourself.\n *\n *\n */\n\nexport function Animate({\n  children,\n  lazyMount,\n  type,\n  present,\n  passThrough,\n  ...props\n}: AnimateProps): React.ReactNode {\n  const [lazyMounted, setLazyMounted] = useState(lazyMount ? false : present)\n\n  useEffect(() => {\n    if (passThrough) return\n    if (!lazyMount) return\n    if (!present) return\n    startTransition(() => {\n      setLazyMounted(present)\n    })\n  }, [lazyMount, present])\n\n  // always immediately unmount\n  const mounted = !present ? false : lazyMount ? lazyMounted : present\n\n  if (type === 'presence') {\n    if (props.keepChildrenMounted) {\n      return (\n        <PresenceChild\n          isPresent\n          {...(!passThrough && {\n            initial: props.initial ? undefined : false,\n            onExitComplete: props.onExitComplete,\n            enterVariant: props.enterVariant,\n            exitVariant: props.exitVariant,\n            enterExitVariant: props.enterExitVariant,\n            // BUGFIX: this causes continous re-renders if keepChildrenMounted is true, see HeaderMenu\n            // but since we always re-render this component on open changes this should be fine to leave off?\n            presenceAffectsLayout: false,\n            isPresent: present,\n            custom: props.custom,\n          })}\n        >\n          {children as any}\n        </PresenceChild>\n      )\n    }\n\n    return (\n      <AnimatePresence {...props}>\n        {mounted || passThrough ? children : null}\n      </AnimatePresence>\n    )\n  }\n\n  return <>{children}</>\n}\n"
   ],
   "version": 3
 }