{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "z-search-trigger",
  "title": "Z Search Trigger",
  "dependencies": [
    "@heroicons/react@2.2.0"
  ],
  "devDependencies": [],
  "registryDependencies": [
    "https://ui.orchid.ai/r/orchid-foundation.json",
    "https://ui.orchid.ai/r/orchid-theme.json",
    "https://ui.orchid.ai/r/z-button.json",
    "https://ui.orchid.ai/r/z-kbd.json"
  ],
  "files": [
    {
      "path": "registry/ui/orchid/spectrum/molecules/z-search-trigger/z-search-trigger.tsx",
      "content": "\"use client\";\nimport { MagnifyingGlassIcon, PencilSquareIcon } from '@heroicons/react/16/solid';\nimport ZButton from \"../../atoms/z-button/z-button\";\nimport ZKbd from \"../../atoms/z-kbd/z-kbd\";\nimport { cn } from \"../../../lib/ui-utils\";\ntype ZSearchTriggerProps = {\n    placeholder?: string;\n    onSearchClick?: () => void;\n    onComposeClick?: () => void;\n    className?: string;\n};\nexport default function ZSearchTrigger({ placeholder = 'Ask anything...', onSearchClick, onComposeClick, className, }: ZSearchTriggerProps) {\n    return (<div className={cn('bg-surface-subtle hover:ring-bg-surface-strong ease-out-expo h-12 w-full max-w-2xl overflow-hidden rounded-[14px] p-0.5 shadow-lg transition-transform duration-500 hover:ring-2', className)}>\n      <div className=\"bg-surface flex h-full items-center justify-between rounded-xl px-2 shadow-md\">\n        <div onClick={onSearchClick} className=\"flex flex-1 cursor-text items-center gap-3 px-2 transition-colors\">\n          <MagnifyingGlassIcon className=\"text-neutral-subtle size-4\"/>\n          <span className=\"text-copy text-neutral-subtle flex-1\">{placeholder}</span>\n        </div>\n\n        <ZButton variant=\"primary\" size=\"sm\" leadingIcon={PencilSquareIcon} onClick={onComposeClick} trailing={<ZKbd shortcut=\"option+n\"/>}>\n          Compose\n        </ZButton>\n      </div>\n    </div>);\n}\n",
      "type": "registry:ui",
      "target": "@ui/orchid/spectrum/molecules/z-search-trigger/z-search-trigger.tsx"
    }
  ],
  "type": "registry:ui"
}