@tamagui/animate 1.43.0

package/README.md

@@ -0,0 +1 @@
+Much of this is taken from framer-motion.

package/dist/cjs/Animate.js

@@ -0,0 +1,50 @@
+"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: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__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: true }), mod);
+var Animate_exports = {};
+__export(Animate_exports, {
+  Animate: () => Animate
+});
+module.exports = __toCommonJS(Animate_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_animate_presence = require("@tamagui/animate-presence");
+function Animate({ children, type, ...props }) {
+  if (type === "presence") {
+    if (props.keepChildrenMounted) {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_animate_presence.PresenceChild,
+        {
+          initial: props.initial ? void 0 : false,
+          onExitComplete: props.onExitComplete,
+          enterVariant: props.enterVariant,
+          exitVariant: props.exitVariant,
+          presenceAffectsLayout: props.presenceAffectsLayout || true,
+          isPresent: props.present,
+          children
+        }
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, { ...props, children: props.present ? children : null });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Animate
+});
+//# sourceMappingURL=Animate.js.map

package/dist/cjs/Animate.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Animate.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyCQ;AAzCR,8BAIO;AAiCA,SAAS,QAAQ,EAAE,UAAU,MAAM,GAAG,MAAM,GAAiB;AAClE,MAAI,SAAS,YAAY;AACvB,QAAI,MAAM,qBAAqB;AAC7B,aACE;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,MAAM,UAAU,SAAY;AAAA,UACrC,gBAAgB,MAAM;AAAA,UACtB,cAAc,MAAM;AAAA,UACpB,aAAa,MAAM;AAAA,UACnB,uBAAuB,MAAM,yBAAyB;AAAA,UACtD,WAAW,MAAM;AAAA,UAEhB;AAAA;AAAA,MACH;AAAA,IAEJ;AAEA,WAAO,4CAAC,2CAAiB,GAAG,OAAQ,gBAAM,UAAU,WAAW,MAAK;AAAA,EACtE;AAEA,SAAO,2EAAG,UAAS;AACrB;",
+  "names": []
+}

package/dist/cjs/AnimatePresence.js

