@tamagui/animate-presence 1.0.0-beta.172

package/LICENSE.md

@@ -0,0 +1,9 @@
+The MIT License (MIT)
+
+Copyright (c) 2018 Framer B.V.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

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

package/dist/cjs/AnimatePresence.js

@@ -0,0 +1,149 @@
+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 __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+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(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_core = require("@tamagui/core");
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_LayoutGroupContext = require("./LayoutGroupContext");
+var import_PresenceChild = require("./PresenceChild");
+const getChildKey = /* @__PURE__ */ __name((child) => child.key || "", "getChildKey");
+const isDev = process.env.NODE_ENV !== "production";
+function updateChildLookup(children, allChildren) {
+  const seenChildren = isDev ? /* @__PURE__ */ new Set() : null;
+  for (const child of children) {
+    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);
+  }
+}
+__name(updateChildLookup, "updateChildLookup");
+function onlyElements(children) {
+  const filtered = [];
+  import_react.Children.forEach(children, (child) => {
+    if ((0, import_react.isValidElement)(child))
+      filtered.push(child);
+  });
+  return filtered;
+}
+__name(onlyElements, "onlyElements");
+const AnimatePresence = /* @__PURE__ */ __name(({
+  children,
+  custom,
+  initial = true,
+  onExitComplete,
+  exitBeforeEnter,
+  presenceAffectsLayout = true
+}) => {
+  let forceRender = (0, import_core.useForceUpdate)();
+  const forceRenderLayoutGroup = (0, import_react.useContext)(import_LayoutGroupContext.LayoutGroupContext).forceRender;
+  if (forceRenderLayoutGroup)
+    forceRender = forceRenderLayoutGroup;
+  const isMounted = (0, import_core.useIsMounted)();
+  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_core.useIsomorphicLayoutEffect)(() => {
+    isInitialRender.current = false;
+    updateChildLookup(filteredChildren, allChildren);
+    presentChildren.current = childrenToRender;
+  });
+  (0, import_core.useUnmountEffect)(() => {
+    isInitialRender.current = true;
+    allChildren.clear();
+    exiting.clear();
+  });
+  if (isInitialRender.current) {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, childrenToRender.map((child) => /* @__PURE__ */ React.createElement(import_PresenceChild.PresenceChild, {
+      key: getChildKey(child),
+      isPresent: true,
+      initial: initial ? void 0 : false,
+      presenceAffectsLayout
+    }, 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 = [];
+  }
+  for (const key of exiting) {
+    if (targetKeys.indexOf(key) !== -1) {
+      continue;
+    }
+    const child = allChildren.get(key);
+    if (!child) {
+      continue;
+    }
+    const insertionIndex = presentKeys.indexOf(key);
+    const onExit = /* @__PURE__ */ __name(() => {
+      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();
+      }
+    }, "onExit");
+    childrenToRender.splice(insertionIndex, 0, /* @__PURE__ */ React.createElement(import_PresenceChild.PresenceChild, {
+      key: getChildKey(child),
+      isPresent: false,
+      onExitComplete: onExit,
+      custom,
+      presenceAffectsLayout
+    }, child));
+  }
+  childrenToRender = childrenToRender.map((child) => {
+    const key = child.key;
+    return exiting.has(key) ? child : /* @__PURE__ */ React.createElement(import_PresenceChild.PresenceChild, {
+      key: getChildKey(child),
+      isPresent: true,
+      presenceAffectsLayout
+    }, child);
+  });
+  if (process.env.NODE_ENV !== "production" && exitBeforeEnter && childrenToRender.length > 1) {
+    console.warn(`You're attempting to animate multiple children within AnimatePresence, but its exitBeforeEnter prop is set to true. This will lead to odd visual behaviour.`);
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, exiting.size ? childrenToRender : childrenToRender.map((child) => (0, import_react.cloneElement)(child)));
+}, "AnimatePresence");
+//# sourceMappingURL=AnimatePresence.js.map

