@progress/kendo-react-animation 7.2.4-develop.3 → 7.3.0-develop.1

package/Animation.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react"),e=require("prop-types"),c=require("@progress/kendo-react-common"),C=require("./AnimationChild.js"),R=require("react-transition-group"),N=require("./package-metadata.js"),O=require("./util.js");function P(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const n in r)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(r,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:()=>r[n]})}}return t.default=r,Object.freeze(t)}const o=P(q),l=O.styles,a=class a extends o.Component{constructor(t){super(t),c.validatePackage(N.packageMetadata)}render(){const{id:t,style:n,children:i,component:u,className:d,childFactory:p,stackChildren:T,componentChildStyle:m,componentChildClassName:y,...g}=this.props,h={id:t,style:n,component:u,childFactory:p,className:c.classNames(l["animation-container"],l["animation-container-relative"],d)},b=o.Children.map(i||null,f=>o.createElement(C.AnimationChild,{...g,style:m,className:y},f));return o.createElement(R.TransitionGroup,{...h},b)}};a.propTypes={children:e.oneOfType([e.arrayOf(e.node),e.node]),childFactory:e.any,className:e.string,component:e.string,id:e.string,style:e.any,transitionName:e.string.isRequired,appear:e.bool.isRequired,enter:e.bool.isRequired,exit:e.bool.isRequired,transitionEnterDuration:e.number.isRequired,transitionExitDuration:e.number.isRequired},a.defaultProps={component:"div"};let s=a;exports.Animation=s;

package/Animation.mjs

@@ -0,0 +1,79 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as t from "react";
+import e from "prop-types";
+import { validatePackage as C, classNames as N } from "@progress/kendo-react-common";
+import { AnimationChild as R } from "./AnimationChild.mjs";
+import { TransitionGroup as g } from "react-transition-group";
+import { packageMetadata as q } from "./package-metadata.mjs";
+import b from "./util.mjs";
+const i = b.styles, r = class r extends t.Component {
+  constructor(o) {
+    super(o), C(q);
+  }
+  /**
+   * @hidden
+   */
+  render() {
+    const {
+      id: o,
+      style: s,
+      children: a,
+      component: c,
+      className: l,
+      childFactory: m,
+      stackChildren: x,
+      componentChildStyle: p,
+      componentChildClassName: d,
+      ...u
+    } = this.props, y = {
+      id: o,
+      style: s,
+      component: c,
+      childFactory: m,
+      className: N(
+        i["animation-container"],
+        i["animation-container-relative"],
+        l
+      )
+    }, h = t.Children.map(a || null, (f) => /* @__PURE__ */ t.createElement(
+      R,
+      {
+        ...u,
+        style: p,
+        className: d
+      },
+      f
+    ));
+    return /* @__PURE__ */ t.createElement(g, { ...y }, h);
+  }
+};
+r.propTypes = {
+  children: e.oneOfType([
+    e.arrayOf(e.node),
+    e.node
+  ]),
+  childFactory: e.any,
+  className: e.string,
+  component: e.string,
+  id: e.string,
+  style: e.any,
+  transitionName: e.string.isRequired,
+  appear: e.bool.isRequired,
+  enter: e.bool.isRequired,
+  exit: e.bool.isRequired,
+  transitionEnterDuration: e.number.isRequired,
+  transitionExitDuration: e.number.isRequired
+}, r.defaultProps = {
+  component: "div"
+};
+let n = r;
+export {
+  n as Animation
+};