@@ -0,0 +1,205 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__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: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var AnimatePresence_exports = {};
+__export(AnimatePresence_exports, {
+  AnimatePresence: () => AnimatePresence
+});
+module.exports = __toCommonJS(AnimatePresence_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_web = require("@tamagui/web");
+var import_react = __toESM(require("react"));
+var import_LayoutGroupContext = require("./LayoutGroupContext");
+var import_PresenceChild = require("./PresenceChild");
+const getChildKey = (child) => child.key || "";
+const isDev = process.env.NODE_ENV !== "production";
+function updateChildLookup(children, allChildren) {
+  const seenChildren = isDev ? /* @__PURE__ */ new Set() : null;
+  children.forEach((child) => {
+    const key = getChildKey(child);
+    if (isDev && seenChildren && seenChildren.has(key)) {
+      console.warn(
+        `Children of AnimatePresence require unique keys. "${key}" is a duplicate.`
+      );
+      seenChildren.add(key);
+    }
+    allChildren.set(key, child);
+  });
+}
+function onlyElements(children) {
+  const filtered = [];
+  import_react.Children.forEach(children, (child, index) => {
+    if ((0, import_react.isValidElement)(child)) {
+      if (!child.key && import_react.Children.count(children) > 1) {
+        if (process.env.NODE_ENV === "development") {
+          console.warn("No key given to AnimatePresence child, assigning index as key");
+        }
+        filtered.push(
+          import_react.default.cloneElement(child, {
+            key: index
+          })
+        );
+      } else {
+        filtered.push(child);
+      }
+    }
+  });
+  return filtered;
+}
+const AnimatePresence = ({
+  children,
+  enterVariant,
+  exitVariant,
+  initial = true,
+  onExitComplete,
+  exitBeforeEnter,
+  presenceAffectsLayout = true
+}) => {
+  let forceRender = (0, import_web.useForceUpdate)();
+  const isClientMounted = (0, import_web.useDidFinishSSR)();
+  const forceRenderLayoutGroup = (0, import_react.useContext)(import_LayoutGroupContext.LayoutGroupContext).forceRender;
+  if (forceRenderLayoutGroup)
+    forceRender = forceRenderLayoutGroup;
+  const isMounted = (0, import_react.useRef)(false);
+  const filteredChildren = onlyElements(children);
+  let childrenToRender = filteredChildren;
+  const exiting = /* @__PURE__ */ new Set();
+  const presentChildren = (0, import_react.useRef)(childrenToRender);
+  const allChildren = (0, import_react.useRef)(/* @__PURE__ */ new Map()).current;
+  const isInitialRender = (0, import_react.useRef)(true);
+  (0, import_react.useEffect)(() => {
+    isMounted.current = true;
+    return () => {
+      isMounted.current = false;
+      isInitialRender.current = true;
+      allChildren.clear();
+      exiting.clear();
+    };
+  }, []);
+  (0, import_web.useIsomorphicLayoutEffect)(() => {
+    isInitialRender.current = false;
+    updateChildLookup(filteredChildren, allChildren);
+    presentChildren.current = childrenToRender;
+  });
+  const hasWarned = process.env.NODE_ENV === "development" ? (0, import_react.useRef)(false) : null;
+  if (isInitialRender.current) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: childrenToRender.map((child) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_PresenceChild.PresenceChild,
+      {
+        isPresent: Boolean(isClientMounted ? true : isMounted.current),
+        exitVariant,
+        enterVariant,
+        initial: initial ? void 0 : false,
+        presenceAffectsLayout,
+        children: child
+      },
+      getChildKey(child)
+    )) });
+  }
+  childrenToRender = [...childrenToRender];
+  const presentKeys = presentChildren.current.map(getChildKey);
+  const targetKeys = filteredChildren.map(getChildKey);
+  const numPresent = presentKeys.length;
+  for (let i = 0; i < numPresent; i++) {
+    const key = presentKeys[i];
+    if (targetKeys.indexOf(key) === -1) {
+      exiting.add(key);
+    }
+  }
+  if (exitBeforeEnter && exiting.size) {
+    childrenToRender = [];
+  }
+  exiting.forEach((key) => {
+    if (targetKeys.indexOf(key) !== -1)
+      return;
+    const child = allChildren.get(key);
+    if (!child)
+      return;
+    const insertionIndex = presentKeys.indexOf(key);
+    childrenToRender.splice(
+      insertionIndex,
+      0,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_PresenceChild.PresenceChild,
+        {
+          isPresent: false,
+          onExitComplete: () => {
+            allChildren.delete(key);
+            exiting.delete(key);
+            const removeIndex = presentChildren.current.findIndex(
+              (presentChild) => presentChild.key === key
+            );
+            presentChildren.current.splice(removeIndex, 1);
+            if (!exiting.size) {
+              presentChildren.current = filteredChildren;
+              if (isMounted.current === false)
+                return;
+              forceRender();
+              onExitComplete == null ? void 0 : onExitComplete();
+            }
+          },
+          exitVariant,
+          enterVariant,
+          presenceAffectsLayout,
+          children: child
+        },
+        getChildKey(child)
+      )
+    );
+  });
+  childrenToRender = childrenToRender.map((child) => {
+    const key = child.key;
+    return exiting.has(key) ? child : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_PresenceChild.PresenceChild,
+      {
+        isPresent: true,
+        exitVariant,
+        enterVariant,
+        presenceAffectsLayout,
+        children: child
+      },
+      getChildKey(child)
+    );
+  });
+  if (process.env.NODE_ENV === "development") {
+    const shouldWarn = exitBeforeEnter && childrenToRender.length > 1;
+    if (shouldWarn && hasWarned && !hasWarned.current) {
+      hasWarned.current = true;
+      console.log(
+        `You're attempting to animate multiple children within AnimatePresence, but its exitBeforeEnter prop is set to true. This can lead to odd visual behaviour.`
+      );
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: exiting.size ? childrenToRender : childrenToRender.map((child) => (0, import_react.cloneElement)(child)) });
+};
+AnimatePresence.displayName = "AnimatePresence";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AnimatePresence
+});
+//# sourceMappingURL=AnimatePresence.js.map

package/dist/cjs/AnimatePresence.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/AnimatePresence.tsx"],
+  "mappings": "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",
+  "names": ["React"]
+}

package/dist/cjs/LayoutGroupContext.js

@@ -0,0 +1,30 @@
+"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: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__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: true }), mod);
+var LayoutGroupContext_exports = {};
+__export(LayoutGroupContext_exports, {
+  LayoutGroupContext: () => LayoutGroupContext
+});
+module.exports = __toCommonJS(LayoutGroupContext_exports);
+var import_react = require("react");
+const LayoutGroupContext = (0, import_react.createContext)({});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LayoutGroupContext
+});
+//# sourceMappingURL=LayoutGroupContext.js.map