package/dist/cjs/AnimatePresence.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/AnimatePresence.tsx"],
+  "sourcesContent": ["import {\n  useForceUpdate,\n  useIsMounted,\n  useIsomorphicLayoutEffect,\n  useUnmountEffect,\n} from '@tamagui/core'\nimport * as React from 'react'\nimport {\n  Children,\n  ReactElement,\n  ReactNode,\n  cloneElement,\n  isValidElement,\n  useContext,\n  useRef,\n} from 'react'\n\nimport { LayoutGroupContext } from './LayoutGroupContext'\nimport { PresenceChild } from './PresenceChild'\n\nexport interface AnimatePresenceProps {\n  /**\n   * By passing `initial={false}`, `AnimatePresence` will disable any initial animations on children\n   * that are present when the component is first rendered.\n   */\n  initial?: boolean\n\n  /**\n   * When a component is removed, there's no longer a chance to update its props. So if a component's `exit`\n   * prop is defined as a dynamic variant and you want to pass a new `custom` prop, you can do so via `AnimatePresence`.\n   * This will ensure all leaving components animate using the latest data.\n   */\n  custom?: any\n\n  /**\n   * Fires when all exiting nodes have completed animating out.\n   */\n  onExitComplete?: () => void\n\n  /**\n   * If set to `true`, `AnimatePresence` will only render one component at a time. The exiting component\n   * will finish its exit animation before the entering component is rendered.\n   */\n  exitBeforeEnter?: boolean\n\n  /**\n   * Used in Framer to flag that sibling children *shouldn't* re-render as a result of a\n   * child being removed.\n   */\n  presenceAffectsLayout?: boolean\n}\n\ntype ComponentKey = string | number\n\nconst getChildKey = (child: ReactElement<any>): ComponentKey => child.key || ''\nconst isDev = process.env.NODE_ENV !== 'production'\n\nfunction updateChildLookup(\n  children: ReactElement<any>[],\n  allChildren: Map<ComponentKey, ReactElement<any>>\n) {\n  const seenChildren = isDev ? new Set<ComponentKey>() : null\n\n  for (const child of children) {\n    const key = getChildKey(child)\n    if (isDev && seenChildren && seenChildren.has(key)) {\n      console.warn(`Children of AnimatePresence require unique keys. \"${key}\" is a duplicate.`)\n      seenChildren.add(key)\n    }\n    allChildren.set(key, child)\n  }\n}\n\nfunction onlyElements(children: ReactNode): ReactElement<any>[] {\n  const filtered: ReactElement<any>[] = []\n\n  // We use forEach here instead of map as map mutates the component key by preprending `.$`\n  Children.forEach(children, (child) => {\n    if (isValidElement(child)) filtered.push(child)\n  })\n\n  return filtered\n}\n\n/**\n * `AnimatePresence` enables the animation of components that have been removed from the tree.\n *\n * When adding/removing more than a single child, every child **must** be given a unique `key` prop.\n *\n * Any animated components that have an `exit` property defined will animate out when removed from\n * the tree.\n *\n * ```jsx\n * import { motion, AnimatePresence } from 'framer-motion'\n *\n * export const Items = ({ items }) => (\n *   <AnimatePresence>\n *     {items.map(item => (\n *       <motion.div\n *         key={item.id}\n *         initial={{ opacity: 0 }}\n *         animate={{ opacity: 1 }}\n *         exit={{ opacity: 0 }}\n *       />\n *     ))}\n *   </AnimatePresence>\n * )\n * ```\n *\n * You can sequence exit animations throughout a tree using variants.\n *\n * If a child contains multiple animated components with `exit` props, it will only unmount the child\n * once all animated components have finished animating out. Likewise, any components using\n * `usePresence` all need to call `safeToRemove`.\n *\n * @public\n */\nexport const AnimatePresence: React.FunctionComponent<AnimatePresenceProps> = ({\n  children,\n  custom,\n  initial = true,\n  onExitComplete,\n  exitBeforeEnter,\n  presenceAffectsLayout = true,\n}) => {\n  // We want to force a re-render once all exiting animations have finished. We\n  // either use a local forceRender function, or one from a parent context if it exists.\n  let forceRender = useForceUpdate()\n  const forceRenderLayoutGroup = useContext(LayoutGroupContext).forceRender\n  if (forceRenderLayoutGroup) forceRender = forceRenderLayoutGroup\n\n  const isMounted = useIsMounted()\n\n  // Filter out any children that aren't ReactElements. We can only track ReactElements with a props.key\n  const filteredChildren = onlyElements(children)\n  let childrenToRender = filteredChildren\n\n  const exiting = new Set<ComponentKey>()\n\n  // Keep a living record of the children we're actually rendering so we\n  // can diff to figure out which are entering and exiting\n  const presentChildren = useRef(childrenToRender)\n\n  // A lookup table to quickly reference components by key\n  const allChildren = useRef(new Map<ComponentKey, ReactElement<any>>()).current\n\n  // If this is the initial component render, just deal with logic surrounding whether\n  // we play onMount animations or not.\n  const isInitialRender = useRef(true)\n\n  useIsomorphicLayoutEffect(() => {\n    isInitialRender.current = false\n    updateChildLookup(filteredChildren, allChildren)\n    presentChildren.current = childrenToRender\n  })\n\n  useUnmountEffect(() => {\n    isInitialRender.current = true\n    allChildren.clear()\n    exiting.clear()\n  })\n\n  if (isInitialRender.current) {\n    return (\n      <>\n        {childrenToRender.map((child) => (\n          <PresenceChild\n            key={getChildKey(child)}\n            isPresent\n            initial={initial ? undefined : false}\n            presenceAffectsLayout={presenceAffectsLayout}\n          >\n            {child}\n          </PresenceChild>\n        ))}\n      </>\n    )\n  }\n\n  // If this is a subsequent render, deal with entering and exiting children\n  childrenToRender = [...childrenToRender]\n\n  // Diff the keys of the currently-present and target children to update our\n  // exiting list.\n  const presentKeys = presentChildren.current.map(getChildKey)\n  const targetKeys = filteredChildren.map(getChildKey)\n\n  // Diff the present children with our target children and mark those that are exiting\n  const numPresent = presentKeys.length\n  for (let i = 0; i < numPresent; i++) {\n    const key = presentKeys[i]\n    if (targetKeys.indexOf(key) === -1) {\n      exiting.add(key)\n    }\n  }\n\n  // If we currently have exiting children, and we're deferring rendering incoming children\n  // until after all current children have exiting, empty the childrenToRender array\n  if (exitBeforeEnter && exiting.size) {\n    childrenToRender = []\n  }\n\n  // Loop through all currently exiting components and clone them to overwrite `animate`\n  // with any `exit` prop they might have defined.\n  for (const key of exiting) {\n    // If this component is actually entering again, early return\n    if (targetKeys.indexOf(key) !== -1) {\n      continue\n    }\n\n    const child = allChildren.get(key)\n    if (!child) {\n      continue\n    }\n\n    const insertionIndex = presentKeys.indexOf(key)\n\n    const onExit = () => {\n      allChildren.delete(key)\n      exiting.delete(key)\n\n      // Remove this child from the present children\n      const removeIndex = presentChildren.current.findIndex(\n        (presentChild) => presentChild.key === key\n      )\n      presentChildren.current.splice(removeIndex, 1)\n\n      // Defer re-rendering until all exiting children have indeed left\n      if (!exiting.size) {\n        presentChildren.current = filteredChildren\n        if (isMounted.current === false) {\n          return\n        }\n        forceRender()\n        onExitComplete?.()\n      }\n    }\n\n    childrenToRender.splice(\n      insertionIndex,\n      0,\n      <PresenceChild\n        key={getChildKey(child)}\n        isPresent={false}\n        onExitComplete={onExit}\n        custom={custom}\n        presenceAffectsLayout={presenceAffectsLayout}\n      >\n        {child}\n      </PresenceChild>\n    )\n  }\n\n  // Add `MotionContext` even to children that don't need it to ensure we're rendering\n  // the same tree between renders\n  childrenToRender = childrenToRender.map((child) => {\n    const key = child.key as string | number\n    return exiting.has(key) ? (\n      child\n    ) : (\n      <PresenceChild\n        key={getChildKey(child)}\n        isPresent\n        presenceAffectsLayout={presenceAffectsLayout}\n      >\n        {child}\n      </PresenceChild>\n    )\n  })\n\n  if (process.env.NODE_ENV !== 'production' && exitBeforeEnter && childrenToRender.length > 1) {\n    console.warn(\n      `You're attempting to animate multiple children within AnimatePresence, but its exitBeforeEnter prop is set to true. This will lead to odd visual behaviour.`\n    )\n  }\n\n  return (\n    <>{exiting.size ? childrenToRender : childrenToRender.map((child) => cloneElement(child))}</>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/AnimatePresenceContext.js

@@ -0,0 +1,25 @@
+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 AnimatePresenceContext_exports = {};
+__export(AnimatePresenceContext_exports, {
+  AnimatePresenceContext: () => AnimatePresenceContext
+});
+module.exports = __toCommonJS(AnimatePresenceContext_exports);
+var import_react = require("react");
+const AnimatePresenceContext = (0, import_react.createContext)(null);
+//# sourceMappingURL=AnimatePresenceContext.js.map

package/dist/cjs/AnimatePresenceContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/AnimatePresenceContext.tsx"],
+  "sourcesContent": ["import { createContext } from 'react'\n\nimport { VariantLabels } from './types'\n\nexport interface AnimatePresenceContextProps {\n  id: string\n  isPresent: boolean\n  register: (id: string) => () => void\n  onExitComplete?: (id: string) => void\n  initial?: false | VariantLabels\n  custom?: any\n}\n\nexport const AnimatePresenceContext = createContext<AnimatePresenceContextProps | null>(null)\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8B;AAavB,MAAM,yBAAyB,gCAAkD,IAAI;",
+  "names": []
+}

package/dist/cjs/LayoutGroupContext.js

@@ -0,0 +1,25 @@
+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)({});
+//# sourceMappingURL=LayoutGroupContext.js.map

package/dist/cjs/LayoutGroupContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/LayoutGroupContext.tsx"],
+  "sourcesContent": ["import { createContext } from 'react'\n\nexport interface LayoutGroupContextProps {\n  id?: string\n  forceRender?: VoidFunction\n}\n\nexport const LayoutGroupContext = createContext<LayoutGroupContextProps>({})\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8B;AAOvB,MAAM,qBAAqB,gCAAuC,CAAC,CAAC;",
+  "names": []
+}

package/dist/cjs/PresenceChild.js

