{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "wheel-picker",
  "title": "Wheel Picker",
  "author": "shakil-ahmed-billal <shakil.dev99@gmail.com>",
  "description": "iOS-like wheel picker for React with smooth inertia scrolling and infinite loop support.",
  "dependencies": [
    "@shakil-ahmed-billal/react-wheel-picker"
  ],
  "files": [
    {
      "path": "src/registry/components/wheel-picker/wheel-picker.tsx",
      "content": "import \"@ncdai/react-wheel-picker/style.css\"\r\n\r\nimport * as WheelPickerPrimitive from \"@ncdai/react-wheel-picker\"\r\nimport type { ComponentProps } from \"react\"\r\n\r\nimport { cn } from \"@/lib/utils\"\r\n\r\ntype WheelPickerValue = WheelPickerPrimitive.WheelPickerValue\r\n\r\ntype WheelPickerOption<T extends WheelPickerValue = string> =\r\n  WheelPickerPrimitive.WheelPickerOption<T>\r\n\r\ntype WheelPickerClassNames = WheelPickerPrimitive.WheelPickerClassNames\r\n\r\nfunction WheelPickerWrapper({\r\n  className,\r\n  ...props\r\n}: ComponentProps<typeof WheelPickerPrimitive.WheelPickerWrapper>) {\r\n  return (\r\n    <WheelPickerPrimitive.WheelPickerWrapper\r\n      className={cn(\r\n        \"w-56 rounded-lg border border-zinc-200 bg-white px-1 shadow-xs dark:border-zinc-700/80 dark:bg-zinc-900\",\r\n        \"*:data-rwp:first:*:data-rwp-highlight-wrapper:rounded-s-md\",\r\n        \"*:data-rwp:last:*:data-rwp-highlight-wrapper:rounded-e-md\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nfunction WheelPicker<T extends WheelPickerValue = string>({\r\n  classNames,\r\n  ...props\r\n}: WheelPickerPrimitive.WheelPickerProps<T>) {\r\n  return (\r\n    <WheelPickerPrimitive.WheelPicker\r\n      classNames={{\r\n        optionItem: cn(\r\n          \"text-zinc-400 dark:text-zinc-500 data-disabled:opacity-40\",\r\n          classNames?.optionItem\r\n        ),\r\n        highlightWrapper: cn(\r\n          \"bg-zinc-100 text-zinc-950 dark:bg-zinc-800 dark:text-zinc-50\",\r\n          \"data-rwp-focused:ring-2 data-rwp-focused:ring-zinc-300 data-rwp-focused:ring-inset dark:data-rwp-focused:ring-zinc-600\",\r\n          classNames?.highlightWrapper\r\n        ),\r\n        highlightItem: cn(\r\n          \"data-disabled:opacity-40\",\r\n          classNames?.highlightItem\r\n        ),\r\n      }}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nexport { WheelPicker, WheelPickerWrapper }\r\nexport type { WheelPickerClassNames, WheelPickerOption }\r\n",
      "type": "registry:component"
    }
  ],
  "docs": "https://xhakil.vercel.app/components/react-wheel-picker",
  "type": "registry:component"
}