@arthurzakharov/ui-kit 1.0.27 → 1.0.28

package/dist/components/animation/animation.component.d.ts

@@ -0,0 +1,6 @@
+export type { FadeScaleProps } from './fade-scale/fade-scale.component';
+export type { FadeSlideProps } from './fade-slide/fade-slide.component';
+export declare const Animation: {
+    FadeScale: (props: import('./animation.component').FadeScaleProps) => import("react/jsx-runtime").JSX.Element | null;
+    FadeSlide: (props: import('./animation.component').FadeSlideProps) => import("react/jsx-runtime").JSX.Element | null;
+};

package/dist/components/animation/fade-scale/fade-scale.component.d.ts

@@ -1,6 +1,6 @@
-import { PropsWithChildren } from 'react';
 import { AnimationGeneratorType, Easing } from 'motion';
-interface FadeScaleProps extends PropsWithChildren {
+import { PropsWithChildren } from 'react';
+export interface FadeScaleProps extends PropsWithChildren {
     name: string;
     condition: boolean;
     className?: string;
@@ -11,4 +11,3 @@ interface FadeScaleProps extends PropsWithChildren {
     suppressFirstAnimation?: boolean;
 }
 export declare const FadeScale: (props: FadeScaleProps) => import("react/jsx-runtime").JSX.Element | null;
-export {};

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

@@ -16,7 +16,7 @@ const R = (t) => {
   if (d(() => {
     e.current = !0;
   }, []), !r) return null;
-  const u = e.current ? { opacity: 0, scale: 0.95 } : !1;
+  const u = e.current ? !1 : { opacity: 0, scale: 0.95 };
   return /* @__PURE__ */ f(
     y.div,
     {

package/dist/components/animation/fade-slide/fade-slide.component.d.ts

@@ -1,6 +1,6 @@
-import { PropsWithChildren } from 'react';
 import { AnimationGeneratorType, Easing } from 'motion';
-interface FadeSlideProps extends PropsWithChildren {
+import { PropsWithChildren } from 'react';
+export interface FadeSlideProps extends PropsWithChildren {
     name: string;
     condition: boolean;
     direction?: 'ltr' | 'rtl';
@@ -9,6 +9,6 @@ interface FadeSlideProps extends PropsWithChildren {
     ease?: Easing | Easing[];
     duration?: number;
     delay?: number;
+    suppressFirstAnimation?: boolean;
 }
 export declare const FadeSlide: (props: FadeSlideProps) => import("react/jsx-runtime").JSX.Element | null;
-export {};

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

@@ -1,29 +1,35 @@
-import { jsx as i } from "react/jsx-runtime";
-import { m } from "../../../proxy-BfgGIllg.js";
-const y = (t) => {
+import { jsx as t } from "react/jsx-runtime";
+import { useRef as p, useEffect as y } from "react";
+import { m as h } from "../../../proxy-BfgGIllg.js";
+const F = (i) => {
   const {
-    children: e,
-    name: n,
+    children: n,
+    name: r,
     condition: o,
-    direction: r = "ltr",
+    direction: s = "ltr",
     ease: a = "easeInOut",
-    type: d = "tween",
-    className: l = "",
-    duration: s = 0.125,
-    delay: c = 0
-  } = t;
-  return o ? /* @__PURE__ */ i("div", { style: { overflow: "hidden" }, children: /* @__PURE__ */ i(
-    m.div,
+    type: c = "tween",
+    className: d = "",
+    duration: l = 0.125,
+    delay: m = 0,
+    suppressFirstAnimation: u = !1
+  } = i, e = p(u);
+  if (y(() => {
+    e.current = !0;
+  }, []), !o) return null;
+  const f = e.current ? !1 : { x: s === "ltr" ? "-100%" : "100%", opacity: 0 };
+  return /* @__PURE__ */ t("div", { style: { overflow: "hidden" }, children: /* @__PURE__ */ t(
+    h.div,
     {
-      initial: { x: r === "ltr" ? "-100%" : "100%", opacity: 0 },
+      initial: f,
       animate: { x: 0, opacity: 1 },
-      transition: { ease: a, duration: s, delay: c, type: d },
-      className: l,
-      children: e
+      transition: { ease: a, duration: l, delay: m, type: c },
+      className: d,
+      children: n
     },
-    n
-  ) }) : null;
+    r
+  ) });
 };
 export {
-  y as FadeSlide
+  F as FadeSlide
 };

package/dist/main.d.ts

@@ -1,4 +1,4 @@
-export { Animation } from './components/animation/animation.component';
+export { Animation, type FadeScaleProps, type FadeSlideProps } from './components/animation/animation.component';
 export { Certifications, type CertificationsProps, type CertificationsIcon, } from './components/certifications/certifications.component';
 export { Control } from './components/control/control.component';
 export { Footer, type FooterProps } from './components/footer/footer.component';

package/package.json

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