package/AnimationChild.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("react"),e=require("prop-types"),n=require("@progress/kendo-react-common"),w=require("react-transition-group"),z=require("./util.js");function G(a){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const o in a)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(a,o);Object.defineProperty(r,o,s.get?s:{enumerable:!0,get:()=>a[o]})}}return r.default=a,Object.freeze(r)}const l=G(M),i=z.styles,c=class c extends l.Component{constructor(){super(...arguments),this.elementRef=l.createRef()}get element(){return this.elementRef.current}render(){const{children:r,style:o,appear:s,enter:b,exit:S,transitionName:t,transitionEnterDuration:u,transitionExitDuration:d,className:v,onEnter:E,onEntering:p,onEntered:x,onExit:g,onExiting:f,onExited:y,onAfterExited:h,mountOnEnter:O,unmountOnExit:$,animationEnteringStyle:R,animationEnteredStyle:j,animationExitingStyle:D,animationExitedStyle:N,...q}=this.props,T=n.classNames(v,i["child-animation-container"]),P={transitionDelay:"0ms",...o},A={entering:{transitionDuration:`${u}ms`,...R},entered:{...j},exiting:{transitionDuration:`${d}ms`,...D},exited:{...N}},C={in:this.props.in,appear:s,enter:b,exit:S,mountOnEnter:O,unmountOnExit:$,timeout:{enter:u,exit:d},onEnter:()=>{E&&E.call(void 0,{animatedElement:this.element,target:this})},onEntering:()=>{p&&p.call(void 0,{animatedElement:this.element,target:this})},onEntered:()=>{x&&x.call(void 0,{animatedElement:this.element,target:this})},onExit:()=>{g&&g.call(void 0,{animatedElement:this.element,target:this})},onExiting:()=>{f&&f.call(void 0,{animatedElement:this.element,target:this})},onExited:()=>{h&&h.call(void 0,{animatedElement:this.element,target:this}),y&&y.call(void 0,{animatedElement:this.element,target:this})},classNames:{appear:i[`${t}-appear`]||`${t}-appear`,appearActive:i[`${t}-appear-active`]||`${t}-appear-active`,enter:i[`${t}-enter`]||`${t}-enter`,enterActive:i[`${t}-enter-active`]||`${t}-enter-active`,exit:i[`${t}-exit`]||`${t}-exit`,exitActive:i[`${t}-exit-active`]||`${t}-exit-active`}};return l.createElement(w.CSSTransition,{...C,...q,nodeRef:this.elementRef},k=>l.createElement("div",{style:{...P,...A[k]},className:T,ref:this.elementRef},r))}};c.propTypes={in:e.bool,children:e.oneOfType([e.arrayOf(e.node),e.node]),transitionName:e.string.isRequired,className:e.string,appear:e.bool,enter:e.bool,exit:e.bool,transitionEnterDuration:e.number.isRequired,transitionExitDuration:e.number.isRequired,mountOnEnter:e.bool,unmountOnExit:e.bool,animationEnteringStyle:e.object,animationEnteredStyle:e.object,animationExitingStyle:e.object,animationExitedStyle:e.object},c.defaultProps={mountOnEnter:!0,unmountOnExit:!1,onEnter:n.noop,onEntering:n.noop,onEntered:n.noop,onExit:n.noop,onExiting:n.noop,onExited:n.noop,onAfterExited:n.noop,animationEnteringStyle:{},animationEnteredStyle:{},animationExitingStyle:{},animationExitedStyle:{}};let m=c;exports.AnimationChild=m;

package/AnimationChild.mjs

