{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "select-15",
  "type": "registry:component",
  "title": "Select 15",
  "description": "Select 15. A versatile selection component that provides a sleek, accessible way to choose options from a list.",
  "dependencies": [],
  "registryDependencies": [
    "select"
  ],
  "files": [
    {
      "path": "components/watermelon/select-15.tsx",
      "type": "registry:component",
      "content": "import {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectTrigger,\n  SelectValue,\n} from '@/components/base-ui/select';\n\nconst Select15 = () => {\n  return (\n    <div className=\"w-full max-w-xs space-y-4\">\n      {/* Small Select */}\n      <div className=\"space-y-1\">\n        <Select>\n          <SelectTrigger \n            size=\"sm\" \n            className=\"w-full !rounded-xl border-zinc-200 bg-white shadow-xs transition-all hover:bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-950 dark:hover:bg-zinc-900\"\n          >\n            <SelectValue placeholder=\"System memory\" />\n          </SelectTrigger>\n          <SelectContent position=\"popper\" sideOffset={4} className=\"rounded-xl border-zinc-200 bg-white p-1 shadow-lg dark:border-zinc-800 dark:bg-zinc-950\">\n            <SelectGroup>\n              <SelectLabel className=\"text-zinc-500 text-xs\">Small Instance</SelectLabel>\n              <SelectItem value=\"2gb\" className=\"rounded-lg\">2 GB RAM</SelectItem>\n              <SelectItem value=\"4gb\" className=\"rounded-lg\">4 GB RAM</SelectItem>\n              <SelectItem value=\"8gb\" className=\"rounded-lg\">8 GB RAM</SelectItem>\n            </SelectGroup>\n          </SelectContent>\n        </Select>\n      </div>\n\n      {/* Default Select */}\n      <div className=\"space-y-1\">\n        <Select>\n          <SelectTrigger \n            className=\"w-full rounded-xl border-zinc-200 bg-white shadow-xs transition-all hover:bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-950 dark:hover:bg-zinc-900\"\n          >\n            <SelectValue placeholder=\"Standard memory\" />\n          </SelectTrigger>\n          <SelectContent position=\"popper\" sideOffset={4} className=\"rounded-xl border-zinc-200 bg-white p-1 shadow-lg dark:border-zinc-800 dark:bg-zinc-950\">\n            <SelectGroup>\n              <SelectLabel className=\"text-zinc-500\">Standard Nodes</SelectLabel>\n              <SelectItem value=\"16gb\" className=\"rounded-lg\">16 GB RAM</SelectItem>\n              <SelectItem value=\"32gb\" className=\"rounded-lg\">32 GB RAM</SelectItem>\n              <SelectItem value=\"64gb\" className=\"rounded-lg\">64 GB RAM</SelectItem>\n            </SelectGroup>\n          </SelectContent>\n        </Select>\n      </div>\n\n      {/* Large Select */}\n      <div className=\"space-y-1\">\n        <Select>\n          <SelectTrigger \n            className=\"w-full !h-10 rounded-xl border-zinc-200 bg-white shadow-xs transition-all hover:bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-950 dark:hover:bg-zinc-900 px-3\"\n          >\n            <SelectValue placeholder=\"High-performance memory\" />\n          </SelectTrigger>\n          <SelectContent position=\"popper\" sideOffset={4} className=\"rounded-xl border-zinc-200 bg-white p-1 shadow-lg dark:border-zinc-800 dark:bg-zinc-950\">\n            <SelectGroup>\n              <SelectLabel className=\"text-zinc-500\">Performance Cluster</SelectLabel>\n              <SelectItem value=\"128gb\" className=\"rounded-lg\">128 GB RAM</SelectItem>\n              <SelectItem value=\"256gb\" className=\"rounded-lg\">256 GB RAM</SelectItem>\n              <SelectItem value=\"512gb\" className=\"rounded-lg\">512 GB RAM</SelectItem>\n            </SelectGroup>\n          </SelectContent>\n        </Select>\n      </div>\n    </div>\n  );\n};\n\nexport default Select15;\n"
    }
  ]
}