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:Te4e,import { Fragment, type ComponentProps, type Ref } from "react"; import { cn } from "@/registry/default/lib/utils"; // One splitter for the module: user-perceived characters, so emoji and // accents stay whole wherever the runtime can tell them apart. const characterSplitter = typeof Intl === "object" && typeof Intl.Segmenter === "function" ? new Intl.Segmenter(undefined, { granularity: "grapheme" }) : null; function graphemes(text: string) { if (!characterSplitter) return [...text]; const pieces: string[] = []; for (const { segment } of characterSplitter.segment(text)) pieces.push(segment); return pieces; } type RollTextTag = "span" | "div" | "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6"; interface RollTextProps extends Omit, "children"> { /** Plain text. */ children: string; /** The element to render. */ as?: RollTextTag; /** Time between one character starting to roll and the next, in ms. */ stagger?: number; /** How long each character takes to roll, in ms. */ duration?: number; } /** * Text whose characters roll up, one after another, to reveal a copy of * themselves: a small flourish for links and buttons. It rolls when the * text is hovered, or when a parent with Tailwind's `group` class is * hovered or has keyboard focus, so it follows the link or button it sits * in. It is CSS transitions only and works as a server component. Screen * readers get the text once; with `prefers-reduced-motion` it holds still. * Characters are clipped to the line box, so keep a line height with room * for descenders. * * @example * * About us * */ function RollText({ children, as: Tag = "span", stagger = 20, duration = 400, className, ref, ...props }: RollTextProps) { // Words and the whitespace between them, whitespace kept as it is. const parts = children.split(/(\s+)/).filter(Boolean); let next = 0; return ( } data-slot="roll-text" className={cn("group inline-block whitespace-pre-wrap", className)} {...props} > {children} {parts.map((part, partIndex) => /^\s+$/.test(part) ? ( {part} ) : ( // A word never breaks between its characters. {graphemes(part).map((character) => { const index = next++; return ( {character} {character} ); })} ) )} ); } export { RollText, type RollTextProps }; 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":[null,["$","$L51",null,{"namespace":"@corsair-ui","registryDependencies":["@corsair-ui/utils"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"registry/default/ui/roll-text.tsx","content":"$53","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]