@hanzogui/animate 2.0.0

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,66 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var Animate_exports = {};
+__export(Animate_exports, {
+  Animate: () => Animate
+});
+module.exports = __toCommonJS(Animate_exports);
+var import_gui_animate_presence = require("@hanzo/gui-animate-presence"),
+  import_react = require("react"),
+  import_jsx_runtime = require("react/jsx-runtime");
+function Animate({
+  children,
+  lazyMount,
+  type,
+  present,
+  passThrough,
+  ...props
+}) {
+  const [lazyMounted, setLazyMounted] = (0, import_react.useState)(lazyMount ? !1 : present);
+  (0, import_react.useEffect)(() => {
+    passThrough || lazyMount && present && (0, import_react.startTransition)(() => {
+      setLazyMounted(present);
+    });
+  }, [lazyMount, present]);
+  const mounted = present ? lazyMount ? lazyMounted : present : !1;
+  return type === "presence" ? props.keepChildrenMounted ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_animate_presence.PresenceChild, {
+    isPresent: !0,
+    ...(!passThrough && {
+      initial: props.initial ? void 0 : !1,
+      onExitComplete: props.onExitComplete,
+      enterVariant: props.enterVariant,
+      exitVariant: props.exitVariant,
+      enterExitVariant: props.enterExitVariant,
+      // BUGFIX: this causes continous re-renders if keepChildrenMounted is true, see HeaderMenu
+      // but since we always re-render this component on open changes this should be fine to leave off?
+      presenceAffectsLayout: !1,
+      isPresent: present,
+      custom: props.custom
+    }),
+    children
+  }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_animate_presence.AnimatePresence, {
+    passThrough,
+    ...props,
+    children: mounted || passThrough ? children : null
+  }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+    children
+  });
+}

package/dist/cjs/Animate.native.js

