@hanzogui/animate 2.0.0-rc.41-hanzoai.3

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+  Copyright (c) 2020 Nate Wienert
+  
+  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/Animate.cjs

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

package/dist/cjs/Animate.native.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Animate_exports","Animate","module","exports","import_jsx_runtime","require","import_animate_presence","import_react","param","children","lazyMount","type","present","passThrough","props","lazyMounted","setLazyMounted","useState","useEffect","startTransition","mounted","keepChildrenMounted","jsx","PresenceChild","isPresent","initial","onExitComplete","enterVariant","exitVariant","enterExitVariant","presenceAffectsLayout","custom","AnimatePresence","Fragment"],"sources":["Animate.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Animate_exports = {};\n__export(Animate_exports, {\n  Animate: () => Animate\n});\nmodule.exports = __toCommonJS(Animate_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_animate_presence = require(\"@hanzogui/animate-presence\");\nvar import_react = require(\"react\");\nfunction Animate(param) {\n  var { children, lazyMount, type, present, passThrough, ...props } = param;\n  var [lazyMounted, setLazyMounted] = (0, import_react.useState)(lazyMount ? false : present);\n  (0, import_react.useEffect)(function() {\n    if (passThrough) return;\n    if (!lazyMount) return;\n    if (!present) return;\n    (0, import_react.startTransition)(function() {\n      setLazyMounted(present);\n    });\n  }, [\n    lazyMount,\n    present\n  ]);\n  var mounted = !present ? false : lazyMount ? lazyMounted : present;\n  if (type === \"presence\") {\n    if (props.keepChildrenMounted) {\n      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.PresenceChild, {\n        isPresent: true,\n        ...!passThrough && {\n          initial: props.initial ? void 0 : false,\n          onExitComplete: props.onExitComplete,\n          enterVariant: props.enterVariant,\n          exitVariant: props.exitVariant,\n          enterExitVariant: props.enterExitVariant,\n          // BUGFIX: this causes continous re-renders if keepChildrenMounted is true, see HeaderMenu\n          // but since we always re-render this component on open changes this should be fine to leave off?\n          presenceAffectsLayout: false,\n          isPresent: present,\n          custom: props.custom\n        },\n        children\n      });\n    }\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, {\n      passThrough,\n      ...props,\n      children: mounted || passThrough ? children : null\n    });\n  }\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {\n    children\n  });\n}\n//# sourceMappingURL=Animate.js.map\n"],"mappings":"AAAA,YAAY;;AACZ,IAAIA,SAAS,GAAGC,MAAM,CAACC,cAAc;AACrC,IAAIC,gBAAgB,GAAGF,MAAM,CAACG,wBAAwB;AACtD,IAAIC,iBAAiB,GAAGJ,MAAM,CAACK,mBAAmB;AAClD,IAAIC,YAAY,GAAGN,MAAM,CAACO,SAAS,CAACC,cAAc;AAClD,IAAIC,QAAQ,GAAGA,CAACC,MAAM,EAAEC,GAAG,KAAK;EAC9B,KAAK,IAAIC,IAAI,IAAID,GAAG,EAClBZ,SAAS,CAACW,MAAM,EAAEE,IAAI,EAAE;IAAEC,GAAG,EAAEF,GAAG,CAACC,IAAI,CAAC;IAAEE,UAAU,EAAE;EAAK,CAAC,CAAC;AACjE,CAAC;AACD,IAAIC,WAAW,GAAGA,CAACC,EAAE,EAAEC,IAAI,EAAEC,MAAM,EAAEC,IAAI,KAAK;EAC5C,IAAIF,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,UAAU,EAAE;IAClE,KAAK,IAAIG,GAAG,IAAIhB,iBAAiB,CAACa,IAAI,CAAC,EACrC,IAAI,CAACX,YAAY,CAACe,IAAI,CAACL,EAAE,EAAEI,GAAG,CAAC,IAAIA,GAAG,KAAKF,MAAM,EAC/CnB,SAAS,CAACiB,EAAE,EAAEI,GAAG,EAAE;MAAEP,GAAG,EAAEA,CAAA,KAAMI,IAAI,CAACG,GAAG,CAAC;MAAEN,UAAU,EAAE,EAAEK,IAAI,GAAGjB,gBAAgB,CAACe,IAAI,EAAEG,GAAG,CAAC,CAAC,IAAID,IAAI,CAACL;IAAW,CAAC,CAAC;EACxH;EACA,OAAOE,EAAE;AACX,CAAC;AACD,IAAIM,YAAY,GAAIC,GAAG,IAAKR,WAAW,CAAChB,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE;EAAEyB,KAAK,EAAE;AAAK,CAAC,CAAC,EAAED,GAAG,CAAC;AAC1F,IAAIE,eAAe,GAAG,CAAC,CAAC;AACxBhB,QAAQ,CAACgB,eAAe,EAAE;EACxBC,OAAO,EAAEA,CAAA,KAAMA;AACjB,CAAC,CAAC;AACFC,MAAM,CAACC,OAAO,GAAGN,YAAY,CAACG,eAAe,CAAC;AAC9C,IAAII,kBAAkB,GAAGC,OAAO,CAAC,mBAAmB,CAAC;AACrD,IAAIC,uBAAuB,GAAGD,OAAO,CAAC,4BAA4B,CAAC;AACnE,IAAIE,YAAY,GAAGF,OAAO,CAAC,OAAO,CAAC;AACnC,SAASJ,OAAOA,CAACO,KAAK,EAAE;EACtB,IAAI;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,IAAI;IAAEC,OAAO;IAAEC,WAAW;IAAE,GAAGC;EAAM,CAAC,GAAGN,KAAK;EACzE,IAAI,CAACO,WAAW,EAAEC,cAAc,CAAC,GAAG,CAAC,CAAC,EAAET,YAAY,CAACU,QAAQ,EAAEP,SAAS,GAAG,KAAK,GAAGE,OAAO,CAAC;EAC3F,CAAC,CAAC,EAAEL,YAAY,CAACW,SAAS,EAAE,YAAW;IACrC,IAAIL,WAAW,EAAE;IACjB,IAAI,CAACH,SAAS,EAAE;IAChB,IAAI,CAACE,OAAO,EAAE;IACd,CAAC,CAAC,EAAEL,YAAY,CAACY,eAAe,EAAE,YAAW;MAC3CH,cAAc,CAACJ,OAAO,CAAC;IACzB,CAAC,CAAC;EACJ,CAAC,EAAE,CACDF,SAAS,EACTE,OAAO,CACR,CAAC;EACF,IAAIQ,OAAO,GAAG,CAACR,OAAO,GAAG,KAAK,GAAGF,SAAS,GAAGK,WAAW,GAAGH,OAAO;EAClE,IAAID,IAAI,KAAK,UAAU,EAAE;IACvB,IAAIG,KAAK,CAACO,mBAAmB,EAAE;MAC7B,OAAO,eAAgB,CAAC,CAAC,EAAEjB,kBAAkB,CAACkB,GAAG,EAAEhB,uBAAuB,CAACiB,aAAa,EAAE;QACxFC,SAAS,EAAE,IAAI;QACf,IAAG,CAACX,WAAW,IAAI;UACjBY,OAAO,EAAEX,KAAK,CAACW,OAAO,GAAG,KAAK,CAAC,GAAG,KAAK;UACvCC,cAAc,EAAEZ,KAAK,CAACY,cAAc;UACpCC,YAAY,EAAEb,KAAK,CAACa,YAAY;UAChCC,WAAW,EAAEd,KAAK,CAACc,WAAW;UAC9BC,gBAAgB,EAAEf,KAAK,CAACe,gBAAgB;UACxC;UACA;UACAC,qBAAqB,EAAE,KAAK;UAC5BN,SAAS,EAAEZ,OAAO;UAClBmB,MAAM,EAAEjB,KAAK,CAACiB;QAChB,CAAC;QACDtB;MACF,CAAC,CAAC;IACJ;IACA,OAAO,eAAgB,CAAC,CAAC,EAAEL,kBAAkB,CAACkB,GAAG,EAAEhB,uBAAuB,CAAC0B,eAAe,EAAE;MAC1FnB,WAAW;MACX,GAAGC,KAAK;MACRL,QAAQ,EAAEW,OAAO,IAAIP,WAAW,GAAGJ,QAAQ,GAAG;IAChD,CAAC,CAAC;EACJ;EACA,OAAO,eAAgB,CAAC,CAAC,EAAEL,kBAAkB,CAACkB,GAAG,EAAElB,kBAAkB,CAAC6B,QAAQ,EAAE;IAC9ExB;EACF,CAAC,CAAC;AACJ","ignoreList":[]}