@@ -0,0 +1,152 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as a from "react";
+import t from "prop-types";
+import { noop as n, classNames as M } from "@progress/kendo-react-common";
+import { CSSTransition as k } from "react-transition-group";
+import w from "./util.mjs";
+const i = w.styles, o = class o extends a.Component {
+  constructor() {
+    super(...arguments), this.elementRef = a.createRef();
+  }
+  /**
+   * The element that is being animated.
+   */
+  get element() {
+    return this.elementRef.current;
+  }
+  /**
+   * @hidden
+   */
+  render() {
+    const {
+      children: f,
+      style: g,
+      appear: h,
+      enter: y,
+      exit: v,
+      transitionName: e,
+      transitionEnterDuration: r,
+      transitionExitDuration: s,
+      className: S,
+      onEnter: l,
+      onEntering: m,
+      onEntered: E,
+      onExit: c,
+      onExiting: d,
+      onExited: p,
+      onAfterExited: x,
+      mountOnEnter: $,
+      unmountOnExit: b,
+      animationEnteringStyle: R,
+      animationEnteredStyle: N,
+      animationExitingStyle: O,
+      animationExitedStyle: D,
+      ...j
+    } = this.props, T = M(
+      S,
+      i["child-animation-container"]
+    ), q = {
+      transitionDelay: "0ms",
+      ...g
+    }, A = {
+      entering: { transitionDuration: `${r}ms`, ...R },
+      entered: { ...N },
+      exiting: { transitionDuration: `${s}ms`, ...O },
+      exited: { ...D }
+    }, P = {
+      in: this.props.in,
+      appear: h,
+      enter: y,
+      exit: v,
+      mountOnEnter: $,
+      unmountOnExit: b,
+      timeout: {
+        enter: r,
+        exit: s
+      },
+      onEnter: () => {
+        l && l.call(void 0, { animatedElement: this.element, target: this });
+      },
+      onEntering: () => {
+        m && m.call(void 0, { animatedElement: this.element, target: this });
+      },
+      onEntered: () => {
+        E && E.call(void 0, { animatedElement: this.element, target: this });
+      },
+      onExit: () => {
+        c && c.call(void 0, { animatedElement: this.element, target: this });
+      },
+      onExiting: () => {
+        d && d.call(void 0, { animatedElement: this.element, target: this });
+      },
+      onExited: () => {
+        x && x.call(void 0, { animatedElement: this.element, target: this }), p && p.call(void 0, { animatedElement: this.element, target: this });
+      },
+      classNames: {
+        appear: i[`${e}-appear`] || `${e}-appear`,
+        appearActive: i[`${e}-appear-active`] || `${e}-appear-active`,
+        enter: i[`${e}-enter`] || `${e}-enter`,
+        enterActive: i[`${e}-enter-active`] || `${e}-enter-active`,
+        exit: i[`${e}-exit`] || `${e}-exit`,
+        exitActive: i[`${e}-exit-active`] || `${e}-exit-active`
+      }
+    };
+    return /* @__PURE__ */ a.createElement(k, { ...P, ...j, nodeRef: this.elementRef }, (C) => /* @__PURE__ */ a.createElement(
+      "div",
+      {
+        style: {
+          ...q,
+          ...A[C]
+        },
+        className: T,
+        ref: this.elementRef
+      },
+      f
+    ));
+  }
+};
+o.propTypes = {
+  in: t.bool,
+  children: t.oneOfType([
+    t.arrayOf(t.node),
+    t.node
+  ]),
+  transitionName: t.string.isRequired,
+  className: t.string,
+  appear: t.bool,
+  enter: t.bool,
+  exit: t.bool,
+  transitionEnterDuration: t.number.isRequired,
+  transitionExitDuration: t.number.isRequired,
+  mountOnEnter: t.bool,
+  unmountOnExit: t.bool,
+  animationEnteringStyle: t.object,
+  animationEnteredStyle: t.object,
+  animationExitingStyle: t.object,
+  animationExitedStyle: t.object
+}, o.defaultProps = {
+  mountOnEnter: !0,
+  unmountOnExit: !1,
+  onEnter: n,
+  onEntering: n,
+  onEntered: n,
+  onExit: n,
+  onExiting: n,
+  onExited: n,
+  onAfterExited: n,
+  animationEnteringStyle: {},
+  animationEnteredStyle: {},
+  animationExitingStyle: {},
+  animationExitedStyle: {}
+};
+let u = o;
+export {
+  u as AnimationChild
+};

package/Expand.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),e=require("prop-types"),u=require("./Animation.js");function p(n){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(r,t,i.get?i:{enumerable:!0,get:()=>n[t]})}}return r.default=n,Object.freeze(r)}const c=p(l),o=class o extends c.Component{render(){const{direction:r,children:t,...i}=this.props,s={transitionName:`expand-${r}`};return c.createElement(u.Animation,{...s,...i},t)}};o.propTypes={children:e.oneOfType([e.arrayOf(e.node),e.node]),childFactory:e.any,className:e.string,direction:e.oneOf(["horizontal","vertical"]),component:e.string,id:e.string,style:e.any},o.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"vertical"};let a=o;exports.Expand=a;

package/Expand.mjs

