{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "drop-zone",
  "title": "Drop Zone",
  "description": "Polaris-styled Drop Zone component.",
  "dependencies": [],
  "devDependencies": [
    "@shopify/polaris-types"
  ],
  "registryDependencies": [
    "@polaris-shadcn/theme",
    "@polaris-shadcn/utils"
  ],
  "files": [
    {
      "path": "registry/templates/components/ui/drop-zone.tsx",
      "content": "import * as React from \"react\";\nimport { cn } from \"../../lib/utils\";\n\ntype SDropZoneProps = React.ComponentPropsWithoutRef<\"s-drop-zone\">;\n\nexport interface DropZoneProps extends SDropZoneProps {\n  className?: string;\n  children?: React.ReactNode;\n}\n\nconst DropZone = React.forwardRef<\n  HTMLElementTagNameMap[\"s-drop-zone\"],\n  DropZoneProps\n>(\n  (\n    {\n      className,\n      name,\n      label,\n      accept,\n      multiple = false,\n      disabled = false,\n      required = false,\n      error,\n      accessibilityLabel,\n      labelAccessibilityVisibility,\n      onChange,\n      onInput,\n      onDropRejected,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <s-drop-zone\n        ref={ref}\n        {...({ className: cn(className) } as SDropZoneProps)}\n        name={name}\n        label={label}\n        accept={accept}\n        multiple={multiple || undefined}\n        disabled={disabled || undefined}\n        required={required || undefined}\n        error={error}\n        accessibilityLabel={accessibilityLabel}\n        labelAccessibilityVisibility={labelAccessibilityVisibility}\n        onChange={onChange}\n        onInput={onInput}\n        onDropRejected={onDropRejected}\n        {...props}\n      >\n        {children}\n      </s-drop-zone>\n    );\n  },\n);\nDropZone.displayName = \"DropZone\";\n\nexport { DropZone };\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}