package/dist/cjs/index.cjs

@@ -0,0 +1,20 @@
+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 index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./Animate.cjs"), module.exports);

package/dist/cjs/index.native.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 index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./Animate.native.js"), module.exports);
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__copyProps","to","from","except","desc","key","call","get","enumerable","__reExport","target","mod","secondTarget","__toCommonJS","value","index_exports","module","exports","require"],"sources":["index.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, \"default\"), secondTarget && __copyProps(secondTarget, mod, \"default\"));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar index_exports = {};\nmodule.exports = __toCommonJS(index_exports);\n__reExport(index_exports, require(\"./Animate\"), module.exports);\n//# sourceMappingURL=index.js.map\n"],"mappings":"AAAA,YAAY;;AACZ,IAAIA,SAAS,GAAGC,MAAM,CAACC,cAAc;AACrC,IAAIC,gBAAgB,GAAGF,MAAM,CAACG,wBAAwB;AACtD,IAAIC,iBAAiB,GAAGJ,MAAM,CAACK,mBAAmB;AAClD,IAAIC,YAAY,GAAGN,MAAM,CAACO,SAAS,CAACC,cAAc;AAClD,IAAIC,WAAW,GAAGA,CAACC,EAAE,EAAEC,IAAI,EAAEC,MAAM,EAAEC,IAAI,KAAK;EAC5C,IAAIF,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,UAAU,EAAE;IAClE,KAAK,IAAIG,GAAG,IAAIV,iBAAiB,CAACO,IAAI,CAAC,EACrC,IAAI,CAACL,YAAY,CAACS,IAAI,CAACL,EAAE,EAAEI,GAAG,CAAC,IAAIA,GAAG,KAAKF,MAAM,EAC/Cb,SAAS,CAACW,EAAE,EAAEI,GAAG,EAAE;MAAEE,GAAG,EAAEA,CAAA,KAAML,IAAI,CAACG,GAAG,CAAC;MAAEG,UAAU,EAAE,EAAEJ,IAAI,GAAGX,gBAAgB,CAACS,IAAI,EAAEG,GAAG,CAAC,CAAC,IAAID,IAAI,CAACI;IAAW,CAAC,CAAC;EACxH;EACA,OAAOP,EAAE;AACX,CAAC;AACD,IAAIQ,UAAU,GAAGA,CAACC,MAAM,EAAEC,GAAG,EAAEC,YAAY,MAAMZ,WAAW,CAACU,MAAM,EAAEC,GAAG,EAAE,SAAS,CAAC,EAAEC,YAAY,IAAIZ,WAAW,CAACY,YAAY,EAAED,GAAG,EAAE,SAAS,CAAC,CAAC;AAChJ,IAAIE,YAAY,GAAIF,GAAG,IAAKX,WAAW,CAACV,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE;EAAEwB,KAAK,EAAE;AAAK,CAAC,CAAC,EAAEH,GAAG,CAAC;AAC1F,IAAII,aAAa,GAAG,CAAC,CAAC;AACtBC,MAAM,CAACC,OAAO,GAAGJ,YAAY,CAACE,aAAa,CAAC;AAC5CN,UAAU,CAACM,aAAa,EAAEG,OAAO,CAAC,qBAAW,CAAC,EAAEF,MAAM,CAACC,OAAO,CAAC","ignoreList":[]}