package/dist/cjs/LayoutGroupContext.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/LayoutGroupContext.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8B;AAOvB,MAAM,yBAAqB,4BAAuC,CAAC,CAAC;",
+  "names": []
+}

package/dist/cjs/PresenceChild.js

@@ -0,0 +1,95 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__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: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var PresenceChild_exports = {};
+__export(PresenceChild_exports, {
+  PresenceChild: () => PresenceChild
+});
+module.exports = __toCommonJS(PresenceChild_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_use_presence = require("@tamagui/use-presence");
+var React = __toESM(require("react"));
+var import_react = require("react");
+const PresenceChild = ({
+  children,
+  initial,
+  isPresent,
+  onExitComplete,
+  exitVariant,
+  enterVariant,
+  presenceAffectsLayout
+}) => {
+  const presenceChildren = React.useMemo(newChildrenMap, []);
+  const id = (0, import_react.useId)() || "";
+  const context = React.useMemo(
+    () => {
+      return {
+        id,
+        initial,
+        isPresent,
+        exitVariant,
+        enterVariant,
+        onExitComplete: (id2) => {
+          presenceChildren.set(id2, true);
+          for (const isComplete of presenceChildren.values()) {
+            if (!isComplete) {
+              return;
+            }
+          }
+          onExitComplete == null ? void 0 : onExitComplete();
+        },
+        register: (id2) => {
+          presenceChildren.set(id2, false);
+          return () => presenceChildren.delete(id2);
+        }
+      };
+    },
+    /**
+     * If the presence of a child affects the layout of the components around it,
+     * we want to make a new context value to ensure they get re-rendered
+     * so they can detect that layout change.
+     */
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    presenceAffectsLayout ? void 0 : [isPresent, exitVariant, enterVariant]
+  );
+  React.useMemo(() => {
+    presenceChildren.forEach((_, key) => presenceChildren.set(key, false));
+  }, [isPresent]);
+  React.useEffect(() => {
+    !(isPresent || presenceChildren.size) && (onExitComplete == null ? void 0 : onExitComplete());
+  }, [isPresent]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_use_presence.PresenceContext.Provider, { value: context, children });
+};
+function newChildrenMap() {
+  return /* @__PURE__ */ new Map();
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PresenceChild
+});
+//# sourceMappingURL=PresenceChild.js.map

package/dist/cjs/PresenceChild.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/PresenceChild.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4ES;AA5ET,0BAAgC;AAEhC,YAAuB;AACvB,mBAAsB;AAef,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AACxB,QAAM,mBAAmB,MAAM,QAAQ,gBAAgB,CAAC,CAAC;AACzD,QAAM,SAAK,oBAAM,KAAK;AAEtB,QAAM,UAAU,MAAM;AAAA,IACpB,MAA4B;AAC1B,aAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,gBAAgB,CAACA,QAAe;AAC9B,2BAAiB,IAAIA,KAAI,IAAI;AAC7B,qBAAW,cAAc,iBAAiB,OAAO,GAAG;AAClD,gBAAI,CAAC,YAAY;AACf;AAAA,YACF;AAAA,UACF;AACA;AAAA,QACF;AAAA,QACA,UAAU,CAACA,QAAe;AACxB,2BAAiB,IAAIA,KAAI,KAAK;AAC9B,iBAAO,MAAM,iBAAiB,OAAOA,GAAE;AAAA,QACzC;AAAA,MACF;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,wBAAwB,SAAY,CAAC,WAAW,aAAa,YAAY;AAAA,EAC3E;AAEA,QAAM,QAAQ,MAAM;AAClB,qBAAiB,QAAQ,CAAC,GAAG,QAAQ,iBAAiB,IAAI,KAAK,KAAK,CAAC;AAAA,EAEvE,GAAG,CAAC,SAAS,CAAC;AAMd,QAAM,UAAU,MAAM;AACpB,MAAE,aAAa,iBAAiB,UAAS;AAAA,EAE3C,GAAG,CAAC,SAAS,CAAC;AAEd,SAAO,4CAAC,oCAAgB,UAAhB,EAAyB,OAAO,SAAU,UAAS;AAC7D;AAEA,SAAS,iBAAuC;AAC9C,SAAO,oBAAI,IAAI;AACjB;",
+  "names": ["id"]
+}

