{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "tailwind-dropzone",
  "type": "registry:ui",
  "title": "DropZone",
  "dependencies": [
    "react",
    "react-aria-components",
    "tailwind-variants",
    "tailwindcss-react-aria-components",
    "tw-animate-css"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "components/ui/DropZone.tsx",
      "type": "registry:ui",
      "content": "'use client';\nimport React from 'react';\nimport {composeRenderProps} from 'react-aria-components/composeRenderProps';\nimport {type DropZoneProps, DropZone as RACDropZone, Text} from 'react-aria-components/DropZone';\nimport {tv} from 'tailwind-variants';\n\nconst dropZone = tv({\n  base: 'flex items-center justify-center p-8 min-h-24 w-[30%] font-sans text-base text-balance text-center rounded-lg border border-1 border-neutral-300 dark:border-neutral-800 bg-white dark:bg-neutral-900',\n  variants: {\n    isFocusVisible: {\n      true: 'outline outline-2 -outline-offset-1 outline-blue-600 dark:outline-blue-500 forced-colors:outline-[Highlight]'\n    },\n    isDropTarget: {\n      true: 'bg-blue-200 dark:bg-blue-800 outline outline-2 -outline-offset-1 outline-blue-600 dark:outline-blue-500 forced-colors:outline-[Highlight]'\n    }\n  }\n});\n\nexport function DropZone(props: DropZoneProps) {\n  return (\n    <RACDropZone\n      {...props}\n      className={composeRenderProps(props.className, (className, renderProps) =>\n        dropZone({...renderProps, className})\n      )}\n    />\n  );\n}\n\nexport {Text};\n"
    }
  ],
  "css": {
    "@plugin \"tailwindcss-react-aria-components\"": {},
    "@import \"tw-animate-css\"": {}
  }
}