@xiping/react-components 0.0.68 → 0.0.70

package/dist/es/components/hyper-text/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as u } from "react/jsx-runtime";
 import { cn as g } from "../../utils/utils.js";
 import { motion as v, AnimatePresence as H } from "motion/react";
@@ -8,10 +9,10 @@ const N = Object.freeze(
 function L({
   children: e,
   className: A,
-  duration: m = 800,
+  duration: l = 800,
   delay: s = 0,
   as: M = "div",
-  startOnView: f = !1,
+  startOnView: m = !1,
   animateOnHover: h = !0,
   characterSet: i = N,
   ...C
@@ -24,7 +25,7 @@ function L({
     h && !a && (r.current = 0, o(!0));
   };
   return d(() => {
-    if (!f) {
+    if (!m) {
       const n = setTimeout(() => {
         o(!0);
       }, s);
@@ -39,17 +40,17 @@ function L({
       { threshold: 0.1, rootMargin: "-30% 0px -30% 0px" }
     );
     return c.current && t.observe(c.current), () => t.disconnect();
-  }, [s, f]), d(() => {
+  }, [s, m]), d(() => {
     if (!a) return;
-    const t = m / (e.length * 10), n = e.length, l = setInterval(() => {
+    const t = l / (e.length * 10), n = e.length, f = setInterval(() => {
       r.current < n ? (b(
         (w) => w.map(
           (p, T) => p === " " ? p : T <= r.current ? e[T] : i[P(i.length)]
         )
-      ), r.current = r.current + 0.1) : (o(!1), clearInterval(l));
+      ), r.current = r.current + 0.1) : (o(!1), clearInterval(f));
     }, t);
-    return () => clearInterval(l);
-  }, [e, m, a, i]), /* @__PURE__ */ u(
+    return () => clearInterval(f);
+  }, [e, l, a, i]), /* @__PURE__ */ u(
     E,
     {
       ref: c,

package/dist/es/components/image-compare/ImageCompare.d.ts

@@ -0,0 +1,7 @@
+interface ImageCompareProps {
+    className?: string;
+    originalImage: string;
+    modifiedImage: string;
+}
+declare const ImageCompare: (props: ImageCompareProps) => import("react/jsx-runtime").JSX.Element;
+export default ImageCompare;

package/dist/es/components/image-viewer/ImageViewer.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import { Modal as C, ModalContent as k } from "@heroui/modal";
 import { Spinner as z } from "@heroui/spinner";

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

@@ -1,7 +1,8 @@
+"use client";
 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";
+import { useState as u, useRef as I, useEffect as a } from "react";
 function R({
   children: r,
   className: l,
@@ -13,8 +14,8 @@ function R({
 }) {
   const d = b.create(m, {
     forwardMotionProps: !0
-  }), [g, v] = a(""), [c, f] = a(!1), o = I(null);
-  return u(() => {
+  }), [g, v] = u(""), [c, f] = u(!1), o = I(null);
+  return a(() => {
     if (!i) {
       const t = setTimeout(() => {
         f(!0);
@@ -30,7 +31,7 @@ function R({
       { threshold: 0.1 }
     );
     return o.current && e.observe(o.current), () => e.disconnect();
-  }, [n, i]), u(() => {
+  }, [n, i]), a(() => {
     if (!c) return;
     let e = 0;
     const t = setInterval(() => {