51:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 52:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 53:T127e,"use client"; import * as React from "react"; import { motion, useReducedMotion } from "framer-motion"; import { cn } from "@/lib/utils"; export type TextGenerateMode = "word" | "character" | "line"; export type TextGenerateAs = "p" | "h1" | "h2" | "span" | "div"; export type TextGenerateTrigger = "mount" | "viewport"; type Segment = { id: string; value: string; kind: "token" | "space" | "newline"; animIndex: number | null; }; function tokenizeText(text: string, mode: TextGenerateMode): Segment[] { if (mode === "line") { const lines = text.split("\n"); return lines.flatMap((line, idx) => { const base: Segment = { id: `line-${idx}`, value: line, kind: "token", animIndex: idx, }; if (idx === lines.length - 1) return [base]; return [base, { id: `line-br-${idx}`, value: "\n", kind: "newline", animIndex: null }]; }); } if (mode === "character") { let anim = 0; return Array.from(text).map((ch, idx) => { if (ch === "\n") { return { id: `ch-br-${idx}`, value: ch, kind: "newline", animIndex: null } satisfies Segment; } if (/\s/.test(ch)) { return { id: `ch-sp-${idx}`, value: ch, kind: "space", animIndex: null } satisfies Segment; } const seg: Segment = { id: `ch-${idx}`, value: ch, kind: "token", animIndex: anim }; anim += 1; return seg; }); } // mode: "word" let anim = 0; const raw = text.split(/(\s+)/); const out: Segment[] = []; raw.forEach((part, partIdx) => { if (!part) return; if (/^\s+$/.test(part)) { Array.from(part).forEach((ch, chIdx) => { out.push( ch === "\n" ? { id: `wd-br-${partIdx}-${chIdx}`, value: ch, kind: "newline", animIndex: null } : { id: `wd-sp-${partIdx}-${chIdx}`, value: ch, kind: "space", animIndex: null }, ); }); return; } out.push({ id: `wd-${partIdx}`, value: part, kind: "token", animIndex: anim }); anim += 1; }); return out; } export type TextGenerateEffectProps = { text: string; mode?: TextGenerateMode; delay?: number; duration?: number; stagger?: number; blur?: boolean; once?: boolean; className?: string; as?: TextGenerateAs; lift?: boolean; trigger?: TextGenerateTrigger; replayKey?: string | number; }; export function TextGenerateEffect({ text, mode = "word", delay = 0, duration = 0.48, stagger = 0.06, blur = true, once = true, className, as = "p", lift = true, trigger = "mount", replayKey, }: TextGenerateEffectProps) { const reduceMotion = useReducedMotion() === true; const Tag = as; const segments = React.useMemo(() => tokenizeText(text, mode), [text, mode]); const tokenBaseClass = mode === "line" ? "block" : "inline"; return ( {text} {segments.map((segment) => { if (segment.kind === "newline") return
; if (segment.kind === "space" || segment.animIndex === null || reduceMotion) { return ( {segment.value} ); } const animation = { opacity: 1, y: 0, filter: "blur(0px)", }; const initial = { opacity: 0, y: lift ? 10 : 0, filter: blur ? "blur(8px)" : "blur(0px)", }; const transition = { duration: Math.max(0.12, duration), delay: Math.max(0, delay) + segment.animIndex * Math.max(0, stagger), ease: [0.22, 1, 0.36, 1] as const, }; if (trigger === "viewport") { return ( {segment.value} ); } return ( {segment.value} ); })} ); } 50:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","framer-motion",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/framer-motion","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"framer-motion"}]]}]}],["$","li","react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"react"}]]}]}]]}],["$","$L51",null,{"namespace":"@nexus-labs","registryDependencies":["https://www.nexus-ui.com/api/registry/nexus-font","utils"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"next-ui/text-generate-effect/index.ts","content":"export type {\n TextGenerateMode,\n TextGenerateAs,\n TextGenerateTrigger,\n TextGenerateEffectProps,\n} from \"./text-generate-effect\";\nexport { TextGenerateEffect } from \"./text-generate-effect\";\n","type":"registry:lib","target":"components/text-generate-effect/index.ts"},{"path":"next-ui/text-generate-effect/text-generate-effect.tsx","content":"$53","type":"registry:component","target":"components/text-generate-effect/text-generate-effect.tsx"},{"path":"next-ui/text-generate-effect.tsx","content":"/** Re-export shim: some bundlers resolve `@/components/text-generate-effect` to file before directory. */\nexport type {\n TextGenerateMode,\n TextGenerateAs,\n TextGenerateTrigger,\n TextGenerateEffectProps,\n} from \"./text-generate-effect/text-generate-effect\";\nexport { TextGenerateEffect } from \"./text-generate-effect/text-generate-effect\";\n","type":"registry:component","target":"components/text-generate-effect.tsx"}],"className":"h-[70svh] min-h-80"}]]}]