@courtneyring/components-library 1.0.36 → 1.0.37

package/dist/animations/FadeIn.js

@@ -0,0 +1,34 @@
+import { jsx as n } from "react/jsx-runtime";
+import { useRef as f, useLayoutEffect as u, useEffect as a } from "react";
+import { g as e } from "../index-BmTo-IS6.js";
+import { isMobile as p } from "../utils/breakpoints.js";
+import m from "../hooks/useResponsive.js";
+import { S as l } from "../ScrollTrigger-6HnikosL.js";
+e.registerPlugin(l);
+const v = ({ children: r, className: o, excludeTranslate: s }) => {
+  const i = m(p), t = f();
+  return (typeof window < "u" ? u : a)(() => {
+    let c = e.context(() => {
+      e.to(t.current, {
+        opacity: 1,
+        y: "0",
+        duration: 0.5,
+        scrollTrigger: {
+          trigger: t.current,
+          start: i ? "top center" : "top top+=70%"
+        }
+      });
+    });
+    return () => () => c.revert();
+  }, []), /* @__PURE__ */ n(
+    "div",
+    {
+      ref: t,
+      className: `opacity-0 ${!s && "translate-y-3"} ${o}`,
+      children: r
+    }
+  );
+};
+export {
+  v as default
+};