{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "autocomplete-menu-example",
  "title": "Autocomplete Menu",
  "description": "autocomplete-menu-example",
  "dependencies": [
    "@heroicons/react",
    "react-aria-components"
  ],
  "registryDependencies": [
    "https://intentui.com/r/button",
    "https://intentui.com/r/menu",
    "https://intentui.com/r/popover",
    "https://intentui.com/r/search-field"
  ],
  "files": [
    {
      "path": "src/components/examples/collections/menu/autocomplete-menu-example.tsx",
      "content": "'use client'\n\nimport {\n  ArrowDownTrayIcon,\n  ClipboardDocumentIcon,\n  ClipboardIcon,\n  DocumentDuplicateIcon,\n  DocumentPlusIcon,\n  DocumentTextIcon,\n  EyeIcon,\n  FolderOpenIcon,\n  LinkIcon,\n  LockClosedIcon,\n  PencilSquareIcon,\n  PhotoIcon,\n  ScissorsIcon,\n  ShareIcon,\n  TrashIcon,\n} from '@heroicons/react/24/outline'\nimport { Autocomplete, useFilter } from 'react-aria-components/Autocomplete'\nimport { Menu as PrimitiveMenu } from 'react-aria-components/Menu'\nimport { Button } from '@/components/ui/button'\nimport {\n  Menu,\n  MenuItem,\n  MenuLabel,\n  MenuSection,\n  MenuSeparator,\n  menuContentStyles,\n} from '@/components/ui/menu'\nimport { PopoverContent as Popover } from '@/components/ui/popover'\nimport { SearchField, SearchInput } from '@/components/ui/search-field'\n\nexport default function WithAutocomplete() {\n  const { contains } = useFilter({ sensitivity: 'base' })\n\n  return (\n    <Menu>\n      <Button intent=\"secondary\">Actions</Button>\n      <Popover className=\"*:data-[slot=popover-inner]:overflow-hidden\" placement=\"bottom\">\n        <Autocomplete filter={contains}>\n          <SearchField\n            aria-label=\"Search actions\"\n            autoFocus\n            className=\"border-b sm:**:[svg]:top-2.5\"\n          >\n            <SearchInput\n              className=\"rounded-none border-0 focus:border-input focus:ring-0 hover:focus:border-transparent sm:py-1.5\"\n              placeholder=\"Search actions\"\n            />\n          </SearchField>\n          <PrimitiveMenu\n            renderEmptyState={() => (\n              <div className=\"col-span-full grid min-h-20 place-content-center text-muted-fg\">\n                <span>No result</span>\n              </div>\n            )}\n            className={menuContentStyles()}\n          >\n            <MenuSection aria-label=\"File\">\n              <MenuItem textValue=\"file new document create\">\n                <DocumentPlusIcon />\n                <MenuLabel>New document</MenuLabel>\n              </MenuItem>\n              <MenuItem textValue=\"file open browse\">\n                <FolderOpenIcon />\n                <MenuLabel>Open file</MenuLabel>\n              </MenuItem>\n              <MenuItem textValue=\"file preview view\">\n                <EyeIcon />\n                <MenuLabel>Preview</MenuLabel>\n              </MenuItem>\n              <MenuItem textValue=\"file duplicate copy\">\n                <DocumentDuplicateIcon />\n                <MenuLabel>Duplicate</MenuLabel>\n              </MenuItem>\n              <MenuItem textValue=\"file rename edit title\">\n                <PencilSquareIcon />\n                <MenuLabel>Rename</MenuLabel>\n              </MenuItem>\n              <MenuItem textValue=\"file export download pdf\">\n                <ArrowDownTrayIcon />\n                <MenuLabel>Export as PDF</MenuLabel>\n              </MenuItem>\n            </MenuSection>\n\n            <MenuSeparator />\n\n            <MenuSection aria-label=\"Edit\">\n              <MenuItem textValue=\"edit cut remove selection\">\n                <ScissorsIcon />\n                <MenuLabel>Cut</MenuLabel>\n              </MenuItem>\n              <MenuItem textValue=\"edit copy selection\">\n                <ClipboardDocumentIcon />\n                <MenuLabel>Copy</MenuLabel>\n              </MenuItem>\n              <MenuItem textValue=\"edit paste clipboard\">\n                <ClipboardIcon />\n                <MenuLabel>Paste</MenuLabel>\n              </MenuItem>\n              <MenuItem textValue=\"edit insert image photo media\">\n                <PhotoIcon />\n                <MenuLabel>Insert image</MenuLabel>\n              </MenuItem>\n              <MenuItem textValue=\"edit insert text block paragraph\">\n                <DocumentTextIcon />\n                <MenuLabel>Insert text block</MenuLabel>\n              </MenuItem>\n            </MenuSection>\n\n            <MenuSeparator />\n\n            <MenuSection aria-label=\"Share\">\n              <MenuItem textValue=\"share invite people\">\n                <ShareIcon />\n                <MenuLabel>Share document</MenuLabel>\n              </MenuItem>\n              <MenuItem textValue=\"share copy link url\">\n                <LinkIcon />\n                <MenuLabel>Copy link</MenuLabel>\n              </MenuItem>\n              <MenuItem textValue=\"share permissions access lock\">\n                <LockClosedIcon />\n                <MenuLabel>Manage access</MenuLabel>\n              </MenuItem>\n            </MenuSection>\n\n            <MenuSeparator />\n\n            <MenuSection aria-label=\"Danger zone\">\n              <MenuItem intent=\"danger\" textValue=\"delete remove trash document\">\n                <TrashIcon />\n                <MenuLabel>Move to trash</MenuLabel>\n              </MenuItem>\n            </MenuSection>\n          </PrimitiveMenu>\n        </Autocomplete>\n      </Popover>\n    </Menu>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/autocomplete-menu-example/page.tsx"
    }
  ],
  "type": "registry:page"
}