{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "app-launcher", "title": "App Launcher", "description": "A nine-dot app switcher: a grid button that drops a portalled tile grid of real links, with arrow-key grid navigation, groups, pinned and recent rows, and a search box once the suite outgrows a 3x3.", "dependencies": [ "lucide-react" ], "registryDependencies": [ "utils" ], "files": [ { "path": "src/registry/ui/app-launcher.tsx", "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { createPortal } from \"react-dom\"\nimport { ArrowUpRight, LayoutGrid, Search } from \"lucide-react\"\nimport { cn } from \"@/lib/utils\"\n\n/**\n * Entrance keyframes ship with the component: React 19 hoists \n\n \n {showSearch ? (\n
\n \n setQuery(event.target.value)}\n onKeyDown={handleSearchKeyDown}\n placeholder={searchPlaceholder}\n ref={inputRef}\n spellCheck=\"false\"\n type=\"text\"\n value={query}\n />\n
\n ) : null}\n\n \n {sections.length === 0 ? (\n

\n {emptyText}\n

\n ) : (\n sections.map(section => (\n
\n {section.label ? (\n \n {section.label}\n
\n ) : null}\n\n {/* The heading sits *outside* the grid and is referenced\n by id, so grid → row → gridcell is never interrupted\n by a node the grid is not allowed to own. */}\n \n {section.rows.map(row => (\n
\n {row.map(cell => (\n
\n \n
\n ))}\n\n {/* Empty cells keep every row the same length, so\n the columns line up and the grid keeps a square\n shape in the accessibility tree. */}\n {Array.from({ length: effectiveColumns - row.length }, (_, filler) => (\n \n ))}\n
\n ))}\n \n \n ))\n )}\n \n \n ,\n document.body,\n )}\n \n )\n },\n)\n\nAppLauncher.displayName = \"AppLauncher\"\n\nexport default AppLauncher\n", "type": "registry:ui" } ], "type": "registry:ui" }