@@ -0,0 +1,70 @@
+"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: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var Animate_exports = {};
+__export(Animate_exports, {
+  Animate: () => Animate
+});
+module.exports = __toCommonJS(Animate_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_gui_animate_presence = require("@hanzo/gui-animate-presence"),
+  import_react = require("react");
+function Animate(param) {
+  var {
+      children,
+      lazyMount,
+      type,
+      present,
+      passThrough,
+      ...props
+    } = param,
+    [lazyMounted, setLazyMounted] = (0, import_react.useState)(lazyMount ? !1 : present);
+  (0, import_react.useEffect)(function () {
+    passThrough || lazyMount && present && (0, import_react.startTransition)(function () {
+      setLazyMounted(present);
+    });
+  }, [lazyMount, present]);
+  var mounted = present ? lazyMount ? lazyMounted : present : !1;
+  return type === "presence" ? props.keepChildrenMounted ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_animate_presence.PresenceChild, {
+    isPresent: !0,
+    ...(!passThrough && {
+      initial: props.initial ? void 0 : !1,
+      onExitComplete: props.onExitComplete,
+      enterVariant: props.enterVariant,
+      exitVariant: props.exitVariant,
+      enterExitVariant: props.enterExitVariant,
+      // BUGFIX: this causes continous re-renders if keepChildrenMounted is true, see HeaderMenu
+      // but since we always re-render this component on open changes this should be fine to leave off?
+      presenceAffectsLayout: !1,
+      isPresent: present,
+      custom: props.custom
+    }),
+    children
+  }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui_animate_presence.AnimatePresence, {
+    passThrough,
+    ...props,
+    children: mounted || passThrough ? children : null
+  }) : /* @__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":["__toCommonJS","mod","__copyProps","__defProp","value","Animate_exports","__export","Animate","module","exports","import_jsx_runtime","require","import_gui_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":["../../src/Animate.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,eAAA;AAAAC,QAAA,CAAAD,eAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAAA,CAAAK,eAA+C;AAoCxC,IAAAK,kBAAiB,GAAAC,OAAA;EAAAC,2BAAA,GAAAD,OAAA;EAAAE,YAAA,GAAAF,OAAA;AAAA,SACtBJ,QAAAO,KAAA;EACA;MAAAC,QAAA;MAAAC,SAAA;MAAAC,IAAA;MAAAC,OAAA;MAAAC,WAAA;MAAA,GAAAC;IAAA,IAAAN,KAAA;IAAA,CAAAO,WAAA,EAAAC,cAAA,QAAAT,YAAA,CAAAU,QAAA,EAAAP,SAAA,QAAAE,OAAA;EACA,IAAAL,YAAA,CAAAW,SAAA;IACAL,WAAA,IAAAH,SAAA,IAAAE,OAAA,QAAAL,YAAA,CAAAY,eAAA;MACAH,cAAA,CAAAJ,OAAA;IACA,CAAG;EACL,CAAkC,GAChCF,SAAO,EAEPE,OAAA,CACE,CAAI;EAIF,IAAAQ,OAAA,GAAAR,OAAe,GAAAF,SAAO,GAAAK,WAAA,GAAAH,OAAA;EAAA,OACvBD,IAAA,kBAAAG,KAAA,CAAAO,mBAAA,sBAAAjB,kBAAA,CAAAkB,GAAA,EAAAhB,2BAAA,CAAAiB,aAAA;IACHC,SAAI,IAAW;IAGf,KAAMX,WAAW;MAEjBY,OAAI,EAAAX,KAAS,CAAAW,OAAA,GACP,MAAM;MAELC,cAAA,EAAAZ,KAAA,CAAAY,cAAA;MAAAC,YAAA,EAAAb,KAAA,CAAAa,YAAA;MACCC,WAAS,EAAAd,KAAA,CAAAc,WAAA;MACRC,gBAAK,EAAAf,KAAe,CAAAe,gBAAA;MAAA;MACkB;MACfC,qBACR,EAAM;MAAAN,SACpB,EAAAZ,OAAa;MAAMmB,MACnB,EAAAjB,KAAA,CAAAiB;IAAwB;IAAAtB;EAAA,oBAGxB,IAAAL,kBAAuB,CAAAkB,GAAA,EAAAhB,2BAAA,CAAA0B,eAAA;IAAAnB,WACvB;IAAW,GAAAC,KACX;IAAcL,QAChB,EAAAW,OAAA,IAAAP,WAAA,GAAAJ,QAAA;EAAA,KAEC,mBAAAL,kBAAA,CAAAkB,GAAA,EAAAlB,kBAAA,CAAA6B,QAAA;IAAAxB;EACH;AAYR","ignoreList":[]}

package/dist/cjs/index.cjs

@@ -0,0 +1,18 @@
+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)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./Animate.cjs"), module.exports);

package/dist/cjs/index.native.js

@@ -0,0 +1,21 @@
+"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)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./Animate.native.js"), module.exports);
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,aAAA","ignoreList":[]}

package/dist/esm/Animate.mjs

@@ -0,0 +1,43 @@
+import { AnimatePresence, PresenceChild } from "@hanzo/gui-animate-presence";
+import { startTransition, useEffect, useState } from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+function Animate({
+  children,
+  lazyMount,
+  type,
+  present,
+  passThrough,
+  ...props
+}) {
+  const [lazyMounted, setLazyMounted] = useState(lazyMount ? !1 : present);
+  useEffect(() => {
+    passThrough || lazyMount && present && startTransition(() => {
+      setLazyMounted(present);
+    });
+  }, [lazyMount, present]);
+  const mounted = present ? lazyMount ? lazyMounted : present : !1;
+  return type === "presence" ? props.keepChildrenMounted ? /* @__PURE__ */jsx(PresenceChild, {
+    isPresent: !0,
+    ...(!passThrough && {
+      initial: props.initial ? void 0 : !1,
+      onExitComplete: props.onExitComplete,
+      enterVariant: props.enterVariant,
+      exitVariant: props.exitVariant,
+      enterExitVariant: props.enterExitVariant,
+      // BUGFIX: this causes continous re-renders if keepChildrenMounted is true, see HeaderMenu
+      // but since we always re-render this component on open changes this should be fine to leave off?
+      presenceAffectsLayout: !1,
+      isPresent: present,
+      custom: props.custom
+    }),
+    children
+  }) : /* @__PURE__ */jsx(AnimatePresence, {
+    passThrough,
+    ...props,
+    children: mounted || passThrough ? children : null
+  }) : /* @__PURE__ */jsx(Fragment, {
+    children
+  });
+}
+export { Animate };
+//# sourceMappingURL=Animate.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,KAAQE,OAAO;EAE1ER,SAAA,CAAU,MAAM;IACVS,WAAA,IACCH,SAAA,IACAE,OAAA,IACLT,eAAA,CAAgB,MAAM;MACpBa,cAAA,CAAeJ,OAAO;IACxB,CAAC;EACH,GAAG,CAACF,SAAA,EAAWE,OAAO,CAAC;EAGvB,MAAMK,OAAA,GAAWL,OAAA,GAAkBF,SAAA,GAAYK,WAAA,GAAcH,OAAA,GAAlC;EAE3B,OAAID,IAAA,KAAS,aACPG,KAAA,CAAMI,mBAAA,GAEN,eAAAX,GAAA,CAACL,aAAA;IACCiB,SAAA,EAAS;IACR,IAAI,CAACN,WAAA,IAAe;MACnBO,OAAA,EAASN,KAAA,CAAMM,OAAA,GAAU,SAAY;MACrCC,cAAA,EAAgBP,KAAA,CAAMO,cAAA;MACtBC,YAAA,EAAcR,KAAA,CAAMQ,YAAA;MACpBC,WAAA,EAAaT,KAAA,CAAMS,WAAA;MACnBC,gBAAA,EAAkBV,KAAA,CAAMU,gBAAA;MAAA;MAAA;MAGxBC,qBAAA,EAAuB;MACvBN,SAAA,EAAWP,OAAA;MACXc,MAAA,EAAQZ,KAAA,CAAMY;IAChB;IAECjB;EAAA,CACH,IAKF,eAAAF,GAAA,CAACN,eAAA;IAAgBY,WAAA;IAA2B,GAAGC,KAAA;IAC5CL,QAAA,EAAAQ,OAAA,IAAWJ,WAAA,GAAcJ,QAAA,GAAW;EAAA,CACvC,IAIG,eAAAF,GAAA,CAAAD,QAAA;IAAGG;EAAA,CAAS;AACrB","ignoreList":[]}

