{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "color-thumb",
  "title": "color-thumb",
  "description": "color-thumb",
  "dependencies": [
    "react-aria-components"
  ],
  "registryDependencies": [
    "https://intentui.com/r/primitive"
  ],
  "files": [
    {
      "path": "src/components/ui/color-thumb.tsx",
      "content": "\"use client\"\n\nimport {\n  ColorThumb as ColorThumbPrimitive,\n  type ColorThumbProps,\n} from \"react-aria-components/ColorThumb\"\nimport { cx } from \"@/lib/primitive\"\n\nexport function ColorThumb({ className, ...props }: ColorThumbProps) {\n  return (\n    <ColorThumbPrimitive\n      {...props}\n      style={({ defaultStyle, isDisabled }) => ({\n        ...defaultStyle,\n        backgroundColor: isDisabled ? undefined : defaultStyle.backgroundColor,\n      })}\n      className={cx(\n        \"top-[50%] left-[50%] size-6 rounded-full border-2 border-white [box-shadow:0_0_0_1px_black,inset_0_0_0_1px_black]\",\n        \"focus-visible:size-8\",\n        \"dragging:bg-muted-foreground dragging:forced-colors:bg-[ButtonBorder]\",\n        \"disabled:opacity-50 disabled:forced-colors:border-[GrayText] disabled:forced-colors:bg-[GrayText]\",\n        className\n      )}\n    />\n  )\n}\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}