package/dist/cjs/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __defProp = Object.defineProperty;
+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))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./Animate"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./Animate")
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,sBAAd;",
+  "names": []
+}

package/dist/cjs/types.js

@@ -0,0 +1,17 @@
+"use strict";
+var __defProp = Object.defineProperty;
+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))
+      if (!__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: true }), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.js.map

package/dist/cjs/types.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/types.ts"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/Animate.js

@@ -0,0 +1,29 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import {
+  AnimatePresence,
+  PresenceChild
+} from "@tamagui/animate-presence";
+function Animate({ children, type, ...props }) {
+  if (type === "presence") {
+    if (props.keepChildrenMounted) {
+      return /* @__PURE__ */ jsx(
+        PresenceChild,
+        {
+          initial: props.initial ? void 0 : false,
+          onExitComplete: props.onExitComplete,
+          enterVariant: props.enterVariant,
+          exitVariant: props.exitVariant,
+          presenceAffectsLayout: props.presenceAffectsLayout || true,
+          isPresent: props.present,
+          children
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(AnimatePresence, { ...props, children: props.present ? children : null });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+export {
+  Animate
+};
+//# sourceMappingURL=Animate.js.map

package/dist/esm/Animate.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Animate.tsx"],
+  "mappings": "AAyCQ,SAgBC,UAhBD;AAzCR;AAAA,EACE;AAAA,EAEA;AAAA,OACK;AAiCA,SAAS,QAAQ,EAAE,UAAU,MAAM,GAAG,MAAM,GAAiB;AAClE,MAAI,SAAS,YAAY;AACvB,QAAI,MAAM,qBAAqB;AAC7B,aACE;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,MAAM,UAAU,SAAY;AAAA,UACrC,gBAAgB,MAAM;AAAA,UACtB,cAAc,MAAM;AAAA,UACpB,aAAa,MAAM;AAAA,UACnB,uBAAuB,MAAM,yBAAyB;AAAA,UACtD,WAAW,MAAM;AAAA,UAEhB;AAAA;AAAA,MACH;AAAA,IAEJ;AAEA,WAAO,oBAAC,mBAAiB,GAAG,OAAQ,gBAAM,UAAU,WAAW,MAAK;AAAA,EACtE;AAEA,SAAO,gCAAG,UAAS;AACrB;",
+  "names": []
+}

package/dist/esm/AnimatePresence.js

@@ -0,0 +1,178 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import { useDidFinishSSR, useForceUpdate, useIsomorphicLayoutEffect } from "@tamagui/web";
+import React, {
+  Children,
+  cloneElement,
+  isValidElement,
+  useContext,
+  useEffect,
+  useRef
+} from "react";
+import { LayoutGroupContext } from "./LayoutGroupContext";
+import { PresenceChild } from "./PresenceChild";
+const getChildKey = (child) => child.key || "";
+const isDev = process.env.NODE_ENV !== "production";
+function updateChildLookup(children, allChildren) {
+  const seenChildren = isDev ? /* @__PURE__ */ new Set() : null;
+  children.forEach((child) => {
+    const key = getChildKey(child);
+    if (isDev && seenChildren && seenChildren.has(key)) {
+      console.warn(
+        `Children of AnimatePresence require unique keys. "${key}" is a duplicate.`
+      );
+      seenChildren.add(key);
+    }
+    allChildren.set(key, child);
+  });
+}
+function onlyElements(children) {
+  const filtered = [];
+  Children.forEach(children, (child, index) => {
+    if (isValidElement(child)) {
+      if (!child.key && Children.count(children) > 1) {
+        if (process.env.NODE_ENV === "development") {
+          console.warn("No key given to AnimatePresence child, assigning index as key");
+        }
+        filtered.push(
+          React.cloneElement(child, {
+            key: index
+          })
+        );
+      } else {
+        filtered.push(child);
+      }
+    }
+  });
+  return filtered;
+}
+const AnimatePresence = ({
+  children,
+  enterVariant,
+  exitVariant,
+  initial = true,
+  onExitComplete,
+  exitBeforeEnter,
+  presenceAffectsLayout = true
+}) => {
+  let forceRender = useForceUpdate();
+  const isClientMounted = useDidFinishSSR();
+  const forceRenderLayoutGroup = useContext(LayoutGroupContext).forceRender;
+  if (forceRenderLayoutGroup)
+    forceRender = forceRenderLayoutGroup;
+  const isMounted = useRef(false);
+  const filteredChildren = onlyElements(children);
+  let childrenToRender = filteredChildren;
+  const exiting = /* @__PURE__ */ new Set();
+  const presentChildren = useRef(childrenToRender);
+  const allChildren = useRef(/* @__PURE__ */ new Map()).current;
+  const isInitialRender = useRef(true);
+  useEffect(() => {
+    isMounted.current = true;
+    return () => {
+      isMounted.current = false;
+      isInitialRender.current = true;
+      allChildren.clear();
+      exiting.clear();
+    };
+  }, []);
+  useIsomorphicLayoutEffect(() => {
+    isInitialRender.current = false;
+    updateChildLookup(filteredChildren, allChildren);
+    presentChildren.current = childrenToRender;
+  });
+  const hasWarned = process.env.NODE_ENV === "development" ? useRef(false) : null;
+  if (isInitialRender.current) {
+    return /* @__PURE__ */ jsx(Fragment, { children: childrenToRender.map((child) => /* @__PURE__ */ jsx(
+      PresenceChild,
+      {
+        isPresent: Boolean(isClientMounted ? true : isMounted.current),
+        exitVariant,
+        enterVariant,
+        initial: initial ? void 0 : false,
+        presenceAffectsLayout,
+        children: child
+      },
+      getChildKey(child)
+    )) });
+  }
+  childrenToRender = [...childrenToRender];
+  const presentKeys = presentChildren.current.map(getChildKey);
+  const targetKeys = filteredChildren.map(getChildKey);
+  const numPresent = presentKeys.length;
+  for (let i = 0; i < numPresent; i++) {
+    const key = presentKeys[i];
+    if (targetKeys.indexOf(key) === -1) {
+      exiting.add(key);
+    }
+  }
+  if (exitBeforeEnter && exiting.size) {
+    childrenToRender = [];
+  }
+  exiting.forEach((key) => {
+    if (targetKeys.indexOf(key) !== -1)
+      return;
+    const child = allChildren.get(key);
+    if (!child)
+      return;
+    const insertionIndex = presentKeys.indexOf(key);
+    childrenToRender.splice(
+      insertionIndex,
+      0,
+      /* @__PURE__ */ jsx(
+        PresenceChild,
+        {
+          isPresent: false,
+          onExitComplete: () => {
+            allChildren.delete(key);
+            exiting.delete(key);
+            const removeIndex = presentChildren.current.findIndex(
+              (presentChild) => presentChild.key === key
+            );
+            presentChildren.current.splice(removeIndex, 1);
+            if (!exiting.size) {
+              presentChildren.current = filteredChildren;
+              if (isMounted.current === false)
+                return;
+              forceRender();
+              onExitComplete == null ? void 0 : onExitComplete();
+            }
+          },
+          exitVariant,
+          enterVariant,
+          presenceAffectsLayout,
+          children: child
+        },
+        getChildKey(child)
+      )
+    );
+  });
+  childrenToRender = childrenToRender.map((child) => {
+    const key = child.key;
+    return exiting.has(key) ? child : /* @__PURE__ */ jsx(
+      PresenceChild,
+      {
+        isPresent: true,
+        exitVariant,
+        enterVariant,
+        presenceAffectsLayout,
+        children: child
+      },
+      getChildKey(child)
+    );
+  });
+  if (process.env.NODE_ENV === "development") {
+    const shouldWarn = exitBeforeEnter && childrenToRender.length > 1;
+    if (shouldWarn && hasWarned && !hasWarned.current) {
+      hasWarned.current = true;
+      console.log(
+        `You're attempting to animate multiple children within AnimatePresence, but its exitBeforeEnter prop is set to true. This can lead to odd visual behaviour.`
+      );
+    }
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: exiting.size ? childrenToRender : childrenToRender.map((child) => cloneElement(child)) });
+};
+AnimatePresence.displayName = "AnimatePresence";
+export {
+  AnimatePresence
+};
+//# sourceMappingURL=AnimatePresence.js.map

package/dist/esm/AnimatePresence.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/AnimatePresence.tsx"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/LayoutGroupContext.js

@@ -0,0 +1,6 @@
+import { createContext } from "react";
+const LayoutGroupContext = createContext({});
+export {
+  LayoutGroupContext
+};
+//# sourceMappingURL=LayoutGroupContext.js.map

package/dist/esm/LayoutGroupContext.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/LayoutGroupContext.tsx"],
+  "mappings": "AAAA,SAAS,qBAAqB;AAOvB,MAAM,qBAAqB,cAAuC,CAAC,CAAC;",
+  "names": []
+}

package/dist/esm/PresenceChild.js

@@ -0,0 +1,61 @@
+import { jsx } from "react/jsx-runtime";
+import { PresenceContext } from "@tamagui/use-presence";
+import * as React from "react";
+import { useId } from "react";
+const PresenceChild = ({
+  children,
+  initial,
+  isPresent,
+  onExitComplete,
+  exitVariant,
+  enterVariant,
+  presenceAffectsLayout
+}) => {
+  const presenceChildren = React.useMemo(newChildrenMap, []);
+  const id = useId() || "";
+  const context = React.useMemo(
+    () => {
+      return {
+        id,
+        initial,
+        isPresent,
+        exitVariant,
+        enterVariant,
+        onExitComplete: (id2) => {
+          presenceChildren.set(id2, true);
+          for (const isComplete of presenceChildren.values()) {
+            if (!isComplete) {
+              return;
+            }
+          }
+          onExitComplete == null ? void 0 : onExitComplete();
+        },
+        register: (id2) => {
+          presenceChildren.set(id2, false);
+          return () => presenceChildren.delete(id2);
+        }
+      };
+    },
+    /**
+     * If the presence of a child affects the layout of the components around it,
+     * we want to make a new context value to ensure they get re-rendered
+     * so they can detect that layout change.
+     */
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    presenceAffectsLayout ? void 0 : [isPresent, exitVariant, enterVariant]
+  );
+  React.useMemo(() => {
+    presenceChildren.forEach((_, key) => presenceChildren.set(key, false));
+  }, [isPresent]);
+  React.useEffect(() => {
+    !(isPresent || presenceChildren.size) && (onExitComplete == null ? void 0 : onExitComplete());
+  }, [isPresent]);
+  return /* @__PURE__ */ jsx(PresenceContext.Provider, { value: context, children });
+};
+function newChildrenMap() {
+  return /* @__PURE__ */ new Map();
+}
+export {
+  PresenceChild
+};
+//# sourceMappingURL=PresenceChild.js.map

package/dist/esm/PresenceChild.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/PresenceChild.tsx"],
+  "mappings": "AA4ES;AA5ET,SAAS,uBAAuB;AAEhC,YAAY,WAAW;AACvB,SAAS,aAAa;AAef,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AACxB,QAAM,mBAAmB,MAAM,QAAQ,gBAAgB,CAAC,CAAC;AACzD,QAAM,KAAK,MAAM,KAAK;AAEtB,QAAM,UAAU,MAAM;AAAA,IACpB,MAA4B;AAC1B,aAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,gBAAgB,CAACA,QAAe;AAC9B,2BAAiB,IAAIA,KAAI,IAAI;AAC7B,qBAAW,cAAc,iBAAiB,OAAO,GAAG;AAClD,gBAAI,CAAC,YAAY;AACf;AAAA,YACF;AAAA,UACF;AACA;AAAA,QACF;AAAA,QACA,UAAU,CAACA,QAAe;AACxB,2BAAiB,IAAIA,KAAI,KAAK;AAC9B,iBAAO,MAAM,iBAAiB,OAAOA,GAAE;AAAA,QACzC;AAAA,MACF;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,wBAAwB,SAAY,CAAC,WAAW,aAAa,YAAY;AAAA,EAC3E;AAEA,QAAM,QAAQ,MAAM;AAClB,qBAAiB,QAAQ,CAAC,GAAG,QAAQ,iBAAiB,IAAI,KAAK,KAAK,CAAC;AAAA,EAEvE,GAAG,CAAC,SAAS,CAAC;AAMd,QAAM,UAAU,MAAM;AACpB,MAAE,aAAa,iBAAiB,UAAS;AAAA,EAE3C,GAAG,CAAC,SAAS,CAAC;AAEd,SAAO,oBAAC,gBAAgB,UAAhB,EAAyB,OAAO,SAAU,UAAS;AAC7D;AAEA,SAAS,iBAAuC;AAC9C,SAAO,oBAAI,IAAI;AACjB;",
+  "names": ["id"]
+}

package/dist/esm/index.js

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

package/dist/esm/index.js.map

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

package/dist/esm/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/esm/types.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": [],
+  "mappings": "",
+  "names": []
+}

