mirror of
https://github.com/hanzoai/shadcn.git
synced 2026-10-30 18:22:59 +00:00
zeekay
16c4453cc1
Squash merge of shadcn-ui/ui main branch into hanzo/ui, bringing in: - [email protected] through [email protected] releases - New apps/v4 directory structure - Registry system improvements and MCP server - Framework support (Vue, Svelte, React Native) - New templates (vite-app, monorepo-next, laravel) - Zod 4 compatibility (scoped override for zod@>4) - Test fixture corrections for alias resolution All 867 merge conflicts resolved preserving Hanzo customizations. 1020/1020 shadcn tests pass.
182 lines
5.4 KiB
TypeScript
182 lines
5.4 KiB
TypeScript
"use client"
|
|
|
|
import * as React from "react"
|
|
import { Button } from "@/examples/base/ui/button"
|
|
import {
|
|
Command,
|
|
CommandDialog,
|
|
CommandEmpty,
|
|
CommandGroup,
|
|
CommandInput,
|
|
CommandItem,
|
|
CommandList,
|
|
CommandSeparator,
|
|
CommandShortcut,
|
|
} from "@/examples/base/ui/command"
|
|
import {
|
|
BellIcon,
|
|
CalculatorIcon,
|
|
CalendarIcon,
|
|
ClipboardPasteIcon,
|
|
CodeIcon,
|
|
CopyIcon,
|
|
CreditCardIcon,
|
|
FileTextIcon,
|
|
FolderIcon,
|
|
FolderPlusIcon,
|
|
HelpCircleIcon,
|
|
HomeIcon,
|
|
ImageIcon,
|
|
InboxIcon,
|
|
LayoutGridIcon,
|
|
ListIcon,
|
|
PlusIcon,
|
|
ScissorsIcon,
|
|
SettingsIcon,
|
|
TrashIcon,
|
|
UserIcon,
|
|
ZoomInIcon,
|
|
ZoomOutIcon,
|
|
} from "lucide-react"
|
|
|
|
export function CommandManyItems() {
|
|
const [open, setOpen] = React.useState(false)
|
|
|
|
return (
|
|
<div className="flex flex-col gap-4">
|
|
<Button onClick={() => setOpen(true)} variant="outline" className="w-fit">
|
|
Open Menu
|
|
</Button>
|
|
<CommandDialog open={open} onOpenChange={setOpen}>
|
|
<Command>
|
|
<CommandInput placeholder="Type a command or search..." />
|
|
<CommandList>
|
|
<CommandEmpty>No results found.</CommandEmpty>
|
|
<CommandGroup heading="Navigation">
|
|
<CommandItem>
|
|
<HomeIcon />
|
|
<span>Home</span>
|
|
<CommandShortcut>⌘H</CommandShortcut>
|
|
</CommandItem>
|
|
<CommandItem>
|
|
<InboxIcon />
|
|
<span>Inbox</span>
|
|
<CommandShortcut>⌘I</CommandShortcut>
|
|
</CommandItem>
|
|
<CommandItem>
|
|
<FileTextIcon />
|
|
<span>Documents</span>
|
|
<CommandShortcut>⌘D</CommandShortcut>
|
|
</CommandItem>
|
|
<CommandItem>
|
|
<FolderIcon />
|
|
<span>Folders</span>
|
|
<CommandShortcut>⌘F</CommandShortcut>
|
|
</CommandItem>
|
|
</CommandGroup>
|
|
<CommandSeparator />
|
|
<CommandGroup heading="Actions">
|
|
<CommandItem>
|
|
<PlusIcon />
|
|
<span>New File</span>
|
|
<CommandShortcut>⌘N</CommandShortcut>
|
|
</CommandItem>
|
|
<CommandItem>
|
|
<FolderPlusIcon />
|
|
<span>New Folder</span>
|
|
<CommandShortcut>⇧⌘N</CommandShortcut>
|
|
</CommandItem>
|
|
<CommandItem>
|
|
<CopyIcon />
|
|
<span>Copy</span>
|
|
<CommandShortcut>⌘C</CommandShortcut>
|
|
</CommandItem>
|
|
<CommandItem>
|
|
<ScissorsIcon />
|
|
<span>Cut</span>
|
|
<CommandShortcut>⌘X</CommandShortcut>
|
|
</CommandItem>
|
|
<CommandItem>
|
|
<ClipboardPasteIcon />
|
|
<span>Paste</span>
|
|
<CommandShortcut>⌘V</CommandShortcut>
|
|
</CommandItem>
|
|
<CommandItem>
|
|
<TrashIcon />
|
|
<span>Delete</span>
|
|
<CommandShortcut>⌫</CommandShortcut>
|
|
</CommandItem>
|
|
</CommandGroup>
|
|
<CommandSeparator />
|
|
<CommandGroup heading="View">
|
|
<CommandItem>
|
|
<LayoutGridIcon />
|
|
<span>Grid View</span>
|
|
</CommandItem>
|
|
<CommandItem>
|
|
<ListIcon />
|
|
<span>List View</span>
|
|
</CommandItem>
|
|
<CommandItem>
|
|
<ZoomInIcon />
|
|
<span>Zoom In</span>
|
|
<CommandShortcut>⌘+</CommandShortcut>
|
|
</CommandItem>
|
|
<CommandItem>
|
|
<ZoomOutIcon />
|
|
<span>Zoom Out</span>
|
|
<CommandShortcut>⌘-</CommandShortcut>
|
|
</CommandItem>
|
|
</CommandGroup>
|
|
<CommandSeparator />
|
|
<CommandGroup heading="Account">
|
|
<CommandItem>
|
|
<UserIcon />
|
|
<span>Profile</span>
|
|
<CommandShortcut>⌘P</CommandShortcut>
|
|
</CommandItem>
|
|
<CommandItem>
|
|
<CreditCardIcon />
|
|
<span>Billing</span>
|
|
<CommandShortcut>⌘B</CommandShortcut>
|
|
</CommandItem>
|
|
<CommandItem>
|
|
<SettingsIcon />
|
|
<span>Settings</span>
|
|
<CommandShortcut>⌘S</CommandShortcut>
|
|
</CommandItem>
|
|
<CommandItem>
|
|
<BellIcon />
|
|
<span>Notifications</span>
|
|
</CommandItem>
|
|
<CommandItem>
|
|
<HelpCircleIcon />
|
|
<span>Help & Support</span>
|
|
</CommandItem>
|
|
</CommandGroup>
|
|
<CommandSeparator />
|
|
<CommandGroup heading="Tools">
|
|
<CommandItem>
|
|
<CalculatorIcon />
|
|
<span>Calculator</span>
|
|
</CommandItem>
|
|
<CommandItem>
|
|
<CalendarIcon />
|
|
<span>Calendar</span>
|
|
</CommandItem>
|
|
<CommandItem>
|
|
<ImageIcon />
|
|
<span>Image Editor</span>
|
|
</CommandItem>
|
|
<CommandItem>
|
|
<CodeIcon />
|
|
<span>Code Editor</span>
|
|
</CommandItem>
|
|
</CommandGroup>
|
|
</CommandList>
|
|
</Command>
|
|
</CommandDialog>
|
|
</div>
|
|
)
|
|
}
|