@@ -0,0 +1,52 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as r from "react";
+import t from "prop-types";
+import { Animation as c } from "./Animation.mjs";
+const e = class e extends r.Component {
+  /**
+   * @hidden
+   */
+  render() {
+    const {
+      direction: n,
+      children: o,
+      ...a
+    } = this.props, s = {
+      transitionName: `expand-${n}`
+    };
+    return /* @__PURE__ */ r.createElement(c, { ...s, ...a }, o);
+  }
+};
+e.propTypes = {
+  children: t.oneOfType([
+    t.arrayOf(t.node),
+    t.node
+  ]),
+  childFactory: t.any,
+  className: t.string,
+  direction: t.oneOf([
+    "horizontal",
+    "vertical"
+  ]),
+  component: t.string,
+  id: t.string,
+  style: t.any
+}, e.defaultProps = {
+  appear: !1,
+  enter: !0,
+  exit: !0,
+  transitionEnterDuration: 300,
+  transitionExitDuration: 300,
+  direction: "vertical"
+};
+let i = e;
+export {
+  i as Expand
+};

package/Fade.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),e=require("prop-types"),l=require("./Animation.js");function u(n){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>n[t]})}}return r.default=n,Object.freeze(r)}const s=u(c),i=class i extends s.Component{render(){const{children:r,...t}=this.props,o={transitionName:"fade"};return s.createElement(l.Animation,{...o,...t},r)}};i.propTypes={children:e.oneOfType([e.arrayOf(e.node),e.node]),childFactory:e.any,className:e.string,component:e.string,id:e.string,style:e.any},i.defaultProps={appear:!1,enter:!0,exit:!1,transitionEnterDuration:500,transitionExitDuration:500};let a=i;exports.Fade=a;

package/Fade.mjs

@@ -0,0 +1,46 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as r from "react";
+import t from "prop-types";
+import { Animation as a } from "./Animation.mjs";
+const n = class n extends r.Component {
+  /**
+   * @hidden
+   */
+  render() {
+    const {
+      children: i,
+      ...o
+    } = this.props, s = {
+      transitionName: "fade"
+    };
+    return /* @__PURE__ */ r.createElement(a, { ...s, ...o }, i);
+  }
+};
+n.propTypes = {
+  children: t.oneOfType([
+    t.arrayOf(t.node),
+    t.node
+  ]),
+  childFactory: t.any,
+  className: t.string,
+  component: t.string,
+  id: t.string,
+  style: t.any
+}, n.defaultProps = {
+  appear: !1,
+  enter: !0,
+  exit: !1,
+  transitionEnterDuration: 500,
+  transitionExitDuration: 500
+};
+let e = n;
+export {
+  e as Fade
+};

package/Push.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),t=require("prop-types"),l=require("./Animation.js");function p(n){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(r,e,i.get?i:{enumerable:!0,get:()=>n[e]})}}return r.default=n,Object.freeze(r)}const s=p(c),d={position:"absolute",top:"0",left:"0"},o=class o extends s.Component{render(){const{children:r,direction:e,...i}=this.props;return s.createElement(l.Animation,{...i,transitionName:`push-${e}`,animationExitingStyle:this.props.stackChildren?d:void 0},r)}};o.propTypes={children:t.oneOfType([t.arrayOf(t.node),t.node]),childFactory:t.any,className:t.string,direction:t.oneOf(["up","down","left","right"]),component:t.string,id:t.string,style:t.any,stackChildren:t.bool},o.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"right",stackChildren:!1};let a=o;exports.Push=a;

package/Push.mjs

@@ -0,0 +1,62 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as i from "react";
+import t from "prop-types";
+import { Animation as a } from "./Animation.mjs";
+const p = { position: "absolute", top: "0", left: "0" }, e = class e extends i.Component {
+  /**
+   * @hidden
+   */
+  render() {
+    const {
+      children: r,
+      direction: o,
+      ...s
+    } = this.props;
+    return /* @__PURE__ */ i.createElement(
+      a,
+      {
+        ...s,
+        transitionName: `push-${o}`,
+        animationExitingStyle: this.props.stackChildren ? p : void 0
+      },
+      r
+    );
+  }
+};
+e.propTypes = {
+  children: t.oneOfType([
+    t.arrayOf(t.node),
+    t.node
+  ]),
+  childFactory: t.any,
+  className: t.string,
+  direction: t.oneOf([
+    "up",
+    "down",
+    "left",
+    "right"
+  ]),
+  component: t.string,
+  id: t.string,
+  style: t.any,
+  stackChildren: t.bool
+}, e.defaultProps = {
+  appear: !1,
+  enter: !0,
+  exit: !0,
+  transitionEnterDuration: 300,
+  transitionExitDuration: 300,
+  direction: "right",
+  stackChildren: !1
+};
+let n = e;
+export {
+  n as Push
+};