package/dist/jsx/Animate.js

@@ -0,0 +1,24 @@
+import {
+  AnimatePresence,
+  PresenceChild
+} from "@tamagui/animate-presence";
+function Animate({ children, type, ...props }) {
+  if (type === "presence") {
+    if (props.keepChildrenMounted) {
+      return <PresenceChild
+        initial={props.initial ? void 0 : false}
+        onExitComplete={props.onExitComplete}
+        enterVariant={props.enterVariant}
+        exitVariant={props.exitVariant}
+        presenceAffectsLayout={props.presenceAffectsLayout || true}
+        isPresent={props.present}
+      >{children}</PresenceChild>;
+    }
+    return <AnimatePresence {...props}>{props.present ? children : null}</AnimatePresence>;
+  }
+  return <>{children}</>;
+}
+export {
+  Animate
+};
+//# sourceMappingURL=Animate.js.map

package/dist/jsx/Animate.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Animate.tsx"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EAEA;AAAA,OACK;AAiCA,SAAS,QAAQ,EAAE,UAAU,MAAM,GAAG,MAAM,GAAiB;AAClE,MAAI,SAAS,YAAY;AACvB,QAAI,MAAM,qBAAqB;AAC7B,aACE,CAAC;AAAA,QACC,SAAS,MAAM,UAAU,SAAY;AAAA,QACrC,gBAAgB,MAAM;AAAA,QACtB,cAAc,MAAM;AAAA,QACpB,aAAa,MAAM;AAAA,QACnB,uBAAuB,MAAM,yBAAyB;AAAA,QACtD,WAAW,MAAM;AAAA,QAEhB,SACH,EATC;AAAA,IAWL;AAEA,WAAO,CAAC,oBAAoB,QAAQ,MAAM,UAAU,WAAW,KAAK,EAA5D;AAAA,EACV;AAEA,SAAO,GAAG,SAAS;AACrB;",
+  "names": []
+}

