@xiping/react-components 1.0.24 → 1.0.26

package/dist/es/components/blur-fade/BlurFade.d.ts

@@ -0,0 +1,23 @@
+import { UseInViewOptions, MotionProps } from 'motion/react';
+type MarginType = UseInViewOptions["margin"];
+interface BlurFadeProps extends MotionProps {
+    children: React.ReactNode;
+    className?: string;
+    variant?: {
+        hidden: {
+            y: number;
+        };
+        visible: {
+            y: number;
+        };
+    };
+    duration?: number;
+    delay?: number;
+    offset?: number;
+    direction?: "up" | "down" | "left" | "right";
+    inView?: boolean;
+    inViewMargin?: MarginType;
+    blur?: string;
+}
+export declare function BlurFade({ children, className, variant, duration, delay, offset, direction, inView, inViewMargin, blur, ...props }: BlurFadeProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/es/components/blur-fade/BlurFade.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx as n } from "react/jsx-runtime";
+import { useInView as b, AnimatePresence as w, motion as y } from "motion/react";
+import { useRef as V } from "react";
+function R({
+  children: r,
+  className: a,
+  variant: s,
+  duration: l = 0.4,
+  delay: o = 0,
+  offset: i = 6,
+  direction: e = "down",
+  inView: u = !1,
+  inViewMargin: d = "-50px",
+  blur: m = "6px",
+  ...f
+}) {
+  const t = V(null), p = b(t, { once: !0, margin: d }), c = !u || p, h = {
+    hidden: {
+      [e === "left" || e === "right" ? "x" : "y"]: e === "right" || e === "down" ? -i : i,
+      opacity: 0,
+      filter: `blur(${m})`
+    },
+    visible: {
+      [e === "left" || e === "right" ? "x" : "y"]: 0,
+      opacity: 1,
+      filter: "blur(0px)"
+    }
+  }, x = s || h;
+  return /* @__PURE__ */ n(w, { children: /* @__PURE__ */ n(
+    y.div,
+    {
+      ref: t,
+      initial: "hidden",
+      animate: c ? "visible" : "hidden",
+      exit: "hidden",
+      variants: x,
+      transition: {
+        delay: 0.04 + o,
+        duration: l,
+        ease: "easeOut"
+      },
+      className: a,
+      ...f,
+      children: r
+    }
+  ) });
+}
+export {
+  R as BlurFade
+};

package/dist/es/components/blur-fade/index.d.ts

@@ -0,0 +1,2 @@
+import { BlurFade } from './BlurFade.tsx';
+export { BlurFade };