package/Reveal.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react"),i=require("prop-types"),E=require("./Animation.js"),y=require("@progress/kendo-react-common"),u=require("./util.js");function W(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(t,e,n.get?n:{enumerable:!0,get:()=>r[e]})}}return t.default=r,Object.freeze(t)}const m=W(x),c=class c extends m.Component{constructor(){super(...arguments),this.state={maxHeight:void 0,maxWidth:void 0},this.componentWillEnter=t=>{const{onEnter:e,onBeforeEnter:n}=this.props;n&&n.call(void 0,t),this.updateContainerDimensions(t.animatedElement,()=>{e&&e.call(void 0,t)})},this.componentIsEntering=t=>{const{onEntering:e}=this.props;this.updateContainerDimensions(t.animatedElement,()=>{e&&e.call(void 0,t)})},this.componentWillExit=t=>{const{onExit:e}=this.props;this.updateContainerDimensions(t.animatedElement,()=>{e&&e.call(void 0,t)})},this.updateContainerDimensions=(t,e=y.noop)=>{const n=t.firstChild;if(n){const l=u.outerHeight(n),a=u.outerWidth(n);this.setState({maxHeight:l,maxWidth:a},e)}}}render(){const{direction:t,children:e,childFactory:n,...l}=this.props,{maxHeight:a,maxWidth:p}=this.state;let o;t==="vertical"?o={maxHeight:a?`${a}px`:""}:o={maxWidth:p?`${p}px`:""};const f={maxHeight:o.maxHeight,maxWidth:o.maxWidth},g=d=>{let s=n?n(d):d;return s.props.in?s:m.cloneElement(s,{...s.props,style:{...s.props.style,maxHeight:o.maxHeight,maxWidth:o.maxWidth}})};return m.createElement(E.Animation,{...l,childFactory:g,onEnter:this.componentWillEnter,onEntering:this.componentIsEntering,onExit:this.componentWillExit,animationEnteringStyle:f,transitionName:`reveal-${t}`},e)}};c.propTypes={children:i.oneOfType([i.arrayOf(i.node),i.node]),childFactory:i.any,className:i.string,direction:i.oneOf(["horizontal","vertical"]),component:i.string,id:i.string,style:i.any},c.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"vertical"};let h=c;exports.Reveal=h;

package/Reveal.mjs

@@ -0,0 +1,117 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as c from "react";
+import n from "prop-types";
+import { Animation as E } from "./Animation.mjs";
+import { noop as g } from "@progress/kendo-react-common";
+import l from "./util.mjs";
+const a = class a extends c.Component {
+  constructor() {
+    super(...arguments), this.state = {
+      maxHeight: void 0,
+      maxWidth: void 0
+    }, this.componentWillEnter = (t) => {
+      const { onEnter: i, onBeforeEnter: e } = this.props;
+      e && e.call(void 0, t), this.updateContainerDimensions(t.animatedElement, () => {
+        i && i.call(void 0, t);
+      });
+    }, this.componentIsEntering = (t) => {
+      const { onEntering: i } = this.props;
+      this.updateContainerDimensions(t.animatedElement, () => {
+        i && i.call(void 0, t);
+      });
+    }, this.componentWillExit = (t) => {
+      const { onExit: i } = this.props;
+      this.updateContainerDimensions(t.animatedElement, () => {
+        i && i.call(void 0, t);
+      });
+    }, this.updateContainerDimensions = (t, i = g) => {
+      const e = t.firstChild;
+      if (e) {
+        const m = l.outerHeight(e), s = l.outerWidth(e);
+        this.setState(
+          {
+            maxHeight: m,
+            maxWidth: s
+          },
+          i
+        );
+      }
+    };
+  }
+  /**
+   * @hidden
+   */
+  render() {
+    const {
+      direction: t,
+      children: i,
+      childFactory: e,
+      ...m
+    } = this.props, {
+      maxHeight: s,
+      maxWidth: h
+    } = this.state;
+    let o;
+    t === "vertical" ? o = { maxHeight: s ? `${s}px` : "" } : o = { maxWidth: h ? `${h}px` : "" };
+    const x = {
+      maxHeight: o.maxHeight,
+      maxWidth: o.maxWidth
+    }, f = (p) => {
+      let r = e ? e(p) : p;
+      return r.props.in ? r : c.cloneElement(r, {
+        ...r.props,
+        style: {
+          ...r.props.style,
+          maxHeight: o.maxHeight,
+          maxWidth: o.maxWidth
+        }
+      });
+    };
+    return /* @__PURE__ */ c.createElement(
+      E,
+      {
+        ...m,
+        childFactory: f,
+        onEnter: this.componentWillEnter,
+        onEntering: this.componentIsEntering,
+        onExit: this.componentWillExit,
+        animationEnteringStyle: x,
+        transitionName: `reveal-${t}`
+      },
+      i
+    );
+  }
+};
+a.propTypes = {
+  children: n.oneOfType([
+    n.arrayOf(n.node),
+    n.node
+  ]),
+  childFactory: n.any,
+  className: n.string,
+  direction: n.oneOf([
+    "horizontal",
+    "vertical"
+  ]),
+  component: n.string,
+  id: n.string,
+  style: n.any
+}, a.defaultProps = {
+  appear: !1,
+  enter: !0,
+  exit: !0,
+  transitionEnterDuration: 300,
+  transitionExitDuration: 300,
+  direction: "vertical"
+};
+let d = a;
+export {
+  d as Reveal
+};

