@xiping/react-components 1.0.25 → 1.0.27

package/dist/es/components/comic-text/ComicText.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties } from 'react';
+type ComicTextProps = {
+    children: string;
+    className?: string;
+    style?: CSSProperties;
+    fontSize?: number;
+};
+export declare function ComicText({ children, className, style, fontSize, }: ComicTextProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/es/components/comic-text/ComicText.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx as n } from "react/jsx-runtime";
+import { cn as i } from "../../utils/utils.js";
+import { motion as p } from "motion/react";
+function m({
+  children: t,
+  className: o,
+  style: a,
+  fontSize: r = 5
+}) {
+  if (typeof t != "string")
+    throw new Error("children must be a string");
+  const e = "#EF4444";
+  return /* @__PURE__ */ n(
+    p.div,
+    {
+      className: i("select-none text-center", o),
+      style: {
+        fontSize: `${r}rem`,
+        fontFamily: "'Bangers', 'Comic Sans MS', 'Impact', sans-serif",
+        fontWeight: "900",
+        WebkitTextStroke: `${r * 0.35}px #000000`,
+        // Thick black outline
+        transform: "skewX(-10deg)",
+        textTransform: "uppercase",
+        filter: `
+          drop-shadow(5px 5px 0px #000000) 
+          drop-shadow(3px 3px 0px ${e})
+        `,
+        backgroundColor: "#FACC15",
+        backgroundImage: `radial-gradient(circle at 1px 1px, ${e} 1px, transparent 0)`,
+        backgroundSize: "8px 8px",
+        backgroundClip: "text",
+        WebkitBackgroundClip: "text",
+        WebkitTextFillColor: "transparent",
+        ...a
+      },
+      initial: { opacity: 0, scale: 0.8, rotate: -2 },
+      animate: { opacity: 1, scale: 1, rotate: 0 },
+      transition: {
+        duration: 0.6,
+        ease: [0.175, 0.885, 0.32, 1.275],
+        type: "spring"
+      },
+      children: t
+    }
+  );
+}
+export {
+  m as ComicText
+};

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

@@ -0,0 +1 @@
+export * from './ComicText';

package/dist/es/components/flip-text/FlipText.d.ts

