52: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"] 53: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"] 54:T1c2e,"use client"; import * as React from "react"; import { useRouter } from "next/navigation"; import { useTheme } from "next-themes"; import { Moon, Sun, Monitor, Search } from "lucide-react"; import { CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, } from "@/components/ui/command"; import { Kbd, KbdGroup } from "@/components/ui/kbd"; import { cn } from "@/lib/utils"; export type CommandMenuItemDef = { /** Display label */ label: string; /** Lucide or any icon component */ icon?: React.ComponentType<{ className?: string }>; /** Route to navigate to (uses next/navigation router.push) */ href?: string; /** Custom action — used instead of href when provided */ action?: () => void; /** Extra keywords for matching */ keywords?: string[]; }; export type CommandMenuGroupDef = { /** Heading rendered above the group */ heading: string; items: CommandMenuItemDef[]; }; export interface CommandMenuTriggerProps extends React.ButtonHTMLAttributes { /** Label text inside the trigger button */ label?: string; /** Keyboard shortcut hint shown on the right */ shortcut?: string; /** Whether to show the keyboard shortcut badge */ showShortcut?: boolean; } export interface CommandMenuProps { /** CommandGroup definitions rendered in the dialog */ groups?: CommandMenuGroupDef[]; /** Whether to include the built-in Theme group */ showThemeGroup?: boolean; /** Placeholder text inside the search input */ placeholder?: string; /** Key portion of the keyboard shortcut (⌘ / Ctrl + key) */ shortcutKey?: string; /** Delay in ms before the dialog content becomes visible (avoids layout pop) */ contentDelay?: number; /** Custom trigger element. When provided the default button is NOT rendered. */ trigger?: React.ReactNode; /** Props forwarded to the default trigger button */ triggerProps?: CommandMenuTriggerProps; /** Extra className on the root CommandDialog */ className?: string; } function CommandMenuTrigger({ label = "Search…", shortcut = "K", showShortcut = true, className, onClick, ...props }: CommandMenuTriggerProps) { return ( ); } function CommandMenu({ groups = [], showThemeGroup = true, placeholder = "Search components, pages, actions…", shortcutKey = "k", contentDelay = 150, trigger, triggerProps, className, }: CommandMenuProps) { const router = useRouter(); const { setTheme } = useTheme(); const [open, setOpen] = React.useState(false); const [showContent, setShowContent] = React.useState(false); // Reveal content after dialog open transition React.useEffect(() => { if (open) { const id = setTimeout(() => setShowContent(true), contentDelay); return () => clearTimeout(id); } else { setShowContent(false); } }, [open, contentDelay]); React.useEffect(() => { const down = (e: KeyboardEvent) => { if ( e.key.toLowerCase() === shortcutKey.toLowerCase() && (e.metaKey || e.ctrlKey) ) { e.preventDefault(); e.stopPropagation(); setOpen((prev) => !prev); } }; document.addEventListener("keydown", down, { capture: true }); return () => document.removeEventListener("keydown", down, { capture: true }); }, [shortcutKey]); const run = React.useCallback((fn: () => void) => { setOpen(false); fn(); }, []); const handleItemSelect = React.useCallback( (item: CommandMenuItemDef) => { if (item.action) { run(item.action); } else if (item.href) { run(() => router.push(item.href!)); } }, [run, router], ); return ( <> {trigger ? ( setOpen(true)} className="cursor-pointer"> {trigger} ) : ( setOpen(true)} /> )}

No results found. {groups.map((group, gi) => ( {gi > 0 && } {group.items.map((item, ii) => ( handleItemSelect(item)} > {item.icon && ( )} {item.label} ))} ))} {showThemeGroup && ( <> {groups.length > 0 && } run(() => setTheme("light"))} > Light Mode run(() => setTheme("dark"))} > Dark Mode run(() => setTheme("system"))} > System Theme )}

); } export { CommandMenu, CommandMenuTrigger }; 51:["$","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","next",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/next","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":"next"}]]}]}],["$","li","next-themes",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/next-themes","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":"next-themes"}]]}]}],["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-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":"lucide-react"}]]}]}]]}],["$","$L52",null,{"namespace":"@unlumen-ui","registryDependencies":[]}]]}],null]}],["$","$L53",null,{"files":[{"path":"registry/components/unlumen/command-menu/index.tsx","content":"$54","type":"registry:ui","target":"components/unlumen-ui/command-menu.tsx"}],"className":"h-[70svh] min-h-80"}]]}]