package/dist/jsx/Animate.mjs

@@ -0,0 +1,24 @@
+import {
+  AnimatePresence,
+  PresenceChild
+} from "@tamagui/animate-presence";
+function Animate({ children, type, ...props }) {
+  if (type === "presence") {
+    if (props.keepChildrenMounted) {
+      return <PresenceChild
+        initial={props.initial ? void 0 : false}
+        onExitComplete={props.onExitComplete}
+        enterVariant={props.enterVariant}
+        exitVariant={props.exitVariant}
+        presenceAffectsLayout={props.presenceAffectsLayout || true}
+        isPresent={props.present}
+      >{children}</PresenceChild>;
+    }
+    return <AnimatePresence {...props}>{props.present ? children : null}</AnimatePresence>;
+  }
+  return <>{children}</>;
+}
+export {
+  Animate
+};
+//# sourceMappingURL=Animate.mjs.map

package/dist/jsx/Animate.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Animate.tsx"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EAEA;AAAA,OACK;AAiCA,SAAS,QAAQ,EAAE,UAAU,MAAM,GAAG,MAAM,GAAiB;AAClE,MAAI,SAAS,YAAY;AACvB,QAAI,MAAM,qBAAqB;AAC7B,aACE,CAAC;AAAA,QACC,SAAS,MAAM,UAAU,SAAY;AAAA,QACrC,gBAAgB,MAAM;AAAA,QACtB,cAAc,MAAM;AAAA,QACpB,aAAa,MAAM;AAAA,QACnB,uBAAuB,MAAM,yBAAyB;AAAA,QACtD,WAAW,MAAM;AAAA,QAEhB,SACH,EATC;AAAA,IAWL;AAEA,WAAO,CAAC,oBAAoB,QAAQ,MAAM,UAAU,WAAW,KAAK,EAA5D;AAAA,EACV;AAEA,SAAO,GAAG,SAAS;AACrB;",
+  "names": []
+}