package/Slide.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),e=require("prop-types"),l=require("./Animation.js");function p(n){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>n[t]})}}return r.default=n,Object.freeze(r)}const s=p(u),i=class i extends s.Component{render(){const{direction:r,children:t,...o}=this.props,c={transitionName:`slide-${r}`};return s.createElement(l.Animation,{...c,...o},t)}};i.propTypes={children:e.oneOfType([e.arrayOf(e.node),e.node]),childFactory:e.any,className:e.string,direction:e.oneOf(["up","down","left","right"]),component:e.string,id:e.string,style:e.any},i.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"down"};let a=i;exports.Slide=a;

package/Slide.mjs

@@ -0,0 +1,54 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as r from "react";
+import t from "prop-types";
+import { Animation as p } from "./Animation.mjs";
+const n = class n extends r.Component {
+  /**
+   * @hidden
+   */
+  render() {
+    const {
+      direction: o,
+      children: i,
+      ...s
+    } = this.props, a = {
+      transitionName: `slide-${o}`
+    };
+    return /* @__PURE__ */ r.createElement(p, { ...a, ...s }, i);
+  }
+};
+n.propTypes = {
+  children: t.oneOfType([
+    t.arrayOf(t.node),
+    t.node
+  ]),
+  childFactory: t.any,
+  className: t.string,
+  direction: t.oneOf([
+    "up",
+    "down",
+    "left",
+    "right"
+  ]),
+  component: t.string,
+  id: t.string,
+  style: t.any
+}, n.defaultProps = {
+  appear: !1,
+  enter: !0,
+  exit: !0,
+  transitionEnterDuration: 300,
+  transitionExitDuration: 300,
+  direction: "down"
+};
+let e = n;
+export {
+  e as Slide
+};

package/Zoom.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),t=require("prop-types"),l=require("./Animation.js");function u(n){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(r,e,i.get?i:{enumerable:!0,get:()=>n[e]})}}return r.default=n,Object.freeze(r)}const s=u(c),p={position:"absolute",top:"0",left:"0"},o=class o extends s.Component{render(){const{children:r,direction:e,...i}=this.props;return s.createElement(l.Animation,{...i,transitionName:`zoom-${e}`,animationExitingStyle:this.props.stackChildren?p:void 0},r)}};o.propTypes={children:t.oneOfType([t.arrayOf(t.node),t.node]),childFactory:t.any,className:t.string,direction:t.oneOf(["in","out"]),component:t.string,id:t.string,style:t.any,stackChildren:t.bool},o.defaultProps={appear:!1,enter:!0,exit:!0,transitionEnterDuration:300,transitionExitDuration:300,direction:"out",stackChildren:!1};let a=o;exports.Zoom=a;