@@ -0,0 +1,77 @@
+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 __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+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(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_utils = require("@react-aria/utils");
+var import_core = require("@tamagui/core");
+var React = __toESM(require("react"));
+var import_AnimatePresenceContext = require("./AnimatePresenceContext");
+const PresenceChild = /* @__PURE__ */ __name(({
+  children,
+  initial,
+  isPresent,
+  onExitComplete,
+  custom,
+  presenceAffectsLayout
+}) => {
+  const presenceChildren = (0, import_core.useConstant)(newChildrenMap);
+  const id = (0, import_utils.useId)();
+  const context = React.useMemo(() => ({
+    id,
+    initial,
+    isPresent,
+    custom,
+    onExitComplete: (childId) => {
+      presenceChildren.set(childId, true);
+      for (const isComplete of presenceChildren.values()) {
+        if (!isComplete) {
+          return;
+        }
+      }
+      onExitComplete == null ? void 0 : onExitComplete();
+    },
+    register: (childId) => {
+      presenceChildren.set(childId, false);
+      return () => presenceChildren.delete(childId);
+    }
+  }), presenceAffectsLayout ? void 0 : [isPresent]);
+  React.useMemo(() => {
+    presenceChildren.forEach((_, key) => presenceChildren.set(key, false));
+  }, [isPresent]);
+  React.useEffect(() => {
+    if (!isPresent && !presenceChildren.size) {
+      console.log("on exit complete");
+      onExitComplete == null ? void 0 : onExitComplete();
+    }
+  }, [isPresent]);
+  return /* @__PURE__ */ React.createElement(import_AnimatePresenceContext.AnimatePresenceContext.Provider, {
+    value: context
+  }, children);
+}, "PresenceChild");
+function newChildrenMap() {
+  return /* @__PURE__ */ new Map();
+}
+__name(newChildrenMap, "newChildrenMap");
+//# sourceMappingURL=PresenceChild.js.map

package/dist/cjs/PresenceChild.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/PresenceChild.tsx"],
+  "sourcesContent": ["import { useId } from '@react-aria/utils'\nimport { useConstant } from '@tamagui/core'\nimport * as React from 'react'\n\nimport { AnimatePresenceContext, AnimatePresenceContextProps } from './AnimatePresenceContext'\nimport { VariantLabels } from './types'\n\ninterface PresenceChildProps {\n  children: React.ReactElement<any>\n  isPresent: boolean\n  onExitComplete?: () => void\n  initial?: false | VariantLabels\n  custom?: any\n  presenceAffectsLayout: boolean\n}\n\nexport const PresenceChild = ({\n  children,\n  initial,\n  isPresent,\n  onExitComplete,\n  custom,\n  presenceAffectsLayout,\n}: PresenceChildProps) => {\n  const presenceChildren = useConstant(newChildrenMap)\n  const id = useId()\n\n  const context = React.useMemo(\n    (): AnimatePresenceContextProps => ({\n      id,\n      initial,\n      isPresent,\n      custom,\n      onExitComplete: (childId: string) => {\n        presenceChildren.set(childId, true)\n        for (const isComplete of presenceChildren.values()) {\n          if (!isComplete) {\n            return // can stop searching when any is incomplete\n          }\n        }\n        onExitComplete?.()\n      },\n      register: (childId: string) => {\n        presenceChildren.set(childId, false)\n        return () => presenceChildren.delete(childId)\n      },\n    }),\n    /**\n     * If the presence of a child affects the layout of the components around it,\n     * we want to make a new context value to ensure they get re-rendered\n     * so they can detect that layout change.\n     */\n    presenceAffectsLayout ? undefined : [isPresent]\n  )\n\n  // cant this be a useEffect?\n  React.useMemo(() => {\n    presenceChildren.forEach((_, key) => presenceChildren.set(key, false))\n  }, [isPresent])\n\n  /**\n   * If there's no animated components to fire exit animations, we want to remove this\n   * component immediately.\n   */\n  React.useEffect(() => {\n    if (!isPresent && !presenceChildren.size) {\n      console.log('on exit complete')\n      onExitComplete?.()\n    }\n  }, [isPresent])\n\n  return (\n    <AnimatePresenceContext.Provider value={context}>{children}</AnimatePresenceContext.Provider>\n  )\n}\n\nfunction newChildrenMap(): Map<string, boolean> {\n  return new Map()\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsB;AACtB,kBAA4B;AAC5B,YAAuB;AAEvB,oCAAoE;AAY7D,MAAM,gBAAgB,wBAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACwB;AACxB,QAAM,mBAAmB,6BAAY,cAAc;AACnD,QAAM,KAAK,wBAAM;AAEjB,QAAM,UAAU,MAAM,QACpB,MAAoC;AAAA,IAClC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB,CAAC,YAAoB;AACnC,uBAAiB,IAAI,SAAS,IAAI;AAClC,iBAAW,cAAc,iBAAiB,OAAO,GAAG;AAClD,YAAI,CAAC,YAAY;AACf;AAAA,QACF;AAAA,MACF;AACA;AAAA,IACF;AAAA,IACA,UAAU,CAAC,YAAoB;AAC7B,uBAAiB,IAAI,SAAS,KAAK;AACnC,aAAO,MAAM,iBAAiB,OAAO,OAAO;AAAA,IAC9C;AAAA,EACF,IAMA,wBAAwB,SAAY,CAAC,SAAS,CAChD;AAGA,QAAM,QAAQ,MAAM;AAClB,qBAAiB,QAAQ,CAAC,GAAG,QAAQ,iBAAiB,IAAI,KAAK,KAAK,CAAC;AAAA,EACvE,GAAG,CAAC,SAAS,CAAC;AAMd,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,aAAa,CAAC,iBAAiB,MAAM;AACxC,cAAQ,IAAI,kBAAkB;AAC9B;AAAA,IACF;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAEd,SACE,oCAAC,qDAAuB,UAAvB;AAAA,IAAgC,OAAO;AAAA,KAAU,QAAS;AAE/D,GA1D6B;AA4D7B,0BAAgD;AAC9C,SAAO,oBAAI,IAAI;AACjB;AAFS;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,27 @@
+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 __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 = {};
+__export(src_exports, {
+  AnimatePresenceContext: () => import_AnimatePresenceContext.AnimatePresenceContext
+});
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./AnimatePresence"), module.exports);
+__reExport(src_exports, require("./usePresence"), module.exports);
+var import_AnimatePresenceContext = require("./AnimatePresenceContext");
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["export * from './AnimatePresence'\nexport * from './usePresence'\nexport { AnimatePresenceContext } from './AnimatePresenceContext'\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAc,8BAAd;AACA,wBAAc,0BADd;AAEA,oCAAuC;",
+  "names": []
+}

package/dist/cjs/types.js

@@ -0,0 +1,16 @@
+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,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/types.ts"],
+  "sourcesContent": ["export interface Axis {\n  min: number\n  max: number\n}\n\nexport interface Box {\n  x: Axis\n  y: Axis\n}\n\nexport type VariantLabels = string | string[]\n"],
+  "mappings": ";;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/usePresence.js

@@ -0,0 +1,51 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+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 usePresence_exports = {};
+__export(usePresence_exports, {
+  isPresent: () => isPresent,
+  useIsPresent: () => useIsPresent,
+  usePresence: () => usePresence
+});
+module.exports = __toCommonJS(usePresence_exports);
+var import_utils = require("@react-aria/utils");
+var import_react = require("react");
+var import_AnimatePresenceContext = require("./AnimatePresenceContext");
+function usePresence() {
+  const context = (0, import_react.useContext)(import_AnimatePresenceContext.AnimatePresenceContext);
+  if (context === null) {
+    return [true, null];
+  }
+  const { isPresent: isPresent2, onExitComplete, register } = context;
+  const id = (0, import_utils.useId)();
+  (0, import_react.useEffect)(() => {
+    register(id);
+  }, []);
+  const safeToRemove = /* @__PURE__ */ __name(() => onExitComplete == null ? void 0 : onExitComplete(id), "safeToRemove");
+  return !isPresent2 ? [false, safeToRemove] : [true];
+}
+__name(usePresence, "usePresence");
+function useIsPresent() {
+  return isPresent((0, import_react.useContext)(import_AnimatePresenceContext.AnimatePresenceContext));
+}
+__name(useIsPresent, "useIsPresent");
+function isPresent(context) {
+  return context === null ? true : context.isPresent;
+}
+__name(isPresent, "isPresent");
+//# sourceMappingURL=usePresence.js.map

package/dist/cjs/usePresence.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/usePresence.ts"],
+  "sourcesContent": ["import { useId } from '@react-aria/utils'\nimport { useContext, useEffect } from 'react'\n\nimport { AnimatePresenceContext, AnimatePresenceContextProps } from './AnimatePresenceContext'\n\nexport type SafeToRemove = () => void\n\ntype AlwaysPresent = [true, null]\ntype Present = [true]\ntype NotPresent = [false, SafeToRemove]\n\nexport function usePresence(): AlwaysPresent | Present | NotPresent {\n  const context = useContext(AnimatePresenceContext)\n\n  if (context === null) {\n    return [true, null]\n  }\n\n  const { isPresent, onExitComplete, register } = context\n\n  // It's safe to call the following hooks conditionally (after an early return) because the context will always\n  // either be null or non-null for the lifespan of the component.\n\n  // Replace with useId when released in React\n  const id = useId()\n\n  useEffect(() => {\n    register(id)\n  }, [])\n\n  const safeToRemove = () => onExitComplete?.(id)\n\n  return !isPresent ? [false, safeToRemove] : [true]\n}\n\n/**\n * Similar to `usePresence`, except `useIsPresent` simply returns whether or not the component is present.\n * There is no `safeToRemove` function. ```\n */\nexport function useIsPresent() {\n  return isPresent(useContext(AnimatePresenceContext))\n}\n\nexport function isPresent(context: AnimatePresenceContextProps | null) {\n  return context === null ? true : context.isPresent\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsB;AACtB,mBAAsC;AAEtC,oCAAoE;AAQ7D,uBAA6D;AAClE,QAAM,UAAU,6BAAW,oDAAsB;AAEjD,MAAI,YAAY,MAAM;AACpB,WAAO,CAAC,MAAM,IAAI;AAAA,EACpB;AAEA,QAAM,EAAE,uBAAW,gBAAgB,aAAa;AAMhD,QAAM,KAAK,wBAAM;AAEjB,8BAAU,MAAM;AACd,aAAS,EAAE;AAAA,EACb,GAAG,CAAC,CAAC;AAEL,QAAM,eAAe,6BAAM,iDAAiB,KAAvB;AAErB,SAAO,CAAC,aAAY,CAAC,OAAO,YAAY,IAAI,CAAC,IAAI;AACnD;AAtBgB;AA4BT,wBAAwB;AAC7B,SAAO,UAAU,6BAAW,oDAAsB,CAAC;AACrD;AAFgB;AAIT,mBAAmB,SAA6C;AACrE,SAAO,YAAY,OAAO,OAAO,QAAQ;AAC3C;AAFgB;",
+  "names": []
+}

package/dist/esm/AnimatePresence.js

@@ -0,0 +1,139 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import {
+  useForceUpdate,
+  useIsMounted,
+  useIsomorphicLayoutEffect,
+  useUnmountEffect
+} from "@tamagui/core";
+import * as React from "react";
+import {
+  Children,
+  cloneElement,
+  isValidElement,
+  useContext,
+  useRef
+} from "react";
+import { LayoutGroupContext } from "./LayoutGroupContext";
+import { PresenceChild } from "./PresenceChild";
+const getChildKey = /* @__PURE__ */ __name((child) => child.key || "", "getChildKey");
+const isDev = process.env.NODE_ENV !== "production";
+function updateChildLookup(children, allChildren) {
+  const seenChildren = isDev ? /* @__PURE__ */ new Set() : null;
+  for (const child of children) {
+    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);
+  }
+}
+__name(updateChildLookup, "updateChildLookup");
+function onlyElements(children) {
+  const filtered = [];
+  Children.forEach(children, (child) => {
+    if (isValidElement(child))
+      filtered.push(child);
+  });
+  return filtered;
+}
+__name(onlyElements, "onlyElements");
+const AnimatePresence = /* @__PURE__ */ __name(({
+  children,
+  custom,
+  initial = true,
+  onExitComplete,
+  exitBeforeEnter,
+  presenceAffectsLayout = true
+}) => {
+  let forceRender = useForceUpdate();
+  const forceRenderLayoutGroup = useContext(LayoutGroupContext).forceRender;
+  if (forceRenderLayoutGroup)
+    forceRender = forceRenderLayoutGroup;
+  const isMounted = useIsMounted();
+  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);
+  useIsomorphicLayoutEffect(() => {
+    isInitialRender.current = false;
+    updateChildLookup(filteredChildren, allChildren);
+    presentChildren.current = childrenToRender;
+  });
+  useUnmountEffect(() => {
+    isInitialRender.current = true;
+    allChildren.clear();
+    exiting.clear();
+  });
+  if (isInitialRender.current) {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, childrenToRender.map((child) => /* @__PURE__ */ React.createElement(PresenceChild, {
+      key: getChildKey(child),
+      isPresent: true,
+      initial: initial ? void 0 : false,
+      presenceAffectsLayout
+    }, 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 = [];
+  }
+  for (const key of exiting) {
+    if (targetKeys.indexOf(key) !== -1) {
+      continue;
+    }
+    const child = allChildren.get(key);
+    if (!child) {
+      continue;
+    }
+    const insertionIndex = presentKeys.indexOf(key);
+    const onExit = /* @__PURE__ */ __name(() => {
+      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();
+      }
+    }, "onExit");
+    childrenToRender.splice(insertionIndex, 0, /* @__PURE__ */ React.createElement(PresenceChild, {
+      key: getChildKey(child),
+      isPresent: false,
+      onExitComplete: onExit,
+      custom,
+      presenceAffectsLayout
+    }, child));
+  }
+  childrenToRender = childrenToRender.map((child) => {
+    const key = child.key;
+    return exiting.has(key) ? child : /* @__PURE__ */ React.createElement(PresenceChild, {
+      key: getChildKey(child),
+      isPresent: true,
+      presenceAffectsLayout
+    }, child);
+  });
+  if (process.env.NODE_ENV !== "production" && exitBeforeEnter && childrenToRender.length > 1) {
+    console.warn(`You're attempting to animate multiple children within AnimatePresence, but its exitBeforeEnter prop is set to true. This will lead to odd visual behaviour.`);
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, exiting.size ? childrenToRender : childrenToRender.map((child) => cloneElement(child)));
+}, "AnimatePresence");
+export {
+  AnimatePresence
+};
+//# sourceMappingURL=AnimatePresence.js.map

package/dist/esm/AnimatePresence.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/AnimatePresence.tsx"],
+  "sourcesContent": ["import {\n  useForceUpdate,\n  useIsMounted,\n  useIsomorphicLayoutEffect,\n  useUnmountEffect,\n} from '@tamagui/core'\nimport * as React from 'react'\nimport {\n  Children,\n  ReactElement,\n  ReactNode,\n  cloneElement,\n  isValidElement,\n  useContext,\n  useRef,\n} from 'react'\n\nimport { LayoutGroupContext } from './LayoutGroupContext'\nimport { PresenceChild } from './PresenceChild'\n\nexport interface AnimatePresenceProps {\n  /**\n   * By passing `initial={false}`, `AnimatePresence` will disable any initial animations on children\n   * that are present when the component is first rendered.\n   */\n  initial?: boolean\n\n  /**\n   * When a component is removed, there's no longer a chance to update its props. So if a component's `exit`\n   * prop is defined as a dynamic variant and you want to pass a new `custom` prop, you can do so via `AnimatePresence`.\n   * This will ensure all leaving components animate using the latest data.\n   */\n  custom?: any\n\n  /**\n   * Fires when all exiting nodes have completed animating out.\n   */\n  onExitComplete?: () => void\n\n  /**\n   * If set to `true`, `AnimatePresence` will only render one component at a time. The exiting component\n   * will finish its exit animation before the entering component is rendered.\n   */\n  exitBeforeEnter?: boolean\n\n  /**\n   * Used in Framer to flag that sibling children *shouldn't* re-render as a result of a\n   * child being removed.\n   */\n  presenceAffectsLayout?: boolean\n}\n\ntype ComponentKey = string | number\n\nconst getChildKey = (child: ReactElement<any>): ComponentKey => child.key || ''\nconst isDev = process.env.NODE_ENV !== 'production'\n\nfunction updateChildLookup(\n  children: ReactElement<any>[],\n  allChildren: Map<ComponentKey, ReactElement<any>>\n) {\n  const seenChildren = isDev ? new Set<ComponentKey>() : null\n\n  for (const child of children) {\n    const key = getChildKey(child)\n    if (isDev && seenChildren && seenChildren.has(key)) {\n      console.warn(`Children of AnimatePresence require unique keys. \"${key}\" is a duplicate.`)\n      seenChildren.add(key)\n    }\n    allChildren.set(key, child)\n  }\n}\n\nfunction onlyElements(children: ReactNode): ReactElement<any>[] {\n  const filtered: ReactElement<any>[] = []\n\n  // We use forEach here instead of map as map mutates the component key by preprending `.$`\n  Children.forEach(children, (child) => {\n    if (isValidElement(child)) filtered.push(child)\n  })\n\n  return filtered\n}\n\n/**\n * `AnimatePresence` enables the animation of components that have been removed from the tree.\n *\n * When adding/removing more than a single child, every child **must** be given a unique `key` prop.\n *\n * Any animated components that have an `exit` property defined will animate out when removed from\n * the tree.\n *\n * ```jsx\n * import { motion, AnimatePresence } from 'framer-motion'\n *\n * export const Items = ({ items }) => (\n *   <AnimatePresence>\n *     {items.map(item => (\n *       <motion.div\n *         key={item.id}\n *         initial={{ opacity: 0 }}\n *         animate={{ opacity: 1 }}\n *         exit={{ opacity: 0 }}\n *       />\n *     ))}\n *   </AnimatePresence>\n * )\n * ```\n *\n * You can sequence exit animations throughout a tree using variants.\n *\n * If a child contains multiple animated components with `exit` props, it will only unmount the child\n * once all animated components have finished animating out. Likewise, any components using\n * `usePresence` all need to call `safeToRemove`.\n *\n * @public\n */\nexport const AnimatePresence: React.FunctionComponent<AnimatePresenceProps> = ({\n  children,\n  custom,\n  initial = true,\n  onExitComplete,\n  exitBeforeEnter,\n  presenceAffectsLayout = true,\n}) => {\n  // We want to force a re-render once all exiting animations have finished. We\n  // either use a local forceRender function, or one from a parent context if it exists.\n  let forceRender = useForceUpdate()\n  const forceRenderLayoutGroup = useContext(LayoutGroupContext).forceRender\n  if (forceRenderLayoutGroup) forceRender = forceRenderLayoutGroup\n\n  const isMounted = useIsMounted()\n\n  // Filter out any children that aren't ReactElements. We can only track ReactElements with a props.key\n  const filteredChildren = onlyElements(children)\n  let childrenToRender = filteredChildren\n\n  const exiting = new Set<ComponentKey>()\n\n  // Keep a living record of the children we're actually rendering so we\n  // can diff to figure out which are entering and exiting\n  const presentChildren = useRef(childrenToRender)\n\n  // A lookup table to quickly reference components by key\n  const allChildren = useRef(new Map<ComponentKey, ReactElement<any>>()).current\n\n  // If this is the initial component render, just deal with logic surrounding whether\n  // we play onMount animations or not.\n  const isInitialRender = useRef(true)\n\n  useIsomorphicLayoutEffect(() => {\n    isInitialRender.current = false\n    updateChildLookup(filteredChildren, allChildren)\n    presentChildren.current = childrenToRender\n  })\n\n  useUnmountEffect(() => {\n    isInitialRender.current = true\n    allChildren.clear()\n    exiting.clear()\n  })\n\n  if (isInitialRender.current) {\n    return (\n      <>\n        {childrenToRender.map((child) => (\n          <PresenceChild\n            key={getChildKey(child)}\n            isPresent\n            initial={initial ? undefined : false}\n            presenceAffectsLayout={presenceAffectsLayout}\n          >\n            {child}\n          </PresenceChild>\n        ))}\n      </>\n    )\n  }\n\n  // If this is a subsequent render, deal with entering and exiting children\n  childrenToRender = [...childrenToRender]\n\n  // Diff the keys of the currently-present and target children to update our\n  // exiting list.\n  const presentKeys = presentChildren.current.map(getChildKey)\n  const targetKeys = filteredChildren.map(getChildKey)\n\n  // Diff the present children with our target children and mark those that are exiting\n  const numPresent = presentKeys.length\n  for (let i = 0; i < numPresent; i++) {\n    const key = presentKeys[i]\n    if (targetKeys.indexOf(key) === -1) {\n      exiting.add(key)\n    }\n  }\n\n  // If we currently have exiting children, and we're deferring rendering incoming children\n  // until after all current children have exiting, empty the childrenToRender array\n  if (exitBeforeEnter && exiting.size) {\n    childrenToRender = []\n  }\n\n  // Loop through all currently exiting components and clone them to overwrite `animate`\n  // with any `exit` prop they might have defined.\n  for (const key of exiting) {\n    // If this component is actually entering again, early return\n    if (targetKeys.indexOf(key) !== -1) {\n      continue\n    }\n\n    const child = allChildren.get(key)\n    if (!child) {\n      continue\n    }\n\n    const insertionIndex = presentKeys.indexOf(key)\n\n    const onExit = () => {\n      allChildren.delete(key)\n      exiting.delete(key)\n\n      // Remove this child from the present children\n      const removeIndex = presentChildren.current.findIndex(\n        (presentChild) => presentChild.key === key\n      )\n      presentChildren.current.splice(removeIndex, 1)\n\n      // Defer re-rendering until all exiting children have indeed left\n      if (!exiting.size) {\n        presentChildren.current = filteredChildren\n        if (isMounted.current === false) {\n          return\n        }\n        forceRender()\n        onExitComplete?.()\n      }\n    }\n\n    childrenToRender.splice(\n      insertionIndex,\n      0,\n      <PresenceChild\n        key={getChildKey(child)}\n        isPresent={false}\n        onExitComplete={onExit}\n        custom={custom}\n        presenceAffectsLayout={presenceAffectsLayout}\n      >\n        {child}\n      </PresenceChild>\n    )\n  }\n\n  // Add `MotionContext` even to children that don't need it to ensure we're rendering\n  // the same tree between renders\n  childrenToRender = childrenToRender.map((child) => {\n    const key = child.key as string | number\n    return exiting.has(key) ? (\n      child\n    ) : (\n      <PresenceChild\n        key={getChildKey(child)}\n        isPresent\n        presenceAffectsLayout={presenceAffectsLayout}\n      >\n        {child}\n      </PresenceChild>\n    )\n  })\n\n  if (process.env.NODE_ENV !== 'production' && exitBeforeEnter && childrenToRender.length > 1) {\n    console.warn(\n      `You're attempting to animate multiple children within AnimatePresence, but its exitBeforeEnter prop is set to true. This will lead to odd visual behaviour.`\n    )\n  }\n\n  return (\n    <>{exiting.size ? childrenToRender : childrenToRender.map((child) => cloneElement(child))}</>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/AnimatePresenceContext.js

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

package/dist/esm/AnimatePresenceContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/AnimatePresenceContext.tsx"],
+  "sourcesContent": ["import { createContext } from 'react'\n\nimport { VariantLabels } from './types'\n\nexport interface AnimatePresenceContextProps {\n  id: string\n  isPresent: boolean\n  register: (id: string) => () => void\n  onExitComplete?: (id: string) => void\n  initial?: false | VariantLabels\n  custom?: any\n}\n\nexport const AnimatePresenceContext = createContext<AnimatePresenceContextProps | null>(null)\n"],
+  "mappings": "AAAA;AAaO,MAAM,yBAAyB,cAAkD,IAAI;",
+  "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,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/LayoutGroupContext.tsx"],
+  "sourcesContent": ["import { createContext } from 'react'\n\nexport interface LayoutGroupContextProps {\n  id?: string\n  forceRender?: VoidFunction\n}\n\nexport const LayoutGroupContext = createContext<LayoutGroupContextProps>({})\n"],
+  "mappings": "AAAA;AAOO,MAAM,qBAAqB,cAAuC,CAAC,CAAC;",
+  "names": []
+}

