50: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"] 51: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"] 52:T2895,"use client" import { cn } from "@/lib/utils" import React from "react" export interface LoaderProps { variant?: | "circular" | "classic" | "pulse" | "pulse-dot" | "dots" | "typing" | "wave" | "bars" | "terminal" | "text-blink" | "text-shimmer" | "loading-dots" size?: "sm" | "md" | "lg" text?: string className?: string } export function CircularLoader({ className, size = "md", }: { className?: string size?: "sm" | "md" | "lg" }) { const sizeClasses = { sm: "size-4", md: "size-5", lg: "size-6", } return (

) } export function ClassicLoader({ className, size = "md", }: { className?: string size?: "sm" | "md" | "lg" }) { const sizeClasses = { sm: "size-4", md: "size-5", lg: "size-6", } const barSizes = { sm: { height: "6px", width: "1.5px" }, md: { height: "8px", width: "2px" }, lg: { height: "10px", width: "2.5px" }, } return (

{[...Array(12)].map((_, i) => (

))}

) } export function PulseLoader({ className, size = "md", }: { className?: string size?: "sm" | "md" | "lg" }) { const sizeClasses = { sm: "size-4", md: "size-5", lg: "size-6", } return (

) } export function PulseDotLoader({ className, size = "md", }: { className?: string size?: "sm" | "md" | "lg" }) { const sizeClasses = { sm: "size-1", md: "size-2", lg: "size-3", } return (

) } export function DotsLoader({ className, size = "md", }: { className?: string size?: "sm" | "md" | "lg" }) { const dotSizes = { sm: "h-1.5 w-1.5", md: "h-2 w-2", lg: "h-2.5 w-2.5", } const containerSizes = { sm: "h-4", md: "h-5", lg: "h-6", } return (

{[...Array(3)].map((_, i) => (

))} Loading

) } export function TypingLoader({ className, size = "md", }: { className?: string size?: "sm" | "md" | "lg" }) { const dotSizes = { sm: "h-1 w-1", md: "h-1.5 w-1.5", lg: "h-2 w-2", } const containerSizes = { sm: "h-4", md: "h-5", lg: "h-6", } return (

{[...Array(3)].map((_, i) => (

))} Loading

) } export function WaveLoader({ className, size = "md", }: { className?: string size?: "sm" | "md" | "lg" }) { const barWidths = { sm: "w-0.5", md: "w-0.5", lg: "w-1", } const containerSizes = { sm: "h-4", md: "h-5", lg: "h-6", } const heights = { sm: ["6px", "9px", "12px", "9px", "6px"], md: ["8px", "12px", "16px", "12px", "8px"], lg: ["10px", "15px", "20px", "15px", "10px"], } return (

{[...Array(5)].map((_, i) => (

))} Loading

) } export function BarsLoader({ className, size = "md", }: { className?: string size?: "sm" | "md" | "lg" }) { const barWidths = { sm: "w-1", md: "w-1.5", lg: "w-2", } const containerSizes = { sm: "h-4 gap-1", md: "h-5 gap-1.5", lg: "h-6 gap-2", } return (

{[...Array(3)].map((_, i) => (

))} Loading

) } export function TerminalLoader({ className, size = "md", }: { className?: string size?: "sm" | "md" | "lg" }) { const cursorSizes = { sm: "h-3 w-1.5", md: "h-4 w-2", lg: "h-5 w-2.5", } const textSizes = { sm: "text-xs", md: "text-sm", lg: "text-base", } const containerSizes = { sm: "h-4", md: "h-5", lg: "h-6", } return (

{">"}

) } export function TextBlinkLoader({ text = "Thinking", className, size = "md", }: { text?: string className?: string size?: "sm" | "md" | "lg" }) { const textSizes = { sm: "text-xs", md: "text-sm", lg: "text-base", } return (

{text}

) } export function TextShimmerLoader({ text = "Thinking", className, size = "md", }: { text?: string className?: string size?: "sm" | "md" | "lg" }) { const textSizes = { sm: "text-xs", md: "text-sm", lg: "text-base", } return (

{text}

) } export function TextDotsLoader({ className, text = "Thinking", size = "md", }: { className?: string text?: string size?: "sm" | "md" | "lg" }) { const textSizes = { sm: "text-xs", md: "text-sm", lg: "text-base", } return (

{text} . . .

) } function Loader({ variant = "circular", size = "md", text, className, }: LoaderProps) { switch (variant) { case "circular": return case "classic": return case "pulse": return case "pulse-dot": return case "dots": return case "typing": return case "wave": return case "bars": return case "terminal": return case "text-blink": return case "text-shimmer": return case "loading-dots": return default: return } } export { Loader } 4f:["$","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,["$","$L50",null,{"namespace":"@prompt-kit","registryDependencies":["button"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"loader.tsx","content":"$52","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]