package/dist/es/components/button/Button.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode, ButtonHTMLAttributes } from 'react';
-export type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost';
-export type ButtonSize = 'small' | 'medium' | 'large';
-export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'disabled'> {
+export type ButtonVariant = "primary" | "secondary" | "outline" | "ghost";
+export type ButtonSize = "small" | "medium" | "large";
+export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "disabled"> {
     /** Button variant that changes the visual style */
     variant?: ButtonVariant;
     /** Size of the button */

package/dist/es/components/button/Button.js

@@ -1,5 +1,5 @@
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import x from "clsx";
+import { cn as h } from "../../utils/utils.js";
 const w = ({
   variant: l = "primary",
   size: n = "medium",
@@ -22,7 +22,7 @@ const w = ({
     small: "px-3 py-1.5 text-sm",
     medium: "px-4 py-2 text-base",
     large: "px-6 py-3 text-lg"
-  }, b = x(
+  }, b = h(
     y,
     p[l],
     f[n],

package/dist/es/components/hyper-text/index.d.ts

@@ -19,4 +19,4 @@ interface HyperTextProps extends MotionProps {
     characterSet?: CharacterSet;
 }
 export declare function HyperText({ children, className, duration, delay, as: Component, startOnView, animateOnHover, characterSet, ...props }: HyperTextProps): import("react/jsx-runtime").JSX.Element;
-export default HyperText;
+export {};

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

@@ -1,74 +1,76 @@
 "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";
-import { useState as x, useRef as I, useEffect as d } from "react";
-const N = Object.freeze(
+import { motion as x, AnimatePresence as U } from "motion/react";
+import { useState as M, useRef as h, useEffect as I } from "react";
+const j = Object.freeze(
   "ABCDEFGHIJKLMNOPQRSTUVWXYZ".split("")
-), P = (e) => Math.floor(Math.random() * e);
-function L({
-  children: e,
-  className: A,
-  duration: l = 800,
-  delay: s = 0,
-  as: M = "div",
-  startOnView: m = !1,
-  animateOnHover: h = !0,
-  characterSet: i = N,
-  ...C
+), q = (n) => Math.floor(Math.random() * n);
+function z({
+  children: n,
+  className: C,
+  duration: f = 800,
+  delay: r = 0,
+  as: E = "div",
+  startOnView: p = !1,
+  animateOnHover: F = !0,
+  characterSet: s = j,
+  ...R
 }) {
-  const E = v.create(M, {
+  const b = x.create(E, {
     forwardMotionProps: !0
-  }), [R, b] = x(
-    () => e.split("")
-  ), [a, o] = x(!1), r = I(0), c = I(null), D = () => {
-    h && !a && (r.current = 0, o(!0));
+  }), [v, w] = M(
+    () => n.split("")
+  ), [i, o] = M(!1), a = h(0), m = h(null), D = () => {
+    F && !i && (a.current = 0, o(!0));
   };
-  return d(() => {
-    if (!m) {
-      const n = setTimeout(() => {
+  return I(() => {
+    if (!p) {
+      const t = setTimeout(() => {
         o(!0);
-      }, s);
-      return () => clearTimeout(n);
+      }, r);
+      return () => clearTimeout(t);
     }
-    const t = new IntersectionObserver(
-      ([n]) => {
-        n.isIntersecting && (setTimeout(() => {
+    const e = new IntersectionObserver(
+      ([t]) => {
+        t.isIntersecting && (setTimeout(() => {
           o(!0);
-        }, s), t.disconnect());
+        }, r), e.disconnect());
       },
       { threshold: 0.1, rootMargin: "-30% 0px -30% 0px" }
     );
-    return c.current && t.observe(c.current), () => t.disconnect();
-  }, [s, m]), d(() => {
-    if (!a) return;
-    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)]
+    return m.current && e.observe(m.current), () => e.disconnect();
+  }, [r, p]), I(() => {
+    if (!i) return;
+    const e = n.length, t = performance.now();
+    let c;
+    const l = (H) => {
+      const N = H - t, T = Math.min(N / f, 1);
+      a.current = T * e, w(
+        (P) => P.map(
+          (A, d) => A === " " ? A : d <= a.current ? n[d] : s[q(s.length)]
         )
-      ), r.current = r.current + 0.1) : (o(!1), clearInterval(f));
-    }, t);
-    return () => clearInterval(f);
-  }, [e, l, a, i]), /* @__PURE__ */ u(
-    E,
+      ), T < 1 ? c = requestAnimationFrame(l) : o(!1);
+    };
+    return c = requestAnimationFrame(l), () => cancelAnimationFrame(c);
+  }, [n, f, i, s]), /* @__PURE__ */ u(
+    b,
     {
-      ref: c,
-      className: g("overflow-hidden py-2 text-4xl font-bold", A),
+      ref: m,
+      className: g("overflow-hidden py-2 text-4xl font-bold", C),
       onMouseEnter: D,
-      ...C,
-      children: /* @__PURE__ */ u(H, { children: R.map((t, n) => /* @__PURE__ */ u(
-        v.span,
+      ...R,
+      children: /* @__PURE__ */ u(U, { children: v.map((e, t) => /* @__PURE__ */ u(
+        x.span,
         {
-          className: g("font-mono", t === " " ? "w-3" : ""),
-          children: t.toUpperCase()
+          className: g("font-mono", e === " " ? "w-3" : ""),
+          children: e.toUpperCase()
         },
-        n
+        t
       )) })
     }
   );
 }
 export {
-  L as HyperText,
-  L as default
+  z as HyperText
 };

package/dist/es/components/image-viewer/ImageThumbnails.d.ts

@@ -0,0 +1,7 @@
+interface ImageThumbnailsProps {
+    images: string[];
+    currentIndex: number;
+    onImageSelect: (index: number) => void;
+}
+declare const ImageThumbnails: ({ images, currentIndex, onImageSelect, }: ImageThumbnailsProps) => import("react/jsx-runtime").JSX.Element;
+export default ImageThumbnails;

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

@@ -0,0 +1,74 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useScroll as g, motion as h, useMotionValue as p, useMotionValueEvent as b, animate as l } from "motion/react";
+import { cn as v } from "../../utils/utils.js";
+import { size as w } from "lodash-es";
+import { useRef as k } from "react";
+const m = "0%", x = "100%", d = "20%", s = "80%", n = "#0000", e = "#000";
+function I(r) {
+  const o = p(
+    `linear-gradient(90deg, ${e}, ${e} ${m}, ${e} ${s}, ${n})`
+  );
+  return b(r, "change", (a) => {
+    a === 0 ? l(
+      o,
+      `linear-gradient(90deg, ${e}, ${e} ${m}, ${e} ${s}, ${n})`
+    ) : a === 1 ? l(
+      o,
+      `linear-gradient(90deg, ${n}, ${e} ${d}, ${e} ${x}, ${e})`
+    ) : (r.getPrevious() === 0 || r.getPrevious() === 1) && l(
+      o,
+      `linear-gradient(90deg, ${n}, ${e} ${d}, ${e} ${s}, ${n})`
+    );
+  }), o;
+}
+const j = ({
+  images: r,
+  currentIndex: o,
+  onImageSelect: a
+}) => {
+  const i = k(null), { scrollXProgress: $ } = g({ container: i }), u = I($);
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: v(
+        "h-24 bg-black bg-opacity-50 shrink-0 z-10 pb-safe-offset-0 pl-safe-offset-0 pr-safe-offset-0",
+        {
+          hidden: w(r) <= 1
+        }
+      ),
+      children: /* @__PURE__ */ t(
+        h.div,
+        {
+          ref: i,
+          style: {
+            maskImage: u,
+            WebkitOverflowScrolling: "touch",
+            scrollbarWidth: "none",
+            msOverflowStyle: "none"
+          },
+          className: "h-24 w-screen overflow-x-auto overflow-y-hidden scrollbar-hide",
+          children: /* @__PURE__ */ t("div", { className: "flex gap-2 p-2 h-24 min-w-max", children: r.map((c, f) => /* @__PURE__ */ t(
+            "div",
+            {
+              className: `h-full aspect-square flex-shrink-0 cursor-pointer border-2 transition-all ${f === o ? "border-white" : "border-transparent"}`,
+              onClick: () => a(f),
+              children: /* @__PURE__ */ t(
+                "img",
+                {
+                  src: c,
+                  alt: "",
+                  className: "w-full h-full object-contain",
+                  draggable: "false"
+                }
+              )
+            },
+            c
+          )) })
+        }
+      )
+    }
+  );
+};
+export {
+  j as default
+};

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

@@ -1,142 +1,100 @@
 "use client";
-import { jsx as t, jsxs as u } from "react/jsx-runtime";
-import { Modal as z, ModalContent as M } from "@heroui/modal";
-import { Spinner as D } from "@heroui/spinner";
-import { IoDownloadOutline as U, IoCloseSharp as V } from "react-icons/io5";
-import q from "../pinch-content/PinchContent.js";
-import { useScroll as A, motion as B, useMotionValue as P, useMotionValueEvent as W, animate as h } from "motion/react";
-import { useState as v, useRef as H, useEffect as T } from "react";
-import _ from "clsx";
-const $ = (o) => {
-  o.target.closest(".image-viewer-main-content") && o.preventDefault();
-}, y = "0%", F = "100%", x = "20%", g = "80%", l = "#0000", n = "#000";
-function G(o) {
-  const e = P(
-    `linear-gradient(90deg, ${n}, ${n} ${y}, ${n} ${g}, ${l})`
-  );
-  return W(o, "change", (i) => {
-    i === 0 ? h(
-      e,
-      `linear-gradient(90deg, ${n}, ${n} ${y}, ${n} ${g}, ${l})`
-    ) : i === 1 ? h(
-      e,
-      `linear-gradient(90deg, ${l}, ${n} ${x}, ${n} ${F}, ${n})`
-    ) : (o.getPrevious() === 0 || o.getPrevious() === 1) && h(
-      e,
-      `linear-gradient(90deg, ${l}, ${n} ${x}, ${n} ${g}, ${l})`
-    );
-  }), e;
-}
-const ne = (o) => {
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { Modal as N, ModalContent as L } from "@heroui/modal";
+import { Spinner as E } from "@heroui/spinner";
+import { IoDownloadOutline as j, IoCloseSharp as k } from "react-icons/io5";
+import S from "../pinch-content/PinchContent.js";
+import z from "./ImageThumbnails.js";
+import { useState as u, useEffect as R } from "react";
+import D from "clsx";
+const h = (t) => {
+  t.target.closest(".image-viewer-main-content") && t.preventDefault();
+}, _ = (t) => {
   const {
-    isOpen: e,
-    onClose: i,
-    imgSrc: d,
-    canDownload: C = !1,
-    wrapperClassName: N
-  } = o, c = Array.isArray(d) ? d : [d], [m, k] = v(0), [I, f] = v(!0), p = H(null), b = () => {
-    f(!0), i();
-  }, E = async () => {
-    const r = c[m];
+    isOpen: o,
+    onClose: p,
+    imgSrc: r,
+    canDownload: g = !1,
+    wrapperClassName: b
+  } = t, s = Array.isArray(r) ? r : [r], [a, w] = u(0), [v, l] = u(!0), i = () => {
+    l(!0), p();
+  }, y = async () => {
+    const d = s[a];
     try {
-      const R = await (await fetch(r)).blob(), w = window.URL.createObjectURL(R), a = document.createElement("a");
-      a.href = w, a.download = r.split("/").pop() || "image", document.body.appendChild(a), a.click(), window.URL.revokeObjectURL(w), document.body.removeChild(a);
-    } catch (s) {
-      console.error("Error downloading image:", s);
+      const I = await (await fetch(d)).blob(), f = window.URL.createObjectURL(I), n = document.createElement("a");
+      n.href = f, n.download = d.split("/").pop() || "image", document.body.appendChild(n), n.click(), window.URL.revokeObjectURL(f), document.body.removeChild(n);
+    } catch (m) {
+      console.error("Error downloading image:", m);
     }
-  }, L = () => {
-    f(!1);
-  }, S = () => {
-    f(!1);
+  }, C = () => {
+    l(!1);
+  }, x = () => {
+    l(!1);
   };
-  T(() => {
-    if (e)
-      return document.addEventListener("touchmove", $, {
+  return R(() => {
+    if (o)
+      return document.addEventListener("touchmove", h, {
         passive: !1
       }), () => {
-        document.removeEventListener("touchmove", $);
+        document.removeEventListener("touchmove", h);
       };
-  }, [e]);
-  const { scrollXProgress: j } = A({ container: p }), O = G(j);
-  return /* @__PURE__ */ t(
-    z,
+  }, [o]), /* @__PURE__ */ e(
+    N,
     {
-      isOpen: e,
+      isOpen: o,
       size: "full",
-      onClose: b,
+      onClose: i,
       classNames: {
-        wrapper: _("", N)
+        wrapper: D("", b)
       },
       className: "bg-black bg-opacity-70",
       hideCloseButton: !0,
       portalContainer: document.body,
-      children: /* @__PURE__ */ t(M, { className: "overflow-hidden", children: /* @__PURE__ */ u("div", { className: "w-screen h-screen relative flex flex-col pt-safe-offset-0", children: [
-        /* @__PURE__ */ u("div", { className: "absolute top-2 right-2 flex gap-4 z-10", children: [
-          C && /* @__PURE__ */ t(
-            U,
+      children: /* @__PURE__ */ e(L, { className: "overflow-hidden", children: /* @__PURE__ */ c("div", { className: "w-screen h-screen relative flex flex-col pt-safe-offset-0", children: [
+        /* @__PURE__ */ c("div", { className: "absolute top-2 right-2 flex gap-4 z-10", children: [
+          g && /* @__PURE__ */ e(
+            j,
             {
               size: 24,
               className: "text-white cursor-pointer",
-              onClick: E
+              onClick: y
             }
           ),
-          /* @__PURE__ */ t(
-            V,
+          /* @__PURE__ */ e(
+            k,
             {
               size: 24,
               className: "text-white cursor-pointer",
-              onClick: b
+              onClick: i
             }
           )
         ] }),
-        /* @__PURE__ */ u("div", { className: "flex-1 min-h-0 relative flex items-center justify-center image-viewer-main-content", children: [
-          /* @__PURE__ */ t(q, { canRotate: !1, className: "w-full h-full", children: /* @__PURE__ */ t(
+        /* @__PURE__ */ c("div", { className: "flex-1 min-h-0 relative flex items-center justify-center image-viewer-main-content", children: [
+          /* @__PURE__ */ e(S, { canRotate: !1, className: "w-full h-full", children: /* @__PURE__ */ e(
             "img",
             {
               draggable: "false",
-              src: c[m],
+              src: s[a],
               alt: "",
               className: "w-screen h-full object-contain pointer-events-none",
-              onLoad: L,
-              onError: S
+              onLoad: C,
+              onError: x
             }
           ) }),
-          I && /* @__PURE__ */ t("div", { className: "absolute inset-0 flex items-center justify-center bg-black bg-opacity-50", children: /* @__PURE__ */ t(D, { color: "white", size: "lg" }) })
+          v && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black bg-opacity-50", children: /* @__PURE__ */ e(E, { color: "white", size: "lg" }) })
         ] }),
-        c.length > 1 && /* @__PURE__ */ t("div", { className: "h-24 bg-black bg-opacity-50 shrink-0 z-10 pb-safe-offset-0 pl-safe-offset-0 pr-safe-offset-0", children: /* @__PURE__ */ t(
-          B.div,
+        /* @__PURE__ */ e(
+          z,
           {
-            ref: p,
-            style: {
-              maskImage: O,
-              WebkitOverflowScrolling: "touch",
-              scrollbarWidth: "none",
-              msOverflowStyle: "none"
-            },
-            className: "h-24 w-screen overflow-x-auto overflow-y-hidden scrollbar-hide",
-            children: /* @__PURE__ */ t("div", { className: "flex gap-2 p-2 h-24 min-w-max", children: c.map((r, s) => /* @__PURE__ */ t(
-              "div",
-              {
-                className: `h-full aspect-square flex-shrink-0 cursor-pointer border-2 transition-all ${s === m ? "border-white" : "border-transparent"}`,
-                onClick: () => k(s),
-                children: /* @__PURE__ */ t(
-                  "img",
-                  {
-                    src: r,
-                    alt: "",
-                    className: "w-full h-full object-contain",
-                    draggable: "false"
-                  }
-                )
-              },
-              r
-            )) })
+            images: s,
+            currentIndex: a,
+            onImageSelect: w
           }
-        ) })
+        )
       ] }) })
     }
   );
-}, J = `
+}, O = `
   .scrollbar-hide {
     -ms-overflow-style: none;
     scrollbar-width: none;
@@ -146,12 +104,12 @@ const ne = (o) => {
   }
 `;
 if (typeof document < "u") {
-  const o = "image-viewer-scrollbar-hide";
-  if (!document.getElementById(o)) {
-    const e = document.createElement("style");
-    e.id = o, e.textContent = J, document.head.appendChild(e);
+  const t = "image-viewer-scrollbar-hide";
+  if (!document.getElementById(t)) {
+    const o = document.createElement("style");
+    o.id = t, o.textContent = O, document.head.appendChild(o);
   }
 }
 export {
-  ne as default
+  _ as default
 };

package/dist/es/components/image-viewer/index.d.ts

@@ -1,3 +1 @@
-import { default as ImageViewer } from './ImageViewer';
-export { ImageViewer };
-export default ImageViewer;
+export { default as ImageViewer } from './ImageViewer';

package/dist/es/components/morphing-text/index.d.ts

@@ -3,4 +3,4 @@ interface MorphingTextProps {
     texts: string[];
 }
 export declare const MorphingText: React.FC<MorphingTextProps>;
-export default MorphingText;
+export {};

package/dist/es/components/scratch-to-reveal/ScratchToReveal.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+interface ScratchToRevealProps {
+    children: React.ReactNode;
+    width: number;
+    height: number;
+    minScratchPercentage?: number;
+    className?: string;
+    onComplete?: () => void;
+    gradientColors?: [string, string, string];
+}
+export declare const ScratchToReveal: React.FC<ScratchToRevealProps>;
+export {};

package/dist/es/components/scratch-to-reveal/index.d.ts

@@ -0,0 +1,2 @@
+import { ScratchToReveal } from './ScratchToReveal';
+export { ScratchToReveal };

package/dist/es/index.d.ts

@@ -16,3 +16,4 @@ export * from './components/confetti-button';
 export * from './hooks/useStayTimeReport';
 export * from './components/pointer';
 export * from './components/sparkles-text';
+export * from './components/blur-fade';

package/dist/es/index.js

@@ -1,44 +1,46 @@
 /* empty css          */
-import { Button as e } from "./components/button/Button.js";
+import { Button as t } from "./components/button/Button.js";
 import { TxtReader as f } 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 { QRCode as s } from "./components/qr-code/index.js";
+import { QRCode as d } from "./components/qr-code/index.js";
 import { Confetti as u, ConfettiButton as c } from "./components/confetti-button/index.js";
-import { useStayTimeReport as l } from "./hooks/useStayTimeReport.js";
+import { useStayTimeReport as T } from "./hooks/useStayTimeReport.js";
 import { default as g } from "./components/pinch-content/PinchContent.js";
-import { default as h } from "./components/image-viewer/ImageViewer.js";
-import { ShimmerButton as B } from "./components/shimmer-button/ShimmerButton.js";
+import { default as B } from "./components/image-viewer/ImageViewer.js";
+import { ShimmerButton as y } from "./components/shimmer-button/ShimmerButton.js";
 import { default as I } from "./components/image-compare/ImageCompare.js";
 import { TextAnimate as S } from "./components/text-animate/TextAnimate.js";
-import { Dock as P, DockIcon as V, dockVariants as w } from "./components/dock/Duck.js";
-import { TxtEditor as F } from "./components/txt-editor/TxtEditor.js";
+import { Dock as F, DockIcon as P, dockVariants as V } from "./components/dock/Duck.js";
+import { TxtEditor as E } from "./components/txt-editor/TxtEditor.js";
 import { Message as H } from "./components/message/Message.js";
 import { default as Q } from "./node_modules/.pnpm/react-force-graph-3d@1.28.0_react@19.1.0/node_modules/react-force-graph-3d/dist/react-force-graph-3d.js";
 import { default as j } from "./node_modules/.pnpm/canvas-confetti@1.9.3/node_modules/canvas-confetti/dist/confetti.module.js";
 import { Pointer as v } from "./components/pointer/Pointer.js";
 import { SparklesText as J } from "./components/sparkles-text/SparklesText.js";
+import { BlurFade as L } from "./components/blur-fade/BlurFade.js";
 export {
-  e as Button,
+  L as BlurFade,
+  t as Button,
   u as Confetti,
   c as ConfettiButton,
-  P as Dock,
-  V as DockIcon,
+  F as Dock,
+  P as DockIcon,
   Q as ForceGraph3D,
   x as HyperText,
   I as ImageCompare,
-  h as ImageViewer,
+  B as ImageViewer,
   H as Message,
   g as PinchContent,
   v as Pointer,
-  s as QRCode,
-  B as ShimmerButton,
+  d as QRCode,
+  y as ShimmerButton,
   J as SparklesText,
   S as TextAnimate,
-  F as TxtEditor,
+  E as TxtEditor,
   f as TxtReader,
   n as TypingAnimation,
   j as confetti,
-  w as dockVariants,
-  l as useStayTimeReport
+  V as dockVariants,
+  T as useStayTimeReport
 };