package/dist/esm/Animate.mjs

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

package/dist/esm/Animate.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["AnimatePresence","PresenceChild","startTransition","useEffect","useState","Fragment","jsx","Animate","children","lazyMount","type","present","passThrough","props","lazyMounted","setLazyMounted","mounted","keepChildrenMounted","isPresent","initial","onExitComplete","enterVariant","exitVariant","enterExitVariant","presenceAffectsLayout","custom"],"sources":["../../src/Animate.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,eAAA,EAAiBC,aAAA,QAAqB;AAC/C,SAASC,eAAA,EAAiBC,SAAA,EAAWC,QAAA,QAAgB;AA4D7C,SA2BCC,QAAA,EA3BDC,GAAA;AAzBD,SAASC,QAAQ;EACtBC,QAAA;EACAC,SAAA;EACAC,IAAA;EACAC,OAAA;EACAC,WAAA;EACA,GAAGC;AACL,GAAkC;EAChC,MAAM,CAACC,WAAA,EAAaC,cAAc,IAAIX,QAAA,CAASK,SAAA,GAAY,QAAQE,OAAO;EAE1ER,SAAA,CAAU,MAAM;IACd,IAAIS,WAAA,EAAa;IACjB,IAAI,CAACH,SAAA,EAAW;IAChB,IAAI,CAACE,OAAA,EAAS;IACdT,eAAA,CAAgB,MAAM;MACpBa,cAAA,CAAeJ,OAAO;IACxB,CAAC;EACH,GAAG,CAACF,SAAA,EAAWE,OAAO,CAAC;EAGvB,MAAMK,OAAA,GAAU,CAACL,OAAA,GAAU,QAAQF,SAAA,GAAYK,WAAA,GAAcH,OAAA;EAE7D,IAAID,IAAA,KAAS,YAAY;IACvB,IAAIG,KAAA,CAAMI,mBAAA,EAAqB;MAC7B,OACE,eAAAX,GAAA,CAACL,aAAA;QACCiB,SAAA,EAAS;QACR,IAAI,CAACN,WAAA,IAAe;UACnBO,OAAA,EAASN,KAAA,CAAMM,OAAA,GAAU,SAAY;UACrCC,cAAA,EAAgBP,KAAA,CAAMO,cAAA;UACtBC,YAAA,EAAcR,KAAA,CAAMQ,YAAA;UACpBC,WAAA,EAAaT,KAAA,CAAMS,WAAA;UACnBC,gBAAA,EAAkBV,KAAA,CAAMU,gBAAA;UAAA;UAAA;UAGxBC,qBAAA,EAAuB;UACvBN,SAAA,EAAWP,OAAA;UACXc,MAAA,EAAQZ,KAAA,CAAMY;QAChB;QAECjB;MAAA,CACH;IAEJ;IAEA,OACE,eAAAF,GAAA,CAACN,eAAA;MAAgBY,WAAA;MAA2B,GAAGC,KAAA;MAC5CL,QAAA,EAAAQ,OAAA,IAAWJ,WAAA,GAAcJ,QAAA,GAAW;IAAA,CACvC;EAEJ;EAEA,OAAO,eAAAF,GAAA,CAAAD,QAAA;IAAGG;EAAA,CAAS;AACrB","ignoreList":[]}