package/dist/esm/Animate.native.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { AnimatePresence, PresenceChild } from "@hanzo/gui-animate-presence";
+import { startTransition, useEffect, useState } from "react";
+function Animate(param) {
+  var {
+      children,
+      lazyMount,
+      type,
+      present,
+      passThrough,
+      ...props
+    } = param,
+    [lazyMounted, setLazyMounted] = useState(lazyMount ? !1 : present);
+  useEffect(function () {
+    passThrough || lazyMount && present && startTransition(function () {
+      setLazyMounted(present);
+    });
+  }, [lazyMount, present]);
+  var mounted = present ? lazyMount ? lazyMounted : present : !1;
+  return type === "presence" ? props.keepChildrenMounted ? /* @__PURE__ */_jsx(PresenceChild, {
+    isPresent: !0,
+    ...(!passThrough && {
+      initial: props.initial ? void 0 : !1,
+      onExitComplete: props.onExitComplete,
+      enterVariant: props.enterVariant,
+      exitVariant: props.exitVariant,
+      enterExitVariant: props.enterExitVariant,
+      // BUGFIX: this causes continous re-renders if keepChildrenMounted is true, see HeaderMenu
+      // but since we always re-render this component on open changes this should be fine to leave off?
+      presenceAffectsLayout: !1,
+      isPresent: present,
+      custom: props.custom
+    }),
+    children
+  }) : /* @__PURE__ */_jsx(AnimatePresence, {
+    passThrough,
+    ...props,
+    children: mounted || passThrough ? children : null
+  }) : /* @__PURE__ */_jsx(_Fragment, {
+    children
+  });
+}
+export { Animate };
+//# sourceMappingURL=Animate.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,qCAAgB;AA4D7C,SA2BCC,eA3BD,EAAAC,SAAA,EAAAC,QAAA;AAzBD,SAASC,QAAQC,KAAA;EACtB;MAAAC,QAAA;MAAAC,SAAA;MAAAC,IAAA;MAAAC,OAAA;MAAAC,WAAA;MAAA,GAAAC;IAAA,IAAAN,KAAA;IAAA,CAAAO,WAAA,EAAAC,cAAA,IAAAV,QAAA,CAAAI,SAAA,QAAAE,OAAA;EACAP,SAAA;IACAQ,WAAA,IAAAH,SAAA,IAAAE,OAAA,IAAAR,eAAA;MACAY,cAAA,CAAAJ,OAAA;IACA;EACA,GAAG,CAC6BF,SAAA,EAChCE,OAAO,CAEP;EACE,IAAIK,OAAA,GAAAL,OACC,GAAAF,SACA,GAAAK,WACL,GAAAH,OAAgB;EACd,OAAAD,IAAA,eAAsB,GAAAG,KAAA,CAAAI,mBAAA,kBAAAnB,IAAA,CAAAI,aAAA;IACxBgB,SAAC;IACH,IAAI,CAAAN,WAAW;MAGfO,OAAM,EAAAN,KAAW,CAAAM,OAAkB,YAAY;MAE/CC,cAAa,EAAAP,KAAA,CAAAO,cACD;MAELC,YAAA,EAAAR,KAAA,CAAAQ,YAAA;MAAAC,WAAA,EAAAT,KAAA,CAAAS,WAAA;MACCC,gBAAS,EAAAV,KAAA,CAAAU,gBAAA;MACR;MAAoB;MACkBC,qBACrB,GAAM;MAAAN,SACtB,EAAAP,OAAc;MAAMc,MACpB,EAAAZ,KAAA,CAAAY;IAAmB;IACKjB;EAAA,oBAAAV,IAAA,CAAAG,eAAA;IAAAW,WAGxB;IAAuB,GAAAC,KACvB;IAAWL,QACX,EAAAQ,OAAQ,IAAMJ,WAAA,GAAAJ,QAAA;EAAA,KAChB,eAAAV,IAAA,CAAAE,SAAA;IAAAQ;EAEC;AAAA;AAaX,S","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",
+  "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": "hanzo-gui-build",
+    "watch": "hanzo-gui-build --watch",
+    "clean": "hanzo-gui-build clean",
+    "clean:build": "hanzo-gui-build clean:build"
+  },
+  "dependencies": {
+    "@hanzogui/animate-presence": "2.0.0"
+  },
+  "devDependencies": {
+    "@hanzogui/build": "2.0.0-rc.29",
+    "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 "@gui/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/index.d.ts

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