@xiping/react-components 0.0.64 → 0.0.67

package/dist/es/components/typing-animation/index.js

@@ -0,0 +1,58 @@
+import { jsx as T } from "react/jsx-runtime";
+import { cn as x } from "../../utils/utils.js";
+import { motion as b } from "motion/react";
+import { useState as a, useRef as I, useEffect as u } from "react";
+function R({
+  children: r,
+  className: l,
+  duration: s = 100,
+  delay: n = 0,
+  as: m = "div",
+  startOnView: i = !1,
+  ...p
+}) {
+  const d = b.create(m, {
+    forwardMotionProps: !0
+  }), [g, v] = a(""), [c, f] = a(!1), o = I(null);
+  return u(() => {
+    if (!i) {
+      const t = setTimeout(() => {
+        f(!0);
+      }, n);
+      return () => clearTimeout(t);
+    }
+    const e = new IntersectionObserver(
+      ([t]) => {
+        t.isIntersecting && (setTimeout(() => {
+          f(!0);
+        }, n), e.disconnect());
+      },
+      { threshold: 0.1 }
+    );
+    return o.current && e.observe(o.current), () => e.disconnect();
+  }, [n, i]), u(() => {
+    if (!c) return;
+    let e = 0;
+    const t = setInterval(() => {
+      e < r.length ? (v(r.substring(0, e + 1)), e++) : clearInterval(t);
+    }, s);
+    return () => {
+      clearInterval(t);
+    };
+  }, [r, s, c]), /* @__PURE__ */ T(
+    d,
+    {
+      ref: o,
+      className: x(
+        "text-4xl font-bold leading-[5rem] tracking-[-0.02em]",
+        l
+      ),
+      ...p,
+      children: g
+    }
+  );
+}
+export {
+  R as TypingAnimation,
+  R as default
+};

package/dist/es/index.d.ts

@@ -2,3 +2,5 @@ export * from './components/button/Button';
 export * from './components/txt-reader/TxtReader';
 export * from './components/pinch-content';
 export * from './components/image-viewer';
+export * from './components/hyper-text';
+export * from './components/typing-animation';

package/dist/es/index.js

@@ -1,11 +1,15 @@
 /* empty css          */
-import { Button as r } from "./components/button/Button.js";
-import { TxtReader as f } from "./components/txt-reader/TxtReader.js";
-import { default as p } from "./components/pinch-content/PinchContent.js";
-import { default as n } from "./components/image-viewer/ImageViewer.js";
+import { Button as t } from "./components/button/Button.js";
+import { TxtReader as p } from "./components/txt-reader/TxtReader.js";
+import { HyperText as x } from "./components/hyper-text/index.js";
+import { TypingAnimation as n } from "./components/typing-animation/index.js";
+import { default as d } from "./components/pinch-content/PinchContent.js";
+import { default as T } from "./components/image-viewer/ImageViewer.js";
 export {
-  r as Button,
-  n as ImageViewer,
-  p as PinchContent,
-  f as TxtReader
+  t as Button,
+  x as HyperText,
+  T as ImageViewer,
+  d as PinchContent,
+  p as TxtReader,
+  n as TypingAnimation
 };