package/dist/esm/PresenceChild.js

@@ -0,0 +1,56 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { useId } from "@react-aria/utils";
+import { useConstant } from "@tamagui/core";
+import * as React from "react";
+import { AnimatePresenceContext } from "./AnimatePresenceContext";
+const PresenceChild = /* @__PURE__ */ __name(({
+  children,
+  initial,
+  isPresent,
+  onExitComplete,
+  custom,
+  presenceAffectsLayout
+}) => {
+  const presenceChildren = useConstant(newChildrenMap);
+  const id = useId();
+  const context = React.useMemo(() => ({
+    id,
+    initial,
+    isPresent,
+    custom,
+    onExitComplete: (childId) => {
+      presenceChildren.set(childId, true);
+      for (const isComplete of presenceChildren.values()) {
+        if (!isComplete) {
+          return;
+        }
+      }
+      onExitComplete == null ? void 0 : onExitComplete();
+    },
+    register: (childId) => {
+      presenceChildren.set(childId, false);
+      return () => presenceChildren.delete(childId);
+    }
+  }), presenceAffectsLayout ? void 0 : [isPresent]);
+  React.useMemo(() => {
+    presenceChildren.forEach((_, key) => presenceChildren.set(key, false));
+  }, [isPresent]);
+  React.useEffect(() => {
+    if (!isPresent && !presenceChildren.size) {
+      console.log("on exit complete");
+      onExitComplete == null ? void 0 : onExitComplete();
+    }
+  }, [isPresent]);
+  return /* @__PURE__ */ React.createElement(AnimatePresenceContext.Provider, {
+    value: context
+  }, children);
+}, "PresenceChild");
+function newChildrenMap() {
+  return /* @__PURE__ */ new Map();
+}
+__name(newChildrenMap, "newChildrenMap");
+export {
+  PresenceChild
+};
+//# sourceMappingURL=PresenceChild.js.map

