@arthurzakharov/ui-kit 1.4.3 → 1.4.4

package/dist/animation.module-DQXuL9kR.js

@@ -0,0 +1,6 @@
+import './assets/animation-rpq5162S.css';const n = "_Animation_zlutr_1", t = {
+  Animation: n
+};
+export {
+  t as c
+};

package/dist/animations/animation-fade-grow/animation-fade-grow.component.js

@@ -1,34 +1,34 @@
 import { jsx as o } from "react/jsx-runtime";
-import { withBaseAnimationDefaults as m } from "../utils/default-props.js";
-import { useAnimationLifecycle as r } from "../hook/use-animation-lifecycle/use-animation-lifecycle.hook.js";
-import { m as s } from "../../proxy-Cx6n7mT2.js";
-const u = (a) => {
-  const t = m(a), e = r({
+import m from "clsx";
+import { withBaseAnimationDefaults as r } from "../utils/default-props.js";
+import { useAnimationLifecycle as s } from "../hook/use-animation-lifecycle/use-animation-lifecycle.hook.js";
+import { c } from "../../animation.module-DQXuL9kR.js";
+import { m as l } from "../../proxy-Cx6n7mT2.js";
+const A = (a) => {
+  const t = r(a), i = s({
     condition: t.condition,
     animateOnStart: t.animateOnStart
-  }), i = {
+  }), n = {
     height: 0,
     opacity: 0
-  }, n = { height: "auto", opacity: 1 };
-  return !e.shouldRender && !t.keepMount ? null : /* @__PURE__ */ o(
-    s.div,
+  }, e = { height: "auto", opacity: 1 };
+  return !i.shouldRender && !t.keepMount ? null : /* @__PURE__ */ o("div", { className: m(c.Animation, t.className), children: /* @__PURE__ */ o(
+    l.div,
     {
-      initial: e.getInitialState(i, n),
-      animate: e.getAnimateState(i, n),
+      initial: i.getInitialState(n, e),
+      animate: i.getAnimateState(n, e),
       transition: {
         ease: t.ease,
         duration: t.duration,
         delay: t.delay,
         type: t.type
       },
-      onAnimationComplete: e.onAnimationComplete,
-      style: { overflow: "hidden" },
-      className: t.className,
+      onAnimationComplete: i.onAnimationComplete,
       children: t.children
     },
     t.name
-  );
+  ) });
 };
 export {
-  u as AnimationFadeGrow
+  A as AnimationFadeGrow
 };

package/dist/animations/animation-fade-scale/animation-fade-scale.component.js

@@ -1,33 +1,34 @@
 import { jsx as o } from "react/jsx-runtime";
-import { withBaseAnimationDefaults as m } from "../utils/default-props.js";
-import { useAnimationLifecycle as l } from "../hook/use-animation-lifecycle/use-animation-lifecycle.hook.js";
-import { m as r } from "../../proxy-Cx6n7mT2.js";
-const p = (i) => {
-  const t = m(i), e = l({
-    condition: i.condition,
+import m from "clsx";
+import { withBaseAnimationDefaults as r } from "../utils/default-props.js";
+import { useAnimationLifecycle as s } from "../hook/use-animation-lifecycle/use-animation-lifecycle.hook.js";
+import { c } from "../../animation.module-DQXuL9kR.js";
+import { m as l } from "../../proxy-Cx6n7mT2.js";
+const S = (n) => {
+  const t = r(n), i = s({
+    condition: n.condition,
     animateOnStart: t.animateOnStart
-  }), n = {
+  }), e = {
     opacity: 0,
     scale: 0.95
   }, a = { opacity: 1, scale: 1 };
-  return !e.shouldRender && !t.keepMount ? null : /* @__PURE__ */ o(
-    r.div,
+  return !i.shouldRender && !t.keepMount ? null : /* @__PURE__ */ o("div", { className: m(c.Animation, t.className), children: /* @__PURE__ */ o(
+    l.div,
     {
-      initial: e.getInitialState(n, a),
-      animate: e.getAnimateState(n, a),
+      initial: i.getInitialState(e, a),
+      animate: i.getAnimateState(e, a),
       transition: {
         ease: t.ease,
         duration: t.duration,
         delay: t.delay,
         type: t.type
       },
-      onAnimationComplete: e.onAnimationComplete,
-      className: i.className,
+      onAnimationComplete: i.onAnimationComplete,
       children: t.children
     },
     t.name
-  );
+  ) });
 };
 export {
-  p as AnimationFadeScale
+  S as AnimationFadeScale
 };

package/dist/animations/animation-fade-slide/animation-fade-slide.component.js

@@ -1,33 +1,35 @@
 import { jsx as o } from "react/jsx-runtime";
+import r from "clsx";
 import { withBaseAnimationDefaults as m } from "../utils/default-props.js";
-import { useAnimationLifecycle as r } from "../hook/use-animation-lifecycle/use-animation-lifecycle.hook.js";
-import { m as l } from "../../proxy-Cx6n7mT2.js";
-const u = (a) => {
-  const t = m(a), i = r({
+import { useAnimationLifecycle as l } from "../hook/use-animation-lifecycle/use-animation-lifecycle.hook.js";
+import { c as s } from "../../animation.module-DQXuL9kR.js";
+import { m as d } from "../../proxy-Cx6n7mT2.js";
+const A = (a) => {
+  const t = m(a), i = l({
     condition: t.condition,
     animateOnStart: t.animateOnStart
-  }), e = {
+  }), n = {
     x: (t.direction ?? "ltr") === "ltr" ? "-100%" : "100%",
     opacity: 0
-  }, n = { x: 0, opacity: 1 };
-  return !i.shouldRender && !t.keepMount ? null : /* @__PURE__ */ o(
-    l.div,
+  }, e = { x: 0, opacity: 1 };
+  return !i.shouldRender && !t.keepMount ? null : /* @__PURE__ */ o("div", { className: r(s.Animation, t.className), children: /* @__PURE__ */ o(
+    d.div,
     {
-      initial: i.getInitialState(e, n),
-      animate: i.getAnimateState(e, n),
+      initial: i.getInitialState(n, e),
+      animate: i.getAnimateState(n, e),
       transition: {
         ease: t.ease,
         duration: t.duration,
         delay: t.delay,
         type: t.type
       },
+      style: { overflow: "hidden" },
       onAnimationComplete: i.onAnimationComplete,
-      className: t.className,
       children: t.children
     },
     t.name
-  );
+  ) });
 };
 export {
-  u as AnimationFadeSlide
+  A as AnimationFadeSlide
 };

package/dist/assets/animation-rpq5162S.css

@@ -0,0 +1 @@
+._Animation_zlutr_1{overflow:hidden}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arthurzakharov/ui-kit",
   "private": false,
-  "version": "1.4.3",
+  "version": "1.4.4",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",