@tamagui/animate 2.0.0-rc.3 → 2.0.0-rc.30

package/dist/cjs/index.js

@@ -3,13 +3,16 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __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;
-}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+    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;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
 var index_exports = {};
 module.exports = __toCommonJS(index_exports);
-__reExport(index_exports, require("./Animate"), module.exports);
-//# sourceMappingURL=index.js.map
+__reExport(index_exports, require("./Animate.cjs"), module.exports);

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-export * from "./Animate";
+export * from "./Animate.mjs";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,6 +1 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.ts"],
-  "mappings": "AAAA,cAAc;",
-  "names": []
-}
+{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/animate",
-  "version": "2.0.0-rc.3",
+  "version": "2.0.0-rc.30",
   "license": "MIT",
   "source": "src/index.ts",
   "files": [
@@ -19,15 +19,12 @@
     "./package.json": "./package.json",
     ".": {
       "types": "./types/index.d.ts",
-      "react-native": {
-        "module": "./dist/esm/index.native.js",
-        "import": "./dist/esm/index.native.js",
-        "require": "./dist/cjs/index.native.js"
-      },
+      "react-native": "./dist/esm/index.native.js",
+      "browser": "./dist/esm/index.mjs",
       "module": "./dist/esm/index.mjs",
       "import": "./dist/esm/index.mjs",
       "require": "./dist/cjs/index.cjs",
-      "default": "./dist/cjs/index.native.js"
+      "default": "./dist/esm/index.mjs"
     }
   },
   "publishConfig": {
@@ -40,10 +37,10 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/animate-presence": "2.0.0-rc.3"
+    "@tamagui/animate-presence": "2.0.0-rc.30"
   },
   "devDependencies": {
-    "@tamagui/build": "2.0.0-rc.3",
+    "@tamagui/build": "2.0.0-rc.30",
     "react": ">=19"
   },
   "peerDependencies": {

package/types/Animate.d.ts

@@ -28,7 +28,7 @@ export type AnimateProps = BaseProps & PresenceProps;
 *
 *
 */
-export declare function Animate({ children, lazyMount, type, present, passThrough,...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;KAIrC,YAAY;CACf,UAAU,MAAM;CAChB;;KAGG,gBAAgB,uBAAuB;CAC1C,MAAM;CACN;CACA;CACA;;AAGF,YAAY,eAAe,YAAY;;;;;;;;;;;;;;;;;;;AAqBvC,OAAO,iBAAS,QAAQ,EACtB,UACA,WACA,MACA,SACA,YACA,GAAG,SACF,eAAe,MAAM",
+  "mappings": "AAAA,cAAc,4BAA4B;KAIrC,YAAY;CACf,UAAU,MAAM;CAChB;;KAGG,gBAAgB,uBAAuB;CAC1C,MAAM;CACN;CACA;CACA;;AAGF,YAAY,eAAe,YAAY;;;;;;;;;;;;;;;;;;;AAqBvC,OAAO,iBAAS,QAAQ,EACtB,UACA,WACA,MACA,SACA,aACA,GAAG,SACF,eAAe,MAAM",
   "names": [],
   "sources": [
     "src/Animate.tsx"
   ],
+  "version": 3,
   "sourcesContent": [
     "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 passThrough={passThrough} {...props}>\n        {mounted || passThrough ? children : null}\n      </AnimatePresence>\n    )\n  }\n\n  return <>{children}</>\n}\n"
-  ],
-  "version": 3
+  ]
 }

package/types/index.d.ts.map

@@ -4,8 +4,8 @@
   "sources": [
     "src/index.ts"
   ],
+  "version": 3,
   "sourcesContent": [
     "export * from './Animate'\n"
-  ],
-  "version": 3
+  ]
 }

package/dist/cjs/Animate.js

@@ -1,56 +0,0 @@
-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);
-var Animate_exports = {};
-__export(Animate_exports, {
-  Animate: () => Animate
-});
-module.exports = __toCommonJS(Animate_exports);
-var import_animate_presence = require("@tamagui/animate-presence"), import_react = require("react"), import_jsx_runtime = require("react/jsx-runtime");
-function Animate({
-  children,
-  lazyMount,
-  type,
-  present,
-  passThrough,
-  ...props
-}) {
-  const [lazyMounted, setLazyMounted] = (0, import_react.useState)(lazyMount ? !1 : present);
-  (0, import_react.useEffect)(() => {
-    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,
-    {
-      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, { passThrough, ...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 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Animate.tsx"],
-  "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,2CAAgB,aAA2B,GAAG,OAC5C,qBAAW,cAAc,WAAW,MACvC,IAIG,2EAAG,UAAS;AACrB;",
-  "names": []
-}

package/dist/esm/Animate.js

@@ -1,42 +0,0 @@
-import { AnimatePresence, PresenceChild } from "@tamagui/animate-presence";
-import { startTransition, useEffect, useState } from "react";
-import { Fragment, jsx } from "react/jsx-runtime";
-function Animate({
-  children,
-  lazyMount,
-  type,
-  present,
-  passThrough,
-  ...props
-}) {
-  const [lazyMounted, setLazyMounted] = useState(lazyMount ? !1 : present);
-  useEffect(() => {
-    passThrough || lazyMount && present && startTransition(() => {
-      setLazyMounted(present);
-    });
-  }, [lazyMount, present]);
-  const mounted = present ? lazyMount ? lazyMounted : present : !1;
-  return type === "presence" ? props.keepChildrenMounted ? /* @__PURE__ */ jsx(
-    PresenceChild,
-    {
-      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, { passThrough, ...props, children: mounted || passThrough ? children : null }) : /* @__PURE__ */ jsx(Fragment, { children });
-}
-export {
-  Animate
-};
-//# sourceMappingURL=Animate.js.map

package/dist/esm/Animate.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Animate.tsx"],
-  "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,mBAAgB,aAA2B,GAAG,OAC5C,qBAAW,cAAc,WAAW,MACvC,IAIG,gCAAG,UAAS;AACrB;",
-  "names": []
-}