package/dist/jsx/index.js

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

package/dist/jsx/index.js.map

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

package/dist/jsx/index.mjs

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

package/dist/jsx/index.mjs.map

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

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@tamagui/animate",
+  "version": "1.43.0",
+  "source": "src/index.ts",
+  "sideEffects": false,
+  "license": "MIT",
+  "types": "./types/index.d.ts",
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "files": [
+    "src",
+    "types",
+    "dist"
+  ],
+  "dependencies": {
+    "@tamagui/animate-presence": "1.43.0"
+  },
+  "devDependencies": {
+    "@tamagui/build": "1.43.0"
+  },
+  "scripts": {
+    "build": "tamagui-build",
+    "watch": "tamagui-build --watch",
+    "clean": "tamagui-build clean",
+    "clean:build": "tamagui-build clean:build",
+    "lint": "../../node_modules/.bin/rome check src",
+    "lint:fix": "../../node_modules/.bin/rome check --apply src"
+  },
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./types/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/Animate.tsx

@@ -0,0 +1,59 @@
+import {
+  AnimatePresence,
+  AnimatePresenceProps,
+  PresenceChild,
+} from '@tamagui/animate-presence'
+
+type BaseProps = {
+  children: React.ReactNode
+}
+
+type PresenceProps = AnimatePresenceProps & {
+  type: 'presence'
+  present: boolean
+  keepChildrenMounted?: boolean
+}
+
+export type AnimateProps = BaseProps & PresenceProps
+
+/**
+ * Because mounting and unmounting children can be expensive, this gives us the
+ * option to avoid that.
+ *
+ * type: 'presence' will act just like AnimatePresence, except you use `present`
+ * instead of conditional children.
+ * Note that this does avoid reconciling the children even when present={false}
+ * so no extra cost to perf over AnimatePresence.
+ *
+ * type: 'presence' with keepChildrenMounted true *always* render the children so you pay
+ * the cost up-front to mount them, but then you avoid the mount cost at the start
+ * of the animation.
+ *
+ * There's no "right way" it just depends on the use case, this component just makes
+ * it easier to choose the strategy yourself.
+ *
+ *
+ */
+
+export function Animate({ children, type, ...props }: AnimateProps) {
+  if (type === 'presence') {
+    if (props.keepChildrenMounted) {
+      return (
+        <PresenceChild
+          initial={props.initial ? undefined : false}
+          onExitComplete={props.onExitComplete}
+          enterVariant={props.enterVariant}
+          exitVariant={props.exitVariant}
+          presenceAffectsLayout={props.presenceAffectsLayout || true}
+          isPresent={props.present}
+        >
+          {children as any}
+        </PresenceChild>
+      )
+    }
+
+    return <AnimatePresence {...props}>{props.present ? children : null}</AnimatePresence>
+  }
+
+  return <>{children}</>
+}

