{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "z-file-drop-overlay",
  "title": "Z File Drop Overlay",
  "dependencies": [
    "@heroicons/react@2.2.0"
  ],
  "devDependencies": [],
  "registryDependencies": [
    "https://ui.orchid.ai/r/orchid-theme.json"
  ],
  "files": [
    {
      "path": "registry/ui/orchid/spectrum/molecules/z-file-drop-overlay/z-file-drop-overlay.tsx",
      "content": "\"use client\";\nimport { PaperClipIcon, PhotoIcon } from '@heroicons/react/16/solid';\nexport default function ZFileDropOverlay({ mode = 'attach', }: {\n    mode?: 'attach' | 'insert-image';\n}) {\n    const label = mode === 'insert-image' ? 'Drop to insert image' : 'Drop to attach';\n    const Icon = mode === 'insert-image' ? PhotoIcon : PaperClipIcon;\n    return (<>\n      <div className=\"bg-surface/72 pointer-events-none absolute inset-0 z-20 rounded-xl backdrop-blur-[1px] shadow-[0_0_0_6px_rgba(17,24,39,0.03),0_24px_80px_rgba(0,0,0,0.14)] dark:bg-neutral-subtle/50 dark:shadow-[0_0_0_6px_rgba(255,255,255,0.03),0_24px_80px_rgba(0,0,0,0.28)]\"/>\n      <div className=\"pointer-events-none absolute inset-0 z-30 flex items-center justify-center p-4\">\n        <div className=\"bg-surface/96 border-neutral-subtle dark:border-neutral flex items-center gap-2 rounded-full border px-3 py-2 shadow-lg backdrop-blur-sm\">\n          <Icon className=\"text-neutral size-3.5 shrink-0\"/>\n          <div className=\"text-copy-sm text-neutral whitespace-nowrap font-medium\">{label}</div>\n        </div>\n      </div>\n    </>);\n}\n",
      "type": "registry:ui",
      "target": "@ui/orchid/spectrum/molecules/z-file-drop-overlay/z-file-drop-overlay.tsx"
    }
  ],
  "type": "registry:ui"
}