package/dist/esm/Animate.native.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","Fragment","_Fragment","AnimatePresence","PresenceChild","startTransition","useEffect","useState","Animate","param","children","lazyMount","type","present","passThrough","props","lazyMounted","setLazyMounted","mounted","keepChildrenMounted","isPresent","initial","onExitComplete","enterVariant","exitVariant","enterExitVariant","presenceAffectsLayout","custom"],"sources":["../../src/Animate.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAA,EAAAC,QAAiB,IAAAC,SAAA,QAAqB;AAC/C,SAASC,eAAA,EAAiBC,aAAW,oCAAgB;AA4D7C,SA2BCC,eA3BD,EAAAC,SAAA,EAAAC,QAAA;AAzBD,SAASC,QAAQC,KAAA;EACtB;IAAAC,QAAA;IAAAC,SAAA;IAAAC,IAAA;IAAAC,OAAA;IAAAC,WAAA;IAAA,GAAAC;EAAA,IAAAN,KAAA;EACA,KAAAO,WAAA,EAAAC,cAAA,IAAAV,QAAA,CAAAI,SAAA,WAAAE,OAAA;EACAP,SAAA;IACA,IAAAQ,WAAA;IACA,KAAAH,SAAA;IACA,IAAG,CAAAE,OAAA;IAC6BR,eAAA;MAChCY,cAAO,CAAAJ,OAAa;IAEpB;EACE,IACAF,SAAK,EACLE,OAAK,CACL;EACE,IAAAK,OAAA,IAAAL,OAAe,QAAO,GAAAF,SAAA,GAAAK,WAAA,GAAAH,OAAA;EAAA,IACvBD,IAAA;IACH,IAAIG,KAAA,CAAAI,mBAAmB;MAGvB,OAAM,eAAqBnB,IAAA,CAAAI,aAAQ,EAAY;QAE3CgB,SAAS;QACP,KAAAN,WAAM;UACRO,OACE,EAAAN,KAAA,CAAAM,OAAA;UAACC,cAAA,EAAAP,KAAA,CAAAO,cAAA;UAAAC,YAAA,EAAAR,KAAA,CAAAQ,YAAA;UACCC,WAAS,EAAAT,KAAA,CAAAS,WAAA;UACRC,gBAAK,EAAAV,KAAe,CAAAU,gBAAA;UAAA;UACkB;UACfC,qBACR,EAAM;UAAAN,SACpB,EAAAP,OAAa;UAAMc,MACnB,EAAAZ,KAAA,CAAAY;QAAwB;QAAAjB;MAAA;IAGD;IACZ,sBACGV,IAAA,CAAAG,eAAA;MAAAW,WAChB;MAAA,GAAAC,KAEC;MAAAL,QAAA,EAAAQ,OAAA,IAAAJ,WAAA,GAAAJ,QAAA;IAAA,EACH;EAAA;EAIJ,sBACEV,IAAA,CAAAE,SAAC;IAILQ;EAEA;AACF","ignoreList":[]}