package/dist/esm/PresenceChild.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/PresenceChild.tsx"],
+  "sourcesContent": ["import { useId } from '@react-aria/utils'\nimport { useConstant } from '@tamagui/core'\nimport * as React from 'react'\n\nimport { AnimatePresenceContext, AnimatePresenceContextProps } from './AnimatePresenceContext'\nimport { VariantLabels } from './types'\n\ninterface PresenceChildProps {\n  children: React.ReactElement<any>\n  isPresent: boolean\n  onExitComplete?: () => void\n  initial?: false | VariantLabels\n  custom?: any\n  presenceAffectsLayout: boolean\n}\n\nexport const PresenceChild = ({\n  children,\n  initial,\n  isPresent,\n  onExitComplete,\n  custom,\n  presenceAffectsLayout,\n}: PresenceChildProps) => {\n  const presenceChildren = useConstant(newChildrenMap)\n  const id = useId()\n\n  const context = React.useMemo(\n    (): AnimatePresenceContextProps => ({\n      id,\n      initial,\n      isPresent,\n      custom,\n      onExitComplete: (childId: string) => {\n        presenceChildren.set(childId, true)\n        for (const isComplete of presenceChildren.values()) {\n          if (!isComplete) {\n            return // can stop searching when any is incomplete\n          }\n        }\n        onExitComplete?.()\n      },\n      register: (childId: string) => {\n        presenceChildren.set(childId, false)\n        return () => presenceChildren.delete(childId)\n      },\n    }),\n    /**\n     * If the presence of a child affects the layout of the components around it,\n     * we want to make a new context value to ensure they get re-rendered\n     * so they can detect that layout change.\n     */\n    presenceAffectsLayout ? undefined : [isPresent]\n  )\n\n  // cant this be a useEffect?\n  React.useMemo(() => {\n    presenceChildren.forEach((_, key) => presenceChildren.set(key, false))\n  }, [isPresent])\n\n  /**\n   * If there's no animated components to fire exit animations, we want to remove this\n   * component immediately.\n   */\n  React.useEffect(() => {\n    if (!isPresent && !presenceChildren.size) {\n      console.log('on exit complete')\n      onExitComplete?.()\n    }\n  }, [isPresent])\n\n  return (\n    <AnimatePresenceContext.Provider value={context}>{children}</AnimatePresenceContext.Provider>\n  )\n}\n\nfunction newChildrenMap(): Map<string, boolean> {\n  return new Map()\n}\n"],
+  "mappings": ";;AAAA;AACA;AACA;AAEA;AAYO,MAAM,gBAAgB,wBAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACwB;AACxB,QAAM,mBAAmB,YAAY,cAAc;AACnD,QAAM,KAAK,MAAM;AAEjB,QAAM,UAAU,MAAM,QACpB,MAAoC;AAAA,IAClC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB,CAAC,YAAoB;AACnC,uBAAiB,IAAI,SAAS,IAAI;AAClC,iBAAW,cAAc,iBAAiB,OAAO,GAAG;AAClD,YAAI,CAAC,YAAY;AACf;AAAA,QACF;AAAA,MACF;AACA;AAAA,IACF;AAAA,IACA,UAAU,CAAC,YAAoB;AAC7B,uBAAiB,IAAI,SAAS,KAAK;AACnC,aAAO,MAAM,iBAAiB,OAAO,OAAO;AAAA,IAC9C;AAAA,EACF,IAMA,wBAAwB,SAAY,CAAC,SAAS,CAChD;AAGA,QAAM,QAAQ,MAAM;AAClB,qBAAiB,QAAQ,CAAC,GAAG,QAAQ,iBAAiB,IAAI,KAAK,KAAK,CAAC;AAAA,EACvE,GAAG,CAAC,SAAS,CAAC;AAMd,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,aAAa,CAAC,iBAAiB,MAAM;AACxC,cAAQ,IAAI,kBAAkB;AAC9B;AAAA,IACF;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAEd,SACE,oCAAC,uBAAuB,UAAvB;AAAA,IAAgC,OAAO;AAAA,KAAU,QAAS;AAE/D,GA1D6B;AA4D7B,0BAAgD;AAC9C,SAAO,oBAAI,IAAI;AACjB;AAFS;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,7 @@
+export * from "./AnimatePresence";
+export * from "./usePresence";
+import { AnimatePresenceContext } from "./AnimatePresenceContext";
+export {
+  AnimatePresenceContext
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["export * from './AnimatePresence'\nexport * from './usePresence'\nexport { AnimatePresenceContext } from './AnimatePresenceContext'\n"],
+  "mappings": "AAAA;AACA;AACA;",
+  "names": []
+}

