{
  "$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-fg 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"
}