@@ -0,0 +1,20 @@
+import { Variants, MotionProps } from 'motion/react';
+import { ElementType, default as React } from 'react';
+interface FlipTextProps extends MotionProps {
+    /** The duration of the animation */
+    duration?: number;
+    /** The delay between each character */
+    delayMultiple?: number;
+    /** The variants of the animation */
+    framerProps?: Variants;
+    /** The class name of the component */
+    className?: string;
+    /** The element type of the component */
+    as?: ElementType;
+    /** The children of the component */
+    children: React.ReactNode;
+    /** The variants of the animation */
+    variants?: Variants;
+}
+export declare function FlipText({ children, duration, delayMultiple, className, as: Component, variants, ...props }: FlipTextProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/es/components/flip-text/FlipText.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import { motion as p, AnimatePresence as h } from "motion/react";
+import { cn as f } from "../../utils/utils.js";
+import x from "react";
+const u = {
+  hidden: { rotateX: -90, opacity: 0 },
+  visible: { rotateX: 0, opacity: 1 }
+};
+function w({
+  children: i,
+  duration: n = 0.5,
+  delayMultiple: a = 0.08,
+  className: o,
+  as: r = "span",
+  variants: s,
+  ...c
+}) {
+  const m = p.create(r), d = x.Children.toArray(i).join("").split("");
+  return /* @__PURE__ */ t("div", { className: "flex justify-center space-x-2", children: /* @__PURE__ */ t(h, { mode: "wait", children: d.map((l, e) => /* @__PURE__ */ t(
+    m,
+    {
+      initial: "hidden",
+      animate: "visible",
+      exit: "hidden",
+      variants: s || u,
+      transition: { duration: n, delay: e * a },
+      className: f("origin-center drop-shadow-sm", o),
+      ...c,
+      children: l
+    },
+    e
+  )) }) });
+}
+export {
+  w as FlipText
+};

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

@@ -0,0 +1 @@
+export * from './FlipText';

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/video-dialog/VideoDialog.d.ts

@@ -0,0 +1,10 @@
+type AnimationStyle = "from-bottom" | "from-center" | "from-top" | "from-left" | "from-right" | "fade" | "top-in-bottom-out" | "left-in-right-out";
+interface HeroVideoProps {
+    animationStyle?: AnimationStyle;
+    videoSrc: string;
+    thumbnailSrc: string;
+    thumbnailAlt?: string;
+    className?: string;
+}
+export declare function HeroVideoDialog({ animationStyle, videoSrc, thumbnailSrc, thumbnailAlt, className, }: HeroVideoProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/es/components/video-dialog/VideoDialog.js

@@ -0,0 +1,127 @@
+"use client";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { useState as m } from "react";
+import { AnimatePresence as p, motion as t } from "motion/react";
+import { cn as u } from "../../utils/utils.js";
+import y from "../../node_modules/.pnpm/lucide-react@0.525.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/play.js";
+import f from "../../node_modules/.pnpm/lucide-react@0.525.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/x.js";
+const x = {
+  "from-bottom": {
+    initial: { y: "100%", opacity: 0 },
+    animate: { y: 0, opacity: 1 },
+    exit: { y: "100%", opacity: 0 }
+  },
+  "from-center": {
+    initial: { scale: 0.5, opacity: 0 },
+    animate: { scale: 1, opacity: 1 },
+    exit: { scale: 0.5, opacity: 0 }
+  },
+  "from-top": {
+    initial: { y: "-100%", opacity: 0 },
+    animate: { y: 0, opacity: 1 },
+    exit: { y: "-100%", opacity: 0 }
+  },
+  "from-left": {
+    initial: { x: "-100%", opacity: 0 },
+    animate: { x: 0, opacity: 1 },
+    exit: { x: "-100%", opacity: 0 }
+  },
+  "from-right": {
+    initial: { x: "100%", opacity: 0 },
+    animate: { x: 0, opacity: 1 },
+    exit: { x: "100%", opacity: 0 }
+  },
+  fade: {
+    initial: { opacity: 0 },
+    animate: { opacity: 1 },
+    exit: { opacity: 0 }
+  },
+  "top-in-bottom-out": {
+    initial: { y: "-100%", opacity: 0 },
+    animate: { y: 0, opacity: 1 },
+    exit: { y: "100%", opacity: 0 }
+  },
+  "left-in-right-out": {
+    initial: { x: "-100%", opacity: 0 },
+    animate: { x: 0, opacity: 1 },
+    exit: { x: "100%", opacity: 0 }
+  }
+};
+function k({
+  animationStyle: o = "from-center",
+  videoSrc: r,
+  thumbnailSrc: l,
+  thumbnailAlt: n = "Video thumbnail",
+  className: s
+}) {
+  const [c, a] = m(!1), d = x[o];
+  return /* @__PURE__ */ i("div", { className: u("relative", s), children: [
+    /* @__PURE__ */ i(
+      "div",
+      {
+        className: "group relative cursor-pointer",
+        onClick: () => a(!0),
+        children: [
+          /* @__PURE__ */ e(
+            "img",
+            {
+              src: l,
+              alt: n,
+              width: 1920,
+              height: 1080,
+              className: "w-full rounded-md border shadow-lg transition-all duration-200 ease-out group-hover:brightness-[0.8]"
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: "absolute inset-0 flex scale-[0.9] items-center justify-center rounded-2xl transition-all duration-200 ease-out group-hover:scale-100", children: /* @__PURE__ */ e("div", { className: "flex size-28 items-center justify-center rounded-full bg-primary/10 backdrop-blur-md", children: /* @__PURE__ */ e(
+            "div",
+            {
+              className: "relative flex size-20 scale-100 items-center justify-center rounded-full bg-gradient-to-b from-primary/30 to-primary shadow-md transition-all duration-200 ease-out group-hover:scale-[1.2]",
+              children: /* @__PURE__ */ e(
+                y,
+                {
+                  className: "size-8 scale-100 fill-white text-white transition-transform duration-200 ease-out group-hover:scale-105",
+                  style: {
+                    filter: "drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06))"
+                  }
+                }
+              )
+            }
+          ) }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(p, { children: c && /* @__PURE__ */ e(
+      t.div,
+      {
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        onClick: () => a(!1),
+        exit: { opacity: 0 },
+        className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 backdrop-blur-md",
+        children: /* @__PURE__ */ i(
+          t.div,
+          {
+            ...d,
+            transition: { type: "spring", damping: 30, stiffness: 300 },
+            className: "relative mx-4 aspect-video w-full max-w-4xl md:mx-0",
+            children: [
+              /* @__PURE__ */ e(t.button, { className: "absolute -top-16 right-0 rounded-full bg-neutral-900/50 p-2 text-xl text-white ring-1 backdrop-blur-md dark:bg-neutral-100/50 dark:text-black", children: /* @__PURE__ */ e(f, { className: "size-5" }) }),
+              /* @__PURE__ */ e("div", { className: "relative isolate z-[1] size-full overflow-hidden rounded-2xl border-2 border-white", children: /* @__PURE__ */ e(
+                "iframe",
+                {
+                  src: r,
+                  className: "size-full rounded-2xl",
+                  allowFullScreen: !0,
+                  allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                }
+              ) })
+            ]
+          }
+        )
+      }
+    ) })
+  ] });
+}
+export {
+  k as HeroVideoDialog
+};

package/dist/es/components/video-dialog/index.d.ts

@@ -0,0 +1 @@
+export * from './VideoDialog';

package/dist/es/index.d.ts

@@ -17,3 +17,6 @@ export * from './hooks/useStayTimeReport';
 export * from './components/pointer';
 export * from './components/sparkles-text';
 export * from './components/blur-fade';
+export * from './components/video-dialog';
+export * from './components/comic-text';
+export * from './components/flip-text';

package/dist/es/index.js

@@ -2,45 +2,51 @@
 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 { TypingAnimation as i } from "./components/typing-animation/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 T } from "./hooks/useStayTimeReport.js";
+import { Confetti as u, ConfettiButton as l } from "./components/confetti-button/index.js";
+import { useStayTimeReport as c } from "./hooks/useStayTimeReport.js";
 import { default as g } from "./components/pinch-content/PinchContent.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 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 { ShimmerButton as h } from "./components/shimmer-button/ShimmerButton.js";
+import { default as F } from "./components/image-compare/ImageCompare.js";
+import { TextAnimate as R } from "./components/text-animate/TextAnimate.js";
+import { Dock as V, DockIcon as A, dockVariants as H } from "./components/dock/Duck.js";
+import { TxtEditor as w } from "./components/txt-editor/TxtEditor.js";
+import { Message as G } 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";
+import { HeroVideoDialog as O } from "./components/video-dialog/VideoDialog.js";
+import { ComicText as W } from "./components/comic-text/ComicText.js";
+import { FlipText as Y } from "./components/flip-text/FlipText.js";
 export {
   L as BlurFade,
   t as Button,
+  W as ComicText,
   u as Confetti,
-  c as ConfettiButton,
-  F as Dock,
-  P as DockIcon,
+  l as ConfettiButton,
+  V as Dock,
+  A as DockIcon,
+  Y as FlipText,
   Q as ForceGraph3D,
+  O as HeroVideoDialog,
   x as HyperText,
-  I as ImageCompare,
+  F as ImageCompare,
   B as ImageViewer,
-  H as Message,
+  G as Message,
   g as PinchContent,
   v as Pointer,
   d as QRCode,
-  y as ShimmerButton,
+  h as ShimmerButton,
   J as SparklesText,
-  S as TextAnimate,
-  E as TxtEditor,
+  R as TextAnimate,
+  w as TxtEditor,
   f as TxtReader,
-  n as TypingAnimation,
+  i as TypingAnimation,
   j as confetti,
-  V as dockVariants,
-  T as useStayTimeReport
+  H as dockVariants,
+  c as useStayTimeReport
 };