chore: merge with web UI project

2026-05-23 08:25:57 +00:00 · 2025-04-17 12:02:23 +08:00
parent 3aebb67e2b
commit fd7a803753
58 changed files with 10290 additions and 0 deletions
@@ -0,0 +1,33 @@
+import { motion, AnimatePresence } from "framer-motion";
+
+import { cn } from "~/lib/utils";
+
+export function RollingText({
+  className,
+  children,
+}: {
+  className?: string;
+  children?: string | string[];
+}) {
+  return (
+    <span
+      className={cn(
+        "relative flex h-[2em] items-center overflow-hidden",
+        className,
+      )}
+    >
+      <AnimatePresence mode="popLayout">
+        <motion.div
+          className="absolute w-fit"
+          style={{ transition: "all 0.3s ease-in-out" }}
+          initial={{ y: "100%", opacity: 0 }}
+          animate={{ y: "0%", opacity: 1 }}
+          exit={{ y: "-100%", opacity: 0 }}
+          transition={{ duration: 0.3, ease: "easeInOut" }}
+        >
+          {children}
+        </motion.div>
+      </AnimatePresence>
+    </span>
+  );
+}