package/dist/esm/types.js

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

package/dist/esm/types.js.map

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

package/dist/esm/usePresence.js

@@ -0,0 +1,33 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { useId } from "@react-aria/utils";
+import { useContext, useEffect } from "react";
+import { AnimatePresenceContext } from "./AnimatePresenceContext";
+function usePresence() {
+  const context = useContext(AnimatePresenceContext);
+  if (context === null) {
+    return [true, null];
+  }
+  const { isPresent: isPresent2, onExitComplete, register } = context;
+  const id = useId();
+  useEffect(() => {
+    register(id);
+  }, []);
+  const safeToRemove = /* @__PURE__ */ __name(() => onExitComplete == null ? void 0 : onExitComplete(id), "safeToRemove");
+  return !isPresent2 ? [false, safeToRemove] : [true];
+}
+__name(usePresence, "usePresence");
+function useIsPresent() {
+  return isPresent(useContext(AnimatePresenceContext));
+}
+__name(useIsPresent, "useIsPresent");
+function isPresent(context) {
+  return context === null ? true : context.isPresent;
+}
+__name(isPresent, "isPresent");
+export {
+  isPresent,
+  useIsPresent,
+  usePresence
+};
+//# sourceMappingURL=usePresence.js.map

package/dist/esm/usePresence.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/usePresence.ts"],
+  "sourcesContent": ["import { useId } from '@react-aria/utils'\nimport { useContext, useEffect } from 'react'\n\nimport { AnimatePresenceContext, AnimatePresenceContextProps } from './AnimatePresenceContext'\n\nexport type SafeToRemove = () => void\n\ntype AlwaysPresent = [true, null]\ntype Present = [true]\ntype NotPresent = [false, SafeToRemove]\n\nexport function usePresence(): AlwaysPresent | Present | NotPresent {\n  const context = useContext(AnimatePresenceContext)\n\n  if (context === null) {\n    return [true, null]\n  }\n\n  const { isPresent, onExitComplete, register } = context\n\n  // It's safe to call the following hooks conditionally (after an early return) because the context will always\n  // either be null or non-null for the lifespan of the component.\n\n  // Replace with useId when released in React\n  const id = useId()\n\n  useEffect(() => {\n    register(id)\n  }, [])\n\n  const safeToRemove = () => onExitComplete?.(id)\n\n  return !isPresent ? [false, safeToRemove] : [true]\n}\n\n/**\n * Similar to `usePresence`, except `useIsPresent` simply returns whether or not the component is present.\n * There is no `safeToRemove` function. ```\n */\nexport function useIsPresent() {\n  return isPresent(useContext(AnimatePresenceContext))\n}\n\nexport function isPresent(context: AnimatePresenceContextProps | null) {\n  return context === null ? true : context.isPresent\n}\n"],
+  "mappings": ";;AAAA;AACA;AAEA;AAQO,uBAA6D;AAClE,QAAM,UAAU,WAAW,sBAAsB;AAEjD,MAAI,YAAY,MAAM;AACpB,WAAO,CAAC,MAAM,IAAI;AAAA,EACpB;AAEA,QAAM,EAAE,uBAAW,gBAAgB,aAAa;AAMhD,QAAM,KAAK,MAAM;AAEjB,YAAU,MAAM;AACd,aAAS,EAAE;AAAA,EACb,GAAG,CAAC,CAAC;AAEL,QAAM,eAAe,6BAAM,iDAAiB,KAAvB;AAErB,SAAO,CAAC,aAAY,CAAC,OAAO,YAAY,IAAI,CAAC,IAAI;AACnD;AAtBgB;AA4BT,wBAAwB;AAC7B,SAAO,UAAU,WAAW,sBAAsB,CAAC;AACrD;AAFgB;AAIT,mBAAmB,SAA6C;AACrE,SAAO,YAAY,OAAO,OAAO,QAAQ;AAC3C;AAFgB;",
+  "names": []
+}