package/src/index.ts

@@ -0,0 +1 @@
+export * from './Animate'

package/types/Animate.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { AnimatePresenceProps } from '@tamagui/animate-presence';
+type BaseProps = {
+    children: React.ReactNode;
+};
+type PresenceProps = AnimatePresenceProps & {
+    type: 'presence';
+    present: boolean;
+    keepChildrenMounted?: boolean;
+};
+export type AnimateProps = BaseProps & PresenceProps;
+/**
+ * Because mounting and unmounting children can be expensive, this gives us the
+ * option to avoid that.
+ *
+ * type: 'presence' will act just like AnimatePresence, except you use `present`
+ * instead of conditional children.
+ * Note that this does avoid reconciling the children even when present={false}
+ * so no extra cost to perf over AnimatePresence.
+ *
+ * type: 'presence' with keepChildrenMounted true *always* render the children so you pay
+ * the cost up-front to mount them, but then you avoid the mount cost at the start
+ * of the animation.
+ *
+ * There's no "right way" it just depends on the use case, this component just makes
+ * it easier to choose the strategy yourself.
+ *
+ *
+ */
+export declare function Animate({ children, type, ...props }: AnimateProps): JSX.Element;
+export {};
+//# sourceMappingURL=Animate.d.ts.map

package/types/Animate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Animate.d.ts","sourceRoot":"","sources":["../src/Animate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,oBAAoB,EAErB,MAAM,2BAA2B,CAAA;AAElC,KAAK,SAAS,GAAG;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,KAAK,aAAa,GAAG,oBAAoB,GAAG;IAC1C,IAAI,EAAE,UAAU,CAAA;IAChB,OAAO,EAAE,OAAO,CAAA;IAChB,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,aAAa,CAAA;AAEpD;;;;;;;;;;;;;;;;;GAiBG;AAEH,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,eAqBjE"}

package/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Animate';
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}