package/dist/esm/index.js

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

package/dist/esm/index.js.map

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

package/dist/esm/index.mjs

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

package/dist/esm/index.mjs.map

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

package/dist/esm/index.native.js

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

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

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

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@hanzogui/animate",
+  "version": "2.0.0-rc.41-hanzoai.3",
+  "license": "MIT",
+  "source": "src/index.ts",
+  "files": [
+    "src",
+    "types",
+    "dist"
+  ],
+  "type": "module",
+  "sideEffects": [
+    "*.css"
+  ],
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "types": "./types/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./types/index.d.ts",
+      "react-native": "./dist/esm/index.native.js",
+      "browser": "./dist/esm/index.mjs",
+      "module": "./dist/esm/index.mjs",
+      "import": "./dist/esm/index.mjs",
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/esm/index.mjs"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "hanzogui-build",
+    "watch": "hanzogui-build --watch",
+    "clean": "hanzogui-build clean",
+    "clean:build": "hanzogui-build clean:build"
+  },
+  "dependencies": {
+    "@hanzogui/animate-presence": "2.0.0-rc.41-hanzoai.3"
+  },
+  "devDependencies": {
+    "@hanzogui/build": "2.0.0-rc.41-hanzoai.3",
+    "react": ">=19"
+  },
+  "peerDependencies": {
+    "react": ">=19"
+  }
+}

package/src/Animate.tsx

@@ -0,0 +1,91 @@
+import type { AnimatePresenceProps } from '@hanzogui/animate-presence'
+import { AnimatePresence, PresenceChild } from '@hanzogui/animate-presence'
+import { startTransition, useEffect, useState } from 'react'
+
+type BaseProps = {
+  children: React.ReactNode
+  passThrough?: boolean
+}
+
+type PresenceProps = AnimatePresenceProps & {
+  type: 'presence'
+  present: boolean
+  keepChildrenMounted?: boolean
+  lazyMount?: 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,
+  lazyMount,
+  type,
+  present,
+  passThrough,
+  ...props
+}: AnimateProps): React.ReactNode {
+  const [lazyMounted, setLazyMounted] = useState(lazyMount ? false : present)
+
+  useEffect(() => {
+    if (passThrough) return
+    if (!lazyMount) return
+    if (!present) return
+    startTransition(() => {
+      setLazyMounted(present)
+    })
+  }, [lazyMount, present])
+
+  // always immediately unmount
+  const mounted = !present ? false : lazyMount ? lazyMounted : present
+
+  if (type === 'presence') {
+    if (props.keepChildrenMounted) {
+      return (
+        <PresenceChild
+          isPresent
+          {...(!passThrough && {
+            initial: props.initial ? undefined : false,
+            onExitComplete: props.onExitComplete,
+            enterVariant: props.enterVariant,
+            exitVariant: props.exitVariant,
+            enterExitVariant: props.enterExitVariant,
+            // BUGFIX: this causes continous re-renders if keepChildrenMounted is true, see HeaderMenu
+            // but since we always re-render this component on open changes this should be fine to leave off?
+            presenceAffectsLayout: false,
+            isPresent: present,
+            custom: props.custom,
+          })}
+        >
+          {children as any}
+        </PresenceChild>
+      )
+    }
+
+    return (
+      <AnimatePresence passThrough={passThrough} {...props}>
+        {mounted || passThrough ? children : null}
+      </AnimatePresence>
+    )
+  }
+
+  return <>{children}</>
+}

package/src/index.ts

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

package/types/Animate.d.ts

@@ -0,0 +1,34 @@
+import type { AnimatePresenceProps } from "@hanzogui/animate-presence";
+type BaseProps = {
+	children: React.ReactNode;
+	passThrough?: boolean;
+};
+type PresenceProps = AnimatePresenceProps & {
+	type: "presence";
+	present: boolean;
+	keepChildrenMounted?: boolean;
+	lazyMount?: 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, lazyMount, type, present, passThrough, ...props }: AnimateProps): React.ReactNode;
+export {};
+
+//# sourceMappingURL=Animate.d.ts.map

package/types/Animate.d.ts.map

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

package/types/index.d.ts

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

package/types/index.d.ts.map

@@ -0,0 +1,11 @@
+{
+  "mappings": "AAAA,cAAc",
+  "names": [],
+  "sources": [
+    "src/index.ts"
+  ],
+  "version": 3,
+  "sourcesContent": [
+    "export * from './Animate'\n"
+  ]
+}