package/dist/jsx/AnimatePresence.js

@@ -0,0 +1,122 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import {
+  useForceUpdate,
+  useIsMounted,
+  useIsomorphicLayoutEffect,
+  useUnmountEffect
+} from "@tamagui/core";
+import {
+  Children,
+  cloneElement,
+  isValidElement,
+  useContext,
+  useRef
+} from "react";
+import { LayoutGroupContext } from "./LayoutGroupContext";
+import { PresenceChild } from "./PresenceChild";
+const getChildKey = /* @__PURE__ */ __name((child) => child.key || "", "getChildKey");
+const isDev = process.env.NODE_ENV !== "production";
+function updateChildLookup(children, allChildren) {
+  const seenChildren = isDev ? /* @__PURE__ */ new Set() : null;
+  for (const child of children) {
+    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);
+  }
+}
+__name(updateChildLookup, "updateChildLookup");
+function onlyElements(children) {
+  const filtered = [];
+  Children.forEach(children, (child) => {
+    if (isValidElement(child))
+      filtered.push(child);
+  });
+  return filtered;
+}
+__name(onlyElements, "onlyElements");
+const AnimatePresence = /* @__PURE__ */ __name(({
+  children,
+  custom,
+  initial = true,
+  onExitComplete,
+  exitBeforeEnter,
+  presenceAffectsLayout = true
+}) => {
+  let forceRender = useForceUpdate();
+  const forceRenderLayoutGroup = useContext(LayoutGroupContext).forceRender;
+  if (forceRenderLayoutGroup)
+    forceRender = forceRenderLayoutGroup;
+  const isMounted = useIsMounted();
+  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);
+  useIsomorphicLayoutEffect(() => {
+    isInitialRender.current = false;
+    updateChildLookup(filteredChildren, allChildren);
+    presentChildren.current = childrenToRender;
+  });
+  useUnmountEffect(() => {
+    isInitialRender.current = true;
+    allChildren.clear();
+    exiting.clear();
+  });
+  if (isInitialRender.current) {
+    return <>{childrenToRender.map((child) => <PresenceChild key={getChildKey(child)} isPresent initial={initial ? void 0 : false} presenceAffectsLayout={presenceAffectsLayout}>{child}</PresenceChild>)}</>;
+  }
+  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 = [];
+  }
+  for (const key of exiting) {
+    if (targetKeys.indexOf(key) !== -1) {
+      continue;
+    }
+    const child = allChildren.get(key);
+    if (!child) {
+      continue;
+    }
+    const insertionIndex = presentKeys.indexOf(key);
+    const onExit = /* @__PURE__ */ __name(() => {
+      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();
+      }
+    }, "onExit");
+    childrenToRender.splice(insertionIndex, 0, <PresenceChild key={getChildKey(child)} isPresent={false} onExitComplete={onExit} custom={custom} presenceAffectsLayout={presenceAffectsLayout}>{child}</PresenceChild>);
+  }
+  childrenToRender = childrenToRender.map((child) => {
+    const key = child.key;
+    return exiting.has(key) ? child : <PresenceChild key={getChildKey(child)} isPresent presenceAffectsLayout={presenceAffectsLayout}>{child}</PresenceChild>;
+  });
+  if (process.env.NODE_ENV !== "production" && exitBeforeEnter && childrenToRender.length > 1) {
+    console.warn(`You're attempting to animate multiple children within AnimatePresence, but its exitBeforeEnter prop is set to true. This will lead to odd visual behaviour.`);
+  }
+  return <>{exiting.size ? childrenToRender : childrenToRender.map((child) => cloneElement(child))}</>;
+}, "AnimatePresence");
+export {
+  AnimatePresence
+};

package/dist/jsx/AnimatePresenceContext.js

@@ -0,0 +1,5 @@
+import { createContext } from "react";
+const AnimatePresenceContext = createContext(null);
+export {
+  AnimatePresenceContext
+};

package/dist/jsx/LayoutGroupContext.js

@@ -0,0 +1,5 @@
+import { createContext } from "react";
+const LayoutGroupContext = createContext({});
+export {
+  LayoutGroupContext
+};

package/dist/jsx/PresenceChild.js

@@ -0,0 +1,53 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { useId } from "@react-aria/utils";
+import { useConstant } from "@tamagui/core";
+import * as React from "react";
+import { AnimatePresenceContext } from "./AnimatePresenceContext";
+const PresenceChild = /* @__PURE__ */ __name(({
+  children,
+  initial,
+  isPresent,
+  onExitComplete,
+  custom,
+  presenceAffectsLayout
+}) => {
+  const presenceChildren = useConstant(newChildrenMap);
+  const id = useId();
+  const context = React.useMemo(() => ({
+    id,
+    initial,
+    isPresent,
+    custom,
+    onExitComplete: (childId) => {
+      presenceChildren.set(childId, true);
+      for (const isComplete of presenceChildren.values()) {
+        if (!isComplete) {
+          return;
+        }
+      }
+      onExitComplete == null ? void 0 : onExitComplete();
+    },
+    register: (childId) => {
+      presenceChildren.set(childId, false);
+      return () => presenceChildren.delete(childId);
+    }
+  }), presenceAffectsLayout ? void 0 : [isPresent]);
+  React.useMemo(() => {
+    presenceChildren.forEach((_, key) => presenceChildren.set(key, false));
+  }, [isPresent]);
+  React.useEffect(() => {
+    if (!isPresent && !presenceChildren.size) {
+      console.log("on exit complete");
+      onExitComplete == null ? void 0 : onExitComplete();
+    }
+  }, [isPresent]);
+  return <AnimatePresenceContext.Provider value={context}>{children}</AnimatePresenceContext.Provider>;
+}, "PresenceChild");
+function newChildrenMap() {
+  return /* @__PURE__ */ new Map();
+}
+__name(newChildrenMap, "newChildrenMap");
+export {
+  PresenceChild
+};

package/dist/jsx/index.js

