{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "tailwind-colorwheel",
  "type": "registry:ui",
  "title": "ColorWheel",
  "dependencies": [
    "react",
    "react-aria-components",
    "tailwindcss-react-aria-components",
    "tw-animate-css"
  ],
  "registryDependencies": [
    "https://react-aria.adobe.com/registry/tailwind-colorthumb.json"
  ],
  "files": [
    {
      "path": "components/ui/ColorWheel.tsx",
      "type": "registry:ui",
      "content": "'use client';\nimport React from 'react';\nimport {\n  ColorWheel as AriaColorWheel,\n  type ColorWheelProps as AriaColorWheelProps,\n  ColorWheelTrack\n} from 'react-aria-components/ColorWheel';\nimport {ColorThumb} from '@/registry/react-aria/ui/ColorThumb';\n\nexport interface ColorWheelProps extends Omit<AriaColorWheelProps, 'outerRadius' | 'innerRadius'> {}\n\nexport function ColorWheel(props: ColorWheelProps) {\n  return (\n    <AriaColorWheel {...props} outerRadius={100} innerRadius={74}>\n      <ColorWheelTrack\n        className=\"disabled:bg-neutral-300 dark:disabled:bg-neutral-800 forced-colors:disabled:bg-[GrayText]\"\n        style={({defaultStyle, isDisabled}) => ({\n          ...defaultStyle,\n          background: isDisabled\n            ? undefined\n            : `${defaultStyle.background}, repeating-conic-gradient(#CCC 0% 25%, white 0% 50%) 50% / 16px 16px`\n        })}\n      />\n      <ColorThumb />\n    </AriaColorWheel>\n  );\n}\n"
    }
  ],
  "css": {
    "@plugin \"tailwindcss-react-aria-components\"": {},
    "@import \"tw-animate-css\"": {}
  }
}