@@ -0,0 +1,6 @@
+export * from "./AnimatePresence";
+export * from "./usePresence";
+import { AnimatePresenceContext } from "./AnimatePresenceContext";
+export {
+  AnimatePresenceContext
+};

package/dist/jsx/usePresence.js

@@ -0,0 +1,32 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { useId } from "@react-aria/utils";
+import { useContext, useEffect } from "react";
+import { AnimatePresenceContext } from "./AnimatePresenceContext";
+function usePresence() {
+  const context = useContext(AnimatePresenceContext);
+  if (context === null) {
+    return [true, null];
+  }
+  const { isPresent: isPresent2, onExitComplete, register } = context;
+  const id = useId();
+  useEffect(() => {
+    register(id);
+  }, []);
+  const safeToRemove = /* @__PURE__ */ __name(() => onExitComplete == null ? void 0 : onExitComplete(id), "safeToRemove");
+  return !isPresent2 ? [false, safeToRemove] : [true];
+}
+__name(usePresence, "usePresence");
+function useIsPresent() {
+  return isPresent(useContext(AnimatePresenceContext));
+}
+__name(useIsPresent, "useIsPresent");
+function isPresent(context) {
+  return context === null ? true : context.isPresent;
+}
+__name(isPresent, "isPresent");
+export {
+  isPresent,
+  useIsPresent,
+  usePresence
+};

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@tamagui/animate-presence",
+  "version": "1.0.0-beta.172+0f3fd8dc",
+  "source": "src/index.ts",
+  "license": "MIT",
+  "typings": "types",
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "module:jsx": "dist/jsx",
+  "files": [
+    "types",
+    "dist"
+  ],
+  "dependencies": {
+    "@tamagui/core": "^1.0.0-beta.172+0f3fd8dc"
+  },
+  "devDependencies": {
+    "@tamagui/build": "^1.0.0-beta.172+0f3fd8dc"
+  },
+  "scripts": {
+    "build": "tamagui-build",
+    "watch": "tamagui-build --watch",
+    "clean": "tamagui-build clean",
+    "clean:build": "tamagui-build clean:build"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "0f3fd8dc83eede20419fb180704eb9ad1d63e814"
+}

package/types/AnimatePresence.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export interface AnimatePresenceProps {
+    initial?: boolean;
+    custom?: any;
+    onExitComplete?: () => void;
+    exitBeforeEnter?: boolean;
+    presenceAffectsLayout?: boolean;
+}
+export declare const AnimatePresence: React.FunctionComponent<AnimatePresenceProps>;
+//# sourceMappingURL=AnimatePresence.d.ts.map

package/types/AnimatePresence.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatePresence.d.ts","sourceRoot":"","sources":["../src/AnimatePresence.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAc9B,MAAM,WAAW,oBAAoB;IAKnC,OAAO,CAAC,EAAE,OAAO,CAAA;IAOjB,MAAM,CAAC,EAAE,GAAG,CAAA;IAKZ,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAM3B,eAAe,CAAC,EAAE,OAAO,CAAA;IAMzB,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC;AAmED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CAkKzE,CAAA"}

package/types/AnimatePresenceContext.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { VariantLabels } from './types';
+export interface AnimatePresenceContextProps {
+    id: string;
+    isPresent: boolean;
+    register: (id: string) => () => void;
+    onExitComplete?: (id: string) => void;
+    initial?: false | VariantLabels;
+    custom?: any;
+}
+export declare const AnimatePresenceContext: import("react").Context<AnimatePresenceContextProps | null>;
+//# sourceMappingURL=AnimatePresenceContext.d.ts.map

package/types/AnimatePresenceContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatePresenceContext.d.ts","sourceRoot":"","sources":["../src/AnimatePresenceContext.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,MAAM,WAAW,2BAA2B;IAC1C,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,IAAI,CAAA;IACpC,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,OAAO,CAAC,EAAE,KAAK,GAAG,aAAa,CAAA;IAC/B,MAAM,CAAC,EAAE,GAAG,CAAA;CACb;AAED,eAAO,MAAM,sBAAsB,6DAA0D,CAAA"}

package/types/LayoutGroupContext.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface LayoutGroupContextProps {
+    id?: string;
+    forceRender?: VoidFunction;
+}
+export declare const LayoutGroupContext: import("react").Context<LayoutGroupContextProps>;
+//# sourceMappingURL=LayoutGroupContext.d.ts.map

package/types/LayoutGroupContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutGroupContext.d.ts","sourceRoot":"","sources":["../src/LayoutGroupContext.tsx"],"names":[],"mappings":";AAEA,MAAM,WAAW,uBAAuB;IACtC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,YAAY,CAAA;CAC3B;AAED,eAAO,MAAM,kBAAkB,kDAA6C,CAAA"}

package/types/PresenceChild.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { VariantLabels } from './types';
+interface PresenceChildProps {
+    children: React.ReactElement<any>;
+    isPresent: boolean;
+    onExitComplete?: () => void;
+    initial?: false | VariantLabels;
+    custom?: any;
+    presenceAffectsLayout: boolean;
+}
+export declare const PresenceChild: ({ children, initial, isPresent, onExitComplete, custom, presenceAffectsLayout, }: PresenceChildProps) => JSX.Element;
+export {};
+//# sourceMappingURL=PresenceChild.d.ts.map

package/types/PresenceChild.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresenceChild.d.ts","sourceRoot":"","sources":["../src/PresenceChild.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAA;IACjC,SAAS,EAAE,OAAO,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,OAAO,CAAC,EAAE,KAAK,GAAG,aAAa,CAAA;IAC/B,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,qBAAqB,EAAE,OAAO,CAAA;CAC/B;AAED,eAAO,MAAM,aAAa,qFAOvB,kBAAkB,gBAmDpB,CAAA"}

package/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './AnimatePresence';
+export * from './usePresence';
+export { AnimatePresenceContext } from './AnimatePresenceContext';
+//# 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,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA"}

package/types/types.d.ts

@@ -0,0 +1,10 @@
+export interface Axis {
+    min: number;
+    max: number;
+}
+export interface Box {
+    x: Axis;
+    y: Axis;
+}
+export declare type VariantLabels = string | string[];
+//# sourceMappingURL=types.d.ts.map

package/types/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,IAAI;IACnB,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,GAAG;IAClB,CAAC,EAAE,IAAI,CAAA;IACP,CAAC,EAAE,IAAI,CAAA;CACR;AAED,oBAAY,aAAa,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA"}

package/types/usePresence.d.ts

@@ -0,0 +1,10 @@
+import { AnimatePresenceContextProps } from './AnimatePresenceContext';
+export declare type SafeToRemove = () => void;
+declare type AlwaysPresent = [true, null];
+declare type Present = [true];
+declare type NotPresent = [false, SafeToRemove];
+export declare function usePresence(): AlwaysPresent | Present | NotPresent;
+export declare function useIsPresent(): boolean;
+export declare function isPresent(context: AnimatePresenceContextProps | null): boolean;
+export {};
+//# sourceMappingURL=usePresence.d.ts.map

package/types/usePresence.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePresence.d.ts","sourceRoot":"","sources":["../src/usePresence.ts"],"names":[],"mappings":"AAGA,OAAO,EAA0B,2BAA2B,EAAE,MAAM,0BAA0B,CAAA;AAE9F,oBAAY,YAAY,GAAG,MAAM,IAAI,CAAA;AAErC,aAAK,aAAa,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA;AACjC,aAAK,OAAO,GAAG,CAAC,IAAI,CAAC,CAAA;AACrB,aAAK,UAAU,GAAG,CAAC,KAAK,EAAE,YAAY,CAAC,CAAA;AAEvC,wBAAgB,WAAW,IAAI,aAAa,GAAG,OAAO,GAAG,UAAU,CAsBlE;AAMD,wBAAgB,YAAY,YAE3B;AAED,wBAAgB,SAAS,CAAC,OAAO,EAAE,2BAA2B,GAAG,IAAI,WAEpE"}